/* Fluid desktop layout and bounded image framing. Shared by every static page. */
:root{--gutter:clamp(20px,3vw,72px);--section-space:clamp(56px,6vw,100px)}
body{width:100%;max-width:none;margin:0}
main{overflow:visible}main>*{min-width:0}
header{padding-inline:var(--gutter);gap:24px}header nav{gap:clamp(12px,1.35vw,28px)}
.section,.scroll-story,.page-head,.breadcrumbs,.related-nav{width:100%;max-width:none;margin-inline:0;padding-inline:var(--gutter)}
.section{padding-block:var(--section-space)}
.compact{padding-top:24px}.editorial-content{padding-top:24px}
.cinema-hero{max-width:none;margin:0;padding:30px var(--gutter) 65px;gap:clamp(28px,4vw,100px);min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:stretch}
.cinema-copy{padding-block:clamp(24px,4vh,65px) 28px}
.cinema-copy h1{font-size:clamp(48px,5vw,104px)}
.cinema-copy>p{max-width:480px}.cinema-copy .hero-note{margin-top:30px}
.cinema-image{min-height:0;height:clamp(510px,calc(100svh - 220px),900px)}
.hero-image-title{font-size:clamp(30px,2.8vw,60px)}
.scroll-cue{left:var(--gutter);right:var(--gutter)}
.chapter-nav{padding-inline:var(--gutter)}
.scroll-story{padding-top:80px;padding-bottom:35px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(36px,6vw,140px)}
.sticky-model{min-width:0;top:108px}.story-chapter p{max-width:540px;font-size:16px}.story-chapter{min-height:55vh}
.model-stage{height:clamp(360px,42vh,650px)}
.section-title{gap:40px}.section-title>p{max-width:520px;font-size:16px}
.section-title h2{font-size:clamp(36px,3.7vw,76px)}
.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-grid>a{padding:clamp(24px,2.4vw,54px)}.solution-grid p{font-size:15px}
.human-interlude{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.human-interlude>div:first-child{min-height:clamp(420px,57vh,720px)}.interlude-copy{padding:clamp(40px,5vw,100px) 8%}
.interlude-copy h2{font-size:clamp(36px,3.6vw,76px)}.interlude-copy p{max-width:540px;font-size:16px}
.craft{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6%}.craft-copy>p{max-width:600px;font-size:16px}
.home-materials{max-width:none;width:100%;padding:0 var(--gutter) 75px}.home-materials p{max-width:1100px}
/* Keep both doctors visible with descriptions within a desktop screen. */
.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.portrait-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:stretch}
.portrait-photo{aspect-ratio:auto;height:clamp(330px,43vh,570px);min-width:0}
.portrait-photo>img,.doctor-intro .portrait-photo>img{object-fit:contain;object-position:50% 50%;transform:none}
.portrait-photo[data-doctor="samson"]>img{transform:none;object-fit:contain}
.portrait-card figcaption{padding:clamp(20px,2vw,40px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.portrait-card h3{font-size:clamp(24px,1.8vw,40px);line-height:1.18;overflow-wrap:normal;letter-spacing:-.04em}
.portrait-card p{font-size:14px}.portrait-card .text-link{align-self:flex-start}.portrait-card:hover img{transform:none}
.doctor-intro{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:6%}
.doctor-intro .portrait-photo{height:clamp(380px,62vh,720px);max-width:none;width:100%}
.doctor-intro h1{font-size:clamp(42px,4vw,84px)}
.visit-story{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6%}
.visit-story>div:first-child{height:clamp(420px,64vh,760px)}.visit-story img{object-position:50% 50%}
.visit-story>div:nth-child(2){max-width:760px}.visit-steps{margin:25px 0}.visit-steps li{padding-top:16px;padding-bottom:16px}.visit-steps span{font-size:14px}.visit-story h2{font-size:clamp(36px,3.5vw,72px)}
.closing-scene{margin:0 var(--gutter) 70px;grid-template-columns:1fr 1fr}.closing-scene>div:first-child{min-height:clamp(390px,55vh,680px)}
.closing-scene img{object-fit:contain;object-position:center;background:#e8e7e0}
.closing-scene>div:nth-child(2){padding:clamp(40px,5vw,90px) 9%}
.smile-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6%;align-items:center}
.smile-layout figure{margin:0;min-width:0}.smile-layout img{width:100%;aspect-ratio:1.9;object-fit:cover}
.smile-layout figcaption{font-size:12px;padding-top:14px;line-height:1.7;color:var(--text)}
.smile-copy{max-width:630px}.smile-copy h3{font-size:clamp(30px,3vw,56px)}.smile-copy .fine-print{margin-top:30px}
.patient-reviews{background:#f4f1f6}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.review-card{background:var(--paper);padding:clamp(24px,2.3vw,48px);display:flex;flex-direction:column;min-width:0;border:1px solid #e4dfe8}
.review-doctor{color:var(--purple);font-size:12px}.review-card blockquote{margin:24px 0 30px;font-size:clamp(15px,1.05vw,21px);line-height:1.8;color:var(--ink);letter-spacing:-.015em;flex:1}
.review-person{display:flex;gap:12px;align-items:center}.review-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e7ebe5;color:var(--ink);flex-shrink:0}
.review-person b,.review-person time{display:block}.review-person b{font-size:14px;font-weight:600;color:var(--ink)}.review-person time{font-size:12px}
.review-source{font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.review-context{max-width:1100px;margin-top:25px}
.clinic-location{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5%;align-items:stretch;background:#e9efeb}
.location-copy{padding-block:20px}.location-copy h2{font-size:clamp(38px,3.7vw,72px)}.location-copy address{font-style:normal;margin:30px 0 20px}.location-copy address strong,.location-copy address span{display:block}.location-copy address strong{font-weight:500;color:var(--ink)}
.location-copy>p{max-width:470px;font-size:15px;margin-top:22px}.location-phone{font-size:clamp(23px,2vw,36px);color:var(--ink);letter-spacing:-.04em}.map-panel{min-width:0;display:flex;flex-direction:column;min-height:480px;background:#fff}
.map-panel iframe{display:block;width:100%;height:100%;min-height:440px;border:0;flex:1}.map-panel>a{padding:12px 18px;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.section img,.section iframe{max-width:100%}.section>div{min-width:0}
@media(min-width:2100px){.cinema-copy>p{font-size:20px;max-width:600px}.cinema-copy .eyebrow{font-size:11px}.eyebrow{font-size:11px}.model-stage{height:580px}.story-chapter h3{font-size:54px}.story-chapter p{font-size:19px}.visit-steps span{font-size:16px}.visit-steps b{font-size:18px}}
@media(max-width:1200px){header{gap:15px}header nav{gap:12px;font-size:12px}.cinema-copy h1{font-size:clamp(48px,5.4vw,66px)}.cinema-image{height:clamp(480px,66vh,700px)}.hero-note{display:none}.portrait-card{display:block}.portrait-photo{height:clamp(300px,42vh,430px)}.portrait-card figcaption{padding:25px}.portrait-card h3{font-size:28px}.reviews-grid{gap:16px}.review-card{padding:24px}.review-card blockquote{font-size:15px}.visit-story{gap:4%}.visit-story>div:first-child{height:560px}}
@media(max-width:980px){header nav{font-size:15px;gap:18px}.cinema-hero{gap:24px}.cinema-copy h1{font-size:clamp(43px,5.5vw,57px)}.cinema-copy>p{font-size:15px}.cinema-copy .actions{flex-wrap:wrap}.cinema-image{height:570px}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.patient-reviews:not(.all-reviews) .review-card:last-child{grid-column:1/-1}.smile-layout{gap:4%}.solution-grid{gap:14px}.solution-grid h3{font-size:27px}.solution-grid p{font-size:14px}.clinic-location{grid-template-columns:1fr 1.1fr;gap:30px}.location-copy h2{font-size:40px}}
@media(max-width:760px){:root{--gutter:20px;--section-space:56px}header{height:74px;gap:10px;padding-inline:var(--gutter)}header nav{padding-inline:var(--gutter)}.cinema-hero{display:flex;gap:25px;padding-top:25px;padding-bottom:60px;min-height:0}.cinema-copy{padding:0}.cinema-copy h1{font-size:clamp(40px,10.3vw,66px)}.cinema-copy>p{font-size:15px}.cinema-image{height:clamp(340px,60svh,520px);min-height:0;flex:none}.hero-image-title{font-size:34px;left:24px;bottom:30px}.scroll-cue{font-size:9px}.section-title{display:block;margin-bottom:28px}.section-title h2{font-size:clamp(34px,8vw,46px)}.section-title>p{margin-top:22px;font-size:15px}.section-title>.text-link{display:inline-block;margin-top:22px}.scroll-story{display:block;padding-top:55px}.sticky-model{position:static}.story-chapter{min-height:0;padding:30px 0}.story-chapter p{font-size:15px}.scene-heading h2{font-size:36px}.solution-grid{grid-template-columns:1fr}.solution-grid h3{font-size:32px}.solution-grid p{font-size:15px}.human-interlude{display:flex}.human-interlude>div:first-child{min-height:320px}.interlude-copy{padding:38px var(--gutter)}.interlude-copy h2{font-size:39px}.interlude-copy p{font-size:15px}.craft{grid-template-columns:1fr;gap:30px}.craft-copy h2{font-size:45px}.model-stage,.ceramic-stage{height:360px}.home-materials{padding-bottom:55px}.portrait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}.portrait-photo{height:clamp(240px,40vh,350px)}.portrait-card figcaption{padding:20px}.portrait-card h3{font-size:24px}.portrait-card p{font-size:13px}.doctor-intro{grid-template-columns:1fr}.doctor-intro .portrait-photo{height:460px;max-width:none}.doctor-intro h1{font-size:40px}.visit-story{grid-template-columns:1fr;gap:32px}.visit-story>div:first-child{height:360px}.visit-story h2{font-size:38px}.visit-steps span{font-size:14px}.closing-scene{display:flex;margin-bottom:40px}.closing-scene>div:first-child{min-height:460px}.closing-scene>div:nth-child(2){padding:35px 25px}.smile-layout{grid-template-columns:1fr;gap:34px}.smile-layout img{aspect-ratio:1.6}.smile-copy h3{font-size:34px}.reviews-grid{grid-template-columns:1fr}.patient-reviews:not(.all-reviews) .review-card:last-child{grid-column:auto}.review-card blockquote{font-size:17px}.clinic-location{grid-template-columns:1fr;gap:25px}.location-copy{padding:0}.location-copy h2{font-size:42px}.map-panel{min-height:360px}.map-panel iframe{min-height:330px}.location-phone{font-size:28px}.editorial-content,.home-materials{max-width:none}.section.compact{padding-top:24px}}
@media(max-width:520px){.portrait-grid{grid-template-columns:1fr}.portrait-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.portrait-photo{height:300px}.portrait-card figcaption{padding:18px}.portrait-card h3{font-size:23px}.portrait-card .eyebrow{font-size:8px}.portrait-card p{font-size:12px}.portrait-card .text-link{font-size:12px}.reviews-grid{gap:16px}}
@media(max-width:370px){:root{--gutter:16px}.header-contact{font-size:10px}.header-contact span{font-size:8px}.logo-crop{width:100px}header{gap:6px}.cinema-copy h1{font-size:38px}.portrait-card{display:block}.portrait-photo{height:320px}.portrait-card figcaption{padding:22px}.portrait-card h3{font-size:27px}.hero-image-title{font-size:29px}.location-phone{font-size:25px}.button{max-width:100%;white-space:normal}.map-panel>a{padding-inline:12px}}
.portrait-photo>img,.doctor-intro .portrait-photo>img,.portrait-photo[data-doctor="samson"]>img{object-fit:cover;object-position:50% 35%}.portrait-card h3{letter-spacing:-.025em}
@media(max-width:370px){.logo-crop{width:100px;height:48px}.logo-crop img{width:112px;top:-34px;left:-4px}.header-contact{margin-left:auto}}