.case-hero{padding-top:28px;padding-bottom:44px}.back-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;color:#bdc5b2}.back-link:hover{color:var(--red)}.case-kicker{display:flex;justify-content:space-between;gap:24px;color:var(--gray);margin:42px 0 24px}.case-hero h1{font-size:clamp(64px,10.5vw,158px);line-height:.98;animation:fade-in .8s var(--ease) both}.case-deck{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center;margin-top:36px}.case-deck>p{max-width:610px;font-size:clamp(20px,2.2vw,30px);line-height:1.4;letter-spacing:-.025em;color:#cbd0c2}.case-deck .circle-link{margin:0}.live-note{font-size:.875rem;color:var(--gray);margin-top:12px}.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid var(--line);margin:45px 0 0;padding-top:22px}.case-facts dt{font:.75rem var(--mono);color:var(--gray);margin-bottom:12px}.case-facts dd{margin:0;font-size:1rem}.case-body{padding-bottom:58px}.case-contents{display:flex;gap:18px 30px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #bdc6af}.case-contents>span{margin-right:auto;align-self:center;color:#59684a}.case-contents a{font:400 .875rem var(--font)}.case-section{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:8%;padding:74px 0}.case-label{color:#59684a;padding-top:10px}.case-prose{max-width:820px;min-width:0}.case-prose h2,.architecture-note h2{font-size:clamp(40px,4.5vw,68px);line-height:1.05;margin-bottom:28px}.case-prose p{font-size:1.0625rem;line-height:1.75;color:#515b48;margin-top:15px}.case-prose .case-lead{font-size:1.2rem;margin-bottom:36px}.feature-row{display:grid;grid-template-columns:35px minmax(0,1fr);gap:20px;padding:25px 0;border-top:1px solid #bdc6af}.feature-row>.mono{padding-top:5px;color:#69795a}.feature-row h3,.case-prose>h3{font-size:27px;letter-spacing:-.035em;line-height:1.2}.case-prose>h3{margin-top:34px}.case-prose code{font-size:.85em;overflow-wrap:anywhere}.architecture-note{background:#39271f;color:#f1e6d7;padding:clamp(25px,4vw,60px)}.architecture-note>.mono{color:#deb7a0;margin-bottom:25px}.architecture-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:40px}.architecture-apps>div{border-top:1px solid #795344;padding-top:20px}.architecture-apps .mono{color:#ffb296;font-size:.875rem}.architecture-apps h3{font-size:25px;line-height:1.15;margin:18px 0 13px}.architecture-apps p{font-size:1rem;color:#e4c9b5}.architecture-caption{border-top:1px solid #795344;padding-top:25px;margin-top:35px;font-size:1rem;color:#e4c9b5;max-width:950px}.own-feature{border-left:3px solid var(--red);padding:5px 0 5px 28px;margin-top:42px}.own-feature>.mono{color:#69795a}.own-feature h3{font-size:32px;line-height:1.15;margin-top:16px;max-width:580px}.case-end{border-top:1px solid #bdc6af;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.case-end>p{font-size:30px;line-height:1.25;letter-spacing:-.04em}.case-end>p>span{color:#69795a}.case-end .project-links{margin:0}.case-footer{padding-top:38px;padding-bottom:25px}.case-footer>a{font-size:clamp(24px,3vw,40px);letter-spacing:-.04em}.case-footer>a:hover{color:var(--red)}.case-footer .footer-bottom{margin-top:30px;border-color:var(--line)}
.demo-section{padding-top:50px;padding-bottom:14px}.demo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px}.demo-heading .mono{color:#59684a}.demo-heading h2{font-size:clamp(36px,4.5vw,68px);margin-top:15px}.demo-heading>p{max-width:300px;font-size:1rem;color:#515b48}.demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0c0c0c}.demo-player figcaption{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #bdc6af;font-size:.875rem;color:#59684a}.demo-player figcaption a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.demo-player figcaption>span{align-self:center}
@media(max-width:600px){.demo-section{padding-top:35px}.demo-heading{display:block}.demo-heading>p{margin-top:20px}.demo-player figcaption{flex-direction:column;gap:3px}.demo-player figcaption>span{align-self:start}}
@media(max-width:820px){.case-section{grid-template-columns:1fr;gap:22px;padding-block:50px}.case-prose{max-width:none}.case-deck{gap:7%}.architecture-apps{gap:20px}.case-end{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.case-hero{padding-top:18px;padding-bottom:30px}.case-kicker{margin-top:27px;gap:20px}.case-kicker>span:last-child{text-align:right}.case-hero h1{font-size:clamp(57px,15vw,90px)}.case-deck{grid-template-columns:1fr;gap:25px;margin-top:24px}.case-facts{grid-template-columns:1fr;gap:18px;margin-top:30px}.case-facts>div{display:grid;grid-template-columns:1fr 1.15fr;gap:15px}.case-facts dt{margin:4px 0 0;line-height:1.5}.case-facts dd{font-size:.875rem}.case-contents{gap:6px 22px;padding-block:18px}.case-contents>span{width:100%;margin-bottom:3px}.case-section{padding-block:39px}.case-prose h2,.architecture-note h2{font-size:clamp(34px,8.5vw,48px)}.case-prose p{font-size:1rem}.case-prose .case-lead{font-size:1.0625rem}.feature-row{grid-template-columns:23px minmax(0,1fr);gap:12px}.feature-row h3,.case-prose>h3{font-size:25px}.architecture-apps{grid-template-columns:1fr;gap:25px;margin-top:28px}.architecture-apps h3{margin-top:10px}.own-feature{padding-left:20px}.own-feature h3{font-size:28px}.case-end>p{font-size:28px}.case-body{padding-bottom:35px}}