/* Shared visual tokens; content and interactions remain in their existing modules. */
:root{--accent:#08D0D8;--deep:#485058;--ink:#2F3840;--muted:#66707A;--pale:#F2FBFC;--neutral:#F7F8F9;--line:#DCE5E7;--radius:14px}body{font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.75;color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}h1,h2,h3,h4{color:var(--ink);font-weight:600;text-wrap:balance}body h1,body .hero h1,body .archive-main h1{font-size:54px;line-height:1.12;letter-spacing:-1.8px}body h2,body #services .section-heading h2,body #about .doctor-bio h2,body #questions.patient-faq h2,body .oto-complete .oto-intro h2,body .featured-videos h2{font-size:38px;line-height:1.25;letter-spacing:-1px;margin:18px 0 22px}body h3,body #about .doctor-details h3,body #contact .appointment-process h3,body #contact .appointment-location h3,body .oto-complete h3{font-size:26px;line-height:1.35;letter-spacing:-.45px}body .eyebrow{display:inline-block;font-size:12px!important;line-height:1.65!important;letter-spacing:1.3px!important;font-weight:600;color:var(--accent)!important;background:var(--deep);border-radius:4px;padding:4px 9px;text-transform:uppercase}body p{line-height:1.8}body .hero{background:var(--pale);gap:42px;padding-top:64px;padding-bottom:64px;border-radius:var(--radius)}body .hero h1 span{color:var(--ink)}body .hero-specialty{font-size:16px;color:var(--deep);margin-bottom:26px}body .hero .hero-sub{font-size:24px;line-height:1.45;letter-spacing:-.4px}body .hero-copy>.muted{font-size:18px;line-height:1.75}body .hero-location{font-size:14px;color:var(--muted)}body .hero .orb{background:#d9f5f6}body .section{padding-top:88px;padding-bottom:88px}body .facts strong{font-size:20px;color:var(--deep)}body .facts span{font-size:14px}body .facts{padding-top:34px;padding-bottom:34px}body .btn,body .btn.small,body .hero .btn,body #serviceDialog .btn,body .watch-contact .btn{background:var(--accent);color:var(--ink);font-size:15px;font-weight:600;min-height:50px;border:1px solid transparent;border-radius:9px;padding:13px 22px;line-height:1.45;transition:background .18s,border-color .18s;transform:none}body .btn:hover{background:#36d9df;transform:none}body .btn.outline,body .btn.white{background:white;color:var(--deep);border:1px solid var(--deep)}body .btn.outline:hover{background:var(--neutral);border-color:var(--ink);color:var(--ink)}body .text-link{font-size:16px;color:var(--deep);border-color:var(--accent)}body a:hover{color:var(--ink)}body a:focus-visible,body button:focus-visible,body summary:focus-visible{outline:3px solid var(--deep);outline-offset:4px}body header{gap:24px}body #nav{font-size:15px;gap:22px;font-weight:500}body .langs button{font-size:13px;min-height:40px;padding:6px}body .langs .active{color:var(--ink);border-bottom:2px solid var(--accent)}body #menu{background:var(--pale);color:var(--deep)}body #services .section-heading p.services-lead,body .featured-description,body .review p,body #questions.patient-faq p,body #about .doctor-details p,body #contact p,body .oto-complete p,body .archive-main>p{font-size:16px;line-height:1.8}body #services .service-tabs{background:var(--neutral);border-color:var(--line);border-radius:11px}body #services .service-tabs button{font-size:15px;min-height:48px;border-radius:8px;color:var(--deep)}body #services .service-tabs button[aria-selected=true],body .filters .selected,body .archive-filters button.active{background:var(--accent);color:var(--ink);border-color:var(--accent)}body .filters button,body #services .filters button,body .archive-filters button{font-size:14px;color:var(--deep);border-color:var(--line);min-height:44px}body #services .service-card{background:white;border:1px solid var(--line);padding:28px;border-radius:var(--radius);min-height:300px}body #services .service-card:hover{background:var(--pale);border-color:#a8dce0;transform:none}body #services .service-card h3,body .archive-card h3{font-size:24px;line-height:1.4;letter-spacing:-.4px}body #services .service-card p{font-size:16px;line-height:1.75}body #services .more{font-size:14px;color:var(--deep)}body #services .service-icon{color:var(--deep);background:var(--pale);border:1px solid var(--line);border-radius:10px}body #about.doctor-about{background:var(--deep);padding-bottom:0}body #about .doctor-bio h2{color:white}body #about .doctor-specialty{font-size:16px;color:#e3f0f2}body #about .doctor-bio>p:not(.doctor-specialty){font-size:16px;color:#f2f5f7;line-height:1.9}body #about .doctor-facts strong{font-size:18px}body #about .doctor-facts span{font-size:14px;color:#e3e8ec}body #about .doctor-details{background:white;padding:72px 0}body #about .doctor-timeline li{border-color:var(--line);grid-template-columns:100px 1fr;gap:20px;padding-bottom:32px}body #about .doctor-timeline li:before{background:var(--accent)}body #about .education-date{font-size:14px;color:var(--deep)}body #about .doctor-timeline h4,body #about .direction-grid h4{font-size:18px;line-height:1.55}body #about .doctor-timeline p{font-size:15px}body #about .direction-grid article{border-color:var(--line)}body #about .direction-grid article>span{font-size:14px;color:var(--muted)}body #about .doctor-approach{background:var(--neutral);border:1px solid var(--line);border-radius:var(--radius)}body #about .doctor-source,body #about .doctor-phone{font-size:15px;color:var(--deep)}body #about .doctor-booking .doctor-address{font-size:14px}body #about .doctor-booking h3,body #questions .faq-followup h3{font-size:26px}body .oto-symptoms{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}body .oto-symptoms article,body .oto-tests article{border-color:var(--line);border-radius:var(--radius);padding:26px}body .oto-icon svg{color:var(--deep)}body .oto-symptoms h3{font-size:24px}body .oto-complete h4,body #contact h4{font-size:18px;line-height:1.5}body .test-place{font-size:14px;color:var(--deep)}body .oto-test-note,body .oto-safety{font-size:14px!important}body .oto-safety{border-color:var(--accent)}body .oto-faq summary,body #questions.patient-faq summary{font-size:16px;line-height:1.65;min-height:48px}body summary:after{color:var(--deep)}body #questions.patient-faq .faq-answer p{font-size:16px;line-height:1.85}body #questions.patient-faq .faq-followup{background:var(--neutral);border:1px solid var(--line);border-radius:var(--radius);padding:30px}body .review{background:var(--pale);border:1px solid var(--line);padding-top:48px;padding-bottom:48px}body #contact .appointment-card,body #contact .appointment-location{border-radius:var(--radius);border-color:var(--line)}body #contact dt{font-size:14px}body #contact dd{font-size:16px}body #contact .appointment-hours,body #contact .appointment-note{font-size:14px}body #contact .appointment-process li{border-color:var(--line)}body #contact .appointment-process li>span{font-size:14px;color:var(--deep)}body footer{flex-wrap:wrap;gap:24px}body footer strong{font-size:16px}body footer p,body footer small,body .socials{font-size:14px}body .socials{flex-wrap:wrap}body dialog{border:1px solid var(--line);border-radius:var(--radius)}body dialog h2{font-size:28px}body dialog p{font-size:16px}body.videos-page{background:var(--neutral)}body .archive-header{font-size:15px}body .archive-header strong{font-size:16px}body .archive-main{padding-top:54px}body .archive-category{font-size:14px;color:var(--muted);line-height:1.6}body .archive-duration{font-size:13px;background:#485058e6}body .archive-thumb{border-radius:var(--radius);background:var(--pale)}body .archive-play{background:var(--accent);color:var(--ink)}body .archive-card:hover .archive-play{background:#36d9df}body .archive-grid{gap:34px 24px}body #videoViewer{background:white;border-radius:var(--radius)}body .watch-info h2{font-size:28px}body .watch-info>p,body .watch-contact p{font-size:16px}body .watch-nav button{color:var(--deep);border-color:var(--line)}body .watch-controls input{accent-color:var(--accent)}body .watch-controls button{width:42px;height:42px}body .watch-controls{gap:8px}body .viewer-close{font-size:15px}body .watch-info .eyebrow{background:var(--neutral);color:var(--deep)!important}body .archive-header{position:static}
@media(max-width:1100px){body header:not(.archive-header){height:85px;padding:12px 24px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}body #nav{display:none;position:absolute;top:85px;left:0;right:0;background:white;padding:22px 24px;flex-direction:column;gap:15px;font-size:16px;box-shadow:0 10px 20px #4850580a}body #nav.open{display:flex}body #menu{display:block;border:1px solid var(--line);min-width:44px;min-height:44px;border-radius:8px;font-size:22px}body .header-end>.btn{display:none}body .hero .hero-sub{font-size:22px}body .hero-copy>.muted{font-size:17px}body #about .doctor-intro{gap:34px}body #questions.patient-faq{gap:32px}body #questions.patient-faq .faq-followup{flex-wrap:wrap}body .archive-header{gap:15px}body .archive-header strong{font-size:14px}}
@media(max-width:767px){body{font-size:16px}body .wrap{padding-left:24px;padding-right:24px}body h1,body .hero h1,body .archive-main h1{font-size:38px;letter-spacing:-1px;line-height:1.16}body h2,body #services .section-heading h2,body #about .doctor-bio h2,body #questions.patient-faq h2,body .oto-complete .oto-intro h2,body .featured-videos h2{font-size:29px;line-height:1.3;letter-spacing:-.6px}body h3,body #about .doctor-details h3,body #contact .appointment-process h3,body #contact .appointment-location h3,body .oto-complete h3,body #about .doctor-booking h3,body #questions .faq-followup h3{font-size:22px}body .section{padding-top:58px;padding-bottom:58px}body .hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:32px;gap:0;border-radius:0}body .hero .eyebrow{max-width:100%;font-size:10px!important;letter-spacing:.8px!important}body .hero-specialty{font-size:14px;margin-bottom:22px}body .hero .hero-sub{font-size:20px}body .hero-copy>.muted{font-size:17px}body .hero-location{font-size:13px}body .btn,body .btn.small,body .hero .btn{font-size:15px;padding:13px 18px;min-width:0;min-height:50px}body .hero .actions{flex-wrap:wrap}body .hero .orb{max-width:100%}body .facts strong{font-size:17px}body .facts span{font-size:13px}body #services .service-tabs button{font-size:14px;padding:12px 10px}body #services .filters button,body .archive-filters button{font-size:13px;padding:10px 13px}body #services .service-grid{grid-template-columns:1fr}body #services .service-card{min-height:0;padding:26px}body #services .service-card h3,body .archive-card h3,body .oto-symptoms h3{font-size:22px}body #services .service-card p{font-size:16px}body #about .doctor-intro,body #about .doctor-approach,body #about .doctor-booking,body #questions.patient-faq{grid-template-columns:1fr}body #about .doctor-bio>p:not(.doctor-specialty){font-size:16px}body #about .doctor-specialty{font-size:14px}body #about .doctor-timeline li{grid-template-columns:1fr;gap:7px}body #about .doctor-details{padding:48px 0}body #about .doctor-facts{grid-template-columns:1fr}body #about .direction-grid{grid-template-columns:1fr}body #about .doctor-details p,body .oto-complete p,body #contact p,body #questions.patient-faq p{font-size:16px}body .oto-symptoms{grid-template-columns:1fr}body .oto-complete h4,body #contact h4{font-size:18px}body .oto-faq summary,body #questions.patient-faq summary{font-size:16px}body #questions.patient-faq .faq-followup{padding:24px}body #questions .faq-followup .btn{white-space:normal}body .review{border-radius:0}body .archive-header{padding:14px 20px;height:auto;min-height:80px;flex-wrap:wrap}body .archive-header>a{font-size:14px}body .archive-header strong{font-size:14px}body .archive-category{font-size:13px}body .archive-grid{gap:26px 16px}body .archive-main .archive-card h3{font-size:18px;line-height:1.45}body .featured-videos .archive-card{column-gap:18px}body .featured-videos .archive-card h3{font-size:20px}body .watch-info h2{font-size:24px}body .watch-controls input{width:60px}body .mobile-appointment .btn{font-size:15px;min-height:48px;padding:11px 14px}body .oto-cta h3{font-size:22px}body footer small{font-size:13px}}
body .hero .eyebrow{display:inline-block;width:fit-content}body .hero .hero-copy{min-width:0}body .oto-faq summary{align-items:center}body .archive-header .langs{flex-shrink:0}
body .oto-process li>span{color:var(--deep);font-size:14px}body .oto-process li,body .watch-contact{border-color:var(--line)}body #about .doctor-source{border-color:var(--line)}body #contact .appointment-note{border-color:var(--line)}body .watch-start{color:var(--ink);background:var(--accent)}

/* Clear section labels; dark brand background is reserved for the footer. */
body .eyebrow,body .hero .eyebrow,body .watch-info .eyebrow{background:transparent!important;color:var(--accent)!important;padding:0;border-radius:0}body #about.doctor-about{background:white;color:var(--ink)}body #about .doctor-bio h2{color:var(--ink)}body #about .doctor-specialty,body #about .doctor-bio>p:not(.doctor-specialty),body #about .doctor-facts span{color:var(--muted)}body #about .doctor-facts strong{color:var(--ink)}body #about .doctor-facts{border-color:var(--line)}body footer.site-footer{display:block;background:var(--deep);color:white;padding:52px 0 28px;margin:0;width:100%}body .footer-content{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:36px;align-items:start}body .footer-logo{width:170px;height:auto;filter:grayscale(1) invert(1) brightness(3);mix-blend-mode:screen}body .site-footer p,body .site-footer small{color:#f0f3f5;font-size:14px}body .footer-identity p{margin-top:18px;max-width:250px}body .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:13px 24px;padding-top:8px;font-size:15px}body .footer-contact{padding-top:8px}body .footer-phone{display:inline-block;font-size:21px;font-weight:600;letter-spacing:-.3px;margin-bottom:22px}body .site-footer .socials{display:flex;flex-wrap:wrap;gap:12px 18px;font-size:14px}body .site-footer a{color:white}body .site-footer a:hover{color:var(--accent)}body .site-footer a:focus-visible{outline-color:var(--accent)}body .site-footer [data-footer-rights]{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:24px;margin-top:8px;display:block} @media(max-width:950px){body .footer-content{grid-template-columns:1fr 1fr}body .footer-contact{grid-column:1/-1}}@media(max-width:600px){body footer.site-footer{padding-top:38px}body .footer-content{grid-template-columns:1fr;gap:24px}body .footer-links{gap:14px 20px}body .footer-contact{grid-column:auto}body .footer-logo{width:150px}body .footer-phone{font-size:22px}body .site-footer [data-footer-rights]{font-size:13px;margin-top:0}}
/* Focused portrait, fact, FAQ and patient review refinements. */
body .hero .orb{display:none}body .hero-art{height:auto;display:block;padding:10px;background:white;border:1px solid var(--line);border-radius:18px;max-width:440px;justify-self:center;width:100%}body .hero-art>img{width:100%;height:520px;object-fit:cover;object-position:center 15%;border-radius:11px;display:block}.language-flags{display:flex!important;gap:10px;align-items:center;min-height:30px}.language-flags svg{width:34px;height:22px;border:1px solid var(--line);border-radius:3px;flex-shrink:0}
body #questions.patient-faq details,body .oto-faq details{padding:0;margin-bottom:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}body #questions.patient-faq summary,body .oto-faq summary{background:var(--neutral);padding:18px 20px;font-weight:600;color:var(--ink);min-height:62px}body #questions.patient-faq details[open] summary,body .oto-faq details[open] summary{background:var(--pale);border-bottom:1px solid var(--line)}body #questions.patient-faq .faq-answer{padding:19px 22px 22px;border-left:3px solid var(--accent);margin:18px}body #questions.patient-faq .faq-answer p{padding:0;margin:0 0 12px;color:var(--deep);font-weight:400}body #questions.patient-faq .faq-answer p:last-child{margin-bottom:0}body .oto-faq details>p{padding:20px;margin:0;border-left:3px solid var(--accent)}
body .patient-reviews{display:block;padding:54px 0;border-left:0;border-right:0;border-radius:0;overflow:hidden;background:var(--neutral)}.reviews-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:32px}.reviews-heading>div:first-child{max-width:650px}.reviews-heading h2{font-size:36px}.reviews-heading p{font-size:16px}.reviews-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex-shrink:0}.reviews-window{overflow:hidden;width:100%}.reviews-track{display:flex;width:max-content;animation:patientReviews 110s linear infinite;gap:24px}.reviews-group{display:flex;gap:24px;align-items:stretch}.patient-review{width:360px;padding:27px;background:white;border:1px solid var(--line);border-radius:14px;flex-shrink:0}.review-person{display:flex;align-items:center;gap:12px}.review-initial{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--pale);color:var(--deep);font-size:18px;font-weight:600}.patient-review h3{font-size:16px!important;margin:0;letter-spacing:0!important;line-height:1.5!important;text-wrap:initial}.review-source{font-size:12px;color:var(--muted)}.review-stars{display:block;color:var(--deep);font-size:19px;letter-spacing:2px;margin:18px 0 12px}.patient-review blockquote{font-size:15px;line-height:1.8;color:var(--ink);margin:0}.reviews-window:hover .reviews-track,.reviews-window:focus-within .reviews-track,.reviews-paused .reviews-track{animation-play-state:paused}@keyframes patientReviews{to{transform:translateX(calc(-50% - 12px))}}@media(prefers-reduced-motion:reduce){.reviews-track{animation:none}.reviews-window{overflow-x:auto}.reviews-group[aria-hidden]{display:none}}@media(max-width:767px){body .hero-art{max-width:350px;margin-top:30px;padding:8px}body .hero-art>img{height:410px}body .reviews-heading{display:block;margin-bottom:26px}.reviews-actions{margin-top:22px;gap:16px}.patient-review{width:310px;padding:23px}.reviews-track,.reviews-group{gap:18px}.reviews-track{animation-name:patientReviewsMobile}@keyframes patientReviewsMobile{to{transform:translateX(calc(-50% - 9px))}}body #questions.patient-faq .faq-answer{margin:12px;padding:16px}body #questions.patient-faq summary{padding:16px}.language-flags{gap:8px}.language-flags svg{width:31px;height:21px}} 
/* Google review presentation: graphite surface, gold rating and 15% faster motion. */
body .patient-reviews{background:var(--deep);border-color:var(--deep)}body .patient-reviews .reviews-heading h2{color:white}body .patient-reviews .reviews-heading p{color:#f0f3f5}body .patient-reviews .reviews-actions .btn.outline{background:transparent;border-color:#fff;color:white}body .patient-reviews .reviews-actions .btn.outline:hover{background:#ffffff12}body .patient-reviews .reviews-actions .text-link{color:white;border-color:var(--accent)}body .patient-reviews .reviews-actions :focus-visible{outline-color:var(--accent)}body .patient-reviews .review-stars{color:#FBBC04}.reviews-track{animation-duration:95.652174s}
body #services .service-icon{width:56px;height:56px}body #services .service-icon svg{width:35px;height:35px;stroke-width:1.55}.langs{flex-shrink:0} @media(max-width:430px){body .langs{gap:2px}body .langs button{padding:5px;min-width:25px}body header:not(.archive-header){gap:10px;padding-left:18px;padding-right:18px}}

/* Full portrait framing in the two About photo placements. */
body #about .doctor-photo img{display:block;width:100%;max-width:350px;height:auto;aspect-ratio:1143/2048;object-fit:contain;object-position:center;margin:0 auto;border-radius:14px}
body #about .doctor-approach img{display:block;width:100%;max-width:280px;height:auto;aspect-ratio:1143/2048;object-fit:contain;object-position:center;margin:0 auto;border-radius:10px}
@media(max-width:680px){body #about .doctor-photo img{max-width:320px}body #about .doctor-approach img{max-width:270px}}