:root{--bg:#fff;--bg-card:#fff;--bg-card-hover:#fff;--bg-subtle:#f5f5f7;--bg-grouped:#f5f5f7;--bg-secondary:#7878801f;--text:#0009;--text-secondary:#0006;--text-tertiary:#0000004d;--text-heading:#1d1d1f;--text-link:#007aff;--border:#3c3c431f;--border-strong:#3c3c4333;--border-subtle:#3c3c4314;--accent:#007aff;--accent-hover:#0056b3;--accent-bg:#007aff14;--accent-border:#007aff33;--accent-light:#4da3ff;--accent-dark:#0051a8;--blue:#007aff;--green:#34c759;--indigo:#5856d6;--orange:#ff9500;--pink:#ff2d55;--purple:#af52de;--red:#ff3b30;--teal:#5ac8fa;--yellow:#fc0;--gray:#8e8e93;--gray2:#aeaeb2;--gray3:#c7c7cc;--gray4:#d1d1d6;--gray5:#e5e5ea;--gray6:#f2f2f7;--success:#34c759;--warning:#ff9500;--error:#ff3b30;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000005;--shadow-lg:0 12px 40px #00000014, 0 4px 8px #0000000a;--shadow-xl:0 24px 80px #0000001a, 0 8px 16px #0000000a;--shadow-accent:0 8px 24px #007aff33, 0 3px 8px #007aff1a;--shadow-hover:0 8px 32px #00000014, 0 2px 6px #0000000a;--shadow-dark:0 8px 32px #0003;--shadow-card:0 0 0 .5px #0000000a, 0 2px 8px #0000000a;--shadow-card-hover:0 0 0 .5px #0000000f, 0 8px 24px #00000014;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--space-3xl:128px;--ease-smooth:cubic-bezier(.25, .1, .25, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(0, 0, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-elastic:cubic-bezier(.175, .885, .32, 1.275);--ease-spring:cubic-bezier(.5, 1.5, .75, 1.25);--ease-apple:cubic-bezier(.16, 1, .3, 1);--z-base:0;--z-float:10;--z-overlay:20;--z-cursor:9999;--z-nav:100;--z-modal:200}[data-theme=dark]{--bg:#000;--bg-card:#1c1c1e;--bg-card-hover:#2c2c2e;--bg-subtle:#1c1c1e;--bg-grouped:#2c2c2e;--bg-secondary:#7878803d;--text:#fff9;--text-secondary:#fff6;--text-tertiary:#ffffff4d;--text-heading:#f5f5f7;--text-link:#4da3ff;--border:#5454585c;--border-strong:#5454587a;--border-subtle:#54545833;--accent:#0a84ff;--accent-hover:#4da3ff;--accent-bg:#0a84ff1f;--accent-border:#0a84ff4d;--accent-light:#5ac8fa;--accent-dark:#0056b3;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000003d, 0 1px 2px #0000001f;--shadow-md:0 4px 16px #00000052, 0 2px 4px #0000001f;--shadow-lg:0 12px 40px #0006, 0 4px 8px #0000003d;--shadow-xl:0 24px 80px #00000080, 0 8px 16px #0000003d;--shadow-card:0 0 0 .5px #ffffff0a, 0 2px 8px #0000003d;--shadow-card-hover:0 0 0 .5px #ffffff0f, 0 8px 24px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .navbar{border-bottom:1px solid var(--border);background:#000c}[data-theme=dark] .footer{border-top:1px solid var(--border);background:#000}[data-theme=dark] .noise-overlay{opacity:.03}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;line-height:1.6;overflow-x:clip}#root{min-height:100svh}.cursor-dot{background:var(--accent);pointer-events:none;width:8px;height:8px;z-index:var(--z-cursor);transition:width .2s var(--ease-spring), height .2s var(--ease-spring), background .2s;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;width:36px;height:36px;z-index:var(--z-cursor);transition:width .35s var(--ease-spring), height .35s var(--ease-spring), border-color .3s, background .3s;border:1.5px solid #007aff4d;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-ring.hovering{border-color:var(--accent);background:#007aff0d;width:56px;height:56px}.cursor-ring.clicking{width:28px;height:28px}.cursor-dot.clicking{width:5px;height:5px}.noise-overlay{z-index:calc(var(--z-modal) + 1);pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}::-webkit-scrollbar{display:none}::-moz-scrollbar{display:none}html{scrollbar-width:none}html.lenis{scroll-behavior:auto!important}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}body{background-color:var(--bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.025em;font-weight:700;line-height:1.1}h1{font-size:clamp(44px,7vw,96px)}h2{font-size:clamp(30px,4vw,56px)}h3{font-size:clamp(20px,2.5vw,32px)}h4{font-size:clamp(16px,1.5vw,22px)}p{line-height:1.75}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:none;background:0 0;border:none}img,video{max-width:100%;display:block}.bento-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease-spring), box-shadow .4s var(--ease-smooth), border-color .3s var(--ease-smooth);will-change:transform}.bento-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong);transform:translateY(-4px)scale(1.01)}.label-chip{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:6px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-flex}.label-chip.accent{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.label-chip.gold{color:var(--orange);background:#ff95001a;border-color:#ff950033}.section-container,.container{max-width:1320px;padding:0 var(--space-lg);margin:0 auto}@media (width<=1024px){:root{--space-xs:6px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:48px;--space-2xl:72px;--space-3xl:96px}}@media (width<=768px){:root{--space-xs:4px;--space-sm:10px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:56px;--space-3xl:72px}.section-container{padding:0 var(--space-sm)}}@media (width<=480px){:root{--space-xs:4px;--space-sm:8px;--space-md:14px;--space-lg:20px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px}.section-container{padding:0 12px}}@media (width<=375px){.section-container{padding:0 10px}}.magnetic-btn{transition:transform .25s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex;position:relative}.btn-primary{font-family:var(--font-body);color:#fff;background:var(--accent);border-radius:var(--radius-full);transition:all .3s var(--ease-apple);-webkit-font-smoothing:antialiased;align-items:center;gap:10px;padding:13px 28px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn-primary:hover:before{background:#ffffff14}.btn-primary:hover{background:#0071e3;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-primary svg{transition:transform .3s var(--ease-bounce)}.btn-primary:hover svg{transform:translate(4px)}.btn-ghost{font-family:var(--font-body);color:var(--text-heading);border-radius:var(--radius-full);border:1.5px solid var(--border-strong);transition:all .3s var(--ease-smooth);background:0 0;align-items:center;gap:10px;padding:15px 32px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);transform:translateY(-1px)}.marquee-section{padding:var(--space-xl) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.marquee-track{gap:var(--space-xl);width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{align-items:center;gap:var(--space-md);white-space:nowrap;font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.03em;font-size:clamp(18px,2.5vw,28px);font-weight:700;display:flex}.marquee-sep{background:var(--blue);border-radius:50%;flex-shrink:0;width:8px;height:8px}.section-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-end;gap:var(--space-lg);display:flex}.section-tag{margin-bottom:var(--space-sm)}.section-title{letter-spacing:-.04em;font-size:clamp(34px,4.5vw,60px)}.section-desc{color:var(--text);max-width:460px;margin-top:var(--space-sm);font-size:17px;line-height:1.75}.app{background:var(--bg);min-height:100svh;position:relative;overflow-x:clip}.navbar{z-index:var(--z-nav);transition:background .4s var(--ease-smooth), box-shadow .4s var(--ease-smooth), backdrop-filter .4s var(--ease-smooth);padding:18px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:0 1px 0 var(--border);background:#ffffffb8}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-logo{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.navbar-logo-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot}.navbar:not(.scrolled) .navbar-logo{color:#fff}.navbar-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:34px;height:34px}.navbar-logo-text{font-family:var(--font-display);letter-spacing:-.02em;color:inherit;font-size:17px;font-weight:700}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.navbar-links{align-items:center;gap:4px;list-style:none;display:flex}.navbar-links a{color:var(--text);border-radius:var(--radius-full);transition:all .25s var(--ease-smooth);padding:8px 18px;font-size:14px;font-weight:500;position:relative}.navbar-links a:hover{color:var(--text-heading);background:var(--border)}.navbar-links a.active{color:var(--accent);font-weight:600}.nav-pill-indicator{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-indicator{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar-cta{color:#fff;background:var(--accent);border-radius:var(--radius-full);transition:all .3s var(--ease-bounce);padding:11px 28px;font-size:14px;font-weight:600;box-shadow:0 2px 12px #007aff33}.navbar-cta:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-2px)}.navbar-hamburger{border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:8px;transition:background .2s;display:none}.navbar-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all .25s var(--ease-bounce);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent);transform:translateY(-2px)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.navbar-hamburger span{background:var(--text-heading);width:22px;height:2px;transition:all .3s var(--ease-smooth);border-radius:2px;display:block}@media (width<=768px){.navbar-links,.navbar-cta,.navbar-actions{display:none}.navbar-hamburger{display:flex}}.hero-section{min-height:100svh;padding:120px 0 var(--space-2xl);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg-orb{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.hero-bg-orb-1{filter:blur(60px);background:radial-gradient(circle,#007aff0f 0%,#0000 70%);width:700px;height:700px;top:-200px;right:-150px}.hero-bg-orb-2{filter:blur(60px);background:radial-gradient(circle,#af52de0d 0%,#0000 70%);width:500px;height:500px;bottom:-100px;left:-100px}.hero-bg-orb-3{filter:blur(40px);background:radial-gradient(circle,#34c7590a 0%,#0000 70%);width:300px;height:300px;top:40%;left:50%}.hero-inner{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-content{z-index:2;position:relative}.hero-label{margin-bottom:var(--space-md)}.hero-section-title{letter-spacing:-.04em;margin-bottom:var(--space-md);font-size:clamp(40px,6vw,80px)}.hero-subtitle{color:var(--text);max-width:480px;margin-bottom:var(--space-lg);font-size:18px;font-weight:400;line-height:1.75}.hero-actions{margin-bottom:var(--space-xl);align-items:center;gap:16px;display:flex}.hero-stats{gap:var(--space-lg);display:flex}.hero-stat{flex-direction:column;gap:4px;display:flex}.hero-stat-num{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.04em;font-size:40px;font-weight:800;line-height:1}.hero-stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.hero-stat-divider{background:var(--border-strong);align-self:stretch;width:1px}.hero-bento{z-index:2;perspective:1200px;position:relative}.hero-bento-grid{transform-style:preserve-3d;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hero-bento-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);padding:var(--space-md);transition:transform .5s var(--ease-spring), box-shadow .4s var(--ease-smooth);transform-style:preserve-3d;will-change:transform}.hero-bento-card:first-child{flex-direction:column;grid-area:1/1;justify-content:space-between;min-height:200px;display:flex}.hero-bento-card:nth-child(2){flex-direction:column;grid-area:1/2;justify-content:space-between;align-items:flex-end;min-height:200px;display:flex}.hero-bento-card:nth-child(3){align-items:center;gap:var(--space-md);min-height:140px;padding:var(--space-lg);flex-direction:row;grid-area:2/1/auto/-1}.bento-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bento-icon-wrap.orange{background:var(--accent-bg)}.bento-icon-wrap.blue{background:#6366f112}.bento-icon-wrap.green{background:#10b98112}.bento-card-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;margin-top:auto;font-size:18px;font-weight:700}.bento-card-sub{color:var(--text-secondary);margin-top:4px;font-size:13px;font-weight:400}.bento-card-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg);margin-top:8px;padding:4px 10px;font-size:10px;display:inline-block}.bento-card-tag.orange{color:var(--accent);background:var(--accent-bg);border-color:var(--accent-border)}.bento-progress-ring{flex-shrink:0;width:80px;height:80px;position:relative}.bento-progress-ring svg{transform:rotate(-90deg)}.bento-progress-ring .track{stroke:var(--border-strong);fill:none}.bento-progress-ring .fill{stroke:var(--accent);fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.bento-progress-text{font-family:var(--font-display);color:var(--text-heading);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.bento-avatar-wrap{border-radius:var(--radius-md);width:80px;height:80px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#007aff 0%,#5ac8fa 100%);flex-shrink:0;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex;box-shadow:0 8px 24px #007aff33}.bento-code-block{flex:1}.bento-code-line{font-family:var(--font-mono);color:var(--text);align-items:center;gap:8px;font-size:13px;line-height:1.8;display:flex}.bento-code-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.bento-code-dot.red{background:#ef4444}.bento-code-dot.yellow{background:#f59e0b}.bento-code-dot.green{background:#10b981}.hero-float-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text-heading);z-index:3;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:500;animation:4s ease-in-out infinite float-card;display:flex;position:absolute;bottom:-20px;left:-30px}.hero-float-card-dot{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-dot}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=1024px){.hero-inner{gap:var(--space-xl);grid-template-columns:1fr}.hero-bento{width:100%;max-width:560px;margin:0 auto}.hero-stats{gap:var(--space-md)}.hero-stat-num{font-size:32px}}@media (width<=640px){.hero-section-title{font-size:38px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{gap:var(--space-md);flex-wrap:wrap}.hero-bento-grid{gap:12px}.hero-bento-card{padding:var(--space-sm)}.hero-float-card{display:none}}.about-section,.services-section{padding:var(--space-2xl) 0;position:relative}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(135deg, var(--accent-bg) 0%, transparent 60%);opacity:0;transition:opacity .4s var(--ease-smooth);pointer-events:none;border-radius:inherit;position:absolute;inset:0}.service-card:hover:before{opacity:1}.service-card:first-child{grid-column:1}.service-card:nth-child(2){grid-column:2}.service-card:nth-child(3){grid-column:3}.service-card:nth-child(4){grid-column:1/3}.service-card:nth-child(5){grid-column:3}.service-icon{border-radius:var(--radius-md);z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.service-title{font-family:var(--font-display);color:var(--text-heading);z-index:1;font-size:20px;font-weight:700;position:relative}.service-desc{color:var(--text);z-index:1;flex:1;font-size:14px;line-height:1.7;position:relative}.service-tags{z-index:1;flex-wrap:wrap;gap:6px;display:flex;position:relative}.service-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);padding:4px 10px;font-size:10px}.service-arrow{bottom:var(--space-lg);right:var(--space-lg);background:var(--bg);border:1px solid var(--border);width:36px;height:36px;transition:all .3s var(--ease-bounce);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.service-card:hover .service-arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:translate(4px,-4px)}@media (width<=1024px){.services-grid{grid-template-columns:1fr 1fr}.service-card:first-child,.service-card:nth-child(2),.service-card:nth-child(3),.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto}.service-card:nth-child(4){grid-column:1/-1}}@media (width<=640px){.services-grid{grid-template-columns:1fr}.service-card:nth-child(4){grid-column:auto}}.experience-section{padding:var(--space-2xl) 0;position:relative}.timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:28px}.timeline-item{gap:var(--space-lg);padding:var(--space-lg) 0;grid-template-columns:60px 1fr;display:grid;position:relative}.timeline-dot{background:var(--accent);border:3px solid var(--bg);width:16px;height:16px;box-shadow:0 0 0 2px var(--accent);z-index:1;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative}.timeline-dot.alt{background:var(--orange);box-shadow:0 0 0 2px var(--orange)}.timeline-dot.teal{background:var(--teal);box-shadow:0 0 0 2px var(--teal)}.timeline-content{padding-bottom:var(--space-md);border-bottom:1px solid var(--border);padding:30px}.timeline-content:last-child{border-bottom:none}.timeline-date{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px}.timeline-role{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.timeline-company{color:var(--text);margin-bottom:var(--space-sm);font-size:15px;font-weight:500}.timeline-desc{color:var(--text);font-size:14px;line-height:1.7}.awards-section{padding:var(--space-2xl) 0;position:relative}.awards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.award-card{padding:var(--space-lg);gap:var(--space-sm);text-align:center;flex-direction:column;display:flex;position:relative;overflow:hidden}.award-icon-wrap{border-radius:var(--radius-md);width:64px;height:64px;margin:0 auto var(--space-sm);color:var(--orange);background:#ff95001a;border:1px solid #ff950033;justify-content:center;align-items:center;display:flex}.award-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;font-size:16px;font-weight:700}.award-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.award-year{font-family:var(--font-mono);letter-spacing:.1em;color:var(--orange);text-transform:uppercase;padding-top:var(--space-sm);margin-top:auto;font-size:11px}@media (width<=1024px){.awards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.awards-grid{grid-template-columns:1fr}}.stats-section{padding:var(--space-2xl) 0;position:relative}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card{padding:var(--space-lg);text-align:center;gap:var(--space-xs);flex-direction:column;display:flex}.stat-number{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.04em;font-size:clamp(40px,5vw,64px);font-weight:800;line-height:1}.stat-suffix{color:var(--accent)}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-top:4px;font-size:11px}.stat-desc{color:var(--text);margin-top:4px;font-size:13px;line-height:1.5}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.work-section{padding:var(--space-2xl) 0;position:relative}.work-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.work-card-item{cursor:none;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease-spring), box-shadow .4s var(--ease-smooth), border-color .3s;padding:0;position:relative;overflow:hidden}.work-card-item:hover{box-shadow:var(--shadow-hover);border-color:var(--border-strong);transform:translateY(-6px)scale(1.01)}.work-card-item:first-child{grid-area:1/1/auto/8}.work-card-item:nth-child(2){grid-area:1/8/auto/-1}.work-card-item:nth-child(3){grid-area:2/1/auto/5}.work-card-item:nth-child(4){grid-area:2/5/auto/-1}.work-card-img-wrap{position:relative;overflow:hidden}.work-card-img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .6s var(--ease-smooth);display:block}.work-card-item:hover .work-card-img{transform:scale(1.06)}.work-card-overlay{opacity:0;transition:opacity .4s var(--ease-smooth);padding:var(--space-lg);background:linear-gradient(#0000 0%,#0000000d 50%,#000000a6 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.work-card-item:hover .work-card-overlay{opacity:1}.work-overlay-inner{justify-content:flex-end;align-items:flex-end;display:flex}.work-overlay-cta{color:#fff;background:var(--accent);border-radius:var(--radius-full);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.work-card-category-badge{top:var(--space-sm);left:var(--space-sm);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background:#0009;border:1px solid #ffffff26;padding:5px 12px;font-size:10px;position:absolute}.work-card-content{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.work-card-header{justify-content:space-between;align-items:center;display:flex}.work-card-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;font-size:17px;font-weight:700}.work-card-arrow{border:1px solid var(--border);width:36px;height:36px;color:var(--text-heading);transition:all .3s var(--ease-bounce);background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.work-card-item:hover .work-card-arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(-45deg)}.work-card-tech{flex-wrap:wrap;gap:6px;display:flex}.work-tech-tag{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;font-size:10px}.work-tech-more{color:var(--accent);border-color:var(--accent-border);background:var(--accent-bg)}.work-filters{margin-bottom:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.work-filter-btn{color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);transition:all .25s var(--ease-smooth);align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;display:flex}.work-filter-btn:hover{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.work-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #007aff33}.filter-count{font-family:var(--font-mono);opacity:.7;font-size:10px}.work-empty{padding:var(--space-3xl) var(--space-lg);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.modal-backdrop{z-index:var(--z-modal);-webkit-backdrop-filter:blur(16px)saturate(180%);padding:var(--space-lg);background:#0000005c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:760px;max-height:90svh;box-shadow:var(--shadow-xl);position:relative;overflow-y:auto}.modal-close{top:var(--space-sm);right:var(--space-sm);z-index:2;border:1px solid var(--border);width:40px;height:40px;color:var(--text-heading);box-shadow:var(--shadow-sm);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.modal-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.modal-category-chip{top:var(--space-sm);left:var(--space-sm);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--card-color,var(--accent));border-radius:var(--radius-full);padding:5px 12px;font-size:10px;position:absolute}.modal-content{padding:var(--space-lg)}.modal-title{letter-spacing:-.03em;margin-bottom:var(--space-sm);font-size:clamp(24px,3vw,36px)}.modal-desc{color:var(--text);margin-bottom:var(--space-md);font-size:15px;line-height:1.75}.modal-tech-section{margin-bottom:var(--space-md)}.modal-tech-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-xs);font-size:11px;display:block}.modal-tech-tag{font-family:var(--font-mono);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius-full);padding:4px 14px;font-size:12px}.modal-footer{padding-top:var(--space-sm)}.about-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;gap:16px;display:grid}.about-grid .bento-card:first-child{padding:var(--space-lg);grid-area:1/1/auto/5}.about-grid .bento-card:nth-child(2){padding:var(--space-lg);grid-area:1/5/auto/9}.about-grid .bento-card:nth-child(3){padding:var(--space-lg);justify-content:center;align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;grid-area:1/9/auto/-1;display:flex}.about-grid .bento-card:nth-child(4){padding:var(--space-xl);grid-area:2/1/auto/8}.about-grid .bento-card:nth-child(5){padding:var(--space-xl);grid-area:2/8/auto/-1}.about-availability-badge{border-radius:var(--radius-full);color:#059669;background:#10b98112;border:1px solid #10b9812e;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:500;display:flex}.availability-pulse{background:#10b981;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse-dot}.about-text-block h3{margin-bottom:var(--space-sm);font-size:22px}.about-text-block p{color:var(--text);font-size:15px;line-height:1.75}.skill-bars{gap:var(--space-md);flex-direction:column;flex:1;display:flex}.skill-bar-item{flex-direction:column;gap:8px;display:flex}.skill-bar-header{justify-content:space-between;align-items:center;display:flex}.skill-bar-name{color:var(--text-heading);font-size:14px;font-weight:500}.skill-bar-pct{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:500}.skill-bar-track{background:var(--border);border-radius:var(--radius-full);height:6px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--teal) 100%);border-radius:var(--radius-full);transform-origin:0;height:100%;transition:transform 1s var(--ease-out);transform:scaleX(0)}.exp-year-display{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.exp-year-num{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.04em;font-size:72px;font-weight:800;line-height:1}.exp-year-unit{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:12px}.exp-year-sub{color:var(--text-secondary);margin-top:4px;font-size:14px}.tools-grid{gap:var(--space-xs);flex:1;grid-template-columns:repeat(3,1fr);display:grid}.tool-chip{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text);text-align:center;transition:all .2s var(--ease-smooth);justify-content:center;align-items:center;padding:10px;font-size:11px;display:flex}.tool-chip:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}@media (width<=1024px){.about-grid{flex-direction:column;gap:12px;display:flex}.about-grid .bento-card:first-child,.about-grid .bento-card:nth-child(2),.about-grid .bento-card:nth-child(3),.about-grid .bento-card:nth-child(4),.about-grid .bento-card:nth-child(5){width:100%;grid-area:auto!important}.tools-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.tools-grid{grid-template-columns:repeat(3,1fr)}.section-header{flex-direction:column;align-items:flex-start}}.contact-section{padding:var(--space-2xl) 0;position:relative}.contact-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-card-main{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;grid-area:1/1;justify-content:space-between;display:flex}.contact-card-main h2{letter-spacing:-.03em;font-size:clamp(32px,4vw,52px);line-height:1.1}.contact-card-main p{color:var(--text);max-width:420px;font-size:17px;line-height:1.7}.contact-cta-btn{color:#fff;background:var(--accent);border-radius:var(--radius-full);transition:all .3s var(--ease-bounce);align-self:flex-start;align-items:center;gap:10px;padding:16px 36px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #007aff33}.contact-cta-btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-3px)}.contact-social-row{gap:12px;display:flex}.social-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:44px;height:44px;color:var(--text);transition:all .25s var(--ease-bounce);justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent);transform:translateY(-3px)}.contact-card-info{flex-direction:column;grid-area:1/2;gap:16px;display:flex}.contact-info-item{padding:var(--space-md);align-items:center;gap:var(--space-md);flex:1;display:flex}.contact-info-icon{border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);width:48px;height:48px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.contact-info-value{color:var(--text-heading);font-size:15px;font-weight:500}@media (width<=768px){.contact-grid{grid-template-columns:1fr}.contact-card-main,.contact-card-info{grid-column:1}}.footer{background:#f5f5f7;position:relative;overflow:clip visible}.footer-watermark{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;-webkit-text-stroke:1px #00000014;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;text-align:center;font-size:clamp(80px,12vw,180px);font-weight:800;line-height:.88;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.footer-marquee-band{padding:18px 0;overflow:hidden}.footer-marquee-track{white-space:nowrap;will-change:transform;align-items:center;gap:0;animation:30s linear infinite footerMarquee;display:flex}.footer-marquee-item{font-family:var(--font-display);color:#1d1d1f;letter-spacing:.01em;flex-shrink:0;align-items:center;gap:24px;padding:0 24px;font-size:clamp(18px,2.2vw,26px);font-weight:700;display:inline-flex}.footer-marquee-item svg{color:#1d1d1f;flex-shrink:0;width:6px;height:6px}@keyframes footerMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-contact{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:52px 0 40px;display:flex}.footer-contact-item{font-family:var(--font-body);letter-spacing:.02em;color:#1d1d1f;align-items:center;gap:10px;font-size:clamp(13px,1.2vw,16px);font-weight:500;text-decoration:none;transition:opacity .3s;display:inline-flex}.footer-contact-item:hover{opacity:.55}.footer-contact-item svg{color:#1d1d1f;flex-shrink:0;width:18px;height:18px}.footer-contact-sep{opacity:.25;background:#1d1d1f;border-radius:50%;flex-shrink:0;width:5px;height:5px}.footer-bottom{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.footer-copy{font-family:var(--font-mono);letter-spacing:.1em;color:#1d1d1f;opacity:.4;text-transform:uppercase;font-size:11px}.footer-rights{font-family:var(--font-mono);letter-spacing:.08em;color:#1d1d1f;opacity:.3;text-transform:uppercase;font-size:11px}@media (width<=640px){.footer-contact{flex-direction:column;gap:16px;padding:40px 0 32px}.footer-contact-sep{display:none}.footer-bottom{flex-direction:column;align-items:center;gap:6px;padding:16px 0}.footer-watermark{font-size:clamp(48px,18vw,90px)}}@supports (padding:env(safe-area-inset-bottom)){.floating-actions,.mobile-nav{padding-bottom:env(safe-area-inset-bottom)}.navbar{padding-top:calc(18px + env(safe-area-inset-top))}}@media (width<=768px){h1{font-size:clamp(34px,9vw,44px)}h2{font-size:clamp(26px,7vw,30px)}h3{font-size:clamp(18px,5vw,20px)}h4{font-size:clamp(15px,4vw,16px)}.section-title{letter-spacing:-.03em;font-size:clamp(28px,7vw,34px)}.section-desc{margin-top:var(--space-xs);font-size:15px;line-height:1.7}p{line-height:1.7}a,button,[role=button],.btn-primary,.btn-ghost,.work-filter-btn,.service-card,.bento-card,.award-card,.stat-card,.testimonial-card,.contact-info-item{min-width:44px;min-height:44px}.btn-primary,.btn-ghost,.contact-cta-btn{border-radius:var(--radius-lg);padding:14px 24px;font-size:15px}.navbar-cta{border-radius:var(--radius-lg);padding:12px 24px;font-size:14px}.mobile-nav{z-index:calc(var(--z-nav) - 1);background:var(--bg);opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .35s,transform .35s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-8px)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-header{padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.mobile-nav a{font-family:var(--font-display);color:var(--text-heading);border-radius:var(--radius-md);letter-spacing:-.02em;text-align:center;touch-action:manipulation;width:100%;max-width:320px;padding:10px 20px;font-size:clamp(28px,8vw,36px);font-weight:700;transition:all .2s}.mobile-nav a:hover,.mobile-nav a:active{background:var(--accent-bg);color:var(--accent);transform:scale(.98)}.mobile-nav a.active{color:var(--accent);background:var(--accent-bg)}.mobile-nav-footer{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-nav-social{gap:12px;display:flex}.mobile-nav-cta{color:#fff;background:var(--accent);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:8px;width:100%;max-width:280px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #007aff40}.mobile-nav-cta:active{opacity:.9;transform:scale(.97)}.navbar-links,.navbar-cta,.navbar-actions{display:none}.navbar-hamburger{display:flex}.navbar{padding:14px 0}.navbar-inner{padding:0 var(--space-sm)}.navbar-logo,.navbar-logo-text{font-size:15px}.navbar-avatar{width:30px;height:30px}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffd9}.hero-section{padding:100px 0 var(--space-xl);min-height:100dvh}.hero-inner{gap:var(--space-lg);grid-template-columns:1fr}.hero-content{order:1}.hero-bento{order:2;max-width:100%}.hero-label{margin-bottom:var(--space-sm)}.hero-section-title{letter-spacing:-.035em;margin-bottom:var(--space-sm);font-size:clamp(32px,9vw,40px);line-height:1.05}.hero-subtitle{margin-bottom:var(--space-md);max-width:100%;font-size:15px;line-height:1.7}.hero-actions{margin-bottom:var(--space-md);flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .btn-primary,.hero-actions .btn-ghost{justify-content:center;width:100%;max-width:300px}.hero-stats{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.hero-stat-divider{display:none}.hero-stat-num{font-size:26px}.hero-stat-label{letter-spacing:.08em;font-size:9px}.hero-bento-grid{grid-template-columns:1fr 1fr;gap:10px}.hero-bento-card{padding:var(--space-sm);min-height:140px}.hero-bento-card:nth-child(3){min-height:100px;padding:var(--space-md);flex-direction:row;grid-column:1/-1}.bento-progress-ring{width:56px;height:56px}.bento-progress-text{font-size:13px}.bento-avatar-wrap{width:56px;height:56px;font-size:24px}.bento-icon-wrap{width:36px;height:36px}.bento-card-title{font-size:14px}.bento-card-tag{padding:3px 8px;font-size:9px}.hero-float-card{display:none}.hero-bg-orb-1{filter:blur(40px);width:300px;height:300px;top:-100px;right:-100px}.hero-bg-orb-2{filter:blur(40px);width:250px;height:250px;bottom:0;left:-80px}.hero-bg-orb-3{display:none}.services-grid{grid-template-columns:1fr;gap:12px}.service-card{padding:var(--space-md);gap:var(--space-sm);border-radius:var(--radius-lg)}.service-icon{width:44px;height:44px}.service-title{font-size:17px}.service-desc{font-size:13px;line-height:1.65}.service-tag{padding:3px 8px;font-size:9px}.service-arrow{bottom:var(--space-md);right:var(--space-md);width:32px;height:32px}.timeline{padding-left:0}.timeline:before{left:20px}.timeline-item{gap:var(--space-md);padding:var(--space-md) 0;grid-template-columns:44px 1fr}.timeline-dot{width:12px;height:12px;margin-top:6px}.timeline-content{border-radius:var(--radius-md);padding:16px}.timeline-role{font-size:17px}.timeline-company{font-size:13px}.timeline-desc{font-size:13px;line-height:1.65}.about-grid{scroll-snap-type:none;-webkit-overflow-scrolling:auto;flex-direction:column;gap:12px;display:flex;overflow-x:visible}.about-grid .bento-card{width:100%!important;padding:var(--space-md)!important;grid-area:auto!important;justify-content:flex-start!important;align-items:stretch!important}.about-grid .bento-card:nth-child(3){text-align:left;justify-content:flex-start!important;align-items:flex-start!important}.tools-grid{scroll-snap-type:none;-webkit-overflow-scrolling:auto;grid-template-columns:repeat(3,1fr);display:grid;overflow-x:visible}.about-text-block h3{margin-bottom:var(--space-xs);font-size:18px}.about-text-block p{font-size:13px;line-height:1.65}.skill-bars{gap:var(--space-sm)}.skill-bar-pct{font-size:11px}.about-text-block .contact-cta-btn{justify-content:center;width:100%;padding:10px 16px;font-size:12px}.about-text-block>div[style*=flexWrap]{gap:var(--space-sm);flex-direction:column}.exp-year-unit{font-size:11px}.exp-year-sub{font-size:12px}.about-availability-badge{border-radius:var(--radius-md);padding:10px 16px;font-size:13px}.tools-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tool-chip{border-radius:var(--radius-sm);padding:8px 6px;font-size:10px}.skill-bar-name{font-size:13px}.exp-year-num{font-size:48px}.section-header{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column}.work-grid{grid-template-columns:1fr;gap:12px}.work-card-item{border-radius:var(--radius-md)}.work-card-item:nth-child(n){grid-area:auto/1}.work-card-img-wrap{border-radius:var(--radius-md) var(--radius-md) 0 0}.work-card-img{aspect-ratio:16/9}.work-card-overlay{opacity:1;background:linear-gradient(#0000 30%,#0000001a 60%,#00000080 100%)}.work-card-content{padding:var(--space-sm)}.work-card-title{font-size:15px}.work-card-tech{gap:4px}.work-tech-tag{padding:2px 8px;font-size:9px}.work-card-arrow{width:32px;height:32px}.work-card-category-badge{padding:4px 10px;font-size:9px}.work-filters{margin-bottom:var(--space-md);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;overflow-x:auto}.work-filters::-webkit-scrollbar{display:none}.work-filter-btn{white-space:nowrap;border-radius:var(--radius-md);flex-shrink:0;padding:7px 16px;font-size:12px}.fw-header-row{gap:var(--space-md);flex-direction:column}.fw-header-right{gap:var(--space-lg);flex-shrink:0}.fw-counter-num{margin-top:0;font-size:32px}.fw-scrapbook-grid{padding:var(--space-md) 0 var(--space-lg);grid-template-columns:1fr 1fr;gap:12px}.polaroid-pin{top:-6px}.polaroid-pin svg{width:24px;height:32px}.polaroid-inner{padding:8px 8px 14px}.polaroid-title{font-size:11px}.polaroid-category{font-size:8px}.polaroid-label{min-height:40px;padding:8px 2px 0}.polaroid-0{grid-area:1/1;margin-top:0}.polaroid-1{grid-area:1/2;margin-top:20px}.polaroid-2{grid-area:2/1;margin-top:0}.polaroid-3{grid-area:2/2;margin-top:20px}.polaroid-4{grid-area:3/1;margin-top:0}.polaroid-5{grid-area:3/2;margin-top:0}.fw-deco-stamp,.fw-deco-stamp2{display:none}.fw-magazine-grid{grid-template-columns:1fr;gap:16px}.magazine-card{border-radius:var(--radius-md)}.magazine-title{font-size:18px}.magazine-desc,.magazine-cta{font-size:13px}}@media (width<=480px){.fw-scrapbook-grid{grid-template-columns:1fr}.polaroid-0,.polaroid-1,.polaroid-2,.polaroid-3,.polaroid-4,.polaroid-5{grid-column:1;margin-top:0}.polaroid-inner{transform:rotate(0)!important}.fw-main-title{font-size:clamp(40px,12vw,56px)}}@media (width<=768px){.modal-backdrop{justify-content:stretch;align-items:flex-end;padding:0}.modal-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-width:100%;max-height:92svh}.modal-close{top:var(--space-sm);right:var(--space-sm);width:36px;height:36px}.modal-content{padding:var(--space-md)}.modal-title{padding-right:36px;font-size:clamp(20px,5vw,24px)}.modal-desc{font-size:14px;line-height:1.7}.modal-cta{border-radius:var(--radius-md);justify-content:center;width:100%;padding:14px 24px}.modal-card:before{content:"";background:var(--border-strong);z-index:3;border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-card-main{padding:var(--space-lg);gap:var(--space-md);grid-column:1}.contact-card-main h2{font-size:clamp(28px,7vw,32px)}.contact-card-main p{font-size:15px;line-height:1.65}.contact-cta-btn{border-radius:var(--radius-md);justify-content:center;width:100%;padding:14px 24px;font-size:15px}.contact-card-info{grid-column:1;gap:10px}.contact-info-item{padding:var(--space-sm);border-radius:var(--radius-md)}.contact-info-icon{width:40px;height:40px}.contact-info-value{font-size:14px}.contact-social-row{gap:10px}.social-icon-btn{width:40px;height:40px}.contact-form{gap:var(--space-sm)}.form-input{border-radius:var(--radius-md);padding:14px 16px;font-size:16px}.form-textarea{min-height:120px}.form-actions{gap:var(--space-sm)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:var(--space-md);border-radius:var(--radius-md)}.stat-number{font-size:clamp(28px,7vw,40px)}.stat-label{letter-spacing:.08em;font-size:9px}.stat-desc{margin-top:2px;font-size:12px}.awards-grid{grid-template-columns:repeat(2,1fr);gap:10px}.award-card{padding:var(--space-md);border-radius:var(--radius-md)}.award-icon-wrap{width:48px;height:48px}.award-title{font-size:14px}.award-desc{font-size:12px;line-height:1.5}.marquee-section{padding:var(--space-lg) 0}.marquee-item{font-size:clamp(16px,4vw,18px)}.cta-band{padding:var(--space-xl) 0}.cta-band h2{margin-bottom:var(--space-sm);font-size:clamp(28px,7vw,36px)}.cta-band p{margin-bottom:var(--space-lg);font-size:15px;line-height:1.65}.cta-band .btn-primary{border-radius:var(--radius-md);justify-content:center;width:100%;max-width:300px;padding:14px 24px}.about-section,.services-section,.experience-section,.work-section,.testimonials-section,.awards-section,.stats-section,.contact-section,.expertise-section{padding:var(--space-xl) 0}.label-chip{letter-spacing:.12em;padding:5px 12px;font-size:9px}.footer-watermark{font-size:clamp(40px,16vw,60px)}.footer-marquee-item{padding:0 16px;font-size:clamp(14px,3.5vw,18px)}.footer-contact{flex-direction:column;gap:14px;padding:40px 0 32px}.footer-contact-sep{display:none}.footer-contact-item{font-size:13px}.footer-bottom{flex-direction:column;align-items:center;gap:6px;padding:16px 0}.footer-copy,.footer-rights{font-size:10px}.floating-actions{bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0px));right:var(--space-sm);gap:8px}.floating-email-btn{width:44px;height:44px}.scroll-to-top{width:40px;height:40px}}@media (width<=480px){.floating-actions{bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));right:var(--space-xs);gap:6px}}@media (width<=768px){.scroll-progress-bar{height:3px}.section-divider{width:40px;height:2px;margin:var(--space-xs) 0}.hero-scroll-hint{bottom:24px}.hero-scroll-hint span{font-size:10px}.work-card-item,.magazine-card,.service-card,.bento-card,.award-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.work-card-item:active,.magazine-card:active{transform:scale(.99)}.service-card:hover:before{opacity:0}.bento-card:hover{box-shadow:var(--shadow-sm);border-color:var(--border);transform:none}.work-card-overlay{opacity:1;background:linear-gradient(#0000 40%,#0000000d 70%,#00000073 100%)}.work-filters,.services-grid,.testimonials-grid,.awards-grid{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;overflow-x:auto}.work-filters::-webkit-scrollbar{display:none}.services-grid::-webkit-scrollbar{display:none}.testimonials-grid::-webkit-scrollbar{display:none}.awards-grid::-webkit-scrollbar{display:none}.services-grid>*,.testimonials-grid>*,.awards-grid>*{scroll-snap-align:start;flex-shrink:0}}@media (width<=768px) and (orientation:landscape){.hero-section{min-height:auto;padding:80px 0 var(--space-lg)}.hero-inner{grid-template-columns:1fr 1fr}.hero-content{order:1}.hero-bento{order:2}.hero-section-title{font-size:clamp(26px,5vw,34px)}.hero-bento-grid{grid-template-columns:1fr}.footer-hero-section,.scroll-hero-container{height:400vh}}@media (width<=768px){[data-theme=dark] .navbar.scrolled{background:#000000d9}[data-theme=dark] .mobile-nav{background:#000}}@media (prefers-reduced-motion:no-preference) and (width<=768px){.mobile-nav a{transition:all .2s}}.reveal{opacity:0;transform:translateY(28px)}.reveal-scale{opacity:0;transform:scale(.94)}.reveal-left{opacity:0;transform:translate(-32px)}.reveal-right{opacity:0;transform:translate(32px)}.clip-reveal{clip-path:inset(100% 0 0)}.line-draw{transform-origin:0;transform:scaleX(0)}.spin-in{opacity:0;transform:rotate(-180deg)scale(.5)}.wave-stagger>*{opacity:0;transform:translateY(12px)}.fade-only{opacity:0}.scroll-progress-bar{background:linear-gradient(90deg, var(--accent) 0%, var(--teal) 100%);transform-origin:0;height:2px;z-index:calc(var(--z-nav) + 1);position:fixed;top:0;left:0;transform:scaleX(0)}.section-divider{background:linear-gradient(90deg, var(--accent) 0%, var(--teal) 100%);border-radius:var(--radius-full);width:60px;height:3px;margin:var(--space-sm) 0}.cta-band{padding:var(--space-3xl) 0;background:var(--text-heading);position:relative;overflow:hidden}.cta-band:before{content:"";pointer-events:none;background:radial-gradient(50% 80% at 0%,#007aff14 0%,#0000 60%),radial-gradient(40% 60% at 100%,#af52de0f 0%,#0000 60%);position:absolute;inset:0}.cta-band-inner{text-align:center;z-index:1;position:relative}.cta-band h2{color:#fff;margin-bottom:var(--space-md);font-size:clamp(36px,5vw,72px)}.cta-band p{color:#ffffff8c;max-width:560px;margin:0 auto var(--space-xl);font-size:18px;line-height:1.7}.cta-band .btn-primary{color:var(--text-heading);box-shadow:none;background:#fff}.cta-band .btn-primary:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.frame-counter{bottom:var(--space-lg);right:var(--space-lg);font-family:var(--font-mono);color:var(--text-secondary);letter-spacing:.1em;z-index:2;font-size:11px;position:absolute}.load-overlay{background:var(--bg);justify-content:center;align-items:center;gap:var(--space-md);z-index:10;flex-direction:column;display:flex;position:absolute;inset:0}.load-bar-wrap{background:var(--border);border-radius:var(--radius-full);width:200px;height:3px;overflow:hidden}.load-bar{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .1s linear}.load-text{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-size:11px}.scroll-to-top{background:var(--bg-card);border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow-md);cursor:pointer;color:var(--text-heading);transition:all .25s var(--ease-bounce);animation:scrollToTopIn .3s var(--ease-bounce) forwards;border-radius:50%;justify-content:center;align-items:center;display:flex}.scroll-to-top:hover{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-3px)}.scroll-to-top:active{transform:translateY(-1px)}@media (width<=640px){.scroll-to-top{width:40px;height:40px}}@keyframes scrollToTopIn{0%{opacity:0;transform:translateY(16px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}.expertise-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=1024px){.expertise-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.expertise-grid{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-ring{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-hero-container,.footer-hero-section{scroll-snap-type:none!important}.load-overlay,.fh-load-overlay{display:none!important}.scroll-hero-img,.footer-hero-img{position:static!important}}.scroll-hero-container{height:600vh;position:relative}.scroll-hero-sticky{width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.scroll-hero-img{object-fit:cover;object-position:center;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.scroll-hero-gradient{z-index:1;pointer-events:none;background:linear-gradient(90deg,#1d1d1f26 0%,#1d1d1f14 28%,#1d1d1f0a 52%,#0000 78%);position:absolute;inset:0}.greet-overlay{z-index:10;will-change:opacity, transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.greet-bg{z-index:0;background:#0c0c0e;position:absolute;inset:0}.greet-orb{filter:blur(80px);z-index:1;will-change:transform, opacity;border-radius:50%;position:absolute}.greet-orb--1{background:radial-gradient(circle,#007aff2e 0%,#0000 70%);width:600px;height:600px;top:-200px;left:-150px}.greet-orb--2{background:radial-gradient(circle,#50b4ff1f 0%,#0000 70%);width:500px;height:500px;bottom:-180px;right:-100px}.greet-ray{z-index:2;will-change:transform, opacity;background:linear-gradient(90deg,#0000 0%,#007aff99 30%,#fffc 50%,#007aff99 70%,#0000 100%);height:1px;position:absolute;top:50%;transform:translateY(-50%)}.greet-ray--1{transform-origin:0;width:55%;left:0}.greet-ray--2{transform-origin:100%;width:45%;right:0}.greet-particle{background:var(--accent);z-index:3;will-change:transform, opacity;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 8px 2px #007aff80}.greet-content{z-index:5;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.greet-text{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;font-size:clamp(72px,14vw,160px);font-weight:800;line-height:1;display:flex;overflow:hidden}.greet-text .greet-char{will-change:opacity, transform, filter, clip-path;display:inline-block}.greet-accent{align-items:baseline;gap:0;margin-top:2px;display:flex}.greet-accent .accent-word{font-family:var(--font-display);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;will-change:opacity, transform, filter;font-size:clamp(20px,3vw,32px);font-weight:600}.greet-accent .accent-name{color:#ffffffe6;letter-spacing:-.02em;text-transform:none;font-size:clamp(22px,3.2vw,36px);font-weight:700}.greet-time{font-family:var(--font-mono);letter-spacing:4px;color:#ffffff47;text-transform:uppercase;will-change:opacity, transform;align-items:center;gap:8px;margin-top:24px;font-size:11px;display:flex}.greet-time-icon{color:#007aff66}.greet-bottom-line{z-index:4;background:linear-gradient(90deg,#0000 0%,#007aff4d 30%,#007aff80 50%,#007aff4d 70%,#0000 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.scroll-hero-text{z-index:2;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:flex-start;width:auto;padding:120px 80px 80px;display:flex;position:absolute;inset:0 52% 0 0}.scroll-hero-label{margin-bottom:24px}.scroll-hero-line{background:var(--accent);transform-origin:0;border-radius:1px;width:48px;height:2px;margin-bottom:20px;box-shadow:0 0 12px #007aff80}.scroll-hero-name{font-family:var(--font-display);letter-spacing:-.035em;color:#fff;text-shadow:0 2px 20px #0000004d,0 0 40px #00000026;flex-wrap:nowrap;margin:0 0 24px;font-size:clamp(44px,5.5vw,84px);font-weight:800;line-height:1.02;display:flex;overflow:hidden}.scroll-hero-name .sh-char{will-change:transform, opacity, filter;display:inline-block}.scroll-hero-subtitle{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);flex-wrap:wrap;gap:8px 14px;max-width:520px;margin-bottom:24px;font-size:clamp(13px,1.4vw,18px);font-weight:600;display:flex}.scroll-hero-subtitle .sh-word{display:inline-block}.scroll-desc{font-family:var(--font-body);color:#ffffffb3;will-change:transform, opacity;max-width:460px;margin:0 0 32px;font-size:clamp(13px,1.2vw,16px);line-height:1.75;transform:translateZ(0)}.scroll-hero-actions{gap:14px;margin-bottom:40px;display:flex}.sh-btn{font-family:var(--font-body);color:#fff;transition:all .3s var(--ease-bounce);letter-spacing:.01em;white-space:nowrap;will-change:transform, opacity;border-radius:9999px;flex-shrink:0;align-items:center;gap:8px;padding:13px 26px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;transform:translateZ(0)}.scroll-cta-primary{background:var(--accent);box-shadow:0 4px 20px #007aff4d}.scroll-cta-primary:hover{background:#0071e3;transform:translateY(-3px)scale(1.03);box-shadow:0 10px 36px #007aff66}.scroll-cta-secondary{background:0 0;border:1.5px solid #ffffff2e}.scroll-cta-secondary:hover{color:#fff;background:#ffffff0d;border-color:#fff6;transform:translateY(-2px)scale(1.02)}.scroll-hero-stats{flex-wrap:nowrap;align-items:center;gap:28px;display:flex}.sh-stat{white-space:nowrap;will-change:transform, opacity;flex-direction:column;align-items:flex-start;gap:4px;display:flex;transform:translateZ(0)}.scroll-stat-num{font-family:var(--font-display);color:#fff;letter-spacing:-.04em;text-shadow:0 2px 12px #0003;font-size:30px;font-weight:800;line-height:1}.scroll-stat-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff61;font-size:10px}.scroll-stat-divider{background:#ffffff26;flex-shrink:0;width:1px;height:36px}.scroll-indicator{z-index:3;opacity:0;flex-direction:column;align-items:center;gap:8px;animation:1s 1.2s forwards fadeIn;display:flex;position:absolute;top:50%;right:6vw;transform:translateY(-50%)}.scroll-label{font-family:var(--font-mono);letter-spacing:3px;text-transform:uppercase;color:#ffffff4d;writing-mode:vertical-rl;font-size:10px}.scroll-arrow{color:#ffffff4d;animation:2s infinite bounce}.frame-counter{font-family:var(--font-mono);letter-spacing:2px;color:#007aff99;z-index:3;font-size:11px;position:absolute;bottom:32px;right:6vw}@keyframes wordReveal{0%{opacity:0;transform:translateY(20px)skewY(2deg)}to{opacity:1;transform:translateY(0)skewY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media (width<=1024px){.scroll-hero-text{max-width:100%;padding:100px 48px 60px}}@media (width<=768px){.scroll-hero-container{height:500vh}.scroll-hero-sticky{height:100dvh}.scroll-hero-text{z-index:2;flex-direction:column;justify-content:flex-end;width:100%;max-width:100%;padding:80px 20px 40px;display:flex;position:absolute;inset:auto 0 0}.scroll-hero-label{margin-bottom:12px}.scroll-hero-line{width:32px;height:2px;margin-bottom:12px}.scroll-hero-name{letter-spacing:-.03em;word-break:break-word;margin-bottom:10px;font-size:clamp(28px,8vw,40px);line-height:1.05}.scroll-hero-subtitle{letter-spacing:.06em;gap:6px 10px;margin-bottom:10px;font-size:clamp(10px,2.5vw,13px)}.scroll-desc{max-width:100%;margin-bottom:16px;font-size:clamp(12px,3vw,14px);line-height:1.6}.scroll-hero-actions{flex-direction:column;gap:8px;width:100%;margin-bottom:20px}.sh-btn{text-align:center;border-radius:var(--radius-md);justify-content:center;width:100%;padding:13px 20px;font-size:13px}.scroll-hero-stats{flex-wrap:wrap;gap:14px}.scroll-stat-num{font-size:18px}.scroll-stat-label{letter-spacing:.1em;font-size:8px}.scroll-stat-divider{height:28px}.scroll-indicator{top:45%;right:3vw}.scroll-label{letter-spacing:2px;font-size:9px}.frame-counter{font-size:10px;right:3vw}.scroll-hero-gradient{background:linear-gradient(#0000 25%,#1d1d1f26 50%,#1d1d1f80 80%,#1d1d1fd9 100%)}.greet-overlay{padding:20px}.greet-text{font-size:clamp(48px,14vw,80px)}.greet-accent .accent-word{font-size:clamp(14px,3.5vw,20px)}.greet-accent .accent-name{font-size:clamp(16px,4vw,22px)}.greet-time{letter-spacing:2px;margin-top:16px;font-size:10px}.greet-orb--1{filter:blur(50px);width:300px;height:300px;top:-100px;left:-80px}.greet-orb--2{filter:blur(50px);width:250px;height:250px;bottom:-100px;right:-60px}.greet-particle:nth-child(n+6){display:none}}@media (width<=480px){.scroll-hero-container{height:400vh}.scroll-hero-name{font-size:clamp(24px,9vw,34px)}.scroll-stat-num{font-size:16px}.sh-btn{padding:12px 16px;font-size:12px}.greet-text{font-size:clamp(40px,14vw,60px)}.greet-orb--1,.greet-orb--2{width:200px;height:200px}}@media (width<=375px){.scroll-hero-container{height:380vh}.scroll-hero-name{font-size:clamp(22px,9vw,32px)}.scroll-stat-num{font-size:14px}.sh-btn{padding:11px 14px;font-size:11px}}@media (width<=768px) and (orientation:landscape){.scroll-hero-container{height:400vh}.scroll-hero-text{flex-direction:row;justify-content:space-between;align-items:center;padding:60px 20px}.scroll-hero-name{font-size:clamp(24px,6vw,36px)}.scroll-hero-stats{flex-direction:column;align-items:flex-start;gap:8px}}.navbar-hamburger{border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;z-index:calc(var(--z-nav) + 10);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:10px;transition:background .2s;display:none;position:relative}.navbar-hamburger:hover{background:var(--border)}.navbar-hamburger span{background:var(--text-heading);transform-origin:50%;will-change:transform, opacity;border-radius:2px;width:22px;height:2px;transition:all .3s;display:block}.navbar-hamburger.open span:first-child{background:var(--accent);transform:translateY(7px)rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){background:var(--accent);transform:translateY(-7px)rotate(-45deg)}.navbar:not(.scrolled) .navbar-hamburger span{background:#fff}.mobile-nav{z-index:calc(var(--z-nav) - 1);background:var(--bg);opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .35s,transform .35s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-12px)}.mobile-nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-header{padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--bg);z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.mobile-nav a.navbar-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.mobile-nav a.navbar-logo .navbar-logo-text{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;font-size:15px;font-weight:700}.mobile-nav .theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:36px;height:36px;color:var(--text);cursor:pointer;transition:all .25s var(--ease-bounce);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.mobile-nav .theme-toggle:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent);transform:translateY(-2px)}.mobile-nav a:not(.navbar-logo):not(.mobile-nav-cta):not(.social-icon-btn):not(.theme-toggle){font-family:var(--font-display);color:var(--text-heading);border-radius:var(--radius-md);letter-spacing:-.02em;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;max-width:320px;padding:10px 24px;font-size:clamp(28px,8vw,36px);font-weight:700;transition:all .2s}.mobile-nav a:not(.navbar-logo):not(.mobile-nav-cta):not(.social-icon-btn):not(.theme-toggle):hover,.mobile-nav a:not(.navbar-logo):not(.mobile-nav-cta):not(.social-icon-btn):not(.theme-toggle):active{background:var(--accent-bg);color:var(--accent);transform:scale(.97)}.mobile-nav a:not(.navbar-logo):not(.mobile-nav-cta):not(.social-icon-btn):not(.theme-toggle).active{color:var(--accent);background:var(--accent-bg)}.mobile-nav-footer{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg);z-index:2;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.mobile-nav-social{gap:10px;display:flex}.mobile-nav-social .social-icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);width:44px;height:44px;color:var(--text);transition:all .25s var(--ease-bounce);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;text-decoration:none;display:flex}.mobile-nav-social .social-icon-btn:hover{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent);transform:translateY(-2px)}.mobile-nav-cta{color:#fff;background:var(--accent);border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:8px;width:100%;max-width:280px;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 16px #007aff40}.mobile-nav-cta:active{opacity:.9;transform:scale(.97)}@media (width>=769px){.mobile-nav{display:none}.navbar-hamburger{display:none!important}}.hero-title .char{opacity:0;will-change:transform, opacity;transform:translateY(110%)}.hero-label{opacity:0}.hero-scroll-hint{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;font-size:11px;animation:1s 1.2s both fadeInUp;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.5s infinite scroll-bounce}@keyframes scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=768px){.hero-section{padding:100px 0 var(--space-xl);flex-direction:column;justify-content:center;min-height:100dvh;display:flex}.hero-inner{gap:var(--space-lg);flex-direction:column;width:100%;display:flex}.hero-content{order:1;width:100%}.hero-bento{order:2;width:100%}.hero-label{margin-bottom:var(--space-sm)}.hero-section-title{letter-spacing:-.035em;margin-bottom:var(--space-sm);word-break:break-word;overflow-wrap:break-word;font-size:clamp(32px,9vw,40px);line-height:1.05}.hero-subtitle{margin-bottom:var(--space-md);max-width:100%;font-size:15px;line-height:1.7}.hero-actions{margin-bottom:var(--space-md);flex-direction:column;align-items:stretch;gap:10px;width:100%}.hero-actions .btn-primary,.hero-actions .btn-ghost{justify-content:center;width:100%;max-width:100%;padding:15px 20px;font-size:15px}.hero-stats{gap:var(--space-sm);width:100%;padding-top:var(--space-sm);border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.hero-stat-divider{display:none}.hero-stat-num{letter-spacing:-.03em;font-size:24px}.hero-stat-label{letter-spacing:.06em;font-size:8px;line-height:1.3}.hero-bento-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hero-bento-card{padding:var(--space-sm);border-radius:var(--radius-md);min-height:130px}.hero-bento-card:first-child{min-height:130px}.hero-bento-card:nth-child(2){align-items:flex-start;min-height:130px}.hero-bento-card:nth-child(3){min-height:90px;padding:var(--space-md);align-items:center;gap:var(--space-sm);flex-direction:row;grid-column:1/-1}.bento-progress-ring{flex-shrink:0;width:52px;height:52px}.bento-progress-ring svg{width:52px;height:52px}.bento-progress-text{font-size:12px}.bento-avatar-wrap{flex-shrink:0;width:52px;height:52px;font-size:22px}.bento-icon-wrap{width:34px;height:34px}.bento-card-title{font-size:13px}.bento-card-sub{font-size:11px}.bento-card-tag{margin-top:4px;padding:2px 7px;font-size:8px}.bento-code-line{font-size:11px}.hero-float-card{display:none}.hero-scroll-hint{gap:6px;bottom:20px}.hero-scroll-hint span{font-size:10px}.hero-bg-orb-1{filter:blur(40px);width:280px;height:280px;top:-80px;right:-100px}.hero-bg-orb-2{filter:blur(40px);width:220px;height:220px;bottom:-60px;left:-80px}.hero-bg-orb-3{display:none}}@media (width<=480px){.hero-section-title{font-size:clamp(28px,10vw,34px)}.hero-bento-card,.hero-bento-card:first-child,.hero-bento-card:nth-child(2){min-height:110px}.bento-avatar-wrap{width:44px;height:44px;font-size:18px}.bento-progress-ring,.bento-progress-ring svg{width:44px;height:44px}}@media (width<=768px) and (orientation:landscape){.hero-section{min-height:auto;padding:80px 0 var(--space-lg)}.hero-inner{gap:var(--space-md);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-content{order:1}.hero-bento{order:2}.hero-section-title{font-size:clamp(24px,5vw,34px)}.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-actions{flex-direction:row;align-items:center}.hero-actions .btn-primary,.hero-actions .btn-ghost{width:auto;max-width:none}}.apple-stats-section{padding:120px 0 100px;position:relative;overflow:hidden}.apple-bg-orb{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.apple-bg-orb-1{filter:blur(80px);background:radial-gradient(circle,#007aff0f 0%,#0000 70%);width:600px;height:600px;top:-100px;right:-100px}.apple-bg-orb-2{filter:blur(80px);background:radial-gradient(circle,#af52de0a 0%,#0000 70%);width:500px;height:500px;bottom:-80px;left:-80px}.apple-bg-orb-3{filter:blur(60px);background:radial-gradient(circle,#34c75908 0%,#0000 70%);width:400px;height:400px;top:50%;left:40%}.apple-window{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#ffffffb8;border:1px solid #0000000f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000000a,0 4px 16px #0000000a,0 16px 48px #0000000f,inset 0 0 0 .5px #fffc}.apple-window-chrome{background:#ffffff80;border-bottom:1px solid #0000000d;align-items:center;gap:12px;padding:16px 20px;display:flex;position:relative}.apple-window-dots{flex-shrink:0;align-items:center;gap:8px;display:flex}.apple-dot{border-radius:50%;width:12px;height:12px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.apple-dot:hover{transform:scale(1.15)}.apple-dot-red{background:#ff5f57;box-shadow:inset 0 -2px 4px #00000014,0 0 0 .5px #00000014}.apple-dot-yellow{background:#febc2e;box-shadow:inset 0 -2px 4px #00000014,0 0 0 .5px #00000014}.apple-dot-green{background:#28c840;box-shadow:inset 0 -2px 4px #00000014,0 0 0 .5px #00000014}.apple-window-title{font-family:var(--font-body);color:#00000059;letter-spacing:0;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.apple-window-spacer{flex:1}.apple-window-content{padding:48px 40px 40px}.apple-stats-title{font-family:var(--font-display);color:#1d1d1f;letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.08}.apple-stats-subtitle{font-family:var(--font-body);color:#00000073;margin-bottom:0;font-size:16px;font-weight:400;line-height:1.5}.apple-stats-divider{background:#0000000f;height:1px;margin:32px 0}.apple-stats-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.apple-stat-card{cursor:default;border-right:1px solid #0000000d;padding:28px 24px;transition:background .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.apple-stat-card:last-child{border-right:none}.apple-stat-card:hover{background:#00000004}.apple-stat-card:hover .apple-stat-shine{opacity:1}.apple-stat-card:hover .apple-stat-number{transform:translateY(-2px)}.apple-stat-shine{opacity:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff80 0%,#fff0 50%);transition:opacity .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.apple-stat-inner{z-index:1;position:relative}.apple-stat-number{font-family:var(--font-display);color:#1d1d1f;letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.apple-stat-suffix{color:var(--accent);font-weight:600}.apple-stat-label{font-family:var(--font-body);color:#0009;letter-spacing:-.01em;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.3}.apple-stat-desc{font-family:var(--font-body);color:#00000059;font-size:12px;font-weight:400;line-height:1.45}@media (width<=1024px){.apple-stats-grid{grid-template-columns:repeat(2,1fr)}.apple-stat-card:nth-child(2){border-right:none}.apple-stat-card:nth-child(3),.apple-stat-card:nth-child(4){border-top:1px solid #0000000d}}@media (width<=640px){.apple-stats-section{padding:80px 0 60px}.apple-window-content{padding:32px 24px 28px}.apple-window-chrome{padding:12px 16px}.apple-stats-grid{grid-template-columns:1fr 1fr;gap:0}.apple-stat-card:nth-child(2){border-right:none}.apple-stat-card:nth-child(3),.apple-stat-card:nth-child(4){border-top:1px solid #0000000d}.apple-stat-card:nth-child(2n){border-right:none}.apple-stat-card:nth-child(odd){border-right:1px solid #0000000d}.apple-stats-title{font-size:28px}.apple-stat-number{font-size:32px}}.work-section{padding:var(--space-2xl) 0 0;background:var(--bg);position:relative;overflow:hidden}.work-section:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 20% 10%,#ff4f0008 0%,#0000 60%),radial-gradient(50% 40% at 80% 30%,#6366f108 0%,#0000 60%);position:absolute;inset:0}.work-section:after{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#0000000f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.fw-header-anim{z-index:2;margin-bottom:var(--space-2xl);position:relative}.fw-section-label{margin-bottom:var(--space-md)}.fw-header-row{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);display:flex}.fw-header-left{gap:var(--space-md);flex-direction:column;display:flex}.fw-main-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.05em;text-transform:uppercase;max-width:600px;font-size:clamp(56px,8vw,110px);font-weight:800;line-height:.9}.fw-main-title em{background:linear-gradient(135deg, var(--accent) 0%, #8b5cf6 50%, var(--teal) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:800}.fw-header-desc{color:var(--text);max-width:440px;padding-left:var(--space-sm);border-left:3px solid var(--accent);font-size:16px;line-height:1.75}.fw-header-right{gap:var(--space-xl);padding-top:var(--space-sm);flex-shrink:0;display:flex}.fw-counter-block{flex-direction:column;align-items:center;gap:4px;display:flex}.fw-counter-num{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.05em;opacity:.12;margin-top:90px;font-size:clamp(52px,6vw,88px);font-weight:800;line-height:1}.fw-counter-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);text-align:center;font-size:10px;line-height:1.4}.fw-scrapbook-grid{padding:var(--space-lg) 0 var(--space-2xl);z-index:2;grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr);gap:20px 16px;display:grid;position:relative}.polaroid-card{cursor:none;justify-content:center;align-items:flex-start;display:flex;position:relative}.polaroid-pin{z-index:10;filter:drop-shadow(0 3px 6px #0003);position:absolute;top:-8px;left:50%;transform:translate(-50%)}.polaroid-pin svg{width:32px;height:42px}.polaroid-inner{width:100%;transform-style:preserve-3d;perspective:800px;will-change:transform;background:#fff;border:1px solid #0000000a;border-radius:2px;padding:12px 12px 20px;transition:box-shadow .4s;position:relative;box-shadow:0 2px 4px #0000000f,0 8px 24px #00000014,0 20px 48px #0000000f}.polaroid-card:hover .polaroid-inner{box-shadow:0 4px 8px #00000014,0 16px 40px #0000001f,0 32px 80px #00000014}.polaroid-0{grid-area:1/1}.polaroid-1{grid-area:1/2;margin-top:40px}.polaroid-2{grid-area:1/3}.polaroid-3{grid-area:1/4;margin-top:60px}.polaroid-4{grid-area:2/1;margin-top:30px}.polaroid-5{grid-area:2/2}.polaroid-img-wrap{background:#f0f0f0;border-radius:1px;position:relative;overflow:hidden}.polaroid-img{aspect-ratio:4/3;object-fit:cover;filter:saturate(.95)contrast(1.02);width:100%;transition:transform .5s var(--ease-smooth), filter .4s;display:block}.polaroid-card:hover .polaroid-img{filter:saturate(1.1)contrast(1.05);transform:scale(1.04)}.polaroid-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.polaroid-card:hover .polaroid-overlay{opacity:1}.polaroid-view-btn{font-size:12px;font-weight:600;font-family:var(--font-body);color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:none;transition:all .3s var(--ease-bounce);background:#fff3;border:1px solid #fff6;align-items:center;gap:6px;padding:8px 18px;display:inline-flex}.polaroid-view-btn:hover{background:#ffffff4d;transform:scale(1.05)}.polaroid-label{flex-direction:column;gap:3px;min-height:52px;padding:12px 4px 0;display:flex}.polaroid-title{font-family:var(--font-display);color:#1a1a1a;letter-spacing:-.01em;font-size:13px;font-weight:700;line-height:1.2}.polaroid-category{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#888;font-size:9px;font-weight:500}.polaroid-tape{z-index:5;transform-origin:top;position:absolute;top:-10px;right:-6px}.polaroid-stamp{z-index:5;position:absolute;bottom:44px;right:-8px}.string-connection{z-index:0}.pushpin{width:32px;height:42px;transition:transform .3s var(--ease-bounce)}.polaroid-card:hover .pushpin{transform:translateY(-3px)rotate(-5deg)}.washi-tape{border-radius:2px;box-shadow:0 1px 3px #0000001a}.stamp-mark{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;opacity:.8;border:2px solid;border-radius:4px;justify-content:center;align-items:center;padding:6px 12px;font-size:10px;font-weight:700;display:inline-flex;position:relative;transform:rotate(-5deg)}.stamp-mark:before{content:"";opacity:.4;border:1px dashed;border-radius:2px;position:absolute;inset:2px}.postit-note{border-radius:2px;padding:14px 16px;position:relative;transform:rotate(-2deg);box-shadow:2px 2px 4px #0000001a,0 1px 2px #0000000d}.postit-note:after{content:"";background:#0000000f;height:6px;position:absolute;bottom:0;left:0;right:0}.postit-note span{font-family:"Caveat", var(--font-display), cursive;color:#333;letter-spacing:.01em;font-size:15px;font-weight:600}.fw-scrapbook-grid .postit-note:first-child{grid-area:1/1;align-self:start;transform:rotate(-3deg)translateY(10px)}.fw-scrapbook-grid .postit-note:nth-child(2){grid-area:1/2;align-self:start;transform:rotate(2deg)translateY(50px)}.fw-scrapbook-grid .postit-note:nth-child(3){grid-area:1/3;align-self:start;transform:rotate(-1deg)translateY(15px)}.fw-scrapbook-grid .postit-note:nth-child(4){grid-area:1/4;align-self:start;transform:rotate(4deg)translateY(70px)}.fw-deco-stamp{z-index:5;position:absolute;top:-20px;right:20px;transform:rotate(12deg)}.fw-deco-stamp2{z-index:5;position:absolute;bottom:40px;left:-10px;transform:rotate(-8deg)}.fw-magazine-section{z-index:2;padding:var(--space-xl) 0 var(--space-2xl);position:relative}.fw-magazine-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.fw-magazine-heading{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;font-size:clamp(24px,3vw,40px);font-weight:800;position:relative}.fw-magazine-heading:before,.fw-magazine-heading:after{content:"";background:var(--text-heading);opacity:.08;height:2px;position:absolute;left:0;right:0}.fw-magazine-heading:before{top:-8px}.fw-magazine-heading:after{bottom:-6px}.fw-magazine-header-line{background:var(--border);flex:1;height:1px}.fw-magazine-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.magazine-card{cursor:none;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .5s var(--ease-smooth), transform .5s var(--ease-smooth), border-color .3s;position:relative;overflow:hidden}.magazine-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-strong);transform:translateY(-4px)}.magazine-tear-top{background:var(--bg-card);clip-path:polygon(0% 100%,2% 20%,5% 80%,8% 40%,12% 100%,15% 30%,18% 90%,22% 50%,25% 100%,28% 25%,32% 85%,35% 45%,38% 100%,42% 35%,45% 75%,48% 20%,52% 80%,55% 40%,58% 100%,62% 55%,65% 15%,68% 85%,72% 30%,75% 90%,78% 50%,82% 100%,85% 20%,88% 70%,92% 40%,95% 95%,98% 30%,100% 100%);z-index:5;height:8px;position:absolute;top:-1px;left:0;right:0}.magazine-img-wrap{position:relative;overflow:hidden}.magazine-img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:transform .6s var(--ease-smooth);filter:saturate(.9)contrast(1.03);display:block}.magazine-card:hover .magazine-img{filter:saturate(1.05)contrast(1.02);transform:scale(1.05)}.magazine-img-overlay{opacity:0;background:linear-gradient(#0000 50%,#0009 100%);transition:opacity .4s;position:absolute;inset:0}.magazine-card:hover .magazine-img-overlay{opacity:1}.magazine-category-tag{top:var(--space-sm);left:var(--space-sm);font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#fff;background:var(--mc,var(--accent));z-index:2;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);border-radius:3px;padding:5px 12px;font-size:9px;font-weight:700;position:absolute;box-shadow:0 2px 8px #0003}.magazine-number{bottom:var(--space-sm);right:var(--space-sm);font-family:var(--font-display);color:#fff;opacity:.12;letter-spacing:-.04em;text-shadow:0 2px 8px #0000004d;-webkit-user-select:none;user-select:none;font-size:72px;font-weight:800;line-height:1;position:absolute}.magazine-content{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.magazine-meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;font-size:10px;display:flex}.magazine-sep{opacity:.4}.magazine-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.15}.magazine-desc{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.magazine-tech-list{flex-wrap:wrap;gap:6px;display:flex}.magazine-tech-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);padding:3px 10px;font-size:10px;font-weight:500;transition:all .2s}.magazine-card:hover .magazine-tech-tag{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg)}.magazine-cta{color:var(--text-heading);margin-top:var(--space-xs);transition:all .3s var(--ease-bounce);align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.magazine-card:hover .magazine-cta{color:var(--accent);gap:12px}.magazine-cta svg{transition:transform .3s var(--ease-bounce)}.magazine-card:hover .magazine-cta svg{transform:translate(4px)}.modal-card{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:760px;max-height:90svh;box-shadow:var(--shadow-xl);border:1px solid var(--border);position:relative;overflow-y:auto}.modal-close{top:var(--space-sm);right:var(--space-sm);border:1px solid var(--border);width:40px;height:40px;color:var(--text-heading);transition:all .25s var(--ease-bounce);box-shadow:var(--shadow-sm);z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(90deg)scale(1.05)}.modal-img-wrap{border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;overflow:hidden}.modal-img{aspect-ratio:16/9;object-fit:cover;width:100%}.modal-category-chip{top:var(--space-sm);left:var(--space-sm);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--card-color,var(--accent));border-radius:var(--radius-full);z-index:2;padding:5px 12px;font-size:10px;font-weight:600;position:absolute}.modal-content{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.03em;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.1}.modal-desc{color:var(--text);max-width:600px;font-size:15px;line-height:1.75}.modal-tech-section{gap:var(--space-xs);flex-direction:column;display:flex}.modal-tech-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);font-size:10px;font-weight:600}.modal-tech-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tech-tag{font-family:var(--font-mono);border-radius:var(--radius-full);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);padding:6px 14px;font-size:12px;font-weight:500}.modal-footer{padding-top:var(--space-sm);border-top:1px solid var(--border)}.modal-cta{color:#fff;background:var(--accent);border-radius:var(--radius-full);transition:all .3s var(--ease-bounce);align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 4px 16px #007aff33}.modal-cta:hover{background:var(--accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-2px)}@media (width<=1024px){.fw-scrapbook-grid{padding:var(--space-md) 0 var(--space-lg);grid-template-columns:repeat(2,1fr);gap:14px}.polaroid-0{grid-area:1/1;margin-top:0}.polaroid-1{grid-area:1/2;margin-top:24px}.polaroid-2{grid-area:2/1;margin-top:0}.polaroid-3{grid-area:2/2;margin-top:16px}.polaroid-4{grid-area:3/1;margin-top:0}.polaroid-5{grid-area:3/2;margin-top:32px}.fw-scrapbook-grid .postit-note:first-child{grid-area:1/1;transform:rotate(-3deg)}.fw-scrapbook-grid .postit-note:nth-child(2){grid-area:1/2;transform:rotate(2deg)}.fw-scrapbook-grid .postit-note:nth-child(3),.fw-scrapbook-grid .postit-note:nth-child(4){display:none}.fw-magazine-grid{grid-template-columns:repeat(2,1fr);gap:16px}.fw-header-row{gap:var(--space-md)}}@media (width<=768px){.fw-header-anim{margin-bottom:var(--space-lg)}.fw-section-label{margin-bottom:var(--space-sm)}.fw-header-row{gap:var(--space-md);flex-direction:column}.fw-header-left{gap:var(--space-sm)}.fw-main-title{max-width:100%;font-size:clamp(40px,11vw,56px)}.fw-header-desc{max-width:100%;padding-left:var(--space-xs);border-left-width:2px;font-size:14px;line-height:1.65}.fw-header-right{gap:var(--space-lg);flex-direction:row;padding-top:0}.fw-counter-num{margin-top:0;font-size:32px}.fw-counter-label{font-size:9px}.fw-scrapbook-grid{padding:var(--space-sm) 0 var(--space-md);grid-template-columns:1fr;gap:12px}.polaroid-pin{top:-5px}.polaroid-pin svg{width:22px;height:30px}.polaroid-inner{border-radius:1px;padding:6px 6px 12px}.polaroid-img-wrap{border-radius:1px}.polaroid-label{gap:2px;min-height:36px;padding:8px 2px 0}.polaroid-title{font-size:11px;line-height:1.2}.polaroid-category{letter-spacing:.1em;font-size:7px}.polaroid-0{grid-area:1/1;margin-top:0}.polaroid-1{grid-area:2/1;margin-top:0}.polaroid-2{grid-area:3/1;margin-top:0}.polaroid-3{grid-area:4/1;margin-top:0}.polaroid-4{grid-area:5/1;margin-top:0}.polaroid-5{grid-area:6/1;margin-top:0}.fw-deco-stamp,.fw-deco-stamp2,.string-connection,.fw-scrapbook-grid .postit-note{display:none}.fw-magazine-section{padding:var(--space-md) 0 var(--space-lg)}.fw-magazine-header{margin-bottom:var(--space-md);gap:var(--space-sm)}.fw-magazine-heading{white-space:normal;font-size:clamp(18px,4vw,24px);line-height:1.2}.fw-magazine-grid{grid-template-columns:1fr;gap:12px}.magazine-card{border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.magazine-img-wrap{border-radius:var(--radius-md) var(--radius-md) 0 0}.magazine-img{aspect-ratio:16/9}.magazine-img-overlay{opacity:1;background:linear-gradient(#0000 50%,#00000080 100%)}.magazine-card:hover .magazine-img-overlay{opacity:1}.magazine-card:hover .magazine-img{transform:scale(1.02)}.magazine-card:hover{transform:none}.magazine-category-tag{padding:4px 10px;font-size:8px}.magazine-number{font-size:56px}.magazine-content{padding:var(--space-sm);gap:var(--space-xs)}.magazine-title{font-size:16px}.magazine-desc{font-size:12px;line-height:1.6}.magazine-tech-list{gap:4px}.magazine-tech-tag{padding:2px 8px;font-size:9px}.magazine-cta{margin-top:var(--space-xs);font-size:12px}.modal-card{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom-right-radius:0;border-bottom-left-radius:0;max-height:92svh}.modal-img-wrap{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-img{aspect-ratio:16/9}.modal-category-chip{top:var(--space-xs);left:var(--space-xs);padding:4px 10px;font-size:9px}.modal-close{top:var(--space-xs);right:var(--space-xs);width:34px;height:34px}.modal-content{padding:var(--space-sm);gap:var(--space-sm)}.modal-title{letter-spacing:-.02em;padding-right:36px;font-size:clamp(18px,5vw,22px)}.modal-desc{font-size:13px;line-height:1.65}.modal-tech-label{font-size:9px}.modal-tech-tag{padding:4px 12px;font-size:11px}.modal-cta{border-radius:var(--radius-md);justify-content:center;width:100%;padding:14px 20px;font-size:14px}.modal-card:before{content:"";background:var(--border-strong);z-index:3;border-radius:2px;width:36px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}}@media (width<=480px){.fw-main-title{font-size:clamp(36px,12vw,48px)}.fw-scrapbook-grid{grid-template-columns:1fr;gap:8px}.polaroid-0{grid-area:1/1;margin-top:0}.polaroid-1{grid-area:2/1;margin-top:0}.polaroid-2{grid-area:3/1;margin-top:0}.polaroid-3{grid-area:4/1;margin-top:0}.polaroid-4{grid-area:5/1;margin-top:0}.polaroid-5{grid-area:6/1;margin-top:0}.polaroid-inner{transform:rotate(0)!important}.fw-magazine-grid{grid-template-columns:1fr;gap:10px}.fw-counter-num{font-size:28px}.fw-header-right{gap:var(--space-md)}}@media (width<=768px) and (orientation:landscape){.fw-scrapbook-grid{grid-template-columns:repeat(3,1fr)}.fw-magazine-grid{grid-template-columns:repeat(2,1fr)}}.expertise-section{padding:var(--space-2xl) 0;position:relative;overflow:hidden}.expertise-bg-accent{pointer-events:none;background:radial-gradient(circle,#007aff0a 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.expertise-card{padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.expertise-header{align-items:center;gap:var(--space-sm);display:flex}.expertise-icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ec) 12%, transparent);border:1px solid color-mix(in srgb, var(--ec) 25%, transparent);width:40px;height:40px;color:var(--ec);flex-shrink:0;justify-content:center;align-items:center;display:flex}.expertise-title{font-family:var(--font-display);margin:0;font-size:18px;font-weight:700}.expertise-skills{flex-wrap:wrap;gap:8px;display:flex}.expertise-skill-tag{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);transition:all .2s var(--ease-bounce);padding:6px 14px;font-size:13px;font-weight:500}.expertise-skill-tag:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent);transform:translateY(-2px)}@media (width<=1024px){.expertise-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.expertise-grid{grid-template-columns:1fr}}.contact-form{margin-top:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:11px}.form-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text-heading);font-family:var(--font-body);transition:all .25s var(--ease-bounce);outline:none;padding:12px 16px;font-size:15px}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.form-textarea{resize:vertical;min-height:100px}.has-error .form-input{border-color:var(--error);box-shadow:0 0 0 3px #ff3b3014}.form-error{color:var(--error);align-items:center;gap:4px;font-size:12px;display:flex}.form-error-inline{color:var(--error);font-size:13px}.form-actions{gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}.form-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-success{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--success);margin-top:var(--space-md);background:#34c75914;border:1px solid #34c75933;display:flex}.form-success svg{flex-shrink:0;margin-top:2px}.form-success strong{color:var(--success);margin-bottom:4px;display:block}.form-success p{color:var(--text);margin:0;font-size:14px}.contact-cta-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.footer-hero-section{height:600vh;position:relative}.footer-hero-sticky{width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.footer-hero-img{object-fit:cover;object-position:center;z-index:0;filter:brightness(.65)saturate(.8);width:100%;height:100%;display:block;position:absolute;inset:0}.fh-gradient-top{z-index:1;pointer-events:none;background:linear-gradient(#1d1d1fe6 0%,#0000 100%);height:18vh;position:absolute;top:0;left:0;right:0}.fh-gradient-bottom{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#1d1d1f99 50%,#1d1d1ffa 100%);height:22vh;position:absolute;bottom:0;left:0;right:0}.fh-gradient-side-left{z-index:1;pointer-events:none;background:linear-gradient(90deg,#1d1d1f80 0%,#0000 100%);width:15%;position:absolute;top:0;bottom:0;left:0}.fh-gradient-side-right{z-index:1;pointer-events:none;background:linear-gradient(270deg,#1d1d1f66 0%,#0000 100%);width:15%;position:absolute;top:0;bottom:0;right:0}.fh-progress-track{z-index:10;background:#ffffff12;border-radius:1px;width:2px;height:28vh;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.fh-progress-fill{background:var(--accent);border-radius:1px;width:100%;height:0%;transition:height 50ms linear;box-shadow:0 0 10px #007affb3}.fh-phase-indicators{z-index:10;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.fh-phase-dot{background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:all .3s}.fh-phase-dot.active{background:var(--accent);box-shadow:0 0 8px #007aff99}.fh-eyebrow-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:16px;font-size:10px;display:inline-flex}.fh-eyebrow-tag svg{color:var(--accent);flex-shrink:0}.fh-title-accent{color:var(--accent)}.fh-title-outline{-webkit-text-stroke:1.5px #fff3;color:#0000}.fh-phase-1{z-index:5;justify-content:flex-end;align-items:flex-start;padding:100px 60px 60px 0;display:flex;position:absolute;inset:0 0 0 30%}.fh-phase-1-inner{text-align:right;max-width:560px;padding-right:40px}.fh-phase1-title{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;text-shadow:0 4px 40px #00000080;margin:0 0 28px;font-size:clamp(48px,6vw,96px);font-weight:800;line-height:.95}.fh-phase1-sub{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;margin:0 0 20px;font-size:11px}.fh-scroll-hint{color:#ffffff4d;border:1px solid #ffffff1f;border-radius:50%;justify-content:flex-end;align-items:center;width:44px;height:44px;margin-left:auto;animation:2s ease-in-out infinite fhBounce;display:flex}@keyframes fhBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.fh-phase-2{z-index:5;padding:0 0 64px 60px;position:absolute;bottom:0;left:0}.fh-phase2-content{flex-direction:column;gap:12px;display:flex}.fh-phase2-heading{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 20px #0006;margin:0;font-size:clamp(26px,3vw,42px);font-weight:800;line-height:1.05}.fh-email-badge{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffff80;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--ease-smooth);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:6px;width:fit-content;padding:8px 14px;font-size:10px;text-decoration:none;display:inline-flex}.fh-email-badge:hover{color:var(--accent);background:#007aff0f;border-color:#007aff4d;transform:translate(4px)}.fh-phase-3{z-index:7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fh-phase3-inner{text-align:center;flex-direction:column;align-items:center;gap:0;max-width:680px;padding:80px 40px 60px;display:flex}.fh-phase3-title{font-family:var(--font-display);letter-spacing:-.04em;color:#fff;text-shadow:0 4px 40px #00000080;margin:0 0 20px;font-size:clamp(40px,5.5vw,84px);font-weight:800;line-height:1}.fh-phase3-sub{font-family:var(--font-body);color:#ffffff80;max-width:520px;margin:0 0 36px;font-size:clamp(13px,1.2vw,16px);line-height:1.75}.fh-cta-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:40px;display:flex}.fh-cta-primary{font-family:var(--font-body);color:#fff;background:var(--accent);transition:all .3s var(--ease-bounce);white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 20px #007aff4d}.fh-cta-primary:hover{background:#0071e3;transform:translateY(-3px);box-shadow:0 8px 32px #007aff66}.fh-cta-secondary{font-family:var(--font-body);color:#fffc;transition:all .3s var(--ease-smooth);white-space:nowrap;background:0 0;border:1.5px solid #ffffff26;border-radius:9999px;align-items:center;padding:14px 28px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.fh-cta-secondary:hover{color:#fff;background:#ffffff0d;border-color:#ffffff59;transform:translateY(-2px)}.fh-stats-row{border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:32px;width:100%;padding-top:32px;display:flex}.fh-stat{flex-direction:column;align-items:center;gap:6px;display:flex}.fh-stat-num{font-family:var(--font-display);color:#fff;letter-spacing:-.04em;text-shadow:0 2px 12px #0000004d;font-size:30px;font-weight:800;line-height:1}.fh-stat-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff47;font-size:9px}.fh-stat-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:32px}.fh-load-overlay{z-index:20;background:#1d1d1f;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.fh-load-ring{border:2px solid #007aff1a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite fhSpin}.fh-load-text{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;font-size:11px}@keyframes fhSpin{to{transform:rotate(360deg)}}@media (width<=1200px){.fh-phase-1{left:25%}}@media (width<=1024px){.fh-phase-1{left:15%}.fh-phase-1-inner{padding-right:20px}}@media (width<=768px){.footer-hero-section{height:500vh}.footer-hero-sticky{height:100dvh}.fh-phase-1{justify-content:flex-end;align-items:flex-start;padding:90px 20px 40px;left:0}.fh-phase-1-inner{text-align:right;padding-right:0}.fh-phase1-title{margin-bottom:16px;font-size:clamp(32px,10vw,48px);line-height:1}.fh-phase1-sub{margin-bottom:12px;font-size:10px}.fh-scroll-hint{display:none}.fh-phase-2{padding:0 0 48px 20px}.fh-phase2-heading{font-size:clamp(18px,4vw,26px)}.fh-email-badge{padding:6px 12px;font-size:9px}.fh-phase-3{padding:0 16px}.fh-phase3-inner{max-width:100%;padding:60px 16px 40px}.fh-phase3-title{margin-bottom:12px;font-size:clamp(28px,8vw,44px)}.fh-phase3-sub{max-width:100%;margin-bottom:24px;font-size:13px;line-height:1.6}.fh-cta-group{flex-direction:column;gap:10px;width:100%;margin-bottom:28px}.fh-cta-primary,.fh-cta-secondary{border-radius:var(--radius-lg);justify-content:center;width:100%;max-width:300px;padding:14px 24px;font-size:14px}.fh-stats-row{gap:16px;padding-top:20px}.fh-stat-num{font-size:20px}.fh-stat-label{letter-spacing:.1em;font-size:8px}.fh-stat-divider{height:24px}.fh-progress-track,.fh-phase-indicators{display:none}.fh-eyebrow-tag{margin-bottom:10px;font-size:9px}.fh-gradient-top{height:12vh}.fh-gradient-bottom{height:16vh}.fh-gradient-side-left,.fh-gradient-side-right{width:8%}}@media (width<=480px){.footer-hero-section{height:450vh}.fh-phase1-title{font-size:clamp(28px,12vw,40px)}.fh-phase3-title{font-size:clamp(24px,8vw,36px)}.fh-phase3-sub{font-size:12px}.fh-stats-row{gap:12px}.fh-stat-num{font-size:18px}.fh-cta-primary,.fh-cta-secondary{padding:13px 20px;font-size:13px}}@media (width<=768px) and (orientation:landscape){.footer-hero-section{height:400vh}.fh-phase-1{padding:60px 20px 40px}.fh-phase-2{padding:0 0 40px 20px}.fh-phase3-inner{padding:40px 16px 32px}}@supports (padding:env(safe-area-inset-bottom)){@media (width<=768px){.fh-phase-2{padding-bottom:calc(48px + env(safe-area-inset-bottom))}}}@media (width<=375px){.footer-hero-section{height:400vh}.fh-phase1-title{font-size:clamp(24px,12vw,34px)}.fh-phase3-title{font-size:clamp(22px,8vw,32px)}.fh-phase3-sub{font-size:11px}.fh-stat-num{font-size:16px}.fh-cta-primary,.fh-cta-secondary{padding:12px 18px;font-size:12px}}