.case-hero{padding:8rem 8vw 5rem;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}.case-hero h1{font-size:clamp(5rem,11vw,11rem);line-height:.82}.case-deck{font:400 clamp(1.3rem,2vw,2rem)/1.35 var(--display);color:var(--muted)}.case-hero dl{margin:0;border-top:2px solid var(--orange)}.case-hero dl div{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid var(--line);padding:.8rem}.case-hero dt,.marker{color:var(--green);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em}.case-hero dd{margin:0;font-size:.8rem}
.hero-shot{margin:0;padding:0 5vw 5rem;background:linear-gradient(var(--paper) 28%,var(--ink) 28%)}.hero-shot img{display:block;width:min(1050px,100%);max-height:820px;object-fit:cover;object-position:top;margin:auto;box-shadow:0 30px 70px #0006}.hero-shot figcaption{max-width:1050px;margin:1rem auto;color:#aebbb7;font-size:.7rem}.case-section{padding:8rem 8vw;display:grid;grid-template-columns:.3fr 1.7fr;gap:5vw;border-bottom:1px solid var(--line)}.case-section h2,.architecture h2,.features>h2,.security h2,.closing h2{font:500 clamp(2.7rem,5vw,5.4rem)/1.02 var(--display);letter-spacing:-.06em;margin:0}.lede{font-size:clamp(1.1rem,1.7vw,1.5rem);color:var(--muted)}
.three{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid var(--line)}.three article{padding:1.5rem}.three article+article{border-left:1px solid var(--line)}.three p{color:var(--muted);font-size:.8rem}.role{background:var(--mint)}.pills{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}.pills span{border:1px solid #13232155;border-radius:2rem;padding:.45rem .8rem;font-size:.65rem;text-transform:uppercase}
.architecture{padding:8rem 8vw;background:var(--ink);color:var(--cream)}.architecture>p{max-width:850px;color:#aebbb7}.diagram{max-width:900px;margin:5rem auto;text-align:center}.diagram>b,.diagram section b{display:grid;border:1px solid #ffffff33;padding:1.2rem}.diagram small{color:#9eaaa7;font-weight:400}.diagram i{display:block;color:var(--orange);font-style:normal}.diagram section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff33}.metrics div{padding:1.5rem;border-right:1px solid #ffffff33}.metrics strong{display:block;color:var(--mint);font:500 3rem var(--display)}.metrics span{font-size:.65rem;text-transform:uppercase}
.features{padding:8rem 8vw}.features>h2{margin-bottom:7rem}.features>article{display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw;align-items:center;margin-bottom:9rem}.features>article.flip{grid-template-columns:1.45fr .55fr}.features>article.flip div{order:2}.features>article.full{display:block;border-top:1px solid var(--line);padding-top:6rem}.features article>div>span{color:var(--orange);font-size:.65rem;text-transform:uppercase}.features h3{font:500 clamp(2rem,4vw,4rem)/1.05 var(--display);letter-spacing:-.05em;margin:.5rem 0}.features article>div>p{color:var(--muted)}.features img{display:block;width:100%;border:1px solid var(--line);box-shadow:0 20px 55px #13232122}.features figure{margin:0}.features figcaption{font-size:.7rem;color:var(--muted)}.twoup,.threeup{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.threeup{grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}
.security{padding:8rem 8vw;background:var(--cream);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.security ul{list-style:none;padding:0;margin:0}.security li{border-top:1px solid var(--line);padding:1.2rem;display:grid;grid-template-columns:180px 1fr}.security li p{margin:0;color:var(--muted);font-size:.8rem}.closing{padding:9rem 10vw;text-align:center;background:var(--mint)}.closing h2{max-width:900px;margin:auto}.closing>p:not(.eyebrow){max-width:700px;margin:2rem auto 3rem}
@media(max-width:850px){.case-hero,.case-section,.security,.features>article,.features>article.flip{grid-template-columns:1fr}.case-hero{padding:5rem 1.25rem}.case-hero h1{font-size:4.8rem}.case-hero dl{margin-top:2rem}.case-section,.architecture,.features,.security{padding:5rem 1.25rem}.three,.twoup,.threeup,.diagram section{grid-template-columns:1fr}.three article+article{border-left:0}.features>article.flip div{order:initial}.metrics{grid-template-columns:1fr 1fr}.security li{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}