/* A working pocket handbook, kept at its intended reading scale. */
.portfolio-work .case-reel{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:clamp(40px,7vw,110px);padding-block:76px 96px;border-top:1px solid #94aa9833;align-items:start}
.case-reel .reel-copy{min-width:0;max-width:620px;padding-top:8px}
.case-reel h3{font:400 var(--project-title-size,clamp(64px,8vw,132px))/1 var(--pixel);letter-spacing:-.065em;margin:0 0 20px}
.case-reel .reel-edition{font:13px/1.6 var(--mono);color:#a8c9b3;margin:0 0 18px}
.case-reel .case-purpose{max-width:470px;margin:0;line-height:1.9}
.case-reel .case-insight{font-size:clamp(23px,2.6vw,36px);margin:28px 0 32px}
.case-reel .film-visit{display:inline-block;margin:0 0 32px}
.reel-decisions{margin:0 0 28px;padding:0;list-style:none;border-top:1px solid #94aa9833}
.reel-decisions li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid #94aa9833}
.reel-decisions .reel-number{font:12px/2 var(--mono);color:#8ca697}
.reel-decisions h4{font:400 16px/1.6 var(--sans);margin:0 0 5px;color:#e4eadc}
.reel-decisions p{font-size:14px;line-height:1.8;color:#a4ada4;margin:0;max-width:420px}
.case-reel .case-detail{max-width:100%}
.reel-window{margin:0;min-width:0;width:100%;border:1px solid #94aa9844;background:#18251f}
.reel-window-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;font:12px/1.5 var(--mono);color:#b8c8b8}
.reel-window-head span:last-child{color:#849789}
.reel-window iframe{display:block;border:0;background:#f5f2ea;width:100%;height:640px;color-scheme:light}
.reel-window figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;font-size:12px;color:#a4b1a4}
.reel-window figcaption a{white-space:nowrap;color:#d5e6ca;text-decoration:none;border-bottom:1px solid #7c957b;padding:4px 0}
.reel-window figcaption a:focus-visible{outline:2px solid #d5e6ca;outline-offset:5px}
@media(min-width:1500px){.portfolio-work .case-reel{grid-template-columns:minmax(0,1fr) 460px;gap:12%}.reel-window iframe{height:680px}}
@media(max-width:820px){.portfolio-work .case-reel{grid-template-columns:1fr;gap:28px;padding-block:52px 64px}.case-reel .reel-copy{max-width:none}.reel-window{max-width:460px;justify-self:center}.reel-window iframe{height:590px}.case-reel .case-insight{margin-block:24px}.reel-decisions{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.case-reel *{scroll-behavior:auto}}