/* A film-to-mosaic sequence with deliberately quiet project branding. */
.case-title-row h2{font-size:clamp(35px,4.1vw,62px);line-height:1.03}.case-title-row{margin-bottom:25px}.case-title-row .case-introduction{font-size:10px;max-width:260px}.collection-scroll{background:#0f1521;margin-left:-5.556%;margin-right:-5.556%;margin-top:30px}.collection-scene{height:760px;overflow:hidden;background:#0f1521}.collection-photographs{inset:30px 0}.collection-photo{width:14%;height:27%;border-radius:12px;overflow:hidden;inset:auto;margin:0}.collection-photo img{transition:transform 1s}.collection-photo:nth-child(3n) img{object-position:65% center}.collection-photo:hover img{transform:scale(1.04)}.mosaic-1,.mosaic-2,.mosaic-3{left:6%}.mosaic-4,.mosaic-5,.mosaic-6{left:24.5%}.mosaic-7,.mosaic-8{left:43%}.mosaic-9,.mosaic-10,.mosaic-11{left:61.5%}.mosaic-12,.mosaic-13,.mosaic-14{left:80%}.mosaic-1,.mosaic-4,.mosaic-7,.mosaic-9,.mosaic-12{top:0}.mosaic-2,.mosaic-5,.mosaic-10,.mosaic-13{top:36.5%}.mosaic-3,.mosaic-6,.mosaic-8,.mosaic-11,.mosaic-14{top:73%}.mosaic-4,.mosaic-9{top:-3%}.mosaic-6,.mosaic-11{top:76%}.refined .collection-scene .case-film-stage{left:41%;top:30%;width:18%;height:40%;border-radius:14px;z-index:2}.collection-scene .case-film-brand{left:8%;right:8%;top:46%;text-align:center;opacity:1}.collection-scene .case-film-brand>img{width:110px;max-width:75%;transform:none}.collection-scene .case-film-brand>p{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.6px;line-height:1.7;margin-top:14px;white-space:normal;text-transform:uppercase;opacity:1;transform:none}.collection-scene .case-film-controls{bottom:15px;left:18px;right:18px;justify-content:flex-end}.collection-scene .film-location{display:none}.collection-scene .collection-film-icon{width:25px;height:25px;font-size:8px}.collection-scroll-note{display:none}.collection-scroll-cue{color:#a9b0bc!important;bottom:15px!important;left:6%!important;right:6%!important;font-size:7px!important}.case-project-note>h3{font-size:35px}.case-project-description>p{font-size:11px}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.scroll-collection-ready .collection-scroll{height:250vh}.scroll-collection-ready .collection-scene{top:80px;height:calc(100svh - 80px);min-height:530px;max-height:none}.scroll-collection-ready .collection-scene .case-film-stage{left:calc(var(--collection-progress,0)*41%);top:calc(var(--collection-progress,0)*30%);width:calc(100% - var(--collection-progress,0)*82%);height:calc(100% - var(--collection-progress,0)*60%);border-radius:calc(var(--collection-progress,0)*16px)}.scroll-collection-ready .collection-scene .case-film-brand{left:8%;right:8%;top:46%;text-align:center;opacity:1}.scroll-collection-ready .case-film-brand>img{width:130px;max-width:75%;transform:scale(calc(1 - var(--collection-progress,0)*.2));transform-origin:center}.scroll-collection-ready .case-film-brand>p{font-size:9px;line-height:1.7;letter-spacing:.6px;opacity:calc(1 - var(--collection-progress,0)*.55);transform:none;white-space:normal}.scroll-collection-ready .collection-photo{transform:translateY(calc((1 - var(--collection-progress,0))*80px)) scale(calc(.8 + var(--collection-progress,0)*.2))}.scroll-collection-ready .collection-photo:nth-child(even){transform:translateY(calc((1 - var(--collection-progress,0))*-80px)) scale(calc(.8 + var(--collection-progress,0)*.2))}}
@media(max-width:760px){.case-title-row h2{font-size:38px}.collection-scroll{margin-left:0;margin-right:0}.collection-scene{padding-top:420px;height:auto;overflow:hidden}.collection-photographs{position:relative;inset:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:25px 15px 35px}.collection-photo{position:relative;inset:auto;width:auto;height:145px;border-radius:8px;margin:0!important}.collection-photo:nth-child(3n+2){transform:translateY(12px)}.collection-photo:nth-child(n+10){display:none}.refined .collection-scene .case-film-stage{left:0;top:0;width:100%;height:420px;border-radius:0}.collection-scene .case-film-brand{left:8%;right:8%;top:46%;text-align:center}.collection-scene .case-film-brand>img{width:130px}.collection-scene .case-film-brand>p{font-size:9px;margin-top:16px}.collection-scene .case-film-controls{bottom:20px}.case-project-note>h3{font-size:32px}}
.collection-scene .case-film-brand>img{display:block;margin-left:auto;margin-right:auto}
/* Case-study end frame: a small signature above the story and three project pillars. */
.refined .hero-intro h1{font-size:clamp(61.5px,7.725vw,123.75px)}
.collection-scene{--feature-progress:1}.scroll-collection-ready .collection-scene{--feature-progress:var(--collection-progress,0)}
.collection-scene .case-film-tint{background:linear-gradient(180deg,#0f152100 15%,#0f152126 40%,#0f1521a6 74%,#0f1521eb 100%)}
.collection-scene .case-film-brand,.scroll-collection-ready .collection-scene .case-film-brand{top:auto;bottom:calc(40px + var(--feature-progress)*(50% - 40px));left:7%;right:7%;transform:translateY(calc(var(--feature-progress)*50%));text-align:center;color:#f4f0e9;filter:none;opacity:1}
.film-case-eyebrow{display:block;font-family:Arial,sans-serif;font-size:7px;line-height:1.6;text-transform:uppercase;letter-spacing:1.5px;color:#e3e3e0;margin-bottom:18px}.film-case-eyebrow i{display:block;font-size:6px;font-style:normal;letter-spacing:.9px;line-height:1.7;margin-top:3px;color:#c5c9d0}
.collection-scene .case-film-brand>img,.scroll-collection-ready .case-film-brand>img{display:block;margin:0 auto;width:calc(130px - var(--feature-progress)*25px);max-width:85%;transform:none}
.case-feature-copy{max-height:calc(280px - var(--feature-progress)*280px);overflow:hidden;opacity:calc(1 - var(--feature-progress)*2);margin-top:calc(24px - var(--feature-progress)*24px)}
.case-feature-copy h3{font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:clamp(27px,2.8vw,43px);font-weight:300;line-height:1.04;letter-spacing:-.02em;max-width:680px;margin:0 auto;color:#f4f0e9}
.case-feature-highlights{display:grid;grid-template-columns:repeat(3,1fr);max-width:730px;margin:30px auto 0}.case-feature-highlights>div{padding:0 20px}.case-feature-highlights>div+div{border-left:1px solid #d9d6ce66}.case-feature-highlights span{display:block;font-family:'Cormorant Garamond','EB Garamond',Georgia,serif;font-size:27px;font-weight:300;line-height:1.1}.case-feature-highlights small{display:block;font-family:Arial,sans-serif;font-size:8px;line-height:1.6;letter-spacing:.3px;color:#c9cdd2;margin-top:7px}
.film-case-link{pointer-events:auto;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #d9d6ce66;margin-top:calc(20px - var(--feature-progress)*5px);padding:10px 0;font-family:Arial,sans-serif;font-size:7px;letter-spacing:.7px;text-transform:uppercase;color:#f4f0e9;line-height:1.5}.film-case-link>span{font-size:13px}.film-case-link:hover{border-color:#f4f0e9}.film-case-link:focus-visible{outline:1px solid white;outline-offset:6px}
@media(max-width:760px){.refined .hero-intro h1{font-size:57px;letter-spacing:-2.25px}.refined .hero-intro h1 em{letter-spacing:-2.25px}.collection-scene{--feature-progress:0;padding-top:520px}.refined .collection-scene .case-film-stage{height:520px}.collection-scene .case-film-brand,.scroll-collection-ready .collection-scene .case-film-brand{left:6%;right:6%;bottom:45px;top:auto;transform:none}.film-case-eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:18px}.film-case-eyebrow i{font-size:5.5px}.collection-scene .case-film-brand>img{width:120px}.case-feature-copy{margin-top:22px}.case-feature-copy h3{font-size:28px;line-height:1.08}.case-feature-highlights{margin-top:27px}.case-feature-highlights>div{padding:0 8px}.case-feature-highlights span{font-size:23px}.case-feature-highlights small{font-size:6.5px;line-height:1.6;margin-top:7px;letter-spacing:0}.film-case-link{margin-top:20px;font-size:6.5px}}
/* Match the new case-study headline to the opening hero's display scale. */
.collection-scene .case-film-brand>img,.scroll-collection-ready .case-film-brand>img{width:calc(169px - var(--feature-progress)*64px)}
.case-feature-copy{max-height:calc(480px - var(--feature-progress)*480px)}
.case-feature-copy h3{font-size:clamp(61.5px,7.725vw,123.75px);line-height:.9;letter-spacing:-.04em;max-width:1100px}
.case-feature-highlights{max-width:950px;margin-top:32px}.case-feature-highlights span{font-size:35.1px}.case-feature-highlights small{font-size:10.4px}
.film-case-eyebrow{font-size:9.1px}.film-case-eyebrow i{font-size:7.8px}.film-case-link{font-size:9.1px}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.scroll-collection-ready .film-case-eyebrow{font-size:calc(9.1px - var(--feature-progress)*2.1px)}.scroll-collection-ready .film-case-eyebrow i{font-size:calc(7.8px - var(--feature-progress)*1.8px)}.scroll-collection-ready .film-case-link{font-size:calc(9.1px - var(--feature-progress)*2.1px)}}
@media(max-width:760px){.collection-scene{padding-top:650px}.refined .collection-scene .case-film-stage{height:650px}.collection-scene .case-film-brand>img{width:156px}.case-feature-copy h3{font-size:57px;line-height:.9;letter-spacing:-2.25px}.case-feature-copy{max-height:480px}.case-feature-highlights{margin-top:28px}.case-feature-highlights span{font-size:29.9px}.case-feature-highlights small{font-size:8.45px}.film-case-eyebrow{font-size:7.8px}.film-case-eyebrow i{font-size:7.15px}.film-case-link{font-size:8.45px}}

/* Let the film introduce the project; reduce its display headline by a quarter. */
.case-feature-copy h3{font-size:clamp(46.125px,5.79375vw,92.8125px)}
.signature-work{padding-top:0}.collection-scroll{margin-top:0}
@media(max-width:760px){.case-feature-copy h3{font-size:42.75px;letter-spacing:-1.6875px}.signature-work{padding-top:0}.collection-scroll{margin-top:0}}
/* Keep the case-study composition vertically centred at every film size. */
.collection-scene .case-film-brand,.scroll-collection-ready .collection-scene .case-film-brand{top:50%;bottom:auto;transform:translateY(-50%)}
@media(max-width:760px){.collection-scene .case-film-brand,.scroll-collection-ready .collection-scene .case-film-brand{top:50%;bottom:auto;transform:translateY(-50%)}}