/* Shared Tooth Paradise palette and readable geometric typography. */
:root{--ink:#172e3b;--teal:#155761;--aqua:#b0e3e5;--pink:#eaf6f6;--yellow:#eaf6f6;--paper:#fffefa;--muted:#4e626c}
body{font-family:'Outfit',sans-serif}p{line-height:1.7}h1,h2,h3,h4{color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #147381;outline-offset:4px}header nav a:hover,.text-link:hover{color:#176e79}.button{background:var(--aqua);border-color:var(--aqua);color:var(--ink);font-weight:650;min-height:48px}.button:hover{background:#c8eff0;color:var(--ink)}.button.secondary{background:transparent;border:1px solid var(--teal);color:var(--ink)}.button.secondary:hover{background:#eaf6f6}.eyebrow{color:var(--teal)}.doctor-profile,.video-home .doctor-profile,.family-care-section,.clinic-tour,.service-hero,.related-care{background:#edf7f7}.care-block{background:#fffefa}.care-number{color:var(--teal)}.topbar{background:#172e3b;font-size:14px}.topbar a{font-size:14px}footer{background:#172e3b;color:#fff}footer p,footer a,footer span{color:#e3eeee}.service-cta,.booking{background:#eaf6f6}
/* One content group, with contrast controlled independently from the footage. */
.video-hero{padding:190px 7.5% 95px;min-height:clamp(730px,90svh,970px);align-items:center}.hero-shade{background:linear-gradient(90deg,rgba(9,24,37,.65),rgba(9,24,37,.58) 65%,rgba(9,24,37,.3)),linear-gradient(180deg,rgba(9,24,37,.2),transparent 45%)}.hero-shade:after{display:none}.welcome-content{display:block;max-width:1320px;margin:auto;width:100%}.welcome-content h1{max-width:870px;padding:0;text-align:left;line-height:1.12;font-size:clamp(42px,4.7vw,72px);letter-spacing:-.035em;color:#fff;text-shadow:none}.welcome-details{padding-top:0;max-width:660px}.welcome-details>p{font-size:20px;line-height:1.65;text-align:left;margin:28px 0 32px;text-shadow:none}.welcome-actions{justify-content:flex-start;gap:18px;flex-wrap:wrap}.welcome-actions .button{flex:initial;min-width:195px}.welcome-actions .secondary{background:transparent;color:#fff;border:1px solid #e3f5f6}.welcome-actions .secondary:hover{background:#fff;color:var(--ink)}.landing-header nav>a,.nav-services summary{text-shadow:none}.landing-header nav>a:hover{color:#b0e3e5}.landing-header .current{color:inherit}.video-home .landing-header{max-width:1560px}.landing-header nav{gap:22px}.trust-item span{color:var(--ink)}
/* Circular social actions with consistent touch targets and safe-area spacing. */
.whatsapp,.video-home .whatsapp,.instagram-float{left:max(16px,env(safe-area-inset-left));right:auto;width:54px;height:54px;min-width:54px;border-radius:50%;padding:12px;box-shadow:0 5px 18px #102a3b30;display:flex;align-items:center;justify-content:center}.whatsapp,.video-home .whatsapp{bottom:calc(90px + env(safe-area-inset-bottom));background:#087c5a;color:white}.instagram-float{bottom:calc(24px + env(safe-area-inset-bottom));background:#172e3b;color:white}.whatsapp span{display:none}.whatsapp svg,.video-home .whatsapp svg,.instagram-float svg{width:30px;height:30px}footer{padding-bottom:165px}
/* 360 viewer is created only after activation. */
.virtual-tour-card{overflow:hidden}.virtual-tour-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.virtual-tour-stage{grid-column:1/-1;position:relative;width:100%;aspect-ratio:16/9;background:#172e3b;border-radius:18px;overflow:hidden}.virtual-tour-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.virtual-tour-stage[hidden]{display:none}.tour-load{display:none}.js-tour .tour-load{display:inline-flex}.virtual-tour-status{grid-column:1/-1;margin:0;font-size:14px}.virtual-tour-card h3{line-height:1.2}
@media(max-width:1200px){.landing-header nav{gap:16px}.video-home .landing-header{gap:18px}.landing-header .logo{width:210px}}
@media(max-width:1100px){header:not(.landing-header){gap:16px;padding-inline:4%}header:not(.landing-header) nav{gap:16px}}
@media(max-width:1000px){.landing-header nav>a:hover{color:var(--teal)}.video-hero{padding-top:165px}.welcome-content h1{font-size:clamp(40px,6.7vw,62px);max-width:760px}}
@media(max-width:760px){.video-hero{min-height:780px;min-height:max(740px,100svh);padding:155px 7% 90px}.welcome-content h1{font-size:clamp(38px,8.8vw,54px);text-align:left}.welcome-content{max-width:570px}.welcome-details>p{font-size:18px;margin:24px 0 28px;text-align:left}.hero-shade{background:linear-gradient(180deg,rgba(9,24,37,.6),rgba(9,24,37,.65) 70%,rgba(9,24,37,.58))}.welcome-actions{gap:12px}.welcome-actions .button{min-width:0;padding:15px 20px;font-size:16px}.virtual-tour-stage{aspect-ratio:4/3}.topbar{height:auto;min-height:36px;flex-wrap:wrap}.landing-header .button{font-size:14px}.menu-toggle{min-width:44px;min-height:44px}}
@media(max-width:390px){.welcome-actions .button{width:100%}.landing-header .logo{max-width:32vw}.video-home .landing-header{gap:8px;padding-inline:4%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.button:hover{transform:none}}
/* Consistent surfaces without changing the approved photographs or illustrations. */
.pink,.yellow,.treatment-link:nth-child(n),.hours,.story-links a,.virtual-tour-card,.clinic-brand-feature,.all-care{background:#edf7f7}.pink-text{color:var(--teal)}.services,.specialities,.treatment-examples,.comfort-section{background:#fffefa}.doctor-photo{background:#e4f0f0}.patient-reviews{background:#172e3b}.patient-reviews h2{color:white}.patient-review h3{color:var(--ink)}.button.light{background:var(--aqua);border-color:var(--aqua);color:var(--ink)}.button.light:hover{background:#c8eff0}.review-controls button:hover{background:#294b5c}.patient-reviews a:focus-visible,.landing-header a:focus-visible,.landing-header summary:focus-visible,.landing-header button:focus-visible,.welcome-actions a:focus-visible{outline-color:#b0e3e5}.review-source{font-size:14px}.service-main,.service-aside{min-width:0}.text-link{font-size:16px}.treatment-link p{font-size:16px}
@media(max-width:760px){.landing-header nav a:focus-visible,.landing-header nav summary:focus-visible{outline-color:#147381}.virtual-tour-actions .button{width:100%}}