.case-shell{width:min(100% - 2 * var(--gutter),1440px);margin-inline:auto;padding-block:clamp(54px,6vw,100px) clamp(80px,9vw,144px);color:#171717}.case-shell h1,.case-shell h2,.case-shell h3{letter-spacing:-.03em}.case-shell a:focus-visible{outline:3px solid #183746;outline-offset:6px}.case-shell ::selection{color:#171717;background:#c9e3ee}.case-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font:400 .9375rem/1.5 var(--mono);margin-bottom:36px}.case-breadcrumb a,.case-back,.case-read-link,.case-email,.case-facts a{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}.case-heading{max-width:1120px;margin-inline:auto}.case-heading h1,.case-index-heading h1{font-size:clamp(2.5rem,5.6vw,5.4rem);line-height:1.08;font-weight:400;max-width:20ch}.case-opening{font:400 clamp(1.125rem,1.65vw,1.5rem)/1.55 var(--serif);max-width:67ch;margin-top:32px;letter-spacing:-.012em}.case-hero-film{margin-top:52px}.case-film figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;font:400 .875rem/1.5 var(--mono);padding-top:14px;color:#333}.case-film .reel-open-disc{color:#171717;background:#efefef;width:82px;height:82px;transition:background .18s}.case-film .project-play:hover .reel-open-disc{background:#c9e3ee}.case-film .project-play:focus-visible{outline-offset:-8px;outline-color:#fff}.case-film svg{fill:currentColor}.case-layout{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr);gap:clamp(40px,6vw,100px);margin-top:clamp(64px,7vw,112px)}.case-sidebar{min-width:0}.case-contents{border-block:1px solid #17171740}.case-contents summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;cursor:pointer;list-style:none;font:700 1rem/1.5 var(--mono)}.case-contents summary::-webkit-details-marker{display:none}.case-contents[open] summary svg{transform:rotate(180deg)}.case-contents nav{padding-bottom:16px}.case-contents nav a{display:block;padding:10px 0;font:400 .9375rem/1.45 var(--mono);text-decoration:underline;text-underline-offset:.22em;min-height:44px}.case-contents nav a:hover{color:#244e63}.case-facts{margin-top:40px}.case-facts h2{font-size:1.5rem;line-height:1.3}.case-facts dl{margin:24px 0 0}.case-facts dl>div+div{margin-top:24px}.case-facts dt{font:700 .875rem/1.5 var(--mono);margin-bottom:7px}.case-facts dd{margin:0;font:400 1.0625rem/1.55 var(--serif);overflow-wrap:anywhere}.case-story{min-width:0}.case-section{scroll-margin-top:calc(var(--header-height) + 28px)}.case-section+.case-section{margin-top:clamp(64px,7vw,112px)}.case-section h2{font-size:clamp(1.9rem,3vw,2.75rem);line-height:1.15;margin-bottom:28px}.case-reading{max-width:68ch}.case-reading p{font:400 clamp(1.125rem,1.5vw,1.375rem)/1.6 var(--serif);letter-spacing:-.01em}.case-reading p+p{margin-top:1.2em}.case-quote{border-block:1px solid #17171740;margin-block:36px;padding-block:28px}.case-quote p{font-style:italic}.case-section>.case-film,.case-story>.case-film{margin-top:40px}.case-photo-group{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;align-items:start}.case-photo-wide{grid-template-columns:1fr}.case-photo-group img{width:100%;height:auto}.case-contact{margin-top:80px;padding-top:36px;border-top:1px solid #17171740;display:flex;align-items:flex-start;flex-direction:column;gap:20px}.case-contact h2{font-size:2rem}.case-email{font-size:clamp(1.35rem,2.3vw,2rem);overflow-wrap:anywhere}.case-back,.case-read-link{font:700 1rem/1.5 var(--mono);display:inline-block;padding-block:10px;min-height:44px}.case-index-heading{margin-bottom:52px}.case-index-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;border-top:1px solid #17171740;padding-block:40px}.case-index-image{display:block;overflow:hidden}.case-index-image img{width:100%;height:auto;transition:transform .35s var(--ease)}.case-index-image:hover img{transform:scale(1.025)}.case-index-client{font:400 1.0625rem/1.5 var(--serif);margin-bottom:16px}.case-index-copy h2{font-size:clamp(1.75rem,2.8vw,2.8rem);line-height:1.16;margin-bottom:24px}.case-index-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em}.case-index-copy>p:not(.case-index-client){font-size:clamp(1.125rem,1.4vw,1.25rem);line-height:1.55;max-width:47ch}.case-index-copy .case-read-link{margin-top:24px}.case-index>.case-back{margin-top:32px}.case-opening>p{font:inherit;letter-spacing:inherit}.case-film-study .case-opening>p+p{margin-top:1.2em}.case-illustration-study .case-opening a,.case-reading a,.case-related a{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}.case-cover{width:min(100%,560px);margin:52px auto 0}.case-illustration img{width:100%;height:auto}.case-illustration:not(.case-cover){margin-top:40px}.case-illustration figcaption{font:400 .875rem/1.5 var(--mono);padding-top:14px;color:#333}.case-illustration-study .case-facts{margin-top:0}.case-illustration-study .case-sidebar{grid-column:1;grid-row:1}.case-illustration-study .case-story{grid-column:2;grid-row:1}.case-animation{max-width:500px;margin-inline:auto}.case-animation video{width:100%;height:auto;background:#070d15}.case-animation-toggle{font:700 .875rem/1.5 var(--mono);padding:12px 0;min-height:44px;text-decoration:underline;text-underline-offset:.22em}.case-related{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:48px;font:700 1rem/1.5 var(--mono)}.case-related a{padding-block:10px;min-height:44px}.case-exhibit-study .case-opening a{text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px}.case-exhibit-study .case-facts{margin-top:0}.case-loop-film>figcaption{padding:0 0 14px}.case-loop-film .project-video-frame>iframe{position:absolute;inset:0;opacity:0}.case-loop-film .project-video-frame.case-loop-playing>iframe{opacity:1}.case-loop-film noscript iframe{width:100%;aspect-ratio:16/9;border:0}.case-index-row[data-case=science-cover] .case-index-image{background:#070d15}.case-index-row[data-case=science-cover] .case-index-image img{height:480px;object-fit:contain}@media(max-width:900px){.case-illustration-study .case-sidebar,.case-illustration-study .case-story{grid-column:1;grid-row:auto}.case-layout{grid-template-columns:1fr;gap:48px}.case-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:24px}.case-facts dl>div+div{margin-top:0}.case-contents nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.case-heading h1{max-width:21ch}.case-hero-film{margin-top:36px}}@media(max-width:760px){.case-index-row{grid-template-columns:1fr;gap:28px}.case-index-heading{margin-bottom:32px}.case-index-copy h2{max-width:26ch}.case-shell{padding-top:40px}.case-breadcrumb{font-size:.8125rem;margin-bottom:28px}.case-opening{margin-top:26px}.case-film .reel-open-disc{width:60px;height:60px}.case-film .reel-open-disc svg{width:26px;height:26px}.case-film figcaption{font-size:.75rem}.case-layout{margin-top:48px}.case-facts{margin-top:30px}.case-facts dd{font-size:1rem}.case-section h2{margin-bottom:24px}.case-contact{margin-top:56px}}@media(max-width:600px){.case-index-row[data-case=science-cover] .case-index-image img{height:auto;max-height:500px;object-fit:contain}.case-cover{margin-top:36px}.case-illustration figcaption{font-size:.75rem}.case-photo-group{grid-template-columns:1fr;gap:28px}.case-facts dl{grid-template-columns:1fr}.case-contents nav{grid-template-columns:1fr}.case-index-copy h2{font-size:2rem}.case-shell{width:calc(100% - 44px)}}@media(prefers-reduced-motion:reduce){.case-index-image img{transition:none}.case-index-image:hover img{transform:none}}
