.case-intro{padding-top:42px}.case-topline{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.case-topline a:hover{color:#fff}.case-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding:72px 0 52px}.case-title-row>div{min-width:0}.case-title-row h1{font-size:clamp(56px,8.8vw,130px);line-height:.94;letter-spacing:-.05em;margin:23px 0 0;overflow-wrap:anywhere}.case-title-row .eyebrow{font-size:14px}.case-summary{max-width:330px;color:#b7b7be;font-size:18px;flex-shrink:0;padding-bottom:3px}.case-controls{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.1em;color:var(--muted)}.case-controls button{font-size:14px;letter-spacing:0;background:none;padding:6px 0;color:#d6d6dc;white-space:nowrap}.case-body{padding-bottom:80px}.case-body figure{margin:0;min-width:0;overflow:hidden;background:#17171a}.case-image,.case-film,.case-gallery{margin-block:36px}.case-image img,.case-image video,.case-gallery img,.case-gallery video{display:block;width:100%;height:auto}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.case-gallery>figure:last-child:nth-child(odd){grid-column:1/-1}.case-film{aspect-ratio:var(--film-ratio,1.77778);background:#17171a;position:relative}.case-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.case-copy{max-width:850px;margin:64px auto;color:#c8c8cf;font-size:18px;line-height:1.8;overflow-wrap:anywhere}.case-copy div{margin:0}.case-copy div:not(:has(div)),.case-copy p{margin-block:12px}.case-copy .text-heading{font-size:28px;line-height:1.3;font-weight:700;color:#fff}.case-copy .text-strong,.case-copy strong{font-weight:700;color:#f0f0f2}.case-copy a{text-decoration:underline;text-decoration-color:#6d6d74;text-underline-offset:4px}.case-copy a:hover{color:var(--red)}.case-copy ul,.case-copy ol{padding-left:25px}.case-copy blockquote{border-left:2px solid var(--red);padding-left:24px;margin-left:0}.case-next{border-block:1px solid var(--line);padding-block:46px}.case-next .eyebrow{font-size:13px}.next-project{font-weight:900;font-size:clamp(38px,6vw,84px);letter-spacing:-.04em;line-height:1.1;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:30px 0 25px}.next-project:hover>span:last-child{color:var(--red);transform:translate(5px,-5px)}.next-project>span:last-child{transition:transform .25s,color .25s}.next-meta{display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted)}.next-meta a:hover{color:#fff}.case-contact{padding-block:80px}.case-contact p{color:var(--muted);margin-bottom:14px}.case-contact>a{font-size:clamp(26px,3.5vw,48px);font-weight:900;letter-spacing:-.03em}.case-contact>a:hover{color:var(--red)}.case-page .footer{border-top:1px solid var(--line)}
@media(min-width:1600px){.case-title-row h1{font-size:140px}}@media(max-width:1000px){.case-title-row{gap:32px}.case-summary{max-width:260px;font-size:16px}.case-copy{max-width:740px}}@media(max-width:720px){.case-intro{padding-top:26px}.case-title-row{display:block;padding:50px 0 32px}.case-title-row h1{font-size:clamp(54px,13.5vw,92px)}.case-summary{margin-top:26px;max-width:400px;font-size:17px}.case-controls{font-size:11px;letter-spacing:.05em;align-items:flex-start}.case-controls>span{padding-top:6px}.case-controls button{font-size:13px}.case-gallery{gap:10px}.case-image,.case-film,.case-gallery{margin-block:24px}.case-copy{margin-block:40px;font-size:17px;line-height:1.75}.case-copy .text-heading{font-size:25px}.case-body{padding-bottom:32px}.case-next{padding-block:30px}.next-project{font-size:clamp(32px,8vw,58px)}.case-contact{padding-block:56px}}@media(max-width:440px){.case-gallery{grid-template-columns:1fr}.case-controls{gap:8px}.case-controls>span{max-width:50%}}
.case-copy h2{font-size:28px;font-weight:700;letter-spacing:-.025em;line-height:1.25;margin:32px 0 20px;color:#fff}.case-copy h2:first-child{margin-top:0}.case-copy h2 .text-heading{font-size:inherit}@media(max-width:720px){.case-copy h2{font-size:25px}}
.case-film-play{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;background:#17171a;text-align:left}.case-film-play>img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s}.case-film-play:hover>img{opacity:1}.film-button{position:absolute;bottom:32px;left:32px;display:flex;align-items:center;gap:18px;color:#fff;text-shadow:0 1px 10px #000;font-size:14px;font-weight:700;letter-spacing:.08em}.film-disc{display:grid;place-items:center;width:64px;height:64px;padding-left:3px;border-radius:50%;background:#fff;color:var(--black);text-shadow:none;transition:background .2s,color .2s}.case-film-play:hover .film-disc{background:var(--red);color:#fff}.film-number{display:block;font-size:12px;font-weight:400;letter-spacing:.05em;margin-top:5px}.case-film-play:focus-visible{outline-offset:-6px;z-index:1}@media(max-width:720px){.film-button{left:20px;bottom:20px;font-size:12px;gap:12px}.film-disc{width:44px;height:44px}.film-number{font-size:11px}}
.projects-page .case-controls{flex-wrap:wrap;align-items:flex-start}.projects-page #work-motion-toggle{padding-top:13px}.projects-collection{padding-block:36px 90px}.projects-collection .project[hidden]{display:none}.projects-status{margin-top:40px;font-size:14px;color:var(--muted)}.projects-status:empty{display:none}
@media(max-width:720px){.projects-page #work-motion-toggle{padding-top:4px}.projects-collection{padding-block:20px 50px}}
.case-film.is-portrait{max-width:min(420px,100%);margin-inline:auto}
.case-film.is-pending>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.film-pending{position:absolute;left:32px;bottom:28px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.case-copy .copy-placeholder{position:relative;border:1px dashed #55555e;border-radius:4px;padding:26px 24px 22px;color:#7c7c86;font-style:italic}
.case-copy .copy-placeholder .placeholder-tag{position:absolute;top:-10px;left:20px;background:var(--black);padding:0 8px;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.15em;color:var(--red)}
@media(max-width:720px){.film-pending{left:20px;bottom:18px;font-size:12px}}
.legal-page .case-copy{margin-top:24px}.legal-page .case-copy ul{display:flex;flex-direction:column;gap:8px}.legal-page .case-body{padding-bottom:40px}