/* Inline case library: full-width editorial rows, then a compact mobile disclosure. */
.inline-case-library[hidden],.case-hero-slides[hidden],.case-hero-controls[hidden]{display:none!important}
.inline-case-library{scroll-margin-top:calc(var(--header-height,120px) + 24px)}
.case-library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 36px}
.case-library-heading h2{font-size:clamp(30px,3vw,46px);line-height:1.1;margin:0}
.case-library-close,.case-process summary{font:inherit;color:#dfc99b;background:transparent;border:1px solid #63583f;border-radius:8px;cursor:pointer;padding:12px 18px}
.case-library-close{flex-shrink:0}
.case-library-close:focus-visible,.case-process summary:focus-visible{outline:2px solid #dfc99b;outline-offset:5px}
.case-library-close:hover,.case-process summary:hover{background:#dfc99b12}
.expanded-case-list{display:grid;gap:40px}
.expanded-case{min-width:0;padding:30px 0;border-top:1px solid #dfc99b38;scroll-margin-top:160px}
.expanded-case .case-comparison,.expanded-case .case-process,.expanded-case .case-legend{min-width:0}
.expanded-case .case-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;background:#090909;border-radius:12px;overflow:hidden}
.expanded-case .case-image-pair figure{margin:0;min-width:0;position:relative}
.expanded-case .case-image-pair img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#090909;border-radius:0}
.expanded-case .case-image-label{font-size:12px;padding:7px 9px;bottom:10px;left:8px}
.case-process summary{display:block;width:max-content;max-width:100%;margin:18px auto 0;font-size:15px;text-align:center;list-style:none}
.case-process summary::-webkit-details-marker{display:none}
.case-process summary::after{content:'+';margin-left:12px}
.case-process[open] summary::after{content:'−'}
.case-process-content{display:grid;gap:26px;margin-top:26px}
.case-process-video video{display:block;width:100%;max-height:640px;aspect-ratio:9/16;object-fit:contain;background:#000;border:1px solid #dfc99b28;border-radius:12px}
.case-process-video{max-width:360px;width:100%;margin:auto}
.case-legend h3{font-family:var(--vera-heading-font,'Times New Roman',serif);font-weight:400;font-size:clamp(27px,2.2vw,38px);line-height:1.08;margin:0 0 24px}
.case-legend .case-context{margin:0 0 20px}
.case-legend .case-context dt{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#dfc99b;margin-top:20px}
.case-legend .case-context dd{font-size:15px;line-height:1.7;margin:7px 0 0;color:#c1beb7}
.landing-case-strip.cases-expanded{grid-template-columns:minmax(0,1fr)}
.landing-case-strip.cases-expanded .landing-case-heading,.landing-case-strip.cases-expanded .case-hero-stage{grid-column:1/-1;grid-row:auto}
.landing-case-strip.cases-expanded>.case-consultation{display:none}
.landing-case-strip.cases-expanded .case-hero-stage{padding:clamp(18px,2.5vw,36px)}
.cases-consultation-layout:has(.expanded-case-list){display:block}
.cases-consultation-layout:has(.expanded-case-list)>.case-consultation{position:static;max-width:720px;margin:60px auto 0}
@media(min-width:1100px){
 .expanded-case{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);align-items:center;gap:clamp(24px,2.4vw,48px)}
 .expanded-case.has-process-video{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr) minmax(230px,1fr)}
 .case-library-ready .case-process{display:none}
 .case-process summary{display:none}
 .expanded-case .case-comparison{grid-column:1;grid-row:1}
 .expanded-case.has-process-video .case-comparison{grid-column:2}
 .case-process-video{grid-column:1;grid-row:1;max-width:none}
 .case-legend{grid-column:2;grid-row:1}
 .has-process-video .case-legend{grid-column:3}
}
@media(max-width:1099px){
 .expanded-case:not(.has-process-video)>.case-legend{margin-top:26px}
}
@media(max-width:600px){
 .case-library-heading{align-items:flex-start;gap:12px;margin-bottom:24px}
 .case-library-heading h2{font-size:29px}
 .case-library-close{padding:10px 12px;font-size:13px}
 .expanded-case{padding-top:24px}
 .expanded-case-list{gap:28px}
 .case-legend .case-context dd{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.hero-video-preview{background-image:var(--hero-poster)!important}}
.expanded-case .case-comparison{display:block;width:100%;padding:0;border:0;background:none}
.expanded-case .case-image-pair{width:100%}

.expanded-case .case-image-label{top:auto;right:auto;height:auto;width:max-content;max-width:calc(100% - 16px)}

.case-library-close{display:none}.case-library-ready .case-library-close{display:block}

/* The supplied brand card is shown alone between hero films. */
@media(max-width:1099px){
 .lead-hero-story:has(.hero-video-preview[data-transition="true"]) .lead-hero-intro{opacity:0;pointer-events:none}
}

/* Reviewed 14 October: cases and biography stay readable without opening controls. */
.cases-always-visible .inline-case-library{grid-column:1/-1;min-width:0}
.cases-always-visible{gap:24px}
.expanded-case .case-video-label{font-size:14px;color:#dfc99b;line-height:1.5;margin:0 0 12px}
.academic-bio-heading{position:static;min-width:0}
#academic-bio-title{font-family:var(--vera-heading-font);font-weight:400;color:#dfc99b;line-height:1.12}
.academic-bio-media{display:grid;gap:24px;margin-top:30px}
.academic-bio-media figure{margin:0;min-width:0}
.academic-bio-portrait{width:min(100%,280px);justify-self:center}
.academic-bio-media img{display:block;width:100%;height:auto;border-radius:12px}
.bio-chapter>h3{display:flex;gap:16px;align-items:baseline;margin:0;padding:24px 0;font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.5;color:#eee5d6}
.bio-chapter-body{padding-left:0}
@media(max-width:1099px){
 .expanded-case{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .expanded-case .case-comparison{order:0}
 .expanded-case .case-process-video{order:1;max-width:360px}
 .expanded-case .case-legend{order:2;margin-top:0!important}
 .expanded-case .case-legend h3{margin-bottom:20px}
}
@media(max-width:850px){
 .academic-bio-media{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:18px}
 .academic-bio-portrait{max-width:200px}
 .bio-chapter>h3{font-size:17px;padding:20px 0}
}
@media(max-width:480px){
 .academic-bio-media{grid-template-columns:1fr}
 .academic-bio-diplomas{max-width:460px}
}


/* Preserve the complete supplied comparison, including its original labels. */
.expanded-case .case-image-composite{margin:0;width:100%}
.expanded-case .case-image-composite img{display:block;width:100%;height:auto;border-radius:12px}

/* Frame out only the supplied footer text; keep the original file unchanged. */
.expanded-case .case-image-pair-clean-footer .case-image-after img{object-fit:cover;object-position:center top;aspect-ratio:3/4}

/* Explicit playback prompts for patients, with a final-result preview. */
.case-process-video{position:relative}
.transformation-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:calc(100% - 32px);max-width:360px;min-height:72px;padding:18px 20px;background:#17140ff2;border:2px solid #dfc99b;border-radius:12px;color:#f1dfb9;font:600 18px/1.4 var(--sans,sans-serif);text-align:left;cursor:pointer;box-shadow:0 6px 30px #0008}
.transformation-play[hidden]{display:none}
.transformation-play svg{width:30px;height:30px;flex:none}
.transformation-play:hover{background:#33291c}
.transformation-play:focus-visible{outline:3px solid #fff;outline-offset:5px}
.hero-video-preview:not([data-playing="true"]){background: #000 var(--hero-poster) center/contain no-repeat}
@media(prefers-reduced-motion:reduce){.hero-video-preview[data-started="true"]>video{opacity:1}}
@media(max-width:600px){.transformation-play{font-size:17px;min-height:76px}}
/* Keep the action clear of the patient's final smile. */
.hero-video-preview>.transformation-play{top:auto;bottom:20px;left:auto;right:16px;transform:none;width:auto;max-width:240px;min-height:44px;padding:8px 12px;gap:7px;border-width:1px;border-color:#dfc99b80;border-radius:7px;background:#17140fbd;box-shadow:none;font-size:13px;font-weight:400;line-height:1.4}
.hero-video-preview>.transformation-play svg{width:16px;height:16px}
@media(max-width:850px){.hero-video-preview>.transformation-play{right:12px;bottom:16px;max-width:calc(50% - 40px);padding:8px;font-size:12px}}
.case-process-video>.transformation-play{top:auto;bottom:24px;transform:translateX(-50%)}
@media(max-width:850px){.hero-video-preview{z-index:auto}}

/* Omar's supplied mobile reference places the prompt below the identity block. */
@media(max-width:850px){
 .lead-hero-story{--hero-identity-space:clamp(190px,calc((100vw - 150px)*.3 + 118px),330px);height:calc(var(--hero-identity-space) + min(150vw,700px))}
 .hero-video-preview{top:var(--hero-identity-space);height:calc(100% - var(--hero-identity-space));overflow:visible}
 .lead-hero-story::after{top:var(--hero-identity-space)}
 .hero-video-preview>.transformation-play{top:-60px;bottom:auto;left:6vw;right:auto;width:calc(100% - 150px);max-width:260px;min-height:44px;font-size:13px;padding:8px 10px}
}

@media(max-width:850px){.lead-hero-story{--hero-identity-space:340px}}
@media(max-width:850px){.lead-hero-story{--hero-identity-space:330px}}

@media(max-width:379px){.lead-hero-story{--hero-identity-space:360px}}

/* Clinical explanations stay readable without scroll-reveal effects. */
.expanded-case .case-legend,.expanded-case .case-legend h3,.expanded-case .case-context dt,.expanded-case .case-context dd{color:#f4f0e8;-webkit-text-fill-color:currentColor}
.expanded-case .case-legend{opacity:1;visibility:visible}
.case-process-video>.transformation-play{bottom:64px}