/* The doctor's reel forms the opening; every selected case stays visible. */
.hero{background:#291b36;isolation:isolate}
.hero-photo.hero-film{inset:0 auto 0 0;top:0;bottom:0;left:0;width:53%;height:100%;overflow:hidden;max-width:none;transform:none!important;will-change:auto;z-index:0}
.hero-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero-shade,html[lang=en] .hero-shade{z-index:1;background:linear-gradient(90deg,#291b3610 0%,#291b3630 27%,#291b36dc 49%,#291b36 56%),linear-gradient(0deg,#291b36e8,transparent 25%)}
.hero-copy,html[lang=en] .hero-copy{z-index:2;width:41%;padding-top:18vh}
.hero-motion-toggle{position:absolute;z-index:3;left:var(--gutter);bottom:94px;display:flex;align-items:center;gap:13px;padding:10px 0;font-size:10px;color:#fff;border-bottom:1px solid #ffffff70;text-shadow:0 1px 8px #291b36}
.hero-motion-toggle .motion-icon{font:19px Latin,sans-serif;min-width:17px;text-align:center}
.hero-motion-toggle:hover{color:var(--lilac)}
.hero-motion-toggle[hidden]{display:none}
.hero-watch{gap:11px;font-size:11px}
.watch-icon{font:23px Latin,sans-serif;line-height:1}
.hero-copy .hero-ctas{flex-wrap:wrap;gap:22px}
.hero-bottom{z-index:3}
.case-gallery{display:grid;grid-template-columns:1fr 1fr;column-gap:5%;row-gap:58px}
.case-study{min-width:0}
.case-study-heading{display:flex;align-items:baseline;gap:19px;margin-bottom:20px;min-height:56px}
.case-study-number{font:11px Latin,sans-serif;color:var(--violet);flex-shrink:0}
.case-study-heading h3{font-size:23px;line-height:1.65;font-weight:400}
.case-gallery .comparison{aspect-ratio:2;--split:50%}
.case-gallery .comparison-photo img{width:100%;height:200%;left:0;max-width:none;object-fit:fill}
.case-gallery .comparison-before img{top:0}
.case-gallery .comparison-after img{top:-100%}
.case-study-description{font-size:12px;line-height:2;color:#786a80;margin-top:17px}
.case-original{font-size:11px;margin-top:9px;gap:22px}
.case-gallery+.case-note{max-width:850px;margin-top:40px;padding-top:23px;border-top:1px solid #291b3625}
@media(min-width:1600px){.hero-film video{object-position:50% 48%}.hero-copy,html[lang=en] .hero-copy{padding-top:20vh}}
@media(max-width:1100px){.hero-copy,html[lang=en] .hero-copy{width:44%;padding-top:155px}.hero .hero-ctas{gap:18px}.hero-watch{font-size:10px}.case-study-heading h3{font-size:20px}.case-study-heading{gap:15px;margin-bottom:17px}}
@media(min-width:601px) and (max-width:800px){.hero,html[lang=en] .hero{height:100svh;min-height:940px}.hero-copy,html[lang=en] .hero-copy{padding-top:130px;width:calc(100% - 2 * var(--gutter))}.hero-photo.hero-film{inset:auto 0 0;width:100%;height:64%}.hero-film video{object-position:50% 30%}.hero-shade,html[lang=en] .hero-shade{background:linear-gradient(180deg,#291b36 15%,#291b36fa 27%,#291b36b0 46%,#291b3640 70%,#291b36e8 100%)}.hero-copy .hero-ctas{margin-top:20px}.hero-motion-toggle{bottom:88px}.case-study-heading h3{font-size:17px}.case-study-heading{min-height:58px}.case-gallery{column-gap:4%;row-gap:42px}.case-study-description{font-size:11px}}
@media(max-width:600px){.hero,html[lang=en] .hero{height:100svh;min-height:820px}.hero-copy,html[lang=en] .hero-copy{padding-top:115px;width:calc(100% - 48px);margin:0 24px}.hero-photo.hero-film{inset:auto 0 0;width:100%;height:58%}.hero-film video{object-position:50% 15%}.hero-shade,html[lang=en] .hero-shade{background:linear-gradient(180deg,#291b36 17%,#291b36fa 34%,#291b36b0 49%,#291b3635 66%,#291b36e8 100%)}.hero-motion-toggle{left:24px;bottom:81px;font-size:9px}.hero .hero-ctas{gap:20px;margin-top:21px}.hero-watch{font-size:10px}.hero-brand,html[lang=en] .hero-brand{font-size:clamp(77px,20vw,100px)}.hero-tag,html[lang=en] .hero-tag{font-size:30px}.hero-description{font-size:11px;line-height:1.9}.case-gallery{grid-template-columns:1fr;gap:38px}.case-study-heading{min-height:0;margin-bottom:17px;gap:16px}.case-study-heading h3{font-size:20px}.case-study-number{font-size:10px}.case-study-description{font-size:11px;margin-top:14px}.case-original{font-size:10px;margin-top:8px}.case-gallery+.case-note{margin-top:29px}.case-gallery .comparison-divider>span{width:36px;height:36px;font-size:20px}}
@media(max-width:365px){.hero,html[lang=en] .hero{min-height:810px}.hero-tag,html[lang=en] .hero-tag{font-size:26px}.hero .hero-ctas{gap:15px}.hero-watch{font-size:9px}.case-study-heading h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-film video{animation:none}.hero-motion-toggle{transition:none}}
@media(max-width:800px){.hero-photo.hero-film{mask-image:linear-gradient(180deg,transparent 0%,#000 19%,#000 100%)}}