/* glitterbombqueen.com, the Glitter Bomb Queens home page (15 Oct 2026).
   Built on the locked brand kit: the newest Glitter Bomb Books homepage (V13) for the menu, hero and footer, the JHM /
   funnel-system tokens, Spicy Margarita for display. Flat kit colours only, light only.
   The rooms keep the GBQ Vision arch doors Jess liked. Content is visible without JS: motion only adds. */

@font-face{font-family:'SpicyMargarita';src:url('/SpicyMargarita-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}

:root{
  --gold:#f7e08a;--gold-lt:#fbe9a6;
  --white:#ffffff;--cream:#fef9f5;--wine:#2e0a16;--orange:#fa4d24;--pink:#ec3f8f;--pink-l:#f790ad;
  --lilac:#ead8f5;--zest:#e9f29b;--sky:#d1eaf0;--brass:#2e0a16;
  --sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'SpicyMargarita',Georgia,serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --gut:clamp(18px,4.6vw,32px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--wine);font:400 18px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
h1,h2,h3,p,figure,ol,ul{margin:0}
ol,ul{padding:0;list-style:none}
a{color:var(--pink);text-decoration:none}
@media (hover:hover) and (pointer:fine){a:hover{color:var(--orange)}}
a{transition:color .2s cubic-bezier(.2,.8,.2,1)}
:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.disp{font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;text-wrap:balance}
.cond{font-family:var(--display);font-weight:400}
.wrap{width:min(1260px,100% - 2 * var(--gut));margin-inline:auto}
.cap{font:800 12px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--orange)}
section{scroll-margin-top:12px}

/* ============ 01 the menu, the GBB Homepage V13 header: wine bar, round orange menu button, wordmark, one bright pill ============ */
.top{position:relative;z-index:50;background:var(--wine)}
.top-in{padding:14px clamp(16px,2vw,28px);display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap}
.top-l{display:flex;align-items:center;gap:14px;min-width:0}
.burger{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;transition:background .3s}
@media (hover:hover) and (pointer:fine){.burger:hover{background:var(--pink)}}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--cream)}
.burger--plain{background:transparent}@media (hover:hover) and (pointer:fine){.burger--plain:hover{background:transparent}}.burger--plain span{width:20px;background:var(--white)}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:44px;color:var(--cream);min-width:0}
@media (hover:hover) and (pointer:fine){.brand:hover{color:var(--cream)}}
.brand b{font:400 clamp(22px,2.4vw,32px)/1 var(--display);font-synthesis:none;white-space:nowrap;color:var(--cream);transition:color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.brand:hover b{color:var(--pink-l)}}
.brand i{font:700 9px/1 var(--sans);font-style:normal;letter-spacing:.3em;text-transform:uppercase;color:var(--pink-l);white-space:nowrap}
.login-slot{display:flex;flex-direction:column;align-items:center;gap:6px}
.login{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 24px 12px 18px;border-radius:999px;background:var(--white);color:var(--wine);font:800 13.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 0 2px var(--wine),0 0 0 4px var(--zest);transition:background-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}
.login svg{flex:none;width:22px;height:22px}
@media (hover:hover) and (pointer:fine){.login:hover{background:var(--zest);color:var(--wine)}}
.login:active,.login:focus-visible{background:var(--zest)}
.login-slot small{font:700 10px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--pink-l)}
.mybooks{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 6px;color:var(--white);font:700 14px/1.2 var(--sans);letter-spacing:.04em;text-decoration:underline;text-decoration-color:var(--zest);text-decoration-thickness:2px;text-underline-offset:5px}
.mybooks svg{flex:none;width:20px;height:20px;color:var(--zest)}
@media (hover:hover) and (pointer:fine){.mybooks:hover{color:var(--pink-l)}}
.mybooks{transition:color .2s cubic-bezier(.2,.8,.2,1)}
@media (max-width:560px){.top-in{justify-content:center}.top-l{width:100%;justify-content:center}.login-slot{width:100%}.login{width:100%;justify-content:center}}
/* the orange full-screen menu (V13) */
.menu{position:fixed;inset:0;z-index:80;background:var(--cream);padding:clamp(6px,.6vw,10px);overflow-y:auto}
.menu[hidden]{display:none}
.menu-card{min-height:100%;background:var(--orange);border-radius:clamp(20px,2.4vw,36px);padding:clamp(16px,1.6vw,26px) clamp(20px,2vw,30px) clamp(40px,5vw,72px);display:flex;flex-direction:column;color:var(--cream)}
.menu-top{display:flex;align-items:center;gap:14px}
.menu-x{flex:none;width:44px;height:44px;border:0;background:transparent;color:var(--cream);font-size:28px;line-height:1;cursor:pointer;padding:0}
@media (hover:hover) and (pointer:fine){.menu-x:hover{color:var(--wine)}}
.menu-brand{font:400 clamp(22px,2.2vw,30px)/1 var(--display);font-synthesis:none;color:var(--cream)}
@media (hover:hover) and (pointer:fine){.menu-brand:hover{color:var(--wine)}}
.menu-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(40px,5vw,80px) clamp(32px,6vw,120px);padding:clamp(40px,8vw,140px) clamp(4px,5vw,110px) 0;align-content:start}
.menu-say{margin:0 0 clamp(18px,2vw,30px);line-height:.98}
.menu-say span{display:block;font:400 clamp(42px,4.4vw,76px)/.98 var(--display);font-synthesis:none}
.menu-say b{display:block;margin-top:8px;font-stretch:70%;font-weight:800;font-size:clamp(34px,3.6vw,60px);letter-spacing:-.01em;color:var(--wine)}
.menu-sub{max-width:34ch;margin-bottom:clamp(26px,3vw,48px);font:400 clamp(17px,1.3vw,21px)/1.45 var(--sans)}
.menu-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px clamp(20px,3.4vw,56px);align-content:start;max-width:720px}
.menu-nav a{font:600 clamp(18px,1.5vw,24px)/1.25 var(--sans);color:var(--cream)}
@media (hover:hover) and (pointer:fine){.menu-nav a:hover{color:var(--wine)}}
/* the bar that drops in when you scroll back up (V13) */
.upbar{position:fixed;z-index:70;top:clamp(8px,1vw,14px);left:clamp(8px,1vw,14px);right:clamp(8px,1vw,14px);background:var(--orange);border-radius:999px;padding:clamp(6px,.7vw,9px) clamp(8px,.9vw,12px);display:flex;align-items:center;justify-content:space-between;gap:16px;transform:translateY(-260%);transition:transform .45s var(--ease);box-shadow:0 10px 30px -14px rgba(46,10,22,.4)}
.upbar.on{transform:none}
.upbar-l{display:flex;align-items:center;gap:10px;min-width:0}
.upbar-wm{font:400 clamp(20px,2vw,28px)/1 var(--display);font-synthesis:none;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upbar a{flex:none;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;font:700 clamp(13px,1.4vw,15px)/1 var(--sans);color:var(--white);white-space:nowrap}
@media (hover:hover) and (pointer:fine){.upbar a:hover{color:var(--wine)}}
.upbar a i{width:10px;height:10px;border-radius:50%;background:var(--lilac)}

/* ============ 02 hero, the GBB Homepage V13 hero: the name full width in orange behind Jess ============ */
.hero{position:relative;overflow:hidden;background:var(--wine);color:var(--cream);min-height:calc(100vh - 76px);display:flex;flex-direction:column;padding:clamp(8px,1.4vh,20px) clamp(20px,2.6vw,48px) 80px}
.hero-type{position:relative;z-index:0;pointer-events:none;display:flex;flex-direction:column;align-items:center}
.hero-type div{font-family:var(--display);font-weight:400;font-synthesis:none;text-transform:uppercase;line-height:.74;letter-spacing:-.02em;color:var(--orange);white-space:nowrap;text-align:center}
.hero-type .ht{font-size:18vw;background:none}
.hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.5vw,20px);margin-top:clamp(18px,2.4vw,40px);padding-bottom:clamp(30px,4vw,80px)}
.hero h1{font:400 clamp(36px,4.6vw,78px)/1 var(--display);font-synthesis:none;letter-spacing:-.01em;color:var(--cream);text-wrap:balance}
.hero h1 span{color:var(--pink)}
.hero .sub{font-stretch:70%;font-weight:800;font-size:clamp(21px,2vw,32px);line-height:1.25;color:var(--cream);text-wrap:balance;max-width:30ch}
.hero .sub i{color:var(--lilac)}
.hero .sub b{color:var(--zest);font-weight:800}
.hero .what{max-width:46ch;padding-top:clamp(14px,1.6vw,22px);border-top:1px solid rgba(247,144,173,.3);font:300 clamp(17px,1.4vw,21px)/1.55 var(--sans);color:rgba(254,249,245,.88);text-wrap:pretty}
.hero .what strong{font-weight:700;color:var(--cream)}
.hero-jess{display:block;position:relative;z-index:1;height:340px;width:auto;max-width:none;margin:-30px auto 0}
@media (min-width:860px){
  .hero-copy{margin-left:52%;max-width:44%}
  .hero-jess{position:absolute;left:20%;bottom:0;transform:translateX(-50%);height:calc(100% - 7vw);margin:0}
}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;background:var(--white);color:var(--wine);padding:8px 8px 8px 28px;border-radius:999px;font:700 17px/1 var(--sans);white-space:nowrap;border:0;cursor:pointer;transition:background-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.pill:hover{background:var(--pink-l);color:var(--wine)}}
.pill-c{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--zest);color:var(--wine)}
.pill-c svg{width:20px;height:20px}
.pill--orange{background:var(--orange);color:var(--white)}
@media (hover:hover) and (pointer:fine){.pill--orange:hover{background:var(--pink);color:var(--white)}}
.btn{display:inline-flex;align-items:center;gap:14px;min-height:60px;padding:18px 34px;border:0;border-radius:999px;background:var(--orange);color:var(--white);font:800 18px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:background-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--pink);color:var(--white)}}
.btn i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--white);color:var(--orange);font-style:normal}
.btn i svg{width:16px;height:16px}
.btn--wine{background:var(--wine)}.btn--wine i{color:var(--wine)}
.doors-note{font:400 clamp(26px,2.4vw,34px)/1 var(--display);font-synthesis:none;color:var(--zest)}


/* ============ 02a the business model, lifting over the hero (V13) ============ */
.model{position:relative;z-index:2;margin-top:-44px;border-radius:44px 44px 0 0;background:var(--cream);padding:clamp(70px,8vw,130px) 0 clamp(70px,8vw,120px)}
.model h2{margin-top:14px;font-size:clamp(50px,7vw,110px);line-height:.92}
.model h2 span{color:var(--pink)}
.model-lead{margin-top:clamp(20px,2.4vw,36px);max-width:40em;font:400 clamp(22px,2.2vw,32px)/1.22 var(--display);font-synthesis:none}
.model-lead cite,.generous cite{display:block;margin-top:10px;font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--pink)}
.model-grid{margin-top:clamp(36px,4vw,60px);display:grid;gap:clamp(14px,1.4vw,20px);grid-template-columns:1fr}
@media (min-width:700px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.model-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.model-grid li{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2vw,28px);border-radius:24px;background:var(--white);box-shadow:inset 0 0 0 1.5px rgba(46,10,22,.1)}
.model-grid b{font:400 34px/.8 var(--display);font-synthesis:none;color:var(--orange)}
.model-grid h3{font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;font-size:clamp(24px,2vw,30px);line-height:1.02}
.model-grid p{font:400 15.5px/1.5 var(--sans)}
.model-grid .m5{background:var(--wine);color:var(--white);box-shadow:none}.model-grid .m5 b{color:var(--zest)}
.model-why{margin-top:16px;display:grid;gap:clamp(16px,1.4vw,20px)}
@media (min-width:900px){.model-why{grid-template-columns:1fr 1fr}}
.slide,.generous{padding:clamp(24px,2.6vw,40px);border-radius:28px}
.slide{background:var(--sky)}
.slide svg{display:block;width:100%;max-width:380px;height:auto;margin:0 auto 14px}
.slide .cap{color:var(--wine)}
.slide blockquote,.generous blockquote{margin:12px 0 0;font:400 clamp(21px,1.9vw,27px)/1.25 var(--display);font-synthesis:none}
.generous{background:var(--pink);color:var(--white)}
.generous .cap{color:var(--zest)}
.generous cite{color:var(--zest)}
.generous>p:last-child{margin-top:20px;font:500 16.5px/1.55 var(--sans);color:rgba(255,255,255,.92)}

/* ============ the cinematic panels: the pain that stops the scroll, then the dream, full bleed ============ */
.cine{position:relative;margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--wine);color:var(--white)}
.cine picture,.cine>picture img{position:absolute;inset:0}
.cine img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cine::after{content:"";position:absolute;inset:0;background:rgba(46,10,22,.46);z-index:1}
.cine-in{position:relative;z-index:2;width:min(1260px,100% - 2 * var(--gut));margin:0 auto;padding:clamp(60px,10vh,120px) 0 clamp(60px,10vh,110px)}
.cine-k{font:800 13px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--zest)}
.cine-big{margin-top:14px;max-width:14ch;font:400 clamp(46px,6.4vw,104px)/.95 var(--display);font-synthesis:none;color:var(--white);text-shadow:0 2px 30px rgba(46,10,22,.35)}
.cine-p{margin-top:18px;max-width:34em;font:400 clamp(17px,1.4vw,20px)/1.6 var(--sans);color:rgba(255,255,255,.9)}
.cine-p b{color:var(--zest);font-weight:800}
.cine-n{font:400 clamp(60px,7vw,110px)/.8 var(--display);font-synthesis:none;color:var(--zest);margin-bottom:10px}
.pain{align-items:center}
.pain::after{background:rgba(46,10,22,.45)}
.pain .cine-big{max-width:16ch}
.credit{position:absolute;z-index:3;right:14px;bottom:10px;font:500 11px/1 var(--sans);color:rgba(255,255,255,.6)}
/* the switch: a light switch, one bright band */
.switch{display:grid;justify-items:center;text-align:center;gap:10px;padding:clamp(60px,8vw,110px) var(--gut);background:var(--zest);color:var(--wine)}
.switch svg{width:58px;height:58px}
.switch-big{font:400 clamp(54px,8.4vw,130px)/.9 var(--display);font-synthesis:none}
.switch-sm{font:700 clamp(15px,1.3vw,18px)/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
/* the dream, four layers: each panel holds, the next one slides over it */
.dreams{position:relative}
.dreams .dr{position:sticky;top:0}
.dreams .dr::after{background:rgba(46,10,22,.4)}
.cine-big{text-shadow:0 2px 24px rgba(46,10,22,.55)}
@media (max-width:760px){.cine-big{font-size:40px}.dreams .dr .cine-big{font-size:36px}.cine-n{font-size:56px}.split img{object-position:50% 20%}}
.dreams .dr .cine-big{max-width:15ch}
@media (min-width:761px){
  .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .split img{object-position:50% 30%}
  .split .cine-big{font-size:clamp(40px,4.4vw,72px)}
  .split picture{position:relative;grid-area:1/2}
  .split img{position:absolute}
  .split::after{display:none}
  .split .cine-in{grid-area:1/1;width:auto;margin:0;align-self:end;padding:0 clamp(32px,5vw,90px) clamp(60px,10vh,110px)}
}

/* ============ 02b right place, right time: the mirror and the two lists, on cream, lifting over the hero (V13) ============ */
.fit{position:relative;background:var(--white);padding:clamp(70px,8vw,130px) 0 clamp(70px,8vw,120px)}
.fit h2{margin-top:14px;max-width:16ch;font-size:clamp(48px,7vw,110px);line-height:.92}
.fit h2 span{color:var(--pink)}
.scene{margin-top:clamp(26px,3vw,44px);max-width:58em;display:grid;gap:16px;padding:clamp(24px,2.6vw,40px);border-radius:28px;background:var(--white);box-shadow:inset 0 0 0 1.5px rgba(46,10,22,.1)}
.scene p{font:400 clamp(18px,1.5vw,21px)/1.65 var(--sans)}
.scene b{font-weight:800;color:var(--pink)}
.fit-lead{margin-top:clamp(28px,3vw,48px);font:400 clamp(26px,2.6vw,38px)/1.1 var(--display);font-synthesis:none}
.mirror{margin-top:20px;display:grid;gap:14px}
@media (min-width:900px){.mirror{grid-template-columns:repeat(3,minmax(0,1fr))}}
.mirror li{display:flex;align-items:flex-end;min-height:clamp(150px,13vw,200px);padding:clamp(22px,2.2vw,32px);border-radius:24px;background:var(--white);box-shadow:inset 0 0 0 1.5px rgba(46,10,22,.1)}
.mirror li:nth-child(2){background:var(--sky);box-shadow:none}.mirror li:nth-child(4){background:var(--lilac);box-shadow:none}.mirror li:nth-child(6){background:var(--zest);box-shadow:none}
.mirror p{font:400 clamp(24px,2.1vw,32px)/1.12 var(--display);font-synthesis:none}
.punch{margin-top:clamp(28px,3vw,44px);font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;font-style:normal;font-size:clamp(34px,4.6vw,70px);line-height:.95;color:var(--wine)}
.know{margin-top:clamp(24px,2.6vw,40px);padding:clamp(22px,2.4vw,36px);border-radius:24px;background:var(--zest)}
.know .cap{color:var(--wine)}
.know p:last-child{margin-top:8px;font:400 clamp(26px,2.6vw,40px)/1.1 var(--display);font-synthesis:none}
.dream{margin-top:14px;display:grid;gap:14px}
@media (min-width:700px){.dream{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.dream{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dream li{padding:clamp(22px,2.2vw,32px);border-radius:24px;background:var(--lilac)}
.dream li:nth-child(2){background:var(--sky)}
.dream li:nth-child(3){background:var(--pink);color:var(--white)}.dream li:nth-child(3) .cap{color:var(--zest)}
.dream li:nth-child(4){background:var(--orange);color:var(--white)}.dream li:nth-child(4) .cap{color:var(--wine)}
.dream .big{margin-top:10px;font:400 clamp(26px,2.2vw,34px)/1.08 var(--display);font-synthesis:none}
.lists-lead{margin-top:clamp(50px,5vw,80px);font:400 clamp(28px,3vw,46px)/1.05 var(--display);font-synthesis:none}
.lists{margin-top:20px;display:grid;gap:16px}
@media (min-width:900px){.lists{grid-template-columns:1fr 1fr}}
.lists>div{padding:clamp(24px,2.6vw,40px);border-radius:28px}
.yes{background:var(--white);box-shadow:inset 0 0 0 2px var(--pink)}
.yes .cap{color:var(--pink)}
.no{background:var(--sky)}
.no .cap{color:var(--wine)}
.lists ul{margin-top:16px;display:grid;gap:12px}
.lists li{position:relative;padding-left:34px;font:400 17.5px/1.55 var(--sans)}
.lists li::before{position:absolute;left:0;top:1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font:800 13px/1 var(--sans)}
.yes li::before{content:"\2713";background:var(--pink);color:var(--white)}
.no li::before{content:"\00d7";background:var(--wine);color:var(--sky);font-size:17px}
.no-close{margin-top:18px;font:600 16px/1.5 var(--sans)}
.fit-close{margin-top:clamp(30px,3vw,48px);font:400 clamp(26px,2.6vw,40px)/1.1 var(--display);font-synthesis:none;color:var(--pink)}


/* ============ 02c the Glitter Bomb Effect: the gold to gold spiral, from the show ============ */
.gge{--gold:#f7e08a;--gold-lt:#fbe9a6;position:relative;background:var(--wine);color:var(--white);padding:clamp(80px,9vw,140px) 0 clamp(70px,8vw,120px);overflow:hidden}
.gge .cap{color:var(--zest)}
.gge-grid{display:grid;gap:clamp(10px,2vw,24px) clamp(20px,3vw,48px);align-items:center}
@media (min-width:1000px){.gge-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:auto auto}.gge-head{grid-area:1/1;align-self:end}.gge-foot{grid-area:2/1;align-self:start}.gge-art{grid-area:1/2/3/3}}
.gge-stack{display:grid}.gge-stack>*{grid-area:1/1}
.gge-t{transition:opacity .8s ease,transform .8s var(--ease)}
.gge h2{margin-top:14px;font-size:clamp(52px,7vw,104px);line-height:.92;color:var(--white)}
.gge h2 span{color:var(--gold)}
.gge-t p{margin-top:18px;max-width:30em;font:400 clamp(17px,1.4vw,20px)/1.6 var(--sans);color:rgba(255,255,255,.86)}
.gge-t.t2{opacity:0;transform:translateY(20px);pointer-events:none}
.gge-t .big{font:400 clamp(44px,5.6vw,84px)/.95 var(--display);font-synthesis:none;color:var(--white);margin-top:14px}
.gge-t .big span{display:block;color:var(--gold)}
.gge[data-beat="7"] .t1,.gge[data-beat="8"] .t1{opacity:0;transform:translateY(-20px)}
.gge[data-beat="7"] .t2,.gge[data-beat="8"] .t2{opacity:1;transform:none}
.jq{margin:0;padding-left:20px;border-left:4px solid var(--gold);font:400 clamp(22px,2vw,30px)/1.2 var(--display);font-synthesis:none;color:var(--white)}
.jq cite,.gold-say cite{display:block;margin-top:10px;font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--pink-l)}
/* 18 Oct 2026: in the spiral panel the quote is a cream card with wine type (like the manifesto cards), breaking the wine field */
.gge .jq{padding:clamp(24px,2.6vw,36px);border-left:0;border-radius:var(--r-card);background:var(--cream);color:var(--wine)}
.gge .jq cite{color:#a12d63}
.replay{margin-top:26px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 18px;border:1.5px solid var(--gold);border-radius:999px;background:transparent;color:var(--cream);font:700 15px/1 var(--sans);cursor:pointer;transition:color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.replay:hover{color:var(--pink-l)}}
.replay:active,.replay:focus-visible{color:var(--pink-l)}
.replay svg{width:20px;height:20px}
.gge-art{position:relative;min-width:0}
svg.spiral{display:block;width:100%;height:auto;overflow:visible}
.sp-ghost{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:2 14;stroke-linecap:round}
.sp-seg{fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round}
.sp-seg.more{stroke-dasharray:3 16}
.sp-ray{fill:none;stroke:var(--gold-lt);stroke-dasharray:4 12;stroke-linecap:round}
.sp-axis{fill:none;stroke:var(--gold);stroke-linecap:round}
.sp-axis.hi{stroke:var(--gold-lt)}
.sp-name{font-family:var(--display);font-weight:400}
.sp-sub{font:600 21px/1 var(--sans);fill:var(--cream)}
.sp-lead{fill:none;stroke:var(--gold-lt);stroke-width:1.6;stroke-dasharray:3 6}
.sp-calltx{font:400 34px/1 var(--display);fill:var(--gold-lt)}
.sp-core .halo{fill:none;stroke:var(--gold-lt);stroke-width:4;stroke-linecap:round;stroke-dasharray:.5 12;transform-box:fill-box;transform-origin:center;animation:sphalo 3.4s ease-out infinite}
.sp-core .halo.h2{animation-delay:1.7s}
.sp-node .halo.ripple{fill:none;stroke:var(--gold-lt);stroke-width:5;stroke-linecap:round;stroke-dasharray:.5 11;transform-box:fill-box;transform-origin:center;animation:sphalo 2.6s ease-out infinite}
@keyframes sphalo{0%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
.sp-star{transform-box:fill-box;transform-origin:center;animation:twinkle 3.2s ease infinite}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}
.gge-legend{margin-top:clamp(30px,3vw,50px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:clamp(14px,1.4vw,20px)}
.gge-legend li{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:999px;background:var(--cream)}
.gge-legend b{flex:none;display:grid;place-items:center;min-width:92px;padding:9px 12px;border-radius:999px;color:var(--white);font:400 18px/1 var(--display);font-synthesis:none}
.gge-legend span{font:500 14.5px/1.35 var(--sans);color:var(--wine)}
.gge-what{margin-top:clamp(36px,4vw,60px);display:grid;gap:clamp(14px,1.4vw,20px)}
@media (min-width:900px){.gge-what{grid-template-columns:repeat(3,minmax(0,1fr))}.gge-what .cap{grid-column:1/-1}}
.gge-what blockquote{margin:0;padding:clamp(20px,2vw,28px);border-radius:22px;background:var(--cream);color:var(--wine);font:400 clamp(21px,1.8vw,26px)/1.22 var(--display);font-synthesis:none}

/* ============ 02d why glitter ============ */
.glit{background:var(--white);padding:clamp(80px,9vw,140px) 0}
.glit h2{margin-top:14px;font-size:clamp(52px,7.4vw,112px);line-height:.92}
.glit h2 span{color:var(--pink)}
.glit-lead{margin-top:clamp(20px,2vw,32px);max-width:34em;font:400 clamp(24px,2.3vw,34px)/1.2 var(--display);font-synthesis:none}
.glit-grid{margin-top:clamp(36px,4vw,60px);display:grid;gap:clamp(14px,1.4vw,20px)}
@media (min-width:760px){.glit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.glit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.glit-grid li{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.2vw,32px);border-radius:26px}
.glit-grid b{font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;font-size:clamp(28px,2.4vw,34px);line-height:1.02}
.glit-grid p{font:400 16.5px/1.55 var(--sans)}
.glit-grid .g1{background:var(--zest)}.glit-grid .g2{background:var(--pink);color:var(--white)}.glit-grid .g3{background:var(--sky)}.glit-grid .g4{background:var(--orange);color:var(--white)}
.glit-close{margin-top:clamp(36px,4vw,60px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:clamp(24px,2.6vw,40px);border-radius:28px;background:var(--lilac)}
.glit-close .big{max-width:20em;font:400 clamp(30px,3vw,46px)/1.05 var(--display);font-synthesis:none}
.pill--orange .pill-c{font-size:20px;color:var(--pink)}

/* ============ 02e you are gold ============ */
.yg{background:var(--cream);padding:clamp(80px,9vw,140px) 0}
.yg h2{margin-top:14px;font-size:clamp(56px,8vw,124px);line-height:.9}
.yg h2 span{color:var(--pink)}
.gold-say{margin-top:clamp(24px,3vw,44px);max-width:62em;padding:clamp(24px,2.8vw,44px);border-radius:28px;background:var(--white);box-shadow:inset 0 0 0 1.5px rgba(46,10,22,.1)}
.gold-say p{font:400 clamp(22px,2vw,30px)/1.3 var(--display);font-synthesis:none}
.gold-say .kind{margin-top:18px;color:var(--pink)}
.riff-lead{margin-top:clamp(40px,4vw,64px);font:800 13px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.riffs{margin-top:16px;display:grid;gap:clamp(14px,1.4vw,20px);align-items:start}
@media (min-width:760px){.riffs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.riffs{grid-template-columns:repeat(3,minmax(0,1fr))}}
.riffs li{padding:clamp(20px,2vw,28px);border-radius:24px;background:var(--wine);color:var(--white);font:400 clamp(20px,1.6vw,24px)/1.3 var(--display);font-synthesis:none}
.riffs li:nth-child(2){background:#f7c6da;color:var(--wine)}.riffs li:nth-child(3){background:var(--zest);color:var(--wine)}.riffs li:nth-child(4){background:var(--sky);color:var(--wine)}.riffs li:nth-child(5){background:var(--wine)}.riffs li:nth-child(6){background:var(--lilac);color:var(--wine)}

/* ============ 03b show, don't tell: the journey strip and the video ============ */
.jour{background:var(--white);padding:clamp(80px,9vw,140px) 0 clamp(70px,8vw,120px)}
.jour h2{margin-top:14px;font-size:clamp(46px,6.6vw,100px);line-height:.92}
.jour h2 span{color:var(--pink)}
.jour-lead{margin-top:20px;max-width:40em;font:400 clamp(18px,1.5vw,21px)/1.6 var(--sans)}
.jour-strip{margin-top:clamp(30px,3.6vw,56px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gut),calc((100% - 1260px) / 2));-webkit-overflow-scrolling:touch;padding:6px 0 24px;outline:none}
.jour-strip:focus-visible{box-shadow:inset 0 0 0 3px var(--pink)}
.jour-strip ol{display:flex;gap:clamp(16px,1.8vw,26px);padding:0 max(var(--gut),calc((100% - 1260px) / 2));width:max-content}
.jour-strip li{scroll-snap-align:start;width:clamp(210px,17vw,250px);flex:none}
.jour-strip .lane{display:inline-block;margin-bottom:10px;padding:6px 11px;border-radius:999px;background:var(--lilac);font:800 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.jour-strip li:nth-child(n+4) .lane{background:var(--sky)}.jour-strip li:nth-child(n+9) .lane{background:var(--pink);color:var(--white)}.jour-strip li:nth-child(11) .lane{background:var(--wine);color:var(--zest)}
.ph{aspect-ratio:9/19.5;border-radius:30px;padding:7px;background:var(--wine);box-shadow:0 22px 34px -20px rgba(46,10,22,.55)}
.ph img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px}
.jour-strip b{display:block;margin-top:14px;font:400 30px/.9 var(--display);font-synthesis:none;color:var(--orange)}
.jour-strip p{margin-top:6px;font:500 15.5px/1.45 var(--sans)}
.jour-video{margin-top:clamp(40px,5vw,80px);display:grid;gap:clamp(24px,3vw,48px);align-items:center}
@media (min-width:900px){.jour-video{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.walk{position:relative;justify-self:center;width:min(100%,440px);aspect-ratio:4/5;border-radius:28px;background:var(--wine);overflow:hidden;box-shadow:0 30px 60px -30px rgba(46,10,22,.6)}
.walk-phone{position:absolute;left:50%;top:5%;width:37%;aspect-ratio:9/19.5;transform:translateX(-50%);border-radius:28px;padding:6px;background:#2e0a16;box-shadow:0 0 0 2px #47202b,0 26px 40px -18px rgba(46,10,22,.45)}
.walk-scr{position:relative;width:100%;height:100%;border-radius:22px;overflow:hidden;background:var(--white)}
.walk-scr img{position:absolute;left:0;top:0;width:100%;height:auto;transition:opacity .45s ease}
.walk-isl{position:absolute;z-index:2;left:50%;top:9px;width:30%;height:16px;transform:translateX(-50%);border-radius:10px;background:#2e0a16}
.walk-cap{position:absolute;left:8%;right:8%;bottom:8%;text-align:center;color:var(--cream)}
.walk-cap b{display:inline-block;padding:6px 11px;border-radius:999px;background:var(--orange);color:var(--white);font:800 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.jour-video .walk .walk-cap p{margin-top:10px;max-width:none;font:400 clamp(20px,2vw,26px)/1.12 var(--display);font-synthesis:none;color:var(--cream);transition:opacity .45s ease}
.walk-bar{position:absolute;left:8%;right:8%;bottom:4.2%;height:3px;border-radius:3px;background:rgba(255,255,255,.18)}
.walk-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:3px;background:var(--zest)}
.walk-btn{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--zest);color:var(--wine);cursor:pointer}
.walk-btn svg{width:18px;height:18px}
.jour-video .big{margin-top:12px;font:400 clamp(34px,3.6vw,56px)/1 var(--display);font-synthesis:none}
.jour-video p:last-child{margin-top:14px;font:400 18px/1.6 var(--sans);max-width:30em}

/* ============ 03 the path, the first thing after the hero ============ */
.path{padding:clamp(80px,9vw,140px) 0 clamp(80px,9vw,130px);background:var(--white)}
.path-head{display:grid;gap:18px;align-items:end}
@media (min-width:1000px){.path-head{grid-template-columns:1.25fr 1fr}}
.path h2{margin-top:12px;font-size:clamp(52px,8vw,124px);line-height:.9}
.path h2 span{color:var(--pink)}
.path-head p{font:400 clamp(18px,1.5vw,22px)/1.55 var(--sans);max-width:30em}
.loop{position:relative;margin-top:clamp(44px,5vw,80px)}
.loop ol{display:grid;gap:16px;position:relative;z-index:1}
.st{position:relative;display:flex;flex-direction:column;gap:10px;padding:clamp(24px,2.2vw,34px);border-radius:28px;min-height:100%}
.st .n{font:400 clamp(44px,4.4vw,64px)/.8 var(--display);font-synthesis:none}
.st h3{font:400 clamp(34px,3.2vw,48px)/.95 var(--display);font-synthesis:none;letter-spacing:-.01em}
.st .room{align-self:flex-start;padding:7px 12px;border-radius:999px;background:var(--white);color:var(--wine);font:800 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.st p{font:400 16.5px/1.55 var(--sans)}
.s1{background:var(--cream);box-shadow:inset 0 0 0 2px var(--zest)}
.s1 .n{color:var(--orange)}
.s2{background:var(--lilac)}.s2 .n{color:var(--pink)}
.s3{background:var(--sky)}.s3 .n{color:var(--orange)}
.s4{background:var(--pink);color:var(--white)}.s4 .n{color:var(--zest)}
.s5{background:var(--orange);color:var(--white)}.s5 .n{color:var(--zest)}
.s6{background:var(--zest)}.s6 .n{color:var(--pink)}
.s4 .room,.s5 .room{background:var(--wine);color:var(--white)}
.gold{display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:999px;background:var(--wine);color:var(--white)}
.gold .n{flex:none;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--zest);color:var(--wine);font:400 34px/1 var(--display);font-synthesis:none}
.gold b{display:block;font:400 clamp(28px,2.6vw,36px)/1 var(--display);font-synthesis:none;color:var(--zest)}
.gold span{display:block;margin-top:4px;font:500 15px/1.4 var(--sans);color:rgba(255,255,255,.86)}
.again{display:flex;align-items:center;gap:14px;margin-top:18px;font:400 clamp(24px,2.4vw,32px)/1.1 var(--display);font-synthesis:none;color:var(--wine)}
.again svg{flex:none;width:44px;height:44px;color:var(--pink)}
.track,.arw{display:none}
@media (min-width:1000px){
  .loop{--rg:150px;--cg:clamp(48px,4.6vw,76px)}
  .loop ol{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr 1fr;gap:var(--rg) var(--cg)}
  .s1{grid-area:1/1}.s2{grid-area:1/2}.s3{grid-area:1/3}.s4{grid-area:2/3}.s5{grid-area:2/2}.s6{grid-area:2/1}
  .gold-li{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
  .gold{padding:16px 30px 16px 16px;box-shadow:0 0 0 8px var(--white),0 0 0 10px var(--brass);white-space:nowrap}
  .track{display:block;position:absolute;z-index:0;left:calc((100% - 2 * var(--cg)) / 6);right:calc((100% - 2 * var(--cg)) / 6);top:calc((100% - var(--rg)) / 4);bottom:calc((100% - var(--rg)) / 4);border:2.5px dashed var(--wine);border-radius:48px;opacity:.5}
  .arw{display:grid;place-items:center;position:absolute;z-index:2;width:38px;height:38px;border-radius:50%;background:var(--wine);color:var(--zest);transform:translate(-50%,-50%)}
  .arw svg{width:18px;height:18px}
  .a12,.a56{left:calc((100% - 2 * var(--cg)) / 3 + var(--cg) / 2)}
  .a23,.a45{left:calc(2 * (100% - 2 * var(--cg)) / 3 + 1.5 * var(--cg))}
  .a12,.a23{top:calc((100% - var(--rg)) / 4)}
  .a45,.a56{top:calc(100% - (100% - var(--rg)) / 4)}
  .a34{left:calc(100% - (100% - 2 * var(--cg)) / 6);top:50%}.a34 svg{transform:rotate(90deg)}
  .a45 svg,.a56 svg{transform:rotate(180deg)}
  .a61{left:calc((100% - 2 * var(--cg)) / 6);top:50%}.a61 svg{transform:rotate(-90deg)}
  .again{justify-content:center;margin-top:28px}
}
@media (max-width:999px){
  .st:not(.s1)::before{content:"";position:absolute;left:50%;top:-16px;width:2.5px;height:16px;background:var(--wine);opacity:.5}
  .gold-li{margin-bottom:0}
}
.assets{margin-top:clamp(64px,7vw,110px);display:grid;gap:clamp(30px,4vw,60px);align-items:center;padding:clamp(28px,3.4vw,56px);border-radius:32px;background:var(--lilac);color:var(--wine)}
@media (min-width:900px){.assets{grid-template-columns:1fr 1.1fr}}
.assets .cap{color:var(--pink)}
.assets h3{margin-top:12px;font:400 clamp(38px,4.4vw,66px)/.95 var(--display);font-synthesis:none;color:var(--wine)}
.assets h3 span{color:var(--pink)}
.assets p{margin-top:16px;font:400 17px/1.6 var(--sans);color:var(--wine);max-width:30em}
.afan{position:relative;height:clamp(200px,20vw,280px);max-width:560px;width:100%;justify-self:center}
.as{position:absolute;bottom:0;width:clamp(106px,10vw,150px);aspect-ratio:3.5/5.4;border-radius:5px 12px 12px 5px;padding:12% 10%;display:flex;flex-direction:column;gap:6px;box-shadow:3px 3px 0 var(--cream),6px 6px 0 var(--lilac),0 24px 30px -14px rgba(46,10,22,.45),inset 6px 0 0 rgba(46,10,22,.16);transform-origin:bottom center;transition:transform .6s var(--ease)}
.as small{font:800 8px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;opacity:.85;white-space:nowrap}
.as b{font:400 clamp(22px,2vw,30px)/.92 var(--display);font-synthesis:none}
.as span{margin-top:auto;font:700 11px/1.2 var(--sans)}
.as svg{width:100%;height:auto}
.as u{display:block;height:3px;border-radius:2px;background:currentColor;opacity:.35;margin-top:5px}
.as u:nth-of-type(2){width:80%}.as u:nth-of-type(3){width:60%}
.a1{left:0;background:var(--orange);color:var(--white);transform:rotate(-9deg);z-index:4}
.a2{left:24%;background:var(--pink);color:var(--white);transform:rotate(-3deg);z-index:3}
.a3{left:48%;background:var(--zest);color:var(--wine);transform:rotate(3deg);z-index:2}
.a4{left:72%;background:var(--sky);color:var(--wine);transform:rotate(9deg);z-index:1}
.a3 i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--wine);color:var(--zest);margin-top:6px}
.a3 i svg{width:16px}
@media (max-width:640px){.as{width:29%;padding:14px 8px}.a2{left:23.5%}.a3{left:47%}.a4{left:70%}}

/* ============ 04 the manifesto: eleven beliefs on the wine field ============ */
.mf{background:var(--wine);color:var(--white);padding:clamp(84px,10vw,150px) 0}
.mf-head{max-width:980px}
.mf .cap{color:var(--zest)}
.mf h2{margin-top:14px;font-size:clamp(46px,7.2vw,112px);line-height:.92;color:var(--white)}
.mf h2 span{color:var(--pink-l)}
.mf-head p{margin-top:20px;font:500 clamp(18px,1.6vw,23px)/1.5 var(--sans);color:rgba(255,255,255,.88)}
.mf-grid{margin-top:clamp(44px,5vw,80px);display:grid;gap:clamp(16px,1.4vw,20px);grid-template-columns:1fr}
@media (min-width:760px){.mf-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .w2{grid-column:span 2}.w3{grid-column:span 3}.w4{grid-column:span 4}}
@media (min-width:760px) and (max-width:1079px){.w2,.w3,.w4{grid-column:span 3}.m-full{grid-column:span 6}}
.b{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(26px,2.6vw,42px);border-radius:28px;color:var(--wine);overflow:hidden}
.b .n{font:400 clamp(54px,5.6vw,92px)/.78 var(--display);font-synthesis:none}
.b h3{font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;font-size:clamp(26px,2.4vw,34px);line-height:1.04;text-wrap:balance}
.b p{font:400 17px/1.58 var(--sans);max-width:36em}
.b-zest{background:var(--zest)}.b-zest .n{color:var(--pink)}
.b-pink{background:var(--pink);color:var(--white)}.b-pink .n{color:var(--zest)}
.b-lilac{background:var(--lilac)}.b-lilac .n{color:var(--orange)}
.b-sky{background:var(--sky)}.b-sky .n{color:var(--pink)}
.b-orange{background:var(--orange);color:var(--white)}.b-orange .n{color:var(--wine)}
.b-cream{background:var(--cream)}.b-cream .n{color:var(--orange)}
.b-pinkl{background:var(--pink-l)}.b-pinkl .n{color:var(--wine)}
.b-white{background:var(--white)}.b-white .n{color:var(--orange)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.chips span{padding:8px 14px;border-radius:999px;background:var(--wine);color:var(--zest);font:800 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.b-pinkl .chips span{color:var(--pink-l)}
.tm{margin-top:auto;padding-top:6px;font:800 12px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.tm + .oz{margin-top:8px}
.oz{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto;padding-top:6px}
.oz div{padding:12px 12px 10px;border-radius:16px;background:var(--wine);color:var(--white)}
.oz b{display:block;font:400 clamp(26px,2.4vw,34px)/1 var(--display);font-synthesis:none;color:var(--zest)}
.oz span{display:block;margin-top:4px;font:700 11px/1.25 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.b .math{margin-top:auto;font:400 clamp(64px,7vw,118px)/.85 var(--display);font-synthesis:none;color:var(--zest)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:250px;margin-top:auto;padding-top:6px}
.cal i{aspect-ratio:1;border-radius:5px;background:rgba(46,10,22,.1)}
.cal i.on{background:var(--orange)}
.mf-close{margin-top:clamp(44px,5vw,72px);text-align:center;font:400 clamp(44px,6vw,88px)/.95 var(--display);font-synthesis:none;color:var(--zest)}

/* ============ the signature band: doors open ============ */
.band{position:relative;overflow:hidden;background:var(--white);color:var(--wine)}
.band-in{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding:clamp(64px,6vw,86px) 0}
.band h2{font:400 clamp(44px,6.4vw,96px)/.9 var(--display);font-synthesis:none}
.band p{margin-top:12px;font:600 clamp(17px,1.5vw,21px)/1.45 var(--sans);max-width:34em}
.band .spark{position:absolute;font-size:34px;line-height:1;color:var(--pink-l)}

/* ============ 05 the rooms: Labs innovate, Studios create (arch doors, kept from the GBQ Vision) ============ */
.rooms{padding:clamp(90px,10vw,170px) 0;background:var(--white)}
.rooms-head{display:grid;gap:18px;align-items:end}
@media (min-width:1000px){.rooms-head{grid-template-columns:1.4fr 1fr}}
.rooms h2{margin-top:14px;font-size:clamp(50px,7vw,116px);line-height:.92}
.rooms h2 span{color:var(--pink)}
.rooms-head p{font:400 clamp(18px,1.5vw,22px)/1.55 var(--sans);max-width:28em}
.doors{display:grid;grid-template-columns:1fr;gap:clamp(48px,3vw,56px);margin-top:clamp(56px,6vw,100px)}
@media (min-width:860px){.doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,44px)}}
.door{margin:0}
.arch{position:relative;aspect-ratio:3/3.7;border-radius:999px 999px 18px 18px;overflow:hidden;background:var(--cream);perspective:1600px;box-shadow:0 0 0 clamp(8px,.8vw,14px) var(--white),0 0 0 calc(clamp(8px,.8vw,14px) + 1.5px) var(--brass)}
@media (min-width:860px){.arch{aspect-ratio:3/4.6}}
.arch>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.4s var(--ease)}
.door.opened .arch>img{transform:none}
.d1 .arch>img{object-position:50% 22%}
.leaf{position:absolute;top:0;bottom:0;width:50%;display:grid;place-items:center;z-index:4;transition:transform 1.8s cubic-bezier(.6,.1,.2,1);backface-visibility:hidden;transform-origin:left center;transform:rotateY(-104deg)}
.leaf.l{left:0}
.leaf.r{right:0;transform-origin:right center;transform:rotateY(104deg)}
html.js .door:not(.opened) .leaf{transform:none}
.d1 .leaf{background:var(--lilac)}.d2 .leaf{background:var(--sky)}.d3 .leaf{background:var(--pink)}
.leaf.l{box-shadow:inset -1px 0 0 rgba(46,10,22,.18)}
.leaf .knob{position:absolute;top:58%;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 1.5px var(--wine)}
.leaf.l .knob{right:16px}.leaf.r .knob{left:16px}
.leaf svg{width:58%;height:auto}
.door .num{position:absolute;top:8%;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:clamp(66px,6vw,92px);aspect-ratio:1;border-radius:50%;background:var(--wine);color:var(--zest);font:400 clamp(30px,3vw,44px)/1 var(--display);font-synthesis:none;z-index:3;pointer-events:none;transition:opacity .8s;box-shadow:0 0 0 4px var(--white)}
.d2 .num{background:var(--white);color:var(--wine);box-shadow:0 0 0 4px var(--wine)}
.d3 .num{background:var(--pink);color:var(--white)}
html.js .door:not(.opened) .num{opacity:0}
/* Labs: two real phone screens on the sky ground */
.lab-scene{position:absolute;inset:0;background:var(--sky)}
.phone{position:absolute;width:46%;aspect-ratio:9/19.5;border-radius:26px;background:var(--wine);padding:7px;box-shadow:0 26px 40px -18px rgba(46,10,22,.55)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:20px}
.ph1{left:9%;bottom:7%;transform:rotate(-7deg)}
.ph2{right:9%;bottom:12%;transform:rotate(6deg)}
@media (max-width:859px){.phone{width:37%}.ph1{left:12%;bottom:6%}.ph2{right:12%;bottom:9%}.ph3{width:34%}.studio-scene .sbook{width:40%}.wait .spark{display:none}}
.lab-scene .spark{position:absolute;color:var(--orange);font-size:26px;line-height:1}
/* Creator Studios: a real Tiny Book in a Day cover, a real masterclass screen and an audiobook chip, on pink */
.studio-scene{position:absolute;inset:0;background:var(--pink-l)}
.studio-scene .sbook{position:absolute;left:8%;bottom:12%;width:46%;height:auto;border-radius:3px 7px 7px 3px;transform:rotate(-7deg);box-shadow:0 26px 36px -16px rgba(46,10,22,.45),inset 0 0 0 1px rgba(46,10,22,.1)}
.ph3{right:8%;bottom:8%;width:40%;transform:rotate(6deg);z-index:2}
.audio-chip{position:absolute;z-index:3;left:12%;bottom:5%;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--white);color:var(--wine);font:800 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 10px 20px -10px rgba(46,10,22,.5)}
.audio-chip i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange);color:var(--white)}
.audio-chip svg{width:11px;height:11px}
.studio-scene .spark{position:absolute;color:var(--white);font-size:28px;line-height:1}
.studios{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.studios li{padding:8px 14px;border-radius:999px;background:var(--pink);color:var(--white);font:700 14px/1.2 var(--sans)}
.door figcaption{padding-top:clamp(28px,2.4vw,40px)}
.tag{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--lilac);font:800 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.d2 .tag{background:var(--sky)}.d3 .tag{background:var(--pink);color:var(--white)}
.door h3{margin-top:16px;font:400 clamp(40px,3.8vw,64px)/.95 var(--display);font-synthesis:none;letter-spacing:-.01em}
.door p{margin-top:12px;font:400 clamp(17px,1.25vw,19px)/1.55 var(--sans);max-width:24em}
.dash{margin-top:clamp(56px,5vw,96px);display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;padding:clamp(22px,2vw,36px) clamp(22px,2.6vw,48px);border-radius:24px;background:var(--cream)}
.dash b{font:400 clamp(30px,2.6vw,42px)/1.05 var(--display);font-synthesis:none}
.dash span{font:400 clamp(17px,1.25vw,19px)/1.5 var(--sans);flex:1 1 18em}
.dash .crown{width:56px;height:56px;border-radius:50%;background:var(--zest);display:grid;place-items:center;flex:none}

/* ============ 06 Jess: the GBB founder split, her light first and Jess after ============ */
.jess{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));background:var(--cream)}
.jess-copy{padding:clamp(70px,9vw,120px) clamp(20px,6vw,110px);max-width:760px;justify-self:end}
.jess .cap{color:var(--pink)}
.jess h2{margin-top:12px;font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;font-size:clamp(34px,3.8vw,56px);line-height:1.04;color:var(--pink)}
.jess .titles{margin-top:16px;font-family:var(--display);font-weight:400;font-synthesis:none;letter-spacing:-.01em;font-size:clamp(24px,2.6vw,34px);line-height:1.05}
.jess .titles span{color:var(--pink)}
.jess .titles em{display:inline-block;margin-top:6px;font-style:normal;font-size:2em;line-height:.9;color:var(--orange)}
.jess-copy p.body{margin-top:18px;font:400 18px/1.75 var(--sans)}
.jess-copy strong{font-weight:800}
.creds{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.creds span{padding:9px 14px;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1.5px rgba(46,10,22,.14);font:700 13px/1 var(--sans)}
.jess-photo{position:relative;background:var(--sky);min-height:clamp(480px,60vw,680px);overflow:hidden}
.jess-photo img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);height:94%;width:auto;max-width:none}
.jess-photo .spark{position:absolute;z-index:2;line-height:1}

/* ============ 07 the waitlist: hold my spot ============ */
/* 18 Oct 2026: the waitlist is a wine panel on the cream ground (GBB V13: wine panels on light grounds), so the waitlist and the wine footer never fill a screen with wine (brand gate wine_per_screen) */
.wait{background:var(--cream);color:var(--white);padding:clamp(12px,2vw,32px) 0 clamp(112px,17vw,260px);text-align:center;position:relative;overflow:hidden}
.wait-panel{position:relative;overflow:hidden;margin:0 var(--gut);background:var(--wine);border-radius:var(--r-panel);padding:clamp(84px,10vw,150px) 0 clamp(72px,7vw,112px)}
.wait .cap{color:var(--zest)}
.wait h2{margin-top:14px;font-size:clamp(64px,10vw,150px);line-height:.88;color:var(--white)}
.wait h2 span{display:block;color:var(--zest)}
.wait .lead{margin:22px auto 0;max-width:34em;font:500 clamp(18px,1.6vw,22px)/1.55 var(--sans);color:rgba(255,255,255,.9)}
.card{margin:clamp(36px,4vw,56px) auto 0;max-width:600px;padding:clamp(24px,3vw,44px);border-radius:28px;background:var(--white);color:var(--wine);text-align:left;box-shadow:0 30px 60px -30px rgba(46,10,22,.45)}
.field{display:block;margin-bottom:16px}
.field span{display:block;margin-bottom:8px;font:800 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.field input{width:100%;min-height:56px;padding:14px 16px;border:2px solid var(--wine);border-radius:14px;background:var(--white);color:var(--wine);font:500 19px var(--sans);outline:none}
.field input:focus{box-shadow:0 0 0 4px var(--zest)}
.consent{display:flex;gap:12px;align-items:flex-start;margin:6px 0 20px;font:400 15px/1.5 var(--sans);cursor:pointer}
.consent input{flex:none;-webkit-appearance:none;appearance:none;width:44px;height:44px;margin:-10px -11px -12px;border:0;border-radius:10px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect x='12' y='12' width='20' height='20' rx='4' fill='%23ffffff' stroke='%232e0a16' stroke-width='2'/%3E%3C/svg%3E") center/44px 44px no-repeat}
.consent input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Crect x='12' y='12' width='20' height='20' rx='4' fill='%23ec3f8f' stroke='%23ec3f8f' stroke-width='2'/%3E%3Cpath d='M16.5 22.5l3.8 3.8 7.4-8' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.card .btn{width:100%;justify-content:center}
.fine{margin-top:14px;font:400 13.5px/1.5 var(--sans);color:var(--wine)}
.fine a{font-weight:700}
.err{margin:0 0 14px;padding:12px 14px;border-left:4px solid var(--orange);background:var(--cream);font:500 15px/1.45 var(--sans)}
.err[hidden],.thanks[hidden],form[hidden]{display:none}
.thanks{text-align:center;padding:10px 0}
.thanks .crownbig{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;background:var(--zest);display:grid;place-items:center}
.thanks h3{font:400 clamp(40px,4.4vw,58px)/.95 var(--display);font-synthesis:none}
.thanks p{margin-top:14px;font:400 17px/1.6 var(--sans)}
/* after "Hold my spot": the three next steps, Kindle-plain (16 Oct 2026) */
.thanks .next-h{margin-top:18px;font:800 12px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.thanks .next{list-style:none;counter-reset:step;margin:16px 0 0;padding:0;display:grid;gap:14px;text-align:left}
.thanks .next li{counter-increment:step;display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;font:400 17px/1.5 var(--sans)}
.thanks .next li::before{content:counter(step);width:38px;height:38px;border-radius:50%;background:var(--pink);color:var(--white);display:grid;place-items:center;font:800 16px/1 var(--sans)}
.thanks .next b{font-weight:800}
.wait .thanks .glamoly{margin-top:22px}
.wait .spark{position:absolute;line-height:1}

/* ============ footer, the GBB Homepage V13 orange footer with the giant wordmark ============ */
.foot{position:relative;background:var(--wine);color:var(--white);border-radius:clamp(20px,2vw,40px) clamp(20px,2vw,40px) 0 0;margin-top:-28px;overflow:hidden;text-align:center}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(16px,1.6vw,24px) clamp(16px,2vw,32px) 0;text-align:left}
.foot-wm{display:inline-flex;align-items:center;min-height:44px;font:400 clamp(22px,2.2vw,34px)/1 var(--display);font-synthesis:none;color:var(--white);white-space:nowrap;transition:color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.foot-wm:hover{color:var(--pink-l)}}
.foot-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 clamp(14px,1.3vw,19px)/1 var(--sans);color:var(--white);white-space:nowrap;transition:color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.foot-cta:hover{color:var(--pink-l)}}
.foot-cta i{width:12px;height:12px;border-radius:50%;background:var(--orange)}
.foot-line{margin-top:clamp(40px,5vw,80px);font:700 11px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase}
.foot-links{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font:600 clamp(15px,1.3vw,18px)/1.5 var(--sans)}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--white);text-decoration:underline;text-underline-offset:4px;transition:color .2s cubic-bezier(.2,.8,.2,1),text-decoration-color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.foot-links a:hover{color:var(--pink-l)}}
.foot-giant{margin-top:clamp(28px,4vw,56px);white-space:nowrap;font:400 10.4vw/.84 var(--display);font-synthesis:none;text-transform:uppercase;letter-spacing:-.01em;color:var(--white)}
.foot-legal{padding:clamp(18px,2.4vw,28px) 24px;font:500 12px/1.6 var(--sans)}
.foot-pause{margin:clamp(20px,2.4vw,32px) 0 0}
.gb-pause{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--cream);background:transparent;color:var(--cream);font:600 14px/1 var(--sans);cursor:pointer;transition:color .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1)}
.gb-pause:active,.gb-pause:focus-visible{color:var(--pink-l);border-color:var(--pink-l)}
@media (hover:hover) and (pointer:fine){.gb-pause:hover{color:var(--pink-l);border-color:var(--pink-l)}}
html[data-gb-motion="paused"] *,html[data-gb-motion="paused"] *::before,html[data-gb-motion="paused"] *::after{animation-play-state:paused!important}

/* ============ motion: reveals only where the browser drives them from scroll, so nothing can stay hidden ============ */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
  }
}
@keyframes rise{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.leaf{display:none}html.js .door:not(.opened) .num{opacity:1}}
.confetti{position:fixed;z-index:100;width:10px;height:14px;pointer-events:none;border-radius:2px}
@media (min-width:1000px){.path .cap{white-space:nowrap}}

/* ============ 16 Oct 2026 redesign: no giant faces; the dream as four calm cards; the pathway; the system; Glimmer Reader ============ */
/* devices: one phone, one laptop, one iPad, used everywhere below. Every picture is a real screen. */
.dev{position:relative;width:var(--w,240px);flex:none;aspect-ratio:390/844;border-radius:calc(var(--w,240px) * .15);padding:calc(var(--w,240px) * .028);background:#2e0a16;box-shadow:0 0 0 1.5px #47202b,0 30px 50px -26px rgba(46,10,22,.55)}
.dev>img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:calc(var(--w,240px) * .125);background:var(--white)}
.dev .scr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:calc(var(--w,240px) * .125);background:var(--white);isolation:isolate}
.dev .scr .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.dev .scr iframe{position:absolute;left:0;top:0;width:390px;height:calc(100% / var(--s,.6));border:0;transform:scale(var(--s,.6));transform-origin:0 0;background:transparent}
.dev .scr.tall{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dev .scr.tall::-webkit-scrollbar{display:none}
.dev .scr.tall img{display:block;width:100%;height:auto}
.dev .scr:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.dev.hl{animation:devhl 1.4s ease}
@keyframes devhl{0%,100%{box-shadow:0 0 0 1.5px #47202b,0 30px 50px -26px rgba(46,10,22,.55)}30%{box-shadow:0 0 0 8px var(--zest),0 30px 50px -26px rgba(46,10,22,.55)}}
.dev::after{z-index:2;content:"";position:absolute;left:50%;top:calc(var(--w,240px) * .055);width:28%;height:calc(var(--w,240px) * .07);transform:translateX(-50%);border-radius:99px;background:#2e0a16}
.lap{position:relative;border-radius:14px;overflow:hidden;background:var(--white);box-shadow:0 0 0 1px rgba(46,10,22,.1),0 40px 70px -34px rgba(46,10,22,.5)}
.lap .bar{display:flex;align-items:center;gap:7px;height:30px;padding:0 14px;background:var(--cream)}
.lap .bar i{width:9px;height:9px;border-radius:50%;background:#e5d3cd}
.lap .bar em{margin-left:10px;font:600 11px/1 var(--sans);font-style:normal;color:var(--wine);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lap img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.tab{position:relative;width:var(--tw,320px);aspect-ratio:820/1180;border-radius:calc(var(--tw,320px) * .07);padding:calc(var(--tw,320px) * .035);background:#2e0a16;box-shadow:0 0 0 1.5px #47202b,0 40px 60px -30px rgba(46,10,22,.55)}
.tab img{position:absolute;inset:calc(var(--tw,320px) * .035);width:calc(100% - var(--tw,320px) * .07);height:calc(100% - var(--tw,320px) * .07);object-fit:cover;object-position:top;border-radius:calc(var(--tw,320px) * .035);background:var(--white)}
.tab .f2,.tab .f3{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .tab .f1{animation:turn1 7.5s infinite}.tab .f2{animation:turn2 7.5s infinite}.tab .f3{animation:turn3 7.5s infinite}
}
@keyframes turn1{0%,38%{opacity:1}44%,94%{opacity:0}100%{opacity:1}}
@keyframes turn2{0%,36%{opacity:0}40%,46%{opacity:1}52%,100%{opacity:0}}
@keyframes turn3{0%,44%{opacity:0}50%,92%{opacity:1}98%,100%{opacity:0}}

/* the dream, four layers deep: four calm cards, each with a tiny mockup, no faces (Jess, 16 Oct 2026) */
.dreams2{background:var(--wine);padding:clamp(70px,9vw,140px) 0}
.dq{display:grid;gap:clamp(18px,2vw,28px)}
@media (min-width:860px){.dq{grid-template-columns:1fr 1fr}}
.dq li{position:relative;display:flex;flex-direction:column;min-height:clamp(420px,40vw,560px);border-radius:clamp(24px,2.4vw,36px);padding:clamp(28px,3vw,48px);overflow:hidden}
.dq1{background:var(--cream)}.dq2{background:var(--lilac)}.dq3{background:var(--zest)}.dq4{background:var(--sky)}
.dq-n{font:400 clamp(54px,5vw,84px)/.8 var(--display);font-synthesis:none;color:var(--orange)}
.dq-k{margin-top:16px;font:800 12px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--wine)}
.dq-big{margin-top:12px;max-width:17ch;font:400 clamp(32px,3.2vw,52px)/1 var(--display);font-synthesis:none;color:var(--wine);text-wrap:balance}
.dq-art{margin-top:auto;padding-top:28px}
.cal-art{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}
.wk{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:300px}
.wk span{font:800 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--wine);text-align:center;padding-bottom:4px}
.wk i{height:34px;border-radius:8px;background:var(--white);box-shadow:inset 0 0 0 1px rgba(46,10,22,.08);font:700 10px/34px var(--sans);font-style:normal;text-align:center;color:var(--wine)}
.wk .evt{background:var(--lilac)}.wk .e2{background:var(--zest)}
.pings{display:grid;gap:7px}
.pings p{display:flex;justify-content:space-between;gap:16px;min-width:170px;padding:10px 14px;border-radius:14px;background:var(--white);box-shadow:0 12px 24px -16px rgba(46,10,22,.45);font:600 12.5px/1.2 var(--sans)}
.pings span{font:400 17px/1 var(--display);font-synthesis:none;color:var(--orange)}
@media (max-width:520px){.cal-art{grid-template-columns:1fr}.pings{grid-template-columns:1fr}}
.seen-art{display:grid;gap:9px;max-width:380px}
.seen-art p{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:var(--white)}
.seen-art i{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:var(--pink)}
.seen-art .ic-stage{background:var(--orange)}.seen-art .ic-press{background:var(--wine)}
.seen-art b{font:700 14px/1.2 var(--sans)}.seen-art span{font:500 12.5px/1.3 var(--sans);color:var(--wine)}
.ooo-art{max-width:380px;padding:20px 22px;border-radius:18px;background:var(--white);box-shadow:0 18px 34px -22px rgba(46,10,22,.45)}
.ooo-k{font:800 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--pink)}
.ooo-t{margin-top:10px;font:400 26px/1.05 var(--display);font-synthesis:none}
.ooo-b{margin-top:8px;font:500 14px/1.5 var(--sans);color:var(--wine)}
.txt-art{display:grid;gap:8px;max-width:360px}
.txt-art p{padding:11px 16px;border-radius:20px;font:500 15px/1.4 var(--sans);max-width:85%}
.txt-art .them{background:var(--white);border-bottom-left-radius:6px}
.txt-art .me{justify-self:end;background:var(--wine);color:var(--white);border-bottom-right-radius:6px}

/* the rooms: the Think Tank door is a board, not a face */
.tank-scene{position:absolute;inset:0;background:var(--lilac)}
.tank-scene .note{position:absolute;width:42%;padding:14px 12px;border-radius:6px;font:400 clamp(18px,1.7vw,24px)/1.05 var(--display);font-synthesis:none;color:var(--wine);text-align:center;box-shadow:0 14px 22px -14px rgba(46,10,22,.5)}
.tank-scene .n1{left:9%;top:34%;background:var(--zest);transform:rotate(-5deg)}
.tank-scene .n2{right:9%;top:42%;background:var(--white);transform:rotate(4deg)}
.tank-scene .n3{left:13%;top:60%;background:var(--sky);transform:rotate(3deg)}
.tank-scene .n4{right:12%;top:68%;background:var(--pink);color:var(--white);transform:rotate(-3deg)}
.tank-scene .spark{position:absolute;color:var(--pink);font-size:24px;line-height:1}

/* the pathway */
.pw{background:var(--white);padding:clamp(80px,9vw,150px) 0 clamp(70px,8vw,130px)}
.pw-head h2{margin-top:14px;font-size:clamp(44px,6.4vw,100px);line-height:.92;max-width:15ch}
.pw-head h2 span{color:var(--pink)}
.pw-lead{margin-top:22px;max-width:40em;font:400 clamp(18px,1.5vw,21px)/1.6 var(--sans)}
.pw-lead b{color:var(--orange)}
.pw-step{font:800 12px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--pink)}
.pw-act{margin-top:clamp(40px,4.5vw,70px)}
.pw-book{display:grid;gap:clamp(28px,4vw,60px);align-items:center}
@media (min-width:900px){.pw-book{grid-template-columns:1fr 1.05fr}}
.pw-book h3{margin-top:10px;font-size:clamp(34px,3.8vw,58px);line-height:.95}
.pw-book h3 span{color:var(--orange)}
.pw-book-copy>p:not(.pw-step){margin-top:14px;max-width:30em;font:400 clamp(17px,1.35vw,20px)/1.6 var(--sans)}
.pw-book-copy .pw-law{padding:18px 22px;border-radius:20px;background:var(--cream);box-shadow:inset 3px 0 0 var(--orange)}
.pw-law b{color:var(--orange)}
.pw-shelf{display:flex;justify-content:center;align-items:flex-end;padding:24px 12px 48px;overflow:hidden;border-radius:clamp(24px,2.4vw,36px);background:var(--lilac)}
.pw-shelf img,.pw-shelf .yours{width:22%;max-width:130px;aspect-ratio:758/1400;border-radius:3px 7px 7px 3px;box-shadow:0 2px 0 rgba(46,10,22,.1),0 26px 40px -20px rgba(46,10,22,.55)}
.pw-shelf img{object-fit:cover}
.pw-shelf img:nth-child(1){transform:rotate(-5deg) translateY(6px);margin-right:-4%}
.pw-shelf img:nth-child(2){transform:rotate(-1.5deg);margin-right:-4%;position:relative}
.pw-shelf img:nth-child(3){transform:rotate(2deg);margin-right:3%;position:relative}
.pw-shelf .yours{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:var(--white);box-shadow:inset 0 0 0 2px var(--orange),0 26px 40px -20px rgba(46,10,22,.45);transform:rotate(5deg) translateY(-14px);text-align:center;padding:8px}
.pw-shelf .yours b{font:400 clamp(18px,2vw,28px)/1 var(--display);font-synthesis:none;color:var(--orange)}
.pw-shelf .yours i{font:700 9px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--wine)}
.pw-shelf .yours small{position:absolute;left:50%;bottom:-38px;transform:translateX(-50%) rotate(-5deg);white-space:nowrap;padding:7px 11px;border-radius:999px;background:var(--wine);color:var(--zest);font:800 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}

.pw-glit{margin-top:clamp(40px,4.5vw,70px);padding:clamp(40px,4vw,60px) 0;background:var(--lilac);color:var(--wine);border-radius:clamp(24px,3vw,48px)}
.pw-glit .pw-step{color:var(--pink)}
.pw-eight{margin-top:10px;max-width:18ch;font-size:clamp(34px,4.4vw,70px);line-height:.92;color:var(--wine)}
.pw-go{margin-top:12px;max-width:30em;font:400 clamp(18px,1.6vw,23px)/1.5 var(--sans);color:var(--wine)}
.pw-sc{margin-top:18px;display:grid;gap:12px;max-width:820px}
@media (min-width:760px){.pw-sc{grid-template-columns:1fr 1fr}}
.pw-sc p{padding:14px 18px;border-radius:18px;background:var(--white);font:400 16.5px/1.5 var(--sans);color:var(--wine);box-shadow:0 12px 26px -20px rgba(46,10,22,.5)}
.pw-sc b{display:inline;font:400 26px/1 var(--display);font-synthesis:none;color:var(--pink);margin-right:8px}
.pw-sc p+p b{color:var(--orange)}
.pw-rail{margin-top:clamp(28px,3vw,44px);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 0 20px;outline:none;scroll-padding-inline:var(--gut)}
.pw-rail:focus-visible{box-shadow:inset 0 0 0 3px var(--pink)}
.pw-rail ol{display:flex;gap:clamp(18px,2vw,30px);padding:0 var(--gut);width:max-content}
.pw-rail li{--w:clamp(168px,46vw,196px);width:var(--w);scroll-snap-align:start;display:flex;flex-direction:column}
.pw-rail .k{margin-top:14px;font:800 11px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--pink)}
.pw-rail li>p:not(.k){margin-top:8px;font:400 15px/1.5 var(--sans);color:var(--wine)}
.grab{align-self:flex-start;margin-top:auto;display:inline-flex;text-decoration:none;transition:background-color .2s cubic-bezier(.2,.8,.2,1);align-items:center;gap:8px;min-height:44px;padding:9px 14px 9px 12px;border-radius:999px;background:var(--orange);color:var(--white);font:700 12.5px/1 var(--sans)}
.pw-rail li>p:not(.k)+.grab{margin-top:14px}
.grab:focus-visible,.grab:active{background:var(--pink);color:var(--white)}
@media (hover:hover) and (pointer:fine){.grab:hover{background:var(--pink);color:var(--white)}}
.grab::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--zest)}
@media (min-width:1100px){.pw-rail{overflow:visible}.pw-rail ol{width:min(1260px,100% - 2 * var(--gut));margin:0 auto;padding:0;justify-content:space-between}.pw-rail li{--w:196px}}

.pw-funnel{margin-top:clamp(56px,6vw,96px);position:relative}
.pw-steps{margin-top:10px}
.pws{display:grid;gap:clamp(24px,3.5vw,60px);align-items:center;padding:clamp(40px,4.5vw,72px) 0;border-bottom:1px solid #f4e9e4}
.pws:last-child{border-bottom:0}
@media (min-width:760px){.pws{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.pws:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.pws:nth-child(even) .pws-copy{order:2}}
.pws-n{display:block;font:400 clamp(54px,5vw,84px)/.8 var(--display);font-synthesis:none;color:var(--orange)}
.pws h3{margin-top:14px;font-size:clamp(34px,3.6vw,56px);line-height:.98;max-width:13ch}
.pws-copy>p:not(.pws-v){margin-top:14px;max-width:26em;font:400 clamp(17px,1.3vw,19px)/1.6 var(--sans)}
.pws-v{display:inline-flex;align-items:baseline;gap:12px;margin-top:22px;padding:12px 20px;border-radius:999px;background:var(--zest)}
.pws-v span{font:800 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.pws-v b{font:400 clamp(24px,2.2vw,32px)/1 var(--display);font-synthesis:none;color:var(--wine)}
.box4{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:380px}
.box4 li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--cream);font:700 13.5px/1.2 var(--sans)}
.box4 i{flex:none;width:30px;height:30px;border-radius:9px;background:var(--orange)}
.box4 .b-wb{background:var(--pink)}.box4 .b-mc{background:var(--wine)}.box4 .b-sp{background:var(--sky)}
.pws-art{position:relative;display:flex;justify-content:center;align-items:flex-end;padding:clamp(20px,3vw,44px);border-radius:clamp(24px,2.4vw,36px);background:var(--cream);min-height:clamp(360px,36vw,500px)}
.pws:nth-child(3n+2) .pws-art{background:var(--lilac)}.pws:nth-child(3n) .pws-art{background:var(--sky)}
.pws-art .lap{display:none}
.pws-art .dev{--w:clamp(210px,56vw,250px)}
.pws-art.pair{gap:clamp(12px,2vw,26px)}
.pws-art.pair .dev{--w:clamp(140px,22vw,230px)}
@media (max-width:759px){.pws-art.pair .dev{--w:clamp(140px,38vw,230px)}}
@media (min-width:760px) and (max-width:899px){.pws-art .dev{--w:clamp(200px,30vw,250px)}}
.pws-art.pair .dev:last-child{transform:translateY(-26px)}
@media (min-width:900px){
  .pws-art:not(.solo):not(.pair){justify-content:flex-start;align-items:center}
  .pws-art:not(.solo):not(.pair) .lap{display:block;width:84%}
  .pws-art:not(.solo):not(.pair) .dev{--w:clamp(150px,13vw,190px);position:absolute;right:clamp(16px,2.4vw,36px);bottom:clamp(-30px,-2vw,-14px)}
}
.meter{position:sticky;bottom:14px;z-index:20;display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin:24px auto 0;padding:10px 12px 10px 20px;border-radius:999px;background:var(--wine);color:var(--cream);box-shadow:0 18px 40px -18px rgba(46,10,22,.7)}
.meter span{font:800 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--pink-l)}
.meter b{min-width:3.6em;font:400 28px/1 var(--display);font-synthesis:none;color:var(--zest)}
.meter ol{display:flex;gap:4px}
.meter li{padding:7px 10px;border-radius:999px;font:700 11.5px/1 var(--sans);color:rgba(254,249,245,.55);background:transparent;box-shadow:inset 0 0 0 1px #6f4a50;transition:background-color .45s ease,color .45s ease}
.meter li.on{background:var(--pink);color:var(--white)}
@media (max-width:520px){.meter{gap:10px;padding:8px 8px 8px 16px}.meter ol li:not(:last-child){display:none}.meter b{font-size:24px}}
.pw-close{margin-top:clamp(40px,5vw,70px);text-align:center;font:400 clamp(28px,3.4vw,52px)/1.05 var(--display);font-synthesis:none;text-wrap:balance}
.pw-close span{color:var(--orange)}

/* the system behind it */
.sys{background:var(--cream);padding:clamp(80px,9vw,140px) 0}
.sys h2{margin-top:14px;font-size:clamp(44px,6vw,92px);line-height:.92}
.sys h2 span{color:var(--pink)}
.sys-lead{margin-top:20px;max-width:38em;font:400 clamp(18px,1.5vw,21px)/1.6 var(--sans)}
.sys-scroll{margin-top:clamp(36px,4vw,60px);outline:none}
.sys-map{width:min(1260px,100% - 2 * var(--gut));margin:0 auto}
.sys-lanes{display:none}
.sys-cols{display:grid;gap:clamp(14px,1.4vw,20px)}
.scol{border-radius:24px;background:var(--white);padding:22px;box-shadow:0 18px 40px -30px rgba(46,10,22,.5)}
.she{display:flex;align-items:center;gap:10px;font:400 26px/1 var(--display);font-synthesis:none}
.she b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:var(--white);font:800 13px/1 var(--sans)}
.scol .c{margin-top:10px;padding:12px 14px;border-radius:14px;background:var(--cream);box-shadow:inset 3px 0 0 var(--lc)}
.scol .c::before{content:attr(data-l);display:block;font:800 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--wine);margin-bottom:6px}
.scol .c.e{display:none}
.scol .c p{font:500 14px/1.45 var(--sans)}
.ln1{--lc:var(--pink)}.ln2{--lc:var(--orange)}.ln3{--lc:#5aa0b0}.ln4{--lc:#8a6bb0}
.chip{display:inline-block;margin:7px 5px 0 0;padding:6px 10px;border-radius:999px;font:700 11px/1.1 var(--sans)}
.chip.t{background:var(--orange);color:var(--white)}.chip.g{background:var(--zest);color:var(--wine)}.chip.w{background:var(--wine);color:var(--zest)}
.sys-key{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font:500 13.5px/1 var(--sans);color:var(--wine)}
.sys-key li{display:flex;align-items:center;gap:8px}.sys-key .chip{margin:0}
@media (min-width:760px) and (max-width:1099px){.sys-cols{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){
  .sys-cols{grid-template-columns:repeat(6,1fr);gap:20px;align-items:start}
  .scol{padding:22px}
  .she{font-size:20px;line-height:1.05;min-height:44px}
  .she b{flex:none;width:26px;height:26px;font-size:12px}
  .scol .c p{font-size:13.5px}
  .chip{font-size:10.5px}
}

/* Glimmer Reader */
.glim{background:var(--white);padding:clamp(80px,9vw,140px) 0;overflow:hidden}
.glim h2{margin-top:14px;font-size:clamp(44px,6vw,92px);line-height:.92}
.glim h2 span{color:var(--pink)}
.glim-lead{margin-top:20px;max-width:38em;font:400 clamp(18px,1.5vw,21px)/1.6 var(--sans)}
.glim-lead b{font:400 1.25em/1 var(--display);font-synthesis:none;color:var(--orange);white-space:nowrap}
.glim-stage{position:relative;margin-top:clamp(40px,5vw,80px);padding:clamp(30px,4vw,70px) clamp(16px,4vw,70px) clamp(30px,4vw,60px);border-radius:clamp(24px,3vw,48px);background:var(--lilac);display:flex;justify-content:center;align-items:flex-end;gap:16px}
.glim-stage .lap{display:none}
.glim-stage .tab{--tw:clamp(170px,46vw,300px)}
.glim-stage .dev{--w:clamp(120px,32vw,200px)}
@media (min-width:900px){
  .glim-stage{align-items:flex-end;gap:clamp(20px,2.4vw,36px)}
  .glim-stage .lap{display:block;flex:1;min-width:0;max-width:640px}
  .glim-stage .tab{--tw:clamp(220px,19vw,270px)}
  .glim-stage .dev{--w:clamp(150px,13vw,180px)}
}

.glim-row{margin-top:clamp(40px,5vw,70px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,3vw,40px) clamp(16px,2vw,30px)}
@media (min-width:900px){.glim-row{grid-template-columns:repeat(4,1fr)}}
.glim-row li{display:flex;flex-direction:column;align-items:center;text-align:center}
.glim-row .dev{--w:clamp(140px,38vw,230px)}
.glim-row .k{margin-top:18px;font:400 24px/1 var(--display);font-synthesis:none;color:var(--orange)}
.glim-row li>p:not(.k){margin-top:6px;font:500 15px/1.45 var(--sans);max-width:16em}
.wait .glamoly{margin-top:6px;font:400 22px/1.1 var(--display);font-synthesis:none;color:var(--orange)}

/* the value line: one client's value, step by step, in the page flow (never covers a screen) */
.vline{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:16px;padding:clamp(18px,1.6vw,22px);border-radius:24px;background:var(--wine)}
.vline li{position:relative;padding:12px 10px;border-radius:18px;background:transparent;box-shadow:inset 0 0 0 1px var(--gold-lt);color:rgba(254,249,245,.75);font:600 11.5px/1.3 var(--sans);text-align:center}
.vline li:last-child{background:var(--pink);color:var(--white);box-shadow:none}
.vline b{display:block;font:400 clamp(22px,2.4vw,34px)/1 var(--display);font-synthesis:none;color:var(--zest);margin-bottom:4px}
.vline li:last-child b{color:var(--white)}
@media (max-width:620px){.vline{grid-template-columns:1fr 1fr}.vline li:last-child{grid-column:1/-1}}

/* ============ 16 Oct 2026, the V13 design language across the page (Claude Design, GBB Homepage V13):
   cream ground, centred calm headings at the V13 scale, white rounded cards with soft shadows, the press bar under the hero ============ */
.press{padding:0 0 clamp(40px,5vw,72px);text-align:center;overflow:hidden}
.press-k{font:800 10.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--wine)}
.press-row{margin:16px auto 0;width:min(1100px,100% - 2 * var(--gut));display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px clamp(22px,3vw,44px)}
.press-row img{height:clamp(18px,1.8vw,26px);width:auto;opacity:.6;filter:grayscale(1) brightness(.35)}
.model,.fit,.pw,.sys,.glim,.path,.yg,.rooms{background:var(--cream)}
.pw-head h2,.sys h2,.glim h2{font-size:clamp(36px,4.2vw,68px);line-height:1;max-width:none}
.pws h3{font-size:clamp(28px,2.6vw,42px)}
.pws-n{font-size:clamp(44px,4vw,64px)}
.pw-book h3{font-size:clamp(30px,3.2vw,48px)}
.pw-eight{font-size:clamp(32px,3.8vw,60px)}
.pws-art{background:var(--white);box-shadow:0 1px 0 rgba(46,10,22,.04),0 22px 44px -30px rgba(46,10,22,.45)}
.pws:nth-child(3n+2) .pws-art{background:var(--lilac)}.pws:nth-child(3n) .pws-art{background:var(--sky)}
.pws{border-bottom-color:#f4e9e4}
.pw-lead b,.pw-law b{background:var(--zest);color:var(--wine);padding:0 4px;border-radius:3px}
.glim-stage{background:var(--white);box-shadow:0 22px 44px -30px rgba(46,10,22,.45)}
.scol{box-shadow:0 1px 0 rgba(46,10,22,.04),0 22px 44px -30px rgba(46,10,22,.45)}
/* V13 heading scale on every section below the hero (the hero keeps its own) */
main section:not(.hero) h2.disp{font-size:clamp(36px,4.2vw,68px);line-height:.98}

/* ============ 16 Oct 2026, pass 4: the Claude Design language (GBB Homepage V13, JHM Homepage V1, kit tokens) ============
   tokens: display-section 52px, card 34px, body 17px/1.6, eyebrow 11px 800 .28em, section gap 76px, card pad 26px,
   radius card 24 / panel 32 / photo 34, shadow-card 0 1px 2px .04 + 0 8px 24px .06, ease .2 .8 .2 1, 200 to 400 ms. */
:root{--shadow-card:0 1px 2px rgba(46,10,22,.04),0 8px 24px rgba(46,10,22,.06);--r-card:24px;--r-panel:32px}
main section:not(.hero) h2.disp{font-size:clamp(38px,6.2vw,90px);line-height:.98;letter-spacing:-.015em}
.cap{font-size:11px;letter-spacing:.28em}
/* the highlighter: a flat zest band under the key words, drawn in as it scrolls into view */
.hl{color:inherit!important;padding:0 .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 -.5em 0 var(--zest)}
@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){
  .hl{animation:hlin linear both;animation-timeline:view();animation-range:entry 30% cover 40%}}}
@keyframes hlin{from{box-shadow:inset 0 0 0 var(--zest)}to{box-shadow:inset 0 -.5em 0 var(--zest)}}
/* centred, calm section heads, the V13 rhythm */
.pw-head,.sys>.wrap:first-child,.glim>.wrap>.cap,.glim>.wrap>h2,.glim>.wrap>.glim-lead{text-align:center}
.pw-head h2,.pw-lead,.sys-lead,.glim-lead{margin-left:auto;margin-right:auto}
.pw-head h2{max-width:18ch}
/* colour blocking: one accent per section, white cards that lift off cream */
.dreams2{background:var(--cream)}
.dq1,.dq3{background:var(--white)}.dq2,.dq4{background:var(--lilac)}
.dq li{box-shadow:var(--shadow-card);border-radius:var(--r-panel)}
.glit{background:var(--cream)}
.glit-grid li,.glit-grid .g1,.glit-grid .g2,.glit-grid .g3,.glit-grid .g4{background:var(--white);color:var(--wine);box-shadow:var(--shadow-card);border-radius:var(--r-card)}
.glit-grid .g1 b{color:var(--orange)}.glit-grid .g2 b{color:var(--pink)}.glit-grid .g3 b{color:var(--orange)}.glit-grid .g4 b{color:var(--pink)}
.s1,.s2,.s3,.s4,.s5,.s6{background:var(--white);color:var(--wine);box-shadow:var(--shadow-card)}
.s1 .n,.s2 .n,.s3 .n,.s4 .n,.s5 .n,.s6 .n{color:var(--orange)}
.s2,.s5{background:var(--lilac)}
/* dark sections become inset panels on cream, like the V13 Multiplier Model card */
.gge,.mf{margin:0 var(--gut);border-radius:var(--r-panel)}
/* 18 Oct 2026: on wide screens the wine panels sit further in, so cream frames them and wine never fills a screen (brand gate wine_per_screen) */
@media (min-width:1000px){.gge,.mf,.wait-panel{margin:0 clamp(32px,7vw,112px)}}
.mf .b{background:var(--cream);color:var(--wine);border-radius:var(--r-card)}
.mf .b .n{color:var(--orange)}
.mf .b-zest .n{color:var(--wine)}
.mf .b-zest{background:var(--zest)}.mf .b-lilac{background:var(--lilac)}
.mf .b .chips span{color:var(--cream)}
.pws-art,.glim-stage,.scol,.pw-sc p{box-shadow:var(--shadow-card)}
/* ribbons */
.ribbons{position:relative;height:clamp(150px,17vw,280px);overflow:hidden;background:var(--cream)}
.rb{position:absolute;left:-10%;right:-10%;top:50%;padding:clamp(10px,1.2vw,18px) 0;white-space:nowrap;overflow:hidden}
.rb1{transform:translateY(-50%) rotate(4deg);background:var(--sky);z-index:1}.rb2{transform:translateY(-50%) rotate(-4deg);background:var(--lilac);z-index:2}
.rb-run{display:flex;width:max-content}
.rb p{margin:0;padding-right:.35em;font:400 clamp(28px,4vw,64px)/1 var(--display);font-synthesis:none;letter-spacing:-.02em;text-transform:uppercase;color:var(--wine)}
@media (prefers-reduced-motion:no-preference){.rb1 .rb-run{animation:rbm 140s linear infinite}.rb2 .rb-run{animation:rbm 120s linear infinite reverse}}
@keyframes rbm{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* trusted */
.trust{background:var(--cream);padding:clamp(40px,5vw,72px) 0 clamp(76px,9vw,120px);text-align:center}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:820px;margin:0 auto}
.stats b{display:block;font:400 clamp(48px,5.4vw,96px)/.9 var(--display);font-synthesis:none;color:var(--wine)}
.stats span{display:block;margin-top:10px;font:500 clamp(13px,1.1vw,15px)/1.4 var(--sans)}
.trust h2{margin-top:clamp(60px,7vw,100px)}
.tr-row{margin-top:clamp(28px,3vw,44px);overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 18px;outline:none;scrollbar-width:none}
.tr-row::-webkit-scrollbar{display:none}
.tr-row ol{display:flex;gap:20px;width:max-content;padding:0 var(--gut);margin:0 auto}
.tr-row li{scroll-snap-align:start;flex:none;width:clamp(260px,24vw,320px);display:flex;flex-direction:column;gap:12px;padding:28px 26px 32px;border-radius:16px;background:var(--sky);text-align:left}
.tr-row .tq-st{font-size:18px;letter-spacing:2px;color:var(--wine)}.tr-row .tq-who{font:500 14px var(--sans)}
.tr-row .tq-big{margin-top:6px;font:500 20px/1.3 var(--sans)}.tr-row .tq-sm{font:400 14px/1.6 var(--sans)}
.mf .b .math{color:var(--orange)}
.over{margin-top:clamp(56px,7vw,96px)}
.over .k{font:600 16px var(--sans)}
.over .q{margin:18px auto 22px;max-width:24ch;font:400 clamp(24px,3.4vw,36px)/1.35 var(--sans);text-wrap:balance}
.over .by{font:500 14px var(--sans)}
@media (max-width:560px){.stats{grid-template-columns:1fr;gap:28px}}

/* ============ 16 Oct 2026, pass 5: every phone on cream, the kit's serif display everywhere, Model, Fit, Glitter, Manifesto and Jess to the V13 rhythm ============ */
/* every phone sits on cream */
.pws-art,.pws:nth-child(3n+2) .pws-art,.pws:nth-child(3n) .pws-art{background:var(--cream);box-shadow:inset 0 0 0 1px #f4e9e4}
.pw{background:var(--white)}
.pw-glit{background:var(--cream);box-shadow:inset 0 0 0 1px #f4e9e4}
.glim-stage{background:var(--cream);box-shadow:inset 0 0 0 1px #f4e9e4}
/* V13 section rhythm: 76 px gap token at desktop, centred heads, 66ch measure */
.model,.fit,.glit,.mf{padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(64px,7vw,104px)}
.model h2,.fit h2,.glit h2,.mf h2{text-align:center;margin-left:auto;margin-right:auto;max-width:20ch}
.model .cap,.fit-top>.cap,.glit .cap,.mf-head .cap{text-align:center}
.model h2 span,.glit h2 span,.mf h2 span{color:inherit;box-shadow:inset 0 -.5em 0 var(--zest);padding:0 .1em}
.model-lead,.glit-lead,.mf-head>p{text-align:center;margin-left:auto;margin-right:auto;max-width:34em}
.model-lead{font-size:clamp(20px,1.9vw,26px);line-height:1.35}
/* model cards: white, kit card radius and lift; the fifth the one dark accent */
.model-grid{gap:clamp(14px,1.4vw,20px)}
.model-grid li{border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:26px}
.model-grid b{font-size:clamp(40px,3.4vw,52px);line-height:.85}
.slide,.generous{border-radius:var(--r-panel);box-shadow:var(--shadow-card);padding:clamp(26px,3vw,44px)}
.slide{background:var(--white)}
.generous{background:var(--lilac);color:var(--wine)}
.generous .cap,.generous cite{color:var(--orange)}
.generous>p:last-child{color:var(--wine)}
/* fit: three mirror cards, the punch, the comparison cards (V13 Types of Publishing) */
.fit-top{text-align:center}
.mirror3{margin-top:clamp(36px,4vw,56px);display:grid;gap:clamp(16px,1.4vw,20px);text-align:left}
@media (min-width:860px){.mirror3{grid-template-columns:repeat(3,1fr)}}
.mirror3 li{padding:26px;border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-card)}
.mirror3 p{font:400 clamp(20px,1.7vw,24px)/1.3 var(--display);font-synthesis:none}
.punch2{margin:clamp(40px,5vw,64px) auto 0;max-width:24ch;font:400 clamp(28px,3vw,44px)/1.1 var(--display);font-synthesis:none;text-wrap:balance}
.punch2 span{display:block;margin-top:10px;color:var(--orange)}
.fit .dreams2{padding:clamp(48px,5vw,76px) 0}
.fit-lists{padding-bottom:8px}
.lists-lead{text-align:center;font:400 clamp(22px,2.2vw,32px)/1.2 var(--display);font-synthesis:none}
.cmp{margin-top:clamp(28px,3vw,44px);display:grid;gap:clamp(16px,1.4vw,20px);max-width:1000px;margin-left:auto;margin-right:auto}
@media (min-width:860px){.cmp{grid-template-columns:1.25fr 1fr}}
.cmp>div{padding:clamp(24px,2.6vw,34px);border-radius:var(--r-card);box-shadow:var(--shadow-card)}
.cmp-yes{background:var(--white)}.cmp-no{background:var(--lilac)}
.cmp-k{font:400 clamp(26px,2.2vw,34px)/1.05 var(--display);font-synthesis:none}
.cmp ul{margin-top:16px;display:grid;gap:10px}
.cmp li{position:relative;padding-left:30px;font:400 16px/1.5 var(--sans)}
.cmp li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--sans)}
.cmp-yes li::before{content:"\2713";background:var(--zest);color:var(--wine)}
.cmp-no li::before{content:"\2715";background:var(--white);color:var(--pink)}
/* glitter: four calm white cards, serif titles */
.glit-grid li{padding:26px}
.glit-close{border-radius:var(--r-card)}
/* manifesto: the kit display face, calmer bento */
.mf .b{padding:clamp(22px,2.4vw,30px);box-shadow:none}
.mf .b p{font-size:15.5px;line-height:1.55}
.mf .b .n{font:400 clamp(40px,3.4vw,52px)/.85 var(--display);font-synthesis:none}
.mf-close{font-family:var(--display)}
/* Jess, the V13 "Why we exist" photo card and the JHM three titles */
.jess2{background:var(--cream);padding:clamp(76px,8vw,120px) 0;text-align:center}
.jess2 .cap{color:var(--pink)}
.jess2 h2{margin:12px auto 0;max-width:18ch}
.j-card{position:relative;margin:clamp(36px,3.3vw,60px) auto 0;width:min(100%,560px);aspect-ratio:4/5;border-radius:34px;overflow:hidden;background:var(--lilac);box-shadow:var(--shadow-card)}
.j-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.j-pill{position:absolute;left:6%;bottom:6%;margin:0;padding:12px 20px;border-radius:999px;background:var(--white);font:600 clamp(13px,1.05vw,16px)/1.2 var(--sans);white-space:nowrap}
.j-copy{margin:clamp(32px,3.4vw,52px) auto 0;max-width:34em;display:grid;gap:14px}
.j-copy p{font:400 17px/1.6 var(--sans)}
.j-copy strong{font-weight:700}
.j-titles{margin:clamp(30px,3vw,44px) auto 0;max-width:620px;display:grid;gap:0;padding:22px 26px;border-radius:var(--r-card);background:var(--lilac);text-align:left}
.j-titles li{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:baseline;padding:14px 0;border-top:1px solid rgba(46,10,22,.1)}
.j-titles li:first-child{border-top:0}
.j-titles b{font:400 26px/1 var(--display);font-synthesis:none}
.j-titles li:nth-child(2) b{color:var(--pink)}.j-titles li:nth-child(3) b{color:var(--orange)}
.j-titles span{font:500 15px/1.45 var(--sans)}
.j-creds{margin:22px auto 26px;max-width:46em;font:600 13.5px/1.6 var(--sans);color:var(--wine)}
@media (max-width:520px){.j-titles li{grid-template-columns:1fr;gap:4px}}
.mf-head{margin-left:auto;margin-right:auto;text-align:center}
.mf h2 span{color:var(--pink-l);box-shadow:none;padding:0}
.fit .dq li{min-height:clamp(300px,26vw,380px);padding:clamp(24px,2.4vw,34px)}
.fit .dq-big{font-size:clamp(26px,2.4vw,36px)}
.fit .dq-n{font-size:clamp(40px,3.4vw,52px)}
.fit .dreams2{padding:clamp(36px,4vw,56px) 0}
.mirror3{margin-top:clamp(28px,3vw,44px)}
.punch2{margin-top:clamp(30px,3.4vw,48px)}

/* ============ 16 Oct 2026, pass 6: Rooms to the V13 card treatment; every Rooms and Glimmer phone on cream and scrolling ============ */
.rooms{background:var(--cream);padding:clamp(76px,8vw,120px) 0}
.rooms-head{grid-template-columns:1fr!important;text-align:center;justify-items:center}
.rooms-head h2{margin-left:auto;margin-right:auto;max-width:16ch}
.rooms-head p{margin:0 auto}
.lab-scene,.studio-scene,.tank-scene{background:var(--cream)}
.arch{box-shadow:0 0 0 clamp(8px,.8vw,14px) var(--white),0 0 0 calc(clamp(8px,.8vw,14px) + 1px) #e5d3cd,0 22px 44px -30px rgba(46,10,22,.45)}
.phone .scr{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:20px;background:var(--white);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.phone .scr::-webkit-scrollbar{display:none}
.phone .scr img{display:block;width:100%;height:auto;border-radius:0;object-fit:initial}
.phone{z-index:3}
.door figcaption{margin-top:clamp(22px,2vw,30px);padding:26px;border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-card)}
.door h3{font-size:clamp(30px,2.6vw,40px);line-height:1.02}
.door p{font-size:16px;line-height:1.6;max-width:none}
.tag{font-size:11px;letter-spacing:.28em}
.studios li{background:var(--lilac);color:var(--wine);font-size:13px}
.d3 .tag{background:var(--pink-l);color:var(--wine)}
.doors{margin-top:clamp(44px,5vw,76px)}
.dev{overflow:hidden}

/* the spiral's replay sits under the animation, and the stage-by-stage breakdown below the legend (Jess, 16 Oct 2026) */
.gge-again-row{display:flex;justify-content:center}.gge-again-row .replay{margin-top:14px}
.gge-break{margin-top:clamp(40px,5vw,72px);padding:clamp(26px,4vw,56px);border-radius:28px;background:var(--cream);color:var(--wine)}
.gge-break .cap{color:#a12d63}
.gge-break h3{margin-top:10px;font-size:clamp(40px,5vw,72px);line-height:.95;color:var(--wine)}
.gge-break h3 span{color:#ec3f8f;font-style:italic}
.gb-intro{margin-top:16px;max-width:42em;font:400 clamp(17px,1.4vw,20px)/1.6 var(--sans);color:var(--wine)}
.gb-stages{list-style:none;margin:clamp(24px,3vw,36px) 0 0;padding:0;display:grid;gap:clamp(14px,1.4vw,20px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.gb-stages li{min-width:0;background:#fff;border-radius:20px;padding:22px;border-top:6px solid var(--c)}
.gb-stages b{display:block;font:400 26px/1.05 var(--display);font-synthesis:none;color:var(--wine)}
.gb-stages strong{display:block;margin-top:6px;font:700 16px/1.35 var(--sans);color:#a12d63}
.gb-stages p{margin-top:8px;font:400 15.5px/1.55 var(--sans);color:var(--wine)}
.gb-ip{display:flex;flex-wrap:wrap;gap:6px}
.gb-ip span{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--wine);color:#fff;font:700 12px/1.2 var(--sans);letter-spacing:.02em}
.gb-close{margin-top:clamp(22px,3vw,34px);font:400 clamp(22px,2.2vw,32px)/1.2 var(--display);font-synthesis:none;color:var(--wine);max-width:34em}
.gb-close span{color:#fa4d24;font-style:italic}
@media (min-width:900px){.gb-stages li:first-child,.gb-stages li:last-child{grid-column:1/-1}.gb-stages li:first-child p,.gb-stages li:last-child p{max-width:52em}}
/* a pastel button keeps a wine focus ring (hover and motion standard, section 6) */
#throw:focus-visible{outline-color:var(--wine)}

/* ============ 19 Oct 2026, Jess's review (Iris): bright gold, the house doodles on every stage and step, a path that reads
   left to right, hot pink numbers, the rooms higher up, glitter everywhere. Doodles: Jess-git builds/2026-10-19-queens-home-visual/draw_doodles.py ============ */
/* a moon: the white circle every doodle sits on */
.moon{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--white);box-shadow:var(--shadow-card)}
.moon img{width:80%;height:auto}

/* the Glitter Bomb Effect, stage by stage: seven doodles on a rising gold line, a name and one word each */
.gge-break{background:var(--cream)}
.gge-break h3 .hl{color:inherit;font-style:normal}
.stages-wrap{position:relative;margin-top:clamp(36px,4vw,64px)}
.stages-line{display:none}
.stages-line path{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:3 11;stroke-linecap:round}
.stages{position:relative;display:grid;gap:22px;max-width:520px}
.stages::before{content:"";position:absolute;left:37px;top:38px;bottom:38px;border-left:3px dotted var(--gold)}
.sg{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;row-gap:6px;align-items:center}
.sg .moon{grid-row:1/3;width:76px;height:76px}
.sg b{align-self:end;font:400 clamp(26px,2.2vw,32px)/1 var(--display);font-synthesis:none;letter-spacing:-.01em}
.sg .verb{align-self:start;justify-self:start;font:700 18px/1.3 var(--sans);text-decoration:underline wavy var(--c);text-decoration-thickness:2px;text-underline-offset:7px;text-decoration-skip-ink:none}
.sg .line{align-self:start;font:500 15.5px/1.4 var(--sans)}
.sg-gold{--c:var(--gold)}.sg-hab{--c:var(--orange)}.sg-pink{--c:var(--pink)}.sg-fuse{--c:var(--pink-l)}.sg-flash{--c:#5aa0b0}.sg-glitter{--c:#8a6bb0}
@media (min-width:1000px){
  .stages-line{display:block;position:absolute;left:0;top:0;width:100%;height:200px;overflow:visible}
  .stages{max-width:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:0 clamp(10px,1.2vw,18px);align-items:start}
  .stages::before{display:none}
  .sg{grid-template-columns:1fr;grid-template-rows:auto;justify-items:center;text-align:center;row-gap:12px}
  .sg .moon{grid-row:auto;width:114px;height:114px}
  .sg b{margin-top:6px}
  .sg .verb{justify-self:center}
  .sg:nth-child(1){margin-top:108px}.sg:nth-child(2){margin-top:90px}.sg:nth-child(3){margin-top:72px}.sg:nth-child(4){margin-top:54px}
  .sg:nth-child(5){margin-top:36px}.sg:nth-child(6){margin-top:18px}
}
.gge-break .gb-close{margin-top:clamp(36px,4vw,56px)}
.gb-close .hl{color:inherit;font-style:normal}
.gb-close--long span{color:var(--wine);font-style:normal}
/* the whole breakdown, in Jess's words, one tap deeper */
.gb-more{margin-top:clamp(22px,2.4vw,32px);border-top:1px solid #e5d3cd;padding-top:10px}
.gb-more summary{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;font:700 19px/1.2 var(--sans);color:var(--wine);transition:color .2s cubic-bezier(.2,.8,.2,1)}
.gb-more summary::-webkit-details-marker{display:none}
.gb-more summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--wine);font:700 18px/1 var(--sans)}
.gb-more[open] summary::after{content:"\2212"}
@media (hover:hover) and (pointer:fine){.gb-more summary:hover{color:var(--pink)}}
.gb-more summary:active,.gb-more summary:focus-visible{color:var(--pink)}
details.gb-more:not([open])>:not(summary){display:none}
.gb-more .gb-stages{margin-top:18px}
.gb-more .gb-stages strong{color:var(--wine)}

/* the path: one line, left to right, a doodle on every step (Jess, 19 Oct 2026: "my eyes went right to left") */
.trail{position:relative;margin-top:clamp(44px,5vw,80px)}
.trail-ol{--m:76px;position:relative;display:grid;gap:34px;max-width:560px;margin:0 auto}
.trail-ol::before{content:"";position:absolute;left:37px;top:38px;bottom:38px;border-left:2.5px dashed var(--wine)}
.tr{position:relative;display:grid;grid-template-columns:var(--m) minmax(0,1fr);column-gap:20px;align-content:start}
.tr .moon{grid-row:1/span 4;width:var(--m);height:var(--m)}
.tr .n{min-height:1em;font:400 28px/1 var(--display);font-synthesis:none;color:var(--pink)}
.tr h3{margin-top:4px;font:400 clamp(30px,2.3vw,36px)/1 var(--display);font-synthesis:none;letter-spacing:-.01em}
.tr .room{justify-self:start;margin-top:10px;padding:7px 12px;border-radius:999px;background:var(--lilac);color:var(--wine);font:800 10.5px/1.25 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.tr p{margin-top:10px;font:400 16px/1.5 var(--sans);max-width:24em}
.tr:not(.tr-end)::after{content:"";position:absolute;left:calc(var(--m) / 2 - 10px);bottom:-27px;width:20px;height:20px;border-radius:50%;background:var(--wine) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 8l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
@media (min-width:1000px){
  .trail-ol{--m:clamp(84px,7vw,104px);--g:clamp(10px,1.2vw,20px);max-width:none;grid-template-columns:.85fr repeat(6,minmax(0,1fr)) .85fr;gap:0 var(--g)}
  .trail-ol::before{left:5%;right:5%;top:calc(var(--m) / 2);bottom:auto;border-left:0;border-top:2.5px dashed var(--wine)}
  .tr{grid-template-columns:1fr;justify-items:center;text-align:center}
  .tr .moon{grid-row:auto}
  .tr .n{margin-top:18px}
  .tr .room{justify-self:center;margin-top:12px}
  .tr p{margin-top:12px;font-size:15px}
  .tr:not(.tr-end)::after{left:auto;right:calc(var(--g) / -2 - 10px);top:calc(var(--m) / 2 - 10px);bottom:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 6l4 4-4 4' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
}
.path-head p{max-width:30em}

/* the pathway: hot pink carries the numbers; habanero is one point a screen (Jess, 19 Oct 2026) */
.pws-n{color:var(--pink)}
.pw-book h3 span,.pw-law b,.pw-close span{color:var(--pink)}
.pw-lead b,.pw-law b{color:var(--wine)}
.pw-book-copy .pw-law{box-shadow:inset 3px 0 0 var(--pink)}
.pw-shelf .yours{box-shadow:inset 0 0 0 2px var(--pink),0 26px 40px -20px rgba(46,10,22,.45)}
.pw-shelf .yours b{color:var(--pink)}
.pw-sc p+p b{color:var(--pink)}
.pw-glit-head{display:flex;align-items:center;gap:clamp(16px,2vw,28px)}
.pw-glit-head .moon{width:clamp(76px,7vw,104px);height:clamp(76px,7vw,104px)}
.grab,.grab:focus-visible,.grab:active{background:transparent;color:var(--wine)}
.grab{gap:8px;padding:10px 0;border-radius:0;font:700 18.7px/1.2 var(--sans);text-decoration:underline;text-decoration-color:var(--pink-l);text-decoration-thickness:2px;text-underline-offset:5px;transition:color .2s cubic-bezier(.2,.8,.2,1),text-decoration-color .2s cubic-bezier(.2,.8,.2,1)}
.grab::before{display:none}
.grab svg{width:16px;height:16px;flex:none}
.grab:focus-visible,.grab:active{color:var(--pink);text-decoration-color:var(--pink)}
@media (hover:hover) and (pointer:fine){.grab:hover{background:transparent;color:var(--pink);text-decoration-color:var(--pink)}}
.box4 i,.box4 .b-wb,.box4 .b-mc,.box4 .b-sp{display:grid;place-items:center;background:var(--white);color:var(--pink);box-shadow:inset 0 0 0 1px #e5d3cd}
.box4 i svg{width:20px;height:20px}

/* why glitter: a doodle on each of the four */
.glit-grid .gd{width:88px;height:88px;margin:-8px 0 0 -8px}
.glit-grid .g1 b,.glit-grid .g2 b,.glit-grid .g3 b,.glit-grid .g4 b{color:var(--wine)}

/* the glitter gets everywhere: a hand-placed spill in the corner of the light sections, dense at the corner, sparse toward the words */
.model,.fit,.glit,.path,.rooms,.pw,.glim,.jess2{position:relative}
.spill{position:absolute;z-index:0;right:clamp(6px,3vw,56px);top:clamp(14px,2.6vw,40px);width:clamp(110px,13vw,210px);height:auto;pointer-events:none}
.model>.wrap,.fit>.wrap,.glit>.wrap,.path>.wrap,.rooms>.wrap,.pw>.wrap,.glim>.wrap,.jess2>.wrap{position:relative;z-index:1}
.spill--l{right:auto;left:clamp(6px,3vw,56px);transform:scaleX(-1)}
.gge-break .gb-close{text-align:center;margin-left:auto;margin-right:auto}
/* the five places: a hot pink line icon on each */
.pw-rail .k{display:flex;align-items:center;gap:8px}
.pw-rail .k svg{flex:none;width:22px;height:22px;color:var(--pink)}
/* desktop path: every row lines up across the eight stops (moon, number, name, room, line) */
@media (min-width:1000px){
  @supports (grid-template-rows:subgrid){
    .trail-ol{grid-template-rows:repeat(5,auto)}
    .tr{grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
    .tr .moon{grid-row:1}.tr .n{grid-row:2}.tr h3{grid-row:3}.tr .room{grid-row:4;align-self:start}.tr p{grid-row:5}
    .tr-start p,.tr-end p{grid-row:4}
  }
}
/* never zest inside habanero (Jess, 16 Oct 2026): the bright pill's circle is white */
.pill--orange .pill-c{background:var(--white);color:var(--pink)}
/* the glitter close: her line about reflection, big */
.glit-close .tq-big{max-width:22em;font:400 clamp(26px,2.6vw,40px)/1.12 var(--display);font-synthesis:none;color:var(--wine)}
.glit-grid .gd{width:96px;height:96px}
@media (max-width:759px){
  .glit-grid li{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:14px;align-items:center}
  .glit-grid .gd{width:76px;height:76px;margin:-6px 0 0 -6px}
  .glit-grid li>p{grid-column:1/-1}
}
/* small type on light grounds: eyebrows and cites are plum rose, the pink family's AA voice (design standard 3.2, 5.8), so the
   page leans pink, not orange; big numerals are hot pink (Jess, 19 Oct 2026: "use the hot pink more") */
.cap,.riff-lead,.pw-step,.pw-rail .k,.ooo-k{color:#a12d63}
.model-lead cite,.generous cite,.generous .cap,.assets .cap,.jess2 .cap,.slide .cap{color:#a12d63}
.gge .cap,.mf .cap,.wait .cap{color:var(--zest)}
.gge-break .cap{color:#a12d63}
.model-grid b,.glim-row .k,.punch2 span{color:var(--pink)}
.dq-n{color:var(--pink)}.dq2 .dq-n,.dq4 .dq-n{color:#a12d63}
.glim-lead b,.wait .glamoly{color:#a12d63}
.j-titles{background:var(--white);box-shadow:var(--shadow-card)}
.studio-scene .spark{color:var(--pink)}
.band .spark{color:var(--pink)}
.pw-glit .pw-step{color:#a12d63}
.fine a{color:#a8371c;transition:color .2s cubic-bezier(.2,.8,.2,1)}
@media (hover:hover) and (pointer:fine){.fine a:hover{color:#a12d63}}
.fine a:focus-visible,.fine a:active{color:#a12d63}
/* the Creator Studios door is rose, a soft pink, so a closed door never fills a screen with a bright (design standard section 4) */
.d3 .leaf{background:#f7c6da}

/* ============ 19 Oct 2026, copy deck v2 (Sloane) and a button under every section (Blair), built by Iris ============ */
/* grounds: hero wine; your week now cream, lifting over the hero; rooms white; pathway cream; lists white; the effect a wine
   panel; one client white; proof cream; manifesto a wine panel; Jess and the waitlist cream */
.fit{position:relative;z-index:2;margin-top:-44px;border-radius:44px 44px 0 0;background:var(--cream)}
.rooms{background:var(--white)}
.ribbons{background:var(--white)}
.path{background:var(--cream)}
.fitlist{position:relative;background:var(--white);padding:clamp(76px,8vw,120px) 0}
.hero .hero-cap{color:var(--pink-l);font-size:11px}
.hero h1 span{color:var(--pink)}
.doors-note{font-size:clamp(19px,1.7vw,24px)}

/* the section close: one ending line, one button (CTA every section standard, sections 2 and 6) */
.end-line{margin:clamp(48px,5vw,76px) auto 0;max-width:24ch;text-align:center;font:400 clamp(28px,3vw,44px)/1.08 var(--display);font-synthesis:none;letter-spacing:-.01em;text-wrap:balance;color:var(--wine)}
.end-line span{color:var(--pink)}
.sec-cta{display:flex;justify-content:center;margin:24px 0 0}
.end-quote{margin:clamp(44px,5vw,72px) auto 0;max-width:30ch;text-align:center;font:400 clamp(26px,2.8vw,40px)/1.15 var(--display);font-synthesis:none;color:var(--wine)}
.end-quote cite{display:block;margin-top:12px;font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:#a12d63}
/* the quiet pill: white on white or cream, wakes to zest (a 1 px line keeps the edge, lesson 17 Oct) */
.pill--quiet{background:var(--white);color:var(--wine);border:1px solid transparent;box-shadow:var(--shadow-card);transition:background-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1)}
.pill--quiet .pill-c{background:var(--wine);color:var(--white)}
@media (hover:hover) and (pointer:fine){.pill--quiet:hover{background:var(--zest);color:var(--wine);border-color:#e5d3cd}}
.pill--quiet:active,.pill--quiet:focus-visible{background:var(--zest);color:var(--wine);border-color:#e5d3cd}
/* the quiet pill on wine: lilac, wakes to white */
.pill--lilac{background:var(--lilac);color:var(--wine)}
.pill--lilac .pill-c{background:var(--wine);color:var(--white)}
@media (hover:hover) and (pointer:fine){.pill--lilac:hover{background:var(--white);color:var(--wine)}}
.pill--lilac:active,.pill--lilac:focus-visible{background:var(--white);color:var(--wine)}
.pill--lilac:focus-visible{outline-color:var(--pink)}
.pill:active{background:var(--pink-l)}.pill--orange:active,.pill--orange:focus-visible{background:var(--pink);color:var(--white)}
/* the main-line test: only her line shows (CTA brief, part 5.2) */
[data-cta-line]{display:none}
html:not([data-cta-v]) [data-cta-line="hold-my-spot"],html[data-cta-v="hold-my-spot"] [data-cta-line="hold-my-spot"],html[data-cta-v="get-my-first-look"] [data-cta-line="get-my-first-look"]{display:inline}

/* 02 your week now: the mirror beside the dream */
.fit-top{text-align:left}
.fit .fit-top h2{margin-left:0;margin-right:0;text-align:left;max-width:18ch}
.fit-top .cap{text-align:left}
.weeks{margin-top:clamp(36px,4vw,60px);display:grid;gap:clamp(36px,4vw,64px)}
@media (min-width:1000px){.weeks{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}}
.mirror6{display:grid;gap:14px}
.mirror6 li{padding:22px 24px;border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-card)}
.mirror6 p{font:400 clamp(19px,1.5vw,22px)/1.3 var(--display);font-synthesis:none;color:var(--wine)}
.turn{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:24px;border-radius:var(--r-card);background:var(--wine);color:var(--white)}
.turn p{font:400 clamp(20px,1.7vw,25px)/1.3 var(--display);font-synthesis:none}
.turn .hl{color:var(--wine)!important}
.moon--sm{width:76px;height:76px}
.wk-label{margin-bottom:16px}
.wk-next .dq{grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.wk-next .dq{grid-template-columns:1fr}}
.wk-next .dq li{min-height:0;padding:22px}
.wk-next .dq-n{font-size:clamp(34px,3vw,44px)}
.wk-next .dq-big{font-size:clamp(22px,1.9vw,28px);max-width:none}
.wk-next .cal-art{grid-template-columns:1fr}
.wk-next .pings p{min-width:0}
.wk-next .seen-art p{grid-template-rows:auto}
.wk-next .seen-art i{grid-row:auto;width:30px;height:30px}

/* 03 the rooms: the eyebrow carries "Labs innovate. Studios create." */
.rooms-head h2{max-width:20ch}

/* 03b the pathway: six steps, then the loop mark at the end of the line */
.trail-ol .tr-end .moon{opacity:1}
@media (min-width:1000px){.trail-ol{grid-template-columns:repeat(6,minmax(0,1fr)) .55fr}}
@media (max-width:999px){.tr-end{grid-template-columns:var(--m)}}
.path-head{display:block;text-align:center}
.path-head h2{margin-left:auto;margin-right:auto}

/* 04 is this for you: the "not" list is warm, an open circle, never a cross */
.cmp-no li::before{content:"";background:var(--white);box-shadow:inset 0 0 0 1.5px #a12d63}
.fitlist .cap,.fitlist h2{text-align:center;margin-left:auto;margin-right:auto}
.fitlist h2{margin-top:14px;max-width:20ch}

/* 05 the Glitter Bomb Effect: the bomb, the six stages around Inner Gold, the spiral */
.gge-open h2{margin-top:14px;max-width:18ch;color:var(--white)}
.gge-open h2 span{color:var(--gold)}
.gge-lede{margin-top:18px;font:400 clamp(18px,1.5vw,21px)/1.55 var(--sans);color:var(--cream)}
.bomb{margin:clamp(32px,3.6vw,52px) 0 0;display:grid;gap:clamp(18px,2.4vw,36px);align-items:center;padding:clamp(24px,3vw,44px);border-radius:var(--r-panel);background:var(--cream);color:var(--wine)}
@media (min-width:760px){.bomb{grid-template-columns:auto minmax(0,1fr)}}
.moon--lg{width:clamp(116px,11vw,156px);height:clamp(116px,11vw,156px)}
.bomb blockquote{margin:0;font:400 clamp(21px,2vw,30px)/1.3 var(--display);font-synthesis:none}
.bomb cite{display:block;margin-top:14px;font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:#a12d63}
.bomb .lit{font-weight:400;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 -.5em 0 var(--zest)}
.gge-break h3{max-width:22ch}
.ring{position:relative;margin-top:clamp(28px,3vw,48px)}
.ring-art{display:none}
.core{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:20px;align-items:center;max-width:560px;padding:20px 22px;border-radius:var(--r-card);background:var(--white);box-shadow:var(--shadow-card)}
.moon--core{width:96px;height:96px;box-shadow:0 0 0 4px var(--gold),var(--shadow-card)}
.sg-t b{display:block;font:400 clamp(24px,2vw,30px)/1.02 var(--display);font-synthesis:none;letter-spacing:-.01em}
.sg-t .where{display:block;margin-top:6px;font:500 16px/1.35 var(--sans)}
.sg-t .where em{font-style:normal;font-weight:800;text-decoration:underline wavy var(--c,var(--gold));text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-skip-ink:none}
.sg-t .line{display:block;margin-top:8px;font:400 15px/1.45 var(--sans)}
.ring .stages{margin-top:26px;gap:20px}
.ring .sg{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;align-items:start}
.ring .sg .moon{grid-row:auto}
@media (min-width:700px) and (max-width:1179px){.ring .stages{grid-template-columns:1fr 1fr;max-width:none;column-gap:28px}.ring .stages::before{display:none}}
@media (min-width:1180px){
  .ring{height:780px;max-width:1060px;margin-left:auto;margin-right:auto}
  .ring-art{display:block;position:absolute;left:50%;top:50%;width:600px;height:600px;transform:translate(-50%,-50%);overflow:visible}
  .ring-c{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:3 11;stroke-linecap:round}
  .ring-spoke{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:3 9;stroke-linecap:round}
  .ring-arw{fill:none;stroke:var(--wine);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
  .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-70px);display:flex;flex-direction:column;align-items:center;width:300px;padding:0;background:none;box-shadow:none;text-align:center}
  .moon--core{width:140px;height:140px}
  .core .sg-t{position:static;margin-top:12px;width:auto}
  .ring .stages{position:absolute;inset:0;margin:0;display:block;max-width:none}
  .ring .stages::before{display:none}
  .ring .sg{position:absolute;left:50%;top:50%;width:0;height:0;display:block;margin:0}
  .ring .sg .moon{position:absolute;left:-54px;top:-54px;width:108px;height:108px}
  .ring .sg .sg-t{position:absolute;top:-44px;width:236px}
  .sg-1{transform:translate(0,-250px)}.sg-2{transform:translate(216.5px,-125px)}.sg-3{transform:translate(216.5px,125px)}
  .sg-4{transform:translate(0,250px)}.sg-5{transform:translate(-216.5px,125px)}.sg-6{transform:translate(-216.5px,-125px)}
  .sg-1 .sg-t,.sg-2 .sg-t,.sg-3 .sg-t{left:72px;text-align:left}
  .sg-4 .sg-t,.sg-5 .sg-t,.sg-6 .sg-t{right:72px;text-align:right}
}
.gge-grid{margin-top:clamp(56px,6vw,96px)}
.gge-spiral-line{font:400 clamp(34px,3.8vw,58px)/1 var(--display);font-synthesis:none;letter-spacing:-.01em;color:var(--white);max-width:14ch}
.gge-spiral-line span{color:var(--gold)}
.gge .end-line{margin:0;text-align:left;color:var(--white);max-width:16ch}
.gge .end-line span{color:var(--gold)}
.gge-foot .sec-cta{justify-content:flex-start}
@media (max-width:999px){.gge .end-line{margin-top:28px}}

/* 06 one client, one day */
.pw-book-copy .sec-cta,.pws-copy .sec-cta{justify-content:flex-start}
.pw-sticky{margin-top:10px;max-width:22ch;font-size:clamp(28px,3.2vw,48px);line-height:1.02;color:var(--wine)}
.pw-sticky span{color:var(--wine)}
.pw-sticky{color:var(--pink)}
.pw-glit>.wrap>.sec-cta{margin-top:8px}
.pull{margin:clamp(56px,6vw,96px) auto 0;max-width:26ch;text-align:center;font:400 clamp(28px,3vw,46px)/1.12 var(--display);font-synthesis:none;color:var(--wine)}
.pull cite{display:block;margin-top:14px;font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:#a12d63}
.pw-close{margin-top:clamp(40px,4vw,64px)}
.pw-example{margin:16px auto 0;max-width:40em;text-align:center;font:500 13.5px/1.5 var(--sans);color:var(--wine)}

/* 07 proof: the headline is the proof, then the numbers */
.trust .cap{text-align:center}
.trust h2{margin-top:14px}
.trust .stats{margin-top:clamp(36px,4vw,56px)}
.over .end-line{margin-top:clamp(40px,4vw,60px)}

/* 08 the manifesto: a quiet button in its own row after belief 06, the main line at its close */
.mf-grid .mf-cta{grid-column:1/-1;display:flex;justify-content:center;padding:8px 0}
.mf-grid .mf-cta .sec-cta{margin:0}
.mf>.wrap>.sec-cta{margin-top:26px}

/* 10 meet Jess */
.jess2 h2{max-width:20ch}
.jess2 .generous{max-width:640px;margin:clamp(36px,4vw,56px) auto 0;text-align:left}

/* 11 the way back */
.wl-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:10px;color:var(--cream);font:600 15px/1.2 var(--sans);text-decoration:underline;text-decoration-color:var(--pink-l);text-underline-offset:5px;transition:color .2s cubic-bezier(.2,.8,.2,1)}
.wl-back[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.wl-back:hover{color:var(--pink-l)}}
.wl-back:active,.wl-back:focus-visible{color:var(--pink-l)}
.foot-results{margin:18px auto 0;max-width:44em;padding:0 20px;font:500 13px/1.55 var(--sans);color:var(--cream)}

/* the phone floating pill: one calm wine pill, never a bar, never a bright (CTA every section standard, section 4) */
.gb-float{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;transform:translate(-50%,140%);visibility:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;max-width:min(358px,calc(100vw - 32px));padding:6px 6px 6px 22px;border-radius:999px;background:var(--wine);color:var(--white);font:700 16px/1 var(--sans);white-space:nowrap;box-shadow:0 10px 30px -14px rgba(46,10,22,.4);transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s,background-color .2s cubic-bezier(.2,.8,.2,1)}
.gb-float .pill-c{width:40px;height:40px}
.gb-float.is-shown{transform:translate(-50%,0);visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s,background-color .2s cubic-bezier(.2,.8,.2,1)}
.gb-float:active,.gb-float:focus-visible{background:var(--pink);color:var(--white)}
.gb-float:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
@media (min-width:861px){.gb-float{display:none}}
@media (max-width:860px){.upbar a[href="#waitlist"]{display:none}}
@media (prefers-reduced-motion:reduce){.gb-float{transition:visibility 0s!important}}

/* ============ 19 Oct 2026, toward V13's boldness and whimsy: the seal, the tilts, the collage, the bomb that goes off ============ */
/* the seal on the seam under the hero (V13's turning seal, flat kit colours, no foil) */
.seal{position:absolute;z-index:4;right:clamp(16px,9vw,160px);top:clamp(-78px,-5vw,-52px);width:clamp(108px,10.5vw,156px);aspect-ratio:1;rotate:-8deg;pointer-events:none}
.seal svg{display:block;width:100%;height:100%;overflow:visible}
.seal-bg{fill:var(--wine)}
.seal-ring{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:2 5}
.seal-tx{font:800 15.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;fill:var(--cream)}
.seal-spin{transform-origin:100px 100px}
@media (prefers-reduced-motion:no-preference){.seal-spin{animation:sealspin 48s linear infinite}}
@keyframes sealspin{to{transform:rotate(360deg)}}
/* the week next is playful: its cards sit at a slight tilt, the week now stays straight */
.wk-next .dq li:nth-child(1){rotate:-1.4deg}.wk-next .dq li:nth-child(2){rotate:1.2deg}
.wk-next .dq li:nth-child(3){rotate:1deg}.wk-next .dq li:nth-child(4){rotate:-1.2deg}
/* big, confident statement type at every section close */
.end-line{font-size:clamp(32px,3.8vw,58px);line-height:1.02}
.gge .end-line{font-size:clamp(32px,3.4vw,52px)}
/* the bomb you can set off */
.bomb-btn{display:block;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;justify-self:center}
.bomb-btn .moon{transition:background-color .45s ease}
@media (hover:hover) and (pointer:fine){.bomb-btn:hover .moon{background:var(--zest)}}
.bomb-btn:active .moon,.bomb-btn:focus-visible .moon{background:var(--zest)}
.bomb-btn:focus-visible{outline:3px solid var(--wine);outline-offset:4px}
.bomb .moon--lg{rotate:-6deg}
/* Jess, the photograph: a tilted collage (V13 "Built for the long game") */
.j-collage{position:relative;display:flex;justify-content:center;align-items:center;margin-top:clamp(36px,3.3vw,60px)}
.j-collage .j-card{margin:0;z-index:2;rotate:-1.5deg}
.j-side{display:none}
@media (min-width:900px){
  .j-side{display:block;position:relative;width:clamp(200px,17vw,250px);height:auto;border-radius:22px;box-shadow:0 0 0 8px var(--white),var(--shadow-card);z-index:1}
  .j-l{rotate:-7deg;margin-right:-44px;margin-top:90px}
  .j-r{rotate:6deg;margin-left:-44px;margin-top:-60px}
}
.turn .hl{color:var(--zest)!important;box-shadow:none!important;animation:none!important;padding:0}
/* one eyebrow size everywhere (V13: small, tracked, quiet) */
main .cap{font-size:12px;letter-spacing:.28em;line-height:1.4}
/* the ribbons name real rooms and real things: set as written, never in capitals (design standard section 15) */
.rb p{text-transform:none}
@media (min-width:1180px){
  .ring{height:940px}
  .ring .sg-1 .sg-t{left:-118px;right:auto;top:auto;bottom:66px;text-align:center}
  .ring .sg-4 .sg-t{left:-118px;right:auto;top:66px;text-align:center}
}
/* the manifesto's quiet button sits beside belief 06, its answer */
@media (min-width:760px){.mf-grid .mf-cta{grid-column:span 3;align-items:center}}
@media (min-width:760px) and (max-width:1079px){.mf-grid .w2:nth-last-child(-n+3){grid-column:span 2}}
/* the five scene links are demos, not offers: one quiet line each */
.grab{font-size:16px;white-space:nowrap}
.trust{padding-top:clamp(72px,8vw,112px)}
.wk-next .dq{gap:30px 34px}
@media (max-width:640px){.wk-next .dq{gap:26px}}
/* the hero's first button sits above the fold at 1440 x 900 (Jess, 8 Oct 2026: "ALWAYS") */
.hero h1{font-size:clamp(36px,4.2vw,66px)}
.hero .sub{font-size:clamp(19px,1.6vw,25px);max-width:34ch}
.hero .hero-cap{max-width:none}
.wk-now .sec-cta{justify-content:flex-start}
@media (min-width:1000px){.wk-now .sec-cta{display:none}}
/* phones: the seal stays clear of Jess (never over her body), and Inner Gold opens the list as a centred start, not a card in the row */
@media (max-width:859px){.seal{display:none}}
@media (max-width:1179px){
  .core{grid-template-columns:1fr;justify-items:center;text-align:center;max-width:none}
  .core .moon--core{margin-bottom:12px}
}
/* the manifesto's numbers are hot pink (plum rose on lilac, where hot pink loses contrast) */
.mf .b .n{color:var(--pink)}
.mf .b-lilac .n,.mf .b-pinkl .n{color:#a12d63}
.mf .b-zest .n{color:var(--wine)}
.cal i.on{background:var(--pink)}
.mf .b .math{color:var(--pink)}
.mf .b-pinkl .n{color:var(--pink)}
.path-head .cap{max-width:none}
.hero-type .ht-2 span{display:inline}
@media (max-width:859px){.hero-type .ht-2 span{display:block}}
@media (max-width:699px){
  .core{grid-template-columns:84px minmax(0,1fr);justify-items:start;text-align:left}
  .core .moon--core{width:84px;height:84px;margin:0}
  .ring .stages{gap:16px}
  .bomb{padding:22px}
  .bomb .moon--lg{width:104px;height:104px}
  .gge-grid{margin-top:44px}
}
/* the effect closes on a cream card inside the wine panel (house answer to a long wine stretch, lesson 18 Oct) */
.gge-foot{align-self:start;padding:clamp(22px,2.6vw,36px);border-radius:var(--r-card);background:var(--cream)}
.gge .gge-foot .end-line{color:var(--wine)}
.gge .gge-foot .end-line span{color:var(--pink)}
@media (max-width:999px){.gge-foot{margin-top:28px}.gge .gge-foot .end-line{margin-top:0}}

/* ============ 19 Oct 2026, blind grade B fixes (Iris) ============ */
/* 1. the pathway reads left to right on a phone too: 3 + 3, small discs, an arrow chip between each pair in a row */
@media (max-width:999px){
  .trail-ol{--m:56px;max-width:560px;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 14px}
  .trail-ol::before{display:none}
  .tr{grid-template-columns:1fr;justify-items:center;text-align:center}
  .tr .moon{grid-row:auto}
  .tr .n{margin-top:10px;font-size:22px}
  .tr h3{font-size:clamp(20px,5.4vw,26px)}
  .tr .room{justify-self:center;margin-top:8px;padding:6px 8px;font-size:9px;letter-spacing:.1em}
  .tr p{margin-top:8px;font-size:14px;line-height:1.45}
  .tr:not(.tr-end)::after{left:auto;right:-17px;top:calc(var(--m) / 2 - 10px);bottom:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8 6l4 4-4 4' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
  .tr:nth-child(3n)::after{display:none}
}
/* 6. tiny discs on desktop too: 64 px, one line, no unlabelled seventh disc */
@media (min-width:1000px){
  .trail-ol{--m:68px;grid-template-columns:repeat(6,minmax(0,1fr))}
  .trail-ol::before{left:8%;right:8%}
  .tr:last-child::after{display:none}
}
.tr .moon img{width:76%}
/* 4. the stage verbs and the spiral's "higher grade" wear the zest highlighter */
.sg-t .where em{text-decoration:none;padding:0 .14em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;box-shadow:inset 0 -.62em 0 var(--zest)}
.gge-spiral-line .zest{color:var(--wine);background:var(--zest);padding:0 .14em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.gge-foot .end-line .hl{color:var(--wine)!important}
/* 3. the desktop wordmark sits right of Jess, never behind her; the eyebrow on one line */
@media (min-width:860px){
  .hero-type{margin-left:36%;align-items:flex-start}
  .hero-type .ht{text-align:left}
  .hero-copy{margin-left:36%;max-width:58%}
  .hero .hero-cap{letter-spacing:.18em;white-space:nowrap}
  .hero .sub{max-width:36ch}
}
/* 7. the asset cards keep their labels at 390 */
@media (max-width:640px){.as{width:27%;padding:12px 7px}.a1{left:0}.a2{left:24.5%}.a3{left:49%}.a4{left:73%}.as small{font-size:7px;letter-spacing:.06em}}
/* 8. the example note is small and calm */
.pw-example{font-size:12px}
/* a shorter page: the funnel steps sit closer */
@media (min-width:760px){.pws{padding:clamp(32px,3.2vw,52px) 0}.pws-art{min-height:clamp(320px,30vw,420px)}}
/* 2. the phone floating pill is off until Jess says yes (CTA brief, part 7, decision 1); with it on, it hides whenever a section button is on screen */
.gb-float{display:none}
html.gb-float-on .gb-float{display:inline-flex}
@media (min-width:861px){html.gb-float-on .gb-float{display:none}}
@media (max-width:860px){.upbar a[href="#waitlist"]{display:inline-flex}html.gb-float-on .upbar a[href="#waitlist"]{display:none}}
@media (max-width:640px){.as{width:23%}.a1{left:0}.a2{left:25.5%}.a3{left:51%}.a4{left:76.5%}.as span{font-size:10px}}