.case-intro{padding-top:32px}.breadcrumbs{display:flex;position:static;background:none;padding:0;align-items:center;justify-content:start;flex-direction:row;gap:14px;font-size:14px;color:var(--muted);border:none}.breadcrumbs [aria-current]{color:var(--text)}.breadcrumbs a{padding:0}.case-title{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:65px 0 44px}.case-title .eyebrow{color:var(--cyan)}.case-title h1{font-size:clamp(74px,11vw,174px);margin-top:23px;line-height:.96}.case-title h1 span{color:var(--cyan)}.case-title>.lead{max-width:410px;font-size:clamp(21px,2vw,29px);padding-bottom:7px}.case-cover{border:1px solid var(--line);background:#181d20}.case-cover>img{width:100%;max-height:720px;object-fit:cover;object-position:50% 56%}.case-cover figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 23px;font-size:12px;color:var(--muted)}.case-cover figcaption span:first-child{letter-spacing:.1em;color:#dce2e3}.case-summary{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;padding:78px 0 48px}.case-summary h2{font-size:clamp(34px,3.7vw,57px)}.case-summary .muted{margin-top:23px}.case-facts{display:grid;grid-template-columns:1fr 1fr 1.3fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 28px;margin:0 0 48px;gap:25px}.case-facts dt{font-size:12px;color:var(--muted);letter-spacing:.09em;margin-bottom:8px}.case-facts dd{margin:0;font-size:17px}.chapter-nav{display:flex;position:sticky;top:0;z-index:3;background:#101315f5;backdrop-filter:blur(12px);border:1px solid var(--line);padding:16px 20px;gap:25px;justify-content:space-between;overflow-x:auto;white-space:nowrap;font-size:14px;scrollbar-width:thin}.chapter-nav a{padding:4px 0}.chapter-nav a:hover{color:var(--cyan)}.case-chapter{display:grid;grid-template-columns:.8fr 1.35fr;gap:9%;align-items:center;padding-block:100px;scroll-margin-top:100px}.chapter-copy>.eyebrow,.chapter-heading .eyebrow{color:var(--cyan);margin-bottom:24px}.chapter-copy h2,.chapter-heading h2{font-size:clamp(36px,4vw,63px);line-height:1.13}.chapter-copy>.muted{margin-top:26px;max-width:480px}.case-photo .image-button{border:1px solid #394247;background:#14191b}.case-photo img{width:100%;height:auto;max-height:650px;object-fit:contain}.case-photo figcaption{font-size:12px;letter-spacing:.07em;color:#aebcc2;margin-top:13px}.case-photo .expand{width:34px;height:34px;font-size:17px;bottom:12px;right:12px}.case-band{padding-block:82px;background:#1b2124;border-block:1px solid #303b41;scroll-margin-top:88px}.chapter-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:40px}.chapter-heading>.muted{max-width:425px}.wide-photo img{max-height:770px}.paired-stack{display:grid;gap:26px}.paired-stack img{max-height:365px}.reversed{grid-template-columns:1.35fr .8fr}.reversed .chapter-copy{grid-column:2;grid-row:1}.reversed .case-photo{grid-column:1;grid-row:1}.finishing-chapter{grid-template-columns:1fr 1fr}.finishing-chapter .chapter-copy>.case-photo{margin-top:40px}.portrait-photo img{max-height:780px;object-fit:cover;aspect-ratio:3/4}.case-result{background:#1b2124;padding-block:92px;border-block:1px solid #38434a;scroll-margin-top:88px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.result-details img{aspect-ratio:16/10;object-fit:cover}.video-section{display:grid;grid-template-columns:.7fr 1.4fr;gap:8%;align-items:center;border-top:1px solid #3e4b51;padding-top:60px;margin-top:60px}.video-section .eyebrow{color:var(--cyan);margin-bottom:20px}.video-section h3{font-size:clamp(28px,3vw,43px);line-height:1.2}.video-section .muted{margin-top:21px;font-size:14px}.video-section video{display:block;width:100%;aspect-ratio:16/9;background:#080e11;border:1px solid #43525a}.video-section figcaption{font-size:13px;color:var(--muted);margin-top:12px}.back-to-projects{display:inline-block;font-size:14px;margin-top:45px;border-bottom:1px solid #69767d;padding-bottom:8px}.back-to-projects:hover{color:var(--cyan)}
@media(max-width:1050px){.case-title{display:block}.case-title>.lead{margin-top:27px;max-width:100%}.case-title>.lead br{display:none}.case-chapter{gap:6%;grid-template-columns:1fr 1.1fr}.chapter-nav{gap:22px;justify-content:start}.chapter-heading{gap:30px}.chapter-heading>.muted{max-width:360px}.reversed{grid-template-columns:1.1fr 1fr}.case-summary{gap:6%}.video-section{gap:5%}}
@media(max-width:760px){.case-intro{padding-top:24px}.breadcrumbs{font-size:13px;gap:11px}.case-title{padding:43px 0 29px}.case-title h1{font-size:clamp(63px,14vw,99px);line-height:1.03;margin-top:18px}.case-title .eyebrow{font-size:11px}.case-title>.lead{font-size:21px;line-height:1.5;margin-top:20px}.case-cover>img{aspect-ratio:1.18;object-fit:cover;object-position:60% center}.case-cover figcaption{display:block;padding:14px;font-size:12px}.case-cover figcaption>span{display:block}.case-cover figcaption>span+span{margin-top:4px}.case-summary{grid-template-columns:1fr;gap:25px;padding:49px 0 35px}.case-summary h2{font-size:36px}.case-summary .lead{font-size:23px}.case-facts{grid-template-columns:1fr 1fr;gap:23px;margin-bottom:30px}.case-facts>div:last-child{grid-column:1/-1}.case-facts dd{font-size:16px}.chapter-nav{display:flex;position:sticky;left:auto;right:auto;top:0;padding:11px 15px;gap:22px;font-size:14px;align-items:center;flex-direction:row}.chapter-nav a{padding:4px 0}.case-chapter,.reversed{grid-template-columns:1fr;gap:30px;padding-block:56px}.reversed .chapter-copy,.reversed .case-photo{grid-column:auto;grid-row:auto}.chapter-copy h2,.chapter-heading h2{font-size:39px}.chapter-copy>.eyebrow,.chapter-heading .eyebrow{margin-bottom:18px}.chapter-copy>.muted{margin-top:21px}.case-band{padding-block:53px}.chapter-heading{display:block;margin-bottom:29px}.chapter-heading>.muted{max-width:100%;margin-top:23px}.case-photo figcaption{font-size:12px;letter-spacing:.045em;line-height:1.6}.paired-stack{gap:23px}.finishing-chapter .chapter-copy>.case-photo{margin-top:28px}.portrait-photo img{max-height:550px}.case-result{padding-block:54px}.result-details{grid-template-columns:1fr;gap:25px;margin-top:27px}.video-section{grid-template-columns:1fr;gap:24px;padding-top:35px;margin-top:36px}.video-section .muted{margin-top:15px}.case-page .contact .eyebrow{font-size:12px}.case-page .contact h2{font-size:40px}}
