/* Aroma Hair demo (task 5334): cream paper, sage and plum; Wix Madefor Display headings, Open Sans text.
   Concept "under the lens": the hero is a round scalp lens, the signature a 3D skin block whose follicles grow hair
   chapter by chapter, a protocol sheet that unfolds, and a hair cycle that assembles. */
:root{
 --cream:#F3EDE2;--paper:#FBF8F2;--blush:#E9E2D4;--ink:#17261D;--ink2:#4C5A50;--line:rgba(23,38,29,.15);
 --sage:#B08C4A;--sage-d:#6E5420;--sage-l:#E7D9B8;--sage-ll:#F1E9D6;
 --plum:#14291D;--plum-d:#0C1B13;--plum-l:#CDAA63;--plum-ll:#EDE3CC;--skin:#D9C7A5;--skin-d:#A9925F;
 --gold:#C9A35B;--gold-l:#EBD49A;--gold-d:#8F6E2E;--grey:#8A8F8A;
 --grad:linear-gradient(115deg,#8F6E2E,#EBD49A 45%,#C9A35B 70%,#8F6E2E);
 --p3-a:#C9A35B;--p3-b:#F3EDE2;--p3-d:#0C1B13;--p3-solid:#FBF8F2;--p3-top:78px;
 --hf:'Montserrat','Noto Sans Hebrew',system-ui,sans-serif;--bf:'Arimo',system-ui,sans-serif;--r:6px;
}
*{box-sizing:border-box}
html{background:var(--plum-d);overflow-x:clip;touch-action:pan-x pan-y;scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--bf);font-size:18px;line-height:1.75;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--hf);font-weight:400;line-height:1.2;margin:0 0 .5em;letter-spacing:0}
h2{font-size:clamp(30px,3.5vw,48px)}
h3{font-size:clamp(21px,1.8vw,26px)}
p{margin:0 0 1em}
input,select,textarea{font-size:max(16px,1rem);font-family:var(--bf)}
.wrap{width:min(1200px,100% - 48px);margin-inline:auto}
.skip{position:absolute;inset-inline-start:-999px;top:8px}
.skip:focus{inset-inline-start:8px;z-index:99;background:#fff;padding:8px 14px;border-radius:10px}
.tag{display:inline-block;font-weight:700;font-size:14px;color:var(--plum);background:var(--plum-ll);border-radius:999px;padding:5px 16px;margin:0 0 16px}
.tag-l{color:#EBD49A;background:rgba(255,255,255,.1)}
.tag-s{color:var(--sage-d);background:var(--sage-l)}
section{position:relative}
.ill{position:absolute;bottom:12px;inset-inline-start:12px;z-index:3;font-size:12px;line-height:1;padding:6px 10px;border-radius:999px;background:rgba(255,252,248,.88);color:var(--ink2)}
figure{margin:0}
figcaption{font-size:12px;color:var(--ink2)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 26px;font-family:var(--hf);font-size:17px;text-decoration:none;border:0;cursor:pointer;line-height:1.2}
.btn svg{width:20px;height:20px;flex:none}
.btn-plum{background:var(--plum);color:#fff;box-shadow:0 12px 28px -12px rgba(110,63,102,.9)}
.btn-plum:hover{background:#5B3354}
.btn-sage{background:var(--sage-d);color:#fff}
.btn-out{background:transparent;color:var(--plum);box-shadow:inset 0 0 0 2px var(--plum-l)}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}

/* header */
.top{position:sticky;top:0;z-index:40;background:rgba(247,242,236,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;gap:22px;height:78px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.brand-mark{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8F6E2E,var(--plum-d));display:grid;place-items:center;box-shadow:inset 0 0 0 3px rgba(255,255,255,.18)}
.brand-mark svg{width:28px;height:28px;fill:none;stroke:#F3EDE2;stroke-width:2;stroke-linecap:round}
.brand-t{display:flex;flex-direction:column;line-height:1.15}
.brand-t b{font-family:var(--hf);font-weight:400;font-size:22px;color:var(--plum-d)}
.brand-t small{font-size:13px;color:var(--ink2)}
.nav{display:flex;gap:20px;margin-inline-start:auto;font-size:15px}
.nav a{text-decoration:none;color:var(--ink2);white-space:nowrap}
.nav a:hover{color:var(--plum)}
.wa-top{padding:10px 18px;font-size:15px}
.menu{display:none;background:none;border:0;width:44px;height:44px;color:var(--plum-d);cursor:pointer}
.menu svg{width:26px;height:26px}

/* 1 hero: the lens */
.hero{padding:56px 0 90px;overflow:hidden;background:radial-gradient(900px 600px at 50% 62%,#FFFDFB 0,var(--cream) 70%)}
.hero-rings{position:absolute;inset:0;pointer-events:none}
.hero-rings span{position:absolute;left:50%;top:64%;border-radius:50%;border:1.5px solid var(--plum-ll);translate:-50% -50%}
.hero-rings .r1{width:760px;height:760px}.hero-rings .r2{width:1080px;height:1080px;border-color:var(--sage-l)}.hero-rings .r3{width:1420px;height:1420px;border-style:dashed}
.hero-in{position:relative;text-align:center}
.hero h1{font-size:clamp(36px,4.8vw,66px);color:var(--plum-d);max-width:15em;margin:0 auto .35em}
.hero h1 em{font-style:normal;color:var(--sage-d)}
.hero .lede{max-width:40em;margin:0 auto 26px;color:var(--ink2);font-size:19px}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.stage{position:relative;width:min(560px,100%);margin:56px auto 0;aspect-ratio:1/1;border-radius:50%}
.bezel{position:absolute;inset:7%;border-radius:50%;box-shadow:0 0 0 14px #E8DCE4,0 0 0 16px #CDB7C7,0 0 0 30px #F1E9D6,0 0 0 31.5px #E2D3DE,0 40px 80px -20px rgba(58,33,54,.55)}
.lens{position:absolute;inset:7%;border-radius:50%;overflow:hidden;clip-path:ellipse(50% 50%)}
.lens svg{position:absolute;inset:0;width:100%;height:100%;transform:scale(var(--zoom,1.15)) translate(var(--lx,0px),var(--ly,0px));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.lens::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.45),rgba(255,255,255,0) 34%),radial-gradient(circle,transparent 58%,rgba(58,33,54,.38) 100%)}
.lens-cross{position:absolute;inset:7%;border-radius:50%;pointer-events:none;z-index:2}
.lens-cross i{position:absolute;background:rgba(255,255,255,.55)}
.lens-cross i:nth-child(1){left:50%;top:44%;bottom:44%;width:1.5px}
.lens-cross i:nth-child(2){top:50%;left:44%;right:44%;height:1.5px}
.lens-scale{position:absolute;bottom:13%;left:50%;translate:-50% 0;z-index:2;font-size:12px;color:#fff;background:rgba(58,33,54,.55);padding:3px 10px;border-radius:999px}
.chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;background:var(--paper);border-radius:999px;padding:10px 18px;font-weight:700;font-size:15px;color:var(--plum-d);
 box-shadow:0 18px 30px -16px rgba(58,33,54,.5),inset 0 0 0 1px var(--line);white-space:nowrap}
.chip i{width:10px;height:10px;border-radius:50%;background:var(--sage)}
.chip.c1{top:6%;inset-inline-end:-6%}.chip.c2{top:46%;inset-inline-start:-14%}.chip.c3{bottom:4%;inset-inline-end:-2%}
.chip.c2 i{background:var(--plum-l)}.chip.c3 i{background:var(--skin-d)}
/* revision 5353: the client's logo, emblem and the trichologist's own portrait (real, not illustration) */
.brand-mark{background:var(--paper);box-shadow:inset 0 0 0 1.5px #D9C08A,0 6px 14px -8px rgba(122,92,30,.6)}
.brand-mark img{width:34px;height:34px;object-fit:contain}
.lang-sw{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;text-decoration:none;font-weight:700;font-size:14px;color:var(--plum-d);box-shadow:inset 0 0 0 1.5px var(--plum-l)}
.lang-sw:hover{background:var(--plum-ll)}
.hero-logo{display:block;width:200px;height:auto;margin:0 auto 18px;filter:drop-shadow(0 10px 14px rgba(122,92,30,.18))}
.portrait{position:absolute;inset:7%;border-radius:50%;overflow:hidden;background:#E9DCCF}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}
.portrait::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 66%,rgba(58,33,54,.28) 100%)}
.stage .bezel{box-shadow:0 0 0 12px #EFE3CC,0 0 0 14px #CDAE6E,0 0 0 28px #F7F0E4,0 0 0 29.5px #DCC79C,0 40px 80px -20px rgba(58,33,54,.55)}
.loupe{position:absolute;z-index:3;width:36%;aspect-ratio:1/1;bottom:-2%;inset-inline-start:-6%;border-radius:50%;
 box-shadow:0 0 0 8px var(--paper),0 0 0 10px #CDAE6E,0 26px 40px -16px rgba(58,33,54,.6)}
.loupe .lens,.loupe .lens-cross{inset:0}
.loupe .lens-scale{bottom:16%;font-size:11px;padding:2px 8px;white-space:nowrap}
.plate{position:absolute;z-index:4;bottom:-6%;inset-inline-end:2%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:62%;
 background:var(--plum-d);color:#F3EDE2;border-radius:22px;padding:14px 22px;text-align:start;box-shadow:0 22px 34px -18px rgba(58,33,54,.7),inset 0 0 0 1px rgba(217,192,138,.45)}
.plate b{font-family:var(--hf);font-weight:400;font-size:20px;color:#fff}
.plate span{font-size:14px;line-height:1.4;color:#E7D9B8}
.ig-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 6px}
.ig-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:22px;background:var(--paper);text-decoration:none;color:var(--ink);box-shadow:0 18px 30px -22px rgba(54,87,74,.6),inset 0 0 0 1.5px var(--line)}
.ig-card b{display:block;font-size:15px;color:var(--plum-d);direction:ltr;text-align:start;overflow-wrap:anywhere}
.ig-card small{display:block;font-size:13px;line-height:1.4;color:var(--ink2)}
.ig-ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#C9A24E,#8F6E2E)}
.ig-ic svg{width:24px;height:24px}
.ru-note{font-size:16px}
.ru-note a,.hero-facts a{color:var(--plum);font-weight:700}
.f-logo{display:block;width:150px;height:auto;margin-bottom:14px;padding:12px;border-radius:24px;background:#FFFCF8}
.hero-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin:40px 0 0;padding:0;list-style:none;color:var(--ink2);font-size:16px}
.hero-facts li{display:flex;align-items:center;gap:8px}
.hero-facts svg{width:18px;height:18px;color:var(--plum)}

/* 2 chooser */
.pick{padding:100px 0;background:var(--paper)}
.pick-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.pick-copy p{color:var(--ink2)}
.pick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pc{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-radius:24px;background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line);font-family:var(--bf);font-size:17px;line-height:1.5;color:var(--ink);transition:background .3s,box-shadow .3s}
.pc b{font-family:var(--hf);font-weight:400;font-size:20px;color:var(--plum-d)}
.pc small{font-size:14px;color:var(--ink2)}
.pc:focus-visible{outline:3px solid var(--plum-l);outline-offset:3px}
.pc[aria-pressed=true]{background:var(--plum-d);box-shadow:none;color:#F3EDE2}
.pc[aria-pressed=true] b{color:#fff}.pc[aria-pressed=true] small{color:#E5CFE0}
.pick-out{grid-column:1/-1;margin-top:8px;padding:26px 28px;border-radius:26px;background:var(--sage-ll);box-shadow:inset 0 0 0 1.5px var(--sage-l)}
.pick-out h3{color:var(--sage-d);margin-bottom:.3em}
.pick-out p{margin:0 0 14px;color:var(--ink2)}
.pick-note{font-size:15px;color:var(--sage-d);margin:12px 0 0}

/* 3 credentials */
.cred{padding:120px 0;background:var(--plum-d);color:#F3EDE2;overflow:hidden}
.cred-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 400px at 85% 20%,rgba(201,166,193,.28),transparent 70%),radial-gradient(500px 380px at 10% 90%,rgba(124,154,132,.25),transparent 70%)}
.cred-in{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:center}
.cred blockquote{margin:0}
.cred .q-big{font-family:var(--hf);font-size:clamp(30px,3.4vw,46px);line-height:1.3;color:#fff;margin:0 0 .6em}
.cred .q-big span{color:var(--plum-l)}
.cred .q-sub{font-size:19px;color:#E6D3E1;max-width:34em}
.cred cite{display:block;font-style:normal;font-size:14px;color:#CDAA63;margin-top:18px}
.cred-orbs{display:grid;grid-template-columns:repeat(2,auto);gap:26px;justify-content:center;align-items:center}
.cred-orbs .p3-orb:nth-child(3){grid-column:1/-1;justify-self:center}

/* 4 diagnosis: three things it reads */
.diag{padding:120px 0;background:var(--cream)}
.diag-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}
.diag-copy{position:sticky;top:120px}
.diag-copy p{color:var(--ink2)}
.diag-stack{display:grid;gap:20px}
.dg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;padding:30px 30px;border-radius:var(--r);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.dg-lens{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--blush) 60%,var(--plum-l));box-shadow:0 0 0 6px var(--plum-ll)}
.dg-lens svg{width:44px;height:44px;fill:none;stroke:var(--plum-d);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dg h3{color:var(--plum-d);margin-bottom:.35em}
.dg p{margin:0;color:var(--ink2)}
.dg .dg-k{display:block;font-size:14px;font-weight:700;color:var(--sage-d);margin-bottom:4px}

/* 5 the follicle block (pinned) */
.fx{background:linear-gradient(180deg,var(--sage-ll),#E3ECE5)}
.fx-track{position:relative;height:420vh}
.fx-a{position:absolute;inset-inline:0;height:1px}
.fx-pin{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:hidden}
.fx-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;width:min(1200px,100% - 48px);margin-inline:auto}
.fx-copy h2{color:var(--sage-d)}
.fx-texts{position:relative;min-height:230px}
.fx-t{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .5s;pointer-events:none}
.fx-t.on{opacity:1;transform:none;pointer-events:auto}
.fx-t .fx-k{font-weight:700;font-size:14px;color:var(--plum)}
.fx-t h3{font-size:clamp(24px,2.4vw,32px);color:var(--plum-d);margin:.2em 0 .4em}
.fx-t p{color:var(--ink2);margin:0}
.fx-dots{display:flex;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.fx-dots li{height:6px;width:34px;border-radius:6px;background:rgba(54,87,74,.2);transition:background .4s,width .4s}
.fx-dots li.on{background:var(--sage-d);width:54px}
.fx-stage{position:relative;height:560px;perspective:1300px;display:grid;place-items:center}
.blk{--W:340px;--H:250px;--D:220px;--g:.15;position:relative;width:var(--W);height:var(--H);transform-style:preserve-3d;
 transform:translateY(60px) rotateX(calc(var(--rx,-18) * 1deg)) rotateY(calc(var(--ry,-30) * 1deg))}
.blk-f{position:absolute;left:0;top:0;backface-visibility:hidden}
.blk-front{width:var(--W);height:var(--H);transform:translateZ(calc(var(--D) / 2));
 background:linear-gradient(180deg,#E8C3A6 0,#E8C3A6 9%,#D9A88A 9%,#F0D6C4 10%,#EFD3C0 58%,#F6E7D4 58%,#F9EEDF 100%);overflow:visible}
.blk-front svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.blk-side{width:var(--D);height:var(--H);left:calc(var(--W) / 2 - var(--D) / 2);transform:rotateY(90deg) translateZ(calc(var(--W) / 2));
 background:linear-gradient(180deg,#D7AE90 0,#D7AE90 9%,#C9967A 9%,#E0BFA9 10%,#DDBCA6 58%,#EAD8C2 58%,#EEDFCC 100%)}
.blk-side.l{transform:rotateY(-90deg) translateZ(calc(var(--W) / 2))}
.blk-back{width:var(--W);height:var(--H);transform:rotateY(180deg) translateZ(calc(var(--D) / 2));background:#D8B79E}
.blk-top{width:var(--W);height:var(--D);top:calc(var(--H) / 2 - var(--D) / 2);transform:rotateX(90deg) translateZ(calc(var(--H) / 2));
 background:radial-gradient(circle at 30% 30%,#F1D4BD,#E5BFA3 70%);box-shadow:inset 0 0 40px rgba(150,95,70,.25)}
.blk-bottom{width:var(--W);height:var(--D);top:calc(var(--H) / 2 - var(--D) / 2);transform:rotateX(-90deg) translateZ(calc(var(--H) / 2));background:#E6D2BD}
.hairs{position:absolute;left:0;top:0;width:var(--W);height:0;transform-style:preserve-3d}
.hr{position:absolute;bottom:0;left:0;width:3px;margin-left:-1.5px;height:calc(var(--h) * var(--g) * var(--W) / 340);border-radius:3px 3px 0 0;transform-origin:50% 100%;
 background:linear-gradient(0deg,#3A2A26,#5A3E35 60%,#7A574A);transform:translate3d(calc(var(--x) * var(--W)),0,calc(var(--z) * var(--D))) rotateZ(calc(var(--a) * 1deg));
 transition:height .7s cubic-bezier(.2,.7,.2,1)}
.bulb{transition:fill .6s,r .6s}
.blk.strong .bulb{fill:#B4547F}
.blk-shadow{position:absolute;left:50%;bottom:40px;width:420px;height:70px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(54,87,74,.35),transparent)}
.fx-legend{position:absolute;bottom:12px;inset-inline:0;display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--sage-d);flex-wrap:wrap}
.fx-legend span{display:flex;align-items:center;gap:6px}
.fx-legend i{width:12px;height:12px;border-radius:4px}

/* 6 protocol sheet that unfolds */
.proto{padding:120px 0;background:var(--paper)}
.proto-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.proto-copy p{color:var(--ink2)}
.sheet{--u:1;perspective:1400px}
.sh-head{position:relative;z-index:4;background:var(--plum-d);color:#fff;border-radius:22px 22px 0 0;padding:22px 28px}
.sh-head b{font-family:var(--hf);font-weight:400;font-size:24px;display:block}
.sh-head small{color:#DCC5D6;font-size:14px}
.sh-p{--k:clamp(0,calc(var(--u) * 4 - var(--i)),1);position:relative;transform-origin:50% 0;transform:rotateX(calc((1 - var(--k)) * -92deg));
 background:var(--cream);padding:20px 28px;border-inline:1.5px solid var(--line);border-bottom:1.5px dashed var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;
 opacity:calc(.35 + var(--k) * .65)}
.sh-p:nth-child(odd){background:#FBF6F1}
.sh-p:last-child{border-radius:0 0 22px 22px;border-bottom:1.5px solid var(--line)}
.sh-n{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sage-l);color:var(--sage-d);font-weight:700}
.sh-p b{display:block;font-family:var(--hf);font-weight:400;font-size:20px;color:var(--plum-d)}
.sh-p span{color:var(--ink2);font-size:16px;line-height:1.6}
.proto-fig{position:relative;margin-top:30px;border-radius:26px;overflow:hidden}
.proto-fig img{width:100%;aspect-ratio:16/10;object-fit:cover}

/* 7 the hair cycle */
.cycle{padding:120px 0 110px;background:var(--plum-d);color:#F3EDE2;overflow:hidden}
.cycle-bg{position:absolute;inset:0;opacity:.22;pointer-events:none}
.cycle-bg img{width:100%;height:100%;object-fit:cover}
.cycle-in{position:relative}
.cycle-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:end;margin-bottom:56px}
.cycle-head p{color:#E7D9B8;margin:0}
.count{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:26px 28px;border-radius:26px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16)}
.count b{font-family:var(--hf);font-weight:400;font-size:clamp(46px,5vw,64px);line-height:1;color:#fff}
.count span{font-size:15px;color:#E7D9B8}
.cyc{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.cyc-line{position:absolute;inset-inline:4%;top:44px;height:4px;pointer-events:none}
.cyc-line svg{width:100%;height:12px;overflow:visible}
.cyc-line path{fill:none;stroke:var(--plum-l);stroke-width:3;stroke-dasharray:1200;stroke-dashoffset:calc(1200 - var(--d,1) * 1200);stroke-linecap:round}
.ph{position:relative;padding:96px 24px 26px;border-radius:26px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)}
.ph-dot{position:absolute;top:26px;inset-inline-start:24px;width:40px;height:40px;border-radius:50%;background:var(--plum);box-shadow:0 0 0 6px rgba(201,166,193,.25);display:grid;place-items:center}
.ph-dot svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.ph h3{color:#fff;margin-bottom:.3em}
.ph .ph-l{display:block;font-size:14px;color:var(--plum-l);margin-bottom:8px}
.ph p{color:#E7D9B8;font-size:16px;line-height:1.65;margin:0}
.cyc-note{margin:30px 0 0;font-size:14px;color:#CDAA63}

/* 8 signs checklist */
.signs{padding:120px 0;background:var(--cream)}
.signs-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.signs-copy p{color:var(--ink2)}
.tick-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tk{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:18px 22px;border-radius:20px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);font-size:17px;line-height:1.55}
.tk>i{width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--plum-l);display:grid;place-items:center;transition:background .4s,box-shadow .4s}
.tk>i svg{width:18px;height:18px;color:#fff;opacity:0;transform:scale(.4);transition:opacity .35s,transform .35s}
.tk.on>i{background:var(--plum);box-shadow:none}.tk.on>i svg{opacity:1;transform:none}
.signs-warn{margin-top:22px;padding:18px 22px;border-radius:20px;background:var(--plum-ll);color:var(--plum-d);font-size:16px;line-height:1.6}

/* 9 two languages: a card that turns over */
.lang{padding:110px 0;background:linear-gradient(180deg,var(--sage-ll),var(--paper))}
.lang-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}
.lang-copy p{color:var(--ink2)}
.flip{perspective:1400px;border-radius:30px}
.flip-in{position:relative;display:grid;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1);transform:rotateY(calc(var(--f,0) * 180deg))}
.flip-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:36px 36px 30px;border-radius:30px;background:var(--paper);box-shadow:0 30px 60px -30px rgba(54,87,74,.55),inset 0 0 0 1.5px var(--line)}
.flip-face.ru{transform:rotateY(180deg);background:var(--sage-d);color:#fff}
/* only the face in front is visible, swapped at the half turn, so its text is never stacked under the other face */
.flip-face{transition:visibility 0s .4s}
.flip-face.ru,.flip-in.is-ru .flip-face.he{visibility:hidden}
.flip-in.is-ru .flip-face.ru{visibility:visible}
.flip-face .fl-k{display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;background:var(--plum-ll);color:var(--plum);margin-bottom:14px}
.flip-face.ru .fl-k{background:rgba(255,255,255,.14);color:#fff}
.flip-face p{font-size:19px;line-height:1.7;margin:0 0 10px}
.flip-face.ru p{color:#EAF2EC}
.flip-face small{display:block;font-size:14px;color:var(--ink2);margin-top:10px}
.flip-face.ru small{color:#CFE0D4}
.flip-btns{display:flex;gap:10px;margin-top:20px}
.lb{all:unset;cursor:pointer;padding:10px 20px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:inset 0 0 0 1.5px var(--sage);color:var(--sage-d)}
.lb[aria-pressed=true]{background:var(--sage-d);color:#fff;box-shadow:none}
.lb:focus-visible{outline:3px solid var(--sage);outline-offset:3px}

/* 10 hours */
.hours{padding:110px 0;background:var(--paper)}
.hours-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:center}
.hours-copy p{color:var(--ink2)}
.week{list-style:none;margin:0;padding:28px;border-radius:30px;background:var(--cream);display:grid;gap:12px}
.wd{display:grid;grid-template-columns:62px minmax(0,1fr) 110px;gap:14px;align-items:center;font-size:16px}
.wd b{font-family:var(--hf);font-weight:400;color:var(--plum-d);font-size:18px}
.wd-bar{direction:ltr;position:relative;height:16px;border-radius:999px;background:rgba(110,63,102,.08);overflow:hidden}
.wd-bar i{position:absolute;top:0;bottom:0;inset-inline-start:calc(var(--s) * 100%);width:calc(var(--w) * var(--grow,1) * 100%);border-radius:999px;background:linear-gradient(90deg,var(--sage),var(--sage-d));transition:width 1s cubic-bezier(.2,.7,.2,1)}
.wd.fri .wd-bar i{background:linear-gradient(90deg,var(--plum-l),var(--plum))}
.wd span{color:var(--ink2);direction:ltr;text-align:end}
.week-scale{display:grid;grid-template-columns:62px minmax(0,1fr) 110px;gap:14px;font-size:12px;color:var(--ink2)}
.week-scale div{display:flex;justify-content:space-between;direction:ltr}

/* 11 Poleg */
.place{padding:120px 0;background:var(--cream);overflow:hidden}
.place-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.place-art{position:relative}
.place-fig{position:relative;border-radius:200px 200px 30px 30px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(58,33,54,.6)}
.place-fig img{width:100%;aspect-ratio:4/4.4;object-fit:cover}
.radar{position:absolute;inset-inline-end:-30px;bottom:-30px;width:210px;height:210px;border-radius:50%;background:var(--paper);box-shadow:0 26px 50px -24px rgba(58,33,54,.5);display:grid;place-items:center}
.radar svg{width:170px;height:170px}
.radar .rr{fill:none;stroke:var(--plum-l);stroke-width:1.2}
.radar .rp{fill:var(--plum)}
.radar text{font-family:var(--bf);font-size:11px;fill:var(--plum-d);font-weight:700}
.place-copy p{color:var(--ink2)}
.place-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

/* 12 faq */
.faq{padding:120px 0;background:var(--paper)}
.faq-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:60px;align-items:start}
.faq-head{position:sticky;top:120px}
.faq-list{display:grid;gap:12px}
.fq{border-radius:22px;background:var(--cream);box-shadow:inset 0 0 0 1.5px var(--line)}
.fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-family:var(--hf);font-size:19px;color:var(--plum-d)}
.fq summary::-webkit-details-marker{display:none}
.fq summary i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--plum-ll);position:relative}
.fq summary i::before,.fq summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--plum);border-radius:2px;transition:transform .3s}
.fq summary i::after{transform:rotate(90deg)}
.fq[open] summary i::after{transform:rotate(0)}
.fq p{margin:0;padding:0 24px 22px;color:var(--ink2)}

/* 13 article teaser */
.read{padding:110px 0;background:linear-gradient(180deg,var(--paper),var(--blush))}
.read-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:34px;overflow:hidden;background:var(--plum-d);color:#F3EDE2;text-decoration:none}
.read-img{width:100%;height:100%;object-fit:cover;min-height:360px}
.read-b{padding:48px 44px;display:flex;flex-direction:column;justify-content:center}
.read-b h2{color:#fff;font-size:clamp(26px,2.6vw,36px)}
.read-b p{color:#E7D9B8}
.read-b .tag{align-self:flex-start}
.read-more{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--plum-l)}
.read-more svg,.all-arts svg{width:18px;height:18px}
.all-arts{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--plum);font-weight:700;text-decoration:none}

/* 14 form */
.write{padding:120px 0;background:var(--sage-d);color:#fff;overflow:hidden}
.write-in{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}
.wr-copy p{color:#E7D9B8}
.wr-copy a{color:#fff}
.w-form{display:grid;gap:16px;padding:34px;border-radius:30px;background:var(--paper);color:var(--ink)}
.w-form label{display:grid;gap:6px;font-weight:700;font-size:15px;color:var(--plum-d)}
.w-form input,.w-form select,.w-form textarea{width:100%;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;color:var(--ink);font-weight:400}
.w-form input:focus,.w-form select:focus,.w-form textarea:focus{outline:none;border-color:var(--plum)}
.err{margin:0;color:#A2243F;font-weight:700;font-size:15px}
.w-form .btn{justify-self:start}

/* footer */
.foot{background:var(--plum-d);color:#E7D9B8;padding:70px 0 26px}
.foot-in{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px}
.f-name{font-family:var(--hf);font-weight:400;font-size:26px;color:#fff}
.f-col{display:grid;gap:10px;align-content:start}
.f-col b{color:#fff;font-family:var(--hf);font-weight:400;font-size:18px}
.f-col a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#E7D9B8}
.f-col a svg{width:18px;height:18px;flex:none}
.f-low{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 30px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#CDAA63}
.wa-float{position:fixed;bottom:18px;inset-inline-start:18px;z-index:45;width:58px;height:58px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(58,33,54,.8)}
.wa-float svg{width:30px;height:30px}

/* inner pages */
.a-hero{padding:70px 0 60px;background:radial-gradient(800px 420px at 80% 0,#FFFDFB,var(--cream) 70%);overflow:hidden}
.a-hero-in{position:relative}
.a-hero h1{font-size:clamp(32px,4vw,54px);color:var(--plum-d);max-width:18em}
.a-hero .lede{max-width:44em;color:var(--ink2);font-size:19px}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--ink2);margin-bottom:24px}
.crumbs a{color:var(--plum)}
.a-meta{font-size:14px;color:var(--ink2)}
.a-orbs{position:absolute;inset-inline-end:0;top:10px;display:flex;gap:18px;align-items:flex-end}
.a-body{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:56px;padding:40px 0 110px;align-items:start}
.a-toc{position:sticky;top:110px;padding:24px;border-radius:24px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.a-toc b{font-family:var(--hf);font-weight:400;font-size:19px;color:var(--plum-d)}
.a-toc ol{margin:12px 0 0;padding-inline-start:20px;display:grid;gap:8px;font-size:15px;line-height:1.5}
.a-toc a{color:var(--ink2);text-decoration:none}
.a-toc a:hover{color:var(--plum)}
.a-fig{position:relative;border-radius:28px;overflow:hidden;margin-bottom:34px}
.a-fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
.a-fig figcaption{position:absolute;bottom:12px;inset-inline-start:12px;padding:6px 10px;border-radius:999px;background:rgba(255,252,248,.88);line-height:1}
.a-sec{position:relative;padding:34px 36px 20px;border-radius:28px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);margin-bottom:22px}
.a-sec h2{font-size:clamp(24px,2.4vw,32px);color:var(--plum-d);padding-inline-start:54px}
.a-n{position:absolute;top:32px;inset-inline-start:34px;width:40px;height:40px;border-radius:50%;background:var(--sage-l);color:var(--sage-d);display:grid;place-items:center;font-weight:700}
.a-sec ul{margin:0 0 1em;padding-inline-start:22px;display:grid;gap:6px}
.a-pull{margin:0 0 22px;padding:28px 34px;border-radius:28px;background:var(--plum-d);color:#fff;font-family:var(--hf);font-size:clamp(21px,2vw,26px);line-height:1.5}
.a-disc{font-size:14px;color:var(--ink2)}
.a-cta{padding:34px 36px;border-radius:28px;background:var(--sage-d);color:#fff}
.a-cta p{color:#E7D9B8}
.arts-list{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px;padding:30px 0 110px;align-items:start}
.art-card{position:relative;display:grid;border-radius:30px;overflow:hidden;background:var(--paper);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line)}
.art-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}
.art-card-b{padding:30px 32px}
.art-card-b h2{font-size:clamp(24px,2.4vw,32px);color:var(--plum-d)}
.art-card-b p{color:var(--ink2)}
.art-more{display:inline-flex;align-items:center;gap:8px;color:var(--plum);font-weight:700}
.art-more svg{width:18px;height:18px}
.art-card .ill{top:12px;bottom:auto}
.arts-side{padding:30px;border-radius:30px;background:var(--plum-d);color:#fff}
.arts-side p{color:#E7D9B8}
.arts-topics{padding:30px;border-radius:30px;background:var(--sage-ll);margin-top:22px}
.arts-topics h2{font-size:24px;color:var(--sage-d)}
.arts-topics ul{margin:0;padding-inline-start:20px;color:var(--ink2);display:grid;gap:6px}
.arts-why{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.arts-why div{padding:26px 28px;border-radius:26px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line)}
.arts-why h3{color:var(--plum-d)}
.arts-why p{margin:0;color:var(--ink2);font-size:16px}

@media (max-width:1100px){
 .nav{display:none}
 .menu{display:block}
 .top.open .nav{display:grid;position:absolute;top:78px;inset-inline:0;background:var(--paper);padding:14px 24px 22px;gap:4px;box-shadow:0 20px 30px -20px rgba(0,0,0,.3)}
 .top.open .nav a{padding:10px 0;font-size:17px;border-bottom:1px solid var(--line)}
 .wa-top{margin-inline-start:auto}
}
@media (max-width:900px){
 body{font-size:17px}
 .wrap{width:min(1200px,100% - 36px)}
 .pick-in,.cred-in,.diag-in,.proto-in,.signs-in,.lang-in,.hours-in,.place-in,.faq-in,.write-in,.cycle-head,.a-body,.arts-list,.read-card{grid-template-columns:minmax(0,1fr)}
 .diag-copy,.faq-head,.a-toc{position:static}
 .pick,.cred,.diag,.proto,.signs,.place,.faq,.write,.cycle{padding:84px 0}
 .lang,.hours,.read{padding:80px 0}
 .stage{width:min(400px,100% - 40px);margin-top:40px}
 .chip{font-size:13px;padding:8px 14px}
 .chip.c1{inset-inline-end:-4%}.chip.c2{inset-inline-start:-6%}.chip.c3{inset-inline-end:0}
 .hero-rings .r1{width:520px;height:520px}.hero-rings .r2{width:760px;height:760px}.hero-rings .r3{display:none}
 .cred-orbs{grid-template-columns:repeat(3,auto);gap:16px}
 .cred-orbs .p3-orb:nth-child(3){grid-column:auto}
 .fx-track{height:400vh}
 .fx-in{grid-template-columns:minmax(0,1fr);gap:0;align-content:center;height:100%;padding:86px 0 20px}
 .fx-stage{height:min(46vh,400px);order:-1}
 .blk{--W:220px;--H:170px;--D:150px}
 .hr{width:2.4px}
 .blk-shadow{width:280px;bottom:10px}
 .fx-texts{min-height:210px}
 .fx-copy h2{font-size:24px;margin-bottom:.4em}
 .fx-t h3{font-size:22px}
 .fx-t p{font-size:16px;line-height:1.6}
 .fx-legend{display:none}
 .cyc{grid-template-columns:minmax(0,1fr);gap:16px}
 .cyc-line{inset-inline:auto;inset-inline-start:43px;top:30px;bottom:30px;width:4px;height:auto}
 .cyc-line svg{width:12px;height:100%}
 .ph{padding:24px 22px 24px 22px;padding-inline-start:92px}
 .ph-dot{top:22px}
 .read-img{min-height:240px}
 .read-b{padding:32px 26px}
 .place-fig img{aspect-ratio:4/4}
 .radar{width:150px;height:150px;inset-inline-end:-6px;bottom:-26px}
 .radar svg{width:122px;height:122px}
 .foot-in{grid-template-columns:minmax(0,1fr);gap:28px}
 .f-low{padding-inline-start:76px}
 .a-orbs{position:static;margin-top:20px}
 .arts-why{grid-template-columns:minmax(0,1fr)}
 .a-sec{padding:28px 22px 14px}
 .a-sec h2{padding-inline-start:52px}
 .a-n{inset-inline-start:20px;top:26px}
 .wd{grid-template-columns:52px minmax(0,1fr) 96px;gap:10px}
 .week-scale{grid-template-columns:52px minmax(0,1fr) 96px;gap:10px}
 .week{padding:20px}
}
@media (max-width:560px){
 .pick-grid{grid-template-columns:minmax(0,1fr)}
 .hero{padding-top:36px}
 .hero h1{font-size:34px}
 .hero .lede{font-size:17px}
 .brand-t small{display:none}
 .wa-top span{display:none}
 .wa-top{padding:10px 12px}
 .w-form{padding:24px 20px}
 .flip-face{padding:28px 24px 24px}
 .flip-face p{font-size:17px}
 .dg{grid-template-columns:minmax(0,1fr);padding:26px 22px}
 .dg-lens{width:66px;height:66px}
 .dg-lens svg{width:34px;height:34px}
}

@media (max-width:1100px){ .lang-sw{margin-inline-start:auto} .lang-sw+.wa-top{margin-inline-start:0} }
@media (max-width:900px){ .loupe{width:38%;inset-inline-start:-3%} .plate{bottom:-9%;inset-inline-end:0;max-width:70%;padding:10px 16px} .plate b{font-size:17px} .plate span{font-size:12.5px} .hero-logo{width:160px} }
@media (max-width:560px){ .ig-row{grid-template-columns:minmax(0,1fr)} .hero-logo{width:132px;margin-bottom:12px} .lang-sw{width:40px;height:40px} }
.hero-facts{margin-top:76px}
/* plate under the lens, chips clear of the loupe */
.plate{top:calc(100% - 26px);bottom:auto;left:50%;inset-inline-end:auto;translate:-50% 0;align-items:center;text-align:center;max-width:none;width:max-content}
.chip.c3{top:50%;bottom:auto;inset-inline-end:-12%}
.hero-facts{margin-top:96px}
@media (max-width:900px){
 .plate{top:calc(100% - 18px);max-width:calc(100vw - 48px);padding:10px 18px}
 .chip.c1{top:2%;inset-inline-end:-2%}.chip.c2{top:30%;inset-inline-start:-4%}.chip.c3{top:56%;inset-inline-end:-4%}
 .loupe{width:34%;bottom:-1%;inset-inline-start:-2%}
 .hero-facts{margin-top:84px}
}
.plate{inset-inline:auto;left:50%}
@media (max-width:900px){.loupe{bottom:10%;width:32%}}
html[lang=ru] .hero h1{max-width:17em}
.loupe{bottom:9%;inset-inline-start:-9%}
.ig-card b{font-size:14px}
@media (max-width:900px){.loupe{bottom:10%;inset-inline-start:-2%}}
@media (max-width:900px){.read-card .ill{top:12px;bottom:auto}}


/* Run 436: her brand board and templates. Thin gold frames, green plates with a gold edge, ghost AROMA, diagonal lines. */
h1,h2,h3{font-weight:600}
.tag{background:none;border-radius:0;padding:0 0 4px;color:var(--gold-d);border-bottom:1px solid var(--gold);letter-spacing:.02em}
.tag-l{color:var(--gold-l);background:none;border-color:var(--gold)}
.tag-s{color:var(--gold-d);background:none}
.btn{border-radius:4px}
.btn-plum{background:var(--plum);color:#fff;box-shadow:inset 0 0 0 1px var(--gold)}
.btn-sage,.btn-gold{background:var(--grad);color:#14291D;font-weight:700;border:0}
.btn-out{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px var(--gold)}
.top{background:rgba(12,27,19,.94);color:#fff;border-bottom:1px solid rgba(201,163,91,.45)}
.nav a{color:#F3EDE2}
.lang-sw{color:var(--gold-l);border-color:var(--gold)}
.menu{color:#F3EDE2}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:40px;width:auto}
.brand .brand-w{height:24px}
.hero{position:relative;overflow:clip;background:radial-gradient(90% 70% at 70% 30%,#1F3D2B,#14291D 55%,#0C1B13);color:#F3EDE2;padding:44px 0 56px}
.h-lines{position:absolute;inset:-10% -10%;background:repeating-linear-gradient(125deg,transparent 0 46px,rgba(201,163,91,.1) 46px 47px);pointer-events:none}
.h-ghost{position:absolute;top:8%;inset-inline:0;text-align:center;font-family:var(--hf);font-weight:700;font-size:clamp(90px,22vw,340px);letter-spacing:.06em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(201,163,91,.26);pointer-events:none}
.hero-in{position:relative;text-align:start;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"logo stage" "plate stage" "lede stage" "cta stage" "facts stage";column-gap:48px;align-items:start;align-content:center;background:none}
.hero-logo{grid-area:logo;width:min(320px,70%);height:auto;margin:0 0 26px;filter:none}
.h-stage{grid-area:stage;position:relative;margin:14px 14px 0 0;align-self:center;justify-self:center;width:min(100%,430px);display:flex;justify-content:center}
.h-stage::before{content:"";position:absolute;inset:-14px -14px 14px 14px;border:1px solid var(--gold);background:linear-gradient(180deg,#22452F,#10231A);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.h-portrait{position:relative;display:block;width:100%;height:auto;object-fit:cover;object-position:50% 30%;border:1px solid var(--gold);box-shadow:0 0 0 6px #14291D,0 0 0 7px rgba(201,163,91,.5),0 26px 50px rgba(0,0,0,.45)}
.h-name{position:absolute;bottom:22px;inset-inline-start:-18px;background:#14291D;border:1px solid var(--gold);padding:10px 22px;display:flex;flex-direction:column;line-height:1.3}
.h-name b{font-family:var(--hf);font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-name span{font-size:15px;color:#F3EDE2}
.h-plate{grid-area:plate;border:1px solid var(--gold);background:rgba(12,27,19,.72);padding:22px 26px;margin:0 0 20px}
.h-plate h1{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.14;color:#fff}
.hero .lede{grid-area:lede;color:#E7E0D2}
.cta-row{grid-area:cta}
.hero-facts{grid-area:facts}
.hero-facts,.hero-facts a{color:#E7E0D2}
.film{position:relative;min-height:560px;display:flex;align-items:flex-end;overflow:clip;background:var(--plum-d)}
.film-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-in{position:relative;padding:56px 0}
.film-plate{max-width:560px;background:rgba(12,27,19,.86);color:#F3EDE2;border:1px solid var(--gold);padding:28px 30px}
.film-plate h2{color:#fff}
.film-plate p{margin:0;color:#E7E0D2}
.dg-ph{width:100%;height:240px;object-fit:cover;margin:0 0 16px;border-radius:4px}
.cond{background:var(--plum);color:#F3EDE2}
.cond h2{color:#fff}
.cond-head{max-width:760px;margin:0 0 32px}
.cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.cd{position:relative;display:block;text-decoration:none;color:#fff;border:1px solid var(--gold);overflow:hidden;min-height:480px;background:#0C1B13}
.cd img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cd-b{position:absolute;inset-inline:16px;bottom:16px;display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:rgba(12,27,19,.9);border:1px solid rgba(201,163,91,.6)}
.cd-b b{font-family:var(--hf);font-size:30px;font-weight:600}
.cd-b small{font-size:16px;line-height:1.5;color:#E7E0D2}
.cd-more{display:inline-flex;gap:8px;align-items:center;color:var(--gold-l);font-weight:600}
.cd-more svg,.read-more svg{width:18px;height:18px}
.spa{position:relative;overflow:clip;background:#0C1B13;color:#F3EDE2}
.spa h2{color:#fff}
.spa-lines{position:absolute;inset:-10%;background:repeating-linear-gradient(55deg,transparent 0 60px,rgba(201,163,91,.08) 60px 61px);pointer-events:none}
.spa-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.spa-art{position:relative;padding-bottom:70px}
.spa-frame{border:1px solid var(--gold);padding:8px;background:#14291D}
.spa-frame video{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.spa-disc{position:absolute;bottom:0;inset-inline-end:-14px;width:44%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--gold)}
.spa-disc img{width:100%;height:100%;object-fit:cover}
.spa-time{position:absolute;bottom:18px;inset-inline-start:0;background:var(--grad);color:#14291D;padding:10px 20px;display:flex;align-items:baseline;gap:8px;font-weight:700}
.spa-time b{font-family:var(--hf);font-size:42px;line-height:1}
.spa-ind{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 18px}
.spa-ind li{border:1px solid var(--gold);padding:3px 14px;color:var(--gold-l)}
.spa-fx{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:0 0 18px}
.spa-fx li{background:rgba(255,255,255,.05);border-inline-start:2px solid var(--gold);padding:8px 12px;line-height:1.4;font-size:16px}
.spa-note{color:var(--gold-l)}
.team{background:var(--paper)}
.team-in{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.team-fan{position:relative;height:560px}
.team-fan figure{position:absolute;margin:0;width:50%;border:1px solid var(--gold);padding:7px;background:#fff;box-shadow:0 22px 40px rgba(12,27,19,.2)}
.team-fan img{width:100%;aspect-ratio:2/3;object-fit:cover}
.team-fan .t1{inset-inline-start:25%;top:0;z-index:2}
.team-fan .t2{inset-inline-start:0;top:70px;transform:rotate(3deg)}
.team-fan .t3{inset-inline-end:0;top:70px;transform:rotate(-3deg)}
.team-cert{margin:18px 0 0;border:1px solid var(--gold);padding:6px;max-width:300px}
.team-cert img{width:100%;height:190px;object-fit:cover}
.signs-4{display:block;font-family:var(--hf);font-size:clamp(120px,14vw,200px);line-height:.9;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.gal{background:var(--cream)}
.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px}
.gal-grid figure{margin:0;border:1px solid var(--gold);overflow:hidden}
.gal-grid img{width:100%;height:100%;object-fit:cover}
.g-a{grid-row:span 2}.g-d{grid-column:span 2}.g-c{grid-column:span 2}.g-e{grid-row:span 1}
.h-plate.c-plate{background:rgba(12,27,19,.86)}
.c-hero{position:relative;overflow:clip;background:#0C1B13;color:#F3EDE2;padding:70px 0}
.c-photo{position:absolute;inset:-6%;opacity:.42}
.c-photo img{width:100%;height:100%;object-fit:cover}
.c-hero .a-hero-in{position:relative;max-width:760px;margin-inline:auto 0}
.c-hero .wrap{width:min(1200px,100% - 48px)}
.c-hero .lede,.c-hero .crumbs,.c-hero .crumbs a{color:#F3EDE2}
.c-hero .h-plate h1{font-size:clamp(30px,3.6vw,48px)}
.ty-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ty{background:var(--paper);border:1px solid rgba(201,163,91,.6);padding:18px 20px}
.ty h3{margin:0 0 6px;color:var(--plum)}
.ty p{margin:0;font-size:17px}
.a-types{background:none;box-shadow:none}
.a-sec ul{padding-inline-start:20px}
.f-logo{width:150px;height:auto}
.foot{background:#0C1B13;color:#E7E0D2}
.foot .f-col b{color:var(--gold-l)}
@media (max-width:1040px){.nav{display:none}.top.open .nav{display:grid;background:#0C1B13;border-bottom:1px solid var(--gold)}.top.open .nav a{color:#F3EDE2;border-color:rgba(201,163,91,.3)}.team-in,.spa-in{grid-template-columns:1fr;gap:36px}}
@media (max-width:820px){
 .hero{padding:24px 0 40px}
 .hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"logo" "stage" "plate" "lede" "cta" "facts";column-gap:0}
 .hero-logo{width:210px;margin:0 auto 14px}
 .h-stage{margin:14px auto 22px;justify-self:center}
 .h-stage{width:min(76vw,340px)}
 .h-name{bottom:10px;padding:7px 16px}.h-name b{font-size:21px}
 .h-plate{padding:16px 18px}.h-plate h1{font-size:30px}
 .film{min-height:520px}.film-plate{padding:20px}
 .cond-grid{grid-template-columns:1fr}.cd{min-height:440px}
 .spa-fx{grid-template-columns:1fr}
 .team-fan{height:420px}
 .gal-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.g-a{grid-row:span 1}.g-d,.g-c{grid-column:span 2}
 .ty-grid{grid-template-columns:1fr}
 .c-hero{padding:46px 0}
}
.p3-live .p3-sheen{z-index:-1}
.cd .p3-sheen,.gal-grid .p3-sheen,.team-fan .p3-sheen,.team-cert .p3-sheen,.proto-fig .p3-sheen,.spa-frame .p3-sheen,.a-fig .p3-sheen,.place-fig .p3-sheen{display:none}
.hero-facts svg{color:var(--gold-l);stroke:currentColor}
.pc,.pick-out,.sheet,.w-form,.read-card,.art-card,.a-sec,.a-cta,.fq,.week,.count,.flip-face,.arts-side,.arts-topics,.arts-why div,.ig-card,.tk,.ph,.dg{border-radius:6px}
.pc{background:#fff;box-shadow:inset 0 0 0 1px rgba(201,163,91,.55)}
.pc b{font-weight:600}
.write{background:var(--plum);color:#F3EDE2}
.write h2{color:#fff}
.wr-copy p,.wr-copy a{color:#E7E0D2}
.f-logo{background:none!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
.c-hero .a-hero-in{width:min(1200px,100% - 48px);max-width:none;margin-inline:auto;text-align:start}
.c-hero .h-plate,.c-hero .lede{max-width:760px;margin-inline:0}
.a-hero:not(.c-hero){background:radial-gradient(800px 420px at 80% 0,#FBF8F2,var(--cream) 70%)}
.spa-in{padding-bottom:12px}
.spa-art{margin-bottom:8px}
@media (max-width:820px){
 .spa-disc{inset-inline-end:8px}
 .team-fan{margin-inline:10px}
 .team-fan .t2{inset-inline-start:10px}.team-fan .t3{inset-inline-end:10px}
}
.cond,.spa,.team,.gal{padding:96px 0}
.diag,.proto,.hours,.faq{background:#14291D;color:#F3EDE2}
.diag h2,.diag h3,.proto h2,.hours h2,.faq h2{color:#fff}
.diag p,.proto-copy p,.hours-copy p{color:#E7E0D2}
.diag .tag,.proto .tag,.hours .tag,.faq .tag{color:var(--gold-l)}
.dg,.dg p{color:var(--ink)}.dg h3{color:var(--plum)}.dg p{color:var(--ink2)}
.fq{background:#fff}
@media (max-width:820px){.cond,.spa,.team,.gal{padding:64px 0}}
.team-fan .t2{inset-inline-start:10px}.team-fan .t3{inset-inline-end:10px}
.team-fan img{display:block}
.team-fan .t1{inset-inline-start:calc(25% + 2px)}

/* aroma-hair.com (task 6300): the menu carries a shop link now; keep 9 items and the WhatsApp button on one row on small desktops */
@media (min-width:1101px) and (max-width:1320px){.top-in{gap:14px}.nav{gap:13px;font-size:14px}.wa-top{padding:10px 14px}}

/* task 6300: the phone field reads left to right but sits on the label's side in Hebrew */
.w-form input[name=phone]{direction:ltr}
html[dir=rtl] .w-form input[name=phone]{text-align:right}