[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: one continuous scroll, told as numbered chapters. Night-sea chapters (hero, phoenix, principles, closing)
   alternate with warm-ivory ones, so the page breathes dark → light → dark like a tide. Every chapter opens the same way:
   number, label, large light headline. Photos open up as they scroll in. Gold is kept for the title, the signature and numerals.
   One deliberate look (no dark/light switch), plus the site's own high-contrast mode. */
:root{
  --night:#0d1823;       /* night sea: dark chapters */
  --night-2:#15283b;
  --paper:#f7f3ec;       /* warm ivory: light chapters */
  --paper-2:#eee6d9;
  --card:#ffffff;
  --mist:#d7e3e8;        /* sea mist for the surf chapter */
  --sand:#c9ae8b;
  --sand-ink:#7a5d3f;
  --gold:#b8955a;
  --gold-hi:#e0c58f;
  --ink:#121b24;
  --muted:#5a6570;
  --navy:#172a3c;
  --on-navy:#f3eee6;
  --navy-muted:#a9b7c3;
  --line:rgba(18,27,36,.11);
  --line-on-navy:rgba(243,238,230,.16);
  --glass:rgba(247,243,236,.82);
  --btn-bg:var(--night); --btn-fg:#fff;
  --f-display:'Open Sans','Heebo',system-ui,sans-serif;
  --f-body:'Open Sans','Heebo',system-ui,sans-serif;
  --f-brand:'Rubik','Heebo',system-ui,sans-serif;
  --f-accent:'Instrument Serif',Georgia,'Times New Roman',serif;
  --r:1.25rem; --r-sm:.75rem; --r-lg:2rem; --r-btn:999px;
  --gut:clamp(1rem,4vw,3rem);
  --sec:clamp(6rem,12vw,10.5rem);
  --sh:0 1px 2px rgba(13,24,35,.05),0 24px 50px -30px rgba(13,24,35,.4);
  --sh-up:0 2px 4px rgba(13,24,35,.06),0 34px 70px -30px rgba(13,24,35,.5);
  --ease:cubic-bezier(.2,.7,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color-scheme:light;
}
html.hc{--night:#000;--night-2:#000;--paper:#000;--paper-2:#000;--card:#000;--mist:#000;--sand:#ffeb3b;--sand-ink:#ffeb3b;--gold:#ffeb3b;--gold-hi:#ffeb3b;--ink:#fff;--muted:#fff;--navy:#000;--on-navy:#fff;--navy-muted:#fff;--line:#fff;--line-on-navy:#fff;--glass:#000;--btn-bg:#ffeb3b;--btn-fg:#000;--sh:none;--sh-up:none;color-scheme:dark}
html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.85 var(--f-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-display);margin:0;line-height:1.08;text-wrap:balance;letter-spacing:-.03em;font-weight:300}
h3{font-weight:500;letter-spacing:-.015em;line-height:1.25}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.en{font-family:var(--f-accent);font-style:italic;font-weight:400;letter-spacing:0}
[tabindex='-1']:focus{outline:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.hc :focus-visible{outline-color:#ffeb3b}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;right:1rem;top:-6rem;background:var(--btn-bg);color:var(--btn-fg);padding:.7rem 1.2rem;border-radius:999px;font-weight:700;z-index:100;text-decoration:none}
.skip:focus{top:calc(1rem + env(safe-area-inset-top,0px))}
.wrap{width:min(1280px,100%);margin-inline:auto;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px))}
.sec{padding-block:var(--sec)}
.sig{display:block;height:auto;aspect-ratio:1104/584;fill:none;stroke:currentColor;stroke-width:22;stroke-linecap:round;stroke-linejoin:round}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem}

/* dark chapters share one ground: night sea with two soft glows and a fine grain */
.dark{position:relative;background:radial-gradient(60% 55% at 85% 0%,rgba(184,149,90,.16),transparent 70%),radial-gradient(55% 60% at 5% 100%,rgba(70,120,150,.22),transparent 70%),var(--night);color:var(--on-navy);isolation:isolate}
.dark::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.06;pointer-events:none;z-index:-1}
.hc .dark{background:#000}.hc .dark::before{display:none}
.light{background:linear-gradient(180deg,var(--paper),var(--paper) 70%,var(--paper-2))}
.hc .light{background:#000}

/* chapter opening: number, label, headline — the same on every chapter */
.ch-h{display:grid;gap:1.1rem;margin-bottom:clamp(3rem,6vw,5rem);max-width:56rem}
.ch-k{display:flex;align-items:center;gap:1rem;font:500 .85rem/1 var(--f-body);letter-spacing:.08em;color:var(--sand-ink)}
.ch-k b{font:400 1.45rem/1 var(--f-accent);font-style:italic;color:var(--gold);letter-spacing:0}
.ch-k::after{content:"";height:1px;width:3.5rem;background:currentColor;opacity:.45}
.dark .ch-k{color:var(--sand)}
.ch-h h2{font-size:clamp(2.8rem,7vw,6rem);font-weight:300;letter-spacing:-.045em;line-height:.98}
.dark .ch-h h2{color:var(--on-navy)}
.ch-s{font:300 clamp(1.15rem,1.8vw,1.45rem)/1.6 var(--f-body);color:var(--muted);max-width:40rem}
.dark .ch-s{color:var(--navy-muted)}
.ch-h.c{justify-items:center;text-align:center;margin-inline:auto}
.lead{font:300 clamp(1.15rem,1.7vw,1.35rem)/1.75 var(--f-body);color:var(--muted);max-width:40rem}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.4rem;padding:0 2rem;border-radius:var(--r-btn);font:500 1rem/1 var(--f-body);letter-spacing:.01em;text-decoration:none;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bg);cursor:pointer;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .25s,color .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(13,24,35,.55)}
.btn .ar{transition:transform .3s var(--ease-out)}.btn:hover .ar{transform:translateX(-4px)}
.btn.gold{background:linear-gradient(135deg,#c9a66b,#a8874f);border-color:transparent;color:#121b24}
.btn.q{background:transparent;color:var(--ink);border-color:rgba(18,27,36,.25)}
.btn.q:hover{background:var(--ink);color:var(--paper)}
.dark .btn.q{color:var(--on-navy);border-color:rgba(243,238,230,.35)}
.dark .btn.q:hover{background:var(--on-navy);color:var(--night)}
.btn[aria-disabled="true"],.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}
.hc .btn.gold{background:#ffeb3b;color:#000}
.tl{font-weight:500;text-decoration:underline;text-underline-offset:.45em;text-decoration-thickness:1px;text-decoration-color:var(--gold);transition:text-decoration-color .2s}
.tl:hover{text-decoration-color:currentColor}

/* nav: transparent over the night hero, ivory glass once the page moves */
.prog{position:fixed;top:env(safe-area-inset-top,0px);right:0;left:0;height:2px;z-index:60;background:linear-gradient(90deg,#a8874f,#e0c58f);transform-origin:right;transform:scaleX(0);pointer-events:none}
.nav{position:fixed;top:env(safe-area-inset-top,0px);right:0;left:0;z-index:50;color:var(--on-navy);transition:background .4s,color .4s,box-shadow .4s}
.nav.sc{background:var(--glass);color:var(--ink);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 var(--line)}
.nav.dk{background:rgba(13,24,35,.72);color:var(--on-navy);box-shadow:0 1px 0 var(--line-on-navy)}
.hc .nav,.hc .nav.sc{background:#000;color:#fff}
.nav-in{display:flex;align-items:center;gap:1rem;min-height:4.5rem}
.brand{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;font:600 1.15rem/1 var(--f-brand);text-decoration:none;white-space:nowrap}
.brand .sig{width:2.6rem;color:var(--gold);stroke-width:30}
.brand b{color:var(--gold);font-weight:600}
.nav.sc:not(.dk) .brand b{color:var(--sand-ink)}
.links{display:flex;gap:.2rem;margin-inline-start:auto}
.links a{position:relative;text-decoration:none;font-size:.93rem;padding:.5rem .8rem;opacity:.78;transition:opacity .2s}
.links a::after{content:"";position:absolute;inset-inline:.8rem;bottom:.15rem;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .35s var(--ease-out)}
.links a:hover,.links a[aria-current="true"]{opacity:1}
.links a:hover::after,.links a[aria-current="true"]::after{transform:scaleX(1)}
.nav-end{display:flex;gap:.4rem;margin-inline-start:.5rem}
.nav .cta{min-height:2.75rem;padding:0 1.3rem;font-size:.93rem}
.nav:not(.sc) .cta,.nav.dk .cta{background:var(--on-navy);color:var(--night);border-color:var(--on-navy)}
.ib{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1rem;border-radius:999px;border:1px solid currentColor;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500}
.ib svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#menuBtn{display:none}
/* the phone menu opens as a full night-sea sheet */
.mnav{position:fixed;inset:0;z-index:-1;background:var(--night);color:var(--on-navy);padding:calc(5.5rem + env(safe-area-inset-top,0px)) max(1.25rem,env(safe-area-inset-right,0px)) calc(2rem + env(safe-area-inset-bottom,0px)) max(1.25rem,env(safe-area-inset-left,0px));overflow:auto;display:flex;flex-direction:column;gap:1.5rem}
.mnav:not([hidden]){animation:mIn .45s var(--ease-out) both}
@keyframes mIn{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
.mnav ul{display:grid;counter-reset:m}
.mnav li{counter-increment:m}
.mnav a{display:flex;align-items:baseline;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line-on-navy);text-decoration:none;font:300 clamp(1.6rem,7vw,2.2rem)/1.15 var(--f-display);letter-spacing:-.02em}
.mnav li a::before{content:"0" counter(m);font:400 1rem/1 var(--f-accent);font-style:italic;color:var(--gold);min-width:1.6rem}
.mnav .btn{width:100%}
.nav.open{color:var(--on-navy);background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:1060px){.links,.nav-end .cta{display:none}#menuBtn{display:inline-flex}.nav-end{margin-inline-start:auto}}
@media(max-width:420px){.ib .t{display:none}.brand{font-size:1.05rem}}

/* hero: the gold name on the night sea, Omer's photos changing in a tall frame */
.hero{padding-block:calc(7rem + env(safe-area-inset-top,0px)) clamp(4rem,8vw,6.5rem);overflow:hidden}
.hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.hero-t{min-width:0;display:grid;justify-items:start}
.hero .eyebrow{display:flex;align-items:center;gap:.9rem;font:500 .9rem/1.4 var(--f-body);letter-spacing:.08em;color:var(--sand);margin-bottom:1.6rem}
.hero .eyebrow::before{content:"";width:2.2rem;height:1px;background:var(--gold)}
.hero h1{font-family:var(--f-brand);font-size:clamp(4.4rem,11.5vw,9.4rem);line-height:.92;letter-spacing:-.04em;font-weight:700}
.hero h1 span{display:block}
.sigline{display:flex;align-items:flex-end;gap:1.1rem;margin:1.6rem 0 2rem}
.sigline .sig{color:var(--gold)}
.hero .lead{color:var(--on-navy);font-weight:300;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.55;margin-bottom:1rem;max-width:30rem}
.hero .llo{font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--gold-hi);line-height:1.2;margin-bottom:2.4rem;display:flex;align-items:center;gap:.9rem}
.hero .llo::before{content:"";width:2.4rem;height:1px;background:var(--gold);flex:0 0 auto}
.hero-p{margin:0;position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 50px 100px -40px rgba(0,0,0,.7),0 0 0 1px rgba(224,197,143,.22);background:#0a121a}
.hero-p img{width:100%;aspect-ratio:4/5;max-height:calc(100svh - 9rem);min-height:30rem;object-fit:cover;object-position:50% 22%}
.hero-p::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(13,24,35,.45));pointer-events:none;z-index:2}
@media(max-width:860px){
 .hero{padding-top:calc(6rem + env(safe-area-inset-top,0px))}
 .hero-g{grid-template-columns:1fr}
 .hero-p img{aspect-ratio:4/5;max-height:none;min-height:0}
}
@media (prefers-reduced-motion:no-preference){
 .hero-t>*{animation:up 1s var(--ease-out) both}.hero-t>*:nth-child(2){animation-delay:.08s}.hero-t>*:nth-child(3){animation-delay:.16s}.hero-t>*:nth-child(4){animation-delay:.24s}.hero-t>*:nth-child(5){animation-delay:.32s}.hero-t>*:nth-child(6){animation-delay:.4s}
 .hero-p{animation:heroIn 1.4s var(--ease-out) .1s both}
}
@keyframes up{from{opacity:.001;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes heroIn{from{opacity:.001;clip-path:inset(8% 8% 8% 8% round var(--r-lg));transform:scale(1.04)}to{opacity:1;clip-path:inset(0 round var(--r-lg));transform:none}}
.hsig{width:clamp(10rem,18vw,14rem);aspect-ratio:1104/680;overflow:visible}
.hsig #pen{display:none}
.hs{position:relative}
.hs img{opacity:0;transition:opacity 1.4s ease,transform 6s linear}
.hs img.on{opacity:1}
.hs img+img{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
.hs img.fit{object-fit:contain;background:#14263a}
.hs-pp{position:absolute;z-index:3;bottom:1.2rem;left:1.2rem;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(13,24,35,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:.8;transition:opacity .2s}
.hs-pp:hover,.hs-pp:focus-visible{opacity:1}
.hs-pp svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hs-pp .pl{display:none;fill:currentColor;stroke-width:1.5}
.hs-pp[aria-pressed="true"] .ps{display:none}.hs-pp[aria-pressed="true"] .pl{display:block}
@media (prefers-reduced-motion:reduce){.hs-pp{display:none}}
html.nm .hs-pp{display:none}
/* the title, all in gold */
.hero h1{background:linear-gradient(135deg,#8a6a35 0%,#c4a062 38%,#a8874f 62%,#7f6131 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#a8874f}
.hc .hero h1{background:none;-webkit-text-fill-color:#ffeb3b}
.scue{display:flex;align-items:center;gap:.8rem;margin-top:clamp(3rem,6vw,4.5rem);font-size:.85rem;letter-spacing:.08em;color:var(--navy-muted);text-decoration:none}
.scue i{width:1px;height:2.6rem;background:linear-gradient(var(--gold),transparent);display:block}

/* a slow band of Omer's words between the hero and the story */
.band{overflow:hidden;background:var(--night);color:var(--gold-hi);border-top:1px solid var(--line-on-navy);padding-block:1.4rem}
.band-t{display:flex;width:max-content;gap:3rem;direction:ltr;animation:mq 46s linear infinite}
.band-t span{display:flex;align-items:center;gap:3rem;white-space:nowrap;font:300 clamp(1.4rem,2.4vw,2rem)/1 var(--f-display)}
.band-t .en{font-size:1.15em}
.band-t span::after{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--gold);display:block}
@keyframes mq{to{transform:translateX(-50%)}}
.hc .band{background:#000;color:#ffeb3b}

/* scroll reveal: text rises in; photos open from a smaller frame. Only armed when script runs. */
html.js .rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:var(--d,0s)}
html.js .rv.in{opacity:1;transform:none}
.rvi{overflow:hidden;border-radius:var(--r)}
.rvi img{width:100%;height:100%;object-fit:cover}
html.js .rvi{clip-path:inset(14% 10% 14% 10% round var(--r));transition:clip-path 1.4s var(--ease-out);transition-delay:var(--d,0s)}
html.js .rvi img{transform:scale(1.18);transition:transform 1.8s var(--ease-out);transition-delay:var(--d,0s)}
html.js .rvi.in{clip-path:inset(0 round var(--r))}
html.js .rvi.in img{transform:none}

/* story */
.story-ph{position:relative;margin:0 0 clamp(3.5rem,7vw,6rem);height:clamp(22rem,62vw,44rem);border-radius:var(--r-lg)}
.story-ph img{object-position:50% 72%}
html.js .story-ph{clip-path:inset(10% 18% 10% 18% round var(--r-lg))}
html.js .story-ph.in{clip-path:inset(0 round var(--r-lg))}
.story-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(3rem,7vw,7rem);align-items:start}
.story-t{display:grid;gap:1.4rem;min-width:0}
.facts{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}
.facts span{border:1px solid var(--line);border-radius:999px;padding:.35rem 1rem;font-size:.95rem;color:var(--muted);background:rgba(255,255,255,.5)}
.story-t h3,.story-t .story-h{font:300 clamp(1.8rem,3.4vw,2.7rem)/1.2 var(--f-display);letter-spacing:-.03em}
.story-t>p{font-weight:300;font-size:clamp(1.08rem,1.4vw,1.2rem);line-height:1.95;color:var(--muted)}
.qt{font:400 clamp(1.35rem,2.3vw,1.85rem)/1.5 var(--f-display)!important;color:var(--ink)!important;letter-spacing:-.015em;padding-inline-start:1.6rem;border-inline-start:2px solid var(--gold);margin-top:.8rem}
.story-ph2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}
.story-ph2 figure{margin:0}
.story-ph2 .rvi{aspect-ratio:3/4.2}
.story-ph2 figure:last-child{margin-top:5rem}
.story-ph2 figure:last-child img{object-position:50% 20%}
.sig-o{width:5rem;color:var(--gold);stroke-width:34}
@media(max-width:860px){.story-g{grid-template-columns:1fr}.story-ph2 figure:last-child{margin-top:3rem}}
@media(max-width:560px){.story-ph{height:auto;aspect-ratio:4/4.4}}

/* phoenix: the golden bird spreads over the whole chapter */
.phx-sec{overflow:hidden}
.phx{position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);height:110%;width:auto;max-width:none;opacity:.5;pointer-events:none}
@media(max-width:860px){.phx{height:100%;opacity:.38}}
.hc .phx{display:none}
.ch2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,7vw,6rem);align-items:start}
.ch2 figure{margin:0;position:sticky;top:7rem}
.ch2 .rvi{aspect-ratio:4/5}
.ch2 .rvi img{object-position:50% 40%}
.ch2 .intro{font:300 clamp(1.15rem,1.7vw,1.35rem)/1.75 var(--f-body);color:var(--on-navy)}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2.6rem 0;counter-reset:s}
.steps li{position:relative;padding:1.3rem 1.2rem 1.2rem;border:1px solid var(--line-on-navy);border-radius:var(--r-sm);background:rgba(255,255,255,.03);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:500 1.08rem/1.4 var(--f-display);min-width:0}
.steps small{display:block;font:400 .85rem/1.4 var(--f-body);letter-spacing:.06em;color:var(--sand);margin-bottom:.4rem}
.ch2 .txt{display:grid;gap:1.2rem;color:var(--navy-muted);font-weight:300;max-width:40rem}
.ch2 .sub{margin-top:2.4rem;color:var(--on-navy);font:300 clamp(1.2rem,1.9vw,1.5rem)/1.65 var(--f-body);max-width:40rem}
.big{margin-top:2.6rem;font:200 clamp(2.8rem,7.4vw,6rem)/1 var(--f-display);letter-spacing:-.05em;background:linear-gradient(135deg,#e0c58f,#b8955a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold-hi)}
.hc .big{background:none;-webkit-text-fill-color:#ffeb3b}
@media(max-width:860px){.ch2{grid-template-columns:1fr}.ch2 figure{position:static}.ch2 .rvi{aspect-ratio:4/3.4}}
@media(max-width:600px){.steps{grid-template-columns:1fr;gap:.7rem}}

/* moments */
.mom{overflow:hidden}
.mom-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.mom-hd .ch-h{margin-bottom:0}
.mom-ctl{display:flex;align-items:center;gap:.6rem}
.mom-n{font:400 1.2rem/1 var(--f-accent);font-style:italic;color:var(--muted);margin-inline-end:.6rem;font-variant-numeric:tabular-nums}
.mom-n b{color:var(--ink);font-weight:400;font-size:1.6rem}
.mom-b{width:3.2rem;height:3.2rem;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:1.1rem;transition:background .2s,color .2s,border-color .2s,transform .3s var(--ease-out)}
.mom-b:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.06)}
.mom-track{display:flex;gap:clamp(.8rem,2vw,1.4rem);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:1rem calc(50% - clamp(15rem,28vw,22rem)/2) 1.6rem;-webkit-overflow-scrolling:touch}
.mom-track::-webkit-scrollbar{display:none}
.mom-c{position:relative;flex:0 0 clamp(15rem,28vw,22rem);aspect-ratio:3/4;scroll-snap-align:center;border-radius:var(--r-lg);overflow:hidden;cursor:pointer;padding:0;border:0;background:var(--paper-2);box-shadow:var(--sh);transform:scale(.86);opacity:.45;filter:saturate(.6);transition:transform .7s var(--ease-out),opacity .7s var(--ease-out),filter .7s,box-shadow .7s}
.mom-c.on{transform:none;opacity:1;filter:none;box-shadow:0 40px 70px -34px rgba(13,24,35,.6)}
.mom-c img{width:100%;height:100%;object-fit:cover}
.mom-bar{width:min(18rem,60%);height:2px;margin:1.4rem auto 0;background:var(--line);border-radius:2px;overflow:hidden}
.mom-bar i{display:block;height:100%;width:14%;background:var(--gold);transition:width .5s var(--ease-out);margin-inline-start:0}
.hc .mom-c{border:2px solid #fff}
@media(max-width:600px){.mom-hd{flex-direction:column;align-items:flex-start}.mom-ctl .mom-b{display:none}.mom-track{padding-inline:calc(50% - 39vw)}.mom-c{flex-basis:78vw}}

/* principles: the jump photo holds the full screen while the five principles pass over it */
.prs{position:relative;background:var(--night)}
.prs-bg{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0}
.prs-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}
.prs-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,24,35,.2) 0%,rgba(13,24,35,0) 30%,rgba(13,24,35,.25) 55%,rgba(13,24,35,.85) 100%)}
.prs-fg{position:relative;z-index:1;margin-top:-100svh;color:var(--on-navy)}
.prs-cover{min-height:100svh;display:flex;align-items:flex-end;padding-bottom:clamp(3rem,8vh,6rem)}
.prs-cover .ch-h{margin:0;max-width:44rem}
.prs-cover h2{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.4)}
.prs-cover .ch-s{color:#ecdcc0}
.prs-cover .ch-k{color:#ecdcc0}
.prs-cover .sig-o{color:#e2c48e}
.prs-list{display:grid;gap:clamp(1.2rem,3vw,2rem);padding-block:clamp(2rem,6vw,4rem) clamp(5rem,10vw,8rem)}
.prs-intro,.pr-card{background:rgba(13,24,35,.6);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(243,238,230,.14);border-radius:var(--r-lg);padding:clamp(1.6rem,3.5vw,2.6rem);max-width:40rem}
.prs-intro h3{font:300 clamp(1.8rem,3.4vw,2.6rem)/1.15 var(--f-display);letter-spacing:-.03em;margin-bottom:.9rem}
.prs-intro p{color:var(--navy-muted);font-weight:300;font-size:1.1rem}
.pr-card{display:grid;grid-template-columns:auto 1fr;gap:.6rem 1.4rem;align-items:baseline}
.pr-card .n{grid-row:1/3;font:400 clamp(3.2rem,6vw,4.6rem)/.8 var(--f-accent);font-style:italic;color:var(--gold-hi)}
.pr-card h3{font-size:clamp(1.45rem,2.6vw,2rem);font-weight:400;letter-spacing:-.025em}
.pr-card p{color:var(--navy-muted);font-weight:300;line-height:1.9}
@media(min-width:861px){.prs-list>:nth-child(odd){justify-self:start}.prs-list>:nth-child(even){justify-self:end}}
@media(max-width:560px){.pr-card{grid-template-columns:1fr}.pr-card .n{grid-row:auto}}
.hc .prs-intro,.hc .pr-card{background:#000;border-color:#fff}
.hc .prs-bg::after{background:rgba(0,0,0,.6)}
.mnav .btn{font:500 1.05rem/1 var(--f-body);border-bottom:0;padding:0 2rem;min-height:3.6rem}
@media(max-width:560px){.hero .row{width:100%;gap:.7rem}.hero .row .btn{flex:1 1 auto;padding:0 1.2rem}}
/* on wide screens the principles title sits on the far side, so Omer's jump stays clear */
@media(min-width:861px){
 .prs-cover .ch-h{margin-inline-start:auto;max-width:30rem}
 .prs-cover h2{font-size:clamp(2.6rem,4.6vw,4.4rem)}
 .prs-bg::after{background:linear-gradient(to left,rgba(13,24,35,0) 0%,rgba(13,24,35,0) 46%,rgba(13,24,35,.6) 66%,rgba(13,24,35,.85) 100%),linear-gradient(180deg,rgba(13,24,35,.2),rgba(13,24,35,0) 30%,rgba(13,24,35,0) 70%,rgba(13,24,35,.5))}
}

/* music */
.mu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,7vw,6rem);align-items:start}
.songs{margin:2rem 0;border-top:1px solid var(--line)}
.songs a{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.1rem .4rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background .3s,padding .4s var(--ease-out)}
.songs a:hover{background:rgba(201,174,139,.14);padding-inline-start:1rem}
.songs .n{font:400 1.6rem/1 var(--f-accent);font-style:italic;color:var(--gold);text-align:center}
.songs strong{display:block;font-weight:500;font-size:1.1rem;line-height:1.35}
.songs small{display:block;font-size:.92rem;color:var(--muted);line-height:1.4}
.songs .pl{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s,transform .35s var(--ease-out)}
.songs .pl svg{width:.85rem;height:.85rem;fill:currentColor;margin-left:2px}
.songs a:hover .pl{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg);transform:scale(1.08)}
.mu-ph{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.mu-ph figure{margin:0}
.mu-ph figure:first-child{grid-column:1/-1}
.mu-ph .ph{aspect-ratio:1/1}
.mu-ph figure:first-child .ph{aspect-ratio:4/4.6}
.mu-ph figure:first-child img{object-position:50% 25%}
@media(max-width:860px){.mu{grid-template-columns:1fr}}

/* photo buttons that open the lightbox */
.ph{display:block;width:100%;height:100%;padding:0;border:0;background:var(--paper-2);border-radius:var(--r);overflow:hidden;cursor:zoom-in;position:relative}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}
.ph:hover img{transform:scale(1.05)}
.hc .ph{border:2px solid #fff}

/* surf: a sea-mist chapter */
.surf{background:radial-gradient(70% 60% at 100% 0%,rgba(255,255,255,.7),transparent 70%),linear-gradient(180deg,var(--mist),#c3d4dc)}
.hc .surf{background:#000}
.surf .ch-k{color:var(--navy)}
.surf .ch-h h2{font-size:clamp(3.4rem,10vw,8rem);font-weight:200}
.surf .lead{color:var(--ink)}
.sg{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:repeat(2,minmax(14rem,19rem));gap:1rem}
.sg .rvi{height:100%}
.sg .rvi:nth-child(1){grid-row:1/3}.sg .rvi:nth-child(1) img{object-position:35% 50%}
.sg .rvi:nth-child(2){grid-column:2/4}
.yr{position:absolute;top:.8rem;right:.8rem;background:var(--glass);color:var(--ink);font:500 .82rem/1 var(--f-body);padding:.45rem .75rem;border-radius:999px;z-index:1}
.next{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;margin-top:1.4rem;padding:1.6rem 1.8rem;background:rgba(255,255,255,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:var(--r)}
.hc .next{border:2px solid #fff;background:#000}
.next .k{display:grid;gap:.2rem}
.next .k b{font:500 1.4rem/1.2 var(--f-display)}
.next .k span{color:var(--muted);font-size:.98rem}
@media(max-width:760px){.sg{grid-template-columns:1fr 1fr;grid-template-rows:none}.sg .rvi:nth-child(1){grid-column:1/3;grid-row:auto;aspect-ratio:4/4.6}.sg .rvi:nth-child(2){grid-column:1/3;aspect-ratio:3/2}.sg .rvi:nth-child(n+3){aspect-ratio:1/1}}

/* lecture + association */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);align-items:start}
.card{display:flex;flex-direction:column;gap:1.4rem;min-width:0}
.card .rvi{background:var(--paper-2)}
.card .tx{display:grid;gap:.7rem}
.card .tag{font:500 .82rem/1 var(--f-body);letter-spacing:.08em;color:var(--sand-ink)}
.card h3{font:300 clamp(1.7rem,2.8vw,2.3rem)/1.15 var(--f-display);letter-spacing:-.03em}
.card p{color:var(--muted);font-weight:300;font-size:1.06rem;line-height:1.8}
.card .row{margin-top:.6rem}
.duo .card:last-child{margin-top:clamp(0rem,8vw,7rem)}
@media(max-width:760px){.duo{grid-template-columns:1fr;gap:3.5rem}.duo .card:last-child{margin-top:0}}

/* shop */
.shop-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 3rem;align-items:end;margin-bottom:2.6rem}
.shop-h .ch-h{margin:0}
.price{display:grid;justify-items:end;text-align:left}
.price b{font:200 clamp(3rem,6vw,4.6rem)/1 var(--f-display);letter-spacing:-.04em;color:var(--ink)}
.price span{color:var(--muted);font-size:.98rem}
.specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 2.6rem}
.specs>div{padding:1.2rem 1.3rem;display:grid;gap:.35rem;align-content:start;min-width:0;background:var(--card);border-radius:var(--r-sm);border:1px solid var(--line)}
.specs dt{font-size:.85rem;letter-spacing:.04em;color:var(--muted)}
.specs dd{margin:0;font-weight:500;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.sw{display:inline-block;width:.95rem;height:.95rem;border-radius:50%;border:1px solid rgba(18,27,36,.28);flex:0 0 auto;vertical-align:middle}
.hc .sw{border-color:#fff}
.st{display:inline-flex;align-items:center;gap:.45rem}
.st i{width:.55rem;height:.55rem;border-radius:50%;background:var(--sand);display:inline-block}
.st.open i{background:#2f8f5b}.st.closed i{background:#b3261e}
@media(max-width:860px){.specs{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shop-h{grid-template-columns:1fr}.price{justify-items:start;text-align:right}}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:0 0 3rem;counter-reset:h}
.how li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:baseline;counter-increment:h;color:var(--muted);font-size:.98rem;line-height:1.55;min-width:0}
.how li::before{content:counter(h);font:400 1.9rem/1 var(--f-accent);font-style:italic;color:var(--gold)}
.how b{color:var(--ink);font-weight:500;display:block}
@media(max-width:760px){.how{grid-template-columns:1fr;gap:.9rem}}
.tabs{display:inline-flex;gap:.25rem;padding:.3rem;border-radius:999px;background:var(--paper-2);margin-bottom:2rem;flex-wrap:wrap}
.tab{border:0;background:transparent;border-radius:999px;padding:.55rem 1.2rem;font-weight:500;cursor:pointer;display:inline-flex;gap:.4rem;align-items:center;min-height:2.75rem;transition:background .25s}
.tab span{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}
.tab[aria-pressed="true"]{background:var(--card);box-shadow:0 1px 3px rgba(18,27,36,.12)}
.hc .tab{border:1px solid #fff}.hc .tab[aria-pressed="true"]{background:#ffeb3b;color:#000}.hc .tab[aria-pressed="true"] span{color:#000}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem clamp(1rem,2.4vw,1.75rem)}
.pi{display:flex;flex-direction:column;min-width:0}
.pi-im{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;border-radius:var(--r);overflow:hidden;background:var(--bg,#eee);aspect-ratio:4/5;max-width:100%;transition:box-shadow .4s var(--ease-out),transform .5s var(--ease-out)}
.pi-im img{width:100%;height:100%;object-fit:cover;object-position:var(--x,0%) 50%;transition:object-position .6s var(--ease-out)}
.pi-im:hover{box-shadow:var(--sh-up);transform:translateY(-4px)}
.pi[data-side="back"] .pi-im img{--x:100%}
.pi .also{position:absolute;bottom:.75rem;right:.75rem;background:var(--glass);color:var(--ink);font-size:.8rem;font-weight:500;border-radius:999px;padding:.3rem .75rem}
.side{display:flex;gap:.25rem;margin:.9rem 0 .1rem}
.side button{border:1px solid var(--line);background:transparent;border-radius:999px;padding:.25rem .9rem;min-height:2.3rem;font-size:.88rem;cursor:pointer;color:var(--muted)}
.side button[aria-pressed="true"]{border-color:var(--ink);color:var(--ink);font-weight:500}
.hc .side button[aria-pressed="true"]{background:#ffeb3b;color:#000}
.pi-b{display:flex;flex-direction:column;gap:.3rem;flex:1;padding-top:.5rem}
.pi-t{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}
.pi h3{font:500 1.12rem/1.35 var(--f-body);letter-spacing:0}
.pi-p{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.pi-m{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.92rem;color:var(--muted);margin-bottom:1rem}
.pi-m .sw{width:.8rem;height:.8rem}
.pi-o{margin-top:auto;min-height:3rem;border-radius:999px;border:1px solid var(--ink);background:transparent;font-weight:500;cursor:pointer;transition:background .25s,color .25s}
.pi-o:hover{background:var(--ink);color:var(--paper)}
.hc .pi-im{border:2px solid #fff}.hc .pi .also{background:#000;color:#fff;border:1px solid #fff}.hc .pi-o{border-color:#ffeb3b;color:#ffeb3b}
@media(max-width:900px){.items{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.items{gap:2.2rem .8rem}.pi h3{font-size:.98rem}.pi-p{font-size:.95rem}.pi-t{flex-direction:column;gap:0}.side button{padding:.2rem .65rem;font-size:.82rem}.pi .also{font-size:.72rem;bottom:.5rem;right:.5rem;padding:.25rem .6rem}.pi-o{font-size:.92rem}}

/* closing + footer */
.close{text-align:center}
.close .sig{width:clamp(10rem,22vw,16rem);color:var(--gold);margin:0 auto 2rem}
.close h2{max-width:60rem;margin-inline:auto;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1.06;font-weight:200;letter-spacing:-.045em;color:var(--on-navy)}
.close .en{display:block;font-size:clamp(2.4rem,5.6vw,4rem);color:var(--gold-hi);margin:1.6rem 0 2rem;line-height:1}
.close p{max-width:44rem;margin:0 auto;color:var(--navy-muted);font:300 clamp(1.2rem,2.1vw,1.55rem)/1.75 var(--f-body)}
.ftr{background:#09121a;color:var(--on-navy);padding-block:clamp(3.5rem,6vw,5rem) calc(1.8rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-on-navy)}
.hc .ftr{background:#000;border-top:2px solid #fff}
.ftr-g{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2.4rem clamp(2rem,5vw,4rem);align-items:start}
.ftr-b{display:grid;justify-items:start;gap:.3rem}
.ftr-n{font:600 1.7rem/1.2 var(--f-brand)}.ftr-n b{color:var(--gold);font-weight:600}
.ftr-s{font-size:1.4rem;color:var(--gold-hi)}
.ftr-h{font:500 .85rem/1.3 var(--f-body);letter-spacing:.08em;color:var(--sand);margin-bottom:1rem}
.ftr ul{display:grid;gap:.45rem;font-size:1rem;color:var(--navy-muted)}
.ftr a{color:var(--on-navy);text-decoration:none}.ftr a:hover{text-decoration:underline;text-underline-offset:.3em;text-decoration-color:var(--gold)}
.ftr-c{margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--line-on-navy);font-size:.88rem;color:var(--navy-muted);text-align:center}
@media(max-width:720px){.ftr-g{grid-template-columns:1fr 1fr}.ftr-b{grid-column:1/-1}}

/* floating helpers */
.fnav{position:fixed;left:max(1rem,env(safe-area-inset-left,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:45;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.fb{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--gold);background:var(--night);color:var(--gold-hi);cursor:pointer;box-shadow:var(--sh);font-size:1.1rem}
.hc .fb{background:#000;color:#fff;border-color:#fff}


/* dialogs */
.lb{position:fixed;inset:0;background:rgba(14,22,29,.95);z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:calc(4.5rem + env(safe-area-inset-top,0px)) 1rem calc(1.5rem + env(safe-area-inset-bottom,0px))}
.lb img{max-width:min(92vw,1100px);max-height:calc(100dvh - 10rem);object-fit:contain;border-radius:10px}
.lb p{color:#f6f1e9;font-size:1rem;text-align:center;display:flex;gap:1rem}
.lb p span{color:#c4ced4;font-variant-numeric:tabular-nums}
.lb button{position:absolute;width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.35);color:#fff;font-size:1.25rem;cursor:pointer}
.lb .lx{top:calc(1rem + env(safe-area-inset-top,0px));left:max(1rem,env(safe-area-inset-left,0px))}
.lb .lp{right:max(.8rem,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%)}
.lb .ln{left:max(.8rem,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%)}
.lb :focus-visible{outline-color:#ffeb3b}
@media(max-width:600px){.lb .lp,.lb .ln{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:none}.lb{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}}

.ov{position:fixed;inset:0;background:rgba(14,22,29,.55);z-index:60;display:flex;align-items:flex-end;justify-content:center}
.sheet{position:relative;overflow-x:hidden;background:var(--paper);border-radius:1.5rem 1.5rem 0 0;width:min(940px,100%);max-height:94dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0 -10px 50px rgba(14,22,29,.3);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
@media(min-width:760px){.ov{align-items:center;padding:1.5rem}.sheet{border-radius:1.5rem;max-height:90dvh}}
@media(max-width:759px){.sheet{grid-template-columns:1fr}}
.hc .sheet{border:2px solid #fff}
.sv{padding:1.2rem;background:var(--paper-2);display:flex;flex-direction:column;gap:.8rem}
.sv-im{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;max-width:100%;background:var(--bg,#eee)}
.sv-im img{width:100%;height:100%;object-fit:cover;object-position:var(--x,0%) 50%;transition:object-position .5s var(--ease)}
.sv-im.full img{object-fit:contain}
.sv .side{justify-content:center;margin:0}
.sv .note{font-size:.88rem;color:var(--muted);text-align:center}
@media(max-width:759px){.sv{padding:3.6rem 1rem 1rem}.sv-im{aspect-ratio:1/1;width:min(100%,44dvh);margin-inline:auto}}
.sf{padding:1.6rem clamp(1.1rem,3vw,2rem) calc(1.6rem + env(safe-area-inset-bottom,0px));display:grid;gap:1.15rem;align-content:start}
.sf .x{position:absolute;top:.8rem;left:.8rem;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:1rem;z-index:2}
.sf h2{font-size:1.7rem}
.sf .meta{color:var(--muted);font-size:.95rem}
.sf .closedmsg{background:var(--paper-2);border-radius:var(--r-sm);padding:.8rem 1rem;font-size:.95rem}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font-weight:500;margin-bottom:.5rem;padding:0}
.chs{display:flex;flex-wrap:wrap;gap:.4rem}
.chs label{position:relative;cursor:pointer}
.chs input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chs span{display:inline-flex;align-items:center;gap:.4rem;min-height:2.6rem;border:1px solid var(--line);border-radius:999px;background:var(--card);padding:0 .95rem;font-size:.97rem;transition:border-color .15s}
.chs label:hover span{border-color:var(--ink)}
.chs input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chs input:focus-visible+span{outline:3px solid var(--navy);outline-offset:2px}
.chs .sw{width:.9rem;height:.9rem}
.hc .chs span{background:#000;border-color:#fff}.hc .chs input:checked+span{background:#ffeb3b;color:#000}
.qrow{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.qty{display:flex;align-items:center;gap:.7rem}
.qty button{width:2.6rem;height:2.6rem;border-radius:50%;border:1px solid var(--line);background:var(--card);font-size:1.2rem;cursor:pointer;line-height:1}
.qty output{min-width:1.6rem;text-align:center;font-size:1.15rem;font-weight:500;font-variant-numeric:tabular-nums}
.total{margin-inline-start:auto;font:600 1.6rem var(--f-display);font-variant-numeric:tabular-nums}
.fld{display:grid;gap:.35rem}
.fld label{font-weight:500}
.fld input{font:inherit;font-size:16px;width:100%;border:1px solid var(--line);border-radius:var(--r-sm);padding:.75rem 1rem;background:var(--card);color:var(--ink);min-height:3rem}
.fld input:focus{outline:3px solid var(--navy);outline-offset:1px;border-color:transparent}
.fld input[aria-invalid="true"]{border-color:#b3261e}
.two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media(max-width:420px){.two{grid-template-columns:1fr}}
.acts{display:flex;flex-wrap:wrap;gap:.6rem}
.acts .btn{flex:1 1 11rem}
.acts .btn.wa{background:#1f7a46;border-color:#1f7a46;color:#fff}
.hc .acts .btn.wa{background:#ffeb3b;color:#000;border-color:#ffeb3b}
.alt2{font-size:.93rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.alt2 a,.alt2 button{color:var(--ink);background:none;border:0;padding:0;font:inherit;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}
.err{color:#b3261e;font-weight:500;min-height:1.4rem}
.hc .err{color:#ffeb3b}
.note2{font-size:.92rem;color:var(--muted);line-height:1.6}
.hc .sheet .x,.hc .qty button,.hc .fld input{background:#000;color:#fff;border-color:#fff}
/* accessibility side button + drawer */
.ax-fab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:70;display:grid;place-items:center;width:3.1rem;height:3.4rem;padding:0 .2rem 0 0;border:0;border-radius:999px 0 0 999px;background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;box-shadow:0 6px 20px -8px rgba(14,22,29,.55);transition:width .25s var(--ease)}
.ax-fab:hover{width:3.5rem}
.ax-fab svg,.ax-hd h2 svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hc .ax-fab{outline:2px solid #fff}
.ax-bg{position:fixed;inset:0;background:rgba(14,22,29,.4);z-index:88;animation:axf .25s ease both}
.ax-p{position:fixed;top:0;right:0;bottom:0;width:min(22rem,100vw);z-index:90;background:var(--card);color:var(--ink);box-shadow:-20px 0 50px -20px rgba(14,22,29,.45);overflow:auto;overscroll-behavior:contain;padding:calc(1rem + env(safe-area-inset-top,0px)) 1.1rem calc(1.4rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:1rem;animation:axs .32s cubic-bezier(.22,.61,.36,1) both}
.hc .ax-p{border-left:2px solid #fff}
@keyframes axs{from{transform:translateX(100%)}to{transform:none}}
@keyframes axf{from{opacity:0}to{opacity:1}}
.ax-hd{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.ax-hd h2{display:flex;align-items:center;gap:.55rem;font-size:1.45rem}
.ax-x{width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:1rem}
.ax-sz{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:var(--r-sm);font-weight:500}
.ax-sz>div{display:flex;align-items:center;gap:.5rem}
.ax-sz button{display:inline-flex;align-items:baseline;justify-content:center;gap:.1rem;width:2.9rem;height:2.9rem;border-radius:50%;border:1px solid var(--line);background:var(--paper);cursor:pointer;font:600 1.15rem/1 var(--f-display);padding-top:.75rem}
.ax-sz button small{font-size:.9rem}
.ax-sz button:disabled{opacity:.4;cursor:not-allowed}
.ax-sz output{min-width:3.4rem;text-align:center;font-variant-numeric:tabular-nums}
.ax-g{display:grid;gap:.5rem}
.ax-t{display:grid;grid-template-columns:2.4rem 1fr;align-items:center;gap:.8rem;text-align:right;min-height:3.6rem;padding:.55rem .9rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);cursor:pointer}
.ax-t b{display:block;font-weight:500;font-size:1rem;line-height:1.3}
.ax-t small{display:block;color:var(--muted);font-size:.86rem;line-height:1.4}
.ax-i{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--paper-2);font:700 .95rem/1 var(--f-body)}
.ax-t[aria-pressed="true"]{border-color:var(--ink);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--ink)}
.ax-t[aria-pressed="true"] .ax-i{background:var(--btn-bg);color:var(--btn-fg)}
.hc .ax-t,.hc .ax-sz button,.hc .ax-x{background:#000;color:#fff;border-color:#fff}
.hc .ax-t[aria-pressed="true"]{background:#ffeb3b;color:#000}.hc .ax-t[aria-pressed="true"] small{color:#000}
.ax-rs{min-height:2.9rem;border-radius:999px;border:1.5px solid var(--ink);background:transparent;font-weight:500;cursor:pointer}
.hc .ax-rs{border-color:#ffeb3b;color:#ffeb3b}
.ax-k{font-size:.86rem;color:var(--muted);line-height:1.7}
kbd{font:500 .8rem var(--f-body);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:.05rem .35rem;background:var(--paper)}
/* modes */
html.kb :focus{outline:4px solid #ffbf00!important;outline-offset:3px!important;box-shadow:0 0 0 8px rgba(28,42,54,.85)!important;border-radius:6px}
html.kb .skip:focus{top:calc(1rem + env(safe-area-inset-top,0px))}
html.rf body,html.rf body *:not(svg):not(use){font-family:Arial,'Heebo',Tahoma,sans-serif!important;font-style:normal!important;letter-spacing:.015em!important;word-spacing:.08em}
html.rf body{line-height:1.95}
html.hh h1,html.hh h2:not(.sr),html.hh h3{background:rgba(255,214,0,.28);outline:2px dashed var(--sand-ink);outline-offset:4px;border-radius:4px}
html.hc.hh h1,html.hc.hh h2:not(.sr),html.hc.hh h3{background:transparent;outline-color:#ffeb3b}
html.hl a,html.hl button:not(.ax-t):not(.ax-fab){outline:2px solid #1565c0;outline-offset:2px;text-decoration:underline!important;text-underline-offset:.25em}
html.hc.hl a,html.hc.hl button:not(.ax-t):not(.ax-fab){outline-color:#ffeb3b}
@media(max-width:600px){.ax-fab{top:auto;bottom:calc(5.2rem + env(safe-area-inset-bottom,0px));transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
html.nm *,html.nm *::before,html.nm *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
.ax-fab{background:var(--night);color:var(--gold-hi)}
html.js .rvi.in .ph:hover img{transform:scale(1.05)}



/* v4 layout: every chapter is a full-screen photo that holds still while a short glass card scrolls over it.
   The cover shows only the chapter number and title; the card carries one or two lines and a button;
   the full text opens in a panel. Title and card always sit on the same side, so the scroll reads as one rhythm. */
:root{
  --shade:linear-gradient(to left,rgba(13,24,35,0) 0%,rgba(13,24,35,0) 42%,rgba(13,24,35,.55) 64%,rgba(13,24,35,.86) 100%),linear-gradient(180deg,rgba(13,24,35,.4) 0%,rgba(13,24,35,0) 22%,rgba(13,24,35,0) 62%,rgba(13,24,35,.7) 100%);
  --glass-d:rgba(13,24,35,.62);
}
@media(max-width:860px){:root{--shade:linear-gradient(180deg,rgba(13,24,35,.45) 0%,rgba(13,24,35,0) 20%,rgba(13,24,35,0) 45%,rgba(13,24,35,.88) 85%,rgba(13,24,35,.95) 100%)}}
html.hc{--shade:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65));--glass-d:#000}

/* nav: clear over the hero, night glass after */
.nav.sc,.nav.dk{background:rgba(13,24,35,.7);color:var(--on-navy);box-shadow:0 1px 0 var(--line-on-navy)}
.nav.sc .brand b,.nav.sc:not(.dk) .brand b{color:var(--gold)}
.nav .cta,.nav.sc .cta{background:var(--on-navy);color:var(--night);border-color:var(--on-navy)}

/* hero: Omer's changing photos in a frame; behind it the same photo, softly blurred, fills the screen */
.hero{position:relative;min-height:100svh;display:grid;align-items:center;background:var(--night);isolation:isolate}
.hero-bg{position:absolute;inset:-60px;z-index:-1;background:var(--night) center/cover no-repeat;filter:blur(38px) brightness(.42) saturate(1.15);transform:scale(1.08);transition:background-image 1.2s ease}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 60% at 80% 20%,rgba(184,149,90,.16),transparent 70%),linear-gradient(180deg,rgba(13,24,35,.2),rgba(13,24,35,.55))}
.hc .hero-bg{display:none}
.hero-p{max-width:30rem;justify-self:center;width:100%}
.hero-p img{aspect-ratio:4/5;max-height:calc(100svh - 10rem);min-height:24rem}
.scue{position:absolute;bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:.5rem;color:var(--navy-muted);font-size:.8rem;letter-spacing:.12em;text-decoration:none;margin:0}
.scue i{width:1px;height:2.6rem;background:linear-gradient(var(--gold),transparent)}
@media(max-width:860px){.hero-p{max-width:26rem}.scue{display:none}}

/* chapters */
.chp{position:relative;background:var(--night);color:var(--on-navy)}
.sc-bg{position:sticky;top:0;height:100svh;overflow:hidden;z-index:0}
.sc-bg>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-bg::after{content:"";position:absolute;inset:0;background:var(--shade)}
.sc-fg{position:relative;z-index:1;margin-top:-100svh}
.sc-cover{min-height:100svh;display:flex;align-items:flex-end;padding-block:7rem clamp(3rem,10vh,6.5rem)}
.sc-cover .ch-h{margin:0 0 0 0;margin-inline-start:auto;max-width:32rem}
.sc-cover .ch-h h2{color:#fff;font-size:clamp(3rem,5.6vw,5.2rem);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.sc-cover .ch-k{color:#ecdcc0}
.sc-cover .ch-s{color:#e9e1d4}
.sc-cover .sig-o{color:var(--gold-hi)}
.sc-body{display:grid;justify-items:end;gap:clamp(1.2rem,3vw,2rem);padding-block:1rem 38svh}
.gc{width:100%;max-width:32rem;display:grid;gap:1.2rem;background:var(--glass-d);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(243,238,230,.14);border-radius:var(--r-lg);padding:clamp(1.6rem,3.4vw,2.4rem)}
.gc>p{color:#d5dde3;font-weight:300;font-size:1.12rem;line-height:1.8}
.gc .big-q{font:300 clamp(1.5rem,2.6vw,2rem)/1.35 var(--f-display);color:var(--on-navy);letter-spacing:-.02em}
.gc .row{gap:.8rem 1.2rem}
.gc .tl{color:var(--on-navy)}
.hc .gc{border-color:#fff}
@media(max-width:860px){.sc-cover .ch-h{margin-inline-start:0}.sc-body{justify-items:stretch;padding-bottom:30svh}.gc{max-width:none}}
/* the principles chapter keeps its five glass cards, now lined up on the same side as every other card */
.chp .prs-intro,.chp .pr-card{max-width:32rem;width:100%}
.chp .pr-card h3{color:var(--on-navy)}
@media(max-width:860px){.chp .prs-intro,.chp .pr-card{max-width:none}}
/* phoenix chapter: the golden bird over the whole night background */
.sc-bg.phx-bg{background:radial-gradient(50% 50% at 50% 50%,rgba(184,149,90,.14),transparent 70%),var(--night)}
.sc-bg.phx-bg>img{object-fit:contain;opacity:.62;height:100%}
.sc-bg.phx-bg::after{background:linear-gradient(180deg,rgba(13,24,35,0) 55%,rgba(13,24,35,.6))}
.hc .sc-bg.phx-bg>img{display:none}
/* moments chapter: the strip sits right on the photo */
.chp .mom-track{padding-block:.5rem 1.4rem}
.chp .mom-n,.chp .mom-n b{color:var(--on-navy)}
.chp .mom-ctl{justify-content:flex-end}
.chp .mom-b{background:rgba(13,24,35,.5);color:var(--on-navy);border-color:rgba(243,238,230,.3)}
.chp .mom-bar{background:rgba(243,238,230,.2)}
.chp .mom-c{opacity:.55}
.chp .mom-c.on{opacity:1}
.mom-body{padding-bottom:30svh;display:grid;gap:1rem}
/* songs inside a glass card */
.gc .songs{margin:0;border-top-color:rgba(243,238,230,.16)}
.gc .songs a{border-bottom-color:rgba(243,238,230,.16);padding-block:.85rem}
.gc .songs a:hover{background:rgba(255,255,255,.06)}
.gc .songs small{color:var(--navy-muted)}
.gc .songs .pl{border-color:rgba(243,238,230,.3)}
.gc .songs a:hover .pl{background:var(--gold);border-color:var(--gold);color:var(--night)}
/* lecture & association: two short blocks in one card */
.gc .duo2{display:grid;gap:1.4rem}
.gc .duo2>div{display:grid;gap:.5rem}
.gc .duo2>div+div{border-top:1px solid rgba(243,238,230,.16);padding-top:1.4rem}
.gc .tag{font:500 .82rem/1 var(--f-body);letter-spacing:.08em;color:var(--sand)}
.gc h3{font:400 clamp(1.4rem,2.2vw,1.75rem)/1.2 var(--f-display);letter-spacing:-.02em;color:var(--on-navy)}
.gc .duo2 p{color:#d5dde3;font-weight:300;line-height:1.75}
.gc .thumb{display:flex;align-items:center;gap:1rem}
.gc .thumb img{width:4.2rem;height:4.2rem;border-radius:50%;object-fit:cover;object-position:50% 40%;flex:0 0 auto;border:1px solid rgba(243,238,230,.3)}
.gc .price{justify-items:start;text-align:right}
.gc .price b{color:var(--on-navy)}
.gc .price span{color:var(--navy-muted)}
/* closing: centred words over the night sea */
.sc-cover.c{align-items:center;justify-content:center;text-align:center}
.sc-cover.c .cl{display:grid;justify-items:center;gap:0;max-width:56rem;margin-inline:auto}
.chp .close-p{color:#d5dde3;font:300 clamp(1.15rem,2vw,1.45rem)/1.75 var(--f-body);max-width:42rem}
.sc-bg.dim::after{background:linear-gradient(rgba(13,24,35,.62),rgba(13,24,35,.78))}

/* panels: the full chapter text, opened from the card */
.pnl{position:fixed;inset:0;z-index:58;background:var(--paper);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.pnl:not([hidden]){animation:pIn .55s var(--ease-out) both}
@keyframes pIn{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
.pnl-hd{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(.7rem + env(safe-area-inset-top,0px)) max(var(--gut),env(safe-area-inset-right,0px)) .7rem max(var(--gut),env(safe-area-inset-left,0px));background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.pnl-hd p{display:flex;align-items:center;gap:.8rem;font:500 .9rem/1 var(--f-body);letter-spacing:.06em;color:var(--sand-ink)}
.pnl-hd p b{font:400 1.3rem/1 var(--f-accent);font-style:italic;color:var(--gold);letter-spacing:0}
.pnl-x{display:inline-flex;align-items:center;gap:.5rem;min-height:2.9rem;padding:0 1.1rem;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-weight:500}
.pnl-in{position:relative;z-index:1;padding-block:clamp(2.5rem,6vw,5rem) calc(clamp(4rem,8vw,6rem) + env(safe-area-inset-bottom,0px))}
.pnl.dk{background:var(--night);color:var(--on-navy)}
.pnl.dk .pnl-hd{background:rgba(13,24,35,.82);border-color:var(--line-on-navy)}
.pnl.dk .pnl-hd p{color:var(--sand)}
.pnl.dk .pnl-x{background:transparent;border-color:var(--line-on-navy);color:var(--on-navy)}
.pnl.dk .ch-k{color:var(--sand)}
.pnl.dk .ch-h h2{color:var(--on-navy)}
.pnl .phx-p{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);height:92vh;width:auto;max-width:none;opacity:.22;pointer-events:none;z-index:0}
.pnl.surf-p{background:linear-gradient(180deg,var(--mist),#c3d4dc)}
.pnl.surf-p .pnl-hd{background:rgba(215,227,232,.85)}
.pnl .ch-h h2{font-size:clamp(2.4rem,5.4vw,4.4rem)}
.hc .pnl,.hc .pnl.surf-p{background:#000}
@media(max-width:600px){.pnl-x .t{display:none}.pnl-x{padding:0;width:2.9rem;justify-content:center}}
.gc .big{margin:0}
.gc .btn.q{color:var(--on-navy);border-color:rgba(243,238,230,.35)}
.gc .btn.q:hover{background:var(--on-navy);color:var(--night)}
.gc>p.big{font:200 clamp(2.6rem,5vw,4rem)/1.05 var(--f-display)}
.mom-n{direction:ltr;unicode-bidi:isolate}

/* designed grounds: each chapter has its own colour world; photos stay only where they are the point */
.sc-bg.d::after{display:none}
.sc-bg.d::before{content:"";position:absolute;inset:0;background:var(--grain);opacity:.07;z-index:2;pointer-events:none}
/* story: warm dusk, with Omer's signature drawn large across it */
.bg-story{background:radial-gradient(70% 70% at 15% 85%,rgba(224,197,143,.28),transparent 60%),radial-gradient(60% 60% at 90% 10%,rgba(122,93,63,.45),transparent 70%),linear-gradient(160deg,#1a130d 0%,#3a2a1c 55%,#5c4229 100%)}
.bgsig{position:absolute;width:min(120vw,110rem);aspect-ratio:1104/584;right:-8vw;top:50%;transform:translateY(-50%);fill:none;stroke:var(--gold-hi);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;opacity:.16}
/* moments: deep sea-green with slow soft light */
.bg-mom{background:linear-gradient(170deg,#0b2026 0%,#123640 60%,#1b4b55 100%)}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5}
.b1{width:40vw;height:40vw;background:#2f7a80;top:-8vw;right:-6vw}
.b2{width:32vw;height:32vw;background:#b8955a;bottom:-10vw;left:10vw;opacity:.28}
.b3{width:26vw;height:26vw;background:#4d8fa8;top:30%;left:-8vw;opacity:.35}
@media (prefers-reduced-motion:no-preference){.b1{animation:drift 22s ease-in-out infinite alternate}.b2{animation:drift 28s ease-in-out infinite alternate-reverse}.b3{animation:drift 25s ease-in-out infinite alternate}}
@keyframes drift{to{transform:translate(6vw,4vw) scale(1.12)}}
/* music: midnight indigo with the grooves of a record */
.bg-music{background:repeating-radial-gradient(circle at 78% 52%,rgba(255,255,255,.045) 0 1px,transparent 1.5px 13px),radial-gradient(circle at 78% 52%,rgba(184,149,90,.35) 0 4.5rem,transparent 4.6rem),radial-gradient(55% 70% at 78% 52%,rgba(90,80,160,.35),transparent 70%),linear-gradient(160deg,#0f1026 0%,#1c1b3d 60%,#2a2350 100%)}
@media(max-width:860px){.bg-music{background:repeating-radial-gradient(circle at 50% 30%,rgba(255,255,255,.045) 0 1px,transparent 1.5px 13px),radial-gradient(circle at 50% 30%,rgba(184,149,90,.35) 0 3.5rem,transparent 3.6rem),linear-gradient(170deg,#0f1026,#2a2350)}}
/* surf: open sea, with waves rolling along the bottom */
.bg-surf{background:radial-gradient(60% 50% at 80% 10%,rgba(255,236,200,.35),transparent 70%),linear-gradient(180deg,#0e3b52 0%,#16607a 55%,#1f7f93 100%)}
.wv{position:absolute;left:0;bottom:0;width:200%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200' preserveAspectRatio='none'%3E%3Cpath d='M0 100 C150 60 300 140 450 100 S750 60 900 100 S1150 140 1200 100 V200 H0Z' fill='%23ffffff'/%3E%3C/svg%3E") repeat-x;background-size:50% 100%}
.w1{height:30%;opacity:.07;animation:wv 38s linear infinite}
.w2{height:22%;opacity:.09;animation:wv 26s linear infinite reverse}
.w3{height:14%;opacity:.12;animation:wv 18s linear infinite}
@keyframes wv{to{transform:translateX(-50%)}}
/* lecture: a dark stage under one warm spotlight */
.bg-lec{background:radial-gradient(38% 70% at 72% -5%,rgba(255,226,170,.38),rgba(255,226,170,.08) 55%,transparent 75%),radial-gradient(50% 20% at 72% 100%,rgba(255,226,170,.12),transparent 70%),linear-gradient(180deg,#121417,#1c2026)}
/* collection: dusty rose, the colour of the team shirts, with a fine stitch dot */
.bg-shop{background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/22px 22px,radial-gradient(60% 60% at 85% 15%,rgba(240,190,180,.35),transparent 70%),linear-gradient(160deg,#2a1519 0%,#5a2f37 55%,#8a5560 100%)}
/* closing: the night sea with a gold horizon */
.bg-close{background:linear-gradient(180deg,#070d14 0%,#0d1823 58%,#132a3a 62%,#0a1620 100%)}
.hz{position:absolute;left:0;right:0;top:84%;height:1px;background:linear-gradient(90deg,transparent,rgba(224,197,143,.7),transparent)}
.hz::before{content:"";position:absolute;left:50%;top:-14vh;width:70vw;height:28vh;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(224,197,143,.25),transparent 70%)}
.hc .sc-bg.d{background:#000}.hc .sc-bg.d>*{display:none}
/* the cards sit on colour now, so they can be a touch lighter */
.chp .sc-bg.d~.sc-fg .gc{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.hc .chp .sc-bg.d~.sc-fg .gc{background:#000}
html.nm .blob,html.nm .wv{animation:none}


/* v6, after the wonderful.ai recording: calm flat grounds that alternate night and ivory, centred light headlines,
   photos inside rounded cards (not behind everything), statements that fill in word by word as you scroll,
   a quiet dot grid on the night chapters, and big rounded link rows at the end. Phoenix and principles keep their
   full-screen backgrounds. */
.chp.v6{background:var(--paper);color:var(--ink)}
.chp.dk6{background:#0a1119 radial-gradient(circle,rgba(243,238,230,.13) 1.1px,transparent 1.6px) 0 0/40px 40px;color:var(--on-navy)}
.chp.dk6::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(224,197,143,.75) 1.6px,transparent 2.1px) 20px 100px/160px 200px;opacity:.55;-webkit-mask:linear-gradient(180deg,#000,transparent 55%);mask:linear-gradient(180deg,#000,transparent 55%)}
.chp.dk6>*{position:relative}
.hc .chp.dk6{background:#000}.hc .chp.dk6::before{display:none}
.v6-hd{display:grid;justify-items:center;text-align:center;gap:1.1rem;padding-top:var(--sec)}
.v6-hd .ch-k::before{content:"";height:1px;width:3.5rem;background:currentColor;opacity:.45}
.v6-hd h2{font-size:clamp(2.5rem,5.4vw,4.4rem);font-weight:300;max-width:16ch}
.v6-hd .sig{width:min(13rem,48vw);height:auto;color:var(--gold)}
.dk6 .ch-k{color:var(--sand)}
.v6-in{display:grid;justify-items:center;gap:clamp(2.6rem,6vw,4.6rem);padding-block:clamp(2.4rem,5vw,4rem) var(--sec)}
/* statements fill in word by word */
.fill{font:300 clamp(1.55rem,3.3vw,2.7rem)/1.4 var(--f-display);letter-spacing:-.02em;text-align:center;max-width:44rem;margin:0;text-wrap:balance}
.fill .w{color:rgba(18,27,36,.16);transition:color .35s ease}
.fill .w.on{color:var(--ink)}
.dk6 .fill .w{color:rgba(243,238,230,.18)}.dk6 .fill .w.on{color:var(--on-navy)}
.hc .fill .w{color:inherit}
/* photo cards: the picture in a rounded frame, words at its foot, one white pill */
.pc{position:relative;width:100%;max-width:32rem;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;background:#14202b;color:#fff;isolation:isolate}
.pc.wide{max-width:62rem;aspect-ratio:16/10}
.pc>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,14,20,0) 38%,rgba(8,14,20,.55) 66%,rgba(8,14,20,.88) 100%);pointer-events:none}
.pc-t{position:absolute;inset:auto 0 0;z-index:2;display:grid;justify-items:center;text-align:center;gap:.8rem;padding:clamp(1.4rem,3.4vw,2.4rem)}
.pc-t h3{font:300 clamp(1.5rem,2.6vw,2.1rem)/1.2 var(--f-display);letter-spacing:-.02em;color:#fff;max-width:20ch}
.pc-t p{margin:0;color:rgba(255,255,255,.82);font-weight:300;line-height:1.6;max-width:30rem;font-size:1rem}
.pc-t b{font-weight:500}
.pc-t .tag{font:500 .8rem/1 var(--f-body);letter-spacing:.1em;color:var(--gold-hi)}
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:0 1.35rem;border-radius:999px;background:#fff;color:#121b24;border:1px solid #fff;font:500 .95rem/1 var(--f-body);text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-out),background .25s,color .25s}
.pill:hover{transform:translateY(-2px)}
.pill .ar{transition:transform .3s var(--ease-out)}.pill:hover .ar{transform:translateX(-4px)}
.pill.o{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.pill.o:hover{background:#fff;color:#121b24}
.hc .pc::after{background:rgba(0,0,0,.7)}.hc .pill{background:#ffeb3b;border-color:#ffeb3b;color:#000}.hc .pill.o{background:#000;color:#ffeb3b}
/* lecture & association: two cards side by side */
.duo6{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,2.4vw,1.6rem)}
.duo6>#assoc{display:contents}
.duo6 .pc{max-width:none;aspect-ratio:4/5.2}
@media(max-width:820px){.duo6{grid-template-columns:1fr}.duo6 .pc{aspect-ratio:4/5.4}}
/* music: card + song list */
#music .v6-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;justify-items:stretch;gap:clamp(1.6rem,4vw,4rem)}
#music .pc{max-width:none}
.v6-list{display:grid;gap:1rem}
.v6-list>p{margin:0;color:var(--navy-muted);font-weight:300}
.dk6 .songs{margin:0;border-top-color:rgba(243,238,230,.16)}
.dk6 .songs a{border-bottom-color:rgba(243,238,230,.16)}
.dk6 .songs a:hover{background:rgba(255,255,255,.06)}
.dk6 .songs small{color:var(--navy-muted)}
.dk6 .songs .pl{border-color:rgba(243,238,230,.3)}
.dk6 .songs a:hover .pl{background:var(--gold);border-color:var(--gold);color:var(--night)}
@media(max-width:860px){#music .v6-in{grid-template-columns:1fr}}
/* big rounded link rows */
.lrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:4.6rem;padding:1rem 1.2rem 1rem 1rem;padding-inline-start:1.6rem;border-radius:var(--r);background:rgba(243,238,230,.06);border:1px solid rgba(243,238,230,.12);color:var(--on-navy);font:300 clamp(1.25rem,2.2vw,1.6rem)/1.2 var(--f-display);letter-spacing:-.01em;text-decoration:none;text-align:start;cursor:pointer;transition:background .3s,transform .4s var(--ease-out)}
.lrow:hover{background:rgba(243,238,230,.12)}
.lrow i{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:50%;background:#fff;color:#121b24;display:grid;place-items:center;font-style:normal;font-size:1.05rem;transition:transform .35s var(--ease-out)}
.lrow:hover i{transform:translateX(-4px)}
.hc .lrow{border-color:#fff}.hc .lrow i{background:#ffeb3b}
.lrows{display:grid;gap:.7rem;width:100%;max-width:46rem;margin:clamp(3rem,6vw,4.5rem) auto 0}
/* moments: the strip on ivory */
.lt .mom-body{padding-bottom:var(--sec)}
.lt .mom-n,.lt .mom-n b{color:var(--ink)}
.lt .mom-ctl{justify-content:center}
.lt .mom-b{background:var(--card);color:var(--ink);border-color:var(--line)}
.lt .mom-bar{background:var(--line)}
.lt .mom-c{opacity:.5}.lt .mom-c.on{opacity:1}
/* shop */
.prod6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,1.6vw,1.2rem);width:100%;max-width:58rem}
.prod6 button{aspect-ratio:3/4;padding:0;border:0;cursor:pointer;background:var(--paper-2)}
.prod6 img{transition:transform .8s var(--ease-out)!important}
.prod6 button:hover img{transform:scale(1.04)!important}
.shop6{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2rem}
.shop6 .price{display:grid;justify-items:center;margin:0}
.shop6 .price b{font:300 2.4rem/1 var(--f-display)}
.shop6 .price span{color:var(--muted);font-size:.95rem}
/* closing */
.close6{padding-block:var(--sec)}
.close6 .cl{display:grid;justify-items:center;text-align:center;gap:1.2rem;max-width:52rem;margin-inline:auto}
.close6 .sig{width:min(14rem,52vw);height:auto;color:var(--gold)}
.close6 h2{font-size:clamp(2rem,4.4vw,3.6rem);font-weight:300;color:var(--on-navy)}
.close6 .en{font:400 clamp(1.5rem,2.6vw,2rem)/1.2 var(--f-accent);font-style:italic;color:var(--gold-hi)}
.close6 .close-p{color:#d5dde3;font:300 clamp(1.1rem,1.9vw,1.35rem)/1.75 var(--f-body);max-width:40rem;margin:0}

/* hero: Omer's changing photos fill the screen edge to edge (half of it on a computer), the words sit beside them */
.hero-bg{display:none}
.hero::after{background:radial-gradient(60% 60% at 85% 30%,rgba(184,149,90,.12),transparent 70%)}
.hero .hero-p{position:absolute;top:0;bottom:0;left:0;width:50%;max-width:none;margin:0;border-radius:0;box-shadow:none;z-index:0}
.hero .hs{position:absolute;inset:0}
.hero .hs img{position:absolute;inset:0;width:100%;height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover}
.hero .hs img.fit{object-fit:cover;background:none}
.hero .hero-p::after{background:linear-gradient(to right,rgba(13,24,35,0) 55%,var(--night) 100%),linear-gradient(180deg,rgba(13,24,35,.35),rgba(13,24,35,0) 20%,rgba(13,24,35,0) 75%,rgba(13,24,35,.5))}
.hero .hero-t{position:relative;z-index:3}
.hero .btn.q{color:var(--on-navy);border-color:rgba(243,238,230,.45)}.hero .btn.q:hover{background:var(--on-navy);color:var(--night)}
@keyframes heroIn6{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}
html.js .hero .hero-p{animation:heroIn6 1.6s var(--ease-out) both}
@media (prefers-reduced-motion:reduce){html.js .hero .hero-p{animation:none}}
html.nm .hero .hero-p{animation:none}
.hero .hs-pp{top:auto;bottom:1.4rem;left:1.4rem}
@media(max-width:860px){
 .hero{align-items:end;padding-top:calc(54svh + env(safe-area-inset-top,0px));padding-bottom:calc(2.6rem + env(safe-area-inset-bottom,0px))}
 .hero .hero-p{width:100%;right:0;bottom:auto;height:72svh}
 .hero .hero-p::after{background:linear-gradient(180deg,rgba(13,24,35,.45) 0%,rgba(13,24,35,0) 18%,rgba(13,24,35,0) 52%,rgba(13,24,35,.8) 80%,var(--night) 100%)}
 .pc.wide{aspect-ratio:4/5}
 .hero h1{font-size:clamp(3.4rem,16vw,4.6rem)}
 .hero .sigline{margin:1rem 0 1.2rem}
 .hero .lead{font-size:1.2rem;margin-bottom:.6rem}
 .hero .llo{margin-bottom:1.6rem}
 .hero .hs-pp{top:calc(5rem + env(safe-area-inset-top,0px));bottom:auto;left:1rem}
}


/* Omer's signature stands in for his name inside headings: gold, sized to the line, a touch heavier than the thin type */
.osig{display:inline-block;vertical-align:-.12em;line-height:0;margin-inline:.06em}
.osig .sig{height:.95em;width:auto;color:var(--gold);stroke-width:30}
.dk6 .osig .sig,.sc-cover .osig .sig,.pc .osig .sig,.close6 .osig .sig,.pnl.dk .osig .sig{color:var(--gold-hi)}
h3 .osig .sig{stroke-width:42}
.hc .osig .sig{color:#ffeb3b}
.chp .osig .sig{width:auto!important;margin:0!important;height:.95em}


/* hero title: Omer's signature is written in place of his name, above a smaller gold "של זהב" */
.hero h1{font-size:clamp(3rem,6.4vw,5.6rem);line-height:1}
.hero h1 .h1sig{display:block;margin:0 0 .15em;line-height:0}
.hero h1 .hsig{display:block;width:2.05em;height:auto;color:#c9a66b;stroke-width:40}
.hc .hero h1 .hsig{color:#ffeb3b}
@media(max-width:860px){.hero h1{font-size:clamp(2.6rem,12vw,3.4rem)}}
.hero .lead{margin-top:1.4rem}


/* header: Omer's signature stands for his name, sized to sit on the same line as "של זהב" */
.brand{gap:.2rem;align-items:center}
.brand .sig{width:auto;height:1.05em;color:#fff;stroke-width:44;transform:translateY(.04em)}
.hc .brand .sig{color:#ffeb3b}
.assoc-n{margin:-1.6rem 0 0;font-size:1rem;color:var(--muted);text-align:center}
.assoc-n.v5{margin:0;color:#d5dde3;text-align:start}
/* principle cards: brighter, slightly heavier text on a darker glass so it reads easily over the photo */
.prs-intro,.pr-card{background:rgba(10,18,26,.74)}
.pr-card p,.prs-intro p{color:#e6ecf0;font-weight:400}


/* lecture & association panel: the story behind the name and the association's purpose, read as one calm column */
.lec-p{max-width:44rem;margin-inline:auto;display:grid;gap:1.3rem}
.lec-p h2{font-size:clamp(2.1rem,4.4vw,3.2rem);font-weight:300}
.lec-p p{margin:0;font:300 clamp(1.1rem,1.6vw,1.25rem)/1.95 var(--f-body);color:var(--ink)}
.lec-p .sep{width:3.5rem;height:1px;background:var(--gold);margin:1.6rem 0 .6rem}
.lec-p .row{margin-top:1.4rem}
.lec-more{margin-top:1.4rem}
.lec-more6{grid-column:1/-1;justify-self:center}


/* opening page as in Mali's example: one photo of Omer on one side, fading into the night; the words on the other side */
.hero .eyebrow{display:none}
.hero .hs img{object-position:50% 12%;filter:brightness(.82) saturate(.95)}
@media(min-width:861px){
 .hero .hero-p{left:auto;right:0;width:48%}
 .hero .hs{-webkit-mask-image:linear-gradient(to left,#000 45%,rgba(0,0,0,.6) 70%,transparent 96%);mask-image:linear-gradient(to left,#000 45%,rgba(0,0,0,.6) 70%,transparent 96%)}
 .hero .hero-p::after{background:linear-gradient(180deg,rgba(13,24,35,.45),rgba(13,24,35,0) 18%,rgba(13,24,35,0) 70%,rgba(13,24,35,.75))}
 .hero .hero-g{grid-template-columns:1fr}
 .hero .hero-t{justify-self:end;width:min(36rem,46%);justify-items:end;text-align:left}
 .hero h1 .h1sig{display:flex;justify-content:flex-end}
 .hero .lead br{display:none}
 .hero .lead{max-width:none;font-size:clamp(1.1rem,1.5vw,1.35rem)}
 .hero .llo{flex-direction:column;align-items:flex-start;gap:1.2rem}
 .hero .scue{left:clamp(1.5rem,4vw,3.5rem);transform:none}
}
.hero .scue i{height:2.2rem}
.hero .scue i::after{content:"";display:block;width:.5rem;height:.5rem;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:translate(-.24rem,1.8rem) rotate(-45deg)}


/* phones: a composition of its own. Omer large at the top (face, smile, upper body), melting into the night;
   below him the signature, "של זהב", the sentence and Live Like Omer. No columns, no moving words, one slow fade in. */
@media(max-width:860px){
 .hero{display:flex;flex-direction:column;justify-content:flex-start;min-height:100svh;padding:0 0 env(safe-area-inset-bottom,0px);overflow:hidden}
 .hero>.wrap{display:flex;flex-direction:column;flex:1;padding:0}
 .hero .hero-g{display:flex;flex-direction:column;flex:1;gap:0;grid-template-columns:none}
 .hero .hero-p{position:relative;order:-1;inset:auto;width:100%;max-width:none;height:min(61svh,46rem);margin:0;flex:0 0 auto;border-radius:0;box-shadow:none;background:none;animation:none}
 .hero .hs{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 58%,rgba(0,0,0,.55) 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,rgba(0,0,0,.55) 80%,transparent 100%)}
 .hero .hs img{position:absolute;inset:auto!important;top:0!important;left:50%!important;width:max(112%,72svh)!important;height:auto!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:fill;transform:translate(-53%,-12%);filter:brightness(.9) saturate(.95)}
 .hero .hero-p::after{background:linear-gradient(180deg,rgba(13,24,35,.55) 0%,rgba(13,24,35,0) 16%),radial-gradient(120% 70% at 50% 35%,transparent 55%,rgba(13,24,35,.45) 100%)}
 .hero .hero-t{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0;padding:.4rem max(var(--gut),env(safe-area-inset-left,0px)) 3.8rem;text-shadow:none;position:relative;z-index:3}
 .hero-t>*{animation:none!important}
 .hero h1{font-size:1rem;margin:0;line-height:1;display:flex;flex-direction:column;align-items:center}
 .hero .sigline,.hero h1 .h1sig{display:block;margin:0 0 .5rem!important;line-height:0}
 .hero h1 .hsig{width:clamp(8rem,38vw,10.5rem);color:#d9bf8c;margin:0 auto}
 .hero h1>span:not(.sigline){font:300 clamp(3rem,14.5vw,4.2rem)/1.05 'Heebo',system-ui,sans-serif;letter-spacing:.01em;background:linear-gradient(180deg,#e6d2a8,#c7a774);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d9bf8c}
 .hero .lead{margin:1.1rem 0 0;max-width:22rem;font:300 clamp(1.15rem,5vw,1.4rem)/1.55 'Heebo',system-ui,sans-serif;color:#f3eee6;letter-spacing:.01em}
 .hero .lead br{display:none}
 .hero .llo{margin:.9rem 0 0;display:flex;flex-direction:column;align-items:center;gap:.7rem;font-size:clamp(1.2rem,5.2vw,1.45rem);color:#d9bf8c;opacity:.9}
 .hero .llo::before{width:1.8rem;background:rgba(217,191,140,.6)}
 .hero .scue{display:grid;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(1.1rem + env(safe-area-inset-bottom,0px));gap:0;font-size:0}
 .hero .scue span{display:none}
 .hero .scue i{height:1.6rem;opacity:.8}
 .hero .scue i::after{transform:translate(-.24rem,1.2rem) rotate(-45deg)}
 @media (max-width:350px){.hero .lead{max-width:15rem}}
 @media (max-height:600px){.hero .hero-p{height:46svh!important}}
 @media (max-height:700px){.hero .hero-p{height:51svh}.hero .hero-t{padding-bottom:3rem}.hero .lead{margin-top:.7rem}.hero .llo{margin-top:.6rem;gap:.5rem}}
 @media (prefers-reduced-motion:no-preference){html:not(.nm) .hero>.wrap{animation:heroFade 1.8s ease-out .1s both}}
}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
.pr-p .pr-bg{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;z-index:0;pointer-events:none;overflow:hidden}
.pr-p .pr-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}
.pr-p .pr-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,24,35,.2),rgba(13,24,35,.35) 45%,rgba(13,24,35,.5))}
.pr-p .pnl-in{position:relative;z-index:1}
.pr-p .ch-h{margin-bottom:clamp(1.6rem,4vw,2.6rem)}
.pr-p .ch-h h2,.pr-p .ch-s{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.pr-list{display:grid;gap:clamp(.9rem,2vw,1.3rem);max-width:40rem}
.pr-list .pr-card{max-width:none}
.pr-p .pr-card h3{color:var(--on-navy)}
.prs-intro .row{margin-top:1.4rem}
#principles .prs-intro{max-width:19rem!important;width:auto;padding:1.1rem 1.3rem;background:rgba(10,18,26,.5);border:0;border-radius:2rem;box-shadow:0 0 34px 24px rgba(10,18,26,.5);backdrop-filter:none;-webkit-backdrop-filter:none;text-shadow:0 1px 10px rgba(0,0,0,.5)}
#principles .prs-intro h3{font-size:clamp(1.35rem,2.6vw,1.8rem);margin-bottom:.5rem}
#principles .prs-intro p{font-size:.98rem;line-height:1.7}
#principles .prs-intro .row{margin-top:1rem}
#principles .prs-intro .btn{font-size:.92rem}

/* surf page — cream / ink / gold */
.pnl.surf-p{background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 38%,var(--paper-2) 100%);color:var(--ink)}
.pnl.surf-p .pnl-hd{background:rgba(247,243,236,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.pnl.surf-p .pnl-hd p{color:var(--sand-ink);font-weight:400;letter-spacing:.04em}
.pnl.surf-p .pnl-hd p b{color:var(--gold)}
.pnl.surf-p .pnl-x{background:var(--card);border-color:var(--line);color:var(--ink)}
.surf-p .pnl-in{padding-top:clamp(2.4rem,6vw,4.5rem)}
.surf-p .sf-h{gap:.9rem;margin-bottom:clamp(1.4rem,3vw,2rem)}
.surf-p .sf-h .ch-k{color:var(--sand-ink);font-weight:400;font-size:.8rem;letter-spacing:.14em}
.surf-p .sf-h .ch-k b{color:var(--gold);font-size:1.25rem}
.surf-p .sf-h .ch-k::after{background:var(--gold);opacity:.55;width:2.6rem}
.surf-p .sf-h h2{font-family:var(--f-display);font-size:clamp(2.35rem,6.4vw,4.6rem);font-weight:300;letter-spacing:-.04em;line-height:1.04;color:var(--ink);max-width:14ch}
.surf-p .sf-h h2 .osig .sig{color:var(--gold)}
.surf-p .sf-lead{color:var(--ink);opacity:.82;font-weight:300;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.85;max-width:34rem;margin:0 0 clamp(2.2rem,5vw,3.4rem);padding-inline-start:1.1rem;border-inline-start:1px solid rgba(184,149,90,.55)}
.surf-p .sg{gap:.75rem;padding:.75rem;background:var(--paper-2);border-radius:calc(var(--r-lg) + .5rem)}
.surf-p .ph{border-radius:var(--r-lg);background:var(--paper)}
.surf-p .yr{top:.75rem;right:.75rem;background:rgba(247,243,236,.9);color:var(--sand-ink);font:400 1rem/1 var(--f-accent);font-style:italic;letter-spacing:.02em;padding:.42rem .8rem .38rem}
.surf-p .next{margin-top:clamp(1.6rem,4vw,2.4rem);padding:clamp(1.6rem,4vw,2.4rem);background:var(--card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh);position:relative;overflow:hidden}
.surf-p .next::before{content:"";position:absolute;top:0;inset-inline-start:clamp(1.6rem,4vw,2.4rem);width:2.6rem;height:2px;background:var(--gold)}
.surf-p .next .k{gap:.55rem}
.surf-p .next .k b{font:300 clamp(1.5rem,3.4vw,2rem)/1.2 var(--f-display);letter-spacing:-.025em;color:var(--ink)}
.surf-p .next .k span{color:var(--muted);font-size:1rem;line-height:1.7;font-weight:300}
.surf-p .next .row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem}
@media(max-width:760px){
 .surf-p .sg{gap:.6rem;padding:.6rem;border-radius:calc(var(--r-lg) + .25rem)}
 .surf-p .ph{border-radius:1.5rem}
}
@media(max-width:600px){
 .surf-p .pnl-in{padding-top:2.2rem}
 .surf-p .sf-h h2{font-size:2.35rem;max-width:none}
 .surf-p .sf-lead{font-size:1.05rem;line-height:1.8}
 .surf-p .next{display:grid;gap:1.4rem}
 .surf-p .next .row{display:grid;justify-items:center;gap:1rem}
 .surf-p .next .btn{width:100%}
}
.hc .pnl.surf-p,.hc .surf-p .sg,.hc .surf-p .next{background:#000}

/* surf — stone cream #E8E1D7, both screens */
#surf{background:#E8E1D7}
#surf .ch-k{color:var(--sand-ink)}
#surf .v6-hd h2{color:var(--ink)}
#surf .fill{color:var(--ink)}
.pnl.surf-p{background:#E8E1D7}
.pnl.surf-p .pnl-hd{background:rgba(232,225,215,.9)}
.surf-p .sg{background:rgba(247,243,236,.55)}
.surf-p .next{background:var(--paper);box-shadow:0 1px 2px rgba(13,24,35,.04),0 22px 44px -32px rgba(13,24,35,.35)}
.surf-p .sf-h{gap:.75rem}
.surf-p .sf-h h2{max-width:none}
.surf-p .sf-h h2 .sig{width:auto!important;height:.95em!important}
.surf-p .sf-sub{text-wrap:balance;font:300 clamp(1.15rem,1.8vw,1.4rem)/1.6 var(--f-body);color:var(--ink);opacity:.78;max-width:30rem}
@media(max-width:600px){
 #surf .fill{font-size:1.45rem;line-height:1.5;padding-inline:.4rem}
 #surf .v6-hd h2{font-size:2.5rem}
 .surf-p .sf-h h2{font-size:2.5rem;line-height:1.1}
 .surf-p .sf-sub{font-size:1.12rem}
}

/* surf refinement v3 */
#surf .v6-hd{gap:.9rem}
#surf .fill{font-size:clamp(1.2rem,2.1vw,1.65rem);line-height:1.55;max-width:34rem}
#surf .v6-in{gap:clamp(1.8rem,4vw,3rem);padding-top:clamp(1.4rem,3vw,2.4rem)}
#surf .pc::after{background:linear-gradient(180deg,rgba(8,14,20,0) 52%,rgba(8,14,20,.28) 72%,rgba(8,14,20,.62) 100%)}
#surf .pc-t{gap:.5rem;padding:clamp(1.3rem,3vw,2.2rem) clamp(1.2rem,3vw,2rem) clamp(1.4rem,3.2vw,2.2rem)}
#surf .pc-t h3{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:400;text-shadow:0 1px 14px rgba(0,0,0,.35)}
#surf .pc-t p{font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.9);text-shadow:0 1px 10px rgba(0,0,0,.4);text-wrap:balance}
#surf .pills{margin-top:.5rem}
#surf .pill{min-height:2.7rem;padding:0 1.25rem;font-size:.92rem}
@media(max-width:600px){
 #surf .v6-hd h2{font-size:2.3rem}
 #surf .fill{font-size:1.18rem;padding-inline:1rem}
 #surf .pc.wide{aspect-ratio:1/1}
 #surf .pc-t h3{font-size:1.35rem}
 #surf .pc-t p{font-size:.9rem}
}
.surf-p .sf-h{margin-bottom:1.1rem}
.surf-p .sf-lead{font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.8;margin-bottom:clamp(2rem,4.5vw,3rem)}
.surf-p .sg{background:none;padding:0;border-radius:0;gap:clamp(.7rem,1.4vw,1rem)}
.surf-p .ph{border-radius:1rem}
.surf-p .yr{top:.7rem;right:.7rem;left:auto;font-size:.92rem;padding:.38rem .7rem .34rem;background:rgba(247,243,236,.92)}
.surf-p .next{display:grid;gap:1.1rem;justify-items:start;margin-top:clamp(2.6rem,6vw,4rem);padding:clamp(1.8rem,4vw,2.6rem) 0 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;overflow:visible}
.surf-p .next::before{display:none}
.surf-p .next .k{gap:.45rem}
.surf-p .next .k b{font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:400}
.surf-p .next .k span{font-size:.98rem}
.surf-p .next .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.8rem 1.4rem}
.surf-p .next .btn{min-height:2.9rem;padding:0 1.4rem;font-size:.95rem;width:auto}
.surf-p .next .tl{font-size:.95rem}
@media(max-width:760px){
 .surf-p .sg{grid-template-columns:1fr;grid-template-rows:none;gap:.75rem;padding:0}
 .surf-p .sg .rvi:nth-child(n){grid-column:auto;grid-row:auto}
 .surf-p .sg .rvi:nth-child(1){aspect-ratio:4/5}
 .surf-p .sg .rvi:nth-child(n+2){aspect-ratio:3/2}
 .surf-p .sg .rvi:nth-child(1) img{object-position:50% 50%}
 .surf-p .ph{border-radius:.9rem}
}
@media(max-width:600px){
 .surf-p .pnl-in{padding-top:2rem}
 .surf-p .sf-h h2{font-size:2.25rem}
 .surf-p .sf-lead{font-size:1rem;line-height:1.75}
 .surf-p .next{display:grid;gap:1.1rem}
 .surf-p .next .row{display:flex;justify-items:start}
 .surf-p .next .btn{width:auto}
}
.surf-p .next .k span{text-wrap:balance}
@media(max-width:600px){.surf-p .pnl-in{padding-bottom:calc(9rem + env(safe-area-inset-bottom,0px))}}

/* unified dark theme for former light sections */
.lt2 .mom-body{padding-bottom:var(--sec)}
.lt2 .mom-ctl{justify-content:center}
.lt2 .mom-n,.lt2 .mom-n b{color:var(--on-navy)}
.lt2 .mom-b{background:rgba(13,24,35,.5);color:var(--on-navy);border-color:rgba(243,238,230,.3)}
.lt2 .mom-bar{background:rgba(243,238,230,.2)}
.lt2 .mom-c{opacity:.45}.lt2 .mom-c.on{opacity:1}
#surf.dk6{background:#0a1119 radial-gradient(circle,rgba(243,238,230,.13) 1.1px,transparent 1.6px) 0 0/40px 40px}
#surf.dk6 .ch-k{color:var(--sand)}
#surf.dk6 .v6-hd h2,#surf.dk6 .fill{color:var(--on-navy)}
#surf.dk6 .v6-hd .sig{color:var(--gold-hi)}
.dk6 .price b{color:var(--on-navy)}
.dk6 .price span,.dk6 .shop6 .price span{color:var(--navy-muted)}
.dk6 .lead,.dk6 p.lead{color:var(--navy-muted)}
.dk6 .tl{color:var(--on-navy)}
/* inner pages dark */
.pnl.dk{background:var(--night);color:var(--on-navy)}
.pnl.dk h2,.pnl.dk h3,.pnl.dk h4,.pnl.dk b,.pnl.dk strong{color:var(--on-navy)}
.pnl.dk p,.pnl.dk li,.pnl.dk .lead{color:var(--navy-muted)}
.pnl.dk .ch-k,.pnl.dk .pnl-hd p{color:var(--sand)}
.pnl.dk .ch-k b,.pnl.dk .pnl-hd p b{color:var(--gold)}
.pnl.dk .osig .sig{color:var(--gold-hi)}
.pnl.dk .tl{color:var(--on-navy)}
.pnl.dk .btn:not(.gold){background:var(--on-navy);color:var(--night);border-color:var(--on-navy)}
.pnl.dk .btn.q{background:transparent;color:var(--on-navy);border-color:rgba(243,238,230,.35)}
.pnl.dk.surf-p,.pnl.dk.surf-p .pnl-hd{background:var(--night)}
.pnl.dk.surf-p .pnl-hd{background:rgba(13,24,35,.85);border-color:var(--line-on-navy)}
.pnl.dk.surf-p .pnl-x{background:transparent;border-color:var(--line-on-navy);color:var(--on-navy)}
.pnl.dk.surf-p .sf-h h2{color:var(--on-navy)}
.pnl.dk.surf-p .sf-lead{color:var(--navy-muted);opacity:1}
.pnl.dk.surf-p .next{border-top-color:var(--line-on-navy)}
.pnl.dk.surf-p .next .k b{color:var(--on-navy)}
.pnl.dk.surf-p .next .k span{color:var(--navy-muted)}
.pnl.dk.surf-p .yr{background:rgba(13,24,35,.75);color:var(--gold-hi)}

.pnl.dk .facts span{background:rgba(243,238,230,.06);border-color:var(--line-on-navy);color:var(--navy-muted)}
.pnl.dk .specs>div{background:rgba(243,238,230,.05);border-color:var(--line-on-navy)}
.pnl.dk .specs dt{color:var(--sand)}
.pnl.dk .specs dd{color:var(--on-navy)}
.pnl.dk .how li{color:var(--navy-muted)}
.pnl.dk .how b{color:var(--on-navy)}
.pnl.dk .tabs{background:rgba(243,238,230,.07)}
.pnl.dk .tab{color:var(--on-navy)}
.pnl.dk .tab span{color:var(--navy-muted)}
.pnl.dk .tab[aria-pressed="true"]{background:var(--on-navy);color:var(--night)}
.pnl.dk .tab[aria-pressed="true"] span{color:var(--muted)}
.pnl.dk .pi h3,.pnl.dk .pi-p{color:var(--on-navy)}
.pnl.dk .pi-m{color:var(--navy-muted)}
.pnl.dk .pi-o{border-color:rgba(243,238,230,.4);color:var(--on-navy)}
.pnl.dk .pi-o:hover{background:var(--on-navy);color:var(--night)}
.pnl.dk .pi .also{color:var(--ink)}
.pnl.dk input,.pnl.dk select,.pnl.dk textarea{background:rgba(243,238,230,.06);color:var(--on-navy);border-color:var(--line-on-navy)}
.pnl.dk label,.pnl.dk legend{color:var(--on-navy)}

.pnl.dk .qt{color:var(--on-navy)!important}
.pnl.dk .side button{border-color:var(--line-on-navy);color:var(--navy-muted)}
.pnl.dk .side button[aria-pressed="true"]{border-color:var(--on-navy);color:var(--on-navy)}
.dk6 .assoc-n{color:var(--navy-muted)}

.assoc-n{max-width:30rem;margin-inline:auto;line-height:1.75;text-wrap:balance;font-size:.98rem}
.shop6 .price{gap:.35rem}
.shop6 .price span{font-size:.85rem;letter-spacing:.06em}
.donate{display:grid;gap:.5rem;margin:0 0 2.2rem;padding:0 0 1.8rem;border-bottom:1px solid var(--line-on-navy);max-width:40rem}
.donate .dn-p{font:300 clamp(1.4rem,2.6vw,1.8rem)/1.2 var(--f-display);color:var(--on-navy)!important;margin:0}
.donate .dn-p b{color:var(--gold-hi)!important;font-weight:400}
.donate .dn-n{margin:0;color:var(--navy-muted);line-height:1.75;font-size:1rem;max-width:34rem}

/* heading consistency */
#who-h .osig{margin-inline-end:-.04em}
#who-h .osig+*,#who-h{letter-spacing:-.045em}
@media(max-width:600px){#surf .v6-hd h2,.surf-p .sf-h h2{font-size:2.5rem}}

/* desktop hero title matches the light phone version */
@media(min-width:861px){
 .hero h1>span:not(.sigline){font:300 clamp(4rem,7.4vw,6.4rem)/1.02 'Heebo',system-ui,sans-serif;letter-spacing:.01em;background:linear-gradient(180deg,#e6d2a8,#c7a774);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d9bf8c}
 .hero h1 .hsig{color:#d9bf8c}
}

/* ===== TRIAL: studio grey ===== */
:root{--night:#8e8f8d;--night-2:#868785;--on-navy:#15191d;--navy-muted:#2c3136;--sand:#33302b;--gold:#5a4421;--gold-hi:#5a4421;--line-on-navy:rgba(21,25,29,.18);--glass:rgba(142,143,141,.82)}
html,body{background:#8e8f8d}
.studio,.chp.dk6,.chp.lt2,.hero{background:radial-gradient(75% 55% at 55% 38%,#9a9b99 0%,#8e8f8d 55%,#7c7d7b 100%)!important;color:var(--on-navy)}
.chp.dk6::before{display:none!important}
.hero::after{background:none!important}
.hero-bg{display:none}
.hero .hero-p::after{background:linear-gradient(180deg,rgba(142,143,141,.35) 0%,rgba(142,143,141,0) 18%,rgba(142,143,141,0) 58%,rgba(142,143,141,.85) 84%,#8e8f8d 100%)!important}
@media(min-width:861px){.hero .hero-p::after{background:linear-gradient(to left,rgba(142,143,141,0) 50%,#8e8f8d 100%)!important}}
.hero h1>span:not(.sigline),.hero h1{background:none!important;-webkit-text-fill-color:#15191d!important;color:#15191d!important}
.hero .lead,.hero .eyebrow{color:#15191d!important}
.hero .llo{color:#3a3126!important}
.hero h1 .hsig,.osig .sig,.v6-hd .sig,.dk6 .osig .sig,.close6 .osig .sig{color:#4a381c!important}
.pc .osig .sig{color:#e0c58f!important}
.ftr{background:#7f807e!important;color:#15191d;border-top-color:rgba(21,25,29,.2)}
.ftr a,.ftr li,.ftr p{color:#15191d}
.nav.sc,.nav.dk,.nav{color:#15191d}
.nav.sc,.nav.dk{background:rgba(142,143,141,.82)!important;box-shadow:0 1px 0 rgba(21,25,29,.15)!important}
.nav .cta,.nav.sc .cta,.nav:not(.sc) .cta{background:#15191d!important;color:#f3eee6!important;border-color:#15191d!important}
.fill .w,.dk6 .fill .w{color:rgba(21,25,29,.18)}
.fill .w.on,.dk6 .fill .w.on{color:#15191d}
.close6 .lrow,.lrow{background:rgba(255,255,255,.12);border-color:rgba(21,25,29,.18);color:#15191d}
.mom-c{box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}
/* principles keep the original photo look */
#principles,#phoenix,.pr-p{--on-navy:#f3eee6;--navy-muted:#a9b7c3;--sand:#c9ae8b;--gold:#b8955a;--gold-hi:#e0c58f;--line-on-navy:rgba(243,238,230,.16)}
#principles .osig .sig,#phoenix .osig .sig{color:#e0c58f!important}

/* ===== TRIAL v2: darker text, rich gold, gold buttons ===== */
:root{--on-navy:#0b0e11;--navy-muted:#1d2227;--sand:#1d2227;--gold:#8c6a2c;--gold-hi:#8c6a2c}
.hero .lead,.hero .eyebrow,.fill .w.on,.dk6 .fill .w.on,.v6-hd h2,.ftr a,.ftr li,.ftr p,.nav{color:#0b0e11!important}
.hero h1>span:not(.sigline),.hero h1{-webkit-text-fill-color:#0b0e11!important;color:#0b0e11!important}
.fill .w,.dk6 .fill .w{color:rgba(11,14,17,.2)}
/* rich gold accents */
.hero h1 .hsig,.osig .sig,.v6-hd .sig,.dk6 .osig .sig,.close6 .osig .sig,.brand .sig{color:#9a7432!important;filter:drop-shadow(0 1px 0 rgba(255,236,190,.35))}
.ch-k b,.mom-n b,.songs .n,.price b{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#8c6a2c}
.ch-k::after,.v6-hd .ch-k::before,.hero .llo::before{background:#9a7432!important;opacity:.8}
.hero .llo{color:#5e4519!important}
.mom-bar i{background:#a9813f}
/* gold buttons */
.pill,.btn,.btn.gold,.nav .cta,.nav.sc .cta,.nav:not(.sc) .cta,.hero .btn.q{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important;box-shadow:0 10px 24px -14px rgba(90,64,20,.8),inset 0 1px 0 rgba(255,245,215,.55)}
.pill.o{background:transparent!important;color:#fff!important;border:1px solid rgba(226,196,135,.85)!important;box-shadow:none}
.lrow i,.songs .pl,.mom-b,.fb.top,#ftop{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important}
.lrow{background:rgba(255,255,255,.14);border-color:rgba(154,116,50,.35)}

/* principles (main page): black + gold over the photo */
#principles{background:#8e8f8d!important}
#principles .sc-bg::after{background:linear-gradient(180deg,rgba(142,143,141,.25) 0%,rgba(142,143,141,0) 22%,rgba(142,143,141,0) 42%,rgba(142,143,141,.82) 76%,#8e8f8d 100%)!important}
#principles .sc-cover .ch-h h2{color:#0b0e11!important;text-shadow:0 1px 18px rgba(200,201,199,.55)}
#principles .sc-cover .ch-k{color:#0b0e11!important}
#principles .sc-cover .ch-s{color:#1d2227!important}
#principles .osig .sig{color:#9a7432!important;filter:drop-shadow(0 1px 0 rgba(255,236,190,.35))}
#principles .ch-k b{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#principles .ch-k::after{background:#9a7432!important;opacity:.85}
#principles .prs-intro{background:rgba(158,159,157,.72)!important;box-shadow:0 0 40px 26px rgba(158,159,157,.72)!important;text-shadow:none!important}
#principles .prs-intro h3{color:#0b0e11!important}
#principles .prs-intro p{color:#1d2227!important}

#principles .sc-cover .ch-h{position:relative;isolation:isolate}
#principles{overflow-x:clip}
#principles .sc-cover .ch-h::before{content:"";position:absolute;inset:-.6rem -.8rem;z-index:-1;border-radius:2.5rem;background:rgba(150,151,149,.5);box-shadow:0 0 34px 20px rgba(150,151,149,.5)}
#principles .sc-cover .ch-h h2{text-shadow:none}

/* closing: no buttons, larger text */
#closing{min-height:80svh;display:grid;align-items:center}
.close6 .cl{gap:1.6rem}
.close6 h2{font-size:clamp(2.7rem,6.2vw,5.2rem)!important;line-height:1.12;color:#0b0e11!important}
.close6 .en{font-size:clamp(1.9rem,3.4vw,2.7rem)!important}
.close6 .close-p,.chp.close6 .close-p{font-size:clamp(1.3rem,2.4vw,1.75rem)!important;line-height:1.7;color:#1d2227!important;max-width:38rem;text-wrap:balance}
@media(max-width:600px){.close6 h2{font-size:2.6rem!important}.close6 .close-p,.chp.close6 .close-p{font-size:1.3rem!important}}

/* word-by-word reveal on every page */
.wx{opacity:.2;transition:opacity .35s ease}
.wx.on{opacity:1}
html.nm .wx,.hc .wx{opacity:1}

.fill .w,.fill .w.on,.dk6 .fill .w,.dk6 .fill .w.on{color:inherit!important}
.fill{color:#0b0e11}
.wx{opacity:.18;transition:opacity .25s ease}

.wxp.rv,.wxp .rv,.rv .wxp{opacity:1!important;transform:none!important}
.wx{opacity:.15;transition:opacity .5s ease}
.wx.on{opacity:1}

/* ===== inner pages = same studio grey as the main page ===== */
.pnl:not(.pr-p),.pnl.dk:not(.pr-p),.pnl.dk.surf-p{background:radial-gradient(75% 55% at 55% 30%,#9a9b99 0%,#8e8f8d 55%,#7c7d7b 100%) fixed!important;color:#0b0e11}
.pnl .pnl-hd,.pnl.dk .pnl-hd,.pnl.dk.surf-p .pnl-hd{background:rgba(142,143,141,.86)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(11,14,17,.14)!important}
.pnl .pnl-hd p,.pnl.dk .pnl-hd p{color:#0b0e11!important}
.pnl .pnl-hd p b{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pnl .pnl-x,.pnl.dk .pnl-x,.pnl.dk.surf-p .pnl-x{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important;box-shadow:0 8px 20px -12px rgba(90,64,20,.8),inset 0 1px 0 rgba(255,245,215,.55)}
.pnl:not(.pr-p) h2,.pnl:not(.pr-p) h3,.pnl:not(.pr-p) b,.pnl:not(.pr-p) strong,.pnl:not(.pr-p) .qt{color:#0b0e11!important}
.pnl:not(.pr-p) p,.pnl:not(.pr-p) li,.pnl:not(.pr-p) .lead,.pnl:not(.pr-p) dd,.pnl:not(.pr-p) .k span{color:#1d2227!important}
.pnl:not(.pr-p) .ch-k,.pnl:not(.pr-p) dt,.pnl:not(.pr-p) small{color:#3a3126!important}
.pnl .osig .sig,.pnl.dk .osig .sig{color:#9a7432!important}
.pnl .facts span,.pnl.dk .facts span{background:rgba(255,255,255,.16)!important;border-color:rgba(11,14,17,.16)!important;color:#1d2227!important}
.pnl .specs>div,.pnl.dk .specs>div,.pnl .steps li{background:rgba(255,255,255,.14)!important;border-color:rgba(11,14,17,.14)!important}
.pnl .how li::before{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pnl .donate{border-bottom-color:rgba(11,14,17,.16)!important}
.pnl .donate .dn-p{color:#0b0e11!important}
.pnl .donate .dn-p b{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#8c6a2c!important}
.donate .dn-h{margin:0;font-weight:500;color:#0b0e11!important;font-size:1.02rem;line-height:1.6}
.hood-n{margin:-.6rem 0 0;font-size:1.05rem;font-weight:500;color:#0b0e11;text-align:center}
.pnl .tabs,.pnl.dk .tabs{background:rgba(255,255,255,.16)!important}
.pnl .tab,.pnl.dk .tab{color:#0b0e11!important}
.pnl .tab[aria-pressed="true"],.pnl.dk .tab[aria-pressed="true"]{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important}
.pnl .pi h3,.pnl .pi-p{color:#0b0e11!important}
.pnl .pi-m{color:#1d2227!important}
.pnl .pi-o,.pnl.dk .pi-o{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;border-color:transparent!important;color:#0b0e11!important}
.pnl .side button,.pnl.dk .side button{border-color:rgba(11,14,17,.25)!important;color:#1d2227!important}
.pnl .side button[aria-pressed="true"],.pnl.dk .side button[aria-pressed="true"]{border-color:#9a7432!important;color:#0b0e11!important;background:rgba(226,196,135,.35)!important}
.pnl .tl,.pnl.dk .tl{color:#0b0e11!important;text-decoration-color:#9a7432}
.pnl .next,.pnl.dk.surf-p .next{border-top-color:rgba(11,14,17,.16)!important}
.pnl .yr,.pnl.dk.surf-p .yr{background:rgba(142,143,141,.85)!important;color:#0b0e11!important}
.pnl .lec-p .sep{background:#9a7432}
.pnl .phx-p{opacity:.35!important}
.pnl input,.pnl select,.pnl textarea{background:rgba(255,255,255,.2)!important;color:#0b0e11!important;border-color:rgba(11,14,17,.2)!important}
.pnl label,.pnl legend{color:#0b0e11!important}
/* principles page: photo stays, cards in grey + black + gold */
.pr-p .pnl-x{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important}
.pr-p .pr-bg::after{background:linear-gradient(180deg,rgba(142,143,141,.15),rgba(142,143,141,.35) 45%,rgba(142,143,141,.55))!important}
.pr-p .ch-h h2,.pr-p .ch-s{color:#0b0e11!important;text-shadow:0 1px 16px rgba(200,201,199,.7)!important}
.pr-p .ch-k{color:#0b0e11!important}
.pr-p .osig .sig{color:#9a7432!important}
.pr-p .pr-card{background:rgba(158,159,157,.82)!important;border-color:rgba(11,14,17,.12)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.pr-p .pr-card h3{color:#0b0e11!important}
.pr-p .pr-card p{color:#1d2227!important}
.pr-p .pr-card .n{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pr-p .pnl-hd p{color:#0b0e11!important}

/* ===== product sheet = same studio grey ===== */
.ov{background:rgba(60,61,60,.55)!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sheet{background:radial-gradient(80% 50% at 50% 25%,#9a9b99 0%,#8e8f8d 60%,#82837f 100%)!important;color:#0b0e11;box-shadow:0 -10px 40px -10px rgba(0,0,0,.35)}
.sv{background:transparent!important}
.sv-im{box-shadow:0 24px 50px -28px rgba(0,0,0,.5)}
.sv .note,.sf .meta,.note2,.alt2{color:#1d2227!important}
.sf h2,.sf legend,.sf label,.fld label,.total,.qty output,.qrow{color:#0b0e11!important}
.sf .meta b,.total{background:linear-gradient(180deg,#b88c40,#7e5d22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sf .closedmsg{background:rgba(255,255,255,.16)!important;border:1px solid rgba(11,14,17,.12);color:#0b0e11}
.sf .x{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important;box-shadow:0 8px 20px -12px rgba(90,64,20,.8),inset 0 1px 0 rgba(255,245,215,.55)}
.sheet .side button{border-color:rgba(11,14,17,.25)!important;color:#1d2227!important;background:transparent}
.sheet .side button[aria-pressed="true"]{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;border-color:transparent!important;color:#0b0e11!important}
.chs span{background:rgba(255,255,255,.16)!important;border-color:rgba(11,14,17,.18)!important;color:#0b0e11!important}
.chs label:hover span{border-color:#9a7432!important}
.chs input:checked+span{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important;box-shadow:inset 0 1px 0 rgba(255,245,215,.55)}
.qty button{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;border-color:transparent!important;color:#0b0e11!important}
.fld input{background:rgba(255,255,255,.22)!important;border-color:rgba(11,14,17,.2)!important;color:#0b0e11!important}
.fld input::placeholder{color:#3a3f44}
.fld input:focus{outline-color:#9a7432!important}
.acts .btn,.acts .btn.wa{background:linear-gradient(135deg,#e2c487 0%,#c9a25e 35%,#a9813f 70%,#d4b273 100%)!important;color:#0b0e11!important;border-color:transparent!important}
.alt2 a,.alt2 button{color:#0b0e11!important;text-decoration-color:#9a7432!important}
.err{color:#7a1410!important}


.rv:has(.wxp),.rvi:has(.wxp){opacity:1!important;transform:none!important;filter:none!important}

/* gradient text: paint the gold on each word so words can light up one by one */
.big.wxp{background:none!important;-webkit-text-fill-color:initial;color:transparent}
.big.wxp .wx{background:linear-gradient(135deg,#e0c58f,#b8955a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d3b47a}

/* ===== top of home: menu, logo, photo fade ===== */
#menuBtn,.nav #menuBtn,.nav.sc #menuBtn{width:3rem;height:3rem;min-height:3rem;padding:0;justify-content:center;border-radius:50%;background:#e6e6e3!important;border:0!important;color:#0b0e11!important;box-shadow:0 4px 14px -6px rgba(0,0,0,.45)}
#menuBtn .t{display:none}
#menuBtn svg{width:1.3rem;height:1.3rem;stroke:#0b0e11;stroke-width:2.2}
.nav .brand{position:relative;isolation:isolate}

.brand{font-size:1.25rem!important}
.brand .sig{height:1.2em!important}
@media(max-width:860px){
 .hero .hero-p::after{background:none!important}
 .hero .hero-p{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 80%,rgba(0,0,0,.45) 92%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 80%,rgba(0,0,0,.45) 92%,transparent 100%)}
}
@media(min-width:861px){
 .hero .hero-p::after{background:none!important}
 .hero .hero-p{-webkit-mask-image:linear-gradient(to left,#000 0%,#000 76%,rgba(0,0,0,.45) 90%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,#000 76%,rgba(0,0,0,.45) 90%,transparent 100%)}
}

/* ===================== HERO 2026 ===================== */
:root{--wg:#918c85;--wg-hi:#9d9891;--wg-lo:#837e77;--ink2:#1c1b19;--cream:#f4efe7;--smoke:#6f5a35}
html,body{background:var(--wg)!important}
.studio,.chp.dk6,.chp.lt2,.hero{background:radial-gradient(75% 55% at 55% 38%,var(--wg-hi) 0%,var(--wg) 55%,var(--wg-lo) 100%)!important}
.pnl:not(.pr-p),.pnl.dk:not(.pr-p),.pnl.dk.surf-p,.sheet{background:radial-gradient(75% 55% at 55% 30%,var(--wg-hi) 0%,var(--wg) 55%,var(--wg-lo) 100%) fixed!important}
.nav.sc,.nav.dk,.pnl .pnl-hd,.pnl.dk .pnl-hd{background:rgba(145,140,133,.86)!important}
#principles{background:var(--wg)!important}

/* logo: signature + hairline + wordmark, cream on photo */
.nav .brand{gap:.7rem!important;font:300 .95rem/1 'Heebo',system-ui,sans-serif!important;letter-spacing:.14em;align-items:center}
.nav .brand .sig{height:1.35em!important;width:auto!important;color:var(--cream)!important;stroke-width:34!important;filter:drop-shadow(0 1px 6px rgba(0,0,0,.35))!important;transform:none}
.nav .brand span{display:flex;align-items:center;gap:.7rem}
.nav .brand span::before{content:"";width:1px;height:1.1em;background:currentColor;opacity:.55}
.nav .brand b{font-weight:300!important;color:var(--cream)!important;-webkit-text-fill-color:var(--cream)!important;background:none!important;text-shadow:0 1px 8px rgba(0,0,0,.4);filter:none!important}
.nav .brand{color:var(--cream)}
.nav.sc .brand,.nav.sc .brand b{color:var(--ink2)!important;-webkit-text-fill-color:var(--ink2)!important;text-shadow:none}
.nav.sc .brand .sig{color:var(--ink2)!important;filter:none!important}

/* menu: small, quiet */
#menuBtn,.nav #menuBtn,.nav.sc #menuBtn{width:2.3rem!important;height:2.3rem!important;min-height:2.3rem!important;background:rgba(244,239,231,.82)!important;box-shadow:0 2px 10px -4px rgba(0,0,0,.35)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#menuBtn svg{width:.95rem!important;height:.95rem!important;stroke:var(--ink2)!important;stroke-width:2!important}

/* photo: no grey veil, very soft short fade */
.hero .hero-p::after{background:none!important}
@media(max-width:860px){
 .hero .hero-p{height:min(68svh,48rem)!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0%,#000 88%,transparent 100%)!important}
 .hero .hs img,.hero .hs img.on{object-position:50% 8%!important}
}
@media(min-width:861px){
 .hero .hero-p{-webkit-mask-image:linear-gradient(to left,#000 0%,#000 88%,transparent 100%)!important;mask-image:linear-gradient(to left,#000 0%,#000 88%,transparent 100%)!important}
}

/* headline: modern, light, smaller */
.hero h1 .h1sig,.hero .sigline{display:none!important}
.hero h1{margin:0!important;line-height:1!important;display:block!important}
.hero h1 .z2{display:block;font:200 clamp(2.3rem,9.5vw,3rem)/1.1 'Heebo',system-ui,sans-serif!important;letter-spacing:.01em;color:var(--ink2)!important;-webkit-text-fill-color:var(--ink2)!important;background:none!important}
@media(min-width:861px){.hero h1 .z2{font-size:clamp(3.2rem,5vw,4.6rem)!important}}
.hero .eyebrow{font:400 .78rem/1 'Heebo',system-ui,sans-serif!important;letter-spacing:.22em;color:#3d3a35!important}
.hero .eyebrow::before{background:var(--smoke)!important;opacity:.7}
.hero .lead{font:300 1.05rem/1.7 'Heebo',system-ui,sans-serif!important;color:#2e2c29!important;margin-top:1.1rem!important}
.hero .llo{font-size:1.25rem!important;color:var(--smoke)!important;opacity:1!important;margin-top:1.3rem!important}
.hero .llo::before{background:var(--smoke)!important;opacity:.6!important;width:1.4rem!important}
@media(max-width:860px){.hero .hero-t{padding-top:2.2rem!important;padding-bottom:3.4rem!important}}
.scue i{background:linear-gradient(var(--smoke),transparent)!important}

/* ===================== COLLECTION 2026 (shop page + product sheet) ===================== */
#p-shop.pnl{background:#F5F5F5!important;color:#1c1b19}
#p-shop .pnl-hd{background:rgba(245,245,245,.97)!important;border-color:rgba(0,0,0,.06)!important}
#p-shop .pnl-hd p{color:#1c1b19!important}
#p-shop .pnl-hd p b{color:#8a8580!important;-webkit-text-fill-color:#8a8580!important;background:none!important}
#p-shop .pnl-x{background:#fff!important;color:#1c1b19!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important}
#p-shop .pnl-in{max-width:76rem}
#p-shop .wx{opacity:1!important}
/* intro block: quiet */
#p-shop .donate{border:0!important;padding:0!important;margin:0 0 1.8rem!important;max-width:36rem}
#p-shop .donate .dn-p{font:300 1.35rem/1.3 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important}
#p-shop .donate .dn-p b{color:#1c1b19!important;-webkit-text-fill-color:#1c1b19!important;background:none!important;font-weight:500}
#p-shop .donate .dn-h{font-weight:400!important;font-size:.92rem!important;color:#3a3936!important}
#p-shop .donate .dn-n{font-size:.85rem!important;line-height:1.65!important;color:#77736d!important}
#p-shop .specs{gap:.6rem;margin-bottom:2rem}
#p-shop .specs>div{background:#fff!important;border:0!important;border-radius:.6rem}
#p-shop .specs dt{color:#8a8580!important;font-size:.78rem;letter-spacing:.06em}
#p-shop .specs dd{color:#1c1b19!important;font-weight:400;font-size:.92rem}
#p-shop .how li{color:#55524d!important;font-size:.9rem}
#p-shop .how b{color:#1c1b19!important}
#p-shop .how li::before{color:#a8a39c!important;-webkit-text-fill-color:#a8a39c!important;background:none!important;font-size:1.4rem}
#p-shop .tabs{background:transparent!important;padding:0;gap:.4rem;margin-bottom:1.4rem}
#p-shop .tab{background:#fff!important;color:#1c1b19!important;min-height:2.4rem;padding:.35rem 1rem;font-weight:400;font-size:.9rem;box-shadow:none!important}
#p-shop .tab span{color:#8a8580!important}
#p-shop .tab[aria-pressed="true"]{background:#1c1b19!important;color:#fff!important}
#p-shop .tab[aria-pressed="true"] span{color:#bdb8b0!important}
/* product grid */
#p-shop .items{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem 1rem}
@media(max-width:1000px){#p-shop .items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#p-shop .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem .55rem}}
#p-shop .pi{background:#fff;border-radius:.35rem;padding:.55rem .55rem .9rem;position:relative}
#p-shop .pi-im{aspect-ratio:2/3!important;border-radius:.2rem!important;background:var(--bg,#f3f3f3)!important;box-shadow:none!important;transform:none!important;touch-action:pan-y}
#p-shop .pi-im img{object-fit:cover;transition:object-position .45s cubic-bezier(.2,.7,.2,1)}
#p-shop .pi .also{background:rgba(255,255,255,.92)!important;color:#1c1b19!important;font-weight:400;font-size:.72rem;bottom:.5rem;right:.5rem;border:0}
#p-shop .side{position:absolute;top:calc(.55rem + .5rem);left:calc(.55rem + .5rem);margin:0;gap:.3rem;z-index:2}
#p-shop .side button{width:.42rem;height:.42rem;min-height:0;padding:0;border-radius:50%;font-size:0;border:0!important;background:rgba(28,27,25,.22)!important}
#p-shop .side button[aria-pressed="true"]{background:#1c1b19!important}
#p-shop .side button::after{content:"";position:absolute;inset:-.6rem}
#p-shop .side button{position:relative}
#p-shop .pi-b{padding:.75rem .25rem 0;gap:.2rem}
#p-shop .pi-t{display:contents}
#p-shop .pi h3{order:1;font:500 .95rem/1.35 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important}
#p-shop .pi-m{order:2;margin:0!important;font-size:.82rem!important;color:#77736d!important;gap:.3rem}
#p-shop .pi-m .sw{width:.6rem;height:.6rem;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
#p-shop .pi-p{order:3;font:500 .95rem/1.4 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important;margin-top:.15rem}
#p-shop .pi-o{order:4;margin-top:.7rem!important;min-height:2.4rem!important;background:transparent!important;border:1px solid rgba(28,27,25,.18)!important;color:#1c1b19!important;font-weight:400;font-size:.88rem;border-radius:999px;box-shadow:none!important}
#p-shop .pi-o:hover{background:#1c1b19!important;color:#fff!important}
/* product sheet */
.ov{background:rgba(20,20,20,.45)!important}
.sheet{background:#F5F5F5!important;color:#1c1b19;box-shadow:0 -10px 40px -10px rgba(0,0,0,.25)!important}
.sv{background:#F5F5F5!important}
.sv-im{background:#fff!important;box-shadow:none!important;border-radius:.4rem!important;aspect-ratio:2/3!important;width:min(100%,52dvh)!important;touch-action:pan-y}
.sv-im img{transition:object-position .45s cubic-bezier(.2,.7,.2,1)!important}
.sheet .side button{background:#fff!important;border:0!important;color:#55524d!important;min-height:2.2rem}
.sheet .side button[aria-pressed="true"]{background:#1c1b19!important;color:#fff!important}
.sf .x{background:#fff!important;color:#1c1b19!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important}
.sf h2{font:400 1.5rem/1.2 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important}
.sf .meta,.note2,.alt2,.sv .note{color:#77736d!important}
.sf .meta b,.total{color:#1c1b19!important;-webkit-text-fill-color:#1c1b19!important;background:none!important}
.sf .closedmsg{background:#fff!important;border:0!important;color:#3a3936!important}
.sf legend,.sf label,.fld label,.qty output{color:#1c1b19!important}
.chs span{background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;color:#1c1b19!important;box-shadow:none!important}
.chs input:checked+span{background:#1c1b19!important;color:#fff!important;border-color:#1c1b19!important}
.qty button{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;color:#1c1b19!important}
.fld input{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;color:#1c1b19!important}
.acts .btn,.acts .btn.wa{background:#1c1b19!important;color:#fff!important;border-color:#1c1b19!important;box-shadow:none!important}
.alt2 a,.alt2 button{color:#1c1b19!important;text-decoration-color:rgba(28,27,25,.35)!important}

#p-shop .pnl-x:focus,#p-shop .pnl-x:focus-visible,.sf .x:focus,.sf .x:focus-visible{outline:2px solid #1c1b19!important;outline-offset:2px}
#p-shop .pnl-x:focus:not(:focus-visible),.sf .x:focus:not(:focus-visible){outline:none!important}

#p-shop .pi-im,.sv-im{background:#ececec!important}

.phx-h{font:300 clamp(1.7rem,4vw,2.4rem)/1.2 'Heebo',system-ui,sans-serif;letter-spacing:-.01em;margin:0 0 1.2rem}

.surf-p .sf-sub2{font:300 clamp(1.2rem,2.6vw,1.5rem)/1.5 'Heebo',system-ui,sans-serif;margin:0 0 1.4rem;text-wrap:balance}
.surf-p .sf-lead+.sf-lead{margin-top:-1.2rem}
.surf-p p.sf-lead:not(:last-of-type){margin-bottom:1.6rem}

/* lecture cards: room for the longer text under the photo subject */
@media(max-width:860px){#lecture .duo6 .pc{aspect-ratio:4/6.6!important}#lecture .duo6 .pc>img{object-position:50% 12%!important}}
#lecture .duo6 .pc::after{background:linear-gradient(180deg,rgba(8,14,20,0) 34%,rgba(8,14,20,.6) 56%,rgba(8,14,20,.9) 76%,rgba(8,14,20,.94) 100%)!important}
#lecture .duo6 .pc-t p{font-size:.95rem;line-height:1.6}

#lecture .pc.assoc-c::after{background:linear-gradient(180deg,rgba(8,14,20,0) 46%,rgba(8,14,20,.55) 62%,rgba(8,14,20,.88) 80%,rgba(8,14,20,.94) 100%)!important}

/* lecture & association: titles on one line, aligned */
#lecture .duo6 .pc-t h3{font-size:clamp(1.3rem,2.3vw,1.9rem)!important;max-width:none!important;white-space:nowrap}
@media(max-width:400px){#lecture .duo6 .pc-t h3{font-size:1.22rem!important}}
@media(min-width:861px){
 #lecture .duo6 .pc-t{height:19.5rem;grid-template-rows:auto auto 1fr auto;align-items:start;align-content:stretch}
 #lecture .duo6 .pc-t .pill{align-self:end}
}

/* lecture/association: readable tags, cleaner light-to-dark on the logo card */
#lecture .duo6 .pc-t .tag{font:500 1rem/1 'Heebo',system-ui,sans-serif!important;letter-spacing:.22em;color:#ecd39f!important;text-shadow:0 1px 10px rgba(0,0,0,.55);padding-bottom:.15rem}
#lecture .pc.assoc-c::after{background:linear-gradient(180deg,rgba(14,16,19,0) 0%,rgba(14,16,19,0) 47%,rgba(14,16,19,.55) 55%,rgba(14,16,19,.88) 63%,rgba(14,16,19,.96) 74%,rgba(14,16,19,.97) 100%)!important}
@media(max-width:860px){#lecture .pc.assoc-c::after{background:linear-gradient(180deg,rgba(14,16,19,0) 0%,rgba(14,16,19,0) 44%,rgba(14,16,19,.6) 52%,rgba(14,16,19,.9) 59%,rgba(14,16,19,.97) 70%,rgba(14,16,19,.97) 100%)!important}}

/* association card: all cream, like the logo image */
#lecture .pc.assoc-c{background:#f3ede3!important}
#lecture .pc.assoc-c::after{background:linear-gradient(180deg,rgba(243,237,227,0) 0%,rgba(243,237,227,0) 46%,rgba(243,237,227,.55) 56%,rgba(243,237,227,.85) 66%,rgba(243,237,227,.92) 100%)!important}
#lecture .pc.assoc-c .pc-t .tag{color:#a07a3c!important;text-shadow:none!important}
#lecture .pc.assoc-c .pc-t h3{color:#3c4650!important;text-shadow:none!important}
#lecture .pc.assoc-c .pc-t p,#lecture .pc.assoc-c .pc-t p .wx{color:#4f5860!important;text-shadow:none!important}

/* ===== collection lookbook ===== */
#shop{padding-bottom:var(--sec)}
#shop .lkb-hd{display:grid;justify-items:center;text-align:center;gap:.8rem;padding-top:var(--sec);margin-bottom:clamp(1.6rem,3.5vw,2.6rem)}
#shop .lkb-hd h2{font-size:clamp(2.3rem,5vw,4rem);font-weight:300;margin:0}
#shop .lkb-sub{margin:0;max-width:30rem;font:300 clamp(1rem,1.6vw,1.15rem)/1.7 'Heebo',system-ui,sans-serif;color:#2e2c29;text-wrap:balance}
#shop .lkb{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:clamp(.7rem,1.4vw,1.1rem) clamp(.7rem,1.4vw,1.1rem);max-width:74rem}
#shop .lkb-a{grid-row:1/3}
#shop .lkb-f{margin:0;display:grid;gap:.55rem;align-content:start}
#shop .lkb-im{display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;border-radius:0;background:#a39d95;overflow:hidden;cursor:pointer}
#shop .lkb-a .lkb-im{aspect-ratio:auto;height:calc(100% - 1.9rem)}
#shop .lkb-im img{width:100%;height:100%;object-fit:contain;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
#shop .lkb-im:hover img{transform:scale(1.025)}
#shop figcaption{display:flex;align-items:baseline;gap:.6rem;font:300 .9rem/1.3 'Heebo',system-ui,sans-serif;color:#1c1b19;letter-spacing:.02em}
#shop .lkb-n{font:400 .95rem/1 'Instrument Serif',Georgia,serif;font-style:italic;color:#6f5a35}
#shop .lkb-s{margin-inline-start:auto;color:#55524d;font-size:.78rem;letter-spacing:.12em}
#shop .lkb-buy{display:grid;justify-items:center;text-align:center;gap:.8rem;margin-top:clamp(2rem,4vw,3rem)}
#shop .lkb-price{margin:0;display:flex;align-items:baseline;gap:.5rem;color:#1c1b19}
#shop .lkb-price b{font:200 clamp(2.4rem,5vw,3.2rem)/1 'Heebo',system-ui,sans-serif;letter-spacing:-.01em}
#shop .lkb-price span{font:300 1.05rem/1 'Heebo',system-ui,sans-serif;color:#3d3a35}
#shop .lkb-note{margin:0 0 .6rem;max-width:30rem;font:300 .92rem/1.7 'Heebo',system-ui,sans-serif;color:#3d3a35;text-wrap:balance}
@media(max-width:760px){
 #shop .lkb{grid-template-columns:1fr;grid-template-rows:none;gap:1.4rem}
 #shop .lkb-a{grid-row:auto}
 #shop .lkb-a .lkb-im{aspect-ratio:4/3;height:auto}
 #shop .wrap.lkb{padding-inline:0}
 #shop figcaption{padding-inline:var(--gut,1rem)}
}

#shop .lkb-im{border-radius:0!important;box-shadow:none!important}
#shop .lkb-a .lkb-im img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
#shop .lkb-price b,#shop .lkb-price b .wx{font:200 clamp(2.6rem,5vw,3.4rem)/1 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important}
#shop .lkb-price span,#shop .lkb-price span .wx{font:300 1.1rem/1 'Heebo',system-ui,sans-serif!important;color:#2e2c29!important}
#shop .lkb-s{color:#3d3a35!important}
#shop .lkb-note{color:#2e2c29!important}

#shop .lkb-f{--r:0px;border-radius:0!important}
#shop .lkb-im img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}

/* lookbook refinement: brown leads, balanced sizes, no captions */
@media(min-width:761px){#shop .lkb{grid-template-columns:1.35fr 1fr}}
#shop .lkb-f{gap:0}
#shop .lkb-a .lkb-im{height:100%}
@media(max-width:760px){#shop .lkb-a .lkb-im{aspect-ratio:4/3.15;height:auto}#shop .lkb-b .lkb-im,#shop .lkb-c .lkb-im{width:90%;margin-inline:auto}}

/* ===== collection campaign ===== */
#shop .cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,.8vw,.6rem);max-width:78rem}
#shop .cmp-f{margin:0;--r:0px;border-radius:0!important}
#shop .cmp-im{display:block;width:100%;aspect-ratio:510/503;padding:0;border:0;background:#9e9890;cursor:pointer;overflow:hidden}
#shop .cmp-im img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
#shop .cmp-im:hover img{transform:scale(1.02)}
@media(max-width:760px){
 #shop .wrap.cmp{padding-inline:0}
 #shop .cmp{grid-template-columns:1fr 1fr;gap:.3rem;grid-template-areas:"bf bb" "pf pb" "nf nb"}
 #shop .g-brownf{grid-area:bf}#shop .g-brownb{grid-area:bb}#shop .g-pinkf{grid-area:pf}#shop .g-pinkb{grid-area:pb}#shop .g-navyf{grid-area:nf}#shop .g-navyb{grid-area:nb}
 #shop .cmp-im{aspect-ratio:3/4}
}

/* ===================== COLLECTION PAGE v2 — grey on grey ===================== */
#p-shop.pnl{background:#E3DFD9!important}
#p-shop .pnl-hd{background:rgba(227,223,217,.96)!important;border-color:rgba(28,27,25,.06)!important}
#p-shop .pnl-x{background:#D6D2CC!important;border:0!important}
#p-shop .pnl-in{max-width:72rem}
#p-shop .sh-hd{text-align:center;max-width:38rem;margin:clamp(1.6rem,5vw,3.4rem) auto 0}
#p-shop .sh-hd h2{font:300 clamp(2rem,4.6vw,3rem)/1.15 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important;-webkit-text-fill-color:#1c1b19!important;background:none!important;margin:0 0 .8rem;letter-spacing:-.01em}
#p-shop .sh-sub{font-size:1.02rem;color:#4a4742!important;margin:0 0 .5rem}
#p-shop .sh-as{font-size:.86rem;line-height:1.7;color:#7a756e!important;margin:0}
#p-shop .sh-st{list-style:none;padding:0;margin:1.6rem auto clamp(2rem,5vw,3.2rem);display:flex;justify-content:center;align-items:center;gap:.9rem;font-size:.86rem;letter-spacing:.04em;color:#4a4742}
#p-shop .sh-st li{margin:0;padding:0}
#p-shop .sh-st li::before{content:none!important}
#p-shop .sh-st li+li::before{content:"←"!important;display:inline-block;margin-left:.9rem;color:#a39e96}
#p-shop .items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(1rem,2vw,1.6rem)!important;padding:0;margin:0}
@media(max-width:900px){#p-shop .items{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#p-shop .items{grid-template-columns:1fr!important;gap:1rem!important}}
#p-shop .pi{background:#D6D2CC!important;border:0!important;border-radius:.25rem!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;overflow:hidden}
#p-shop .pi[hidden]{display:none}
#p-shop .pi-im{aspect-ratio:4/3!important;background:#D6D2CC!important;border-radius:0!important;padding:0!important;display:block;width:100%}
#p-shop .pi-im img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 50%!important;transform:none!important}
#p-shop .pi-im:hover img{transform:none!important}
#p-shop .pi-b{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center;padding:.2rem 1rem 1rem!important;gap:.6rem;margin:0}
#p-shop .pi-p{order:0!important;margin:0!important;font:400 1rem/1 'Heebo',system-ui,sans-serif!important;color:#1c1b19!important}
#p-shop .pi-o{order:0!important;margin:0!important;min-height:2.3rem!important;padding:.3rem 1.1rem!important;background:transparent!important;border:1px solid rgba(28,27,25,.28)!important;color:#1c1b19!important;border-radius:999px!important;font-size:.86rem!important;font-weight:400!important;width:auto!important}
#p-shop .pi-o:hover,#p-shop .pi-o:focus-visible{background:#1c1b19!important;color:#f1eee9!important;border-color:#1c1b19!important}
/* product window */
.sheet,.sv{background:#E3DFD9!important}
.sv-im{background:#D6D2CC!important;border-radius:.25rem!important}
.sv-im.full{aspect-ratio:4/3!important;width:100%!important}
.sheet .side button{background:#D6D2CC!important}
.sheet .side button[aria-pressed="true"]{background:#1c1b19!important;color:#f1eee9!important}
.sf .x{background:#D6D2CC!important;border:0!important}
.sf .sh-pr{font-size:1.1rem!important;color:#1c1b19!important;margin-top:.2rem}
.chs span,.qty button,.fld input{background:#ECE9E4!important;border:1px solid rgba(28,27,25,.08)!important}
.chs input:checked+span{background:#1c1b19!important;color:#f1eee9!important;border-color:#1c1b19!important}
.szw{display:grid;gap:.55rem}
.szr{display:grid;grid-template-columns:3.6rem minmax(0,1fr);align-items:center;gap:.4rem}
.szl{font-size:.8rem;color:#7a756e;min-width:3.6rem}
.szr .chs{flex:1}
.szr .chs{gap:.35rem!important}.szr .chs span{min-width:2.5rem!important;min-height:2.4rem!important;padding:.25rem .5rem!important;justify-content:center}.szl{min-width:0}
.sv .note{text-align:center;font-size:.9rem!important;color:#4a4742!important;margin:0}
#p-shop .sh-st li{color:#4a4742!important;-webkit-text-fill-color:#4a4742!important;background:none!important;opacity:1!important}
#p-shop .pnl-hd p{color:#1c1b19!important;-webkit-text-fill-color:#1c1b19!important}
#p-shop .pnl-hd p b{color:#8a8580!important;-webkit-text-fill-color:#8a8580!important;background:none!important}
#p-shop .pnl-x{color:#1c1b19!important;box-shadow:none!important}
#p-shop .pnl-x *{color:#1c1b19!important}
#p-shop.pnl{background:radial-gradient(75% 55% at 55% 38%,rgb(157,152,145) 0%,rgb(145,140,133) 55%,rgb(131,126,119) 100%) fixed,rgb(145,140,133)!important}#p-shop .pnl-hd{background:rgba(145,140,133,.95)!important;border-color:rgba(28,27,25,.1)!important}#p-shop .pnl-x{background:rgba(255,255,255,.22)!important}#p-shop .sh-sub{color:#2f2d2a!important}#p-shop .sh-as{color:#3f3c38!important}#p-shop .sh-st li{color:#2f2d2a!important;-webkit-text-fill-color:#2f2d2a!important}#p-shop .pnl-hd p b{color:#4a4742!important;-webkit-text-fill-color:#4a4742!important}#p-shop .pi-o{border-color:rgba(28,27,25,.35)!important}

/* ===================== GREY DEPTH — background tones only ===================== */
#story.chp{background:linear-gradient(180deg,#837e77 0,#837e7700 6rem),radial-gradient(75% 55% at 55% 38%,#bcb7b0 0%,#b0aba4 55%,#a39e97 100%)!important}
#moments.chp{background:linear-gradient(180deg,#8e8f8d 0,#8e8f8d00 6rem),radial-gradient(75% 55% at 55% 38%,#a7a29b 0%,#9c9790 55%,#8f8a83 100%)!important}
#music.chp{background:linear-gradient(180deg,#908b84 0,#908b8400 6rem),radial-gradient(75% 55% at 55% 38%,#8c8780 0%,#807b74 55%,#746f68 100%)!important}
#surf.chp{background:linear-gradient(180deg,#736e67 0,#736e6700 6rem),radial-gradient(75% 55% at 55% 38%,#bbb6af 0%,#afaaa3 55%,#a29d96 100%)!important}
#lecture.chp{background:linear-gradient(180deg,#a29d96 0,#a29d9600 6rem),radial-gradient(75% 55% at 55% 38%,#a29d96 0%,#97928b 55%,#8a857e 100%)!important}
#shop.chp{background:linear-gradient(180deg,#8a857e 0,#8a857e00 6rem),radial-gradient(75% 55% at 55% 38%,#9d9891 0%,#918c85 55%,#837e77 100%)!important}
#closing.chp{background:linear-gradient(180deg,#837e77 0,#837e7700 6rem),radial-gradient(75% 55% at 55% 38%,#8c8780 0%,#827d76 55%,#76716a 100%)!important}
#closing .en{color:#5e4620!important}
#music .ch-k b,#music .songs .n,#closing .ch-k b{background:linear-gradient(180deg,#8a6526,#5e4419)!important;-webkit-background-clip:text!important;background-clip:text!important}
#principles{background:#908b84!important}
#principles .sc-bg::after{background:linear-gradient(180deg,rgba(144,139,132,.25) 0%,rgba(144,139,132,0) 22%,rgba(144,139,132,0) 42%,rgba(144,139,132,.82) 76%,#908b84 100%)!important}
#contact.ftr{background:linear-gradient(180deg,#76716a 0,#76716a00 5rem),#8a857e!important}

/* ===================== SPACING POLISH (on grey-depth version) ===================== */
:root{--sec:clamp(5rem,9vw,7.5rem)}
#phoenix .sc-body,#principles .sc-body{padding-bottom:clamp(3rem,10vh,6rem)!important}
#closing{min-height:0!important;padding-block:clamp(5.5rem,11vw,9rem)!important}
@media(max-width:700px){
 .v6-in{gap:2.2rem}
 #closing{padding-block:5rem!important}
}
#principles .prs-intro{background:rgba(158,153,146,.72)!important;box-shadow:0 0 40px 26px rgba(158,153,146,.72)!important}
#principles .sc-cover .ch-h::before{background:rgba(150,145,138,.5)!important;box-shadow:0 0 34px 20px rgba(150,145,138,.5)!important}

/* ===================== V3 POLISH (on OSZ_GREYS_V2) ===================== */
/* 1. rhythm between chapters */
:root{--sec:clamp(4.5rem,8vw,6.5rem)}
#closing{padding-block:clamp(4.5rem,9vw,7rem)!important}
.ftr{padding-block:clamp(2.8rem,5vw,4rem) calc(1.4rem + env(safe-area-inset-bottom,0px))!important}
.ftr-c{margin-top:2rem!important}
@media(max-width:700px){#phoenix .sc-cover{min-height:80svh}}
/* 3. readability: words are visible from the start and light up quickly */
.wx{opacity:.12;transition:opacity .7s ease}
.wx.on{opacity:1}
#principles .prs-intro{background:rgba(158,153,146,.84)!important;box-shadow:0 0 44px 28px rgba(158,153,146,.84)!important}
#principles .sc-cover .ch-h::before{background:rgba(150,145,138,.62)!important;box-shadow:0 0 38px 24px rgba(150,145,138,.62)!important}
#principles .sc-cover .ch-s{text-shadow:0 1px 10px rgba(200,195,188,.7)}
#surf .pc::after{background:linear-gradient(180deg,rgba(8,14,20,0) 46%,rgba(8,14,20,.34) 66%,rgba(8,14,20,.74) 100%)!important}
#surf .pc-t h3,#surf .pc-t p,#music .pc-t h3,#music .pc-t p{text-shadow:0 1px 12px rgba(0,0,0,.5)}
#lecture .duo6 .pc:not(.assoc-c) .pc-t p,#lecture .duo6 .pc:not(.assoc-c) .pc-t p .wx{color:rgba(255,255,255,.92)!important}
#shop .lkb-note,#shop .lkb-note .wx{color:#1f1d1a!important}
#music .v6-list>p,#music .v6-list>p .wx{color:#1d2227!important}
/* 4. phoenix line: lighter, quieter glass instead of a heavy dark block */
#phoenix .gc{background:rgba(44,43,40,.30)!important;border:1px solid rgba(241,237,231,.10)!important;box-shadow:none!important;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}
/* 6. calmer headings on phones */
@media(max-width:600px){
 .v6-hd h2,#shop .lkb-hd h2{font-size:2.05rem!important;line-height:1.2}
 .sc-cover .ch-h h2{font-size:2.35rem!important;line-height:1.15}
 .gc>p.big,.big{font-size:2.25rem!important}
 .close6 h2{font-size:2.3rem!important}
 .v6-hd{gap:.8rem}
}
/* 7. gold buttons: same gold, less shine, a touch lower, one size */
.pill,.btn,.btn.gold,.nav .cta,.nav.sc .cta,.nav:not(.sc) .cta,.hero .btn.q{background:linear-gradient(135deg,#d8bb83 0%,#c6a362 50%,#b28d4e 100%)!important;box-shadow:0 6px 16px -10px rgba(90,64,20,.5)!important}
.lrow i,.songs .pl,.mom-b,.fb.top,#ftop{background:linear-gradient(135deg,#d8bb83 0%,#c6a362 50%,#b28d4e 100%)!important}
main .btn,.pnl .btn:not(.acts .btn){min-height:2.95rem!important;padding:0 1.6rem!important;font-size:.95rem!important}
.btn:hover{transform:translateY(-1px)}
/* 11. accessibility tab a little smaller so it covers less text */
.ax-fab{width:2.6rem!important;height:2.9rem!important}
.ax-fab svg{width:1.35rem;height:1.35rem}
/* small fixed buttons: lighter footprint, and the page end leaves room for them */
#ftop,.fb.top{width:2.6rem!important;height:2.6rem!important;opacity:.9}
@media(max-width:700px){.ftr{padding-bottom:calc(4.6rem + env(safe-area-inset-bottom,0px))!important}}

/* headings: a slower, clearly visible rise from faint to clear */
h1 .wx,h2 .wx,.hero .wx{transition:opacity 1.1s ease}

/* logo: no separator mark between the signature and the wordmark */
.nav .brand span::before{display:none!important;content:none!important}

/* hero: "עומר של זהב" and "Live Like Omer" each stay on one line */
.hero h1 .z2,.hero .llo{white-space:nowrap!important}
.hero h1 .z2{display:block}

/* hero text: fades from faint to clear on load, layout untouched */
@keyframes oszFade{from{opacity:.08}to{opacity:1}}
html:not(.nm) .hero h1 .z2,html:not(.nm) .hero .lead,html:not(.nm) .hero .llo{animation:oszFade 1.6s ease both}
html:not(.nm) .hero h1 .z2{animation-delay:.3s}
html:not(.nm) .hero .lead{animation-delay:.9s}
html:not(.nm) .hero .llo{animation-delay:1.4s}

/* association card: text a touch darker */
#lecture .pc.assoc-c .pc-t h3,#lecture .pc.assoc-c .pc-t h3 .wx{color:#14181c!important}
#lecture .pc.assoc-c .pc-t p,#lecture .pc.assoc-c .pc-t p .wx{color:#1c2126!important;font-weight:400!important}
#shop .lkb-price{flex-wrap:wrap;justify-content:center}
#shop .lkb-dot{font-style:normal;color:#9a7432;margin-inline:.5rem;font-size:1.6rem;line-height:1}

/* contact button: label centred in both directions */
.nav .cta,.mnav .btn{align-items:center!important;justify-content:center!important;text-align:center!important;padding-inline:1.3rem!important;line-height:1!important;letter-spacing:0!important}
.mnav .btn{display:flex!important;padding-block:0!important}
/* all site text a touch darker */
.hero .lead,.hero .eyebrow,.ch-k,.ch-s,.v6-list>p,.lkb-sub,.lkb-note,.songs small,.mom-n,.ftr-h,.ftr-c,.ftr li,.ftr a,.ftr p,
#principles .prs-intro p,#principles .sc-cover .ch-s,#closing .close-p,.chp.close6 .close-p,.pnl .pnl-in p,.pnl .pnl-in li{color:#101316!important;-webkit-text-fill-color:currentColor}
.ch-k b,.mom-n b,.songs .n{-webkit-text-fill-color:transparent}
main p,main li,.fill,.close-p,.lkb-sub,.lkb-note,.v6-list>p,.ch-s,.hero .lead,.pnl .pnl-in p,.pnl .pnl-in li{font-weight:400!important}
.v6-hd h2,#shop .lkb-hd h2,.close6 h2,.sc-cover .ch-h h2,.hero h1 .z2{color:#07090b!important}

/* hero: Live Like Omer stronger */
.hero .llo{color:#4e3a17!important;-webkit-text-fill-color:#4e3a17!important;font-size:clamp(1.8rem,2.8vw,2.2rem)!important;text-shadow:none!important;-webkit-text-stroke:.3px #4e3a17}
.hero .llo::before{background:#7a5a24!important;opacity:1!important}

/* ===================== SHOP: cart ===================== */
#p-shop .pnl-cart{position:relative;margin-inline-start:auto;width:2.9rem;height:2.9rem;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:rgba(255,255,255,.22);color:#1c1b19}
#p-shop .pnl-cart svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#p-shop .pnl-cart .cb{position:absolute;top:-.2rem;left:-.2rem;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:linear-gradient(135deg,#d8bb83 0%,#c6a362 50%,#b28d4e 100%);color:#0b0e11;font:600 .72rem/1.25rem 'Heebo',system-ui,sans-serif;text-align:center}
#p-shop .pnl-cart .cb[hidden]{display:none}
#p-shop .pnl-cart.pop{animation:cartPop .5s ease}
@keyframes cartPop{40%{transform:scale(1.15)}}
#p-shop .pnl-hd .pnl-x{margin-inline-start:.6rem}
/* product window: add-to-cart instead of the send buttons */
#ord .two,#ord .acts,#ord .alt2,#ord .note2{display:none!important}
#oadd{width:100%}
/* cart sheet */
#cart .sheet{display:block!important;width:min(34rem,100%)!important;max-width:34rem;background:#E3DFD9!important}
#cart .sf{gap:1.1rem}
#cart h2{font:400 1.5rem/1.2 'Heebo',system-ui,sans-serif;margin:0;color:#101316}
.c-empty{margin:.4rem 0 1rem;color:#33302b}
.c-body{display:grid;gap:1.2rem}
.clist{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.ci{display:grid;grid-template-columns:4.6rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.6rem;border-radius:.4rem;background:#D6D2CC}
.ci img{width:4.6rem;height:4.6rem;object-fit:cover;object-position:25% 30%;border-radius:.25rem;background:#cfcac3}
.ci-t{display:grid;gap:.15rem;min-width:0}
.ci-t b{font-weight:500;color:#101316}
.ci-t small{font-size:.82rem;color:#33302b}
.ci-p{font-size:.95rem;color:#101316}
.ci-a{display:grid;justify-items:end;gap:.35rem}
.ci .qty{gap:.4rem}
.ci .qty button{width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(28,27,25,.15);background:#ECE9E4;color:#1c1b19;cursor:pointer}
.ci .qty output{min-width:1.2rem;text-align:center}
.ci-x{background:none;border:0;padding:.2rem 0;font:inherit;font-size:.8rem;color:#33302b;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.csum{margin:0;display:grid;gap:.35rem;padding-top:.6rem;border-top:1px solid rgba(28,27,25,.14)}
.csum>div{display:flex;justify-content:space-between}
.csum dt{color:#33302b}.csum dd{margin:0;color:#101316}
.csum .ct{font-size:1.2rem;padding-top:.3rem}.csum .ct dt,.csum .ct dd{color:#101316;font-weight:500}
.cform{display:grid;gap:.8rem}
.c-small{font-size:.85rem;color:#33302b;margin:.2rem 0 0}
.c-go{width:100%}
.c-go[aria-disabled="true"]{opacity:.6;cursor:default;transform:none!important;box-shadow:none!important}
.c-mode{text-align:center;margin-top:-.4rem}
.c-mode.pulse{animation:cPulse 1s ease}
@keyframes cPulse{30%{color:#7a5a24}}
.c-res{white-space:pre-wrap;font:inherit;font-size:.88rem;line-height:1.7;background:#ECE9E4;border-radius:.4rem;padding:.9rem 1rem;margin:0;color:#101316}
@media(max-width:420px){.ci{grid-template-columns:3.8rem minmax(0,1fr) auto}.ci img{width:3.8rem;height:3.8rem}}

/* headings rise from faint to clear, word by word */
html:not(.nm) main h2 .wx,html:not(.nm) .pnl h2 .wx{display:inline-block;opacity:.08;transform:translateY(.55em);filter:blur(2px);transition:opacity 1.3s ease,transform 1.3s cubic-bezier(.2,.7,.2,1),filter 1.3s ease}
html:not(.nm) main h2 .wx.on,html:not(.nm) .pnl h2 .wx.on{opacity:1;transform:none;filter:none}
@keyframes oszRise{from{opacity:.06;transform:translateY(.5em);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
html:not(.nm) .hero h1 .z2{animation:oszRise 1.6s cubic-bezier(.2,.7,.2,1) .3s both!important}

html:not(.nm) main h2.wxp .osig{display:inline-block;opacity:.08;transform:translateY(.4em);transition:opacity 1.6s ease .35s,transform 1.6s cubic-bezier(.2,.7,.2,1) .35s}
html:not(.nm) main h2.wxp:has(.wx.on) .osig{opacity:1;transform:none}

/* bit payment in the cart (4.0.0.1) */
.cbit{margin-top:1rem;display:grid;gap:1.1rem;outline:0}
.cbit .cb-id{font-size:.9rem;color:#77736d;margin:0}
.cbit .cb-sum{margin:0;font-size:1.05rem}
.cbit .cb-sum b{font-size:2rem;font-weight:600;margin-inline-start:.4rem}
.cbit .cb-step{display:grid;grid-template-columns:2rem 1fr;gap:.7rem;align-items:start}
.cbit .cb-n{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-weight:600;border:1px solid currentColor;opacity:.7}
.cbit .btn{width:100%;justify-content:center}
.cbit .c-small{margin:.45rem 0 0}
.cbit .c-small a{color:inherit;text-decoration:underline;text-underline-offset:.25em}
.cbit .cb-qr{display:none;margin:.8rem 0 0;text-align:center}
.cbit .cb-qr img{width:160px;height:160px;image-rendering:pixelated;background:#fff;padding:6px;border-radius:10px}
.cbit .cb-qr figcaption{font-size:.85rem;color:#77736d;margin-top:.3rem}
@media (hover:hover) and (pointer:fine){.cbit .cb-qr{display:block}}
.cbit .cb-qr[hidden]{display:none!important}

/* text that only Google and screen readers read (4.0.0.8) */
.oz-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* WhatsApp-only order (4.0.0.10): one step, no number */
.cbit.cb-one .cb-step{grid-template-columns:1fr}
.cbit.cb-one .cb-n{display:none}