.case-page>.section{padding:64px 48px}.case-page>.case-hero{padding-top:40px;padding-bottom:48px}.case-eyebrow{letter-spacing:.07em;color:var(--accent);margin-bottom:18px;font-size:11px}.case-page .case-hero h1{letter-spacing:-.045em;font-size:clamp(52px,6vw,76px)}.case-page .case-description{max-width:53ch;margin-top:20px;font-size:17px;line-height:1.65}.case-page .case-actions{gap:12px 20px;margin-top:24px}.case-page .case-actions .text-link{font-size:13px}.case-page>.case-visual{background:var(--surface-raised);padding:24px 32px 32px}.case-page .case-visual img{border-color:var(--line);max-height:610px}.case-contents{z-index:10;border-block:1px solid var(--line);background:var(--canvas);justify-content:space-between;align-items:center;gap:24px;padding:0 48px;display:flex;position:sticky;top:73px}.case-contents>span{letter-spacing:.06em;color:var(--muted);white-space:nowrap;font-size:10px}.case-contents>div{gap:24px;display:flex}.case-contents a{min-height:56px;color:var(--muted);white-space:nowrap;align-items:center;font-size:12px;display:flex}.case-contents a:hover,.case-contents a:focus-visible{color:var(--accent)}.case-page :is(#overview,#delivery,#screens,#engineering){scroll-margin-top:64px}.case-page .case-story{border-top:0}.case-story-row,.case-page .case-decisions,.case-page .case-stack{grid-template-columns:240px minmax(0,1fr);gap:64px;display:grid}.case-story-row+.case-story-row{border-top:1px solid var(--line);margin-top:36px;padding-top:36px}.case-page .case-section-heading>.mono{margin-bottom:12px;font-size:10px}.case-page .case-section-heading h2{letter-spacing:-.025em;max-width:15ch;font-size:clamp(26px,2.7vw,34px);line-height:1.16}.case-page .case-prose{max-width:66ch}.case-page .case-prose p{font-size:16px;line-height:1.8}.case-page .case-prose p+p{margin-top:16px}.case-page .case-shipped{background:var(--surface);display:block}.case-page .case-feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:28px}.case-page .case-feature-list-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.case-page .case-feature{padding:24px 0;display:block}.case-page .case-feature>.mono{margin-bottom:12px;display:block}.case-page .case-feature h3,.case-page .case-decision h3{font-size:18px}.case-page .case-feature p,.case-page .case-decision p{font-size:14px;line-height:1.75}.case-page .case-gallery{grid-template-columns:1fr auto;gap:28px;display:grid}.case-gallery-hint{max-width:29ch;color:var(--muted);align-self:end;font-size:13px;line-height:1.6}.case-page .case-gallery-grid{grid-column:1/-1;gap:28px}.case-page .case-gallery-grid figure:first-child{grid-column:1/-1}.case-page .case-gallery-trigger{border:1px solid var(--line);background:var(--surface-raised);padding:16px;position:relative;overflow:hidden}.case-page .case-gallery-grid img{border-color:var(--line)}.case-image-expand{background:var(--surface);border:1px solid var(--line-strong);width:36px;height:36px;color:var(--ink);place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;bottom:24px;right:24px}.case-image-expand .icon{width:18px;height:18px}.case-gallery-trigger:hover .case-image-expand{background:var(--accent-fill);color:var(--accent-on)}.case-page .case-gallery-grid figcaption{gap:14px;margin-top:12px;font-size:12px;display:flex}.case-gallery-grid figcaption .mono{color:var(--accent);flex:none}.case-page .case-decision-list{border-top:0}.case-page .case-decision{grid-template-columns:24px minmax(0,1fr);padding:24px 0}.case-page .case-decision:first-child{padding-top:0}.case-page .case-decision:last-child{border-bottom:0;padding-bottom:0}.case-page .case-stack{background:var(--surface);padding-block:36px}.case-stack dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;margin:0;display:grid}.case-stack dt{color:var(--muted);margin-bottom:6px;font-size:12px}.case-stack dd{margin:0;font-size:14px;line-height:1.6}.case-page>.case-next{border-inline:0;border-bottom:0;border-top:1px solid var(--line);background:var(--canvas);grid-template-columns:1fr 1fr;gap:48px;padding:0}.case-next-project{padding:48px;display:block;text-decoration:none!important}.case-next-project>.mono{color:var(--muted);letter-spacing:.07em;font-size:10px}.case-page .case-next-project h2{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;font-size:38px;display:flex}.case-next-project h2 .icon{width:28px;height:28px;color:var(--accent)}.case-next-project p{color:var(--muted);margin-top:14px;font-size:13px}.case-page .case-next-actions{border-left:1px solid var(--line);background:var(--accent-wash);max-width:none;padding:40px 48px}.case-page .case-next-actions h2{font-size:24px}.case-page .case-next-actions>p{font-size:14px}@media (width<=1023px){.case-page>.section{padding-inline:32px}.case-story-row,.case-page .case-decisions,.case-page .case-stack{grid-template-columns:180px minmax(0,1fr);gap:32px}.case-contents{padding-inline:32px}.case-contents>div{gap:18px}.case-page .case-feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.case-page>.case-next{gap:0;padding:0}.case-next-project,.case-page .case-next-actions{padding:32px}}@media (width<=767px){.case-page>.section{padding:36px 20px}.case-page>.case-hero{padding-top:28px}.case-page .case-description{font-size:16px}.case-page>.case-visual{padding:16px}.case-contents{padding:0 20px;display:block;top:65px;overflow-x:auto}.case-contents>span{display:none}.case-contents>div{gap:22px;width:max-content}.case-contents a{min-height:48px;font-size:11px}.case-story-row,.case-page .case-decisions,.case-page .case-stack{grid-template-columns:1fr;gap:22px}.case-page .case-section-heading h2{max-width:none;font-size:28px}.case-page .case-prose p{font-size:15px;line-height:1.75}.case-page .case-feature-list{grid-template-columns:1fr;margin-top:20px}.case-page .case-feature{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:20px 0;display:grid}.case-page .case-gallery{grid-template-columns:1fr;gap:20px}.case-gallery-hint{max-width:none}.case-page .case-gallery-grid{grid-template-columns:1fr;gap:24px}.case-page .case-gallery-trigger{padding:8px}.case-image-expand{width:30px;height:30px;bottom:14px;right:14px}.case-stack dl{grid-template-columns:1fr;gap:18px}.case-page>.case-next{grid-template-columns:1fr;gap:0;padding:0}.case-next-project,.case-page .case-next-actions{padding:32px 20px}.case-page .case-next-actions{border-left:0;border-top:1px solid var(--line)}}