/* Alderwell — editorial layer (loaded after clinic.css). Calm sage + ink palette, Cormorant display, Manrope text. */
@font-face{font-family:"Fraunces";src:url(fonts/cormorant-600.woff2) format("woff2");font-weight:500 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url(fonts/cormorant-500-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
:root{
  --ink:#10292A;--ink-2:#26403E;--ink-3:#33504C;
  --mint:#CFE6D8;--mint-2:#A9CDBA;
  --cream:#F3EFE6;--sand:#E6DFD1;--paper:#FAF8F3;
  --coral:#B8654A;--coral-2:#9E5038;
  --text:#10292A;--muted:#5E6E6A;--line:rgba(16,41,42,.12);--line-2:rgba(16,41,42,.07);
  --serif:"Cormorant Garamond","Fraunces",Georgia,serif;--sans:"Manrope","IBM Plex Sans Arabic",system-ui,sans-serif;
  --r:8px;--ease:cubic-bezier(.2,.7,.2,1)
}
html[dir=rtl]{--sans:"IBM Plex Sans Arabic","Manrope",system-ui,sans-serif}
body{font-family:var(--sans);letter-spacing:.003em}

/* film theme (light frames, ink text) */
.cf{--cf-ink:#10292A;--cf-light:#FAF8F3;--cf-fg:#10292A;--cf-bg:#F3EFE6;--cf-accent:#7A9A88;--cf-disp:var(--serif);--cf-sans:var(--sans);--cf-top:calc(var(--rib) + 78px);--cf-scrim-l:#faf8f3cc}
.cf .cf-h1,.cf .cf-h2{font-weight:600;letter-spacing:-.015em}
.cf .cf-h1{font-size:clamp(60px,9.2vw,156px)}
.cf-t-dark .cf-h1 em,.cf-t-dark .cf-h2 em{color:#6E8F7E}
.pg-home .marq{background:var(--ink);color:var(--cream);border:0}

/* type */
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;letter-spacing:-.012em;line-height:1}
h1 em,h2 em,h3 em{font-style:italic;font-weight:500;color:var(--coral)}
.phero-dark h1 em,.foot h2 em,.band h2 em{color:var(--mint)}
.tag{display:inline-flex;align-items:center;gap:12px;font-size:11px!important;font-weight:600;letter-spacing:.3em!important;text-transform:uppercase;color:var(--coral-2)}
.tag:before{content:"";width:30px;height:1px;background:currentColor;flex:none}
html[dir=rtl] .tag{letter-spacing:0!important}
.kick{background:transparent;box-shadow:none;padding:0;font-size:11px;letter-spacing:.28em;text-transform:uppercase;font-weight:600}
.logo b{font-weight:600;font-size:24px;letter-spacing:.01em}
.marq-t{font-weight:500;font-style:italic}

/* buttons */
.btn{min-height:48px;padding:0 24px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
html[dir=rtl] .btn{letter-spacing:0;font-size:14px}
.btn-coral{background:var(--ink);color:var(--paper);box-shadow:none}
.btn-coral:hover{background:var(--coral)}
.btn-dark{background:var(--ink);color:var(--paper)}
.nav-book{min-height:42px;font-size:11px}
.nav-links a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
html[dir=rtl] .nav-links a{letter-spacing:0;font-size:14px}

/* surfaces */
.nav{background:#faf8f3d9;border-color:var(--line)}
.dcard{box-shadow:none;border:1px solid var(--line)}
.dcard:hover{border-color:var(--ink-3)}
.dcard-body b{font-weight:600;font-size:1.75rem}
.dcard-n,.dsec-n{font-family:var(--serif)!important;font-weight:600!important}
.ph img,.dcard-ph img,.dsec-ph img{transition:transform 1.4s var(--ease)}
.dcard:hover img,.dsec-media:hover img{transform:scale(1.05)}
.band{background:var(--ink);color:var(--cream)}
.band .btn-coral{background:var(--cream);color:var(--ink)}
.band .btn-coral:hover{background:var(--mint)}
.phero{background:linear-gradient(180deg,var(--paper),var(--cream))}
.phero-dark{background:var(--ink)}
.next-time{font-family:var(--serif)!important;font-weight:600!important}

/* staff */
.adm-side{background:var(--ink)}
.adm h1,.adm h2{font-weight:600}

/* tame big radii */
.hero-ph,
.next,
.next-stats li,
html[dir=rtl] .bubble,
.dcard,
.dcard-ph,
.how-card,
.doc,
.av,
.av.xl,
.phone,
.phone-in,
.phone-card,
.ins div,
.visit-grid>div:first-child,
.dsec-meta div,
.prep-card,
.filters,
.f-search,
.empty,
.pr-head,
.pslot,
.modal-panel,
.bk,
.opt,
.opt .oi,
.opt-list .opt .av,
.cday,
.slot,
.slots-empty,
.form input:not([type=checkbox]):not([type=radio]),
.form textarea,
.form select,
.insbox,
.chan-o span,
.rem,
.chat,
html[dir=rtl] .bub,
.chat.sms .bub,
.mail,
.sum-card,
.sum-ic,
.signin-card,
.si-badge,
.pp-stats div,
.visit-c,
.dblock,
.note,
.rrow,
.rr-ic,
.btable,
.fam-c,
.fam-add,
.empty-c,
.paper,
.toast,
.adm-nav button,
.adm-me,
.kpi,
.card,
.grid-wrap,
.pop,
.adm-side{border-radius:8px}

.btn,.nav,.nav-links a,.nav-staff,.burger,.lang{border-radius:99px}

@media (max-width:820px){
  .btn{min-height:46px;font-size:11.5px;padding:0 18px}
  h1{font-size:clamp(2.6rem,11vw,3.6rem)}
}

/* phones: shorter film band so the hero copy and both buttons fit on one screen */
@media (max-width:820px){
  .cf .cf-h1{font-size:clamp(40px,11vw,54px)}
}
@media (max-width:820px) and (max-height:700px){
  .cf .cf-text{-webkit-line-clamp:2}
}
@media (max-width:900px){
  .dsec-media{margin-bottom:40px}
  .dsec-n{font-size:clamp(3.6rem,16vw,5rem)!important;bottom:-30px!important}
}

.dsec-ph,.ptz-ph,.visit-ph{--r:8px}
.ph{clip-path:none!important}
/* status colours: muted, used only on small details */
.kick i,.av:after,.dot{background:#5E8B71!important;box-shadow:none!important}
.av.busy:after,.dot.amber{background:#C3A15F!important}
.switch input:checked+i{background:var(--ink)!important}
.ab.go{background:#5E8B71!important;border-color:#5E8B71!important}
.gc.s-in{box-shadow:inset 0 0 0 2px #5E8B71!important}
.opt.on{box-shadow:0 0 0 3px rgba(16,41,42,.08)!important}
.btn-coral{box-shadow:none!important}
.pill,.st[data-s=booked],.ev-move .ev-ic,.ch-email{color:#4D5A73!important}