/* Refinements from the first design review. */
.brand small{font-size:8px;letter-spacing:1.1px}
.hero-slides{position:absolute;inset:0}
.hero-photo{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;object-position:center 52%}
.hero-photo.is-active{opacity:1}
.hero-shade{background:linear-gradient(90deg,rgba(250,248,245,.99) 0%,rgba(250,248,245,.96) 30%,rgba(250,248,245,.78) 49%,rgba(250,248,245,.12) 76%)}
.hero-content{z-index:1}
.hero-note{align-items:center;gap:20px;z-index:2;font-size:12px;font-weight:500;letter-spacing:.3px}
.hero-note>span{padding:10px 16px;background:#faf8f5f5;border:1px solid #e5dfe7;border-radius:3px;color:#30273c;box-shadow:0 2px 12px #30273c0a}
.slider-controls{display:flex;align-items:center;gap:8px;padding:5px;background:#faf8f5f5;border:1px solid #e5dfe7;border-radius:3px;color:#30273c}
.slider-controls button{display:grid;place-items:center;border:0;background:transparent;color:#51405f;min-width:38px;min-height:38px;font-size:18px;border-radius:2px}
.slider-controls button:hover{background:#e8e0ed}
.slider-controls #slide-count{font-size:12px;min-width:64px;text-align:center;font-variant-numeric:tabular-nums}
.intro-strip{gap:28px}
.intro-strip>span{font-size:10px;white-space:nowrap}
.intro-strip>p{font-size:18px;line-height:1.5}
.intro-strip>a{white-space:normal;text-align:right;font-size:12px;max-width:190px}
.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}
.socials{gap:20px;flex-wrap:wrap;font-size:12px}
.socials>a,.contact .text-link,.floating-wa{display:inline-flex;align-items:center;gap:9px}
.socials>a{padding:7px 0;min-height:40px}
.socials .icon-instagram{color:#a53a78}.socials .icon-tiktok{color:#30273c}.socials .icon-linkedin{color:#0a66c2}
.contact .text-link .icon{color:#246243}
.experience{display:block;background:#eee8f1;color:var(--deep);padding:65px 8% 75px}
.experience-title{text-align:center;margin-bottom:40px}
.experience .eyebrow{color:var(--purple)}
.experience h2{font-size:40px;margin-bottom:0}
.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 25px;max-width:1100px;margin:auto}
.counter-item{text-align:center;padding:22px 10px;background:#faf8f5;border:1px solid #e1d7e6}
.counter-item strong{display:block;font:60px/1.2 Georgia,serif;color:#675080;font-variant-numeric:tabular-nums}
.counter-item span{display:block;margin-top:12px;font-size:14px;color:#4d4057}
.clinic-map{display:block;width:100%;height:360px;border:1px solid #cfc3cd;background:#e6e0e6}
.surveys{gap:14px;max-width:390px}
.surveys>a{display:flex;align-items:center;gap:12px;background:#675080;color:#fff;border:1px solid #675080;border-radius:3px;padding:15px 18px;font-size:13px;font-weight:500;box-shadow:0 3px 10px #30273c0b;line-height:1.5}
.surveys>a:hover{background:#51405f}.surveys>a:nth-child(2){background:#faf8f5;color:#51405f}.surveys>a:nth-child(2):hover{background:#eee8f1}
.surveys>a b{margin-left:auto;font-weight:400}.surveys .icon{width:25px;height:25px}
@media(max-width:1150px){.intro-strip>p{font-size:16px}.intro-strip>a{font-size:11px}.brand small{font-size:7px}}
@media(max-width:760px){.brand small{font-size:6.6px;letter-spacing:.6px}.hero-shade{background:linear-gradient(90deg,#faf8f5fa 0%,#faf8f5ee 40%,#faf8f5c9 70%,#faf8f585 100%)}.hero-content{top:13%}.hero h1{font-size:41px}.hero-photo{object-position:63% center}.hero-note{left:6%;right:6%;bottom:20px;flex-wrap:wrap;gap:10px;font-size:11px}.hero-note>span{padding:9px 12px}.slider-controls{padding:2px}.slider-controls button{min-width:36px;min-height:38px}.slider-controls #slide-count{min-width:59px}.intro-strip>span{font-size:10px}.intro-strip>p{font-size:19px}.intro-strip>a{font-size:12px;max-width:none;text-align:left}.experience{padding:50px 6%}.experience h2{font-size:34px}.counter-grid{grid-template-columns:repeat(2,1fr);gap:15px}.counter-item{padding:22px 8px}.counter-item strong{font-size:42px}.counter-item span{font-size:12px;line-height:1.5;margin-top:10px}.clinic-map{height:320px}.surveys>a{font-size:12px;padding:15px 13px}.socials{gap:16px}.surveys{max-width:none}}
@media(max-width:360px){.hero h1{font-size:36px}.hero-note{font-size:10px}.counter-item strong{font-size:36px}.brand{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hero-photo{transition:none}}
@media(max-width:760px){.hero{height:680px}.hero-note{bottom:24px}}
.language{position:relative;flex-shrink:0}
.language[open]{background:transparent}
.language summary{padding:9px 7px;white-space:nowrap;border-radius:3px}
.language[open] summary{background:#eee8f1}
.language-options{position:absolute;top:calc(100% + 10px);right:0;min-width:145px;padding:7px;background:#fff;border:1px solid #e5dfe7;border-radius:4px;box-shadow:0 8px 25px #30273c18;z-index:30}
.language-options a{padding:10px 13px;font-size:13px;border-radius:2px;line-height:1.5}
.language-options a:hover{background:#f0ebf2}
.language-options a[lang="ar"]{text-align:right}
header a,header button,header summary,.language-options{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
button,summary,.button,.outline,.text-link,.socials a,.profile-links a,.surveys a,.floating-wa,.hero-note,.counter-item,.service-card b,.icon{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
img,svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
input,textarea{-webkit-user-select:text;user-select:text}
.experience{padding:26px 6% 30px}
.experience-title{margin-bottom:22px;display:flex;align-items:center;justify-content:center;gap:18px}
.experience-title .eyebrow{margin:0;font-size:9px;letter-spacing:1.8px}
.experience-title h2{font-size:26px;letter-spacing:-.6px}
.counter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;max-width:1300px}
.counter-item{padding:5px 12px;background:transparent;border:0;border-right:1px solid #cfc1d8}
.counter-item:last-child{border-right:0}
.counter-item strong{font-size:36px;line-height:1.15}
.counter-item span{font-size:11px;line-height:1.4;margin-top:8px}
.platform-logo{height:90px;display:flex;align-items:center;justify-content:center}
.platform-logo img{width:100%;max-width:245px;height:auto;max-height:80px;object-fit:contain}
.profile-links>a:first-child .platform-logo img{max-height:none}
.profile-links span{font-size:12px;margin-top:15px;color:#675080}
@media(max-width:760px){.platform-logo{height:80px}.platform-logo img{max-width:230px;max-height:75px}}
.blog-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;height:100%}
.blog-card>img{flex-shrink:0}
.blog-card>button{margin-top:auto;align-self:flex-start;flex-shrink:0}
.blog-card>.article-link{margin-top:auto;align-self:flex-start;flex-shrink:0;font-size:11px;color:#675080;border-bottom:1px solid #b8a9c2;padding-bottom:5px}
.footer-bottom>div>a{font-size:10px;margin-left:25px}
.certificate-trigger{display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}
dialog.image-preview-modal{width:min(1100px,94vw);max-width:1100px;padding:25px}
.image-preview-modal h2{font-size:27px;padding-right:40px;margin-bottom:20px}
.image-preview-full{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}
@media(max-width:760px){dialog.image-preview-modal{padding:18px}.image-preview-modal h2{font-size:21px}.image-preview-full{max-height:65vh}}
.about.section{grid-template-columns:minmax(0,430px) minmax(0,560px);justify-content:center;gap:75px}
.about .portrait{width:100%;max-width:430px}
.about .about-copy>p:not(.eyebrow){max-width:none}
.contact.section,.clinic.section{grid-template-columns:minmax(0,430px) minmax(0,640px);justify-content:center;align-items:center;gap:75px}
@media(max-width:1150px){.contact.section,.clinic.section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:45px}}
@media(max-width:760px){.contact.section,.clinic.section{grid-template-columns:minmax(0,1fr);gap:35px}}
@media(max-width:1150px){.about.section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:45px}}
@media(max-width:760px){.about.section{grid-template-columns:minmax(0,1fr);gap:40px}.about .portrait{max-width:430px;justify-self:center}}
@media(max-width:760px){.footer-bottom>div>a{display:inline-block;margin:0 20px 0 0}}
.blog-card>p{margin-bottom:22px}
.blog-card>h3{min-height:2.7em;margin-bottom:18px}
.blog-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;line-height:1.8;height:7.2em;margin-top:0;margin-bottom:18px}
.documents{grid-template-columns:1.2fr 1fr .75fr;gap:30px}
.health-logo{width:100%;max-width:220px;justify-self:center}
@media(max-width:760px){.documents{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.health-logo{width:100%;max-width:180px}}
@media(max-width:1000px) and (min-width:761px){.counter-item{padding:5px 8px}.counter-item strong{font-size:30px}.counter-item span{font-size:10px}}
@media(max-width:760px){.experience{padding:24px 0 26px}.experience-title{gap:6px;flex-direction:column;margin:0 6% 20px}.experience-title h2{font-size:25px}.counter-grid{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 6% 12px;scrollbar-width:thin;scrollbar-color:#aa94b8 transparent}.counter-item{flex:0 0 145px;scroll-snap-align:center;padding:4px 12px}.counter-item strong{font-size:34px}.counter-item span{font-size:11px;margin-top:8px}}
@media(max-width:760px){nav>.language{padding:6px 5px}.language summary{display:inline-block}.language-options{left:5px;right:auto;top:calc(100% + 3px)}}
