:root{--ink:#25473d;--deep:#1f4035;--cream:#f6f4ee;--paper:#fffcf6;--muted:#788078;--gold:#aa8d65;--line:#dce1d6;--sage:#e3e8dd;--peach:#f0e3d5;--sans:"DM Sans",sans-serif;--serif:"Cormorant Garamond",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}img{max-width:100%;height:auto}button{color:inherit}::selection{background:#ccd7bf}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.05;letter-spacing:-.035em}h1 em,h2 em{font-weight:400;color:var(--gold)}h1{font-size:clamp(68px,7.3vw,108px)}h2{font-size:clamp(44px,4.9vw,66px)}h3{font-size:20px;line-height:1.35;font-weight:500}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.section-shell{max-width:1230px;margin:auto;padding-inline:38px}.section-space{padding-top:100px;padding-bottom:100px}.skip-link{position:fixed;top:8px;left:8px;background:var(--deep);color:white;padding:10px 20px;z-index:200;transform:translateY(-150%)}.skip-link:focus{transform:none}.topline{height:37px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#e5eadc;font-size:10px;letter-spacing:.035em}.topline a{display:flex;align-items:center;gap:9px}.topline .icon{width:12px;height:12px}.header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:16px 40px;background:rgba(246,244,238,.96);border-bottom:1px solid #e5e6dd;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{border-radius:50%;object-fit:contain;width:52px;height:52px;background:#fff}.brand strong{display:block;font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.2}.brand small{display:block;font-size:7.5px;letter-spacing:.16em;margin-top:7px}.desktop-nav{display:flex;gap:27px;font-size:11px}.desktop-nav a{position:relative}.desktop-nav a:after{position:absolute;content:"";height:1px;bottom:-7px;inset-inline:0;background:var(--gold);transform:scaleX(0);transition:transform .2s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:18px}.language{background:none;border:0;padding:7px 0;display:flex;align-items:center;gap:6px;font-size:11px}.language .icon{width:15px;height:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:15px 24px;border:1px solid transparent;border-radius:3px;font-size:11px;line-height:1.5;font-weight:500;transition:transform .2s,background .2s;white-space:normal;text-align:center}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--deep);color:#fff}.button.primary:hover{background:#2e5848}.button.secondary{background:transparent;border-color:#bec9b9;color:var(--ink)}.button.cream{background:var(--paper);color:var(--deep)}.button .icon{width:17px;height:17px}.header-book{min-height:43px;padding:11px 17px;font-size:10px;gap:15px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:39px;height:39px;background:none;border:1px solid var(--line);border-radius:50%;flex-shrink:0}.mobile-menu-toggle{display:none}.mobile-nav{position:fixed;top:111px;inset-inline:0;z-index:49;background:var(--paper);padding:20px 30px;box-shadow:0 15px 25px #243c3312;flex-direction:column;gap:15px;font-size:15px}.mobile-nav:not([hidden]){display:flex}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:35px;position:relative;min-height:670px;padding-top:34px;padding-bottom:90px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.15em;font-weight:500;margin-bottom:24px}.tiny-spark{font-size:17px;color:var(--gold)}.hero h1{margin-bottom:25px}.hero-description{font-size:13px;line-height:1.95;max-width:390px;color:#748074;margin-bottom:30px}.hero-buttons{display:flex;align-items:center;gap:25px}.subtle-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:500}.subtle-link .icon{width:19px;height:19px}.subtle-link:hover{color:var(--gold)}.hero-note{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:23px;margin-top:35px;max-width:320px}.note-icon{width:42px;height:42px;border-radius:50%;background:var(--sage);display:grid;place-items:center}.hero-note strong{display:block;font-size:11px;font-weight:500;line-height:1.4}.hero-note p>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.hero-visual{position:relative;height:530px;align-self:end;margin-bottom:-10px}.portrait-arch{height:100%;position:relative;background:#dce3d5;border-radius:47% 47% 3px 3px;overflow:hidden;isolation:isolate}.portrait-orbit{position:absolute;width:89%;height:95%;border:1px solid #a8b69a;border-radius:50% 50% 0 0;bottom:-4%;left:5.5%;z-index:-1}.portrait-arch:after{content:"";width:350px;height:350px;border-radius:50%;background:#eff1dd;filter:blur(80px);position:absolute;left:5%;top:30%;z-index:-1}.portrait-arch img{height:100%;width:100%;object-fit:contain;object-position:center bottom;position:absolute;inset:0}.arch-label{position:absolute;top:43px;width:100%;text-align:center;font-size:7px;letter-spacing:.22em;color:#65795b}.portrait-badge{position:absolute;top:95px;inset-inline-end:-19px;display:flex;gap:8px;align-items:center;background:var(--paper);padding:14px 16px;box-shadow:0 7px 24px #142e2510;font-family:var(--serif);font-size:18px;transform:rotate(6deg)}.portrait-badge .icon{width:17px;height:17px;color:var(--gold)}.doctor-nameplate{position:absolute;left:22px;right:22px;bottom:22px;background:#fffdf7ef;backdrop-filter:blur(12px);padding:17px 20px;display:flex;align-items:center;gap:14px;border:1px solid #fff}.nameplate-mark{border:1px solid #c5b89d;width:38px;height:38px;display:grid;place-items:center;font-family:var(--serif);font-size:20px;color:var(--gold);border-radius:50%;flex-shrink:0}.doctor-nameplate strong{display:block;font-family:var(--serif);font-size:20px;font-weight:600;line-height:1.15}.doctor-nameplate div>span{display:block;font-size:8px;margin-top:5px;color:var(--muted);letter-spacing:.04em}.doctor-nameplate>.icon{margin-inline-start:auto;width:18px;height:18px;background:var(--sage);padding:3px;border-radius:50%}.hero-scroll{position:absolute;bottom:26px;inset-inline-start:38px;display:flex;align-items:center;gap:18px;font-size:9px;color:var(--muted)}.hero-scroll>span:last-child{font-size:18px;color:var(--gold)}.care-ribbon{display:flex;justify-content:center;align-items:center;gap:36px;padding:25px 25px;background:#ebece2;border-block:1px solid #e3e6da;font-family:var(--serif);font-size:20px}.care-ribbon .icon{width:16px;height:16px;color:var(--gold)}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.section-number{color:var(--gold);letter-spacing:0;font-size:10px}.about h2{margin-top:15px}.signature{font-family:var(--serif);font-style:italic;font-size:44px;color:var(--gold);transform:rotate(-8deg);margin-top:27px;display:inline-block;line-height:.7}.signature span{font-size:23px;display:block;margin-inline-start:40px}.large-text{font-family:var(--serif);font-size:29px;line-height:1.38;letter-spacing:-.015em}.about-body{padding-top:26px}.about-body>p:nth-child(2){color:var(--muted);font-size:12px;line-height:1.95;margin-top:22px}.about-points{display:grid;gap:12px;border-block:1px solid var(--line);padding:23px 0;margin:25px 0;font-size:11px}.about-points>div{display:flex;gap:12px;align-items:center}.point-tick{background:var(--sage);font-size:11px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center}.care{background:#eeeee5}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:80px;margin-bottom:45px}.section-heading>p{font-size:12px;line-height:1.95;color:var(--muted);max-width:300px;margin-bottom:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd7c6;border-inline-start:1px solid #cfd7c6}.service-card{border:0;border-inline-end:1px solid #cfd7c6;border-bottom:1px solid #cfd7c6;padding:30px 28px 24px;background:transparent;text-align:start;transition:background .2s,color .2s;display:flex;flex-direction:column;min-height:230px}.service-card.selected{background:var(--deep);color:#fff}.service-card:not(.selected):hover{background:#e3e8da}.service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;color:var(--gold);font-family:var(--serif);font-size:19px}.service-top .icon{height:32px;width:32px;stroke-width:1.15}.service-card h3{font-family:var(--serif);font-size:27px;margin-bottom:12px;letter-spacing:-.01em}.service-card p{font-size:11px;line-height:1.85;color:var(--muted);max-width:250px}.service-card.selected p{color:#cad4c2}.service-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;margin-top:auto;padding-top:22px}.service-bottom .icon{width:16px;height:16px}.service-detail{display:flex;align-items:center;gap:24px;background:var(--paper);padding:27px 30px;margin-top:18px;border:1px solid #e0e4d7}.detail-icon{background:var(--sage);border-radius:50%;height:55px;width:55px;display:grid;place-items:center;flex-shrink:0}.detail-icon .icon{width:29px;height:29px}.mini-label{font-size:7px;letter-spacing:.14em;color:var(--gold)}.service-detail h3{font-family:var(--serif);font-size:25px;margin:4px 0 8px}.service-detail p{font-size:11px;line-height:1.8;color:var(--muted);max-width:630px}.service-detail>.button{flex-shrink:0;margin-inline-start:auto;font-size:10px;gap:13px}.family{display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center}.family-art{background:#eee2d2;border-radius:3px;position:relative;display:flex;align-items:center;justify-content:center;min-height:370px;overflow:hidden}.family-art:before{content:"";width:270px;height:270px;border:1px solid #d3bda3;position:absolute;border-radius:50%;transform:rotate(-20deg)}.friendly-tooth{position:relative;width:170px;transform:rotate(-10deg)}.friendly-tooth svg{display:block}.art-spark{position:absolute;font-family:var(--serif);font-size:50px;color:#b4966d}.spark-one{top:38px;left:44px}.spark-two{bottom:80px;right:43px;font-size:35px}.art-doodle{position:absolute;top:78px;right:68px;font-size:45px;color:#7b8e66;transform:rotate(15deg)}.family-art-label{position:absolute;bottom:32px;left:10%;width:80%;text-align:center;font-size:8px;letter-spacing:.2em}.family-copy p{font-size:12px;line-height:1.95;color:var(--muted);margin:24px 0}.journey{background:var(--deep);color:var(--paper);position:relative;overflow:hidden}.journey:after{content:"✦";position:absolute;top:-160px;right:-90px;font-family:var(--serif);font-size:600px;line-height:1;opacity:.035;pointer-events:none}.journey .section-heading{align-items:center}.journey h2 em{color:#d0ba91}.eyebrow.light{color:#c5d2ba}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;position:relative}.journey-grid article{border-top:1px solid #627561;padding-top:22px}.journey-number{font-family:var(--serif);font-size:30px;color:#c9b18a;display:block;margin-bottom:16px}.journey-grid h3{font-family:var(--serif);font-size:30px;margin-bottom:12px}.journey-grid p{font-size:11px;color:#bdcbb5;line-height:1.95;max-width:280px}.clinic-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.clinic-card{border:1px solid var(--line);background:#fcfaf3}.city-art{height:195px;position:relative;overflow:hidden;color:#a7b298;background:#e5e8dc;display:flex;align-items:start;justify-content:center;padding-top:30px}.city-art>span{font-size:11px;letter-spacing:.5em;font-weight:400;color:#7f9271;z-index:1}.city-art svg{position:absolute;bottom:0;left:0;width:100%;height:170px}.sharjah-art{background:#eee3d5;color:#baa48a}.sharjah-art>span{color:#a68e73}.clinic-content{padding:30px}.clinic-title{display:flex;align-items:center;gap:15px;margin-bottom:20px}.city-pill{font-size:8px;background:var(--sage);padding:5px 9px;letter-spacing:.1em}.city-pill.peach{background:var(--peach)}.clinic-title h3{font-family:var(--serif);font-size:30px}.clinic-content>p,.clinic-phone{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);min-height:25px}.clinic-content>p .icon,.clinic-phone .icon{width:16px;height:16px}.clinic-phone{margin-top:10px}.clinic-actions{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;display:flex;gap:25px;align-items:center}.clinic-actions .button{font-size:10px;gap:26px;min-height:46px}.clinic-actions .subtle-link{font-size:10px}.faq-section{display:grid;grid-template-columns:.95fr 1.15fr;gap:100px;padding-top:30px}.faq-heading>p{font-size:12px;line-height:1.95;color:var(--muted);max-width:285px;margin:25px 0}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:25px;cursor:pointer;font-size:12px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{font-size:22px;color:var(--gold);font-weight:400;transition:transform .2s;line-height:1;flex-shrink:0}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-list details p{font-size:11px;line-height:1.95;color:var(--muted);padding-top:18px;padding-inline-end:25px}.appointment-wrap{background:#e7e8db;padding:85px 0}.appointment{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:center}.appointment-copy{position:relative;min-width:0}.appointment-copy>p{font-size:12px;line-height:1.95;color:var(--muted);max-width:320px;margin:24px 0}.appointment-phone{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:28px}.appointment-phone .icon{width:19px;height:19px;color:var(--gold)}.contact-email{font-size:12px;color:#7f8c76;display:block;margin:10px 0 24px}.appointment-socials{display:flex;gap:20px;font-size:10px}.appointment-socials a{display:flex;align-items:center;gap:5px}.appointment-socials .icon{width:13px;height:13px}.large-spark{display:block;font-family:var(--serif);font-size:80px;line-height:1;color:#b09b75;margin-top:30px}.booking-form{padding:32px;background:var(--paper);border:1px solid #dedfce;box-shadow:0 15px 50px #31442b06}.form-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px;font-family:var(--serif);font-size:29px}.form-head .icon{width:23px;height:23px;color:var(--gold)}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;min-width:0}.field>span{font-size:10px}.field input,.field select{width:100%;min-width:0;height:45px;border:1px solid #dce1d2;border-radius:2px;padding:10px 12px;color:var(--ink);background:transparent;font-size:11px}.field input::placeholder{color:#9aa28e}.field select{padding-inline-end:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.booking-submit{width:100%;justify-content:space-between;font-size:11px}.booking-submit>span{flex:1}.booking-note{font-size:9px;line-height:1.9;color:#8a9581;margin-top:15px}.booking-feedback{font-size:11px;line-height:1.8;background:var(--sage);padding:12px;margin-top:12px}.footer{padding-top:40px;padding-bottom:23px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--line);gap:30px}.footer-links{display:flex;gap:30px;font-size:10px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;color:#85917d;margin-top:20px}.footer-bottom>div{display:flex;gap:20px}.text-button{padding:0;border:0;background:transparent;font-size:inherit;line-height:inherit}.floating-chat{position:fixed;z-index:40;bottom:24px;inset-inline-end:25px;display:flex;align-items:center;gap:10px;background:var(--deep);color:white;border-radius:40px;padding:14px 20px;font-size:11px;box-shadow:0 5px 22px #132d3025;border:1px solid #47664e}.floating-chat .icon{width:22px;height:22px}.floating-chat:hover{background:#39604a}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:min(530px,calc(100vw - 30px));padding:28px;border-radius:6px}dialog::backdrop{background:#182e29a8;backdrop-filter:blur(5px)}.privacy-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.privacy-head h2{font-size:35px}.privacy-head .icon-button{border:0}.privacy-head .icon{width:21px;height:21px}dialog>p{font-size:13px;line-height:1.95;color:var(--muted);margin-bottom:22px}dialog>a{font-size:14px}.noscript-note{background:var(--paper);padding:15px;text-align:center}
html[lang=ar]{--sans:"Noto Sans Arabic",sans-serif;--serif:"Noto Sans Arabic",sans-serif}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:-.045em;font-weight:400;line-height:1.45}html[lang=ar] h1{font-size:clamp(47px,5.3vw,75px)}html[lang=ar] h2{font-size:clamp(31px,3.3vw,46px)}html[lang=ar] h1 em,html[lang=ar] h2 em{font-style:normal;font-weight:500}html[lang=ar] .eyebrow{letter-spacing:0;font-size:10px}html[lang=ar] .brand strong{font-size:19px}html[lang=ar] .brand small{font-size:8px;letter-spacing:0}html[lang=ar] .hero-description{font-size:13px;line-height:2.1}html[lang=ar] .directional{transform:scaleX(-1)}html[lang=ar] .signature{font-family:"Cormorant Garamond",Georgia,serif;direction:ltr}html[lang=ar] .large-text{font-size:23px;line-height:1.95}html[lang=ar] .service-card h3{font-size:21px;line-height:1.7}html[lang=ar] .service-detail h3{font-size:20px}html[lang=ar] .service-card p{line-height:2}html[lang=ar] .journey-grid h3{font-size:24px}html[lang=ar] .journey-grid p{line-height:2}html[lang=ar] .clinic-title h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:30px}html[lang=ar] .appointment-phone{font-family:"Cormorant Garamond",Georgia,serif}html[lang=ar] .form-head{font-size:24px}html[lang=ar] .care-ribbon{font-size:16px}html[lang=ar] .doctor-nameplate strong{font-size:17px}html[lang=ar] .portrait-badge{font-size:16px}html[lang=ar] .hero-note strong{font-size:11px}html[lang=ar] .family-art-label{font-size:10px;letter-spacing:0}html[lang=ar] .privacy-head h2{font-size:25px}
@media(min-width:1500px){.header{padding-inline:max(40px,calc((100vw - 1230px)/2 + 38px))}.topline{padding-inline:max(44px,calc((100vw - 1230px)/2 + 38px))}}
@media(max-width:1120px){.desktop-nav{gap:18px;font-size:10px}.header{padding-inline:26px;gap:20px}.brand strong{font-size:20px}.brand small{font-size:6.5px}.header-actions{gap:13px}.section-shell{padding-inline:32px}.hero{gap:20px;min-height:630px}.hero-visual{height:480px}.hero h1{font-size:83px}.hero-buttons{gap:17px;flex-wrap:wrap}.hero-buttons .button{padding:14px 18px;font-size:10px;gap:15px}.hero-description{max-width:350px}.hero .eyebrow{font-size:8px;gap:10px}.care-ribbon{gap:22px;font-size:18px}.about,.family,.appointment{gap:60px}.faq-section{gap:70px}.service-detail{gap:18px;padding:23px}.service-detail>.button{max-width:175px;padding-inline:15px}.section-space{padding-top:80px;padding-bottom:80px}.faq-section{padding-top:15px}.portrait-badge{inset-inline-end:-10px}.doctor-nameplate{left:15px;right:15px;padding:15px}.doctor-nameplate strong{font-size:18px}.form-row{gap:12px}.booking-form{padding:26px}}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.header{padding:14px 26px}.header-actions{gap:18px}.header-book{display:none}.topline{padding-inline:26px}.mobile-nav{top:118px}.hero{padding-top:45px;gap:20px;min-height:590px;padding-bottom:75px}.hero h1{font-size:72px}.hero .eyebrow{font-size:7px}.hero-visual{height:440px}.portrait-badge{top:80px;font-size:15px;padding:10px}.arch-label{font-size:5.7px;top:38px}.doctor-nameplate{padding:12px;gap:10px;left:11px;right:11px;bottom:14px}.doctor-nameplate strong{font-size:17px}.nameplate-mark{width:30px;height:30px;font-size:16px}.doctor-nameplate div>span{font-size:7px}.hero-description{font-size:12px;line-height:1.9}.hero-buttons{gap:17px}.hero-buttons .subtle-link{font-size:10px}.hero-note{margin-top:23px;padding-top:19px;gap:10px}.hero-note p>span{font-size:9px}.care-ribbon{font-size:16px;gap:20px;flex-wrap:wrap;padding:20px 25px}.care-ribbon>span:last-child{display:none}.care-ribbon .icon{height:13px;width:13px}.about,.family{gap:45px}.about .large-text{font-size:25px}.service-card{padding:25px 22px}.service-card h3{font-size:25px}.service-detail{flex-wrap:wrap}.service-detail>div:nth-child(2){flex:1;min-width:200px}.service-detail>.button{margin-inline-start:74px;max-width:unset;min-height:43px}.section-heading{gap:45px}.section-heading>p{max-width:260px;font-size:11px}.family-art{min-height:340px}.family-art-label{font-size:6.5px;letter-spacing:.15em}.journey-grid{gap:30px}.journey-grid h3{font-size:26px}.clinic-content{padding:24px}.clinic-actions{gap:15px;flex-wrap:wrap}.clinic-actions .button{gap:18px}.clinic-title h3{font-size:27px}.clinic-title{gap:10px}.faq-section{gap:45px}.appointment{gap:40px}.appointment h2{font-size:51px}.form-head{font-size:25px}.booking-form{padding:25px}.form-row{grid-template-columns:1fr}.form-row .field{margin-bottom:17px}.appointment-copy .eyebrow{font-size:7px}.large-spark{font-size:75px}.footer-bottom{font-size:7px}.footer-links{gap:20px}html[lang=ar] h1{font-size:51px}html[lang=ar] h2{font-size:35px}html[lang=ar] .hero .eyebrow{font-size:8px}html[lang=ar] .large-text{font-size:21px}html[lang=ar] .brand strong{font-size:18px}html[lang=ar] .doctor-nameplate strong{font-size:14px}html[lang=ar] .care-ribbon{font-size:13px}html[lang=ar] .service-card h3{font-size:18px}}
@media(max-width:650px){.section-shell{padding-inline:23px}.topline{padding-inline:23px;font-size:8px;height:34px}.topline a{gap:5px}.topline .icon{display:none}.header{padding:12px 20px;gap:15px}.brand{gap:9px}.brand img{width:44px;height:44px}.brand strong{font-size:20px}.brand small{font-size:6px;margin-top:5px;letter-spacing:.1em}.header-actions{gap:14px}.language{font-size:10px;gap:4px}.language .icon{width:13px;height:13px}.mobile-menu-toggle{width:34px;height:34px}.mobile-menu-toggle .icon{width:19px;height:19px}.mobile-nav{top:103px}.hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:55px;gap:35px;overflow:hidden;min-height:unset}.hero-copy{padding-inline-end:0}.hero .eyebrow{font-size:7.5px;margin-bottom:16px;gap:9px}.hero h1{font-size:76px;margin-bottom:20px}.hero-description{max-width:100%;font-size:12px;line-height:1.95;margin-bottom:23px}.hero-buttons{gap:24px;flex-wrap:nowrap}.hero-buttons .button{font-size:10px;min-height:48px;padding:13px 16px;gap:14px}.hero-buttons .subtle-link{font-size:9px;gap:8px}.hero-note{margin-top:25px;padding-top:18px;max-width:100%;gap:12px}.note-icon{width:36px;height:36px}.hero-note strong{font-size:10px}.hero-note p>span{font-size:9px}.hero-visual{height:450px;max-width:410px;width:100%;margin:auto}.portrait-arch{border-radius:47% 47% 2px 2px}.portrait-badge{top:80px;inset-inline-end:-4px;font-size:16px;padding:12px}.arch-label{font-size:6px;top:34px}.doctor-nameplate{left:15px;right:15px;bottom:18px;padding:14px 15px;gap:13px}.doctor-nameplate strong{font-size:20px}.doctor-nameplate div>span{font-size:8px}.nameplate-mark{width:35px;height:35px;font-size:19px}.hero-scroll{bottom:13px;inset-inline-start:23px;font-size:8px}.care-ribbon{justify-content:space-between;font-size:14px;padding:19px 23px;gap:12px;flex-wrap:nowrap}.care-ribbon>span:nth-of-type(3),.care-ribbon>.icon:last-of-type{display:none}.section-space{padding-top:65px;padding-bottom:65px}.about,.family,.appointment,.faq-section{grid-template-columns:1fr;gap:30px}.about-heading{display:grid;grid-template-columns:1fr auto;align-items:end}.about-heading .eyebrow{grid-column:1/-1}.about-heading h2{margin-top:0}.signature{font-size:40px;margin-bottom:10px;margin-top:0}.signature span{font-size:20px;margin-inline-start:22px}.about-body{padding-top:0}.about .large-text{font-size:27px;line-height:1.5}.about-body>p:nth-child(2){font-size:12px;margin-top:18px}.about-points{padding:20px 0;margin:20px 0;font-size:11px}.eyebrow{font-size:8px;margin-bottom:18px;gap:12px}h2{font-size:50px}.section-heading{flex-direction:column;align-items:start;gap:22px;margin-bottom:30px}.section-heading>p{max-width:100%;font-size:12px;line-height:1.9;margin-bottom:0}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:22px 17px;min-height:238px}.service-top{margin-bottom:20px;font-size:18px}.service-top .icon{width:27px;height:27px}.service-card h3{font-size:25px;line-height:1.15;min-height:55px}.service-card p{font-size:10px;line-height:1.85}.service-bottom{font-size:8px;gap:8px;padding-top:18px}.service-bottom .icon{width:14px;height:14px}.service-detail{padding:21px 17px;gap:15px}.detail-icon{width:39px;height:39px}.detail-icon .icon{width:23px;height:23px}.service-detail h3{font-size:23px}.service-detail p{font-size:10px;line-height:1.95}.service-detail>div:nth-child(2){min-width:180px}.service-detail>.button{margin-inline-start:54px;font-size:9px;min-height:40px;padding:10px 15px}.mini-label{font-size:6px;letter-spacing:.1em}.family-art{min-height:300px;grid-row:2}.family-copy p{font-size:12px;margin:20px 0}.family-art:before{width:235px;height:235px}.friendly-tooth{width:145px}.family-art-label{font-size:8px;bottom:26px}.spark-one{font-size:45px;top:27px}.spark-two{font-size:29px;bottom:58px}.art-doodle{font-size:40px;top:40px;right:50px}.journey .section-heading{flex-direction:row;gap:20px;align-items:end}.journey .section-heading .button{font-size:9px;gap:9px;min-height:43px;padding:11px 13px}.journey h2{font-size:43px}.journey .eyebrow{font-size:7px}.journey-grid{grid-template-columns:1fr;gap:27px}.journey-grid article{display:grid;grid-template-columns:45px 1fr;column-gap:18px;padding-top:22px}.journey-number{grid-row:1/3;line-height:1.1;font-size:30px}.journey-grid h3{font-size:27px;margin-bottom:9px}.journey-grid p{font-size:11px;max-width:100%}.clinic-grid{grid-template-columns:1fr;gap:23px}.city-art{height:165px;padding-top:26px}.city-art svg{height:145px}.clinic-content{padding:25px}.clinic-title h3{font-size:30px}.clinic-content>p,.clinic-phone{font-size:11px}.clinic-actions{flex-wrap:nowrap;gap:24px}.clinic-actions .button{gap:24px}.faq-section{padding-top:0;gap:27px}.faq-heading>p{max-width:100%;margin:20px 0;font-size:12px}.faq-list summary{font-size:12px}.faq-list details{padding:19px 0}.faq-list details p{font-size:11px}.appointment-wrap{padding:60px 0}.appointment{gap:30px}.appointment-copy .eyebrow{font-size:7px}.appointment h2{font-size:56px}.appointment-copy>p{max-width:100%;margin:21px 0}.appointment-phone{font-size:27px}.large-spark{display:none}.appointment-socials{font-size:11px;gap:22px}.contact-email{font-size:12px;margin-bottom:20px}.booking-form{padding:24px 21px}.form-head{font-size:27px;margin-bottom:22px;padding-bottom:17px}.form-row{grid-template-columns:1fr 1fr;gap:12px}.field>span{font-size:9px}.field input,.field select{font-size:10px;padding:9px;height:45px}.booking-submit{font-size:10px;min-height:50px;gap:15px}.booking-note{font-size:9px}.footer{padding-top:28px;padding-bottom:85px}.footer-top{align-items:start;flex-direction:column;gap:25px;padding-bottom:25px}.footer-links{gap:28px;font-size:10px}.footer-bottom{flex-direction:column;align-items:start;gap:13px;font-size:8px;margin-top:19px}.footer-bottom>div{gap:25px}.floating-chat{bottom:18px;inset-inline-end:18px;padding:12px 16px;font-size:10px;gap:8px}.floating-chat .icon{width:20px;height:20px}.privacy-head h2{font-size:30px}dialog{padding:24px}dialog>p{font-size:12px}html[lang=ar] h1{font-size:54px;line-height:1.5}html[lang=ar] h2{font-size:36px;line-height:1.55}html[lang=ar] .hero .eyebrow{font-size:8px}html[lang=ar] .brand strong{font-size:17px}html[lang=ar] .brand small{font-size:7px}html[lang=ar] .hero-description{font-size:12px;line-height:2.2}html[lang=ar] .hero-buttons .button{font-size:9px}html[lang=ar] .hero-buttons .subtle-link{font-size:8px}html[lang=ar] .doctor-nameplate strong{font-size:16px}html[lang=ar] .care-ribbon{font-size:11px}html[lang=ar] .large-text{font-size:22px;line-height:1.95}html[lang=ar] .service-card h3{font-size:19px;line-height:1.7;min-height:58px}html[lang=ar] .service-detail h3{font-size:18px;line-height:1.7}html[lang=ar] .service-card p{font-size:10px;line-height:2}html[lang=ar] .journey h2{font-size:29px}html[lang=ar] .journey-grid h3{font-size:23px}html[lang=ar] .journey .section-heading .button{font-size:8px}html[lang=ar] .form-head{font-size:23px}html[lang=ar] .appointment-phone{font-size:28px}}
@media(max-width:370px){.hero h1{font-size:65px}.hero-buttons{gap:15px}.hero-buttons .button{padding:13px;font-size:9px;gap:10px}.hero-buttons .subtle-link{font-size:8px;gap:6px}.hero-visual{height:400px}.brand strong{font-size:18px}.brand small{font-size:5.5px}.header-actions{gap:10px}.service-card{padding-inline:14px}.service-card h3{font-size:23px}.clinic-content{padding:22px}.clinic-actions{gap:16px}.form-row{grid-template-columns:1fr}.care-ribbon{font-size:12px}html[lang=ar] h1{font-size:46px}html[lang=ar] .brand strong{font-size:15px}html[lang=ar] .hero-buttons{gap:14px}html[lang=ar] .hero-buttons .button{font-size:8px}html[lang=ar] .service-card h3{font-size:17px}html[lang=ar] .care-ribbon{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:650px){.hero h1{font-size:clamp(55px,17vw,68px)}html[lang=ar] .hero h1{font-size:clamp(37px,11.2vw,46px);letter-spacing:0;line-height:1.6}.booking-feedback a{text-decoration:underline;text-underline-offset:3px}}

/* Readable supporting copy and comfortable form controls at every size. */
:root{--muted:#626f62}
.hero-description,html[lang=ar] .hero-description{font-size:15px;color:var(--muted)}
.about-body>p:nth-child(2),.section-heading>p,.family-copy p,.faq-heading>p,.appointment-copy>p{font-size:14px}
.service-card p,html[lang=ar] .service-card p,.service-detail p,.journey-grid p,.faq-list details p{font-size:13px}
.faq-list summary,.clinic-content>p,.clinic-phone,.about-points{font-size:13px}
.field>span{font-size:12px}.field input,.field select{font-size:16px;min-height:50px;height:auto;padding:12px}
.field input::placeholder{color:#687461;opacity:1}
.booking-note{font-size:12px;color:var(--muted)}.booking-feedback{font-size:14px}
.button,.hero-buttons .button,.header-book,.clinic-actions .button,.booking-submit{font-size:13px}
.subtle-link,.hero-buttons .subtle-link,.clinic-actions .subtle-link{font-size:12px}
.service-bottom{font-size:11px}.service-detail>.button{font-size:12px}
.hero-note strong,html[lang=ar] .hero-note strong{font-size:12px}.hero-note p>span{font-size:11px}
.desktop-nav{font-size:12px}.language,.icon-button{min-width:44px;min-height:44px}
.footer-links{font-size:12px}.footer-bottom{font-size:11px;color:var(--muted)}
.contact-email{color:var(--muted)}.booking-feedback a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1120px){.desktop-nav{gap:16px}.header{gap:16px}}
@media(max-width:1050px){.desktop-nav,.header-book{display:none}.mobile-menu-toggle{display:flex}}
@media(max-width:650px){
  .header{padding-inline:18px;gap:8px}.header-actions{gap:6px}.language{font-size:11px}
  .hero-buttons{gap:16px;flex-wrap:wrap}
  html[lang=ar] .hero-buttons .button{font-size:12px}
  html[lang=ar] .hero-buttons .subtle-link{font-size:11px}
  .form-row{grid-template-columns:1fr;gap:0}.field>span{font-size:13px}
  .booking-submit{font-size:13px}.booking-note{font-size:12px}
  .service-card{padding-inline:16px}.service-card p{max-width:100%}
  .service-detail>.button{margin-inline-start:0;width:100%;min-height:46px}
  .clinic-actions{gap:18px;flex-wrap:wrap}.footer-links{gap:24px}
  .floating-chat{min-height:48px;font-size:12px}
}