/* גוף ונפש (Holon). Candle-lit evening: aubergine night, wine and plum bands, warm wax cream,
   amber flame. Karantina for the tall display words, Google Sans for reading. Own stylesheet, written for this demo. */
:root{
  --night:#170c14;--wine:#4c1a36;--plum:#5c2650;--wax:#f6ead8;--wax2:#efdcc2;--ink:#2b1620;--ink2:#5a4048;
  --amber:#f0a94a;--gold:#f5c97a;--rose:#d98a7a;--cream:#fff4e3;--mute:#d9c3b5;
  --p3-a:#f0a94a;--p3-b:#fff3df;--p3-d:#2a1020;--p3-solid:#2a1020;--p3-top:84px;
  --r:26px;--wrapw:1180px;
  --disp:'Karantina','Google Sans',system-ui,sans-serif;--body:'Google Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--night);overflow-x:clip;touch-action:pan-x pan-y;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:17px;line-height:1.7;color:var(--cream);background:var(--night);overflow-x:clip}
body.menu-open{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{margin:0;line-height:1.1;font-weight:700}
h2{font-family:var(--disp);font-size:clamp(46px,7vw,84px);font-weight:700;letter-spacing:.5px;line-height:.98}
h3{font-size:20px;line-height:1.3}
p{margin:0 0 1em}
input,select,textarea{font-size:max(16px,1rem);font-family:inherit}
.wrap{width:min(var(--wrapw),100% - 40px);margin-inline:auto;position:relative}
.wrap.narrow{width:min(760px,100% - 40px)}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--amber);color:var(--night);padding:8px 14px;border-radius:10px;z-index:99}
.skip:focus{inset-inline-start:12px}
section{position:relative;padding:clamp(80px,11vw,140px) 0;overflow:hidden}
.kick{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;letter-spacing:.4px;color:var(--amber);margin-bottom:16px}
.kick::before{content:"";width:26px;height:2px;border-radius:2px;background:currentColor}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--mute);max-width:620px}
.sec-head{margin-bottom:clamp(40px,6vw,70px)}
.sec-head h2{margin-bottom:20px}
.sec-head.center{text-align:center}.sec-head.center .lead{margin-inline:auto}
.ico{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* bands */
.band-night{background:radial-gradient(120% 80% at 50% 0%,#2b1424 0,var(--night) 60%)}
.band-wine{background:linear-gradient(180deg,#5a2142,var(--wine) 55%,#3a1229)}
.band-plum{background:radial-gradient(90% 70% at 85% 10%,#77346a 0,var(--plum) 55%,#3e1838 100%)}
.band-wax{background:radial-gradient(90% 80% at 15% 0%,#fff7ea 0,var(--wax) 50%,var(--wax2) 100%);color:var(--ink)}
.band-wax .lead{color:var(--ink2)}
.band-wax .kick{color:#b2622a}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;border:0;font-family:inherit;transition:transform .25s,box-shadow .25s}
.btn svg{width:22px;height:22px;flex:none;position:relative;z-index:2}
.btn span{position:relative;z-index:2}
.btn-amber{background:linear-gradient(135deg,#ffc56f,var(--amber) 55%,#d9822e);color:#2a1006;box-shadow:0 14px 34px -12px rgba(240,169,74,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-amber:hover{transform:translateY(-2px)}
.btn-ghost{background:rgba(255,244,227,.06);color:var(--cream);border:1px solid rgba(245,201,122,.35);backdrop-filter:blur(8px)}
.btn-ghost svg{width:20px;height:20px}
.cta{display:flex;flex-wrap:wrap;gap:14px}

/* header */
.top{position:fixed;inset:0 0 auto;z-index:50;padding:14px 0;background:linear-gradient(180deg,rgba(23,12,20,.92),rgba(23,12,20,.6));backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,201,122,.12)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand b{display:block;font-family:var(--disp);font-size:30px;line-height:.9;letter-spacing:.4px}
.brand small{display:block;font-size:12.5px;color:var(--mute);margin-top:3px}
.mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:radial-gradient(circle at 50% 35%,rgba(245,201,122,.28),rgba(245,201,122,.04) 70%);border:1px solid rgba(245,201,122,.35);flex:none}
.mark svg{width:24px;height:24px}
#nav{display:flex;align-items:center;gap:26px}
#nav a{text-decoration:none;font-size:15.5px;color:var(--mute);transition:color .2s}
#nav a:hover,#nav a[aria-current]{color:var(--cream)}
#nav .nav-wa{display:inline-flex;align-items:center;gap:8px;color:#2a1006;background:var(--amber);padding:10px 18px;border-radius:999px;font-weight:700}
.nav-btn{display:none;width:46px;height:46px;border-radius:14px;border:1px solid rgba(245,201,122,.3);background:rgba(255,244,227,.05);color:var(--cream);cursor:pointer}
.nav-btn svg{width:24px;height:24px}
@media (max-width:900px){
  .nav-btn{display:grid;place-items:center}
  #nav{position:fixed;inset:72px 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 24px;background:rgba(23,12,20,.98);border-bottom:1px solid rgba(245,201,122,.2);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.25s}
  #nav.open{opacity:1;transform:none;pointer-events:auto}
  #nav a{padding:15px 4px;border-bottom:1px solid rgba(245,201,122,.1);font-size:18px}
  #nav .nav-wa{justify-content:center;margin-top:16px;border:0}
}

/* hero: split. the live tray holds the left half, the words stand centred in the right column */
.hero{min-height:max(720px,100svh);padding:0;display:grid;align-items:center}
.hero-stage{position:absolute;top:0;bottom:0;left:0;width:56%}
.ritual3d{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.grab .ritual3d{cursor:grabbing}
.hero-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,rgba(23,12,20,.92) 0,rgba(23,12,20,.7) 34%,rgba(23,12,20,0) 58%),linear-gradient(180deg,rgba(23,12,20,.55) 0,rgba(23,12,20,0) 22%,rgba(23,12,20,0) 78%,rgba(23,12,20,.85) 100%)}
.hero-text{position:relative;z-index:2;text-align:center;padding:130px 0 80px;pointer-events:none}
.hero-col{width:min(46%,600px);margin-inline-start:0}
.hero-text .hero-col>*{pointer-events:auto}
.hero-text .kick{justify-content:center}
.hero h1{font-family:var(--disp);font-weight:700;line-height:.82;font-size:clamp(84px,10.5vw,176px);letter-spacing:1px;text-shadow:0 6px 40px rgba(0,0,0,.55)}
.hero h1 .l2{display:block;background:linear-gradient(180deg,#ffe4b0,var(--amber) 70%,#c8732a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(240,169,74,.35))}
.hero .sub{font-size:clamp(17px,1.6vw,20px);max-width:520px;margin:24px auto 26px;text-wrap:balance;color:#f1dfcf;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.hero .cta{justify-content:center;gap:12px;width:min(100%,480px);margin-inline:auto}
.hero .cta .btn{flex:1 1 auto;justify-content:center}
.drag-hint{margin:22px 0 0;font-size:13px;color:var(--mute);opacity:.8}
.drag-hint::before{content:"⟲  "}
@media (max-width:900px){
  .hero{align-items:end}
  .hero-stage{width:100%;bottom:auto;height:62svh}
  .hero-veil{background:linear-gradient(180deg,rgba(23,12,20,.6) 0,rgba(23,12,20,0) 18%,rgba(23,12,20,0) 40%,rgba(23,12,20,.9) 60svh,var(--night) 70svh)}
  .hero-col{width:100%}
  .hero-text{padding-top:54svh;padding-bottom:46px}
  .hero h1{font-size:clamp(78px,23vw,140px)}
}
@media (max-width:700px){.hero .btn{width:100%;justify-content:center}}

/* senses: three tall glass cards */
.senses-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sense{position:relative;border-radius:var(--r);padding:30px 28px 28px;background:linear-gradient(180deg,#fffaf2,#fbefdf);border:1px solid rgba(178,98,42,.18);box-shadow:0 30px 60px -36px rgba(42,16,32,.45);display:flex;flex-direction:column}
.sense-top{display:flex;justify-content:space-between;align-items:center;color:#b2622a;margin-bottom:22px}
.sense-top .ico{width:40px;height:40px}
.num{font-family:var(--disp);font-size:44px;line-height:1;color:rgba(178,98,42,.35)}
.sense h3{font-family:var(--disp);font-size:46px;line-height:1;margin-bottom:12px;color:var(--ink)}
.sense p{color:var(--ink2)}
.sense-img{position:relative;margin:auto 0 0;border-radius:18px;overflow:hidden;aspect-ratio:16/11}
.sense-img img{width:100%;height:100%;object-fit:cover}
.eq{margin-top:auto;height:140px;border-radius:18px;background:radial-gradient(circle at 50% 120%,#5b2a40,var(--wine));display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px}
.eq i{width:10px;border-radius:6px;background:linear-gradient(180deg,var(--gold),var(--amber));height:30%;animation:eq 1.6s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.45s}.eq i:nth-child(4){animation-delay:.1s}.eq i:nth-child(5){animation-delay:.6s}.eq i:nth-child(6){animation-delay:.3s}.eq i:nth-child(7){animation-delay:.75s}
@keyframes eq{0%,100%{height:22%}50%{height:72%}}
.illu{position:absolute;inset-block-end:10px;inset-inline-start:10px;z-index:3;font-size:11.5px;font-weight:500;padding:4px 10px;border-radius:999px;background:rgba(23,12,20,.7);color:#fff3df;backdrop-filter:blur(4px)}
@media (max-width:900px){.senses-row{grid-template-columns:1fr;gap:20px}}

/* manifesto */
.manifesto{text-align:center}
.m-glow{position:absolute;left:50%;top:50%;width:min(900px,120vw);aspect-ratio:1;margin:calc(min(900px,120vw)/-2) 0 0 calc(min(900px,120vw)/-2);border-radius:50%;background:radial-gradient(closest-side,rgba(240,169,74,.28),rgba(240,169,74,0));pointer-events:none}
.manifesto blockquote{position:relative;margin:0 auto 40px;max-width:900px;padding:clamp(40px,6vw,70px) clamp(24px,5vw,70px);border-radius:36px;background:rgba(255,244,227,.05);border:1px solid rgba(245,201,122,.25);backdrop-filter:blur(10px)}
.band-wax .manifesto blockquote,.manifesto.band-wax blockquote{background:linear-gradient(160deg,#fffaf2,#f3e1c8);border-color:rgba(178,98,42,.28);box-shadow:0 40px 80px -46px rgba(42,16,32,.5);color:var(--ink)}
.manifesto.band-wax cite,.manifesto.band-wax .qm{color:#b2622a}
.qm{display:block;font-family:var(--disp);font-size:150px;line-height:.5;color:var(--amber);height:60px}
.manifesto blockquote p{font-family:var(--disp);font-size:clamp(46px,6.4vw,84px);line-height:1;margin:0 0 24px}
.manifesto cite{font-style:normal;color:var(--gold);font-size:16px;letter-spacing:.4px}
.manifesto cite::before{content:"· ";}

/* path: six stations along a wax line */
.wax-line{position:absolute;inset-inline-start:50%;top:300px;bottom:110px;width:4px;margin-inline-start:-2px;border-radius:4px;background:rgba(245,201,122,.12);overflow:hidden}
.wax-line span{position:absolute;inset:0;background:linear-gradient(180deg,var(--gold),var(--amber),var(--rose));transform-origin:top;animation:wax linear both;animation-timeline:view();animation-range:entry 10% cover 70%}
@keyframes wax{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.stations{list-style:none;margin:0;padding:0;display:grid;gap:34px}
.station{position:relative;width:calc(50% - 50px);padding:28px 30px;border-radius:var(--r);background:rgba(255,244,227,.05);border:1px solid rgba(245,201,122,.2);backdrop-filter:blur(8px)}
.station:nth-child(odd){margin-inline-start:0}
.station:nth-child(even){margin-inline-start:auto}
.station .dot{position:absolute;top:34px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,#fff3c9,var(--amber) 55%,rgba(240,169,74,0) 72%);box-shadow:0 0 24px 6px rgba(240,169,74,.45)}
.station:nth-child(odd) .dot{inset-inline-end:-60px}
.station:nth-child(even) .dot{inset-inline-start:-60px}
.step{font-size:13px;color:var(--amber);font-weight:500;letter-spacing:.3px}
.station h3{font-family:var(--disp);font-size:42px;line-height:1;margin:8px 0 10px}
.station p{margin:0;color:var(--mute)}
@media (max-width:800px){
  .wax-line{inset-inline-start:24px;top:280px}
  .station{width:auto;margin-inline-start:52px!important}
  .station .dot{inset-inline-start:-38px!important;inset-inline-end:auto!important}
}

/* full-bleed room image */
.full-img{padding:0;min-height:min(86vh,820px);display:grid;align-items:end}
.bleed{position:absolute;inset:-60px 0;margin:0}
.bleed img{width:100%;height:100%;object-fit:cover}
.bleed .illu{inset-block-end:auto;top:84px}
.full-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,12,20,.25),rgba(23,12,20,.15) 35%,rgba(23,12,20,.92) 100%);pointer-events:none}
.bleed-text{position:relative;z-index:2;padding:0 0 clamp(60px,9vw,110px);max-width:720px;margin-inline-start:max(20px,(100% - var(--wrapw))/2)}
.bleed-text h2{margin-bottom:18px}
.bleed-text p{font-size:19px;color:#f1dfcf;max-width:540px}

/* body map */
.bodymap{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:clamp(24px,5vw,60px);align-items:center}
.body-fig{position:relative;margin:0;padding:24px;border-radius:32px;background:radial-gradient(circle at 50% 30%,#3d1c30,var(--wine));border:1px solid rgba(245,201,122,.25)}
.body-svg{width:100%;height:auto;display:block}
.body-svg .head{fill:#4a2638;stroke:rgba(245,201,122,.35)}
.body-svg .z{fill:#5a2e44;stroke:rgba(245,201,122,.35);stroke-width:1.2;cursor:pointer;transition:fill .3s}
.body-svg .z:hover{fill:#7a3e55}
.body-svg .z.on{fill:var(--amber);stroke:#fff3c9;filter:drop-shadow(0 0 10px rgba(240,169,74,.8))}
.zbtns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.zbtns button{min-height:46px;padding:0 18px;border-radius:999px;border:1px solid rgba(178,98,42,.3);background:#fffaf2;color:var(--ink);font:500 15.5px var(--body);cursor:pointer;transition:.2s}
.zbtns button.on{background:var(--ink);color:var(--gold);border-color:var(--ink)}
.zpanes{position:relative;min-height:190px;padding:30px;border-radius:var(--r);background:linear-gradient(180deg,#fffaf2,#fbefdf);border:1px solid rgba(178,98,42,.2);box-shadow:0 30px 60px -36px rgba(42,16,32,.4)}
.zpane h3{font-family:var(--disp);font-size:48px;line-height:1;margin-bottom:12px;color:var(--ink)}
.zpane p{margin:0;color:var(--ink2);font-size:18px}
.note{font-size:14px;color:var(--ink2);margin:16px 0 0}
@media (max-width:800px){.bodymap{grid-template-columns:1fr}.body-fig{max-width:300px;margin-inline:auto}}

/* yossi */
.y-head{display:flex;gap:clamp(24px,5vw,60px);align-items:center;margin-bottom:56px}
.y-orb{--p3-size:170px}
.y-orb .p3-face{color:var(--p3-d)}
.y-head h2{margin-bottom:18px}
.arches{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.arch{position:relative;padding:44px 28px 30px;border-radius:200px 200px 26px 26px;background:linear-gradient(180deg,rgba(255,244,227,.09),rgba(255,244,227,.03));border:1px solid rgba(245,201,122,.25);text-align:center}
.arch .ico{width:44px;height:44px;color:var(--gold);margin:0 auto 18px}
.arch h3{font-family:var(--disp);font-size:46px;line-height:1;margin-bottom:10px}
.arch p{margin:0;color:var(--mute)}
@media (max-width:800px){.y-head{flex-direction:column;text-align:center}.y-head .lead{margin-inline:auto}.y-head .kick{justify-content:center}.arches{grid-template-columns:1fr}}

/* light the room */
.split{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,6vw,80px);align-items:center}
.split h2{margin-bottom:20px}
@media (max-width:900px){.split{grid-template-columns:1fr}}
.room{position:relative;padding:22px;border-radius:32px;background:var(--wine);border:1px solid rgba(245,201,122,.25);color:var(--cream);box-shadow:0 40px 80px -40px rgba(42,16,32,.7)}
.room-scene{position:relative;height:260px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#1a0d15,#120810);transition:background 1s}
.room[data-on~="candles"] .room-scene{background:radial-gradient(70% 90% at 50% 100%,rgba(240,169,74,.45),rgba(90,40,30,.3) 50%,#1a0d15)}
.r-wall{position:absolute;inset:0 0 38%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 2px,transparent 2px 60px)}
.r-bed{position:absolute;left:18%;right:18%;bottom:44px;height:34px;border-radius:14px;background:linear-gradient(180deg,#e9d6bf,#b99a7c);box-shadow:0 18px 0 -8px #5a3a2a}
.r-bed::after{content:"";position:absolute;inset-inline-start:10%;top:-12px;width:22%;height:16px;border-radius:9px;background:#f7ecdc}
.r-candles{position:absolute;inset-inline-end:8%;bottom:30px;display:flex;gap:10px;align-items:end}
.r-candles i{position:relative;width:20px;height:42px;border-radius:5px;background:linear-gradient(180deg,#fff3e0,#e6cfae)}
.r-candles i:nth-child(2){height:30px}.r-candles i:nth-child(3){height:52px}
.r-candles b{position:absolute;left:50%;top:-20px;width:10px;height:18px;margin-left:-5px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff,#ffd27a 45%,#f08a2a);opacity:0;transition:opacity .6s;box-shadow:0 0 24px 8px rgba(255,190,90,.5)}
.room[data-on~="candles"] .r-candles b{opacity:1;animation:flick 1.4s ease-in-out infinite alternate}
@keyframes flick{0%{transform:scale(1) rotate(-2deg)}100%{transform:scale(1.12,.92) rotate(3deg)}}
.r-notes{position:absolute;inset-inline-start:10%;top:30px;display:flex;gap:16px;font-size:26px;color:var(--gold)}
.r-notes i{font-style:normal;opacity:0;transition:opacity .5s}
.room[data-on~="music"] .r-notes i{opacity:.9;animation:note 3s ease-in-out infinite}
.room[data-on~="music"] .r-notes i:nth-child(2){animation-delay:.6s}.room[data-on~="music"] .r-notes i:nth-child(3){animation-delay:1.2s}
@keyframes note{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(6deg)}}
.r-oil{position:absolute;inset-inline-start:9%;bottom:30px;width:40px;height:70px}
.r-bottle{position:absolute;bottom:0;left:6px;width:28px;height:44px;border-radius:8px 8px 6px 6px;background:linear-gradient(90deg,#8a4a16,#d98a3a,#8a4a16)}
.r-bottle::before{content:"";position:absolute;left:9px;top:-12px;width:10px;height:14px;border-radius:3px;background:#2b1a12}
.r-oil i{position:absolute;bottom:50px;left:18px;width:6px;height:6px;border-radius:50%;background:rgba(245,201,122,.7);opacity:0}
.room[data-on~="oil"] .r-oil i{animation:scent 3.4s ease-out infinite}
.room[data-on~="oil"] .r-oil i:nth-child(3){animation-delay:1.1s}.room[data-on~="oil"] .r-oil i:nth-child(4){animation-delay:2.2s}
@keyframes scent{0%{opacity:0;transform:translate(0,0) scale(.6)}30%{opacity:.9}100%{opacity:0;transform:translate(28px,-90px) scale(2.4)}}
.room-sw{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.room-sw button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:18px;border:1px solid rgba(245,201,122,.25);background:rgba(255,244,227,.04);color:var(--mute);font:500 15px var(--body);cursor:pointer;transition:.25s}
.room-sw button[aria-pressed=true]{background:linear-gradient(180deg,rgba(240,169,74,.3),rgba(240,169,74,.1));color:var(--cream);border-color:var(--amber);box-shadow:0 0 30px -8px rgba(240,169,74,.7)}
.room-msg{margin:16px 4px 4px;min-height:1.7em;color:var(--gold);font-size:16px}

/* before: checklist */
.ticks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ticks li{position:relative;display:block;padding:26px 26px;padding-inline-start:118px;border-radius:var(--r);background:rgba(255,244,227,.05);border:1px solid rgba(245,201,122,.18)}
.ticks .ico{position:absolute;top:30px;inset-inline-start:70px;color:var(--gold)}
.ticks li>.box{position:absolute;top:28px;inset-inline-start:26px}
.box{width:30px;height:30px;flex:none;border-radius:9px;border:2px solid rgba(245,201,122,.45);display:grid;place-items:center;transition:.4s}
.box svg{width:18px;height:18px;fill:none;stroke:#2a1006;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s .1s}
.ticks li.done .box{background:var(--amber);border-color:var(--amber)}
.ticks li.done .box svg{stroke-dashoffset:0}
.ticks b{display:block;font-size:19px;margin-bottom:4px}
.ticks p{margin:0;color:var(--mute)}
.ticks li>div{text-align:start}
@media (max-width:800px){.ticks{grid-template-columns:1fr}}

/* holon */
.holon{min-height:620px;display:grid;align-items:center}
.holon-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--disp);font-size:clamp(220px,42vw,560px);line-height:.8;font-weight:700;color:transparent;-webkit-text-stroke:2px rgba(245,201,122,.22);white-space:nowrap;pointer-events:none}
.holon-card{position:relative;max-width:560px;margin-inline:auto;text-align:center;padding:clamp(34px,5vw,54px);border-radius:32px;background:rgba(23,12,20,.65);border:1px solid rgba(245,201,122,.3);backdrop-filter:blur(14px)}
.holon-card .kick{justify-content:center}
.holon-card h2{font-size:clamp(44px,6vw,70px);margin-bottom:16px}
.holon-card p{color:var(--mute);margin-bottom:26px}

/* faq */
.faq-list{display:grid;gap:14px}
.q{position:relative;border-radius:20px;background:rgba(255,244,227,.05);border:1px solid rgba(245,201,122,.2)}
.band-wax .q{background:#fffaf2;border-color:rgba(178,98,42,.2)}
.q summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;font-weight:500;font-size:17.5px;position:relative;z-index:3}
.q summary::-webkit-details-marker{display:none}
.q summary i{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid currentColor;position:relative;opacity:.7}
.q summary i::before,.q summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:currentColor;transition:transform .3s}
.q summary i::after{transform:rotate(90deg)}
.q[open] summary i::after{transform:rotate(0)}
.q p{padding:0 24px 22px;margin:0;color:var(--mute);position:relative;z-index:3}
.band-wax .q p{color:var(--ink2)}

/* articles */
.art-card{position:relative;display:grid;grid-template-columns:1.1fr 1fr;border-radius:32px;overflow:hidden;text-decoration:none;background:#fffaf2;border:1px solid rgba(178,98,42,.2);box-shadow:0 30px 60px -36px rgba(42,16,32,.45);color:var(--ink)}
.art-card .img{position:relative;min-height:320px}
.art-card .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-body{padding:clamp(28px,4vw,50px);display:flex;flex-direction:column;justify-content:center}
.art-body small{color:#b2622a;font-weight:500}
.art-body h3,.art-body h2{font-family:var(--disp);font-size:clamp(38px,4.4vw,56px);line-height:1;margin:10px 0 16px}
.art-body p{color:var(--ink2)}
.more{font-weight:700;color:#b2622a}
.more::after{content:" ←"}
@media (max-width:800px){.art-card{grid-template-columns:1fr}.art-card .img{min-height:220px}}

/* contact */
.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px);align-items:center}
.contact h2{margin-bottom:20px}
.direct{display:grid;gap:14px;margin-top:28px}
.direct a,.direct .soft{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px}
.direct a{font-weight:700;color:var(--gold)}
.direct svg{width:24px;height:24px;flex:none}
.direct .soft{color:var(--mute);font-size:16px}
.wa{position:relative;display:grid;gap:16px;padding:clamp(26px,4vw,40px);border-radius:32px;background:rgba(255,244,227,.06);border:1px solid rgba(245,201,122,.28);backdrop-filter:blur(14px)}
.wa label{display:grid;gap:7px;font-size:14.5px;color:var(--mute);position:relative;z-index:3}
.wa input,.wa select,.wa textarea{width:100%;min-height:52px;padding:12px 16px;border-radius:14px;border:1px solid rgba(245,201,122,.25);background:rgba(23,12,20,.55);color:var(--cream);outline:none;transition:border-color .2s}
.wa textarea{resize:vertical;min-height:96px}
.wa select option{color:#2b1620}
.wa input:focus,.wa select:focus,.wa textarea:focus{border-color:var(--amber)}
.wa .btn{justify-content:center;width:100%;position:relative;z-index:3}
.form-err{margin:0;color:#ffb4a2;font-size:15px;position:relative;z-index:3}
.form-ok{margin:0;color:var(--gold);position:relative;z-index:3}
@media (max-width:900px){.contact .wrap{grid-template-columns:1fr}}

/* footer */
footer{background:#120810;padding:70px 0 120px;border-top:1px solid rgba(245,201,122,.12);color:var(--mute);font-size:15.5px}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer b{display:block;color:var(--cream);margin-bottom:12px;font-size:16px}
footer a,footer span{display:block;text-decoration:none;margin-bottom:8px}
footer a:hover{color:var(--cream)}
.f-brand .mark{margin-bottom:14px}
.f-brand b{font-family:var(--disp);font-size:34px;font-weight:700}
.fine{grid-column:1/-1;font-size:13px;opacity:.75;margin:10px 0 0;border-top:1px solid rgba(245,201,122,.1);padding-top:22px}
@media (max-width:800px){footer .wrap{grid-template-columns:1fr}}
.fab{position:fixed;inset-inline-start:18px;bottom:18px;z-index:40;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}
.fab svg{width:30px;height:30px;position:relative;z-index:2}

/* inner pages */
.ihero{padding-top:150px}
.ihero.slim{padding-bottom:90px}
.ihero.slim h1{font-family:var(--disp);font-size:clamp(60px,9vw,120px);line-height:.9;margin-bottom:18px}
.ihero.slim .sub{color:var(--mute);font-size:19px;max-width:640px}
.ih{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,70px);align-items:center}
.ih h1{font-family:var(--disp);font-size:clamp(60px,8vw,110px);line-height:.9;margin-bottom:20px}
.ih .sub{color:var(--mute);font-size:19px;margin-bottom:28px}
.photo{position:relative;margin:0;border-radius:32px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.ih{grid-template-columns:1fr}.ih .btn{width:100%;justify-content:center}}
.pr-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pr{position:relative;padding:30px 28px;border-radius:var(--r);background:#fffaf2;border:1px solid rgba(178,98,42,.2);color:var(--ink)}
.band-plum .pr{background:rgba(255,244,227,.06);border-color:rgba(245,201,122,.22);color:var(--cream)}
.pr .ico{width:38px;height:38px;color:#b2622a;margin-bottom:16px}
.band-plum .pr .ico{color:var(--gold)}
.pr h3{font-family:var(--disp);font-size:38px;line-height:1;margin-bottom:10px}
.pr p{margin:0;color:var(--ink2)}
@media (max-width:800px){.pr-row{grid-template-columns:1fr}}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,70px);align-items:center}
.feat h2{margin-bottom:20px}.feat p{color:var(--mute);font-size:18px;margin-bottom:28px}
@media (max-width:900px){.feat{grid-template-columns:1fr}}
.flow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:f}
.flow-list li{position:relative;padding:30px 24px;border-radius:var(--r);background:rgba(255,244,227,.05);border:1px solid rgba(245,201,122,.2);counter-increment:f}
.flow-list li::before{content:counter(f);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;margin-bottom:16px;font-family:var(--disp);font-size:30px;color:#2a1006;background:radial-gradient(circle at 40% 35%,#ffe1a3,var(--amber))}
.flow-list b{display:block;font-size:19px;margin-bottom:6px}
.flow-list p{margin:0;color:var(--mute)}
@media (max-width:900px){.flow-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.flow-list{grid-template-columns:1fr}}
.post-body{padding-top:60px}
.post-body .photo{margin-bottom:40px;aspect-ratio:16/9}
.post-body h2{font-size:clamp(40px,5vw,56px);margin:44px 0 14px}
.post-body p,.post-body li{font-size:18px;color:var(--ink2)}
.post-body .lede{font-size:21px;color:var(--ink)}
.post-body ul{padding-inline-start:22px}
.post-body li{margin-bottom:10px}
.callout{position:relative;margin:36px 0;padding:26px 28px;border-radius:22px;background:var(--wine);color:var(--cream);border:1px solid rgba(245,201,122,.3);font-size:18px}
.callout b{color:var(--gold)}
.end{font-weight:500}
.end a{color:#b2622a}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.wax-line span{transform:none}}
@media (max-width:700px){.ticks li{padding:22px 20px;padding-inline-start:92px}.ticks li>.box{inset-inline-start:18px;top:24px}.ticks .ico{inset-inline-start:56px;top:26px}}

/* hero chips: hours and discretion */
/* hero facts: a balanced 2x2 block of glass tiles, its own group with clear air before the CTA (task 8999) */
.hero-chips{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;width:min(100%,480px);margin:0 auto 34px;padding:0}
.hero-chips li{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:9px 14px;border-radius:16px;font-size:15px;line-height:1.3;font-weight:500;text-align:center;text-wrap:balance;color:#fbe9cf;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035));border:1px solid rgba(245,201,122,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 26px -18px rgba(0,0,0,.8)}
.hero-chips .chip-ico{width:18px;height:18px;flex:none;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-chips li:first-child{color:#170c14;background:linear-gradient(135deg,#f8d48e,#e7a94f);border-color:transparent;font-weight:700;font-size:16px;letter-spacing:.5px}
.hero-chips li:first-child .chip-ico{stroke:#170c14}
@media (max-width:640px){.hero-chips{gap:8px;margin-bottom:28px}.hero-chips li{min-height:48px;padding:8px 10px;font-size:14px;gap:7px}.hero-chips .chip-ico{width:16px;height:16px}}

/* #8980 video: the client's own video + who it is for */
.vid{padding:110px 0;position:relative;overflow:hidden}
.vid::before{content:"";position:absolute;inset:-20% -10% auto auto;width:60%;height:80%;background:radial-gradient(closest-side,rgba(240,169,74,.22),transparent);pointer-events:none}
.vid-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;position:relative}
.vid-text .kick{color:var(--gold)}
.who-big{font-size:clamp(46px,6.4vw,96px);line-height:1.02;margin:14px 0 26px;font-weight:800;letter-spacing:-.5px}
.who-big span{display:inline-block;background:linear-gradient(120deg,#fff3df 0,#ffc56f 45%,#f0a94a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.06em}
.who-row{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-wrap:wrap;gap:14px}
.who-row li{position:relative;overflow:hidden;padding:16px 30px;border-radius:999px;background:rgba(255,244,227,.08);border:1px solid rgba(245,201,122,.42);box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.who-row b{position:relative;z-index:2;font-size:22px;color:var(--cream)}
.vid-text .lead{color:rgba(255,243,223,.86);font-size:19px;line-height:1.75;max-width:520px;margin:0 0 30px}
.vid-frame{position:relative;margin:0;justify-self:center;width:100%;max-width:440px;aspect-ratio:720/910;border-radius:30px;overflow:hidden;padding:0;border:1px solid rgba(245,201,122,.45);box-shadow:0 50px 110px -40px rgba(0,0,0,.85),0 0 0 10px rgba(255,244,227,.05)}
.vid-frame video{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1;background:#1a0a14}
.vid-frame .p3-sheen,.vid-frame .p3-glare{z-index:2;pointer-events:none}
@media (max-width:860px){
  .vid{padding:76px 0}
  .vid-grid{grid-template-columns:1fr;gap:36px}
  .vid-text{text-align:center}
  .who-row{justify-content:center}
  .who-row li{padding:13px 24px}
  .who-row b{font-size:19px}
  .vid-text .lead{margin-inline:auto;font-size:17px}
  .vid-frame{max-width:360px}
}

/* #9037 hero headline: עיסוי גוף ונפש מגבר (client request 1103) */
.hero h1 .l0{display:block;font-family:var(--body,inherit);font-weight:500;font-size:.24em;letter-spacing:.1em;line-height:1;margin-bottom:.42em;color:#f1dfcf;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.hero h1 .l3{display:flex;align-items:center;justify-content:center;gap:.32em;margin-top:.14em;font-size:.46em;line-height:1;color:#ffe4b0;letter-spacing:2px;filter:drop-shadow(0 4px 22px rgba(240,169,74,.4))}
.hero h1 .l3::before,.hero h1 .l3::after{content:"";flex:0 0 .9em;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent)}

@media (max-width:700px){.holon-word{font-size:28vw;-webkit-text-stroke-width:1.5px}}