.project-page{scroll-behavior:auto}.project-page .site-header nav a[aria-current]{color:var(--text)}
.case-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:100px;padding-top:50px;padding-bottom:75px}
.case-sidebar{position:sticky;top:42px;align-self:start}.back-to-work{font-size:12px;color:var(--muted);display:inline-flex;align-items:center;gap:12px;margin-bottom:40px}.back-to-work:hover{color:var(--accent)}
.case-sidebar>.eyebrow{font-size:9px}.case-outline{display:flex;flex-direction:column;gap:15px;margin-top:36px;border-left:1px solid var(--line);padding-left:18px}.case-outline p{font-size:9px;color:#75869e;margin-bottom:4px}.case-outline a{font-size:12px;color:var(--muted);line-height:1.6}.case-outline a:hover,.case-outline a:focus-visible{color:var(--accent)}.case-sidebar-contact{display:block;font-size:11px;color:var(--muted);margin-top:43px}.case-sidebar-contact:hover{color:var(--accent)}.case-sidebar-contact span{margin-left:4px}
.case-main{min-width:0;max-width:790px}.case-header{scroll-margin-top:35px}.case-header>.eyebrow{font-size:9px;letter-spacing:1px}.case-header h1{font-size:clamp(36px,4.7vw,60px);letter-spacing:-1.8px;margin:20px 0;overflow-wrap:break-word}.case-subtitle{font-size:24px;line-height:1.5;color:var(--muted);max-width:720px}.case-meta{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;padding:21px 0;margin:32px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:10px/1.8 var(--mono);color:var(--muted)}
.case-body{padding-top:11px;max-width:720px}.case-section{margin-top:39px;scroll-margin-top:38px}.case-section h2{font-size:20px;letter-spacing:-.3px;line-height:1.5;margin-bottom:15px}.case-section p{font-size:15px;color:var(--muted);line-height:1.95}.case-section p+p{margin-top:17px}.case-section img{display:block;max-width:100%;height:auto;margin:26px 0;border:1px solid var(--line);border-radius:6px}.case-section pre{overflow:auto;padding:20px;background:var(--surface);border-radius:6px;font:12px/1.8 var(--mono)}
.case-film{margin:34px 0 0;scroll-margin-top:35px}.case-film-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.case-film-label .eyebrow{font-size:9px}.case-film-label>span{font:10px var(--mono);color:var(--muted)}.case-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101725;border:1px solid var(--line);border-radius:7px}.case-film video:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.case-film figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:13px;max-width:720px}
.case-takeaway{margin:38px 0 0;padding:5px 0 5px 23px;border-left:2px solid var(--accent);font-size:17px;color:var(--text);line-height:1.8}.case-resources{padding-top:29px;margin-top:32px;border-top:1px solid var(--line)}.case-resources p{font:10px/1.9 var(--mono);color:var(--muted)}.case-resource-link{font-size:12px;color:var(--accent)}.case-resource-link span{padding-left:9px}.case-resource-link:hover{text-decoration:underline;text-underline-offset:5px}
.case-pagination{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:58px;padding-top:26px;border-top:1px solid var(--line)}.case-pagination>a{display:flex;flex-direction:column;gap:9px}.case-pagination>a:last-child{text-align:right;align-items:flex-end}.case-pagination .eyebrow{font-size:9px;color:#75869e}.case-pagination>a>span:last-child{font-size:14px;color:var(--text)}.case-pagination b{color:var(--accent);font-weight:400;margin-left:9px}.case-pagination a:hover>span:last-child{color:var(--accent)}
@media(max-width:1080px){.case-layout{grid-template-columns:185px minmax(0,1fr);gap:47px}.case-header h1{font-size:46px}.case-subtitle{font-size:21px}}
@media(max-width:760px){.case-layout{display:block;padding-top:28px;padding-bottom:54px}.case-sidebar{position:static}.back-to-work{margin-bottom:25px;font-size:11px}.case-sidebar>.eyebrow,.case-sidebar-contact,.case-outline{display:none}.case-header>.eyebrow{font-size:8px;letter-spacing:.8px;line-height:1.9}.case-header h1{font-size:40px;letter-spacing:-1.3px;margin:17px 0}.case-subtitle{font-size:21px;line-height:1.5}.case-meta{font-size:9px;gap:12px 20px;margin-top:26px;padding:17px 0}.case-body{padding-top:3px}.case-section{margin-top:30px}.case-section h2{font-size:19px;margin-bottom:12px}.case-section p{font-size:14px;line-height:1.9}.case-takeaway{font-size:16px;padding-left:18px;margin-top:30px}.case-pagination{gap:22px;margin-top:42px}.case-pagination>a>span:last-child{font-size:12px}.case-pagination b{margin-left:3px}}
@media(max-width:370px){.case-header h1{font-size:35px}.case-subtitle{font-size:19px}}

.case-figure{margin:25px 0 0}.case-figure>a{display:block}.case-section .case-figure img{width:100%;height:auto;margin:0;background:white;border-radius:6px}.case-figure figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.case-figure figcaption a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}