/* self-hosted weights the shared /_fonts/fonts.css doesn't declare (same variable files) */
@font-face{font-family:"Noto Serif Hebrew";font-style:normal;font-weight:300;font-display:swap;src:url(/_fonts/d6b106e68e0a.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Noto Serif Hebrew";font-style:normal;font-weight:300;font-display:swap;src:url(/_fonts/18f97e6b56ce.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik";font-style:normal;font-weight:600;font-display:swap;src:url(/_fonts/423ede2473f6.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Rubik";font-style:normal;font-weight:600;font-display:swap;src:url(/_fonts/f673d854646d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* אוריה · בית מלאכה לזהב — world "כור היתוך" (seed 102)
   charcoal base · gold only as light · shadows only · pill controls, sharp photos · vertical timeline */
:root{
  --char:#171412; --soot:#221D19; --soot2:#2a231e; --soot3:#322a24; --clay:#7C4A35;
  --sand:#D8C7A6; --sand-2:rgba(216,199,166,.74); --sand-3:rgba(216,199,166,.63);
  --gold:#E8A33D; --hot:#FFD892; --ember:#b8741f;
  --serif:"Noto Serif Hebrew","Frank Ruhl Libre","David Libre","FreeSerif",serif;
  --ui:"Rubik","Assistant","Heebo",system-ui,sans-serif;
  /* scale 1.8 */
  --t-0:1.0625rem; --t-s:.875rem; --t-xs:.78rem;
  --t-1:clamp(1.35rem,1.1rem + .8vw,1.9rem);
  --t-2:clamp(2rem,1.4rem + 2.6vw,3.4rem);
  --t-3:clamp(3rem,1.6rem + 6vw,6.1rem);
  --t-4:clamp(3.4rem,1rem + 10vw,10.6rem);
  --deep:0 50px 90px -40px rgba(0,0,0,.95),0 22px 40px -22px rgba(0,0,0,.7);
  --lift:0 28px 50px -26px rgba(0,0,0,.9);
  --well:inset 0 3px 8px rgba(0,0,0,.7),inset 0 -1px 0 rgba(255,225,170,.07);
  --glow:0 0 28px rgba(232,163,61,.5);
  --spine-x:clamp(26px,6.5vw,112px);
  --gap:clamp(30px,5vw,96px);
  --pad-e:clamp(16px,4.5vw,72px);
  --ease:cubic-bezier(.22,1,.36,1);
  --hdr:76px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--char);-webkit-text-size-adjust:100%;overflow-x:clip}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--char);color:var(--sand);font:400 var(--t-0)/1.68 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
a{color:inherit}
h1,h2,h3,p,dl,dd,ol,ul,figure{margin:0}
ol,ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--gold);color:var(--char)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;inset-inline-start:16px;top:-60px;z-index:200;background:var(--gold);color:var(--char);padding:.6em 1.2em;border-radius:999px;text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
.ic{width:1.25em;height:1.25em;flex:none}
.kicker{font-size:var(--t-s);color:var(--gold);font-weight:500}
.serif-m{font:700 var(--t-1)/1.2 var(--serif)}
.serif-l{font:300 var(--t-2)/1.08 var(--serif)}
.fine{font-size:var(--t-xs);color:var(--sand-3);line-height:1.6}
.fine--hi{color:var(--sand-2)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}

/* ---------- buttons (pill) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.8em 1.55em;border-radius:999px;font-weight:500;font-size:1rem;text-decoration:none;line-height:1.15;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .3s,background .3s,color .3s;will-change:transform}
.btn--gold{background:linear-gradient(180deg,#f3bd5c,#d58d29);color:#1c1208;box-shadow:0 14px 34px -14px rgba(232,163,61,.75),inset 0 1px 0 rgba(255,240,205,.55),inset 0 -2px 0 rgba(120,60,10,.35)}
.btn--gold:hover{box-shadow:0 18px 44px -12px rgba(232,163,61,.95),0 0 0 6px rgba(232,163,61,.12),inset 0 1px 0 rgba(255,240,205,.6),inset 0 -2px 0 rgba(120,60,10,.35)}
.btn--gold:active{transform:translateY(1px)}
.btn--ghost{background:var(--soot2);color:var(--sand);box-shadow:var(--lift),inset 0 1px 0 rgba(255,225,170,.06)}
.btn--ghost:hover{background:var(--soot3);color:#f1e2c2}
.btn--sm{min-height:42px;padding:.55em 1.15em;font-size:.92rem}
.btn--lg{min-height:58px;padding:.95em 1.8em;font-size:1.06rem}
.btn[disabled],.btn[aria-disabled=true]{opacity:.38;pointer-events:none}
.tlink{display:inline-flex;align-items:center;gap:.4em;color:var(--sand);text-decoration:underline;text-decoration-color:rgba(232,163,61,.55);text-underline-offset:.35em;text-decoration-thickness:1px;font-size:.98rem;min-height:44px;transition:color .2s,text-decoration-color .2s}
.tlink:hover{color:var(--hot);text-decoration-color:var(--gold)}
.pill-mini{display:inline-flex;align-items:center;min-height:40px;padding:.4em 1em;border-radius:999px;background:var(--soot3);color:var(--sand);font-size:.86rem;text-decoration:none;box-shadow:var(--lift);transition:background .2s,color .2s}
.pill-mini:hover{background:var(--gold);color:var(--char)}

/* ---------- hallmark stamp (signature) ---------- */
.hm{--s:120px;position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:50%;flex:none;
  background:radial-gradient(circle at 50% 45%,#1d1916 0%,#211c18 55%,#2a231e 100%);
  box-shadow:inset 4px 5px 10px rgba(0,0,0,.8),inset -2px -3px 5px rgba(255,220,160,.09),0 1px 0 rgba(255,220,160,.05)}
.hm::before{content:"";position:absolute;inset:16%;border-radius:50%;box-shadow:inset -1px -1px 1px rgba(255,220,160,.12),inset 1px 1px 2px rgba(0,0,0,.75)}
.hm svg{position:absolute;inset:0;width:100%;height:100%}
.hm text{font:500 8.6px var(--ui);fill:#120f0d}
.hm b{position:relative;font:700 calc(var(--s)*.25)/1 var(--serif);color:#16120f;text-shadow:1px 1px 0 rgba(255,220,160,.12),-1px -1px 1px rgba(0,0,0,.7)}
.hm--soot b{color:#151210}
.hm--soot text{fill:rgba(216,199,166,.28)}
.hm--soot b{color:rgba(216,199,166,.36);text-shadow:-1px -1px 0 rgba(0,0,0,.85),1px 1px 0 rgba(255,220,160,.08)}
.hm--gold{background:radial-gradient(circle at 38% 30%,#ffe2a0 0%,#f0b850 28%,#c98424 70%,#8d5713 100%);
  box-shadow:0 22px 40px -18px rgba(0,0,0,.9),0 0 40px rgba(232,163,61,.28),inset 0 2px 1px rgba(255,245,215,.55),inset 0 -3px 6px rgba(90,45,5,.55)}
.hm--gold::before{box-shadow:inset 2px 3px 4px rgba(90,45,5,.6),inset -1px -2px 2px rgba(255,240,200,.5)}
.hm--gold text{fill:rgba(70,35,5,.82)}
.hm--gold b{color:#8a5414;text-shadow:-1px -1px 0 rgba(80,40,5,.7),1px 1px 0 rgba(255,236,190,.65)}
.hm--word b{font-size:calc(var(--s)*.19)}
.hm--tiny{--s:34px}
.hm--tiny::before{inset:12%}
.hm--tiny b{font-size:9px;color:rgba(216,199,166,.5)}
.hm--on{position:absolute;--s:clamp(84px,9vw,128px);inset-block-end:clamp(-30px,-2vw,-18px);inset-inline-end:clamp(18px,3vw,42px);z-index:2}
.stamp-in{transform-origin:50% 50%}

/* ---------- photos (sharp) ---------- */
.ph{position:relative;margin:0;box-shadow:var(--deep);background:var(--soot)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph--tall{aspect-ratio:3/4}

/* ---------- header ---------- */
.hdr{position:fixed;inset-block-start:0;inset-inline:0;z-index:60;height:var(--hdr);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding-inline:calc(var(--spine-x) - 17px) var(--pad-e);transition:background .4s,box-shadow .4s,transform .45s var(--ease)}
.hdr.is-solid{background:rgba(23,20,18,.94);box-shadow:0 18px 40px -26px rgba(0,0,0,.95)}
.hdr.is-hidden{transform:translateY(-100%)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo__word{font:700 1.6rem/1 var(--serif);color:var(--sand)}
.logo__sub{font-size:var(--t-xs);color:var(--sand-3);padding-top:.4em}
.stations{display:flex;justify-content:center;gap:clamp(10px,2vw,30px)}
.stations a{position:relative;font-size:var(--t-s);color:var(--sand-3);text-decoration:none;padding:.6em .2em;transition:color .3s}
.stations a::after{content:"";position:absolute;inset-inline:50%;bottom:.15em;width:5px;height:5px;margin-inline-start:-2.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);opacity:0;transform:scale(0);transition:.35s var(--ease)}
.stations a:hover{color:var(--sand)}
.stations a.is-on{color:var(--hot)}
.stations a.is-on::after,.stations a.is-done::after{opacity:1;transform:scale(1)}
.stations a.is-done{color:var(--sand-2)}
.stations a.is-done::after{opacity:.45;box-shadow:none}
.hdr__act{display:flex;align-items:center;gap:14px}
.cartbtn{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--soot2);box-shadow:var(--lift);color:var(--sand);transition:background .2s}
.cartbtn:hover{background:var(--soot3)}
.cartbtn__n{position:absolute;inset-block-start:-3px;inset-inline-end:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--gold);color:var(--char);font:600 .72rem/20px var(--ui);text-align:center;box-shadow:0 0 14px rgba(232,163,61,.6);transform:scale(0);transition:transform .35s var(--ease)}
.cartbtn__n.has{transform:scale(1)}

/* ---------- hero ---------- */
.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:var(--char);isolation:isolate}
.hero__still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.42) saturate(1.1);opacity:.9}
.hero__gl{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:28vh;background:linear-gradient(to top,var(--char),rgba(23,20,18,0));pointer-events:none}
.hero__copy{position:absolute;z-index:2;inset-inline-start:calc(var(--spine-x) + var(--gap));inset-block-end:clamp(70px,11vh,130px);max-width:min(64rem,calc(100% - var(--spine-x) - var(--gap) - var(--pad-e)))}
.hero__h{display:flex;flex-direction:column;font:300 var(--t-4)/.94 var(--serif);color:var(--sand);margin-block:.18em .28em;text-wrap:balance}
.hero__h .forge--b{font-weight:700;color:#f0dfbd}
.hero__h .glowword{color:var(--hot);text-shadow:0 0 34px rgba(232,163,61,.55),0 0 2px rgba(255,216,146,.7)}
.forge .wd{display:inline-block;white-space:nowrap}
.hero__sub{max-width:40ch;font-size:clamp(1rem,.9rem + .35vw,1.2rem);color:var(--sand-2)}
.hero__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:30px}
.hm--hero{position:absolute;z-index:2;--s:clamp(96px,10vw,150px);inset-inline-end:clamp(24px,10vw,170px);inset-block-start:clamp(110px,22vh,230px)}
.hero__spine{position:absolute;z-index:2;inset-inline-start:var(--spine-x);inset-block:42% 0;width:2px;background:rgba(0,0,0,.45);box-shadow:inset 1px 0 1px rgba(0,0,0,.6)}
.hero__spine i{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(232,163,61,0),var(--gold) 30%,var(--hot));box-shadow:0 0 14px 1px rgba(232,163,61,.65);transform-origin:50% 0}
.hero__cue{position:absolute;z-index:2;inset-inline-start:calc(var(--spine-x) + 18px);inset-block-end:22px;font-size:var(--t-xs);color:var(--sand-3);text-decoration:none}
.hero__cue:hover{color:var(--hot)}

/* ---------- timeline ---------- */
.tl{position:relative;padding-block:4vh 10vh}
.tl__spine{position:absolute;inset-inline-start:var(--spine-x);inset-block:0;width:2px;background:#0f0d0c;box-shadow:inset 1px 0 1px rgba(0,0,0,.8),1px 0 0 rgba(255,220,160,.05);z-index:3}
.tl__fill{position:absolute;inset:0;transform-origin:50% 0;transform:scaleY(var(--p,0));background:linear-gradient(to bottom,var(--ember),var(--gold) 40%,var(--hot));box-shadow:0 0 14px 1px rgba(232,163,61,.6)}
.tl__bead{position:absolute;inset-inline-start:50%;top:calc(var(--p,0)*100%);width:12px;height:12px;margin:-6px -6px 0 0;border-radius:50%;background:#fff1cc;box-shadow:0 0 0 3px rgba(255,216,146,.25),0 0 22px 6px rgba(232,163,61,.85),0 0 60px 14px rgba(232,163,61,.35)}
html:not([dir=rtl]) .tl__bead{margin:-6px 0 0 -6px}
.node{position:relative;padding-block:clamp(90px,15vh,190px) 0;padding-inline:calc(var(--spine-x) + var(--gap)) var(--pad-e)}
.node__head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"k k" "t l";align-items:end;column-gap:clamp(24px,5vw,90px);margin-block-end:clamp(48px,8vh,110px)}
.node__dot{position:absolute;z-index:4;inset-inline-start:calc(-1 * var(--gap) - 24px);inset-block-start:-6px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--soot);font:700 1.05rem/1 var(--serif);color:var(--sand-3);box-shadow:inset 3px 4px 8px rgba(0,0,0,.85),inset -1px -2px 3px rgba(255,220,160,.08),0 0 0 6px var(--char);transition:color .5s,box-shadow .5s,background .5s}
.node.is-lit .node__dot{background:radial-gradient(circle at 40% 35%,#ffe2a0,#e8a33d 55%,#a8661a);color:#4a2a06;box-shadow:0 0 0 6px var(--char),0 0 30px 4px rgba(232,163,61,.55),inset 0 2px 1px rgba(255,245,215,.6),inset 0 -3px 5px rgba(90,45,5,.5)}
.node__k{grid-area:k;font-size:var(--t-s);color:var(--gold);margin-bottom:.6em}
.node__t{grid-area:t;font:300 var(--t-4)/.86 var(--serif);color:var(--sand);margin-inline-start:-.04em;transition:color .8s,text-shadow .8s}
.node.is-lit .node__t{color:#f1e1c0;text-shadow:0 0 50px rgba(232,163,61,.18)}
.node__lede{grid-area:l;max-width:38ch;color:var(--sand-2);font-size:clamp(1rem,.92rem + .3vw,1.2rem);padding-bottom:.9em}

/* nituch */
.nituch{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.nituch__pour{z-index:1}
.valpanel{position:relative;z-index:2;margin-inline-start:-7vw;margin-block-start:16vh;background:var(--soot);padding:clamp(28px,4vw,62px);box-shadow:var(--deep)}
.valpanel__k{font-size:var(--t-s);color:var(--gold);font-weight:500}
.valpanel__t{font:700 var(--t-2)/1.06 var(--serif);margin:.35em 0 .8em;color:#f0dfbd}
.ministeps{position:relative;display:flex;justify-content:space-between;gap:8px;margin-block:4px 34px;padding-top:22px;counter-reset:ms}
.ministeps::before{content:"";position:absolute;inset-inline:6px;top:6px;height:2px;background:linear-gradient(to left,var(--gold),rgba(232,163,61,.15));box-shadow:0 0 10px rgba(232,163,61,.4)}
.ministeps li{position:relative;font-size:var(--t-s);color:var(--sand-2)}
.ministeps li::before{content:"";position:absolute;inset-inline-start:0;top:-21px;width:12px;height:12px;border-radius:50%;background:var(--soot);box-shadow:inset 1px 2px 3px rgba(0,0,0,.9),0 0 0 3px var(--soot),0 0 12px rgba(232,163,61,.5)}
.ministeps li:first-child::before{background:var(--gold)}
.rate{display:grid;grid-template-columns:repeat(3,auto);gap:18px clamp(18px,3vw,44px);justify-content:start}
.rate dt{font-size:var(--t-xs);color:var(--sand-3)}
.rate dd{font:700 var(--t-1)/1.2 var(--serif);color:var(--hot);text-shadow:0 0 22px rgba(232,163,61,.35)}
.rate div:not(:first-child) dd{font-size:1.05rem;font-family:var(--ui);font-weight:500;color:var(--sand);text-shadow:none;padding-top:.35em}
.rate__date{font-size:var(--t-xs);color:var(--sand-3);margin-top:10px}
.valpanel__cta{display:flex;flex-wrap:wrap;gap:14px;margin-block:30px 16px}
.valpanel__scale{margin:34px calc(-1 * clamp(28px,4vw,62px)) calc(-1 * clamp(28px,4vw,62px));aspect-ratio:16/8;box-shadow:none}
.valpanel__scale img{object-position:50% 40%}

/* yetzika */
.yetzika{position:relative}
.ph--bleed{margin-inline-end:calc(-1 * var(--pad-e));aspect-ratio:16/8;max-height:84vh}
.yetzika__card{position:relative;z-index:2;width:min(600px,100%);margin-block-start:-20vh;background:var(--soot);padding:clamp(26px,3.6vw,56px);box-shadow:var(--deep)}
.order-steps{counter-reset:os;margin-block:22px 26px;display:grid;gap:18px}
.order-steps li{counter-increment:os;display:grid;grid-template-columns:2.6rem 1fr;column-gap:14px}
.order-steps li::before{content:counter(os,hebrew) "׳";grid-row:span 2;font:700 1.6rem/1 var(--serif);color:var(--gold);text-shadow:0 0 18px rgba(232,163,61,.35)}
.order-steps b{font:700 1.18rem/1.3 var(--serif);color:#f0dfbd}
.order-steps span{color:var(--sand-2);font-size:.96rem}
.price-note{font-size:var(--t-s);color:var(--sand);margin-bottom:22px}

/* hanging products */
.hang{--rail:calc(var(--gap) + 1px);position:relative;display:grid;grid-template-columns:1.25fr 1fr .92fr;gap:clamp(20px,3.4vw,56px);padding-top:70px;align-items:start}
.hang::before{content:"";position:absolute;top:0;inset-inline-start:calc(-1 * var(--rail));inset-inline-end:0;height:2px;background:#0f0d0c;box-shadow:inset 0 1px 1px rgba(0,0,0,.8),0 1px 0 rgba(255,220,160,.05)}
.hang::after{content:"";position:absolute;top:0;inset-inline-start:calc(-1 * var(--rail));width:calc(var(--rail) + 40%);height:2px;transform-origin:100% 50%;transform:scaleX(var(--hp,0));background:linear-gradient(to left,var(--gold),rgba(232,163,61,0));box-shadow:0 0 10px rgba(232,163,61,.5)}
html:not([dir=rtl]) .hang::after{transform-origin:0 50%}
.hang .card{position:relative}
.hang .card::before{content:"";position:absolute;inset-inline-start:22%;bottom:100%;width:1px;height:var(--thread,70px);background:linear-gradient(to bottom,rgba(232,163,61,.7),rgba(216,199,166,.18))}
.hang .card::after{content:"";position:absolute;inset-inline-start:calc(22% - 3px);bottom:calc(100% + var(--thread,70px) - 4px);width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
.hang .card:nth-child(1){--thread:70px}
.hang .card:nth-child(2){--thread:clamp(110px,16vh,190px);margin-top:clamp(40px,9vh,120px)}
.hang .card:nth-child(3){--thread:clamp(90px,10vh,130px);margin-top:clamp(20px,4vh,60px)}

/* rikua */
.rikua{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,70px);align-items:end}
.rikua__photo{aspect-ratio:4/3}
.rikua .hang{grid-column:1/-1;margin-top:clamp(50px,8vh,100px)}
.svcnote{grid-column:2;grid-row:1;padding-bottom:1em;max-width:30ch}
.svcnote h3{font:700 var(--t-1)/1.2 var(--serif);color:#f0dfbd;margin-bottom:.5em}
.svcnote p{color:var(--sand-2);margin-bottom:.6em}

/* chotemet */
.chotemet{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(24px,4vw,70px);align-items:center}
.chotemet .hang{grid-column:1/-1;margin-top:clamp(50px,8vh,100px)}
.stage{position:relative;aspect-ratio:1/1;max-height:82vh;background:radial-gradient(60% 55% at 50% 46%,#3a2c21 0%,#241d18 55%,#171412 100%);box-shadow:var(--deep);overflow:hidden}
.stage__gl{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab;z-index:1}
.stage__gl.is-drag{cursor:grabbing}
.stage__still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.stage.no-gl .stage__still{opacity:1}
.stage.no-gl .stage__hint{display:none}
.hm--stage{position:absolute;z-index:2;--s:clamp(78px,8vw,112px);inset-block-start:clamp(16px,3vw,36px);inset-inline-start:clamp(16px,3vw,36px)}
.stage__hint{position:absolute;z-index:2;inset-block-start:clamp(18px,3vw,40px);inset-inline-end:clamp(18px,3vw,40px);font-size:var(--t-xs);color:var(--sand-3);pointer-events:none}
.metal{position:absolute;z-index:2;inset-block-end:clamp(14px,2.4vw,30px);inset-inline:0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-inline:12px}
.metal button{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:.45em 1.05em;border-radius:999px;background:rgba(23,20,18,.86);color:var(--sand-2);font-size:.9rem;box-shadow:var(--lift);transition:background .25s,color .25s}
.metal button i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 -2px 3px rgba(0,0,0,.35),inset 0 1px 1px rgba(255,255,255,.6)}
.metal button[aria-checked=true]{background:var(--sand);color:var(--char)}
.chotemet__side p{color:var(--sand-2);margin-block:.7em .8em;max-width:34ch}

/* litush */
.node--bleed .node__head{margin-block-end:clamp(36px,6vh,70px)}
.litush__photo{margin-inline:calc(-1 * (var(--spine-x) + var(--gap))) calc(-1 * var(--pad-e));height:clamp(320px,72vh,760px);overflow:hidden;box-shadow:none}
.litush__photo img{height:124%;margin-top:-12%}
.svc{margin-top:clamp(40px,8vh,90px);display:grid;gap:6px}
.svc li{display:grid;grid-template-columns:minmax(10rem,1.1fr) minmax(0,1.6fr) 6rem auto;align-items:center;gap:12px 28px;padding:20px 22px;margin-inline:-22px;transition:background .3s,box-shadow .3s}
.svc li:hover{background:var(--soot);box-shadow:var(--lift)}
.svc__n{font:700 var(--t-1)/1.2 var(--serif);color:#f0dfbd}
.svc__d{color:var(--sand-2);font-size:.96rem}
.svc__p{color:var(--hot);font-weight:500;font-variant-numeric:tabular-nums;text-align:end}

/* shop */
.shop{margin-top:-2vh}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-bottom:clamp(40px,7vh,80px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:.4em;min-height:42px;padding:.4em 1.1em;border-radius:999px;background:var(--soot);color:var(--sand-2);font-size:.92rem;box-shadow:var(--lift);transition:background .25s,color .25s,box-shadow .25s}
.chip:hover{color:var(--sand);background:var(--soot2)}
.chip[aria-pressed=true]{background:var(--sand);color:var(--char)}
.chips--k .chip[aria-pressed=true]{background:var(--gold);color:#1c1208;box-shadow:var(--glow)}
.sort select{appearance:none;min-height:42px;padding:.4em 1.1em;padding-inline-end:2.4em;border:0;border-radius:999px;background:var(--soot) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23D8C7A6' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat left .9em center/14px;color:var(--sand);box-shadow:var(--lift);font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,7vh,90px) clamp(20px,3.2vw,52px);padding-bottom:12vh}
.grid .card:nth-child(3n+2){transform:translateY(clamp(40px,9vh,110px))}
.grid .card:nth-child(3n){transform:translateY(clamp(16px,3vh,40px))}
.empty{grid-column:1/-1;color:var(--sand-3);padding:40px 0}
.card{display:block;text-align:start;width:100%;color:inherit;text-decoration:none}
.card__ph{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--soot);box-shadow:var(--deep)}
.card__ph img{width:100%;height:100%;object-fit:cover;transform-origin:var(--fx,50%) var(--fy,50%);transform:scale(var(--fz,1));transition:transform 1.1s var(--ease),filter .6s}
.card:hover .card__ph img{transform:scale(calc(var(--fz,1) * 1.06));filter:brightness(1.08)}
.card .hm{position:absolute;--s:54px;inset-block-end:12px;inset-inline-end:12px;z-index:1}
.card .hm text{font-size:9.5px}
.badge{position:absolute;z-index:1;inset-block-start:12px;inset-inline-start:12px;padding:.25em .85em;border-radius:999px;background:var(--gold);color:#1c1208;font-size:.78rem;font-weight:600;box-shadow:var(--glow)}
.badge--out{background:var(--soot3);color:var(--sand-2);box-shadow:none}
.card__name{display:block;font:700 1.28rem/1.25 var(--serif);color:#f0dfbd;margin-top:18px}
.card__meta{display:flex;align-items:baseline;gap:12px;margin-top:4px;color:var(--sand-2);font-size:.95rem}
.card__price{color:var(--sand);font-variant-numeric:tabular-nums;font-weight:500}
.card__price s{color:var(--sand-3);font-weight:400;margin-inline-start:.4em}
.card__go{margin-inline-start:auto;font-size:.85rem;color:var(--gold);opacity:0;transform:translateX(6px);transition:.35s var(--ease)}
.card:hover .card__go,.card:focus-visible .card__go{opacity:1;transform:none}

/* visit */
.visit{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,6vw,110px);align-items:center;padding-top:6vh}
.visit__ph{aspect-ratio:3/4}
.visit__copy p{color:var(--sand-2);max-width:40ch;margin-block:1em 1.4em}
.facts{display:grid;gap:12px;margin-bottom:30px}
.facts div{display:grid;grid-template-columns:5rem 1fr}
.facts dt{color:var(--sand-3);font-size:var(--t-s)}

/* footer */
.ftr{position:relative;padding:clamp(80px,16vh,180px) var(--pad-e) 40px calc(var(--spine-x) + var(--gap));padding-inline-start:calc(var(--spine-x) + var(--gap));padding-inline-end:var(--pad-e);background:var(--char)}
.ftr__big{font:700 clamp(4.2rem,1rem + 15vw,16rem)/.9 var(--serif);color:#1c1815;text-shadow:-2px -2px 1px rgba(0,0,0,.85),2px 2px 1px rgba(255,220,160,.07);margin-inline-start:-.05em}
.ftr__cols{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:40px}
.ftr__cols nav{display:flex;flex-wrap:wrap;gap:4px 26px}
.ftr__meta{color:var(--sand-3);font-size:var(--t-s);align-self:center}
.ftr__demo{margin-top:40px;font-size:var(--t-xs);color:var(--sand-3)}

/* thumb bar + wa */
.thumbbar{display:none}
.wafloat{position:fixed;z-index:50;inset-block-end:24px;inset-inline-start:24px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--soot2);color:var(--hot);box-shadow:var(--deep),0 0 0 1px rgba(232,163,61,.0);transition:transform .3s var(--ease),background .3s}
.wafloat .ic{width:28px;height:28px}
.wafloat:hover{transform:scale(1.06);background:var(--soot3)}

/* cursor */
.cursor{position:fixed;inset:0 auto auto 0;width:0;height:0;z-index:120;pointer-events:none;display:none;opacity:0;transition:opacity .3s}
.cursor i{position:absolute;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--hot);box-shadow:0 0 12px 3px rgba(232,163,61,.7)}
.cursor span{position:absolute;display:grid;place-items:center;width:40px;height:40px;margin:-20px;border-radius:50%;box-shadow:0 0 0 1px rgba(232,163,61,.5);font-size:.72rem;color:var(--char);transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .35s,box-shadow .35s}
.cursor.is-link span{width:58px;height:58px;margin:-29px;box-shadow:0 0 0 1px rgba(232,163,61,.85),0 0 24px rgba(232,163,61,.25)}
.cursor.is-card span{width:86px;height:86px;margin:-43px;background:var(--gold);box-shadow:0 0 34px rgba(232,163,61,.55)}
.cursor.is-card span::after{content:"לצפייה";font-weight:600}
.cursor.is-drag span{width:86px;height:86px;margin:-43px;background:rgba(232,163,61,.12)}
.cursor.is-drag span::after{content:"גררו";color:var(--hot)}
@media (pointer:fine){.cursor{display:block}}

/* ---------- drawers ---------- */
.scrim{position:fixed;inset:0;z-index:70;background:rgba(8,6,5,.66);opacity:0;transition:opacity .4s}
.scrim.is-on{opacity:1}
.drawer{position:fixed;z-index:75;inset-block:0;inset-inline-end:0;width:min(540px,100vw);background:var(--soot);box-shadow:0 0 120px rgba(0,0,0,.9);transform:translateX(-104%);transition:transform .55s var(--ease),visibility 0s .55s;visibility:hidden;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}
html:not([dir=rtl]) .drawer{transform:translateX(104%)}
.drawer.is-open{transform:none;visibility:visible;transition:transform .55s var(--ease)}
.drawer__top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,3vw,34px);background:var(--soot);box-shadow:0 16px 30px -24px rgba(0,0,0,.9)}
.x{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--soot2);box-shadow:var(--lift);color:var(--sand);transition:background .2s}
.x:hover{background:var(--soot3);color:var(--hot)}
.pd__ph{position:relative;aspect-ratio:1/1;overflow:hidden;flex:none;background:var(--char)}
.pd__ph img{width:100%;height:100%;object-fit:cover;transform-origin:var(--fx,50%) var(--fy,50%);transform:scale(var(--fz,1))}
.pd__ph .hm{position:absolute;--s:80px;inset-block-end:16px;inset-inline-end:16px}
.pd__ph .x{position:absolute;inset-block-start:16px;inset-inline-start:16px;z-index:2}
.pd__body{padding:28px clamp(20px,3vw,34px) 36px;display:grid;gap:22px}
.pd__t{font:700 var(--t-2)/1.05 var(--serif);color:#f0dfbd}
.pd__price{font-size:1.4rem;font-variant-numeric:tabular-nums;color:var(--hot)}
.pd__price s{font-size:1rem;color:var(--sand-3);margin-inline-start:.5em}
.pd__desc{color:var(--sand-2)}
.opt__l{display:block;font-size:var(--t-s);color:var(--sand-3);margin-bottom:10px}
.opt__l b{color:var(--sand);font-weight:500}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{min-width:48px;min-height:44px;padding:.4em 1em;border-radius:999px;background:var(--soot2);color:var(--sand);font-size:.92rem;box-shadow:var(--lift);font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.opt:hover{background:var(--soot3)}
.opt[aria-pressed=true]{background:var(--sand);color:var(--char)}
.opt:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed;box-shadow:none}
.stocknote{font-size:var(--t-s);color:var(--sand-3)}
.stocknote.low{color:var(--hot)}
.field{display:grid;gap:8px}
.field>span:first-child{font-size:var(--t-s);color:var(--sand-3)}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:.7em 1.1em;border:0;border-radius:999px;background:var(--char);color:var(--sand);box-shadow:var(--well);font-size:1rem}
.field textarea{border-radius:24px;min-height:90px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(232,163,61,.7);outline-offset:2px}
.field input::placeholder{color:rgba(216,199,166,.3)}
.field--big input{min-height:72px;font:700 2rem/1 var(--serif);text-align:center}
.pd__buy{position:sticky;bottom:0;display:flex;gap:12px;align-items:center;padding:16px clamp(20px,3vw,34px) calc(16px + env(safe-area-inset-bottom));background:var(--soot);box-shadow:0 -20px 30px -24px rgba(0,0,0,.9);margin-top:auto}
.pd__buy .btn{flex:1}
.qty{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:var(--char);box-shadow:var(--well);padding:3px}
.qty button{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:var(--sand)}
.qty button:hover{background:var(--soot2)}
.qty output{min-width:1.6em;text-align:center;font-variant-numeric:tabular-nums}

/* cart */
.cart__body{display:flex;flex-direction:column;flex:1}
.citems{padding:10px clamp(20px,3vw,34px);display:grid;gap:18px}
.citem{display:grid;grid-template-columns:84px 1fr auto;gap:16px;align-items:center}
.citem__ph{aspect-ratio:1;overflow:hidden;box-shadow:var(--lift)}
.citem__ph img{width:100%;height:100%;object-fit:cover;transform-origin:var(--fx,50%) var(--fy,50%);transform:scale(var(--fz,1))}
.citem__n{font:700 1.08rem/1.25 var(--serif);color:#f0dfbd}
.citem__m{font-size:var(--t-xs);color:var(--sand-3)}
.citem__p{font-variant-numeric:tabular-nums;text-align:end}
.citem__rm{font-size:var(--t-xs);color:var(--sand-3);text-decoration:underline;min-height:32px}
.ctot{margin-top:auto;padding:22px clamp(20px,3vw,34px) calc(22px + env(safe-area-inset-bottom));background:var(--soot2);box-shadow:0 -24px 40px -30px rgba(0,0,0,.9);display:grid;gap:12px}
.ctot__row{display:flex;justify-content:space-between;color:var(--sand-2);font-variant-numeric:tabular-nums}
.ctot__row--big{font:700 1.5rem/1.2 var(--serif);color:var(--hot)}
.cempty{padding:40px clamp(20px,3vw,34px);display:grid;gap:18px;justify-items:start}
.cempty p{color:var(--sand-2)}
.cform{padding:10px clamp(20px,3vw,34px) 24px;display:grid;gap:16px}
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--char);box-shadow:var(--well)}
.seg button{min-height:42px;padding:.4em 1.1em;border-radius:999px;color:var(--sand-2);font-size:.92rem}
.seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--sand);color:var(--char)}
.done{padding:40px clamp(20px,3vw,34px);display:grid;gap:18px;justify-items:start}
.done .hm{--s:110px}
.err{color:#ffb38a;font-size:var(--t-xs)}

/* ---------- valuation room ---------- */
.valroom{position:fixed;inset:0;z-index:90;background:var(--char);display:grid;grid-template-rows:auto 1fr;opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s;overflow:hidden}
.valroom.is-open{opacity:1;visibility:visible;transition:opacity .45s}
.valroom__bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:14px var(--pad-e) 14px calc(var(--pad-e));box-shadow:0 18px 40px -28px rgba(0,0,0,.95);background:var(--char);position:relative;z-index:2}
.valroom__brand{display:flex;align-items:center;gap:10px;font:700 1.2rem/1 var(--serif)}
.vsteps{position:relative;display:flex;justify-content:center;gap:clamp(14px,3vw,46px);counter-reset:vs}
.vsteps li{position:relative;font-size:var(--t-s);color:var(--sand-3);padding-top:14px;transition:color .3s}
.vsteps li::before{content:"";position:absolute;top:0;inset-inline-start:50%;width:8px;height:8px;margin-inline-start:-4px;border-radius:50%;background:var(--soot3);box-shadow:inset 1px 1px 2px rgba(0,0,0,.8);transition:.3s}
.vsteps li.is-on{color:var(--hot)}
.vsteps li.is-on::before,.vsteps li.is-done::before{background:var(--gold);box-shadow:0 0 10px var(--gold)}
.vsteps li.is-done{color:var(--sand-2)}
.valroom__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0}
.vframe{position:relative;margin:clamp(20px,4vw,56px);margin-inline-end:0;background:var(--soot);box-shadow:var(--well);display:grid;place-items:center;overflow:hidden;min-height:0}
.vframe video,.vframe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vframe video.mirror{transform:scaleX(-1)}
.vframe__empty{display:grid;justify-items:center;gap:12px;color:var(--sand-3);font-size:var(--t-s);text-align:center;padding:20px}
.vframe__empty .ic{width:44px;height:44px;opacity:.6}
.vframe .hm--v{--s:clamp(90px,10vw,140px);inset-block-end:24px;inset-inline-end:24px}
.vframe figcaption{position:absolute;inset-block-start:16px;inset-inline-start:16px;z-index:2;padding:.3em .9em;border-radius:999px;background:rgba(23,20,18,.88);font-size:var(--t-xs);color:var(--sand-2)}
.vframe figcaption:empty{display:none}
.vpanel{overflow-y:auto;padding:clamp(24px,4vw,56px) clamp(20px,5vw,80px);overscroll-behavior:contain}
.vstep{display:grid;gap:20px;max-width:560px}
.vstep__k{font-size:var(--t-s);color:var(--gold)}
.vstep__t{font:300 var(--t-3)/1 var(--serif);color:#f0dfbd}
.vstep__p{color:var(--sand-2)}
.vstep__row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.vmsg{font-size:var(--t-s);color:var(--sand-2);min-height:1.4em}
.vmsg.is-err{color:#ffb38a}
.vnav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px}
.vnav .ic{transform:none}
.types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.type{display:grid;justify-items:center;gap:8px;padding:18px 8px;border-radius:999px;background:var(--soot);box-shadow:var(--lift);color:var(--sand-2);transition:background .25s,color .25s,box-shadow .25s}
.type .ic{width:30px;height:30px}
.type:hover{background:var(--soot2);color:var(--sand)}
.type[aria-checked=true]{background:var(--sand);color:var(--char)}
.marks{display:flex;flex-wrap:wrap;gap:16px 14px;align-items:center}
.mark{display:grid;justify-items:center;gap:8px;font-size:var(--t-xs);color:var(--sand-3)}
.mark .hm{--s:82px;transition:transform .3s var(--ease),box-shadow .3s}
.mark .hm b{color:rgba(216,199,166,.78);text-shadow:-1px -1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(255,220,160,.1)}
.mark{color:var(--sand-2)}
.mark:hover .hm{transform:scale(1.05)}
.mark[aria-checked=true] .hm{background:radial-gradient(circle at 38% 30%,#ffe2a0 0%,#f0b850 28%,#c98424 70%,#8d5713 100%);box-shadow:0 0 30px rgba(232,163,61,.55),inset 0 2px 1px rgba(255,245,215,.55),inset 0 -3px 6px rgba(90,45,5,.55)}
.mark[aria-checked=true] .hm b{color:#8a5414;text-shadow:-1px -1px 0 rgba(80,40,5,.7),1px 1px 0 rgba(255,236,190,.65)}
.mark[aria-checked=true]{color:var(--hot)}
.mark--none{padding:.6em 1.2em;border-radius:999px;background:var(--soot);box-shadow:var(--lift);color:var(--sand-2);font-size:.92rem;min-height:44px}
.mark--none[aria-checked=true]{background:var(--sand);color:var(--char)}
.mark.is-ai .hm{box-shadow:0 0 0 3px rgba(255,216,146,.7),0 0 30px rgba(232,163,61,.6)}
.ai{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wpane{display:grid;gap:18px}
.field input[type=range]{appearance:none;-webkit-appearance:none;min-height:30px;padding:0;background:transparent;box-shadow:none}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--char);box-shadow:var(--well)}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--char);box-shadow:var(--well)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffe2a0,#e8a33d 60%,#a8661a);box-shadow:0 0 14px rgba(232,163,61,.6)}
input[type=range]::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,#ffe2a0,#e8a33d 60%,#a8661a)}
.field .rangeval{font-size:var(--t-s);color:var(--sand)}
.estbox{font-size:1.1rem;color:var(--sand-2)}
.estbox b{font:700 1.6rem var(--serif);color:var(--hot)}
.vres{display:grid;gap:4px}
.vres__row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0}
.vres__row span{color:var(--sand-2)}
.vres__row em{font-style:normal;color:var(--gold);font-size:var(--t-s)}
.vres__row b{font:700 var(--t-1)/1.1 var(--serif);font-variant-numeric:tabular-nums;color:var(--sand);white-space:nowrap}
.vres__row--main{padding:22px 24px;margin-inline:-24px;background:var(--soot);box-shadow:var(--deep)}
.vres__row--main span{color:var(--sand)}
.vres__row--main b{font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem);color:var(--hot);text-shadow:0 0 30px rgba(232,163,61,.45)}
.book{display:grid;gap:12px;padding:20px;background:var(--soot);box-shadow:var(--lift)}
.book__t{font:700 1.1rem var(--serif)}

/* dialog + toast */
.dlg{max-width:min(560px,92vw);border:0;padding:clamp(24px,4vw,44px);background:var(--soot);color:var(--sand);box-shadow:var(--deep);display:none}
.dlg[open]{display:grid;gap:14px}
.dlg::backdrop{background:rgba(8,6,5,.7)}
.dlg p{color:var(--sand-2)}
.toast{position:fixed;z-index:130;inset-block-end:28px;inset-inline-start:50%;translate:50% 0;padding:.75em 1.4em;border-radius:999px;background:var(--sand);color:var(--char);font-weight:500;box-shadow:var(--deep);opacity:0;transform:translateY(20px);transition:.4s var(--ease);pointer-events:none;max-width:90vw;text-align:center}
html:not([dir=rtl]) .toast{translate:-50% 0}
.toast.is-on{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .stations{display:none}
  .hdr{grid-template-columns:auto 1fr auto}
}
@media (max-width:900px){
  .nituch{grid-template-columns:1fr}
  .nituch__pour{width:78%;aspect-ratio:4/5}
  .valpanel{margin:-14vh 0 0;margin-inline-start:12px}
  .rikua,.chotemet{grid-template-columns:1fr}
  .svcnote{grid-column:auto;grid-row:auto}
  .visit{grid-template-columns:1fr}
  .visit__ph{width:82%}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid .card:nth-child(3n+2),.grid .card:nth-child(3n){transform:none}
  .grid .card:nth-child(even){transform:translateY(clamp(30px,6vh,70px))}
  .svc li{grid-template-columns:1fr auto;grid-template-areas:"n p" "d d" "a a";margin-inline:0;padding:18px 0;gap:6px 16px}
  .svc__n{grid-area:n}.svc__d{grid-area:d}.svc__p{grid-area:p}.svc li .pill-mini{grid-area:a;justify-self:start;margin-top:6px}
  .valroom__grid{grid-template-columns:1fr;grid-template-rows:minmax(150px,30vh) 1fr;}
  .vframe{margin:12px 16px 0}
  .vsteps{gap:10px}
}
@media (max-width:760px){
  :root{--spine-x:22px;--gap:26px;--pad-e:16px;--hdr:64px}
  body{font-size:1rem}
  .hdr{padding-inline:8px 12px;gap:10px}
  .hdr__act .btn{display:none}
  .logo__sub{display:none}
  .hero{min-height:600px}
  .hero__copy{inset-block-end:calc(96px + env(safe-area-inset-bottom))}
  .hero__h{font-size:clamp(2.9rem,13.4vw,4.6rem)}
  .hero__cta .btn--lg{min-height:52px;padding:.8em 1.25em;font-size:.98rem;white-space:normal;text-align:start}
  .hm--hero{--s:86px;inset-block-start:92px;inset-inline-end:18px}
  .hero__spine{inset-block-start:34%}
  .hero__cue{display:none}
  .node{padding-block-start:90px}
  .node__head{grid-template-columns:1fr;grid-template-areas:"k" "t" "l";row-gap:14px;margin-block-end:40px}
  .node__t{font-size:clamp(3.3rem,15vw,4.8rem)}
  .node__dot{width:38px;height:38px;inset-inline-start:calc(-1 * var(--gap) - 18px);font-size:.9rem;box-shadow:inset 3px 4px 8px rgba(0,0,0,.85),0 0 0 5px var(--char)}
  .node.is-lit .node__dot{box-shadow:0 0 0 5px var(--char),0 0 22px 3px rgba(232,163,61,.55),inset 0 2px 1px rgba(255,245,215,.6)}
  .nituch__pour{width:86%}
  .valpanel{margin-inline-start:0}
  .rate{grid-template-columns:1fr 1fr}
  .rate div:first-child{grid-column:1/-1}
  .ph--bleed{aspect-ratio:4/3}
  .yetzika__card{margin-block-start:-8vh;margin-inline-end:0}
  /* hanging rail becomes a horizontal swipe rail */
  .hang{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:64px 0 24px;margin-inline-end:calc(-1 * var(--pad-e));padding-inline-end:var(--pad-e);scrollbar-width:none}
  .hang::-webkit-scrollbar{display:none}
  .hang::before,.hang::after{inset-inline-start:0;width:auto}
  .hang .card{flex:0 0 66%;scroll-snap-align:start}
  .hang .card:nth-child(n){margin-top:0}
  .hang .card:nth-child(2){margin-top:34px}
  .hang .card:nth-child(3){margin-top:14px}
  .stage{aspect-ratio:4/5}
  .litush__photo{height:300px}
  .grid{gap:40px 14px}
  .card__name{font-size:1.06rem;margin-top:12px}
  .card__meta{font-size:.86rem;flex-wrap:wrap;gap:4px 10px}
  .card .hm{--s:42px}
  .card .hm text{display:none}
  .card__go{display:none}
  .filters{gap:12px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline-end:calc(-1 * var(--pad-e));padding-inline-end:var(--pad-e);padding-block:4px 10px;scrollbar-width:none;max-width:calc(100% + var(--pad-e))}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .filters{display:grid;grid-template-columns:minmax(0,1fr)}
  .sort{justify-self:start}
  .ftr{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
  .wafloat{display:none}
  .thumbbar{position:fixed;z-index:55;inset-inline:10px;inset-block-end:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:7px;border-radius:999px;background:rgba(34,29,25,.97);box-shadow:var(--deep);transition:transform .45s var(--ease)}
  .thumbbar.is-hidden{transform:translateY(140%)}
  .thumbbar .btn{flex:1;min-height:52px}
  .thumbbar .round{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--soot3);color:var(--sand);flex:none}
  .thumbbar .round .ic{width:24px;height:24px}
  .toast{inset-block-end:96px}
  .drawer{width:100vw}
  .valroom__bar{grid-template-columns:auto 1fr auto;padding:10px 12px;gap:8px}
  .valroom__brand{font-size:1rem}
  .valroom__brand .hm{display:none}
  .vsteps{gap:8px;justify-content:space-around}
  .vsteps li{font-size:.72rem}
  .vstep__t{font-size:2.3rem}
  .types{grid-template-columns:repeat(3,minmax(0,1fr))}
  .type{padding:14px 4px;font-size:.88rem}
  .mark .hm{--s:68px}
  .vres__row--main{margin-inline:-12px;padding:18px 12px}
  .vpanel{padding:20px 16px calc(40px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* card entrance (JS only) */
.js .card.pre{opacity:0;translate:0 44px;transition:opacity .9s var(--ease),translate 1.1s var(--ease)}
.js .card.pre.in{opacity:1;translate:0 0}
.hero__sub,.hero .kicker,.hero__cta .tlink{text-shadow:0 1px 18px rgba(10,8,6,.9),0 0 3px rgba(10,8,6,.8)}
.hero__h .forge:first-child{text-shadow:0 2px 30px rgba(10,8,6,.55)}

/* ---- personalised demo (window.NXB) ---- */
.hero__h--long{font-size:clamp(2.6rem,1rem + 6.4vw,7.4rem)}
.visit__copy .visit__story{font:300 clamp(1.25rem,1rem + .9vw,1.75rem)/1.5 var(--serif);color:var(--sand);max-width:30ch;margin-block:.9em .2em}
.visit__copy .visit__about{font-size:var(--t-s);color:var(--sand-3);margin-block:.6em 0}
.card--nx .badge{background:var(--gold);color:var(--char)}
/* shared luxury kit (nx-lux): keep its accessibility button clear of the WhatsApp float / thumb bar */
html body .lx-a11y-b{inset-inline-start:auto;right:auto;left:24px;bottom:24px;background:var(--soot3);color:var(--hot);box-shadow:var(--lift),0 0 0 1px rgba(232,163,61,.35)}
html body .lx-panel{inset-inline-start:auto;right:auto;left:24px;bottom:80px}
@media (max-width:760px){
  .hero__h--long{font-size:clamp(2.2rem,10.4vw,3.6rem)}
  html body .lx-a11y-b{left:12px;bottom:calc(84px + env(safe-area-inset-bottom))}
  html body .lx-panel{left:12px;bottom:calc(136px + env(safe-area-inset-bottom))}
}
html body .lx-ck{background:var(--soot2);color:var(--sand);border:1px solid rgba(232,163,61,.32);border-radius:22px;box-shadow:var(--deep);font-family:var(--ui);padding:18px 20px}
html body .lx-ck button{border-radius:999px;border-color:rgba(216,199,166,.45);color:var(--sand);font-family:var(--ui);font-weight:500;padding-inline:20px}
html body .lx-ck button.p{background:var(--gold);border-color:var(--gold);color:var(--char)}
html body .lx-panel{background:var(--soot2);color:var(--sand);border:1px solid rgba(232,163,61,.35);border-radius:18px;font-family:var(--ui)}
html body .lx-panel button{border-radius:999px;border-color:rgba(216,199,166,.4);background:transparent;color:var(--sand);font-family:var(--ui)}
html body .lx-panel button[aria-pressed=true]{background:var(--gold);color:var(--char);border-color:var(--gold)}
html body .lx-panel a{color:var(--hot)}
@media (max-width:760px){html body .lx-ck{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media (min-width:761px){.ftr{padding-bottom:104px}}

/* QA: tap-to-call keeps the facts look, hit area >= 44px */
.tel-hit{display:inline-block;padding-block:12px;margin-block:-12px;color:inherit}