/* ==========================================================
   Home page — hand-set editorial pass (v2). Loaded after style.css; only index.html uses it.
   Direction: a private clinic's printed welcome folder — warm paper, a framed
   photograph, ruled lists, a pen-drawn underline. Content is untouched.
   ========================================================== */
:root{
  --f-display:"Young Serif","Iowan Old Style",Georgia,serif;
  --f-body:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;
  --paper-warm:#f5eee2;
  --card:#fbf7ef;
  --rose:#9c3558;          /* 6.1:1 on --paper-warm */
  --gold-ink:#7d5d33;
  --hair:rgba(43,20,49,.16);
}

body.site{background:var(--paper-warm);font-size:17px;line-height:1.65}
body.site::before{display:none}
body.site h1,
body.site h2,
body.site h3{font-weight:400;letter-spacing:-.012em;line-height:1.12}
body.site p{max-width:62ch}

/* ---------- header: flat ink bar ---------- */
body.site .site-header,
body.site .site-header.scrolled{background:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:16px 0}
body.site .menu{gap:2px}
body.site .menu a{padding:10px 14px;border-radius:0;background:none;white-space:nowrap;font-size:.96rem}
body.site .menu a:hover{background:none;color:var(--gold-2)}
body.site .menu a[aria-current="page"]{background:none;color:var(--ivory);box-shadow:inset 0 -2px 0 var(--gold-2)}
body.site .lang,
body.site .burger{border-radius:3px;min-height:44px}
body.site .lang{padding-inline:14px}
body.site .burger{min-width:46px}
body.site .nav .btn{padding:12px 20px;font-size:.92rem}

/* ---------- buttons: flat, a little blunt ---------- */
body.site .btn{border-radius:3px;padding:14px 24px;font-size:.96rem;letter-spacing:.005em;font-weight:600;min-height:48px;transition:background-color .2s,color .2s,border-color .2s}
body.site .btn:hover{transform:none}
body.site .btn-primary{background:var(--berry);color:var(--ivory)}
body.site .btn-primary:hover{background:var(--rose);box-shadow:none}
body.site .nav .btn-gold{background:var(--gold-2);color:var(--ink)}
body.site .nav .btn-gold:hover{background:var(--ivory)}
body.site .hero .btn-gold{background:var(--berry);color:var(--ivory)}
body.site .hero .btn-gold:hover{background:var(--rose)}
/* secondary action reads as a plain underlined link, not a second button */
body.site .hero .btn-light{border:0;border-radius:0;padding:0 0 3px;min-height:0;color:var(--berry);border-bottom:2px solid var(--berry);align-self:center}
body.site .hero .btn-light:hover{background:none;color:var(--rose);border-color:var(--rose)}
body.site .btn-ghost{border:0;border-radius:0;padding:0 0 4px;min-height:0;border-bottom:2px solid currentColor;color:var(--berry)}
body.site .btn-ghost:hover{background:none;color:var(--rose)}

/* ---------- eyebrows & headings ---------- */
body.site .eyebrow{font-size:.92rem;letter-spacing:.01em;text-transform:none;font-weight:600;color:var(--rose);margin-bottom:14px}
body.site .eyebrow::before{display:none}
body.site .bg-berry .eyebrow{color:var(--gold-2)}
body.site .h2{font-size:clamp(2rem,3.7vw,3.2rem);max-width:18ch}
body.site .h2 em{font-style:normal;color:var(--rose)}
body.site .bg-berry .h2 em{color:var(--gold-2)}
body.site .lead{font-size:1.1rem;line-height:1.65;color:var(--muted)}

/* ---------- intermediary statement: a quiet notice strip ---------- */
body.site .inter-band{background:#eadfca;color:var(--berry);border-bottom:1px solid var(--hair)}
body.site .inter-band .inter{padding:14px 0;align-items:center}
body.site .inter-mark{background:none;width:26px;height:26px;border-radius:0;color:var(--rose)}
body.site .inter-mark svg{width:24px;height:24px}
body.site .inter-band .inter-main{font-size:.95rem;font-weight:600}
body.site .inter-band .inter-tr{margin-top:2px!important}
body.site .inter.light{background:none;border:0;border-inline-start:3px solid var(--rose);border-radius:0;padding:4px 0 4px 18px;color:var(--berry)}
body.site .inter.light .inter-mark{background:none;color:var(--rose);border-radius:0}

/* ---------- hero: copy on paper, photo framed like a print ---------- */
body.site .hero{background:var(--paper-warm);color:var(--text);min-height:0;display:block;padding:148px 0 120px;overflow:visible}
body.site .hero-bg{position:absolute;top:118px;bottom:64px;inset-inline:auto max(20px,calc((100vw - 1220px) / 2));width:min(46%,560px);background:var(--ivory-2);border-radius:2px;box-shadow:0 0 0 10px #fff,0 24px 40px -24px rgba(28,15,32,.45);transform:rotate(1.1deg)}
body.site .hero-bg::after{display:none}
body.site .hero-bg img{opacity:1;transform:none;animation:none;filter:saturate(.92)}
body.site .hero-flower{display:none}
body.site .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,96px);align-items:start}
body.site .hero h1{color:var(--berry);font-size:clamp(2.5rem,4.9vw,4.4rem);line-height:1.05;max-width:11.5ch;margin-bottom:.45em}
body.site .hero h1 em{font-style:normal;color:var(--rose);padding-bottom:.1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8C30 2 58 11 98 6S168 3 198 7' fill='none' stroke='%239c3558' stroke-width='3' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat 0 100%/100% .3em}
body.site .hero .eyebrow{color:var(--rose)}
body.site .hero .lead{color:var(--text);font-size:1.12rem;max-width:46ch}
body.site .hero-ctas{margin-top:30px;gap:14px 28px;align-items:center}
body.site .hero-meta{border:0;margin-top:44px;padding-top:0;gap:14px 34px}
body.site .hero-meta div{color:var(--muted);font-size:.9rem;border-inline-start:2px solid var(--rose);padding-inline-start:12px;max-width:15ch}
body.site .hero-meta strong{font-family:var(--f-body);font-weight:700;font-size:1.25rem;color:var(--berry);line-height:1.2;margin-bottom:2px}

body.site .book-card{background:#fffdf8;border-radius:2px;padding:34px 32px 30px;box-shadow:0 1px 0 var(--hair),0 28px 44px -30px rgba(28,15,32,.55);margin-top:34px}
body.site .book-card::before{display:none}
body.site .book-card h2{font-size:1.75rem}
body.site .book-card .note{color:var(--muted)}
body.site .book-card .note i{box-shadow:none}

/* ---------- forms: ruled lines, like a paper form ---------- */
body.site .form{gap:18px}
body.site .field label{letter-spacing:0;text-transform:none;font-size:.88rem;font-weight:600;color:var(--berry);margin-bottom:2px}
body.site .field input,
body.site .field select,
body.site .field textarea{background-color:transparent;border:0;border-bottom:1.5px solid rgba(43,20,49,.45);border-radius:0;padding:10px 2px;min-height:44px;transition:background-color .2s,border-color .2s}
body.site .field select{padding-inline-end:28px;background-position:right 4px center}
body.site .field textarea{min-height:96px;background-image:repeating-linear-gradient(transparent 0 31px,rgba(43,20,49,.12) 31px 32px);line-height:32px;padding-block:0;resize:vertical}
body.site .field input:focus,
body.site .field select:focus,
body.site .field textarea:focus{outline:2px solid var(--rose);outline-offset:3px;border-bottom-color:var(--rose);background-color:rgba(156,53,88,.05);box-shadow:none}
body.site .check{font-size:.9rem}
body.site .check input{width:20px;height:20px}
body.site .check a{color:var(--rose)}
body.site .form .btn{border-radius:3px}
body.site .form-status{border-radius:3px}
body.site .form-card{background:#fffdf8;box-shadow:0 1px 0 var(--hair),0 28px 44px -34px rgba(28,15,32,.5);border:0;border-radius:2px;padding:clamp(26px,3.6vw,44px)}

/* ---------- about: a snapshot pinned to the page ---------- */
body.site .bg-paper{background:var(--card)}
body.site .about-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(48px,8vw,120px);align-items:start}
body.site .arch-wrap{padding:14px 0 38px}
body.site .arch{border-radius:2px;border:10px solid #fff;box-shadow:0 18px 34px -22px rgba(28,15,32,.6);aspect-ratio:4/5;transform:rotate(-1.4deg);background:var(--ivory-2)}
body.site .arch-wrap::before{display:none}
body.site .stamp{inset-inline:auto auto;inset-inline-start:-14px;bottom:8px;width:auto;height:auto;border-radius:2px;display:block;background:#fff;color:var(--muted);padding:12px 18px 12px;box-shadow:0 12px 22px -14px rgba(28,15,32,.6);animation:none;font-family:var(--f-body);font-size:.9rem;line-height:1.3;text-align:start;transform:rotate(2deg)}
body.site .stamp strong{display:inline;font-size:1.5rem;color:var(--rose);font-family:var(--f-display);line-height:1;margin-inline-end:8px}
body.site .about-text{padding-top:clamp(0px,3vw,36px)}
body.site .about-text .lead{color:var(--text);font-size:1.18rem}
body.site .signature{margin-top:30px}

/* ---------- why: a ruled list, not four cards ---------- */
body.site .why-grid{display:block;border-top:2px solid var(--berry)}
body.site .why-card{display:grid;grid-template-columns:44px minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(18px,3vw,44px);align-items:baseline;background:none;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:28px 0;box-shadow:none;transition:background-color .2s}
body.site .why-card:hover{transform:none;box-shadow:none;background:rgba(156,53,88,.045)}
body.site .why-card::after{display:none}
body.site .why-card .num{display:none}
body.site .why-card .icon{display:block;width:30px;height:30px;margin:0;background:none;border-radius:0;color:var(--rose);align-self:start;margin-top:4px}
body.site .why-card .icon svg{width:30px;height:30px}
body.site .why-card h3{font-size:clamp(1.35rem,2.1vw,1.8rem);margin:0}
body.site .why-card p{margin:0;color:var(--text);font-size:1.02rem}

/* ---------- reasons: two columns of notes on dark ---------- */
body.site .bg-berry{background:var(--berry)}
body.site .bg-berry .lead{color:rgba(247,242,234,.82)}
body.site .reasons{display:block;column-count:2;column-gap:clamp(48px,8vw,120px);border-top:0}
body.site .reason{break-inside:avoid;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:18px;padding:26px 0 30px;border:0;border-top:1px dashed rgba(247,242,234,.3)}
body.site .reason:hover{background:none}
body.site .reason .idx{display:none}
body.site .reason .icon{display:block;width:30px;height:30px;margin:2px 0 0;background:none;border-radius:0;color:var(--gold-2);grid-row:1/3}
body.site .reason .icon svg{width:30px;height:30px}
body.site .reason h3{font-size:clamp(1.3rem,1.9vw,1.6rem);margin-bottom:.35em}
body.site .reason p{color:rgba(247,242,234,.82);font-size:1rem}

/* ---------- treatments: set as running text, like a menu card ---------- */
body.site .treat-list{display:block;max-width:none;margin:0;padding:0;text-align:start;line-height:1.5;border-top:2px solid var(--berry);padding-top:30px}
body.site .treat-list li{display:inline-block;background:none;border:0;border-radius:0;padding:0;font-family:var(--f-display);font-size:clamp(1.55rem,3vw,2.55rem);color:var(--berry);transition:color .2s}
body.site .treat-list li:hover{color:var(--rose)}
body.site .treat-list li::after{content:"\00b7";content:"\00b7" / "";color:var(--rose);padding-inline:.35em;font-family:var(--f-body);font-weight:700}
body.site .treat-list li:last-child::after{content:""}
body.site .bg-paper .treat-list li{background:none}
body.site .section-head.center{text-align:start}
body.site .section-head.center .lead{margin-inline:0}
body.site .section-head.center .eyebrow{justify-content:flex-start}
body.site .section-head{margin-bottom:44px}
body.site .section-head.split{align-items:end;gap:clamp(30px,6vw,90px)}

/* ---------- contact ---------- */
body.site #contact{background:var(--card)}
body.site .contact-list{gap:0;margin-top:30px;border-top:2px solid var(--berry)}
body.site .contact-list li{background:none;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:16px 0;gap:18px}
body.site .contact-list .icon{background:none;color:var(--rose);width:26px;height:26px;border-radius:0;margin:0}
body.site .contact-list .icon svg{width:24px;height:24px}
body.site .contact-list small{letter-spacing:0;text-transform:none;font-size:.85rem;color:var(--muted)}
body.site .contact-list a,
body.site .contact-list span{color:var(--berry);font-weight:600}
body.site .apps-h{letter-spacing:0;text-transform:none;font-size:.95rem;font-weight:600;color:var(--berry);margin-top:34px}
body.site .apps{gap:8px}
body.site .app{border-radius:3px;padding:14px 8px;min-height:72px;transition:filter .2s}
body.site .app:hover{transform:none;box-shadow:none;filter:brightness(1.08)}
body.site .app-wa{background:#177a45}
body.site .app-tg{background:#1c7fb0}
body.site .app-vb{background:#5b49d6}

/* ---------- footer & floating button ---------- */
body.site .site-footer{padding-top:84px}
body.site .footer-top h4{letter-spacing:0;text-transform:none;font-size:1rem;font-family:var(--f-display);font-weight:400;color:var(--gold-2)}
body.site .footer-top a{transition:color .2s}
body.site .inter.foot{border-radius:2px;border-color:rgba(215,184,134,.4)}
body.site .inter.foot .inter-mark{background:none;color:var(--gold-2)}
body.site .socials a{width:44px;height:44px;border-radius:3px}
body.site .socials a:hover{background:var(--gold);border-color:var(--gold)}
body.site .footer-word{color:rgba(247,242,234,.035);margin-top:10px}
body.site .wa{box-shadow:0 6px 16px -8px rgba(0,0,0,.45)}
body.site .wa:hover{transform:none;filter:brightness(1.05)}
body.site .wa::before{display:none}

/* ---------- motion: shorter and quieter than the shared defaults ---------- */
body.site .reveal{transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
body.site .reveal.in{transform:none}
body.site .d1{transition-delay:.05s}
body.site .d2{transition-delay:.1s}
body.site .d3{transition-delay:.15s}
body.site .d4{transition-delay:.2s}
body.site .load{animation-duration:.7s}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  body.site .hero-bg{width:min(40%,460px)}
  body.site .why-card{grid-template-columns:36px minmax(0,1fr)}
  body.site .why-card p{grid-column:2}
  body.site .why-card h3{margin-bottom:.35em}
}
@media (max-width:960px){
  body.site .hero{padding:104px 0 72px}
  /* photo moves above the copy as a framed strip */
  body.site .hero-bg{position:relative;inset:auto;width:auto;height:230px;margin:0 20px 40px;transform:rotate(-.6deg);box-shadow:0 0 0 8px #fff,0 18px 30px -22px rgba(28,15,32,.5)}
  body.site .hero-grid{grid-template-columns:1fr;gap:44px}
  body.site .hero h1{max-width:none}
  body.site .book-card{margin-top:0}
  body.site .about-grid{grid-template-columns:1fr}
  body.site .arch-wrap{max-width:460px}
  body.site .reasons{column-count:1}
  body.site .menu a{box-shadow:none!important}
}
@media (max-width:640px){
  body.site{font-size:16px}
  body.site .nav{gap:10px}
  body.site .brand{gap:9px;min-width:0}
  body.site .brand-name{font-size:1.2rem;letter-spacing:.08em}
  body.site .brand-sub{letter-spacing:.26em;font-size:.54rem}
  body.site .lang{padding-inline:11px}
  body.site .nav-actions{gap:8px}
  body.site .hero{padding-top:92px}
  body.site .hero-bg{height:190px;margin-inline:16px}
  body.site .hero-ctas{gap:18px}
  body.site .hero-meta{gap:16px 24px}
  body.site .why-card{padding:22px 0}
  body.site .reason{padding:22px 0 24px}
  body.site .book-card{padding:28px 20px 24px}
  body.site .contact-list li{padding:14px 0}
  body.site .apps{grid-template-columns:repeat(2,1fr)}
  body.site .stamp{inset-inline-start:-6px}
}
@media (prefers-reduced-motion:reduce){
  body.site .reveal,
  body.site .load{opacity:1;transform:none}
}
body.site .brand-sub{font-family:var(--f-body);font-weight:500}

/* ==========================================================
   Shared across inner pages and the Arabic mirror
   ========================================================== */
body.site .open247{display:inline-block;margin-inline-start:10px;padding:1px 8px;border:1px solid rgba(215,184,134,.55);border-radius:2px;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--gold-2);vertical-align:2px}

/* ---------- inner page head: paper, not a dark banner ---------- */
body.site .page-hero{background:var(--paper-warm);color:var(--text);padding:136px 0 64px;overflow:visible;border-bottom:1px solid var(--hair)}
body.site .page-hero .hero-flower,
body.site .cta .hero-flower{display:none}
body.site .page-hero h1{color:var(--berry);font-size:clamp(2.3rem,4.8vw,4rem);line-height:1.06;max-width:16ch;margin-bottom:.4em}
body.site .page-hero h1 em{font-style:normal;color:var(--rose);padding-bottom:.1em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8C30 2 58 11 98 6S168 3 198 7' fill='none' stroke='%239c3558' stroke-width='3' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat 0 100%/100% .3em}
body.site .page-hero .lead{color:var(--text);font-size:1.12rem;max-width:52ch}
body.site .page-hero .eyebrow{color:var(--rose)}
body.site .crumbs{color:var(--muted);font-size:.9rem;margin-bottom:18px}
body.site .crumbs a{text-decoration:underline;text-underline-offset:3px}
body.site .crumbs a:hover{color:var(--rose)}
body.site .page-hero .btn-gold,
body.site .cta .btn-gold{background:var(--berry);color:var(--ivory)}
body.site .page-hero .btn-gold:hover{background:var(--rose)}
body.site .page-hero .btn-light{border:0;border-radius:0;padding:0 0 3px;min-height:0;color:var(--berry);border-bottom:2px solid var(--berry)}
body.site .page-hero .btn-light:hover{background:none;color:var(--rose);border-color:var(--rose)}
body.site .section{padding:clamp(64px,8vw,112px) 0}

/* ---------- about ---------- */
body.site .mv-grid{gap:clamp(30px,6vw,90px);align-items:start}
body.site .mv{border-radius:2px;padding:0;overflow:visible}
body.site .mv.light{background:none;border:0;border-top:2px solid var(--berry);padding-top:28px}
body.site .mv.dark{background:var(--berry);color:var(--ivory);padding:34px clamp(26px,3.4vw,44px) 38px;margin-top:34px}
body.site .mv .icon{background:none;width:30px;height:30px;border-radius:0;color:var(--rose);margin-bottom:16px}
body.site .mv .icon svg{width:30px;height:30px}
body.site .mv.dark .icon{background:none;color:var(--gold-2)}
body.site .mv h3{font-size:clamp(1.7rem,2.6vw,2.2rem)}
body.site .mv p{font-size:1.05rem}
body.site .mv.dark p{color:rgba(247,242,234,.88)}
body.site .section.center{text-align:start}
body.site .quote{font-family:var(--f-display);font-style:normal;font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.2;max-width:24ch;margin:0 0 30px;border-inline-start:3px solid var(--rose);padding-inline-start:clamp(18px,3vw,36px)}
body.site .quote::before,
body.site .quote::after{color:var(--rose)}
body.site .values{justify-content:flex-start;gap:6px 0;margin-top:0}
body.site .values span{padding:0;border:0;border-radius:0;background:none;font-size:1.02rem;font-weight:600;color:var(--berry)}
body.site .values span+span::before{content:"\00b7";color:var(--rose);font-weight:700;padding-inline:.7em}
body.site .steps{gap:clamp(22px,3vw,40px)}
body.site .step{border-top:1px dashed rgba(247,242,234,.35);padding-top:24px}
body.site .step::before{background:none;position:static;display:block;margin-bottom:10px;font-family:var(--f-body);font-weight:600;font-size:.9rem;color:var(--gold-2);padding:0}
body.site .step p{color:rgba(247,242,234,.84)}

/* ---------- services ---------- */
body.site .vip-grid{gap:clamp(26px,4vw,56px);padding:8px 0 20px}
body.site .vip-grid .ph{border-radius:2px;border:10px solid #fff;box-shadow:0 18px 34px -22px rgba(28,15,32,.6);min-height:340px;transform:rotate(-1deg)}
body.site .vip-grid .ph:nth-child(2){border-radius:2px;transform:rotate(1.1deg)}
body.site .vip-grid .tag{inset-inline-start:0;bottom:0;border-radius:0;background:#fff;color:var(--berry);font-weight:600;padding:9px 16px;backdrop-filter:none;-webkit-backdrop-filter:none}
body.site .marquee{background:var(--berry);color:var(--gold-2);padding:16px 0}
body.site .marquee-track{font-family:var(--f-display);font-style:normal;font-size:1.35rem}
body.site .marquee-track span::after{content:"\00b7";font-size:1.6rem;color:var(--rose)}
body.site .svc-grid{display:block;column-count:2;column-gap:clamp(48px,8vw,120px);border-top:2px solid var(--berry)}
body.site .svc{break-inside:avoid;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:18px;background:none;border:0;border-bottom:1px solid var(--hair);border-radius:0;padding:26px 0 28px;transition:none}
body.site .svc:hover{background:none;color:inherit;transform:none;box-shadow:none}
body.site .svc:hover h3{color:var(--berry)}
body.site .svc:hover p{color:var(--text)}
body.site .svc .icon,
body.site .svc:hover .icon{display:block;background:none;width:30px;height:30px;margin:2px 0 0;border-radius:0;color:var(--rose);grid-row:1/3}
body.site .svc .icon svg{width:30px;height:30px}
body.site .svc h3{font-size:clamp(1.3rem,1.9vw,1.6rem);margin-bottom:.35em}
body.site .svc p{color:var(--text)}
body.site .svc .num{display:none}
body.site .cta{border-radius:2px;background:var(--berry);padding:clamp(36px,5vw,64px);gap:clamp(24px,4vw,48px)}
body.site .cta h2{max-width:20ch}
body.site .cta p{color:rgba(247,242,234,.86)}
body.site .cta .btn-gold{background:var(--gold-2);color:var(--ink)}
body.site .cta .btn-gold:hover{background:var(--ivory)}
body.site .cta .btn-light{border-color:rgba(247,242,234,.6)}

/* ---------- privacy, map, 404 ---------- */
body.site .prose{max-width:70ch;margin:0}
body.site .prose h2{font-size:clamp(1.5rem,2.2vw,1.9rem);margin-top:1.8em;padding-top:.8em;border-top:1px solid var(--hair)}
body.site .prose p,
body.site .prose li{color:var(--text)}
body.site .prose a{color:var(--rose)}
body.site .map{border-radius:2px;border:10px solid #fff;box-shadow:0 18px 34px -24px rgba(28,15,32,.55);filter:none}
body.site.page-404 .page-hero{min-height:80vh}

/* ---------- Arabic mirror: keep Arabic type, no Latin tracking ---------- */
html[lang="ar"]{--f-display:"Noto Naskh Arabic","Amiri",serif;--f-body:"IBM Plex Sans Arabic","Tahoma",sans-serif}
html[lang="ar"] body.site h1,
html[lang="ar"] body.site h2,
html[lang="ar"] body.site h3{letter-spacing:0;line-height:1.45;font-weight:600}
html[lang="ar"] body.site .hero h1{line-height:1.35;max-width:14ch}
html[lang="ar"] body.site .page-hero h1{line-height:1.35}
html[lang="ar"] body.site .hero h1 em,
html[lang="ar"] body.site .page-hero h1 em{padding-bottom:.18em}
html[lang="ar"] body.site .eyebrow{font-size:1rem}
html[lang="ar"] body.site .field label{font-size:.95rem}
html[dir="rtl"] body.site .field select{background-position:left 4px center;padding-inline:2px 28px}
html[dir="rtl"] body.site .hero-bg{transform:rotate(-1.1deg)}
html[dir="rtl"] body.site .arch{transform:rotate(1.4deg)}
html[lang="ar"] body.site .values span+span::before,
html[lang="ar"] body.site .treat-list li::after{font-family:var(--f-body)}

@media (max-width:960px){
  body.site .svc-grid{column-count:1}
  body.site .page-hero{padding:104px 0 48px}
  body.site .mv.dark{margin-top:0}
}
@media (max-width:640px){
  body.site .vip-grid .ph{min-height:260px}
  body.site .cta{padding:30px 22px}
}