/* ═══════════════════════════════════════════════════════════
   משתלת הכפר הירוק — "שביל בתוך המשתלה"
   Signature: וילון הירוק + כל אלמנט צומח מלמטה
   ═══════════════════════════════════════════════════════════ */

/* ---------- fonts (self-hosted, unicode-range split) ---------- */
@font-face{
  font-family:'Frank Ruhl Libre';font-style:normal;font-weight:300 900;font-display:swap;
  src:url('fonts/FrankRuhlLibre-var-hebrew.woff2') format('woff2');
  unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Frank Ruhl Libre';font-style:normal;font-weight:300 900;font-display:swap;
  src:url('fonts/FrankRuhlLibre-var-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}
@font-face{
  font-family:'Assistant';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('fonts/Assistant-hebrew.woff2') format('woff2');
  unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
}
@font-face{
  font-family:'Assistant';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('fonts/Assistant-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215;
}

/* ---------- tokens ---------- */
:root{
  --leaf:#1E3B2A;          /* ירוק עלה עמוק */
  --leaf-2:#2C523B;
  --cream:#F7F5EF;         /* לבן חממה */
  --cream-2:#EFEBE1;
  --terra:#C1633F;         /* טרקוטה — לאלמנטים גרפיים ולקווים */
  --terra-d:#8F4223;
  --terra-txt:#9C4526;     /* גרסה כהה לטקסט על רקע בהיר (AA 4.5:1) */
  --terra-lt:#E3A17E;      /* גרסה בהירה לטקסט על הירוק העמוק (AA 4.5:1) */
  --fuchsia:#B32E60;       /* נגיעת פטוניה */
  --ink:#1A241D;
  --muted:#5E6B60;
  --line:rgba(30,59,42,.14);

  --font-display:'Frank Ruhl Libre',Georgia,serif;
  --font-body:'Assistant',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;

  /* תנועה אורגנית — צמח שגדל, לא כדור שקופץ */
  --akx-ease:cubic-bezier(.16,.84,.28,1);
  --akx-loader-bg:#1E3B2A;

  --cs-track:.06em;

  --pad:clamp(20px,5vw,72px);
  --maxw:1240px;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{
  -webkit-text-size-adjust:100%;
  overflow-x:clip;           /* RTL: טרנספורמים מחוץ למסך לא יוצרים גלילה */
  scroll-behavior:smooth;
}
body{
  margin:0;overflow-x:clip;
  background:var(--cream);color:var(--ink);
  font-family:var(--font-body);font-size:clamp(16px,1.05vw,17.5px);
  font-weight:400;line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.14;margin:0;letter-spacing:0}
p{margin:0 0 1.05em}
:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:4px}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link{
  position:absolute;right:-9999px;top:0;z-index:200;
  background:var(--leaf);color:#fff;padding:12px 20px;border-radius:0 0 0 10px;font-weight:700;
}
.skip-link:focus{right:0}

.h2{font-size:clamp(1.9rem,4.6vw,3.3rem);color:var(--leaf)}

/* ═══ SIGNATURE: הכל צומח מלמטה ═══
   דריסה של ה-reveals בקיט — במקום fade-up, האלמנט "נפתח" כלפי מעלה מהבסיס שלו. */
[data-reveal]{transform:translateY(30px) scaleY(.94);transform-origin:50% 100%;
  transition:opacity .95s var(--akx-ease),transform .95s var(--akx-ease)}
[data-reveal-group]>*{transform:translateY(24px) scaleY(.95);transform-origin:50% 100%;
  transition:opacity .85s var(--akx-ease),transform .85s var(--akx-ease)}
[data-unmask]{transition:clip-path 1.25s var(--akx-ease)}

/* ═══ LOADER — וילון הירוק ═══ */
.akx-loader{background:var(--leaf);transition:background-color .45s ease}
.curtain{position:absolute;inset:0;display:flex}
.curtain__panel{
  position:relative;flex:1 1 50%;height:100%;overflow:hidden;
  transition:transform 1s cubic-bezier(.7,0,.2,1);
  will-change:transform;
}
/* שני חצאים של תמונה אחת רציפה ברוחב המסך המלא — לא שתי תמונות.
   אלמנטי <img> אמיתיים (ולא background) כדי שהם יהיו מועמדי LCP ויימדדו מוקדם. */
.curtain__panel picture{display:contents}
.curtain__panel img{
  position:absolute;top:0;height:100%;width:100vw;max-width:none;
  object-fit:cover;object-position:center;
}
.curtain__panel--a img{right:0}   /* הפאנל הימני — חצי ימני של התמונה */
.curtain__panel--b img{left:0}    /* הפאנל השמאלי — חצי שמאלי */
.curtain::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(30,59,42,.5),rgba(30,59,42,.72));
  pointer-events:none;
}
.loader__name{
  position:relative;z-index:2;
  font-family:var(--font-display);font-weight:600;color:#F2EFE6;
  font-size:clamp(1.6rem,5.6vw,3rem);letter-spacing:0;text-align:center;
  text-shadow:0 2px 24px rgba(0,0,0,.45);
}
.loader__name span{display:inline-block;opacity:0;transform:translateY(.5em);
  animation:ldr-in .5s var(--akx-ease) forwards}
.loader__name .sp{width:.32em}
@keyframes ldr-in{to{opacity:1;transform:none}}
/* פתיחת הווילון במקום ה-lift הרגיל של הקיט —
   הרקע נעלם כדי שהווילון יגלה את האתר עצמו, לא משטח ירוק */
.akx-loader--lift{animation:none !important;background:transparent !important}
.akx-loader--lift .curtain::after{opacity:0;transition:opacity .5s ease}
.akx-loader--lift .curtain__panel--a{transform:translateX(101%)}
.akx-loader--lift .curtain__panel--b{transform:translateX(-101%)}
.akx-loader--lift .loader__name{opacity:0;transition:opacity .35s ease}

/* ═══ NAV ═══ */
.nav{
  position:fixed;top:0;inset-inline:0;z-index:60;
  display:flex;align-items:center;gap:24px;
  padding:14px var(--pad);
  transition:background .4s ease,box-shadow .4s ease,padding .4s ease;
}
.nav--solid{background:rgba(247,245,239,.94);backdrop-filter:blur(10px);
  box-shadow:0 1px 0 var(--line);padding-block:10px}
.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;
  color:#fff;transition:color .4s ease}
.nav--solid .nav__brand{color:var(--leaf)}
.nav__name{font-family:var(--font-display);font-size:1.02rem}
.nav__mark{
  width:22px;height:22px;flex:none;border-radius:50% 0 50% 50%;
  background:var(--terra);transform:rotate(-12deg);
}
.nav__links{display:flex;gap:22px;margin-inline-start:auto;font-size:.95rem}
.nav__links a{text-decoration:none;color:#fff;opacity:.92;transition:color .4s ease,opacity .25s}
.nav--solid .nav__links a{color:var(--leaf)}
.nav__links a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.nav__cta{
  text-decoration:none;background:var(--terra-d);color:#fff;font-weight:700;font-size:.92rem;
  padding:9px 18px;border-radius:999px;transition:background .25s,transform .25s;
}
.nav__cta:hover{background:#75341A;transform:translateY(-1px)}
@media(max-width:900px){.nav__links{display:none}.nav__cta{margin-inline-start:auto}}

/* ═══ HERO ═══ */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__media img{
  width:100%;height:100%;object-fit:cover;object-position:center 42%;
  animation:hero-breathe 22s ease-out forwards;
}
@keyframes hero-breathe{from{transform:scale(1.1)}to{transform:scale(1)}}
.hero__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(30,59,42,.42) 0%,rgba(30,59,42,.1) 30%,rgba(26,36,29,.62) 76%,rgba(26,36,29,.86) 100%);
}
.hero__inner{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;
  padding:0 var(--pad) clamp(80px,13vh,140px);color:#fff}
.hero__eyebrow{font-size:.9rem;letter-spacing:.02em;color:#E4DFD2;margin:0 0 .7em;font-weight:600}
.hero__title{
  font-size:clamp(3.1rem,13vw,8.4rem);font-weight:500;line-height:1.02;
  margin:0 0 .18em;text-shadow:0 4px 40px rgba(0,0,0,.35);
}
.hero__sub{font-size:clamp(1rem,2.2vw,1.32rem);color:#EDE9DE;margin:0 0 1.9em;max-width:46ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:1.5em}
.hero__now{font-size:.95rem;color:#E4DFD2;margin:0;display:flex;align-items:center;gap:9px}
.hero__now .dot{width:9px;height:9px;border-radius:50%;background:#7ED08F;flex:none;
  box-shadow:0 0 0 0 rgba(126,208,143,.7);animation:pulse 2.4s infinite}
.hero__now .dot--off{background:#D98A6B;animation:none}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(126,208,143,0)}100%{box-shadow:0 0 0 0 rgba(126,208,143,0)}}
.hero__cue{position:absolute;bottom:20px;inset-inline-start:var(--pad);z-index:2;color:#fff}

/* buttons */
.btn{
  display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  font-weight:700;font-size:1rem;padding:14px 26px;border-radius:999px;
  transition:background .25s,color .25s,transform .25s,border-color .25s;
}
.btn svg{width:19px;height:19px;fill:currentColor;flex:none}
.btn--solid{background:var(--terra-d);color:#fff}
.btn--solid:hover{background:#75341A;transform:translateY(-2px)}
.btn--ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.62);
  backdrop-filter:blur(4px)}
.btn--ghost:hover{background:#fff;color:var(--leaf);border-color:#fff;transform:translateY(-2px)}
.visit .btn--ghost{background:transparent;color:var(--leaf);border-color:var(--line)}
.visit .btn--ghost:hover{background:var(--leaf);color:#fff;border-color:var(--leaf)}

/* ═══ שלוש נשימות ═══ */
.breaths{padding:clamp(54px,8vw,96px) var(--pad);background:var(--cream)}
.breaths__grid{max-width:var(--maxw);margin:0 auto;display:grid;gap:clamp(24px,4vw,54px);
  grid-template-columns:repeat(3,1fr)}
.breath{display:flex;flex-direction:column;gap:5px;padding-inline-start:18px;
  border-inline-start:2px solid var(--terra)}
.breath__k{font-size:.78rem;font-weight:700;color:var(--terra-txt);letter-spacing:.03em}
.breath__v{font-family:var(--font-display);font-size:clamp(1.35rem,2.7vw,1.95rem);color:var(--leaf);
  line-height:1.2}
.breath__d{font-size:.93rem;color:var(--muted)}
@media(max-width:720px){.breaths__grid{grid-template-columns:1fr;gap:22px}}

/* ═══ sections common ═══ */
.sec-head{max-width:var(--maxw);margin:0 auto clamp(30px,5vw,56px)}
.sec-head__sub{color:var(--muted);font-size:1.06rem;max-width:44ch;margin:.7em 0 0}

/* ═══ 01 סיפור ═══ */
.story{padding:clamp(60px,10vw,130px) var(--pad);background:var(--cream)}
.story__wrap{max-width:var(--maxw);margin:0 auto;display:grid;gap:clamp(32px,6vw,84px);
  grid-template-columns:1.05fr .95fr;align-items:center}
.story__text p{color:#3C4A40;max-width:46ch}
.story__text .h2{margin-bottom:.55em}
.story__quote{margin-top:1.6em;padding-inline-start:20px;border-inline-start:2px solid var(--fuchsia);
  color:var(--leaf);font-size:1.06rem}
.story__quote em{font-family:var(--font-display);font-style:normal;font-size:1.2rem;display:block;
  margin-top:.25em}
.story__fig{margin:0;position:relative}
.story__fig img{width:100%;border-radius:3px;aspect-ratio:3/4;object-fit:cover}
.story__fig figcaption{margin-top:12px;font-size:.88rem;color:var(--muted)}
@media(max-width:860px){.story__wrap{grid-template-columns:1fr}}

/* ═══ 02 קטגוריות ═══ */
.cats{padding:clamp(60px,10vw,130px) var(--pad);background:var(--cream-2)}
.cats__grid{max-width:var(--maxw);margin:0 auto;display:grid;gap:clamp(14px,2vw,26px);
  grid-template-columns:repeat(6,1fr)}
.cat{margin:0;position:relative;border-radius:3px;overflow:hidden;background:var(--leaf)}
.cat:nth-child(1){grid-column:span 2}
.cat:nth-child(2){grid-column:span 2}
.cat:nth-child(3){grid-column:span 2}
.cat:nth-child(4){grid-column:span 3}
.cat:nth-child(5){grid-column:span 3}
.cat img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;opacity:.95}
.cat:nth-child(4) img,.cat:nth-child(5) img{aspect-ratio:16/11}
.cat__body{position:absolute;inset-inline:0;bottom:0;padding:clamp(16px,2.2vw,26px);color:#fff;
  background:linear-gradient(180deg,transparent,rgba(20,36,26,.86))}
.cat__body h3{font-size:clamp(1.2rem,2.2vw,1.6rem);margin-bottom:.2em}
.cat__body p{margin:0;font-size:.93rem;color:#E2DFD4}
@media(max-width:860px){
  .cats__grid{grid-template-columns:repeat(2,1fr)}
  .cat:nth-child(n){grid-column:span 1}
  .cat:nth-child(5){grid-column:span 2}
  .cat:nth-child(5) img{aspect-ratio:16/10}
  .cat:nth-child(4) img{aspect-ratio:3/4}
}

/* ═══ 03 גידול עצמי ═══ */
.grown{padding:clamp(64px,11vw,140px) var(--pad);background:var(--leaf);color:#EDE9DE;
  position:relative;overflow:hidden}
.grown__wrap{max-width:var(--maxw);margin:0 auto;display:grid;gap:clamp(32px,6vw,80px);
  grid-template-columns:1fr .8fr;align-items:center}
.grown__label{font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--terra-lt);margin-bottom:1.2em}
.grown__num{font-family:var(--font-display);font-size:clamp(5rem,17vw,12rem);line-height:.86;
  color:#fff;font-weight:500;margin:0 0 .12em;display:flex;align-items:flex-start;direction:ltr;
  justify-content:flex-end}
.grown__pct{font-size:.42em;color:var(--terra-lt);margin-top:.22em}
.grown__lead{font-family:var(--font-display);font-size:clamp(1.3rem,3vw,2rem);color:#fff;
  line-height:1.3;max-width:18ch;margin-bottom:.7em}
.grown__body{color:#C3CCC5;max-width:42ch;margin:0}
.grown__fig{margin:0;overflow:hidden;border-radius:3px}
.grown__fig img{width:100%;aspect-ratio:3/4;object-fit:cover;will-change:transform}
@media(max-width:860px){
  .grown__wrap{grid-template-columns:1fr}
  .grown__num{justify-content:flex-start}
}

/* ═══ 04 סיור (גלריה אופקית) ═══ */
.tour{height:340vh;background:var(--cream);position:relative}
.tour .akx-viewport{height:100svh;display:flex;flex-direction:column;justify-content:center;
  gap:clamp(18px,3vw,34px);padding-block:clamp(40px,7vw,70px)}
.tour__head{padding-inline:var(--pad);max-width:var(--maxw);margin:0 auto;width:100%}
.tour__head p{color:var(--muted);margin:.5em 0 0;font-size:.98rem}
.tour .akx-track{gap:clamp(14px,2vw,26px);padding-inline:var(--pad);align-items:center;
  transition:transform .12s linear}
.shot{margin:0;flex:none;width:clamp(210px,26vw,330px)}
.shot img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:3px}
.shot figcaption{margin-top:10px;font-size:.87rem;color:var(--muted)}
@media(max-width:760px){
  .tour{height:auto}
  .tour .akx-viewport{position:static;height:auto;padding-block:clamp(52px,9vw,80px)}
  .tour .akx-track{transform:none !important;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:14px;-webkit-overflow-scrolling:touch}
  .shot{width:74vw;scroll-snap-align:center}
}

/* ═══ 05 הליווי ═══ */
.guide{padding:clamp(60px,10vw,130px) var(--pad);background:var(--cream-2)}
.guide__wrap{max-width:760px;margin:0 auto;text-align:center}
.guide__lead{font-family:var(--font-display);font-size:clamp(1.25rem,2.9vw,1.85rem);
  color:var(--leaf);line-height:1.42;margin:.9em auto 1em;max-width:26ch}
.guide__body{color:#3C4A40;max-width:52ch;margin:0 auto 1.4em}
.guide__note{display:inline-block;margin:0;padding:9px 20px;border-radius:999px;
  background:var(--cream);color:var(--terra-txt);font-weight:600;font-size:.95rem}

/* ═══ 06 שאלות ═══ */
.faq{padding:clamp(60px,10vw,130px) var(--pad);background:var(--cream)}
.faq__list{max-width:820px;margin:0 auto}
.qa{border-bottom:1px solid var(--line)}
.qa summary{
  cursor:pointer;list-style:none;padding:20px 0;
  font-family:var(--font-display);font-size:clamp(1.05rem,2.1vw,1.3rem);color:var(--leaf);
  display:flex;align-items:center;gap:14px;transition:color .2s;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{
  content:'';margin-inline-start:auto;width:11px;height:11px;flex:none;
  border-right:2px solid var(--terra);border-bottom:2px solid var(--terra);
  transform:rotate(45deg);margin-bottom:5px;transition:transform .3s var(--akx-ease);
}
.qa[open] summary::after{transform:rotate(-135deg)}
.qa summary:hover{color:var(--terra-txt)}
.qa p{margin:0;padding:0 0 22px;color:#3C4A40;max-width:60ch}

/* ═══ 07 ביקור ═══ */
.visit{padding:clamp(60px,10vw,130px) var(--pad) clamp(50px,7vw,90px);background:var(--cream-2)}
.visit__wrap{max-width:var(--maxw);margin:0 auto;display:grid;gap:clamp(34px,6vw,80px);
  grid-template-columns:1.1fr .9fr}
.visit__addr{font-style:normal;color:#3C4A40;margin:1.2em 0 1.6em;line-height:2}
.visit__addr strong{font-family:var(--font-display);font-size:1.22rem;color:var(--leaf);font-weight:600}
.visit__addr a{color:var(--terra-txt);font-weight:700;text-decoration:none}
.visit__addr a:hover{text-decoration:underline}
.visit__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2em}
.visit__h3{font-size:1.3rem;color:var(--leaf);margin-bottom:.8em}
.idcard-host{margin-top:.5em}
.hours{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.hours th,.hours td{padding:11px 4px;border-bottom:1px solid var(--line);text-align:start;
  font-weight:400;color:#3C4A40}
.hours th{font-weight:600;color:var(--leaf)}
.hours tr.is-today th,.hours tr.is-today td{color:var(--terra-txt);font-weight:700}
.hours tr.is-today th::after{content:' · היום';font-size:.78rem;font-weight:600}
.hours__note{margin-top:14px;font-size:.9rem;color:var(--muted)}
@media(max-width:860px){.visit__wrap{grid-template-columns:1fr}}

/* אזורי שירות */
.areas{max-width:var(--maxw);margin:clamp(48px,8vw,90px) auto 0;display:grid;
  gap:clamp(22px,3.5vw,40px);grid-template-columns:repeat(3,1fr);
  padding-top:clamp(34px,5vw,56px);border-top:1px solid var(--line)}
.area h3{font-size:1.12rem;color:var(--leaf);margin-bottom:.5em}
.area p{font-size:.95rem;color:var(--muted);margin:0}
@media(max-width:860px){.areas{grid-template-columns:1fr}}

/* ═══ FOOTER ═══ */
.foot{background:var(--leaf);color:#C3CCC5;padding:clamp(50px,7vw,86px) var(--pad) 26px}
.foot__wrap{max-width:var(--maxw);margin:0 auto;display:grid;gap:clamp(28px,4vw,48px);
  grid-template-columns:1.4fr 1fr 1fr 1fr}
.foot__name{font-family:var(--font-display);font-size:1.35rem;color:#fff;margin:.5em 0 .2em}
.foot__slogan{font-size:.94rem;margin:0;color:#A9B5AC}
.foot__col h4{font-size:.82rem;letter-spacing:.05em;color:var(--terra-lt);margin-bottom:1em;
  font-family:var(--font-body);font-weight:700}
.foot__col p{margin:0 0 .5em;font-size:.95rem}
.foot__col a{color:#DCE3DD;text-decoration:none}
.foot__col a:hover{color:#fff;text-decoration:underline}
.foot__social{display:flex;gap:12px}
.foot__social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;
  background:rgba(255,255,255,.09);transition:background .25s,transform .25s}
.foot__social a:hover{background:var(--terra);transform:translateY(-2px)}
.foot__social svg{width:19px;height:19px;fill:#fff}
.foot__legal{max-width:var(--maxw);margin:clamp(34px,5vw,56px) auto 0;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:12px 26px;
  align-items:center;justify-content:space-between;font-size:.87rem}
.foot__legal nav{display:flex;flex-wrap:wrap;gap:20px}
.foot__legal a{color:#C3CCC5;text-decoration:none}
.foot__legal a:hover{color:#fff;text-decoration:underline}
.foot__legal p{margin:0;color:#A7B3AA}
@media(max-width:860px){.foot__wrap{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot__wrap{grid-template-columns:1fr}}

/* ═══ WhatsApp צף ═══ */
.wa-float{
  position:fixed;inset-inline-end:16px;bottom:16px;z-index:70;
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:#25D366;box-shadow:0 6px 22px rgba(0,0,0,.24);
  transition:transform .25s var(--akx-ease),box-shadow .25s;
}
.wa-float svg{width:31px;height:31px;fill:#fff}
.wa-float:hover{transform:scale(1.07);box-shadow:0 10px 30px rgba(0,0,0,.3)}
@media(max-width:760px){.wa-float{width:52px;height:52px}.wa-float svg{width:28px;height:28px}}

/* ═══ concept-skin tuning ═══
   ‎.cs--warm מגדיר את המשתנים על ה-body, ולכן הכיול חייב להיות באותה ספציפיות.
   ‎--cs-num/--cs-label הם קיצורי font (לא צבעים) — לא נוגעים בהם. */
body.cs--warm{
  --cs-accent:#9C4526;   /* טרקוטה כהה — AA על רקע קרם */
  --cs-muted:#4C5A50;
}
.grown.cs--warm,.grown{--cs-accent:#E3A17E}
.cs-chapter{max-width:var(--maxw);margin-inline:auto}
.grown .cs-chapter__label,.grown .cs-chapter__n{color:#8FA396}
.hero__cue .cs-cue{color:#fff}

/* ═══ reduced motion ═══ */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero__media img{animation:none;transform:none}
  .loader__name span{opacity:1;transform:none;animation:none}
  .hero__now .dot{animation:none}
  [data-reveal],[data-reveal-group]>*{transform:none !important;opacity:1 !important}
  .curtain__panel{transition:none}
}