/* ==========================================================================
   ARKKAYA WOMEN'S HOSPITAL — style.css  (Home · Layout C, Warm Story)
   Depends on tokens in theme.css.
   ========================================================================== */

/* Subtle paper grain for a hand-crafted (not AI-generic) warmth */
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.38;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}
main,.site-header,.site-footer{position:relative;z-index:2}

/* Decorative organic blobs */
.blob{position:absolute;border-radius:50%;filter:blur(48px);opacity:.5;pointer-events:none;z-index:0}
.blob--navy{background:radial-gradient(circle at 30% 30%,var(--navy-300),transparent 70%)}
.blob--wine{background:radial-gradient(circle at 30% 30%,var(--wine-300),transparent 70%)}

/* ==========================================================================
   HEADER / NAV
   ========================================================================== */
.site-header{position:sticky;top:0;z-index:120;background:rgba(253,250,244,.72);
  backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);
  transition:background .35s var(--ease),box-shadow .35s var(--ease)}
.site-header.is-scrolled{background:rgba(253,250,244,.93);box-shadow:0 1px 0 var(--line),var(--shadow-sm)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1rem;transition:padding .35s var(--ease)}
.site-header.is-scrolled .site-header__inner{padding-block:.7rem}
.brand{flex:none;display:inline-flex;align-items:center}
.brand img{height:48px;width:auto;transition:height .35s var(--ease)}
.site-header.is-scrolled .brand img{height:42px}

.site-nav{display:flex;align-items:center;gap:2rem}
.site-nav__links{display:flex;align-items:center;gap:.35rem}
.site-nav__link{position:relative;overflow:hidden;display:block;height:1.5rem;
  font-family:var(--font-ui);font-weight:600;font-size:.95rem;color:var(--ink-soft);padding:0 .55rem;transition:color .25s var(--ease)}
.site-nav__link .nav-txt{display:block;position:relative;line-height:1.5rem;transition:transform .42s var(--ease)}
.site-nav__link .nav-txt::after{content:attr(data-text);position:absolute;top:100%;left:0;color:var(--wine-600)}
.site-nav__link:hover .nav-txt{transform:translateY(-100%)}
.site-nav__link.is-active{color:var(--wine-600)}
.site-nav__link.is-active .nav-txt{transform:translateY(-100%)}
.site-nav__actions{display:flex;align-items:center;gap:1.25rem}

.header-phone{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink)}
.header-phone__ico{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--navy-wash);color:var(--navy-700);flex:none}
.header-phone__ico svg{width:1.05rem;height:1.05rem}
.header-phone__txt{display:flex;flex-direction:column;line-height:1.15}
.header-phone__txt small{font-size:.68rem;letter-spacing:.03em;color:var(--muted)}
.header-phone__txt strong{font-size:.92rem;font-weight:600;color:var(--ink)}

.nav-toggle{display:none;width:46px;height:46px;border-radius:14px;background:var(--mist);flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none}
.nav-toggle span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.35s var(--ease)}
.site-header[data-open="true"] .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header[data-open="true"] .nav-toggle span:nth-child(2){opacity:0}
.site-header[data-open="true"] .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav-scrim{position:fixed;inset:0;z-index:110;background:rgba(13,22,32,.42);backdrop-filter:blur(2px);opacity:0;transition:opacity .4s var(--ease)}
.site-header[data-open="true"] ~ .nav-scrim{opacity:1}

@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .site-nav{position:fixed;top:0;right:0;height:100dvh;width:min(88vw,370px);z-index:150;
    flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    background:var(--canvas);box-shadow:var(--shadow-lg);padding:5.5rem 1.75rem 2rem;overflow-y:auto;
    transform:translateX(106%);transition:transform .5s var(--ease)}
  .site-header[data-open="true"] .site-nav{transform:none}
  .site-nav__links{flex-direction:column;align-items:stretch;gap:0}
  .site-nav__link{height:auto;overflow:visible;padding:1.05rem .25rem;font-size:1.2rem;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink)}
  .site-nav__link .nav-txt{line-height:normal;transform:none!important}
  .site-nav__link .nav-txt::after{display:none}
  .site-nav__actions{flex-direction:column;align-items:stretch;gap:1.4rem;margin-top:1.75rem}
  .site-nav__actions .btn{justify-content:space-between}
}

/* ==========================================================================
   PORTRAIT (swap the .portrait__ph block for an <img> when you have a photo)
   ========================================================================== */
.portrait{position:relative;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-lg);
  background:linear-gradient(155deg,var(--navy-400),var(--navy-600) 46%,var(--wine-500))}
.portrait--organic{border-radius:62% 38% 46% 54% / 55% 45% 55% 45%}
.portrait--frame{border-radius:var(--radius-xl)}
.portrait__img{width:100%;height:100%;object-fit:cover}
.portrait__ph{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.4rem;color:#fff;text-align:center;padding:1.5rem}
.portrait__initials{font-family:var(--font-display);font-weight:500;font-size:clamp(3.5rem,11vw,6rem);line-height:1;opacity:.96}
.portrait__ph span{font-family:var(--font-ui);font-weight:600;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.portrait__pattern{position:absolute;inset:0;opacity:.16;mix-blend-mode:soft-light;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.4'%3E%3Cpath d='M60 20c-14 8-14 30 0 40 14-10 14-32 0-40z'/%3E%3Cpath d='M60 24v34'/%3E%3Cpath d='M30 78c-10 6-10 22 0 30 10-8 10-24 0-30z'/%3E%3Cpath d='M30 82v24'/%3E%3Cpath d='M96 70c-9 5-9 20 0 27 9-7 9-22 0-27z'/%3E%3Cpath d='M96 74v21'/%3E%3C/g%3E%3C/svg%3E")}
.portrait__grain{position:absolute;inset:0;opacity:.5;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='0.06'/%3E%3C/svg%3E")}
.portrait__caption{position:absolute;left:1.1rem;bottom:1.1rem;z-index:2;background:rgba(13,22,32,.4);backdrop-filter:blur(6px);border-radius:100px;padding:.5rem 1rem;color:#fff;font-size:.8rem;font-weight:600}

/* ==========================================================================
   HERO (empathetic opener)
   ========================================================================== */
.hero{position:relative;overflow:hidden;display:flex;align-items:center;
  min-height:clamp(500px,74vh,720px);padding-block:clamp(3rem,7vw,5rem);
  background:
    linear-gradient(100deg,var(--canvas) 0%,var(--canvas) 26%,rgba(253,250,244,.86) 44%,rgba(253,250,244,.15) 66%,rgba(253,250,244,0) 80%),
    var(--hero-img,linear-gradient(transparent,transparent)) right center/cover no-repeat,
    var(--mist)}
.hero__inner{position:relative;z-index:2;width:100%}
.hero__content{max-width:34rem}
.hero h1{font-size:clamp(2.2rem,5vw,3.9rem);margin-bottom:1.25rem}
.hero h1 em{font-style:normal;font-weight:500;color:var(--wine-500)}
.hero__lede{font-size:1.05rem;line-height:1.7;color:var(--ink-soft);max-width:44ch;margin-bottom:2rem}
.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2rem}
.hero__trust{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-ui);font-weight:600;font-size:.92rem;color:var(--ink-soft)}
.hero__trust svg{width:1.3rem;height:1.3rem;color:var(--wine-500);flex:none}
@media (max-width:760px){
  .hero{min-height:auto;padding-block:clamp(2.75rem,10vw,4rem);
    background:linear-gradient(180deg,rgba(253,250,244,.93),rgba(253,250,244,.8)),var(--hero-img,linear-gradient(transparent,transparent)) center top/cover no-repeat,var(--mist)}
  .hero__content{max-width:100%}
}

/* ==========================================================================
   STATS STRIP (navy band under hero)
   ========================================================================== */
.stats-strip{background:linear-gradient(120deg,var(--navy-700),var(--navy-500));color:#fff;
  padding-block:clamp(2.25rem,5vw,3.5rem)}
.stats-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,4vw,3rem);text-align:center}
.stat{position:relative;padding:0 .5rem;display:flex;flex-direction:column;align-items:center}
.stat__ico{width:2.7rem;height:2.7rem;border-radius:50%;display:grid;place-items:center;margin-bottom:.7rem;
  background:rgba(255,255,255,.1);color:#fff}
.stat__ico svg{width:1.3rem;height:1.3rem}
.stat + .stat::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:56%;background:rgba(255,255,255,.16)}
.stat__num{display:block;font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4.2vw,3rem);
  line-height:1;letter-spacing:-.01em;color:#fff}
.stat__label{display:block;margin-top:.6rem;font-family:var(--font-ui);font-weight:500;font-size:.86rem;
  letter-spacing:.01em;color:rgba(255,255,255,.72)}
@media (max-width:820px){.stats-strip__grid{grid-template-columns:1fr 1fr;gap:2rem}
  .stat:nth-child(odd)::before{display:none}}

/* ==========================================================================
   SPLIT + DOCTOR STORY
   ========================================================================== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split--wide-right{grid-template-columns:.9fr 1.1fr}
.doctor__figure{position:relative}
.doctor__figure .portrait{max-width:430px}
.doctor__accent{position:absolute;inset:auto -1.5rem -1.5rem auto;z-index:-1;width:70%;height:70%;border-radius:var(--radius-xl);background:var(--navy-wash)}
.doctor__badge{position:absolute;bottom:1.25rem;right:-1rem;z-index:3;background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem 1.1rem;display:flex;align-items:center;gap:.7rem}
.doctor__badge svg{width:1.5rem;height:1.5rem;color:var(--wine-500);flex:none}
.doctor__badge b{font-family:var(--font-display);font-weight:500;font-size:.98rem;color:var(--ink);display:block;line-height:1.1}
.doctor__badge small{font-size:.72rem;color:var(--muted)}
.doctor__meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;padding-top:1.75rem;border-top:1px solid var(--line)}
.doctor__meta .m{display:flex;flex-direction:column}
.doctor__meta .m small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.doctor__meta .m strong{font-family:var(--font-display);font-weight:500;font-size:1.05rem;color:var(--wine-600)}

/* ==========================================================================
   EXPERTISE — alternating rows
   ========================================================================== */
.exp-rows{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem);margin-top:3rem}
.exp-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(1.1rem,2.5vw,1.75rem);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.exp-row:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.exp-row:nth-child(even){grid-template-columns:1.15fr .85fr}
.exp-row:nth-child(even) .exp-row__media{order:2}
.exp-row__media{position:relative;aspect-ratio:16/11;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,var(--navy-500),var(--wine-500))}
.exp-row:nth-child(3n+2) .exp-row__media{background:linear-gradient(150deg,var(--navy-600),var(--navy-400))}
.exp-row:nth-child(3n) .exp-row__media{background:linear-gradient(150deg,var(--wine-500),var(--wine-700))}
.exp-row__media svg{width:64px;height:64px;opacity:.92}
.exp-row__num{position:absolute;top:.8rem;left:1rem;z-index:2;font-family:var(--font-display);font-weight:500;font-size:1.1rem;opacity:.9}
.exp-row__photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}
.exp-row__media.has-photo{background:var(--navy-800)}
.exp-row__media.has-photo::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(16,33,50,0) 50%,rgba(13,22,32,.5))}
.exp-row__body h3{margin-bottom:.55rem}
.exp-row__body p{font-size:1rem;line-height:1.6}

/* ==========================================================================
   SIGNATURE APPROACH — pillars
   ========================================================================== */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;margin-top:2.5rem}
.pillar{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pillar__ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:14px;background:var(--navy-wash);color:var(--navy-700);margin-bottom:1.1rem}
.pillar__ico svg{width:1.4rem;height:1.4rem}
.pillar h4{margin-bottom:.4rem}
.pillar p{font-size:.95rem;line-height:1.55}

/* ==========================================================================
   WHY ARKKAYA + patient quote
   ========================================================================== */
.why-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(1.5rem,3vw,2.25rem);align-items:stretch;margin-top:2.75rem}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem;margin-top:2.75rem}
.value{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.value:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.value__ico{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:12px;background:var(--wine-wash);color:var(--wine-600);margin-bottom:1rem}
.value__ico svg{width:1.3rem;height:1.3rem}
.value h4{margin-bottom:.35rem;font-size:1.1rem}
.value p{font-size:.9rem;line-height:1.5}
.quote-card{background:var(--wine-500);color:#fff;border-radius:var(--radius-lg);padding:clamp(1.75rem,3vw,2.25rem);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}
.quote-card__mark{font-family:var(--font-display);font-size:3.5rem;line-height:.6;color:var(--navy-300);height:1.6rem}
.quote-card blockquote{font-family:var(--font-display);font-style:normal;font-weight:500;font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.4;margin:.5rem 0 1.25rem}
.quote-card cite{font-style:normal;font-size:.82rem;color:var(--wine-100);font-weight:600;letter-spacing:.02em}

/* ==========================================================================
   CTA BAND
   ========================================================================== */
.cta-band{position:relative;overflow:hidden;border-radius:var(--radius-xl);color:#fff;padding:clamp(2.5rem,6vw,4.75rem);
  background:linear-gradient(135deg,var(--wine-700),var(--wine-500) 55%,var(--wine-600))}
.cta-band .blob{filter:blur(60px);opacity:.35}
.cta-band .blob--1{width:340px;height:340px;background:radial-gradient(circle,var(--wine-300),transparent 70%);top:-120px;right:-60px}
.cta-band .blob--2{width:300px;height:300px;background:radial-gradient(circle,var(--navy-500),transparent 70%);bottom:-140px;left:-40px;opacity:.3}
.cta-band__inner{position:relative;z-index:2;display:grid;grid-template-columns:1.3fr .7fr;gap:2rem;align-items:center}
.cta-band h2{color:#fff;margin-bottom:.75rem}
.cta-band h2 em{font-style:normal;font-weight:500;color:var(--wine-100)}
.cta-band p{color:var(--wine-50);opacity:.92;max-width:46ch}
.cta-band__actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.cta-band__actions .btn{width:100%;justify-content:space-between}
@media (max-width:820px){.cta-band__inner{grid-template-columns:1fr}
  .cta-band__actions{flex-direction:row;flex-wrap:wrap}.cta-band__actions .btn{width:auto}}

/* ==========================================================================
   CONTACT STRIP + MAP
   ========================================================================== */
.contact-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(1.5rem,3vw,2.25rem);align-items:stretch}
.contact-cards{display:grid;gap:1rem;align-content:start}
.contact-card{display:flex;gap:1rem;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.35rem;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.contact-card__ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:14px;flex:none;background:var(--navy-wash);color:var(--navy-700)}
.contact-card__ico svg{width:1.35rem;height:1.35rem}
.contact-card small{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact-card strong{display:block;font-family:var(--font-display);font-weight:500;font-size:1.12rem;color:var(--ink);margin-top:.15rem;line-height:1.2}
.contact-card p{font-size:.9rem;margin-top:.15rem}
.map-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);min-height:300px}
.map-wrap iframe{display:block;width:100%;height:100%;min-height:300px;border:0;filter:saturate(.92)}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.site-footer{background:var(--wine-900);color:#e7d4da;padding-block:clamp(3.5rem,7vw,5rem) 2rem}
.site-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:clamp(2rem,4vw,3rem);padding-bottom:2.75rem;border-bottom:1px solid rgba(255,255,255,.10)}
.site-footer__logo{height:90px;width:auto;margin-bottom:1.25rem}
.site-footer__brand p{color:#d6bcc5;font-size:.95rem;line-height:1.65;max-width:34ch;margin-bottom:1.5rem}
.social{display:flex;gap:.7rem}
.social a{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:rgba(255,255,255,.08);color:#f3e4e9;transition:.3s var(--ease)}
.social a:hover{background:var(--navy-500);color:#fff;transform:translateY(-3px)}
.social svg{width:1.15rem;height:1.15rem}
.site-footer__col h3{color:#fff;font-size:1.05rem;margin-bottom:1.15rem}
.site-footer__col a{display:block;color:#d6bcc5;font-size:.95rem;padding:.35rem 0;transition:color .25s var(--ease),transform .25s var(--ease)}
.site-footer__col a:hover{color:var(--navy-300);transform:translateX(3px)}
.site-footer__contact .fc-row{display:flex;gap:.7rem;align-items:flex-start;color:#e7d4da;padding:.4rem 0}
.site-footer__contact .fc-row svg{width:1.15rem;height:1.15rem;color:var(--navy-400);flex:none;margin-top:.15rem}
.site-footer__contact .fc-row:hover{color:#fff}
.fc-hours{display:flex;align-items:center;gap:.6rem;color:#c9a7b2;font-size:.9rem;margin-top:.75rem}
.fc-hours .dot{width:8px;height:8px;border-radius:50%;background:var(--navy-400);flex:none;box-shadow:0 0 0 4px rgba(122,178,172,.18)}
.site-footer__bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1.75rem}
.site-footer__bar p{color:#b593a0;font-size:.85rem}
.site-footer__note{color:#a07f8c}
.site-footer__note a{color:#d9c0c9;font-weight:600;transition:color .25s var(--ease)}
.site-footer__note a:hover{color:#fff;text-decoration:underline}

.to-top{position:fixed;right:1.25rem;bottom:1.25rem;z-index:90;width:3rem;height:3rem;border-radius:50%;background:var(--wine-500);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow);opacity:0;transform:translateY(16px);pointer-events:none;transition:.4s var(--ease)}
.to-top.is-visible{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--wine-600);transform:translateY(-3px)}
.to-top svg{width:1.2rem;height:1.2rem}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width:1000px){
  .split,.split--wide-right,.why-grid,.contact-strip{grid-template-columns:1fr;gap:2.5rem}
  .values{grid-template-columns:1fr 1fr}
  .exp-row,.exp-row:nth-child(even){grid-template-columns:1fr}
  .exp-row:nth-child(even) .exp-row__media{order:0}
  .exp-row__media{max-width:100%}
  .pillars{grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .values{grid-template-columns:1fr}
  .site-footer__grid{grid-template-columns:1fr}
  .hero__actions{flex-direction:column;align-items:stretch}
  .hero__actions .btn{justify-content:space-between}
  .doctor__meta{gap:1.25rem}
  .hero__chip--1{left:-.5rem}
}

/* ==========================================================================
   HOSPITAL GALLERY — larger grid + click-to-open lightbox
   ========================================================================== */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;margin-top:2.75rem}
@media (max-width:900px){.gallery{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gallery{grid-template-columns:1fr}}
.gallery__item{position:relative;display:block;width:100%;aspect-ratio:3/2;padding:0;border:none;cursor:pointer;
  overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--mist)}
.gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.gallery__item::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(28,70,107,0) 52%,rgba(16,33,50,.4));opacity:0;transition:opacity .45s var(--ease)}
.gallery__item:hover img,.gallery__item:focus-visible img{transform:scale(1.06)}
.gallery__item:hover::after,.gallery__item:focus-visible::after{opacity:1}
.gallery__zoom{position:absolute;right:.85rem;bottom:.85rem;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;
  display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--navy-600);
  opacity:0;transform:translateY(8px) scale(.9);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.gallery__item:hover .gallery__zoom,.gallery__item:focus-visible .gallery__zoom{opacity:1;transform:none}
.gallery__zoom svg{width:1.15rem;height:1.15rem}

/* Lightbox popup */
.no-scroll{overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;
  padding:clamp(1rem,4vw,3rem);background:rgba(13,22,32,.93);opacity:0;transition:opacity .3s var(--ease)}
.lightbox.is-open{opacity:1}
.lightbox[hidden]{display:none}
.lightbox__stage{position:relative;display:flex;flex-direction:column;align-items:center;max-width:min(1080px,92vw)}
.lightbox__img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:var(--radius);
  box-shadow:0 40px 90px -24px rgba(0,0,0,.6);background:#fff}
.lightbox__img.is-pop{animation:lbPop .38s var(--ease)}
@keyframes lbPop{from{opacity:.35;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.lightbox__cap{margin-top:.95rem;text-align:center;color:rgba(255,255,255,.78);font-family:var(--font-ui);font-size:.9rem;font-weight:500}
.lightbox__cap b{color:#fff;margin-right:.6rem;font-weight:600}
.lightbox__close{position:absolute;top:1.1rem;right:1.1rem;z-index:3}
.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.lightbox__nav--prev{left:1.2rem}
.lightbox__nav--next{right:1.2rem}
.lightbox__close,.lightbox__nav{width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.12);color:#fff;transition:background .3s var(--ease),transform .3s var(--ease)}
.lightbox__close:hover,.lightbox__nav:hover{background:rgba(255,255,255,.24)}
.lightbox__nav:hover{transform:translateY(-50%) scale(1.06)}
.lightbox__close svg,.lightbox__nav svg{width:1.4rem;height:1.4rem}
@media (max-width:600px){
  .lightbox__nav{width:2.6rem;height:2.6rem}
  .lightbox__nav--prev{left:.5rem}.lightbox__nav--next{right:.5rem}
  .lightbox__close{top:.6rem;right:.6rem}
}

/* ==========================================================================
   PATIENT STORIES — interactive editorial feature (auto-rotating)
   ========================================================================== */
.pstory{position:relative;display:grid;grid-template-columns:1.55fr .95fr;
  gap:clamp(1.5rem,4vw,3rem);align-items:stretch;margin-top:2.75rem}
.pstory__stage{position:relative;overflow:hidden;display:flex;align-items:center;
  min-height:clamp(300px,34vw,360px);padding:clamp(1.75rem,4vw,3rem);
  background:linear-gradient(160deg,var(--paper),var(--navy-50));
  border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow)}
.pstory__mark{position:absolute;top:-2.6rem;left:.6rem;font-family:var(--font-display);font-weight:600;
  font-size:14rem;line-height:1;color:var(--navy-100);z-index:0;pointer-events:none;user-select:none}
.pstory__index{position:absolute;top:1.4rem;right:1.6rem;z-index:2;font-family:var(--font-ui);font-weight:600;
  font-size:.8rem;letter-spacing:.14em;color:var(--stone)}
.pstory__index b{color:var(--wine-600)}
.pstory__panels{position:relative;z-index:1;display:grid;width:100%}
.pstory__panel{grid-area:1/1;opacity:0;transform:translateY(16px);pointer-events:none;
  transition:opacity .55s var(--ease),transform .55s var(--ease)}
.pstory__panel.is-active{opacity:1;transform:none;pointer-events:auto}
.pstory__text{font-family:var(--font-display);font-weight:400;font-size:clamp(1.35rem,2.5vw,2.05rem);
  line-height:1.32;letter-spacing:-.01em;color:var(--ink)}
.pstory__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem;margin-top:1.6rem}
.pstory__tag{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-ui);font-weight:600;
  font-size:.78rem;color:var(--wine-700);background:var(--wine-wash);padding:.5rem .9rem;border-radius:100px}
.pstory__tag::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--wine-500)}
.pstory__cite{font-style:normal;font-family:var(--font-ui);font-weight:600;font-size:.92rem;color:var(--ink-soft)}

.pstory__nav{display:flex;flex-direction:column;gap:.6rem}
.pstory__who{position:relative;overflow:hidden;display:flex;align-items:center;gap:.85rem;text-align:left;
  padding:.95rem 1.05rem;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);
  transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.pstory__who:hover{transform:translateX(4px)}
.pstory__who.is-active{border-color:transparent;box-shadow:var(--shadow);transform:translateX(4px)}
.pstory__ava{width:2.7rem;height:2.7rem;border-radius:50%;flex:none;display:grid;place-items:center;
  font-family:var(--font-display);font-weight:500;font-size:.95rem;color:#fff;
  background:linear-gradient(140deg,var(--navy-500),var(--wine-500))}
.pstory__meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.pstory__meta b{font-weight:600;color:var(--ink);font-size:.98rem}
.pstory__meta small{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pstory__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;
  background:var(--wine-500);transition:transform .25s var(--ease)}
.pstory__who.is-active .pstory__bar{transform:scaleX(1);transition:transform 6s linear}
.pstory__disclaimer{margin-top:1.4rem;font-size:.8rem;color:var(--muted)}
@media (max-width:860px){
  .pstory{grid-template-columns:1fr;gap:1.1rem}
  .pstory__nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.6rem;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}
  .pstory__who{flex:0 0 auto;min-width:210px}
  .pstory__who:hover,.pstory__who.is-active{transform:none}
}

/* ==========================================================================
   CREDENTIALS STRIP
   ========================================================================== */
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.5rem}
.cred{display:flex;flex-direction:column;gap:.3rem;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius);padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm)}
.cred__ico{width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;margin-bottom:.55rem;
  background:var(--navy-wash);color:var(--navy-600)}
.cred__ico svg{width:1.35rem;height:1.35rem}
.cred b{font-weight:600;color:var(--ink);font-size:1rem;line-height:1.25}
.cred>span:last-child{color:var(--muted);font-size:.88rem;line-height:1.45}
@media (max-width:820px){.creds{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.creds{grid-template-columns:1fr}}

/* ==========================================================================
   CARE JOURNEY (timeline)
   ========================================================================== */
.journey{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2.75rem;position:relative}
.journey::before{content:"";position:absolute;top:1.3rem;left:9%;right:9%;height:2px;z-index:0;
  background:linear-gradient(90deg,var(--navy-200),var(--wine-200))}
.journey__step{position:relative;text-align:center;padding:0 .25rem}
.journey__num{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;position:relative;z-index:2;
  font-family:var(--font-display);font-weight:500;color:#fff;background:linear-gradient(140deg,var(--navy-500),var(--wine-500));margin-bottom:.85rem}
.journey__ico{display:block;color:var(--navy-500);margin-bottom:.5rem}
.journey__ico svg{width:1.6rem;height:1.6rem;margin:0 auto}
.journey__step h4{font-size:1rem;margin-bottom:.3rem}
.journey__step p{font-size:.85rem;line-height:1.45;color:var(--ink-soft)}
@media (max-width:920px){.journey{grid-template-columns:1fr 1fr 1fr;gap:1.5rem 1rem}.journey::before{display:none}}
@media (max-width:560px){.journey{grid-template-columns:1fr 1fr}}

/* ==========================================================================
   MATERNITY & WOMEN'S CARE
   ========================================================================== */
.wcare{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem;margin-top:2.75rem}
.wcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.75rem;
  box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.wcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.wcard__ico{width:3rem;height:3rem;border-radius:14px;display:grid;place-items:center;margin-bottom:1rem;
  background:var(--wine-wash);color:var(--wine-600)}
.wcard__ico svg{width:1.5rem;height:1.5rem}
.wcard h3{font-size:1.1rem;margin-bottom:.5rem}
.wcard p{font-size:.92rem;line-height:1.55;color:var(--ink-soft)}
@media (max-width:900px){.wcare{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.wcare{grid-template-columns:1fr}}

/* ==========================================================================
   RECOVERY SUITES & ROOMS
   ========================================================================== */
.suite-figure{aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.suite-figure img{width:100%;height:100%;object-fit:cover;display:block}
.suite-amenities{list-style:none;margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.suite-amenities li{display:flex;align-items:center;gap:.7rem;font-weight:500;color:var(--ink)}
.suite-amenities svg{width:1.2rem;height:1.2rem;color:var(--wine-500);flex:none}
.suites-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.75rem}
.tier{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.9rem 1.75rem;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.tier:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.tier::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--navy-500),var(--navy-300))}
.tier--deluxe::before{background:linear-gradient(90deg,var(--wine-500),var(--wine-300))}
.tier--premium::before{background:linear-gradient(90deg,var(--navy-500),var(--wine-500))}
.tier__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}
.tier__ico{width:2.9rem;height:2.9rem;border-radius:14px;display:grid;place-items:center;background:var(--navy-wash);color:var(--navy-600)}
.tier--deluxe .tier__ico{background:var(--wine-wash);color:var(--wine-600)}
.tier--premium .tier__ico{background:linear-gradient(140deg,var(--navy-500),var(--wine-500));color:#fff}
.tier__ico svg{width:1.55rem;height:1.55rem}
.tier__label{font-family:var(--font-ui);font-weight:600;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tier__name{font-size:1.35rem;margin-bottom:.4rem}
.tier__desc{font-size:.92rem;color:var(--ink-soft);line-height:1.5}
.tier__rooms{list-style:none;display:flex;flex-wrap:wrap;gap:.55rem}
.tier__rooms li{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-ui);font-weight:600;font-size:.78rem;
  color:var(--ink-soft);background:var(--shell);border-radius:100px;padding:.3rem .7rem}
.tier__rooms li::before{content:"";width:.32rem;height:.32rem;border-radius:50%;background:var(--wine-400);flex:none}
@media (max-width:820px){.suites-tiers{grid-template-columns:1fr}}

/* ==========================================================================
   ARKKAYA × JIVANYOG STORY
   ========================================================================== */
.story-figure{aspect-ratio:16/11;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.story-figure img{width:100%;height:100%;object-fit:cover;display:block}

/* ==========================================================================
   ABOUT THE SURGEON (portrait + credentials checklist + highlights)
   ========================================================================== */
.surgeon{display:grid;grid-template-columns:.9fr 1.25fr .85fr;gap:clamp(1.5rem,3vw,2.5rem);align-items:center}
.surgeon__portrait{position:relative}
.surgeon__portrait::before{content:"";position:absolute;inset:-7% -7% 3% -7%;z-index:-1;border-radius:var(--radius-xl);
  background:radial-gradient(circle at 30% 18%,var(--wine-wash),transparent 72%)}
.surgeon__frame{aspect-ratio:851/1280;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);
  background:linear-gradient(160deg,var(--wine-wash),var(--navy-wash))}
.surgeon__frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.surgeon__sign{display:block;text-align:center;margin-top:.9rem;font-family:var(--font-display);font-style:italic;font-weight:400;font-size:1.4rem;color:var(--navy-700)}
.surgeon__name{margin:.7rem 0 .1rem}
.surgeon__role{font-family:var(--font-ui);font-weight:600;font-style:normal;color:var(--wine-500);font-size:1.05rem;letter-spacing:.01em;margin-bottom:1.35rem}
.surgeon__list{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.8rem}
.surgeon__list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.97rem;color:var(--ink-soft);line-height:1.4}
.surgeon__list svg{width:1.2rem;height:1.2rem;color:var(--wine-500);flex:none;margin-top:.1rem}
.surgeon__highlights{display:flex;flex-direction:column;gap:1.15rem;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:1.6rem;box-shadow:var(--shadow-sm)}
.shl{display:flex;align-items:flex-start;gap:.85rem}
.shl__ico{width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;background:var(--wine-wash);color:var(--wine-600);flex:none}
.shl__ico svg{width:1.3rem;height:1.3rem}
.shl b{display:block;color:var(--ink);font-size:1rem;line-height:1.2;margin-bottom:.1rem}
.shl__desc{display:block;color:var(--muted);font-size:.86rem;line-height:1.25}
@media (max-width:1000px){
  .surgeon{grid-template-columns:.9fr 1.2fr}
  .surgeon__highlights{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;gap:1.1rem 1.75rem}
  .shl{flex:1 1 42%}
}
@media (max-width:680px){
  .surgeon{grid-template-columns:1fr}
  .surgeon__portrait{max-width:330px;margin-inline:auto}
  .shl{flex:1 1 100%}
}

/* ==========================================================================
   COMPLETE WOMEN'S CARE — arch image cards + trust badges
   ========================================================================== */
.mcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem;margin-top:2.75rem}
.mcard{text-align:center}
.mcard__media{position:relative;aspect-ratio:4/5;border-radius:180px 180px 22px 22px;overflow:hidden;box-shadow:var(--shadow);
  background:linear-gradient(165deg,var(--wine-wash),var(--navy-wash))}
.mcard__media img{width:100%;height:100%;object-fit:cover;display:block}
.mcard__ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--wine-300)}
.mcard__ph svg{width:60px;height:60px;opacity:.7}
.mcard__badge{position:relative;z-index:2;width:3.4rem;height:3.4rem;margin:-1.7rem auto .85rem;border-radius:50%;
  display:grid;place-items:center;background:var(--wine-500);color:#fff;border:4px solid var(--mist);box-shadow:var(--shadow-sm)}
.mcard__badge svg{width:1.6rem;height:1.6rem}
.mcard h4{font-size:1.1rem;line-height:1.25;margin-bottom:.7rem}
.mcard__div{display:block;width:26px;height:2px;background:var(--wine-300);border-radius:2px;margin:0 auto .8rem}
.mcard p{font-size:.9rem;line-height:1.55;color:var(--ink-soft)}
@media (max-width:900px){.mcards{grid-template-columns:1fr 1fr;gap:1.5rem 1.75rem}}
@media (max-width:520px){.mcards{grid-template-columns:1fr;max-width:330px;margin-inline:auto}}

.mtrust{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.75rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.mtrust span{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-ui);font-weight:600;font-size:.9rem;color:var(--ink-soft)}
.mtrust svg{width:1.3rem;height:1.3rem;color:var(--wine-500);flex:none}
@media (max-width:560px){.mtrust{gap:.9rem 1.5rem}.mtrust span{font-size:.82rem}}

/* ==========================================================================
   INNER PAGES
   ========================================================================== */

/* ---- Standard page header (navy banner) -------------------------------- */
.page-header{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(140deg,var(--navy-600) 0%,var(--navy-800) 60%,var(--navy-900) 100%);
  padding:clamp(3rem,7vw,5.25rem) 0 clamp(2.75rem,6vw,4.5rem)}
.page-header__glow{position:absolute;left:-12%;top:-45%;width:62%;height:185%;pointer-events:none;
  background:radial-gradient(circle,var(--wine-700),transparent 66%);opacity:.55}
.page-header__decor{position:absolute;right:3%;top:50%;transform:translateY(-50%);color:#fff;opacity:.09;pointer-events:none}
.page-header__decor svg{width:clamp(190px,25vw,330px);height:auto}
.page-header__inner{position:relative;z-index:1}
.page-header h1{color:#fff;font-size:clamp(2.1rem,4.6vw,3.35rem);line-height:1.08;margin:.5rem 0 0;max-width:22ch}
.page-header h1 em{font-style:normal;font-weight:500;color:var(--wine-200)}
.page-header__sub{color:rgba(255,255,255,.8);font-size:1.05rem;line-height:1.6;max-width:62ch;margin-top:1.05rem}
.eyebrow--ondark{color:var(--wine-200)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:500;font-size:.83rem;margin-bottom:1.3rem}
.crumbs a{color:rgba(255,255,255,.68);transition:color .25s var(--ease)}
.crumbs a:hover{color:#fff}
.crumbs span[aria-current]{color:var(--wine-200)}
.crumbs__sep{color:rgba(255,255,255,.32)}

/* ---- Temporary image placeholder --------------------------------------- */
.img-ph{position:relative;display:grid;place-items:center;align-content:center;gap:.55rem;text-align:center;
  background:linear-gradient(160deg,var(--wine-wash),var(--navy-wash));
  border:1.5px dashed var(--stone);border-radius:var(--radius-lg);color:var(--muted);overflow:hidden}
.img-ph svg{width:42px;height:42px;opacity:.65}
.img-ph span{font-family:var(--font-ui);font-weight:600;font-size:.78rem;letter-spacing:.04em}
.img-ph--tall{aspect-ratio:4/5}
.img-ph--wide{aspect-ratio:16/11}
.img-ph--feature{aspect-ratio:4/3}

/* shared framed figure for inner pages */
.figure-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.figure-frame img{width:100%;height:100%;object-fit:cover;display:block}
.figure-frame--tall{aspect-ratio:4/5}
.figure-frame--poster{aspect-ratio:851/1280}
.figure-frame--feature{aspect-ratio:4/3}

/* ---- Mini stat row (inline, on light) ---------------------------------- */
.ministat-row{display:flex;flex-wrap:wrap;gap:1.4rem 2.75rem;margin-top:2rem;padding-top:1.85rem;border-top:1px solid var(--line)}
.ministat b{display:block;font-family:var(--font-display);font-weight:500;font-size:1.75rem;color:var(--navy-600);line-height:1}
.ministat span{font-size:.84rem;color:var(--muted)}

/* ---- Expertise grid ---------------------------------------------------- */
.exlist{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;margin-top:2.75rem}
.exitem{display:flex;gap:1rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.exitem:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.exitem__ico{width:3rem;height:3rem;border-radius:14px;display:grid;place-items:center;background:var(--navy-wash);color:var(--navy-600);flex:none}
.exitem__ico svg{width:1.5rem;height:1.5rem}
.exitem h3{font-size:1.06rem;margin-bottom:.35rem}
.exitem p{font-size:.9rem;line-height:1.5;color:var(--ink-soft)}
@media (max-width:760px){.exlist{grid-template-columns:1fr}}

/* ---- Dark feature band (teaching / recognition) ------------------------ */
.band{position:relative;overflow:hidden;border-radius:var(--radius-xl);color:#fff;
  background:linear-gradient(140deg,var(--navy-600),var(--navy-800));padding:clamp(2.1rem,4.5vw,3.4rem)}
.band__glow{position:absolute;right:-10%;top:-40%;width:55%;height:180%;pointer-events:none;
  background:radial-gradient(circle,var(--wine-700),transparent 66%);opacity:.5}
.band__inner{position:relative;z-index:1}
.band h2{color:#fff;margin-bottom:.9rem}
.band h2 em{color:var(--wine-200)}
.band__lead{color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.6;max-width:60ch}
.band-points{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2.25rem}
.band-point__ico{width:2.8rem;height:2.8rem;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff;margin-bottom:.85rem}
.band-point__ico svg{width:1.4rem;height:1.4rem}
.band-point b{display:block;font-family:var(--font-display);font-size:1.15rem;color:#fff;margin-bottom:.2rem}
.band-point span{font-size:.86rem;color:rgba(255,255,255,.72);line-height:1.4}
@media (max-width:820px){.band-points{grid-template-columns:1fr 1fr;gap:1.5rem 1.75rem}}
@media (max-width:460px){.band-points{grid-template-columns:1fr}}

/* ---- Treatments: sticky condition nav ---------------------------------- */
.tx-nav{position:sticky;top:68px;z-index:40;background:rgba(253,250,244,.9);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line)}
.tx-nav__inner{display:flex;gap:.55rem;overflow-x:auto;padding:.8rem 0;scrollbar-width:none}
.tx-nav__inner::-webkit-scrollbar{display:none}
.tx-nav a{flex:none;font-family:var(--font-ui);font-weight:600;font-size:.88rem;color:var(--ink-soft);white-space:nowrap;
  padding:.55rem 1.05rem;border-radius:100px;background:var(--paper);border:1px solid var(--line);transition:.25s var(--ease)}
.tx-nav a:hover{color:var(--wine-600);border-color:var(--wine-200)}
.tx-nav a.is-current{background:var(--navy-600);color:#fff;border-color:var(--navy-600)}

/* ---- Treatments: deep-dive sections ------------------------------------ */
.tx{padding:clamp(3rem,6vw,5rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.tx:last-of-type{border-bottom:none}
.tx--alt{background:var(--mist)}
.tx__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.tx--flip .tx__media{order:2}
.tx__figure{position:relative;aspect-ratio:4/3;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}
.tx__figure img{width:100%;height:100%;object-fit:cover;display:block}
.tx__badge{position:absolute;top:1rem;left:1rem;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;
  font-family:var(--font-display);font-weight:500;font-size:1.3rem;color:#fff;box-shadow:var(--shadow-sm);
  background:linear-gradient(140deg,var(--navy-500),var(--wine-500))}
.tx__eyebrow{font-family:var(--font-ui);font-weight:700;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--wine-600)}
.tx h2{margin:.7rem 0 .9rem}
.tx__lead{font-size:1.02rem;line-height:1.65;color:var(--ink-soft)}
.tx__block{margin-top:1.55rem}
.tx__block-label{display:flex;align-items:center;gap:.5rem;font-family:var(--font-ui);font-weight:700;
  font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-600);margin-bottom:.75rem}
.tx__block-label svg{width:1.05rem;height:1.05rem}
.sympt{display:flex;flex-wrap:wrap;gap:.5rem}
.sympt span{font-family:var(--font-ui);font-weight:600;font-size:.82rem;color:var(--ink-soft);
  background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:.4rem .85rem}
.tx--alt .sympt span{background:#fff}
.tx__approach{font-size:.96rem;line-height:1.6;color:var(--ink-soft)}
.tx__callout{display:flex;align-items:center;gap:.75rem;margin-top:1.6rem;padding:1rem 1.25rem;border-radius:14px;
  background:var(--wine-wash);border-left:3px solid var(--wine-500)}
.tx__callout svg{color:var(--wine-600);width:1.4rem;height:1.4rem;flex:none}
.tx__callout b{color:var(--wine-800);font-size:.94rem;font-weight:600}
@media (max-width:860px){.tx__grid{grid-template-columns:1fr;gap:2rem}.tx--flip .tx__media{order:0}}

/* ---- Contact info + form ----------------------------------------------- */
.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:2.5rem}}
.cinfo{display:flex;flex-direction:column;gap:1.5rem}
.cinfo__item{display:flex;gap:1rem}
.cinfo__ico{width:3rem;height:3rem;border-radius:14px;display:grid;place-items:center;background:var(--wine-wash);color:var(--wine-600);flex:none}
.cinfo__ico svg{width:1.4rem;height:1.4rem}
.cinfo__item small{display:block;font-family:var(--font-ui);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.28rem}
.cinfo__item a,.cinfo__item p{font-size:1.02rem;color:var(--ink);line-height:1.5}
.cinfo__item a:hover{color:var(--wine-600)}
.cinfo__note{font-style:italic;font-size:.9rem;color:var(--muted)}
.cinfo__socials{display:flex;gap:.6rem;margin-top:.4rem}
.cinfo__socials a{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--navy-wash);color:var(--navy-700);transition:.25s var(--ease)}
.cinfo__socials a:hover{background:var(--wine-500);color:#fff}
.cinfo__socials svg{width:1.2rem;height:1.2rem}

.form-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);
  padding:clamp(1.6rem,3vw,2.4rem);box-shadow:var(--shadow)}
.form-card h2{font-size:1.5rem;margin-bottom:.4rem}
.form-card>p{font-size:.94rem;color:var(--ink-soft);margin-bottom:1.6rem}
.field{margin-bottom:1.05rem}
.field label{display:block;font-family:var(--font-ui);font-weight:600;font-size:.84rem;color:var(--ink-soft);margin-bottom:.42rem}
.field input,.field select,.field textarea{width:100%;font-family:var(--font-ui);font-size:.98rem;color:var(--ink);
  background:var(--canvas);border:1.5px solid var(--line);border-radius:14px;padding:.85rem 1rem;
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.field input::placeholder,.field textarea::placeholder{color:var(--stone)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--wine-400);box-shadow:0 0 0 3px var(--wine-wash)}
.field textarea{resize:vertical;min-height:108px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.05rem}
@media (max-width:560px){.form-row{grid-template-columns:1fr}}
.btn--block{width:100%;justify-content:space-between}
.form-note{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--muted);margin-top:1.05rem}
.form-note svg{width:1rem;height:1rem;flex:none;color:var(--wine-500)}

/* ---- Map ---------------------------------------------------------------- */
.map-embed{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);line-height:0}
.map-embed iframe{width:100%;height:clamp(320px,42vw,460px);border:0;display:block;filter:saturate(1.05)}