@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--bg:#030405;--ink:#f6efe2;--body:#d8cfbf;--muted:#8f887b;--line:#f6efe224;--strong:#f6efe247;--gold:#f4f7ff;--aqua:#69f3ff;--violet:#9f8cff;--max:1700px;--mx:50vw;--my:40vh;color:var(--ink);background:var(--bg);font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,video{display:block}main{background:radial-gradient(circle at var(--mx) var(--my), #7ee7d929, transparent 20rem), radial-gradient(circle at 12% 8%, #9f8cff24, transparent 34rem), #030405;position:relative;overflow:clip}.noise{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#f6efe209 1px,#0000 1px),linear-gradient(90deg,#f6efe208 1px,#0000 1px);background-size:82px 82px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.noise:before{content:"";background:linear-gradient(110deg,#0000 0 46%,#69f3ff2e 52%,#0000 60%);animation:8s ease-in-out infinite sweep;position:absolute;inset:-20%}.noise:after{content:"";aspect-ratio:1;width:34rem;left:var(--mx);top:var(--my);filter:blur(26px);opacity:.72;background:radial-gradient(circle,#69f3ff38,#9f8cff1f 34%,#0000 68%);border-radius:50%;transition:left 90ms linear,top 90ms linear;position:absolute;transform:translate(-50%,-50%)}@keyframes sweep{0%,30%{opacity:0;transform:translate(-26%)}50%{opacity:.8}78%,to{opacity:0;transform:translate(18%)}}.topbar{z-index:30;width:min(calc(100% - 48px), var(--max));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030405ad;align-items:center;gap:20px;height:64px;padding:0 14px 0 18px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.brandmark{border:1px solid var(--strong);width:54px;height:36px;color:var(--aqua);place-items:center;font-size:19px;font-weight:800;display:grid}.nav{color:var(--body);gap:32px;margin-left:auto;font-size:15px;display:flex}.nav a:hover,.nav a:focus-visible{color:var(--violet);outline:none}.nav-cta{border:1px solid var(--strong);background:#f6efe20a;align-items:center;gap:10px;min-height:42px;padding:0 14px;font-size:15px;display:inline-flex}.menu-button{border:1px solid var(--line);background:#f6efe20a;place-items:center;width:44px;height:44px;display:none}.hero{min-height:100svh;position:relative;overflow:hidden}.hero-media{object-fit:cover;opacity:.8;width:100%;height:100%;animation:18s ease-in-out infinite alternate heroZoom;position:absolute;inset:0}.hero:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0 48%,#69f3ff1f 51%,#0000 54%),linear-gradient(90deg,#0000,#9f8cff14,#0000);animation:6.8s linear infinite scanReveal;position:absolute;inset:0}.hero-veil{background:linear-gradient(90deg,#030405f5,#0304059e,#0304054d),linear-gradient(#0000 44%,#030405 100%);position:absolute;inset:0}.hero-stage{z-index:2;min-height:100svh;max-width:var(--max);flex-direction:column;justify-content:flex-end;margin:0 auto;padding:154px 28px 188px;display:flex;position:relative}.kicker,.section-label{color:var(--aqua);font-size:14px;font-weight:800}.kicker{background:#7ee7d912;border:1px solid #7ee7d95c;width:fit-content;margin:0 0 28px;padding:10px 13px;animation:.9s both riseIn}.hero h1{letter-spacing:-.055em;text-wrap:balance;max-width:1240px;margin:0;font-size:clamp(78px,12vw,188px);line-height:.82;animation:1.1s cubic-bezier(.2,.8,.2,1) .12s both titleIn}.hero h1 span{max-width:1120px;color:var(--aqua);letter-spacing:-.035em;margin-top:30px;font-size:clamp(36px,5.3vw,88px);line-height:.95;display:block}.hero-bottom{grid-template-columns:minmax(0,720px) auto;align-items:end;gap:34px;margin-top:34px;animation:1s .28s both riseIn;display:grid}.hero-bottom p{color:#eee4d2;margin:0;font-size:clamp(18px,1.25vw,23px);line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions a,.contact-direct button{transition:transform .18s,background .18s,border-color .18s}.hero-actions a{border:1px solid var(--strong);background:#f6efe20b;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:700;display:inline-flex}.hero-actions a:hover{background:#e7bf7924;border-color:#e7bf79c2;transform:translateY(-2px)}.metric-dock{z-index:3;width:min(calc(100% - 56px), var(--max));border:1px solid var(--strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030405a8;grid-template-columns:repeat(3,minmax(0,1fr));animation:.9s .52s both dockIn;display:grid;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.metric-dock article{border-right:1px solid var(--line);padding:20px 24px}.metric-dock article:last-child{border-right:0}.metric-dock strong{color:var(--gold);font-size:clamp(36px,4vw,62px);line-height:1;display:block}.metric-dock span{color:var(--body);margin-top:10px;font-size:15px;display:block}@keyframes heroZoom{0%{filter:saturate(.9)contrast();transform:scale(1)}to{filter:saturate(1.1)contrast(1.1);transform:scale(1.06)}}@keyframes scanReveal{0%{opacity:0;transform:translateY(-120%)}16%{opacity:.55}to{opacity:0;transform:translateY(120%)}}@keyframes titleIn{0%{opacity:0;filter:blur(8px);transform:translateY(34px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes riseIn{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes dockIn{0%{opacity:0;transform:translate(-50%)translateY(24px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.intro,.strengths{z-index:1;max-width:var(--max);margin:0 auto;padding:136px 28px;position:relative}.intro-copy,.work-heading{max-width:1120px;margin-bottom:56px}.section-label{margin-bottom:18px;display:block}.intro h2,.work-heading h2{letter-spacing:-.026em;text-wrap:balance;margin:0;font-size:clamp(38px,4.7vw,72px);line-height:1.12}.intro-meta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.intro-meta span,.case-content li{border:1px solid var(--line);color:var(--body);background:#f6efe20b;padding:10px 13px;font-size:14px;font-weight:700}.experience-board{border:1px solid var(--strong);background:#f6efe207;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.experience-board article{border-right:1px solid var(--line);min-height:330px;padding:28px;transition:background .2s,transform .2s}.experience-board article:last-child{border-right:0}.experience-board article:hover{background:#e7bf7917;transform:translateY(-6px)}.experience-board span{color:var(--gold);font-weight:800}.experience-board p{color:#eadfce;margin:90px 0 0;font-size:18px;line-height:1.78}.work{z-index:1;padding:136px 0 0;position:relative}.work-heading{max-width:var(--max);margin-inline:auto;padding-inline:28px}.work-heading h2{max-width:980px}.case-study{border-top:1px solid var(--strong);background:#030405f5;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;min-height:100svh;display:grid}.case-study:before{content:"";pointer-events:none;opacity:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), #69f3ff2e, transparent 24rem);transition:opacity .22s;position:absolute;inset:0}.case-study:hover:before{opacity:1}.case-study:nth-child(2n) .case-visual{order:2}.case-visual{min-height:620px;overflow:hidden}.case-visual img{object-fit:cover;filter:saturate(.84)contrast(1.08);width:100%;height:100%;transition:transform .7s,filter .7s}.case-study:hover .case-visual img{filter:saturate(1.05)contrast(1.12);transform:scale(1.045)}.case-visual:after{content:"";background:linear-gradient(105deg,#0000,#69f3ff2e,#9f8cff1f,#0000);animation:8s ease-in-out infinite imageSweep;position:absolute;inset:0;transform:translate(-120%)}.case-visual{position:relative}.case-content{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,92px);display:flex;position:relative}.case-index{color:#f6efe22e;font-size:clamp(60px,7vw,120px);font-weight:800;line-height:1;position:absolute;top:34px;right:34px}.case-content>span,.details span{color:var(--aqua);font-size:15px;font-weight:800}.case-content h3{letter-spacing:-.026em;max-width:780px;margin:20px 0 24px;font-size:clamp(42px,5vw,82px);line-height:1.04}.case-content p,.case-result{color:#eadfce;max-width:800px;font-size:clamp(18px,1.35vw,23px);line-height:1.78}.case-content p{margin:0}.case-result{color:var(--body);gap:12px;margin-top:28px;display:flex}.case-result svg{color:var(--gold);flex:none;margin-top:6px}.case-content ul{flex-wrap:wrap;gap:10px;margin:34px 0 0;padding:0;list-style:none;display:flex}.strength-marquee{border-block:1px solid var(--line);color:#f6efe247;white-space:nowrap;gap:28px;margin-bottom:34px;font-size:clamp(38px,5vw,82px);font-weight:800;display:flex;overflow:hidden}.strength-marquee span{padding:18px 0;animation:26s linear infinite marquee}@keyframes marquee{to{transform:translate(calc(-100% - 28px))}}.strength-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.strength-card,.details article{border:1px solid var(--strong);background:linear-gradient(135deg,#f6efe212,#f6efe205);position:relative;overflow:hidden}.strength-card{min-height:330px;padding:30px;transition:transform .2s,border-color .2s}.strength-card:before{content:"";opacity:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), #7ee7d93d, #9f8cff1f, transparent 18rem);transition:opacity .2s;position:absolute;inset:0}.strength-card:hover{border-color:#7ee7d96b;transform:translateY(-7px)scale(1.01)}.strength-card:hover:before{opacity:1}.strength-card>*{z-index:1;position:relative}.strength-card div{width:54px;height:54px;color:var(--aqua);border:1px solid #7ee7d95c;place-items:center;margin-bottom:86px;display:grid}.strength-card h3{margin:0 0 16px;font-size:28px}.strength-card p{color:var(--body);margin:0;font-size:17px;line-height:1.75}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.details article{min-height:250px;padding:32px}.details h3{margin:18px 0 16px;font-size:clamp(28px,2.6vw,44px);line-height:1.18}.details p{color:var(--body);margin:0;font-size:18px;line-height:1.75}.contact{z-index:1;place-items:center;min-height:100svh;padding:28px;display:grid;position:relative}.contact-inner{width:min(100%, var(--max));border:1px solid var(--strong);text-align:center;background:linear-gradient(135deg,#f6efe20f,#f6efe204);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 56px);display:flex;position:relative;overflow:hidden}.contact-inner:before{content:"";background:radial-gradient(circle at 50% 50%, #69f3ff2e, transparent 20rem), conic-gradient(from 0deg, transparent 0 68%, #7ee7d91f, #9f8cff33, transparent 82% 100%);animation:20s linear infinite rotateLight;position:absolute;inset:-30%}.contact-inner:after{content:"";background:linear-gradient(100deg,#0000,#69f3ff1f,#0000);animation:7s ease-in-out infinite contactSweep;position:absolute;inset:0;transform:translate(-120%)}@keyframes rotateLight{to{transform:rotate(360deg)}}.contact-inner>*{z-index:1;position:relative}.contact-inner>svg{width:50px;height:50px;color:var(--gold);margin-bottom:22px}.contact-inner p{color:var(--body);margin:0;font-size:20px;line-height:1.7}.contact-inner h2{letter-spacing:-.05em;margin:22px 0 34px;font-size:clamp(64px,11vw,160px);line-height:.95}.contact-direct{border:1px solid var(--strong);background:#03040561;grid-template-columns:repeat(2,minmax(260px,1fr));width:min(920px,100% - 42px);display:grid}.contact-direct button{border:0;border-right:1px solid var(--line);cursor:copy;background:0 0;justify-content:center;align-items:center;gap:12px;min-height:84px;padding:0 24px;font-size:clamp(17px,1.35vw,22px);font-weight:800;display:flex;position:relative}.contact-direct button:last-child{border-right:0}.contact-direct button:hover{background:#e7bf7924}.contact-direct button:before{content:"";opacity:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%), #69f3ff3d, transparent 16rem);transition:opacity .18s;position:absolute;inset:0}.contact-direct button:hover:before{opacity:1}.contact-direct button>*{z-index:1;position:relative}.contact-direct button:after{content:attr(aria-label);border:1px solid var(--strong);background:var(--ink);color:#070707;opacity:0;pointer-events:none;max-width:min(360px,88vw);padding:9px 11px;font-size:13px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(8px)}.contact-direct button:hover:after,.contact-direct button:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.contact-inner small{color:var(--muted);margin-top:18px;font-size:14px}.reveal{opacity:1;transition:opacity .7s,transform .7s;transform:none}.reveal:not(.visible){opacity:.01;transform:translateY(28px)}@keyframes imageSweep{0%,35%{opacity:0;transform:translate(-120%)}50%{opacity:.72}75%,to{opacity:0;transform:translate(120%)}}@keyframes contactSweep{0%,38%{opacity:0;transform:translate(-120%)}52%{opacity:.8}78%,to{opacity:0;transform:translate(120%)}}@media (width<=1120px){.topbar{width:calc(100% - 28px);top:14px}.nav-cta{display:none}.menu-button{margin-left:auto;display:grid}.nav{border:1px solid var(--line);background:#030405f0;flex-direction:column;gap:0;margin:0;display:none;position:fixed;inset:82px 14px auto}.nav.open{display:flex}.nav a{border-top:1px solid var(--line);padding:18px 20px}.nav a:first-child{border-top:0}.hero-stage{min-height:auto;padding:124px 20px 44px}.hero-bottom,.case-study,.experience-board,.strength-grid,.details{grid-template-columns:1fr}.metric-dock{grid-template-columns:1fr;width:calc(100% - 40px);margin:0 auto 24px;position:relative;bottom:auto;left:auto;transform:none}.metric-dock article{border-right:0;border-top:1px solid var(--line)}.metric-dock article:first-child{border-top:0}.intro,.strengths{padding:96px 20px}.experience-board article{border-right:0;border-top:1px solid var(--line);min-height:0}.experience-board article:first-child{border-top:0}.experience-board p{margin-top:18px}.case-study:nth-child(2n) .case-visual{order:0}.case-visual{aspect-ratio:16/10;min-height:360px}}@media (width<=640px){.hero h1{font-size:clamp(58px,17vw,76px)}.hero h1 span{font-size:clamp(31px,10vw,45px)}.intro h2,.work-heading h2,.case-content h3{font-size:clamp(32px,10vw,48px)}.work{padding-top:96px}.case-content{padding:30px 20px 58px}.case-content p,.case-result{font-size:18px}.contact{padding:18px}.contact-inner{min-height:calc(100svh - 36px)}.contact-direct{grid-template-columns:1fr}.contact-direct button{border-right:0;border-bottom:1px solid var(--line)}.contact-direct button:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.noise:before,.noise:after,.hero:after,.hero-media,.case-visual:after,.strength-marquee span,.contact-inner:before,.contact-inner:after{animation-duration:22s!important}.reveal,.case-visual img{transition:none}}