/* Project pages share Jona Style V2 tokens, layout width and appearance controls. */
.case-page{padding-bottom:40px}.case-intro{padding-top:28px}.case-intro .breadcrumb{font-size:11px;line-height:1.5;flex-wrap:wrap;gap:10px;color:var(--muted)}
.case-kicker{display:flex;justify-content:space-between;gap:20px;margin:46px 0 24px;color:var(--accent);text-transform:uppercase;font-size:10px;letter-spacing:.11em}.case-kicker>span:last-child{color:var(--muted);white-space:nowrap}
.case-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:7%;margin-bottom:50px}.case-heading h1{font-size:clamp(48px,5.8vw,96px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:0;overflow-wrap:anywhere}.case-heading h1 span{color:var(--accent)}.case-lead{font-size:clamp(17px,1.65vw,23px);color:var(--muted);line-height:1.6;max-width:490px;margin:0;padding-bottom:5px}
.case-meta{display:grid;grid-template-columns:1fr .6fr 1.4fr;border-top:1px dotted var(--line);padding:24px 0;gap:30px;margin:0}.case-meta dt{text-transform:uppercase;color:var(--muted);font-size:9px;letter-spacing:.1em}.case-meta dd{font-size:13px;margin:7px 0 0}
.case-cover{margin-top:16px;margin-bottom:0}.case-cover>a{display:block;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--corner-radius,4px);overflow:hidden;cursor:zoom-in}.case-cover img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}.case-cover figcaption{display:flex;justify-content:space-between;gap:20px;padding:15px 0;color:var(--muted);font-size:10px}
.case-zoom{position:absolute;right:16px;bottom:16px;background:var(--bg);color:var(--accent);padding:8px 16px;font-size:24px;line-height:1.2;border:1px solid var(--line);border-radius:4px;transition:transform .2s}.case-cover a:hover .case-zoom,.case-gallery a:hover .case-zoom{transform:translate(2px,-2px)}
.case-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:28px;margin-top:50px;margin-bottom:0;padding:30px 0;border-top:1px dotted var(--line);border-bottom:1px dotted var(--line)}.case-facts dt{font-size:clamp(28px,3vw,46px);color:var(--accent);font-weight:400;line-height:1.15;letter-spacing:-.04em}.case-facts dd{font-size:11px;color:var(--muted);margin:12px 0 0}
.case-story{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;padding-top:80px;padding-bottom:70px}.case-label h2{font-size:clamp(32px,3.4vw,54px);line-height:1.15;font-weight:400;letter-spacing:-.04em;margin:20px 0}.case-chapters>section{display:grid;grid-template-columns:24px 1fr;gap:24px;padding:28px 0;border-top:1px dotted var(--line)}.case-chapter-number{color:var(--accent);font-size:10px;padding-top:5px}.case-chapters h3{font-weight:500;font-size:23px;line-height:1.3;letter-spacing:-.02em;margin:0 0 16px}.case-chapters p{color:var(--muted);font-size:15px;line-height:1.85;margin:0}
.case-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.case-section-heading h2,.case-credits h2{font-weight:400;font-size:clamp(32px,3.5vw,52px);letter-spacing:-.04em;line-height:1.15;margin:0}.case-section-heading p{font-size:11px;color:var(--muted);margin:0}
.case-gallery-section,.case-video{padding-top:35px;padding-bottom:60px}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-gallery figure{margin:0;min-width:0}.case-gallery a{display:block;position:relative;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden;cursor:zoom-in}.case-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;transition:filter .2s}.case-gallery a:hover img{filter:brightness(1.06)}.case-gallery figure:last-child:nth-child(odd){grid-column:1/-1;max-width:100%}.case-gallery figure:last-child:nth-child(odd) img{aspect-ratio:2;max-height:600px}.case-gallery figcaption{padding:12px 0;font-size:10px;color:var(--muted);display:flex;gap:18px}.case-gallery figcaption>span{color:var(--accent)}
.case-video-player{aspect-ratio:16/9;min-height:300px;background:var(--panel);border:1px dotted var(--line);border-radius:4px;display:grid;place-items:center;overflow:hidden}.case-video-prompt{text-align:center;padding:30px}.case-play-symbol{display:block;font-size:48px;color:var(--accent);margin-bottom:16px}.case-video-prompt p{font-size:12px;color:var(--muted);margin:18px 0 8px}.case-video-prompt>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.case-video-player iframe{width:100%;height:100%;border:0;aspect-ratio:16/9}
.case-credits{display:grid;grid-template-columns:1fr 1.25fr;gap:10%;padding:45px 0 55px;border-top:1px dotted var(--line)}.case-credits ul{margin:0;padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}.case-credits li+li{margin-top:10px}
.case-next{display:grid;grid-template-columns:1fr 1fr;border-top:1px dotted var(--line);border-bottom:1px dotted var(--line);margin-top:20px}.case-next a{padding:30px 0;min-width:0}.case-next a:last-child{text-align:right;padding-left:30px}.case-next span{display:block;font-size:10px;color:var(--muted);margin-bottom:12px}.case-next strong{font-size:clamp(18px,2.1vw,30px);font-weight:400;line-height:1.3;color:var(--accent);letter-spacing:-.025em}.case-next a:hover strong{text-decoration:underline;text-underline-offset:5px}.case-return{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding-top:25px}.case-return a{min-height:44px;display:inline-flex;align-items:center}
#project-viewer button{min-height:44px;cursor:pointer}#project-viewer img{max-height:calc(90dvh - 70px);object-fit:contain}html.case-viewer-open{overflow:hidden}
@media(max-width:900px){.case-heading{gap:6%;grid-template-columns:1.2fr 1fr}.case-heading h1{font-size:clamp(42px,5.7vw,65px)}.case-story,.case-credits{gap:6%;grid-template-columns:1fr 1.4fr}.case-gallery{gap:20px}}
@media(max-width:650px){.case-kicker{margin-top:30px;font-size:8px;gap:12px}.case-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.case-heading h1{font-size:clamp(38px,10.2vw,62px)}.case-lead{font-size:17px;line-height:1.6}.case-meta{grid-template-columns:1fr 1fr;gap:20px}.case-meta>div:last-child{grid-column:1/-1}.case-meta dd{font-size:12px}.case-cover figcaption{font-size:9px}.case-cover figcaption>span:last-child{display:none}.case-facts{grid-template-columns:1fr 1fr;gap:28px 15px;margin-top:25px}.case-facts dt{font-size:29px}.case-story,.case-credits{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:35px}.case-label h2{font-size:38px}.case-chapters>section{gap:16px;padding:25px 0}.case-chapters h3{font-size:21px}.case-chapters p{font-size:14px}.case-section-heading{display:block}.case-section-heading p{margin-top:12px}.case-gallery{grid-template-columns:1fr;gap:18px}.case-gallery figure:last-child:nth-child(odd) img{aspect-ratio:16/10}.case-gallery-section,.case-video{padding-bottom:35px}.case-video-player{aspect-ratio:auto;min-height:260px}.case-video-player iframe{height:auto;aspect-ratio:16/9;min-height:210px}.case-video-prompt{padding:24px 18px}.case-credits h2{font-size:34px}.case-next a{padding-block:25px}.case-next a:last-child{padding-left:16px}.case-next strong{font-size:20px}.case-return{flex-wrap:wrap;gap:5px}.case-zoom{font-size:20px;padding:6px 12px;right:12px;bottom:12px}}