.featured-case{margin-bottom:80px;background:#061224;color:#fff;display:grid;grid-template-columns:1.3fr .7fr;min-height:590px;overflow:hidden}.featured-case>img{width:100%;height:100%;object-fit:cover}.featured-case>div{padding:50px;display:flex;flex-direction:column;justify-content:flex-end}.featured-case small{font:8px "DM Mono",monospace;color:var(--sky)}.featured-case h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em;margin:20px 0}.featured-case p{color:#9aacbf;line-height:1.8}.featured-case a{border-bottom:1px solid #415873;padding-bottom:10px;margin-top:30px;font-size:12px}.featured-case a span{float:right}
.case-hero{min-height:calc(100vh - 82px);padding:9vw 7vw 6vw;background:var(--paper);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.case-hero:after{content:"";position:absolute;width:45vw;height:45vw;border:1px solid #d4dfec;border-radius:50%;right:-15vw;top:-12vw;box-shadow:0 0 0 75px #edf2f8,0 0 0 150px #f1f5fa}.case-hero>*{position:relative;z-index:1}.case-kicker{display:flex;gap:28px;color:var(--blue);font-size:8px;letter-spacing:.16em}.case-kicker span+span:before{content:"/";margin-right:28px;color:#9aabc0}.case-hero h1{font-size:clamp(62px,9.6vw,148px);line-height:.86;letter-spacing:-.075em;margin:50px 0 65px;max-width:1250px}.case-hero h1 em{color:var(--blue);font-style:normal}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.case-intro>p{font-size:clamp(19px,2vw,27px);line-height:1.55;margin:0;max-width:680px}.case-intro dl{font-size:8px;margin:0}.case-intro dl div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}.case-intro dt{color:#7c8da3}.case-intro dd{margin:0;line-height:1.6}.case-scroll{position:absolute;right:7vw;bottom:28px;font-size:8px;letter-spacing:.12em}.case-scroll span{margin-left:25px;color:var(--blue)}
.case-thesis{background:#061224;color:#fff;padding:120px 7vw}.case-thesis>p{font-size:8px;color:var(--sky);letter-spacing:.18em}.case-thesis>h2{font-size:clamp(45px,6.4vw,96px);line-height:.98;letter-spacing:-.06em;max-width:1200px;margin:35px 0 90px}.thesis-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #263a55;border-left:1px solid #263a55}.thesis-grid article{padding:35px;min-height:260px;border-right:1px solid #263a55;border-bottom:1px solid #263a55}.thesis-grid b{font:10px "DM Mono";color:var(--sky)}.thesis-grid h3{font-size:25px;margin:65px 0 18px}.thesis-grid p{color:#94a6bc;line-height:1.75;font-size:14px}
.case-story{padding:140px 7vw;display:grid;grid-template-columns:.32fr 1fr;gap:8vw}.story-index{font-size:8px;color:var(--blue);padding-top:8px}.story-copy{max-width:900px}.story-copy>span,.strategy-head span,.design-title>span,.build-copy>span,.case-result>span{font-size:8px;color:var(--blue);letter-spacing:.16em}.story-copy h2,.strategy-head h2,.design-title h2,.build-copy h2{font-size:clamp(42px,5.7vw,86px);line-height:.98;letter-spacing:-.06em;margin:25px 0 35px}.story-copy>p,.strategy-head>p,.build-copy>p{font-size:17px;line-height:1.9;color:#607087;max-width:760px}.story-copy blockquote{margin:70px 0 0;padding:30px 0 0;border-top:1px solid var(--line);font-size:clamp(24px,3vw,43px);line-height:1.35}.story-copy blockquote strong{color:var(--blue)}
.strategy-section{background:#eaf0f7;padding:120px 7vw}.strategy-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}.strategy-head h2{margin-bottom:0}.journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:center;margin-top:90px}.journey article{background:#f8faff;padding:32px;min-height:330px;border:1px solid #d7e1ee;display:flex;flex-direction:column}.journey article>span{font:11px "DM Mono";color:var(--blue)}.journey small{font:8px "DM Mono";color:#8190a4;margin-top:auto}.journey h3{font-size:24px;line-height:1.15;margin:16px 0}.journey p{font-size:13px;line-height:1.7;color:#64748b}.journey>i{font-style:normal;color:var(--blue);font-size:28px}
.case-proof{background:#061224;color:#fff;padding:100px 5vw 120px}.proof-header{padding:0 2vw 50px;display:flex;justify-content:space-between;gap:30px}.proof-header span{font-size:8px;color:var(--sky)}.proof-header p{margin:0;color:#9aacbf}.browser-frame{box-shadow:0 45px 100px #0008;border:1px solid #1c3351}.browser-bar{height:46px;background:#e8edf4;display:flex;align-items:center;gap:7px;padding:0 16px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#b1bdca}.browser-bar span{margin-left:auto;font-size:7px;color:#64748b}.browser-frame img{width:100%;display:block}.proof-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #263a55}.proof-notes article{padding:35px 4vw 0 0}.proof-notes span{font-size:8px;color:var(--sky)}.proof-notes h3{font-size:21px}.proof-notes p{font-size:13px;line-height:1.75;color:#94a6bc;max-width:360px}
.design-system{padding:130px 7vw}.design-title{display:flex;justify-content:space-between;align-items:flex-start;gap:50px}.design-title h2{margin:0}.design-title em{font-style:normal;color:var(--blue)}.brand-board{display:grid;grid-template-columns:1.25fr .75fr;margin-top:80px;border:1px solid var(--line)}.logo-tile{min-height:390px;background:#061224;display:flex;align-items:center;justify-content:center;position:relative}.logo-tile img{width:min(70%,480px)}.logo-tile small{position:absolute;left:25px;bottom:22px;color:#8195ae;font-size:7px}.type-tile{padding:35px;display:flex;flex-direction:column}.type-tile>span{font-size:8px;color:var(--blue)}.type-tile strong{font-size:150px;line-height:1;margin:auto 0 0;letter-spacing:-.1em}.type-tile p{margin:0;color:#64748b}.palette{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.palette span{height:140px;background:var(--c);padding:18px;display:flex;align-items:flex-end}.palette b{font:8px "DM Mono";color:#fff;mix-blend-mode:difference}
.build-section{background:#0a172b;color:#fff;padding:120px 7vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}.build-copy h2{margin-top:28px}.build-copy>span{color:var(--sky)}.build-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #29405e;border-left:1px solid #29405e}.build-grid article{padding:30px;min-height:200px;border-right:1px solid #29405e;border-bottom:1px solid #29405e}.build-grid b{font-size:20px}.build-grid p{color:#91a4bb;line-height:1.7;font-size:13px;margin-top:45px}
.case-result{padding:140px 7vw;text-align:center}.case-result h2{font-size:clamp(48px,7vw,105px);line-height:.92;letter-spacing:-.065em;max-width:1200px;margin:40px auto}.case-result p{color:#607087;max-width:720px;margin:0 auto;line-height:1.8}.result-actions{display:flex;justify-content:center;gap:12px;margin-top:45px}.result-actions a{background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:999px;padding:16px 24px;font-size:12px}.result-actions a span{margin-left:40px}.result-actions a.outline{background:transparent;color:var(--ink);border-color:#b9c8da}
@media(max-width:900px){.case-hero{padding:110px 24px 75px}.case-hero h1{font-size:clamp(54px,12vw,92px)}.case-intro,.strategy-head,.build-section{grid-template-columns:1fr}.case-intro{gap:50px}.case-scroll{display:none}.thesis-grid,.proof-notes{grid-template-columns:1fr}.thesis-grid article{min-height:210px}.case-story{grid-template-columns:1fr;gap:25px;padding:100px 24px}.strategy-section,.case-thesis,.design-system,.build-section,.case-result{padding:90px 24px}.journey{grid-template-columns:1fr}.journey>i{transform:rotate(90deg);text-align:center}.journey article{min-height:280px}.proof-header{display:block}.proof-header p{margin-top:18px}.proof-notes article{padding:30px 0;border-bottom:1px solid #263a55}.design-title{display:block}.design-title h2{margin-top:25px}.brand-board{grid-template-columns:1fr}.logo-tile{min-height:280px}.type-tile{min-height:300px}.palette{grid-column:auto;grid-template-columns:1fr 1fr}.palette span{height:100px}.build-grid{margin-top:35px}.result-actions{flex-direction:column;align-items:stretch}.result-actions a span{float:right}}
@media(max-width:520px){.case-kicker{gap:10px;flex-wrap:wrap}.case-kicker span+span:before{margin-right:10px}.case-hero h1{font-size:14vw}.case-intro>p{font-size:20px}.case-intro dl div{grid-template-columns:85px minmax(0,1fr)}.case-intro dd{overflow-wrap:anywhere}.case-thesis>h2{font-size:12vw}.journey article{padding:25px}.case-proof{padding:70px 18px 90px}.browser-bar{height:38px}.brand-board{margin-top:50px}.type-tile strong{font-size:120px}.build-grid{grid-template-columns:1fr}.case-result h2{font-size:12vw}}
/* Case opening shares the visual language of every top-level page. */
.case-hero{min-height:calc(100svh - 96px);background:radial-gradient(circle at 75% 43%,#0a2b50 0,transparent 40%),#061224;color:#fff;isolation:isolate}
.case-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 10%,#000 100%);pointer-events:none;z-index:-2}
.case-hero:after{width:70vw;height:70vw;right:-20vw;top:-20vw;border-color:rgba(56,189,248,.16);box-shadow:0 0 0 75px rgba(47,108,255,.025),0 0 0 150px rgba(56,189,248,.025);z-index:-1}
.case-kicker{color:#38bdf8}.case-kicker span+span:before{color:#66809d}.case-hero h1 em{color:#38bdf8}.case-intro>p{color:#d4dfec}.case-intro dl div{border-color:#263a55}.case-intro dt{color:#8ca1b8}.case-intro dd{color:#e7eff8}.case-scroll{color:#b4c6db}
@media(max-width:900px){.case-hero{min-height:calc(100svh - 75px)}.case-hero:after{width:95vw;height:95vw;right:-42vw;top:-23vw}}
.case-hero:before{background-image:radial-gradient(circle at 76% 46%,rgba(50,164,255,.85) 0%,rgba(36,119,224,.75) 5%,rgba(18,79,145,.22) 12%,transparent 21%),linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px)}
@media(max-width:900px){.case-hero:before{background-image:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px)}}
.case-hero:before{background-size:100% 100%,56px 56px,56px 56px;background-repeat:no-repeat,repeat,repeat}
@media(max-width:900px){.case-hero:before{background-size:56px 56px,56px 56px;background-repeat:repeat,repeat}}