/* Layout: Kerala colours used in bands. Deep banana-leaf green opens and closes each page, turmeric and sage tiles carry the two paths, and each therapy has its own tinted tile. Kasavu (cream cloth, gold stripes) divides the bands. Maroon stays in the logo. */
:root{
  --ground:#FBF6EC; --surface:#FFFFFF; --ink:#22201A; --muted:#675F52; --line:#E8DFCE;
  --leaf:#1E5338; --leaf-deep:#163F2A; --on-leaf:#F7F1E3; --leaf-soft:#E4EFE5; --leaf-ink:#1E5338;
  --turmeric:#E2A42B; --turmeric-soft:#FBEBC6; --turmeric-ink:#7A5310;
  --clay:#B8653A; --clay-soft:#F6E2D4;
  --teal:#2A6F70; --teal-soft:#DCEDEC;
  --gold:#C29B4E; --gold-ink:#8A6A27; --cloth:#F6EEDC;
  --display:"Marcellus", "Palatino Linotype", Georgia, serif;
  --body:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ml:"Noto Serif Malayalam", "Noto Sans Malayalam", serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#14130F; --surface:#1C1B16; --ink:#EEE8DC; --muted:#A79F90; --line:#302D25;
  --leaf:#173F2A; --leaf-deep:#0F2D1D; --on-leaf:#F3EDDF; --leaf-soft:#1A2A1F; --leaf-ink:#A8D2B3;
  --turmeric:#E7B04A; --turmeric-soft:#2E2715; --turmeric-ink:#EBC271;
  --clay:#D98A5F; --clay-soft:#2E211A;
  --teal:#7CC0BF; --teal-soft:#16292A;
  --gold:#D3B06B; --gold-ink:#D3B06B; --cloth:#26231B; color-scheme:dark}}
:root[data-theme="dark"]{
  --ground:#14130F; --surface:#1C1B16; --ink:#EEE8DC; --muted:#A79F90; --line:#302D25;
  --leaf:#173F2A; --leaf-deep:#0F2D1D; --on-leaf:#F3EDDF; --leaf-soft:#1A2A1F; --leaf-ink:#A8D2B3;
  --turmeric:#E7B04A; --turmeric-soft:#2E2715; --turmeric-ink:#EBC271;
  --clay:#D98A5F; --clay-soft:#2E211A;
  --teal:#7CC0BF; --teal-soft:#16292A;
  --gold:#D3B06B; --gold-ink:#D3B06B; --cloth:#26231B; color-scheme:dark}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--ground);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.7;margin:0}
.wrap{max-width:72rem;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.15;text-wrap:balance;margin:0}
h1{font-size:clamp(2.4rem,5.2vw,4rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.5rem)}
h3{font-size:1.3rem}
p{margin:0}
a{color:inherit}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--turmeric);outline-offset:3px;border-radius:4px}
.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.muted{color:var(--muted)}

/* Kasavu: cream cloth with a woven gold border */
.kasavu{height:14px;background:
  linear-gradient(var(--gold),var(--gold)) 0 2px/100% 2px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 0 10px/100% 2px no-repeat,
  repeating-linear-gradient(90deg,transparent 0 6px,color-mix(in srgb,var(--gold) 70%,transparent) 6px 8px) 0 5px/100% 4px no-repeat,
  var(--cloth)}
.kasavu.thin{height:7px;background:
  linear-gradient(var(--gold),var(--gold)) 0 0/100% 1px no-repeat,
  linear-gradient(var(--gold),var(--gold)) 0 6px/100% 1px no-repeat,
  repeating-linear-gradient(90deg,transparent 0 5px,color-mix(in srgb,var(--gold) 50%,transparent) 5px 6px) 0 2px/100% 3px no-repeat}
.kasavu.short{width:72px}

/* Header: always white so the logo reads */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:#FFFFFF;color:#22201A;box-shadow:0 1px 0 #E8DFCE}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px;flex-wrap:nowrap;transition:padding .25s ease}
.brand{display:block;flex:none;text-decoration:none;--logo-h:72px}
.brand img{height:var(--logo-h);width:auto;transition:height .25s ease}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.site-header.compact .bar{padding-block:10px}
.site-header.compact .brand{--logo-h:52px}
@media (prefers-reduced-motion:reduce){.brand img,.site-header .bar{transition:none}}
.nav{display:flex;align-items:center;gap:clamp(14px,2vw,26px);flex-wrap:nowrap;white-space:nowrap;font-size:.95rem}
.nav a{text-decoration:none;color:#3F382F}
.nav a:hover,.nav a[aria-current="page"]{color:#1E5338;text-decoration:underline;text-decoration-color:#E2A42B;text-decoration-thickness:2px;text-underline-offset:6px}
.nav .book{background:#1E5338;color:#FFFFFF;border-radius:999px;padding:7px 16px;font-weight:600}
.nav .book:hover{background:#163F2A;color:#FFFFFF;text-decoration:none}
.menu-btn{display:none;font:inherit;background:none;border:1px solid #D9D2C6;border-radius:999px;padding:6px 14px;color:#22201A;cursor:pointer}

/* Buttons */
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font:inherit;font-weight:600;font-size:.97rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;line-height:1.2}
.btn svg{width:17px;height:17px;flex:none}
.btn.primary{background:var(--leaf);color:#FFFFFF}
.btn.primary:hover{background:var(--leaf-deep)}
.btn.sun{background:var(--turmeric);color:#22180A}
.btn.sun:hover{filter:brightness(1.06)}
.btn.line{border-color:var(--line);color:var(--ink);background:var(--surface)}
.btn.line:hover{border-color:var(--ink)}
.btn.ghost{border-color:color-mix(in srgb,var(--on-leaf) 55%,transparent);color:var(--on-leaf);background:transparent}
.btn.ghost:hover{border-color:var(--on-leaf)}
.link{color:var(--leaf-ink);font-weight:600;text-decoration:none}
.link:hover{text-decoration:underline;text-decoration-color:var(--turmeric);text-decoration-thickness:2px;text-underline-offset:4px}

/* Bands */
section{padding-block:clamp(56px,8vw,100px)}
.band-white{background:var(--surface)}
.band-sage{background:var(--leaf-soft)}
.band-sun{background:var(--turmeric-soft)}
.band-leaf{background:var(--leaf);color:var(--on-leaf)}
.band-leaf .eyebrow{color:var(--turmeric)}
.band-leaf .muted{color:color-mix(in srgb,var(--on-leaf) 80%,transparent)}
.sec-head{display:grid;gap:12px;max-width:46rem;margin-bottom:44px}
.sec-head p{color:var(--muted)}
.band-leaf .sec-head p{color:color-mix(in srgb,var(--on-leaf) 82%,transparent)}

.page-head{background:var(--leaf);color:var(--on-leaf)}
.page-head .wrap{padding-block:clamp(48px,7vw,84px)}
.page-head .eyebrow{color:var(--turmeric)}
.page-head .lede{max-width:42rem;margin-top:18px;font-size:1.12rem;color:color-mix(in srgb,var(--on-leaf) 85%,transparent)}

/* Home hero */
.hero{background:var(--leaf);color:var(--on-leaf)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;align-items:center;padding-block:clamp(52px,8vw,100px)}
.hero .ml{font-family:var(--ml);color:var(--turmeric);font-size:1.02rem;margin-bottom:14px}
.hero .kind{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:color-mix(in srgb,var(--on-leaf) 78%,transparent);margin-bottom:22px}
.hero h1{max-width:17ch}
.hero h1 .mid{color:var(--turmeric)}
.hero .lede{max-width:40rem;margin-block:26px 0;font-size:1.13rem;color:color-mix(in srgb,var(--on-leaf) 88%,transparent)}
.hero .wrap.has-img{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.hero figure{margin:0}
.hero figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}
.hero .lede-2{margin-block:14px 34px}
.contact-line{margin-top:18px;font-size:.92rem;color:color-mix(in srgb,var(--on-leaf) 78%,transparent)}

/* Therapy tints */
.t-sun{--tint:var(--turmeric);--tint-soft:var(--turmeric-soft);--tint-ink:var(--turmeric-ink)}
.t-sage{--tint:var(--leaf);--tint-soft:var(--leaf-soft);--tint-ink:var(--leaf-ink)}
.t-clay{--tint:var(--clay);--tint-soft:var(--clay-soft);--tint-ink:var(--clay)}
.t-teal{--tint:var(--teal);--tint-soft:var(--teal-soft);--tint-ink:var(--teal)}
.ph img{width:100%;aspect-ratio:4/3;object-fit:cover}

/* Paths */
.paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.path{display:grid;gap:10px;padding:34px;border-radius:18px;text-decoration:none;transition:transform .2s ease}
.path:hover{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.path{transition:none}.path:hover{transform:none}}
.path.cond{background:var(--turmeric-soft)}
.path.well{background:var(--leaf-soft)}
.path .eyebrow{color:var(--muted)}
.path h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.path p{color:var(--muted);max-width:30rem}
.path .go{font-weight:600;margin-top:4px}
.path.cond .go{color:var(--turmeric-ink)}
.path.well .go{color:var(--leaf-ink)}

.facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.facts li{display:grid;gap:4px;padding-left:16px;border-left:3px solid var(--turmeric)}
.facts li:nth-child(2){border-color:var(--leaf)}
.facts li:nth-child(3){border-color:var(--clay)}
.facts li:nth-child(4){border-color:var(--teal)}
.facts .k{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.facts .v{font-family:var(--display);font-size:1.35rem}

.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,6vw,80px);align-items:start}
.prose{display:grid;gap:18px;color:var(--muted);max-width:42rem}
.prose strong{color:var(--ink);font-weight:600}
.two figure{margin:28px 0 0}
.two figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.two figure.deity{max-width:300px}
.two figure.deity{max-width:240px;margin-top:36px}
.two figure.deity img{aspect-ratio:auto;object-fit:contain;border-radius:0}
.two figure figcaption{margin-top:12px;font-size:.88rem;color:var(--muted);text-align:center}

.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px}
.pillar{display:grid;gap:8px;align-content:start;padding:24px;border-radius:16px;background:var(--ground)}
.pillar .dot{width:12px;height:12px;border-radius:50%;background:var(--turmeric)}
.pillar:nth-child(2) .dot{background:var(--leaf-ink)}
.pillar:nth-child(3) .dot{background:var(--clay)}
.pillar:nth-child(4) .dot{background:var(--teal)}
.pillar h3{font-size:1.15rem}
.pillar p{color:var(--muted);font-size:.95rem}

/* Therapy cards */
.therapies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.therapy{display:grid;align-content:start;background:var(--surface);border-radius:16px;overflow:hidden;border-top:5px solid var(--tint)}
.therapy .body{display:grid;gap:8px;padding:22px 24px 26px}
.therapy .alt{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--tint-ink)}
.therapy p{color:var(--muted);font-size:.95rem}
.therapy .for{font-size:.88rem;color:var(--ink);padding-top:8px;border-top:1px solid var(--line)}
.therapy .for b{font-weight:600}

/* Home: one-line scrolling strip */
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,290px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.strip .therapy{scroll-snap-align:start;text-decoration:none}
.strip .therapy:hover h3{text-decoration:underline;text-decoration-color:var(--tint);text-underline-offset:4px}

/* Home About: image beside text, both on the same grid as the four boxes below */
.about-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:center}
.about-media{grid-column:1}
.about-row .prose{grid-column:2 / span 3;max-width:none}
.about-media figure{margin:0}
.about-media figure + figure{margin-top:24px}
.about-media figure:not(.deity) img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.about-media .deity img{width:100%;max-width:240px;margin-inline:auto;object-fit:contain}
.about-media figcaption{margin-top:12px;font-size:.88rem;color:var(--muted);text-align:center}

/* Doctors */
.teaser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.teaser .who{display:grid;gap:6px;padding:28px;border-radius:18px;background:var(--surface)}
.teaser .pre{font-family:var(--display);color:var(--gold-ink)}
.teaser .title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--leaf-ink)}
.teaser .spec{color:var(--muted)}

.doctor{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding:clamp(24px,4vw,44px);border-radius:20px;background:var(--surface);border:1.5px solid var(--leaf-ink)}
.doctor + .doctor{margin-top:24px}
.doctor.no-img{grid-template-columns:minmax(0,1fr)}
.doctor .portrait img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px}
.doctor .title{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--leaf-ink)}
.doctor .pre{font-family:var(--display);color:var(--gold-ink);font-size:1.1rem;margin-top:10px}
.doctor h2{margin-block:2px 8px}
.doctor .spec{font-weight:600}
.doctor .body{display:grid;gap:18px;max-width:46rem}
.creds{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.creds li{font-size:.86rem;padding:5px 12px;border-radius:999px;background:var(--turmeric-soft);color:var(--turmeric-ink);font-weight:600}
.bio{color:var(--muted);display:grid;gap:14px}
.op{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:6px}
.op .label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.op table{border-collapse:collapse;font-variant-numeric:tabular-nums}
.op td{padding:2px 24px 2px 0;vertical-align:top}
.op .tbc{color:var(--muted)}
.op .label + table + .label{margin-top:10px}

/* Rows (conditions, nearby) */
.rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;padding-block:20px;border-top:1px solid var(--line)}
.row h3{font-size:1.2rem}
.row .tag{font-size:.82rem;color:var(--gold-ink);font-weight:600;align-self:baseline;text-align:right;max-width:15rem}
.row p{grid-column:1/-1;color:var(--muted);font-size:.96rem}
.group + .group{margin-top:56px}
.group-title{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:8px}
.terms{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;grid-column:1/-1}
.terms span{font-size:.85rem;padding:4px 12px;border-radius:999px;background:var(--leaf-soft);color:var(--leaf-ink);font-weight:600}

.note{margin-top:40px;padding:26px 30px;border-radius:18px;background:var(--leaf);color:var(--on-leaf);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.note p{max-width:38rem}
.wide-photo{margin-bottom:44px}
.wide-photo img{width:100%;height:clamp(220px,36vw,440px);object-fit:cover}

.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:s}
.step{counter-increment:s;display:grid;gap:10px;padding:26px;border-radius:18px;background:var(--surface)}
.step::before{margin-bottom:10px;content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--turmeric);color:#22180A;font-family:var(--display);font-size:1.3rem}
.step p{color:var(--muted)}

/* Packages */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.card{display:grid;gap:10px;align-content:start;padding:26px;border-radius:18px;background:var(--surface)}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin-bottom:6px}
.card .dur{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.card ul{margin:0;padding-left:18px;color:var(--muted);font-size:.95rem}
.card p{color:var(--muted);font-size:.95rem}
.card .price{font-family:var(--display);font-size:1.35rem;color:var(--leaf-ink);font-variant-numeric:tabular-nums}
.empty{max-width:40rem;color:var(--muted);display:grid;gap:20px}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}

/* Contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,6vw,80px);align-items:start}
.details{display:grid;gap:26px}
.details .label{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:4px}
.details .val{font-size:1.05rem;overflow-wrap:anywhere}
.maplinks{display:flex;gap:20px;flex-wrap:wrap;margin-top:8px}
.copy{margin-left:10px;font:inherit;font-size:.78rem;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 10px;cursor:pointer}
form.enquiry{display:grid;gap:18px;padding:32px;background:var(--surface);border-radius:20px;border-top:6px solid var(--turmeric)}
form.enquiry h2{font-size:1.7rem}
.field{display:grid;gap:6px}
.field label{font-size:.85rem;font-weight:600}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:11px 12px;width:100%}
.field textarea{min-height:110px;resize:vertical}
.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{font-size:.92rem;color:var(--muted)}
form.enquiry .btn{justify-self:start}

/* Footer */
.site-footer{background:var(--leaf-deep);color:color-mix(in srgb,var(--on-leaf) 78%,transparent);padding-block:48px 32px;font-size:.92rem}
.site-footer .cols{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:32px}
.site-footer h3{font-family:var(--body);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--turmeric);margin-bottom:10px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.site-footer a{text-decoration:none}
.site-footer a:hover{color:var(--on-leaf);text-decoration:underline}
.site-footer .base{margin-top:40px;padding-top:20px;border-top:1px solid color-mix(in srgb,var(--on-leaf) 18%,transparent);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.85rem}

@media (max-width:960px){
  .hero .wrap,.hero .wrap.has-img,.two,.contact-grid{grid-template-columns:minmax(0,1fr)}
  .hero figure img{aspect-ratio:16/10}
  .facts,.pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .therapies,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:minmax(0,1fr)}
  .site-footer .cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .site-footer .cols > :first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .paths,.rows,.teaser,.pair,.cards,.about-row{grid-template-columns:minmax(0,1fr)}
  .about-media,.about-row .prose{grid-column:auto;padding-left:0}
  .doctor{grid-template-columns:minmax(0,1fr)}
  .doctor .portrait{max-width:200px}
}
@media (max-width:540px){
  .facts,.pillars,.therapies{grid-template-columns:minmax(0,1fr)}
  .brand{--logo-h:54px}
  .site-header.compact .brand{--logo-h:44px}
  .path{padding:26px}
}

/* Gentle zoom on photos when hovered */
.hero figure,.two figure:not(.deity),.about-media figure:not(.deity),.ph,.gallery a,.gallery > img,.card,.doctor .portrait,.wide-photo{overflow:hidden}
.hero figure,.two figure:not(.deity),.doctor .portrait,.wide-photo{border-radius:16px}
.hero figure img,.two figure:not(.deity) img,.ph img,.gallery img,.card img,.doctor .portrait img,.wide-photo img{transition:transform .45s ease}
.hero figure:hover img,.two figure:not(.deity):hover img,.therapy:hover .ph img,.gallery img:hover,.card:hover img,.doctor .portrait:hover img,.wide-photo:hover img{transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){.hero figure img,.two figure img,.ph img,.gallery img,.card img,.doctor .portrait img,.wide-photo img{transition:none;transform:none!important}}

/* Signature: Marma & correction treatment */
.signature .sig-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,6vw,72px);align-items:center}
.signature h2{margin-block:12px 20px}
.signature p{color:color-mix(in srgb,var(--on-leaf) 86%,transparent);max-width:42rem}
.signature .sig-lede{font-size:1.14rem;color:var(--on-leaf);margin-bottom:16px}
.signature blockquote{margin:28px 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--turmeric);font-family:var(--display);font-size:1.3rem;line-height:1.45;color:var(--on-leaf)}
.signature cite{display:block;margin-top:10px;font-family:var(--body);font-style:normal;font-size:.85rem;color:var(--turmeric)}
.sig-list{background:color-mix(in srgb,var(--on-leaf) 8%,transparent);border:1px solid color-mix(in srgb,var(--on-leaf) 18%,transparent);border-radius:18px;padding:28px;display:grid;gap:18px}
.sig-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sig-list li{padding-left:22px;position:relative;color:var(--on-leaf)}
.sig-list li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--turmeric)}
.sig-list .btn{justify-self:start}

/* Conditions grouped by doctor */
.bydoc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:40px}
.bydoc.specialists{margin-top:48px}
.doccol .row{grid-template-columns:minmax(0,1fr)}
.dochead{padding:14px 18px;border-radius:12px;background:var(--leaf-soft);margin-bottom:6px}
.doccol:nth-child(2) .dochead{background:var(--clay-soft)}
.specialists .doccol:nth-child(1) .dochead{background:var(--teal-soft)}
.specialists .doccol:nth-child(2) .dochead{background:var(--turmeric-soft)}
.dochead .title{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.dochead h3{font-size:1.15rem;margin-top:2px}

/* Therapy cards: problem first */
.therapy .q{font-family:var(--display);font-size:1.12rem;line-height:1.4;color:var(--ink)}
.therapy .texts{font-size:.9rem;padding:12px 14px;border-radius:10px;background:var(--tint-soft);color:var(--ink)}
.therapy .texts b{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tint-ink);margin-bottom:4px}
.strip .therapy .q{font-size:1.05rem}
.care3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:36px}
.care3 > div{padding-left:16px;border-left:3px solid var(--turmeric-ink)}
.care3 h3{font-size:1.1rem;margin-bottom:4px}
.care3 p{color:var(--muted);font-size:.95rem}
.row p b{color:var(--ink);font-weight:600}

@media (max-width:960px){
  .signature .sig-grid,.care3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .bydoc{grid-template-columns:minmax(0,1fr)}
}

/* Alignment: content sits at the top of every card, never stretched or centred */
.row,.step,.pillar,.teaser .who,.card,.care3 > div,.path{align-content:start}

/* Treatments page: line up each part of the therapy cards across a row */
@supports (grid-template-rows:subgrid){
  .therapies .therapy{grid-row:span 7;grid-template-rows:subgrid;row-gap:0}
  .therapies .therapy .body{display:contents}
  .therapies .therapy .body > *{margin-inline:24px}
  .therapies .therapy .alt{padding-top:22px}
  .therapies .therapy h3{margin-top:6px}
  .therapies .therapy .q{margin-top:8px}
  .therapies .therapy .q + p{margin-top:8px}
  .therapies .therapy .texts{margin-top:14px;align-self:stretch}
  .therapies .therapy .for{margin-top:14px;margin-bottom:26px;align-self:start}
  .therapies .therapy .q,.therapies .therapy .q + p{align-self:start}
  .therapies .therapy .ph{grid-row:1}.therapies .therapy .alt{grid-row:2}.therapies .therapy h3{grid-row:3}
  .therapies .therapy .q{grid-row:4}.therapies .therapy .q + p{grid-row:5}.therapies .therapy .texts{grid-row:6}.therapies .therapy .for{grid-row:7}
}

/* Rooms */
.rgroup + .rgroup{margin-top:56px}
.rghead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 20px;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.rghead h3{font-size:1.5rem}
.rghead p{color:var(--muted)}
.rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.room{display:grid;align-content:start;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.room .ph img{aspect-ratio:3/2}
.room-body{display:flex;flex-direction:column;gap:10px;padding:24px 24px 22px}
.rtype{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.room h3{font-size:1.8rem;line-height:1.1}
.meaning{font-family:var(--display);color:var(--leaf-ink);font-size:1.05rem;margin-top:-4px}
.rtags{list-style:none;margin:4px 0 0;align-self:flex-start;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rtags li{font-size:.82rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--leaf-soft);color:var(--leaf-ink)}
.rnote{font-size:.93rem;color:var(--muted)}
.rprice{font-size:.9rem;color:var(--muted);margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.rprice span{font-family:var(--display);font-size:1.5rem;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:2px}
.saying{margin:6px 0 0;padding:14px 16px;border-radius:12px;background:var(--turmeric-soft);display:grid;gap:4px;align-content:start}
.saying p{font-family:var(--display);font-style:italic;color:var(--ink);line-height:1.4}
.saying .tr{font-family:var(--body);font-style:normal;font-size:.9rem;color:var(--muted)}
.saying cite{font-style:normal;font-size:.76rem;letter-spacing:.06em;color:var(--turmeric-ink);font-weight:600}
@supports (grid-template-rows:subgrid){
  .rooms .room{grid-row:span 8;grid-template-rows:subgrid;row-gap:0}
  .rooms .room .room-body{display:contents}
  .rooms .room .room-body > *{margin-inline:24px}
  .rooms .room .ph{grid-row:1}
  .rooms .room .rtype{grid-row:2;padding-top:24px}
  .rooms .room h3{grid-row:3;margin-top:8px}
  .rooms .room .meaning{grid-row:4;margin-top:4px}
  .rooms .room .rtags{grid-row:5;margin-top:14px;align-self:start}
  .rooms .room .rnote{grid-row:6;margin-top:12px}
  .rooms .room .rnote:empty{margin-top:0}
  .rooms .room .saying{grid-row:7;margin-top:14px;align-self:stretch}
  .rooms .room .rprice{grid-row:8;margin-top:16px;margin-bottom:22px;align-self:end}
}
@media (max-width:960px){.rooms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.rooms{grid-template-columns:minmax(0,1fr)}}

/* Header: collapse the menu before it runs out of room */
@media (max-width:1140px){
  .menu-btn{display:inline-block}
  .site-header .bar{flex-wrap:wrap}
  .nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding-block:8px 6px}
  .nav.open{display:flex}
}

/* Doctors page */
.glance{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.g-doc{display:grid;align-content:start;gap:12px;padding:22px;border-radius:18px;background:var(--ground);border:1px solid var(--line);text-decoration:none;transition:border-color .2s ease}
.g-doc:hover{border-color:var(--leaf-ink)}
.g-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--gold)}
.g-doc .title,.profile .title{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--leaf-ink)}
.g-doc h3{font-size:1.2rem;margin-top:2px;align-self:start}
.g-doc .spec{font-size:.9rem;color:var(--muted);margin-top:4px}
.g-doc .op{border-top:1px solid var(--line);padding-top:12px;font-size:.92rem}
.g-doc .go{font-size:.88rem;font-weight:600;color:var(--leaf-ink)}

.profiles{display:grid;gap:28px}
.profile{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(24px,4vw,56px);padding:clamp(22px,3.5vw,40px);border-radius:20px;background:var(--surface);border:1.5px solid var(--leaf-ink);scroll-margin-top:100px}
.pside{display:grid;align-content:start;gap:10px;position:sticky;top:110px;align-self:start}
.pside .portrait{margin-bottom:8px;overflow:hidden;border-radius:16px}
.pside .portrait img{width:100%;aspect-ratio:1;object-fit:cover}
.pside .pre{font-family:var(--display);color:var(--gold-ink);font-size:1.05rem}
.pside h2{font-size:1.7rem}
.pside .creds{margin-top:4px}
.opbox{margin-top:6px;padding:14px 16px;border-radius:12px;background:var(--turmeric-soft);border-top:0}
.opbox .label{color:var(--turmeric-ink)}
.pside .btn{justify-self:start;margin-top:4px}
.pmain{display:grid;align-content:start;gap:26px}
.plede{font-size:1.15rem;line-height:1.6;color:var(--ink)}
.pquote{margin:0;padding:4px 0 4px 18px;border-left:3px solid var(--turmeric);font-family:var(--display);font-size:1.2rem;line-height:1.45;color:var(--leaf-ink)}
.pareas h3,.pblock h3{font-family:var(--body);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-bottom:10px}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font-size:.86rem;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--leaf-soft);color:var(--leaf-ink)}
.pblocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 36px}
.pblock ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.pblock li{position:relative;padding-left:16px;color:var(--muted);font-size:.96rem}
.pblock li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
@media (max-width:1180px){.glance{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.glance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.teaser{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){
  .profile{grid-template-columns:minmax(0,1fr)}
  .pside{position:static}
  .pside .portrait{max-width:220px}
  .pblocks{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:540px){.glance{grid-template-columns:minmax(0,1fr)}}
@supports (grid-template-rows:subgrid){
  .glance .g-doc{grid-row:span 6;grid-template-rows:subgrid;row-gap:0}
  .glance .g-doc h3{margin-top:4px}
  .glance .g-doc .spec{margin-top:6px}
  .glance .g-doc .op{margin-top:14px}
  .glance .g-doc .g-photo{margin-bottom:14px}
  .glance .g-doc .go{margin-top:14px}
  .glance .g-doc .go{align-self:end}
}

/* OP timings: days on one line, time below, so nothing wraps mid-phrase */
.g-doc .op table,.g-doc .op tbody,.g-doc .op tr,.g-doc .op td{display:block;padding:0}
.g-doc .op tr + tr{margin-top:8px}
.g-doc .op td:first-child{font-weight:600;color:var(--ink)}
.op td{white-space:nowrap}
.g-doc .op td{white-space:normal}

/* Profile OP box: deep green so it never reads as another credential */
.opbox{margin-top:10px;padding:16px 18px;border-radius:14px;background:var(--leaf);color:var(--on-leaf)}
.opbox .op{border-top:0;padding-top:0}
.opbox .op .label{color:var(--turmeric);display:flex;align-items:center;gap:8px}
.opbox .op .label::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid var(--turmeric);box-sizing:border-box;background:linear-gradient(var(--turmeric),var(--turmeric)) 5px 2px/2px 5px no-repeat,linear-gradient(var(--turmeric),var(--turmeric)) 5px 5px/4px 2px no-repeat}
.opbox .op .tbc,.opbox .op td{color:var(--on-leaf)}
.opbox .op td:first-child{font-weight:600}
/* Credentials: quiet outlined chips */
.profile .creds li{background:transparent;border:1px solid var(--line);color:var(--muted);font-weight:500}

/* Visit: pickup */
.pickup{margin-top:28px;padding:24px 26px;border-radius:18px;background:var(--turmeric-soft);display:grid;gap:10px;justify-items:start}
.pickup h3{font-size:1.3rem}
.pickup p{color:var(--ink)}
.pickup .muted{color:var(--muted);font-size:.93rem}

/* Initials when a doctor has no photo yet */
.g-initials{display:grid;place-items:center;background:var(--leaf-soft);color:var(--leaf-ink);font-family:var(--display);font-size:1.6rem}
.p-initials{aspect-ratio:1;display:grid;place-items:center;background:var(--leaf-soft);border-radius:16px}
.p-initials span{font-family:var(--display);font-size:4rem;color:var(--leaf-ink)}
.g-doc{padding:20px}

/* Home: line up the two path links and the doctor cards */
@supports (grid-template-rows:subgrid){
  .paths{grid-auto-rows:auto}
  .paths .path{grid-row:span 4;grid-template-rows:subgrid;row-gap:10px}
  .paths .path .go{align-self:end}
  .teaser .who{grid-row:span 4;grid-template-rows:subgrid;row-gap:6px}
  .pk-need .need{grid-row:span 4;grid-template-rows:subgrid;row-gap:8px}
}
@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.steps{grid-template-columns:minmax(0,1fr)}}

/* Panchakarma: each need on its own card */
.pk-need{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.need{display:grid;align-content:start;gap:8px;padding:24px 26px;border-radius:16px;background:var(--surface);border-left:4px solid var(--turmeric)}
.need:nth-child(2){border-left-color:var(--clay)}
.need:nth-child(3){border-left-color:var(--teal)}
.need:nth-child(4){border-left-color:var(--leaf-ink)}
.need-q{font-family:var(--display);font-size:1.25rem;color:var(--ink);line-height:1.3}
.need h3{font-family:var(--body);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--leaf-ink)}
.need p:not(.need-q){color:var(--muted);font-size:.96rem}
.need .terms{align-self:end}
@media (max-width:760px){.pk-need{grid-template-columns:minmax(0,1fr)}}

/* Prof. Dr. Gangadharan's speciality: turmeric band, same layout as the Marma band */
.signature-gg .sig-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(32px,6vw,72px);align-items:center}
.signature-gg h2{margin-block:12px 20px}
.signature-gg p{color:var(--muted);max-width:42rem}
.signature-gg .eyebrow{color:var(--turmeric-ink)}
.signature-gg .sig-lede{font-size:1.14rem;color:var(--ink);margin-bottom:16px}
.signature-gg blockquote{margin:28px 0 0;padding:4px 0 4px 20px;border-left:3px solid var(--leaf-ink);font-family:var(--display);font-size:1.3rem;line-height:1.45;color:var(--ink)}
.signature-gg cite{display:block;margin-top:10px;font-family:var(--body);font-style:normal;font-size:.85rem;color:var(--turmeric-ink);font-weight:600}
.signature-gg .sig-list{order:-1;background:color-mix(in srgb,var(--turmeric) 22%,var(--turmeric-soft));border-radius:18px;padding:28px;display:grid;gap:18px}
.signature-gg .sig-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.signature-gg .sig-list li{padding-left:22px;position:relative;color:var(--ink)}
.signature-gg .sig-list li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--leaf-ink)}
.signature-gg .sig-list .btn{justify-self:start}
@media (max-width:960px){.signature-gg .sig-grid{grid-template-columns:minmax(0,1fr)}}

/* Therapy cards: tinted header (label, name, question), white body */
.therapies .therapy{border-top:0}
@supports (grid-template-rows:subgrid){
  .therapies .therapy .body > .alt,.therapies .therapy .body > h3,.therapies .therapy .body > .q{margin:0;padding-inline:24px;background:var(--tint-soft)}
  .therapies .therapy .alt{padding-top:22px}
  .therapies .therapy h3{padding-top:6px}
  .therapies .therapy .q{padding-top:8px;padding-bottom:20px;align-self:stretch}
  .therapies .therapy .q + p{margin-top:18px}
}
.therapies .therapy .texts{background:transparent;border-left:3px solid var(--tint);border-radius:0;padding:4px 0 4px 14px}
@media (max-width:960px){.signature-gg .sig-list{order:0}}

/* Specialist sections (eye care, children): one band per doctor */
.spec-band.t-teal{background:var(--teal-soft)}
.spec-band.t-clay{background:var(--clay-soft)}
.spec-band .sig-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,6vw,72px);align-items:center}
.spec-band.flip .sig-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.spec-band.flip .spec-box{order:-1}
.spec-band .eyebrow{color:var(--tint-ink)}
.spec-band h2{margin-block:12px 20px}
.spec-band p{color:var(--muted);max-width:42rem}
.spec-band .sig-lede{font-size:1.14rem;color:var(--ink);margin-bottom:16px}
.spec-doc{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.spec-doc .g-photo{width:72px;height:72px;flex:none}
.spec-doc .g-initials{background:var(--surface);color:var(--tint-ink);font-size:1.3rem}
.spec-doc .name{font-family:var(--display);font-size:1.25rem;color:var(--ink)}
.spec-doc .role{font-size:.85rem}
.spec-box{background:var(--surface);border-radius:18px;padding:28px;display:grid;gap:18px;border-top:4px solid var(--tint)}
.spec-box ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.spec-box li{padding-left:22px;position:relative;color:var(--ink)}
.spec-box li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border-radius:50%;background:var(--tint)}
.spec-box .btn{justify-self:start}
@media (max-width:960px){
  .spec-band .sig-grid,.spec-band.flip .sig-grid{grid-template-columns:minmax(0,1fr)}
  .spec-band.flip .spec-box{order:0}
}

/* Speciality line under each doctor in Conditions we treat */
.dochead .dspec{margin-top:8px;font-size:.9rem;color:var(--ink);line-height:1.5}
.dochead .dspec b{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-right:6px}
.dochead .dspec a{white-space:nowrap;font-weight:600;color:var(--leaf-ink);margin-left:4px}

/* GG speciality: highlighted conditions */
.signature-gg .sig-chips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.signature-gg .sig-chips li{font-size:.88rem;font-weight:600;padding:6px 14px;border-radius:999px;background:var(--surface);color:var(--turmeric-ink);border:1px solid color-mix(in srgb,var(--turmeric) 45%,transparent)}
.signature-gg .sig-chips li:nth-child(-n+2){background:var(--turmeric-ink);color:var(--surface);border-color:var(--turmeric-ink)}

/* Six doctors: three across, three specialist columns */
.glance{grid-template-columns:repeat(3,minmax(0,1fr))}
.specialists .doccol:nth-child(1) .dochead{background:var(--turmeric-soft)}
.specialists .doccol:nth-child(2) .dochead{background:var(--teal-soft)}
.specialists .doccol:nth-child(3) .dochead{background:var(--clay-soft)}
.specialists .doccol:nth-child(4) .dochead{background:var(--leaf-soft)}
@media (max-width:760px){.glance{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.glance{grid-template-columns:minmax(0,1fr)}}

/* Conditions by doctor: line up the headers and rows of side-by-side doctors */
@media (min-width:761px){
  @supports (grid-template-rows:subgrid){
    .bydoc{row-gap:0}
    .bydoc > .doccol{display:grid;grid-template-rows:subgrid;grid-row:span 8;align-content:start}
    .bydoc.specialists > .doccol{grid-row:span 3}
    .bydoc.specialists > .doccol:nth-child(n+3) > .dochead{margin-top:40px}
  }
}

/* Doctor's photo and name in the Yogidas (dark green) speciality band */
.signature .spec-doc .name{color:var(--on-leaf)}
.signature .spec-doc .role{color:color-mix(in srgb,var(--on-leaf) 75%,transparent)}
.signature .spec-doc .g-photo{box-shadow:0 0 0 2px var(--turmeric);border-color:var(--leaf)}
.signature .spec-doc .g-initials{background:var(--leaf-deep);color:var(--on-leaf)}

/* Order on Home: Dr. GG first, then Dr. Yogidas. Box sides alternate right, left, right, left. */
.signature-gg .sig-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.signature-gg .sig-list{order:0}
.signature .sig-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.signature .sig-list{order:-1}
@media (max-width:960px){
  .signature-gg .sig-grid,.signature .sig-grid{grid-template-columns:minmax(0,1fr)}
  .signature .sig-list{order:0}
}

/* News & Careers page */
.news-list{display:grid;gap:18px;max-width:52rem}
.news-item{display:grid;grid-template-columns:minmax(0,1fr);background:var(--ground);border:1px solid var(--line);border-left:4px solid var(--turmeric);border-radius:16px;overflow:hidden}
.news-item:has(.ph){grid-template-columns:minmax(0,220px) minmax(0,1fr)}
.news-item .ph img{height:100%;aspect-ratio:auto;min-height:160px}
.news-body{display:grid;gap:8px;align-content:start;padding:22px 26px}
.news-date{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--gold-ink)}
.news-body p:not(.news-date){color:var(--muted)}
.news-body .link{justify-self:start}
.jobs{display:grid;gap:18px}
.job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 40px;align-items:start;padding:26px 28px;border-radius:18px;background:var(--surface);border-top:4px solid var(--leaf-ink)}
.job-main{display:grid;gap:10px}
.job h3{font-size:1.45rem}
.job-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.job-meta li{font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--leaf-soft);color:var(--leaf-ink)}
.job-main > p{color:var(--muted)}
.job-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--muted);margin-top:4px}
.job-req{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.job-req li{position:relative;padding-left:16px;font-size:.95rem}
.job-req li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.job-side{display:grid;gap:12px;justify-items:start}
.job-closes{font-size:.9rem;color:var(--muted)}
.job-closes b{color:var(--ink)}
.jobs-empty{max-width:42rem;padding:22px 26px;border-radius:16px;background:var(--surface);color:var(--muted)}
.apply-note{margin-top:28px;padding:24px 28px;border-radius:18px;background:var(--leaf);color:var(--on-leaf);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.apply-note h3{font-size:1.25rem;margin-bottom:6px}
.apply-note p{max-width:40rem;color:color-mix(in srgb,var(--on-leaf) 85%,transparent)}
.apply-note .link{color:var(--turmeric);overflow-wrap:anywhere}
.apply-note .btn.primary{background:var(--turmeric);color:#22180A}
@media (max-width:760px){
  .job{grid-template-columns:minmax(0,1fr)}
  .news-item:has(.ph){grid-template-columns:minmax(0,1fr)}
  .news-item .ph img{aspect-ratio:16/9;height:auto}
}

/* Home: announcement strip under the hero */
.home-news{background:var(--turmeric-soft);border-bottom:1px solid var(--line)}
.home-news .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:14px}
.home-news p{flex:1 1 24rem;color:var(--ink);font-size:.97rem}
.hn-tag{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--turmeric-ink);color:var(--surface)}

/* Header with seven menu links: tighter spacing, and collapse to the Menu button sooner */
@media (max-width:1440px){.nav{gap:16px}}
@media (max-width:1280px){
  .menu-btn{display:inline-block}
  .site-header .bar{flex-wrap:wrap}
  .nav{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:14px;padding-block:8px 6px}
  .nav.open{display:flex}
}