/*
Theme Name: Jandu Specialist Practice
Theme URI: https://mydomain.co.ke
Author: MyDomain Kenya
Description: Premium patient-facing paediatric and ENT specialist practice website for Dr. C.K. Jandu and Dr. H.S. Jandu.
Version: 4.2.0
Text Domain: jandu-specialist-practice
*/
:root{--ink:#102f3b;--ink2:#173f4b;--teal:#2f6f6a;--teal2:#dfecea;--cream:#f7f3ec;--paper:#fffdfa;--white:#fff;--text:#233941;--muted:#68777c;--line:#dfe7e5;--gold:#c69b5e;--serif:'DM Serif Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--shadow:0 26px 70px rgba(16,47,59,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 44px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;background:#fff;padding:10px 14px;z-index:999}.top-strip{background:#0b252e;color:rgba(255,255,255,.78);font-size:.68rem;letter-spacing:.04em}.top-strip-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,250,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(16,47,59,.07)}body.admin-bar .site-header{top:32px}.header-inner{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:180px}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-family:var(--serif);font-size:1.35rem}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:.88rem}.brand-copy small{font-size:.6rem;color:var(--muted);margin-top:4px}.desktop-nav{margin-left:auto}.desktop-nav ul{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}.desktop-nav a{font-size:.72rem;font-weight:700;color:#52666c}.desktop-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:999px;font-size:.76rem;font-weight:800;line-height:1.1;transition:.2s;border:1px solid transparent}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--teal)}.btn-outline{border-color:#bccbc8;background:transparent;color:var(--ink)}.btn-ghost{border-color:#bdcbc8;color:var(--ink);background:rgba(255,255,255,.45)}.btn-light{background:#fff;color:var(--ink)}.btn-outline-light{border-color:rgba(255,255,255,.45);color:#fff}.btn-small{padding:11px 15px}.full-btn{width:100%}.menu-toggle{display:none;background:none;border:0;font-size:1.45rem;color:var(--ink)}.mobile-nav{display:none;padding:8px 22px 22px;background:var(--paper);border-top:1px solid var(--line)}.mobile-nav.open{display:block}.mobile-nav ul{list-style:none;padding:0;margin:0 0 14px}.mobile-nav li{border-bottom:1px solid var(--line)}.mobile-nav a:not(.btn){display:block;padding:13px 0;font-size:.86rem;font-weight:700}
.eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:17px}.eyebrow.light{color:#a9d0c9}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.text-link{font-size:.78rem;font-weight:800;color:#fff}.dark-link{color:var(--ink)}.section{padding:105px 0}.section-soft{background:#f3f6f4}.section-title{font-family:var(--serif);font-size:clamp(2.7rem,5.2vw,5rem);line-height:.98;letter-spacing:-.025em;font-weight:400;margin:0}.compact-title{max-width:850px;font-size:clamp(2.5rem,4.7vw,4.2rem)}.section-copy{font-size:1rem;color:var(--muted);margin:0 0 15px}.large-copy{font-size:1.12rem;line-height:1.8}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}
.hero-home{background:linear-gradient(130deg,#f7f3ec 0,#eef5f2 65%,#e4efed 100%);overflow:hidden}.hero-home-grid{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:70px 0}.hero-copy h1{font-family:var(--serif);font-size:clamp(4rem,7vw,6.9rem);font-weight:400;line-height:.91;letter-spacing:-.035em;margin:0 0 25px;color:var(--ink)}.hero-copy h1 em{font-style:normal;color:var(--teal)}.hero-lead{max-width:650px;font-size:1.08rem;color:#50656c;margin:0 0 28px}.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:27px;color:#5c6f75;font-size:.7rem;font-weight:800}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row span:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal)}.hero-mosaic{position:relative;height:560px}.mosaic-building,.mosaic-doctor,.mosaic-ent{position:absolute;overflow:hidden;box-shadow:var(--shadow)}.mosaic-building{inset:0 0 0 80px;border-radius:34px}.mosaic-building img{width:100%;height:100%;object-fit:cover}.mosaic-building:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(16,47,59,.22))}.mosaic-doctor{width:220px;height:285px;left:0;bottom:28px;border:7px solid var(--paper);border-radius:28px;background:#e3ece9}.mosaic-doctor-visual .doctor-initials{min-height:100%;height:100%}.photo-label{position:absolute;left:12px;right:12px;bottom:12px;padding:11px 12px;background:rgba(255,255,255,.95);border-radius:12px;line-height:1.2}.photo-label strong{display:block;font-size:.7rem}.photo-label span{font-size:.62rem;color:var(--muted)}.mosaic-ent{right:-25px;top:35px;width:215px;border-radius:24px;background:var(--ink);color:#fff;padding:24px}.ent-art{display:flex;gap:15px;align-items:center}.ear-line{font-size:3.2rem;color:#9dccbf;line-height:1}.ent-art strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.1rem;line-height:1.1}.ent-art small{font-size:.6rem;color:rgba(255,255,255,.62)}
.choice-band{margin-top:-1px;background:var(--paper);padding:0 0 30px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:translateY(0)}.choice-card{position:relative;padding:40px;border:1px solid var(--line);border-radius:28px;background:#fff;min-height:275px}.choice-card h2{font-family:var(--serif);font-size:2.6rem;font-weight:400;margin:12px 0 10px}.choice-card p{max-width:500px;color:var(--muted);font-size:.9rem}.choice-card .text-link{position:absolute;left:40px;bottom:35px;color:var(--ink)}.choice-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.choice-dark p{color:rgba(255,255,255,.65)}.choice-dark .text-link{color:#fff}.choice-kicker{font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.choice-dark .choice-kicker{color:#a5cbc5}
.doctor-feature-grid{display:grid;gap:28px}.doctor-feature{display:grid;grid-template-columns:.76fr 1.24fr;min-height:420px;border-radius:30px;overflow:hidden;background:#fff;border:1px solid var(--line)}.doctor-feature-reverse{grid-template-columns:.76fr 1.24fr}.doctor-feature-photo{min-height:420px;background:#dfe9e6}.doctor-feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.paeds-photo .doctor-initials{min-height:100%;height:100%}.doctor-feature-copy{padding:52px;display:flex;flex-direction:column;justify-content:center}.role-label{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);font-weight:800}.doctor-feature-copy h3{font-family:var(--serif);font-weight:400;font-size:3rem;line-height:1;margin:11px 0 17px}.doctor-feature-copy p{color:var(--muted);max-width:650px}.credential-line{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 20px}.credential-line span{font-size:.68rem;font-weight:800;padding:8px 10px;border-radius:999px;background:var(--cream);color:#49616a}.ent-photo{background:linear-gradient(145deg,#173f4b,#2e6d68);color:#fff}.doctor-initials{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.13),transparent 35%),linear-gradient(145deg,#173f4b,#2f6f6a);color:#fff}.doctor-initials span{font-family:var(--serif);font-size:7rem;letter-spacing:.05em}.doctor-initials small{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#b9d5cf}
.location-section{display:grid;grid-template-columns:1.03fr .97fr;background:var(--ink);color:#fff}.location-image{min-height:620px}.location-image img{width:100%;height:100%;object-fit:cover}.location-copy{padding:95px 9vw 90px 7vw;display:flex;flex-direction:column;justify-content:center}.location-copy h2{font-family:var(--serif);font-size:clamp(3rem,5.8vw,5.5rem);font-weight:400;line-height:.95;margin:0 0 20px}.location-copy p{color:rgba(255,255,255,.68);font-size:1rem}.location-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 31px}.location-facts div{border-top:1px solid rgba(255,255,255,.22);padding-top:14px}.location-facts strong,.location-facts span{display:block}.location-facts strong{font-size:.78rem}.location-facts span{font-size:.68rem;color:rgba(255,255,255,.58);margin-top:4px}.cta-band{background:var(--teal);color:#fff;padding:75px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner h2{font-family:var(--serif);font-size:clamp(2.6rem,5vw,4.5rem);font-weight:400;line-height:.95;margin:0;max-width:700px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.page-hero{padding:105px 0;background:linear-gradient(130deg,var(--cream),#eaf2ef)}.page-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center}.page-hero h1,.simple-hero h1{font-family:var(--serif);font-size:clamp(3.6rem,6.8vw,6.5rem);font-weight:400;line-height:.92;letter-spacing:-.03em;margin:0 0 22px;color:var(--ink)}.page-hero p,.simple-hero p{font-size:1.06rem;color:var(--muted);max-width:720px}.page-hero-photo{border-radius:32px;overflow:hidden;aspect-ratio:4/4.4;box-shadow:var(--shadow);background:#e5ece9}.page-hero-photo img{width:100%;height:100%;object-fit:cover}.simple-hero .container{max-width:900px;margin-left:max(22px,calc((100vw - 1180px)/2))}.simple-hero{background:linear-gradient(130deg,#f7f3ec,#eef5f2)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.four-grid{grid-template-columns:repeat(2,1fr)}.service-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:250px}.service-card>span{font-family:var(--serif);font-size:2rem;color:var(--teal)}.service-card h3{font-family:var(--serif);font-size:1.6rem;font-weight:400;line-height:1.08;margin:17px 0 9px}.service-card p{font-size:.86rem;color:var(--muted);margin:0}.doctor-profile{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.profile-photo{position:relative;border-radius:30px;overflow:hidden;min-height:590px;background:#dfe9e6;box-shadow:var(--shadow)}.profile-photo>img{width:100%;height:100%;object-fit:cover;object-position:center top;position:absolute;inset:0}.profile-photo .doctor-initials{min-height:590px}.profile-caption{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,255,255,.95);padding:16px 18px;border-radius:15px;font-weight:800;font-size:.78rem}.profile-caption span{font-weight:600;color:var(--muted);font-size:.68rem}.profile-copy p{color:var(--muted)}.lead-paragraph{font-size:1.12rem!important;color:#3d535a!important}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}.credential-grid div{border-top:1px solid var(--line);padding-top:13px}.credential-grid strong,.credential-grid span{display:block}.credential-grid strong{font-size:.8rem}.credential-grid span{font-size:.7rem;color:var(--muted)}.prep-band{background:var(--ink);color:#fff;padding:80px 0}.prep-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.prep-grid h2,.hearing-section h2{font-family:var(--serif);font-size:clamp(2.7rem,5vw,4.6rem);font-weight:400;line-height:.96;margin:0}.prep-list{display:grid;gap:18px}.prep-list p{margin:0;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.14)}.prep-list strong,.prep-list span{display:block}.prep-list strong{font-size:.85rem}.prep-list span{font-size:.78rem;color:rgba(255,255,255,.63);margin-top:4px}.ent-visual{height:460px;border-radius:34px;background:linear-gradient(145deg,#102f3b,#2f6f6a);color:#fff;position:relative;overflow:hidden;display:flex;align-items:end;padding:34px;box-shadow:var(--shadow)}.ent-orbit{position:absolute;inset:0;display:grid;place-items:center}.ear-glyph{font-size:10rem;font-family:var(--serif);color:rgba(255,255,255,.85)}.wave{position:absolute;border:1px solid rgba(179,218,210,.34);border-radius:50%}.wave1{width:180px;height:180px}.wave2{width:290px;height:290px}.wave3{width:400px;height:400px}.ent-visual-copy{position:relative;z-index:2}.ent-visual-copy strong,.ent-visual-copy span{display:block}.ent-visual-copy strong{font-family:var(--serif);font-size:1.7rem;font-weight:400}.ent-visual-copy span{font-size:.7rem;color:#b8d7d1}.hearing-section{background:var(--teal);color:#fff;padding:95px 0}.hearing-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.hearing-grid p{color:rgba(255,255,255,.72);font-size:1rem}.hearing-art{height:350px;position:relative;display:grid;place-items:center}.sound-circle{width:160px;height:160px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:6rem}.sound-lines{position:absolute;inset:0;display:grid;place-items:center}.sound-lines i{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.sound-lines i:nth-child(1){width:210px;height:210px}.sound-lines i:nth-child(2){width:270px;height:270px}.sound-lines i:nth-child(3){width:330px;height:330px}.sound-lines i:nth-child(4){width:390px;height:390px}.profile-stack{display:grid;gap:35px}.full-profile{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#fff}.full-profile-media{min-height:600px;background:#e4ece9}.full-profile-media>img{width:100%;height:100%;object-fit:cover;object-position:center top}.full-profile-media .doctor-initials{min-height:600px}.full-profile-copy{padding:65px}.full-profile-copy h2{font-family:var(--serif);font-size:clamp(2.9rem,5vw,4.8rem);line-height:.98;font-weight:400;margin:10px 0 20px}.full-profile-copy p{color:var(--muted)}.full-profile-alt{background:#f5f7f5}
.doctor-initials-paeds{background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.14),transparent 30%),linear-gradient(145deg,#1c4652,#4f8b7d)}.care-visual{position:relative;height:100%;min-height:420px;display:flex;align-items:flex-end;justify-content:flex-start;padding:34px;background:radial-gradient(circle at 22% 26%,rgba(255,255,255,.14),transparent 28%),linear-gradient(145deg,#123542,#3c7d73);color:#fff;overflow:hidden}.care-rings{position:absolute;inset:0;display:grid;place-items:center}.care-rings i{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}.care-rings i:nth-child(1){width:180px;height:180px}.care-rings i:nth-child(2){width:280px;height:280px}.care-rings i:nth-child(3){width:380px;height:380px}.care-icon{position:absolute;left:42px;top:42px;width:84px;height:84px;border-radius:22px;background:rgba(255,255,255,.11);display:grid;place-items:center;font-size:2.4rem;font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.care-visual-copy{position:relative;z-index:2;max-width:360px}.care-visual-copy strong,.care-visual-copy span{display:block}.care-visual-copy strong{font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1}.care-visual-copy span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#c8e0da;margin-top:10px}.profile-photo .doctor-initials,.full-profile-media .doctor-initials{min-height:100%;height:100%}.appointment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.booking-card{border-radius:28px;padding:38px;background:#fff;border:1px solid var(--line)}.booking-card-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.booking-top{display:flex;align-items:center;gap:17px}.booking-icon{width:52px;height:52px;border-radius:17px;background:var(--teal2);color:var(--teal);display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem}.booking-card-dark .booking-icon{background:rgba(255,255,255,.09);color:#c0ddd7}.booking-top small{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--teal)}.booking-card-dark .booking-top small{color:#add0ca}.booking-top h2{font-family:var(--serif);font-weight:400;font-size:2.2rem;line-height:1.05;margin:3px 0 0}.booking-card p{color:var(--muted)}.booking-card-dark p{color:rgba(255,255,255,.63)}.booking-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.booking-details div{border-top:1px solid var(--line);padding-top:12px}.booking-card-dark .booking-details div{border-color:rgba(255,255,255,.18)}.booking-details span,.booking-details a{display:block}.booking-details span{font-size:.65rem;color:var(--muted)}.booking-card-dark .booking-details span{color:rgba(255,255,255,.5)}.booking-details a{font-weight:800;margin-top:3px}.appointment-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.hours-table{margin-top:28px}.hours-table div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--line);font-size:.84rem}.hours-table span{color:var(--muted)}.small-copy{font-size:.78rem;color:var(--muted)}.check-list{display:grid;gap:14px;margin-top:28px}.check-list div{display:grid;grid-template-columns:27px 1fr;gap:11px;align-items:start;font-size:.84rem}.check-list i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--teal2);color:var(--teal);display:grid;place-items:center;font-size:.7rem;font-weight:900}.location-mini{background:var(--ink);color:#fff;padding:65px 0}.location-mini-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.location-mini h2{font-family:var(--serif);font-size:3rem;font-weight:400;margin:0 0 7px}.location-mini p{color:rgba(255,255,255,.62);margin:0}
.patient-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.patient-block{padding:35px;border:1px solid var(--line);border-radius:24px;background:#fff}.patient-number{font-family:var(--serif);font-size:2rem;color:var(--teal)}.patient-block h2{font-family:var(--serif);font-weight:400;font-size:2rem;margin:14px 0}.patient-block p{color:var(--muted);font-size:.9rem}.hours-wide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.hours-wide div{border-top:1px solid var(--line);padding-top:15px}.hours-wide strong,.hours-wide span{display:block}.hours-wide strong{font-size:.8rem}.hours-wide span{font-size:.75rem;color:var(--muted);margin-top:3px}.emergency-band{background:#fff4e7;border-top:1px solid #efd4b0;border-bottom:1px solid #efd4b0;padding:35px 0}.emergency-band strong{font-family:var(--serif);font-size:1.8rem;font-weight:400}.emergency-band p{max-width:850px;color:#735f46;font-size:.86rem}.contact-grid-v3{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-main{border:1px solid var(--line);border-radius:28px;padding:45px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.contact-main-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.contact-main h2{font-family:var(--serif);font-weight:400;font-size:2.8rem;line-height:1.02;margin:0 0 25px}.big-phone{font-family:var(--serif);font-size:2.4rem;color:var(--teal);line-height:1;margin-bottom:6px}.contact-main-dark .big-phone{color:#bee0d9}.alt-phone{font-size:.78rem;color:var(--muted);margin-bottom:28px}.contact-main-dark .alt-phone{color:rgba(255,255,255,.58)}.contact-location{margin-top:10px}
.site-footer{background:#081f28;color:#fff;padding:80px 0 28px}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .8fr .9fr;gap:45px}.footer-mark{background:#fff;color:var(--ink);margin-bottom:20px}.footer-brand h3{font-family:var(--serif);font-size:2rem;line-height:1.02;font-weight:400;margin:0 0 13px}.footer-brand p,.footer-col p{font-size:.78rem;color:rgba(255,255,255,.56)}.footer-col strong{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:#9cc9c1;margin-bottom:13px}.footer-col a{display:block;font-size:.78rem;color:rgba(255,255,255,.72);margin:7px 0}.footer-col .hours{margin-top:18px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:.65rem;color:rgba(255,255,255,.42)}.mobile-sticky{display:none;position:fixed;bottom:0;left:0;right:0;z-index:120;background:#fff;border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);box-shadow:0 -9px 28px rgba(16,47,59,.08)}.mobile-sticky a{display:flex;align-items:center;justify-content:center;padding:12px 4px;border-right:1px solid var(--line);font-size:.66rem;font-weight:800}
@media(max-width:1050px){body.admin-bar .site-header{top:46px}.desktop-nav{display:none}.menu-toggle{display:block}.hero-home-grid,.page-hero-grid,.doctor-profile,.hearing-grid,.prep-grid,.appointment-info-grid{grid-template-columns:1fr}.hero-home-grid{padding:70px 0 85px}.hero-mosaic{height:520px}.choice-grid,.appointment-grid,.contact-grid-v3{grid-template-columns:1fr 1fr}.doctor-feature,.full-profile{grid-template-columns:.9fr 1.1fr}.location-section{grid-template-columns:1fr}.location-image{min-height:420px;order:2}.location-copy{padding:75px 28px}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}.section{padding:85px 0}.simple-hero .container{margin:auto}.page-hero-photo{max-height:520px}.profile-photo{min-height:520px}.profile-photo .doctor-initials{min-height:520px}}
@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.top-strip-inner{min-height:38px}.top-strip-inner span:last-child{display:none}.header-inner{min-height:72px}.brand-copy small{display:none}.header-actions>.btn{display:none}.hero-home-grid{min-height:auto;gap:45px}.hero-copy h1{font-size:clamp(3.4rem,15vw,5.3rem)}.hero-mosaic{height:470px}.mosaic-building{left:35px}.mosaic-doctor{width:180px;height:235px}.mosaic-ent{right:0;width:180px}.choice-grid,.service-grid,.four-grid,.patient-grid,.contact-grid-v3,.appointment-grid,.credential-grid,.hours-wide{grid-template-columns:1fr}.choice-card{min-height:250px;padding:30px}.choice-card .text-link{left:30px}.intro-grid{grid-template-columns:1fr;gap:28px}.section-heading-row{align-items:flex-start;flex-direction:column}.doctor-feature,.full-profile{grid-template-columns:1fr}.doctor-feature-photo,.full-profile-media{min-height:440px}.doctor-feature-copy,.full-profile-copy{padding:32px}.doctor-feature-copy h3{font-size:2.5rem}.doctor-initials{min-height:440px}.doctor-initials span{font-size:5.4rem}.location-facts{grid-template-columns:1fr}.cta-inner,.location-mini-grid{align-items:flex-start;flex-direction:column}.page-hero{padding:75px 0}.page-hero h1,.simple-hero h1{font-size:clamp(3.2rem,14vw,5rem)}.page-hero-grid{gap:38px}.page-hero-photo{aspect-ratio:4/4.7}.profile-photo{min-height:480px}.profile-photo .doctor-initials{min-height:480px}.prep-grid{gap:38px}.hearing-art{height:290px}.sound-lines i:nth-child(4){width:320px;height:320px}.booking-details{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.mobile-sticky{display:grid}body{padding-bottom:46px}.site-footer{padding-bottom:78px}}


/* v4 final identity and portrait system */
.brand-logo{min-width:260px;max-width:290px}.brand-logo-full{width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center}.brand-logo-icon{display:none;width:46px;height:46px;border-radius:13px}.footer-logo{width:min(290px,100%);height:auto;filter:brightness(0) invert(1);opacity:.96;margin-bottom:22px}.header-inner{gap:22px}.desktop-nav ul{gap:20px}.desktop-nav a{font-size:.69rem}
.hero-clinical-grid{position:relative;min-height:570px}.hero-equipment-card{position:absolute;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);background:var(--ink)}.hero-equipment-card img{width:100%;height:100%;object-fit:cover}.hero-equipment-paeds{left:0;top:30px;width:66%;height:400px}.hero-equipment-ent{right:0;bottom:0;width:58%;height:330px;border:7px solid var(--paper)}.hero-brand-seal{position:absolute;left:28px;bottom:32px;width:225px;background:rgba(255,255,255,.96);border:1px solid rgba(16,47,59,.08);border-radius:22px;padding:18px;box-shadow:0 18px 45px rgba(16,47,59,.14);z-index:4}.hero-brand-seal img{width:54px;height:54px;border-radius:15px;margin-bottom:10px}.hero-brand-seal strong,.hero-brand-seal span{display:block}.hero-brand-seal strong{font-family:var(--serif);font-size:1.08rem;line-height:1.05}.hero-brand-seal span{font-size:.62rem;color:var(--muted);margin-top:5px;line-height:1.45}
.doctor-real-photo{width:100%;height:100%;display:block;object-fit:cover}.doctor-feature-photo .doctor-real-photo{object-position:center 25%}.doctor-feature-photo .photo-ck{object-position:center 38%}.doctor-feature-photo .photo-hs{object-position:center 24%}.doctor-profile-real .doctor-real-photo{width:100%;height:100%;object-fit:cover}.doctor-profile-real .photo-ck{object-position:center 38%}.doctor-profile-real .photo-hs{object-position:center 20%}.full-profile-media.doctor-profile-real{position:relative;min-height:560px}.full-profile-media.doctor-profile-real .doctor-real-photo{position:absolute;inset:0}.profile-photo.doctor-profile-real{position:relative}.profile-photo.doctor-profile-real .doctor-real-photo{position:absolute;inset:0}.equipment-photo img{width:100%;height:100%;object-fit:cover}.equipment-feature{border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.equipment-feature img{width:100%;height:auto;display:block}.clinical-tools-section{background:var(--ink);color:#fff;padding:95px 0}.clinical-tools-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.clinical-tools-copy h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5rem);line-height:.95;font-weight:400;margin:0 0 20px}.clinical-tools-copy p{color:rgba(255,255,255,.66);max-width:560px}.clinical-tools-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-mini{border-radius:25px;overflow:hidden;background:#fff;color:var(--ink)}.tool-mini img{width:100%;aspect-ratio:4/3;object-fit:cover}.tool-mini span{display:block;padding:16px 18px;font-size:.76rem;font-weight:800}.professional-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:start}.professional-heading{font-family:var(--serif);font-size:2.4rem;line-height:1.15;font-weight:400;color:var(--ink);margin:0 0 26px}.large-chips{margin-top:30px}.large-chips span{font-size:.74rem;padding:10px 13px}.profile-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.profile-meta-grid div{border-top:1px solid var(--line);padding-top:13px}.profile-meta-grid strong,.profile-meta-grid span{display:block}.profile-meta-grid strong{font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.profile-meta-grid span{font-size:.78rem;color:var(--muted);margin-top:4px}.booking-photo-icon{overflow:hidden;padding:0;background:#dfe9e6!important}.booking-photo-icon .doctor-real-photo{width:100%;height:100%;object-fit:cover}.contact-doctor-thumb{width:82px;height:82px;border-radius:24px;overflow:hidden;margin-bottom:26px;background:#e1ece9}.contact-doctor-thumb .doctor-real-photo{width:100%;height:100%;object-fit:cover}.contact-main .contact-doctor-thumb .photo-ck{object-position:center 35%}.contact-main .contact-doctor-thumb .photo-hs{object-position:center 22%}.contact-email{font-size:.78rem;font-weight:700;margin:-12px 0 25px;color:inherit;opacity:.75}
@media(max-width:1180px){.brand-logo{min-width:215px;max-width:230px}.desktop-nav ul{gap:14px}.desktop-nav a{font-size:.65rem}}
@media(max-width:1050px){.brand-logo{min-width:220px;max-width:240px}.hero-clinical-grid{min-height:530px}.clinical-tools-grid,.professional-grid{grid-template-columns:1fr}.clinical-tools-cards{max-width:760px}.full-profile-media.doctor-profile-real{min-height:470px}}
@media(max-width:720px){.brand-logo{min-width:auto;max-width:none}.brand-logo-full{display:none}.brand-logo-icon{display:block}.hero-clinical-grid{min-height:460px}.hero-equipment-paeds{width:78%;height:320px}.hero-equipment-ent{width:66%;height:260px}.hero-brand-seal{left:10px;bottom:15px;width:190px;padding:14px}.hero-brand-seal img{width:44px;height:44px}.clinical-tools-cards{grid-template-columns:1fr}.full-profile-media.doctor-profile-real{min-height:390px}.profile-meta-grid{grid-template-columns:1fr}.contact-doctor-thumb{width:72px;height:72px}}


/* ===== v4.1 final visual polish ===== */
/* Keep large editorial headings fully inside their columns. */
.hero-home{overflow-x:clip;overflow-y:visible}
.hero-home-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:54px;padding:88px 0 92px}
.hero-copy{min-width:0;padding-top:8px}
.hero-copy h1{font-size:clamp(3.75rem,5.55vw,6rem);line-height:.96;letter-spacing:-.032em;max-width:760px}

/* Preserve the complete equipment illustrations, including their bottom captions. */
.hero-clinical-grid{min-height:545px;overflow:visible}
.hero-equipment-card{background:#173f4b}
.hero-equipment-card img{object-fit:contain;object-position:center}
.hero-equipment-paeds{left:0;top:20px;width:70%;height:auto;aspect-ratio:4/3}
.hero-equipment-ent{right:0;bottom:0;width:60%;height:auto;aspect-ratio:4/3}
.hero-brand-seal{left:18px;bottom:18px;width:218px}
.page-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:54px}
.page-hero h1,.simple-hero h1{font-size:clamp(3.35rem,5.65vw,5.75rem);line-height:.96}
.page-hero-photo.equipment-photo{aspect-ratio:4/3;align-self:center;background:#173f4b}
.page-hero-photo.equipment-photo img,.equipment-feature img,.tool-mini img{object-fit:contain;object-position:center}
.equipment-feature{background:#173f4b}
.tool-mini{background:#173f4b}
.tool-mini span{background:#fff}

/* Real portrait framing: Charanjeet is left-of-centre in the source photo. */
.doctor-feature-photo .photo-ck,
.doctor-profile-real .photo-ck,
.full-profile-media.doctor-profile-real .photo-ck,
.contact-main .contact-doctor-thumb .photo-ck,
.booking-photo-icon .photo-ck{object-position:38% center}
.doctor-feature-photo .photo-hs,
.doctor-profile-real .photo-hs,
.full-profile-media.doctor-profile-real .photo-hs,
.contact-main .contact-doctor-thumb .photo-hs,
.booking-photo-icon .photo-hs{object-position:center 24%}

/* Footer logo is now a transparent monochrome asset instead of a white rectangle. */
.footer-brand{min-width:0}
.footer-logo{display:block;width:min(275px,100%);max-height:112px;height:auto;object-fit:contain;object-position:left center;filter:none;opacity:1;margin:0 0 20px}
.footer-brand p{max-width:330px}

@media(max-width:1200px){
  .hero-home-grid{gap:42px}
  .hero-copy h1{font-size:clamp(3.55rem,5.35vw,5.55rem)}
  .page-hero h1,.simple-hero h1{font-size:clamp(3.2rem,5.3vw,5.25rem)}
}
@media(max-width:1050px){
  .hero-home-grid{padding:64px 0 78px;gap:42px}
  .hero-copy h1{max-width:850px;font-size:clamp(3.6rem,8vw,5.4rem)}
  .hero-clinical-grid{min-height:500px;max-width:760px;width:100%}
  .hero-equipment-paeds{width:66%}
  .hero-equipment-ent{width:57%}
  .page-hero-grid{gap:40px}
  .page-hero-photo.equipment-photo{max-width:760px;width:100%}
  .footer-grid{grid-template-columns:1.15fr 1fr 1fr}
  .footer-brand{grid-column:1 / -1;max-width:520px;margin-bottom:4px}
  .footer-col:last-child{grid-column:auto}
}
@media(max-width:720px){
  .hero-home{overflow:hidden}
  .hero-home-grid{padding:52px 0 66px;gap:34px}
  .hero-copy{padding-top:0}
  .hero-copy h1{font-size:clamp(3rem,13.5vw,4.45rem);line-height:.98}
  .hero-clinical-grid{min-height:410px}
  .hero-equipment-paeds{width:76%;top:5px}
  .hero-equipment-ent{width:63%;bottom:0;border-width:5px}
  .hero-brand-seal{left:8px;bottom:10px;width:180px;padding:13px}
  .page-hero h1,.simple-hero h1{font-size:clamp(3rem,12.8vw,4.4rem);line-height:.98}
  .page-hero-photo.equipment-photo{aspect-ratio:4/3;max-height:none}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto;margin-bottom:10px}
  .footer-logo{width:min(245px,82vw);max-height:100px}
}


/* ===== v4.2 mobile-first + AI-ready experience polish ===== */
.mobile-header-call{display:none}
.faq-section{background:var(--paper)}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}
.faq-grid details{border:1px solid var(--line);border-radius:20px;background:#fff;padding:0 22px}
.faq-grid summary{cursor:pointer;list-style:none;font-weight:800;font-size:.9rem;color:var(--ink);padding:20px 28px 20px 0;position:relative}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary:after{content:'+';position:absolute;right:0;top:16px;font-family:var(--serif);font-size:1.45rem;color:var(--teal)}
.faq-grid details[open] summary:after{content:'–'}
.faq-grid details p{color:var(--muted);font-size:.86rem;margin:-2px 0 20px}

@media(max-width:860px){
  .top-strip{display:none}
  .site-header{top:0}
  body.admin-bar .site-header{top:46px}
  .header-inner{min-height:72px;display:grid;grid-template-columns:48px 1fr 58px;align-items:center;gap:8px}
  .menu-toggle{display:flex;grid-column:1;grid-row:1;width:44px;height:44px;align-items:center;justify-content:flex-start;padding:0;border:0;background:transparent;font-size:1.75rem;line-height:1;color:var(--ink);cursor:pointer}
  .brand-logo{grid-column:2;grid-row:1;justify-self:center;min-width:0!important;max-width:none!important;width:auto}
  .brand-logo-full{display:none}
  .brand-logo-icon{display:block;width:48px;height:48px;border-radius:14px}
  .desktop-nav,.header-actions{display:none}
  .mobile-header-call{display:inline-flex;grid-column:3;grid-row:1;justify-self:end;align-items:center;justify-content:center;min-width:54px;height:40px;border-radius:999px;background:var(--ink);color:#fff;font-size:.7rem;font-weight:800}
  .mobile-nav{padding:6px 20px 20px;border-top:1px solid var(--line);box-shadow:0 18px 34px rgba(16,47,59,.08)}
  .mobile-nav ul{margin:0 0 14px}
  .mobile-nav a:not(.btn){padding:14px 0;font-size:.9rem}
  .mobile-nav .btn{width:100%;min-height:46px}

  .hero-home{overflow-x:clip;overflow-y:visible}
  .hero-home-grid{grid-template-columns:1fr!important;min-height:auto;padding:44px 0 48px;gap:32px}
  .hero-copy{padding:0;min-width:0}
  .hero-copy .eyebrow{font-size:.64rem;line-height:1.55;margin-bottom:14px}
  .hero-copy h1{font-size:clamp(2.85rem,10vw,3.55rem)!important;line-height:.96!important;letter-spacing:-.028em;max-width:620px;margin-bottom:20px}
  .hero-lead{font-size:.98rem;line-height:1.72;margin-bottom:22px}
  .hero-copy .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-copy .hero-actions .btn{min-height:46px;padding:12px 14px;font-size:.72rem}
  .trust-row{margin-top:20px;gap:8px 14px;font-size:.65rem;line-height:1.35}
  .hero-clinical-grid{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0!important;max-width:none!important;width:100%;overflow:visible}
  .hero-equipment-card{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:4/3;border:0!important;border-radius:20px;box-shadow:none;background:#173f4b}
  .hero-equipment-card img{object-fit:contain;object-position:center}
  .hero-brand-seal{display:none}

  .choice-band{padding:0 0 20px}
  .choice-grid{grid-template-columns:1fr!important;gap:12px}
  .choice-card{min-height:0;padding:26px 24px 64px;border-radius:22px}
  .choice-card h2{font-size:2.2rem;margin:8px 0}
  .choice-card .text-link{left:24px;bottom:24px}

  .section{padding:68px 0}
  .section-title{font-size:clamp(2.45rem,9vw,3.25rem);line-height:1}
  .compact-title{font-size:clamp(2.35rem,8.8vw,3.1rem)}
  .intro-grid{grid-template-columns:1fr;gap:24px}
  .large-copy{font-size:1rem;line-height:1.72}
  .section-heading-row{align-items:flex-start;flex-direction:column;margin-bottom:30px}

  .page-hero{padding:44px 0 48px}
  .page-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  .page-hero h1,.simple-hero h1{font-size:clamp(2.8rem,10vw,3.5rem)!important;line-height:.98!important;letter-spacing:-.025em;margin-bottom:18px}
  .page-hero p,.simple-hero p{font-size:.98rem;line-height:1.7}
  .page-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .page-hero .hero-actions .btn{min-height:46px;padding:12px 13px;font-size:.71rem}
  .page-hero-photo.equipment-photo{order:2;width:100%;max-width:none;aspect-ratio:4/3;border-radius:22px;box-shadow:none}

  .service-grid,.four-grid{grid-template-columns:1fr!important;gap:12px}
  .service-card{min-height:0;padding:24px;border-radius:20px}
  .service-card h3{font-size:1.5rem}

  .doctor-feature,.doctor-feature-reverse,.full-profile,.doctor-profile{grid-template-columns:1fr!important}
  .doctor-feature{min-height:0;border-radius:24px}
  .doctor-feature-photo{min-height:0!important;aspect-ratio:4/3}
  .doctor-feature-copy{padding:28px 24px}
  .doctor-feature-copy h3{font-size:2.35rem}
  .profile-photo.doctor-profile-real{min-height:0!important;aspect-ratio:4/3;border-radius:24px}
  .full-profile-media.doctor-profile-real{min-height:0!important;aspect-ratio:4/3}
  .full-profile-copy{padding:30px 24px}
  .profile-copy{min-width:0}
  .profile-caption{left:14px;right:14px;bottom:14px}

  .hearing-section,.prep-band,.clinical-tools-section{padding:64px 0}
  .hearing-grid,.prep-grid,.clinical-tools-grid,.professional-grid,.appointment-info-grid{grid-template-columns:1fr!important;gap:30px}
  .hearing-grid h2,.prep-grid h2,.clinical-tools-copy h2{font-size:clamp(2.45rem,9vw,3.2rem);line-height:1}
  .equipment-feature{border-radius:22px;box-shadow:none}
  .clinical-tools-cards{grid-template-columns:1fr 1fr;gap:10px}
  .tool-mini{border-radius:18px}
  .tool-mini span{padding:12px 14px;font-size:.69rem}

  .location-section{grid-template-columns:1fr}
  .location-copy{padding:58px 22px}
  .location-copy h2{font-size:clamp(2.7rem,9.5vw,3.5rem)}
  .location-facts{grid-template-columns:1fr;gap:8px}
  .location-image{min-height:300px;order:2}
  .cta-band{padding:58px 0}
  .cta-inner{align-items:flex-start;flex-direction:column}
  .cta-inner h2{font-size:clamp(2.6rem,9vw,3.35rem)}

  .faq-grid{grid-template-columns:1fr;margin-top:26px}
  .faq-grid details{padding:0 18px;border-radius:17px}
  .faq-grid summary{font-size:.86rem;padding:18px 26px 18px 0}
  .faq-grid details p{font-size:.83rem}

  .footer-grid{grid-template-columns:1fr!important;gap:30px}
  .footer-brand{grid-column:auto!important;margin-bottom:0}
  .footer-bottom{flex-direction:column;gap:8px}

  .mobile-sticky{display:grid;grid-template-columns:repeat(3,1fr)}
  .mobile-sticky a{min-height:50px;padding:12px 6px;font-size:.69rem}
  body{padding-bottom:50px}
  .site-footer{padding-bottom:84px}
}

@media(max-width:480px){
  .container{width:min(100% - 30px,1180px)}
  .header-inner{grid-template-columns:46px 1fr 54px}
  .mobile-header-call{min-width:50px;height:38px;font-size:.66rem}
  .hero-home-grid{padding:38px 0 42px}
  .hero-copy h1{font-size:clamp(2.7rem,12vw,3.25rem)!important}
  .hero-copy .hero-actions,.page-hero .hero-actions{grid-template-columns:1fr}
  .hero-clinical-grid{gap:8px}
  .hero-equipment-card{border-radius:17px}
  .trust-row{display:grid;grid-template-columns:1fr;gap:6px}
  .page-hero h1,.simple-hero h1{font-size:clamp(2.65rem,11.8vw,3.2rem)!important}
  .clinical-tools-cards{grid-template-columns:1fr}
  .doctor-feature-photo,.profile-photo.doctor-profile-real,.full-profile-media.doctor-profile-real{aspect-ratio:1/1}
}
