/* ezclip.ai v2 — the hero's language across the whole home.
   The page colour follows the scroll (one fixed layer, background-color only).
   Motion touches transform, opacity, clip-path and background-color only. */

:root{
  --soft:#6b6b66;
  --soft-d:#8d8d88;
  --on-dark:#f5f5f2;
  --fs-big:clamp(40px,6.4vw,108px);
  --fs-lede:clamp(18px,1.5vw,22px);
  --r-card:22px;
}
html{scroll-behavior:auto}
body{background:transparent}
.tone{position:fixed;inset:0;z-index:-1;background:#f8f7f3;pointer-events:none}
.ch{position:relative;color:var(--ink)}
.ch--dark{color:var(--on-dark)}
main{display:block}

/* ---------- type ---------- */
.big{margin:0;font-size:var(--fs-big);font-weight:555;letter-spacing:-.037em;line-height:1.02;text-wrap:balance}
.big__l{display:block}
.soft{color:var(--soft)}
.ch--dark .soft{color:var(--soft-d)}
.auto .soft{color:#a4a6bd}
@media (min-width:1001px){.big__l{white-space:nowrap}}
.lede{margin-top:22px;max-width:36ch;font-size:var(--fs-lede);line-height:1.42;font-weight:500;letter-spacing:-.014em;color:#2b2b28}
.ch--dark .lede{color:#c9c9c4}
.lede b{font-weight:600;color:inherit}
.link{position:relative;font-size:16px;font-weight:500;letter-spacing:-.01em;border-bottom:1px solid currentColor;padding-bottom:1px;transition:opacity .2s}
.link::after{content:"";position:absolute;inset:-12px -6px} /* 44px hit area, nothing drawn */
.link:hover{opacity:.6}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.pill--w{background:var(--on-dark);color:var(--ink)}
.pill--w:hover{background:#fff}
.pill--ow{background:transparent;color:var(--on-dark);border-color:rgba(245,245,242,.38)}
.pill--ow:hover{border-color:rgba(245,245,242,.8)}
.deck__ai,.ai-note{font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--soft)}
.cast2 .deck__ai{color:#686863} /* 4.6:1 on the casting cream (was 4.4) */
.ch--dark .deck__ai{color:var(--soft-d)}

/* reveal: headings rise once when they enter */
html.js .rise{opacity:0;transform:translateY(34px);transition:opacity .9s var(--e-settle),transform 1.1s var(--e-settle)}
html.js .rise.in{opacity:1;transform:none}

/* ---------- nav follows the page tone ---------- */
/* the nav's colours snap with its background: a colour fade over a snapped ground left the logo and links invisible for a beat at every light/dark edge */
.nav{background:transparent;transition:box-shadow .3s var(--e-settle)}
.nav .pill,.nav .menu-open{transition:none}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--nav-bg,#f8f7f3)}
.nav.is-stuck{box-shadow:none}
.nav.is-night{color:var(--on-dark)}
.nav.is-night .pill--k{background:var(--on-dark);color:var(--ink)}
.nav.is-night .menu-open{color:var(--on-dark)}
.nav.is-night .menu-open::before{border-color:currentColor}

/* ============ 1 · HERO ============ */
.hero2{height:523vh} /* v2.js keeps the story pace and releases the dark hero at p=.83, without the cream tail. */
.hero2__sticky{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));height:calc(100svh - var(--nav-h));overflow:hidden}
.hero2__dark,.hero2__veil{position:absolute;inset:0;opacity:0;pointer-events:none}
.hero2__dark{z-index:1;background:#060606}
.hero2__veil{z-index:8;background:#000}
.hero2__type{position:absolute;left:0;right:0;text-align:center;padding:0 var(--gut);z-index:9;will-change:transform,opacity}
.hero2__t1{top:clamp(24px,6vh,64px)}
@media (min-width:701px){.hero2__t1{top:clamp(8px,2vh,24px)}} /* 3-oct (Rafael): text and buttons sit higher on desktop; the cards do not move */
.hero2__t1 .big{font-size:clamp(46px,6.3vw,104px)}
.hero2__sub{margin:18px auto 0;max-width:34ch;font-size:clamp(17px,1.35vw,21px);line-height:1.4;font-weight:500;letter-spacing:-.012em;color:#2b2b28}
/* 3-oct (Rafael): the second button is smoked glass in the grey of «Never on camera», so the videos behind read through it */
.hero2__t1 .pill--o{background:rgba(66,66,62,.76);color:#fff;border-color:rgba(255,255,255,.2);
  -webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(0,0,0,.1),0 8px 24px rgba(24,24,20,.14)}
.hero2__t1 .pill--o:hover{background:rgba(60,60,56,.8);border-color:rgba(255,255,255,.3)}
.hero2__t2{top:clamp(24px,6vh,64px);opacity:0;pointer-events:none}
.hero2__t2 .big{font-size:clamp(38px,5.2vw,84px)}
.hero2__t3{top:calc(50% - var(--t3-lift,0px) - var(--t3-raise,0px));transform:translateY(-50%);opacity:0;pointer-events:none}
@media (min-width:701px){.hero2__t3{--t3-lift:4vh}} /* 11-oct (Rafael: «move this whole thing a little bit… very less»): the promise sits a touch higher; the casting below rides up with it */
/* 11-oct (Rafael, 27″: «move those letters up that much… give that much space down below»): v2.js sets --t3-raise (60px × scale) and keeps the casting where it was, so the gap under the CTA grows by the same amount */
.hero2__t3 .big{font-size:clamp(42px,6.6vw,108px);color:var(--on-dark)}
.hero2__t3 .soft{color:var(--soft-d)}
.hero2__t2 .soft .hot{--hot-base:var(--soft);filter:none} /* 3-oct: «One is yours.» turns red as the wall gathers, fully red once it has */
.hero2__t3 .soft .hot{--hot-base:var(--soft-d);filter:none} /* 3-oct: «face» fills red like the beats; no shadow, the page turns cream under it */
.hero2__t3 .pill--k{background:var(--on-dark);color:var(--ink)}
.hero2__t3 .pill--o{color:var(--on-dark);border-color:rgba(245,245,242,.4)}
.hero2__cards{position:absolute;inset:0;z-index:3}
.fc{position:absolute;left:50%;top:50%;width:var(--cw);height:var(--ch);margin:calc(var(--ch)/-2) 0 0 calc(var(--cw)/-2);
  border-radius:20px;overflow:hidden;background:#d9d4cb;box-shadow:0 30px 60px rgba(9,9,9,.16),0 2px 6px rgba(9,9,9,.08);will-change:transform,opacity}
.fc video,.fc img{width:100%;height:100%;object-fit:cover;max-width:none}
.fc::after,.hero2__one::after{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.42));pointer-events:none}
.fc figcaption,.hero2__tag{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:flex;flex-direction:column;gap:1px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45);line-height:1.15}
.fc figcaption b,.hero2__tag b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.fc figcaption span,.hero2__tag span{font-size:12px;font-weight:500;opacity:.86}
.fc figcaption span{display:none}
.hero2__one{position:absolute;left:50%;top:50%;z-index:5;width:var(--cw);height:var(--ch);margin:calc(var(--ch)/-2) 0 0 calc(var(--cw)/-2);
  border-radius:20px;overflow:hidden;background:#222;box-shadow:0 40px 90px rgba(0,0,0,.28);will-change:transform}
.hero2__one img,.hero2__one video{width:100%;height:100%;object-fit:cover;object-position:50% 30%;max-width:none;will-change:transform}
.hero2__beats{position:absolute;inset:0;z-index:6;pointer-events:none}
.beat{position:absolute;margin:0;color:var(--on-dark);font-size:clamp(30px,4.2vw,68px);font-weight:600;letter-spacing:-.035em;line-height:1.02;opacity:0;will-change:transform,opacity;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.beat span,.beat em{display:block}
/* 3-oct (Rafael): the key word fills with the logo red as you scroll, to hold attention (--k is set by v2.js) */
.beat .hot,.hero2__t1 .hot,.hero2__t2 .hot,.hero2__t3 .hot,.finale .hot,.auto__heading .hot{--k:0;display:inline-block;font-weight:inherit;padding:.06em 0 .16em;margin:-.06em 0 -.16em;color:transparent;text-shadow:none;
  background:linear-gradient(90deg,var(--brand-accent) calc(var(--k) * 130% - 30%),var(--hot-base,var(--on-dark)) calc(var(--k) * 130%));
  -webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 14px rgba(0,0,0,.35))}
.ai-note{position:absolute;left:var(--gut);bottom:14px;z-index:9;margin:0} /* 11-oct: left, so the sound button never covers it */

/* ============ 2 · YOUR CREATOR ============ */
.cast2{padding:clamp(96px,14vh,150px) 0 clamp(80px,12vh,130px)}
.cast2 .big{text-align:center}
.seg{position:relative;display:flex;width:max-content;max-width:100%;margin:34px auto 0;padding:4px;border-radius:999px;background:rgba(9,9,9,.06)}
.seg__glide{position:absolute;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(9,9,9,.08),0 6px 18px rgba(9,9,9,.08);transition:transform .5s var(--e-morph),width .5s var(--e-morph)}
.seg__b{position:relative;z-index:1;white-space:nowrap;min-height:44px;padding:0 22px;border:0;background:transparent;border-radius:999px;cursor:pointer;font-size:16px;font-weight:500;letter-spacing:-.012em;color:#4a4a46;transition:color .3s}
.seg__b[aria-selected="true"],.seg__b[aria-checked="true"]{color:var(--ink)}
.seg--dark{background:rgba(255,255,255,.08);margin:0}
.seg--dark .seg__glide{background:var(--on-dark)}
.seg--dark .seg__b{color:#b9b9c6}
.seg--dark .seg__b[aria-checked="true"]{color:var(--ink)}
.cast2__panel{margin-top:clamp(28px,5vh,56px)}
.cast2__panel[hidden]{display:none}
.deck__stage{position:relative;height:calc(var(--dh) + 70px);overflow:hidden;touch-action:pan-y}
.deck__card{position:absolute;left:50%;top:0;width:calc(var(--dh)*9/16);height:var(--dh);margin-left:calc(var(--dh)*-9/32);padding:0;border:0;border-radius:var(--r-card);overflow:hidden;cursor:pointer;background:#d9d4cb;
  box-shadow:0 30px 70px rgba(40,30,10,.18),0 2px 6px rgba(9,9,9,.08);will-change:transform,opacity;transition:transform .8s var(--e-morph),opacity .6s var(--e-settle)}
.deck__stage{--dh:clamp(360px,52vh,580px)}
.deck__card img{width:100%;height:100%;object-fit:cover;max-width:none;animation:bob 7s ease-in-out infinite alternate}
.deck__card:nth-child(2) img{animation-delay:-1.6s}.deck__card:nth-child(3) img{animation-delay:-3.1s}.deck__card:nth-child(4) img{animation-delay:-4.4s}.deck__card:nth-child(5) img{animation-delay:-5.7s}
@keyframes bob{from{transform:scale(1.02)}to{transform:scale(1.09) translateY(-1.5%)}}
.deck__card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.deck__info{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:28px}
.deck__who{text-align:center;min-height:150px}
.deck__name{margin:0;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.025em;line-height:1.15}
.deck__name b{font-weight:600}
.deck__name span{display:block;margin-top:4px;font-size:16px;color:#686863;letter-spacing:-.01em;font-weight:500}
.deck__line{margin:14px auto 0;max-width:40ch;font-size:clamp(17px,1.3vw,19px);line-height:1.45;color:#2b2b28;font-weight:500}
.deck__acts{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px;flex-wrap:wrap}
.deck__arrow{width:52px;height:52px;border-radius:50%;border:1px solid rgba(9,9,9,.18);background:transparent;cursor:pointer;font-size:20px;transition:background-color .2s,border-color .2s}
.deck__arrow:hover{background:rgba(9,9,9,.06)}
.deck__who.swap{animation:swap .5s var(--e-settle)}
/* desktop: the heading and the casting share one screen, so the faces arrive with the words */
@media (min-width:1001px){
  .cast2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-rows:auto auto;column-gap:clamp(24px,3vw,56px);align-content:center;
    min-height:100vh;min-height:100svh;width:min(100% - 2*var(--gut),var(--maxw));margin-inline:auto;padding:calc(var(--nav-h,64px) + 12px) 0 28px;
    margin-top:-30svh} /* rides up into the hero's empty lower half, so the casting follows the promise with no blank screen */
  .cast2 > .wrap,.cast2 .deck__info{width:auto;margin:0}
  .cast2 > .wrap{grid-column:1;grid-row:1;align-self:end}
  .cast2 .big{text-align:left;font-size:clamp(40px,4.2vw,72px)}
  .cast2 .seg{margin:28px 0 0}
  #panel-create:not([hidden]),.cast2 .deck{display:contents}
  .cast2 .deck__stage{grid-column:2;grid-row:1/3;align-self:center;--dh:clamp(420px,calc(100svh - var(--nav-h,64px) - 110px),640px);height:calc(var(--dh) + 44px);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
  .cast2 .deck__info{grid-column:1;grid-row:2;align-self:start;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin-top:40px}
  .cast2 .deck__who{order:-1;text-align:left;min-height:0}
  .cast2 .deck__line{margin-left:0}
  .cast2 .deck__acts{justify-content:flex-start}
  #panel-clone{grid-column:1/-1;grid-row:2}
  /* 11-oct (Rafael: «Meet your creator. Or clone yourself.» on one line): the heading runs across the top; tabs and the creator's info sit under it on the left, the video on the right */
  .cast2{grid-template-rows:auto .7fr auto auto 1.3fr} /* 11-oct (Rafael: tabs and the creator's info as one group beside the video, «súbelo un poquitito») */
  .cast2 > .wrap{display:contents}
  .cast2 #creators{grid-column:1;grid-row:1}
  .cast2 #cast-h{grid-column:1/-1;grid-row:1;white-space:nowrap;margin-bottom:clamp(8px,1.5vh,20px)}
  .cast2 #cast-h .big__l{display:inline}
  .cast2 .seg{grid-column:1;grid-row:3;align-self:end;justify-self:start;margin-top:0}
  .cast2 .deck__info{grid-row:4}
  .cast2 .deck__stage{grid-row:2/6}
  #panel-clone{grid-row:3}
  .cast2:has(#panel-clone:not([hidden])){grid-template-rows:auto auto auto}
  .cast2:has(#panel-clone:not([hidden])) .seg{grid-row:2;margin-top:clamp(16px,3vh,40px)}
  /* 11-oct (Rafael): arrows move onto the video; the creator's info sits at the video's mid height; the video column widens so the side creators show more */
  .cast2{grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);--dh:clamp(420px,calc(100svh - var(--nav-h,64px) - 110px),640px)}
  .cast2 .deck__stage{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .cast2 .deck__info{align-self:start;grid-template-columns:minmax(0,1fr);margin-top:clamp(24px,3.5vh,40px)}
  .cast2 .deck__info .deck__arrow{display:none}
  /* 11-oct (Rafael: «súper más discreto… un efecto de hovering»): quiet glass chevrons at rest; they firm up when you hover the video, and fill in when you hover the arrow itself */
  .cast2 .deck__nav{display:grid;place-items:center;grid-column:2;grid-row:2/6;align-self:center;justify-self:center;z-index:20;width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:transparent;color:var(--ink);opacity:.4;box-shadow:none;
    transition:opacity .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}
  .cast2 .deck__nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .cast2 .deck__stage:hover ~ .deck__nav,.cast2 .deck__nav:focus-visible{opacity:.8;background:rgba(255,255,255,.55)}
  /* 11-oct (Rafael): the arrows sit where the side videos fade into the page, at the outer edges */
  .cast2 .deck__nav--prev{justify-self:start;margin-left:4px}
  .cast2 .deck__nav--next{justify-self:end;margin-right:4px}
  .cast2 .deck__nav:hover{opacity:1;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 8px 22px -10px rgba(9,9,9,.35)}
  @media (hover:none){.cast2 .deck__nav{opacity:.75}}
  .cast2 .deck__nav:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
}
.deck__nav{display:none}
@keyframes swap{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.voice{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px 0 16px;border-radius:999px;border:0;background:var(--ink);color:#fff;cursor:pointer;font-size:15px;font-weight:500}
.voice[hidden]{display:none}
.voice__bars{display:inline-flex;align-items:center;gap:3px;height:16px}
.voice__bars i{width:3px;height:16px;border-radius:2px;background:currentColor;transform:scaleY(.35);transform-origin:50% 50%}
.voice[aria-pressed="true"] .voice__bars i{animation:eq .9s ease-in-out infinite alternate}
.voice__bars i:nth-child(2){animation-delay:-.3s!important}.voice__bars i:nth-child(3){animation-delay:-.6s!important}.voice__bars i:nth-child(4){animation-delay:-.15s!important}
@keyframes eq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}

.clone2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(40px,6vw,96px);align-items:center;padding-top:clamp(16px,3vh,40px)}
.clone2__steps{display:grid;gap:30px;counter-reset:s}
.clone2__steps li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px}
.clone2__steps li::before{content:counter(s);grid-row:1/3;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:600}
.clone2__steps b{font-size:clamp(26px,2.6vw,40px);font-weight:555;letter-spacing:-.03em;line-height:1.08}
.clone2__steps span{margin-top:6px;font-size:17px;line-height:1.45;color:#3a3a36;font-weight:500;max-width:40ch}
.rec{border-radius:28px;background:#0b0b0c;color:var(--on-dark);padding:26px 26px 22px;box-shadow:0 40px 80px rgba(40,30,10,.22)}
.rec__top{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#c9c9c4}
.rec__dot{width:10px;height:10px;border-radius:50%;background:var(--orange);animation:blink 1.4s steps(2) infinite}
@keyframes blink{50%{opacity:.25}}
.rec__time{margin-left:auto;font-variant-numeric:tabular-nums}
.rec__wave{display:flex;align-items:center;gap:4px;height:84px;margin:22px 0 18px}
.rec__wave i{flex:1;height:100%;border-radius:3px;background:var(--on-dark);transform:scaleY(.12);animation:wave 1.3s ease-in-out infinite alternate}
.rec__wave i:nth-child(3n){animation-duration:.9s}.rec__wave i:nth-child(4n+1){animation-duration:1.6s;animation-delay:-.4s}.rec__wave i:nth-child(5n+2){animation-delay:-.8s}.rec__wave i:nth-child(7n){animation-duration:1.1s;animation-delay:-.2s}
@keyframes wave{from{transform:scaleY(.1)}to{transform:scaleY(.9)}}
.rec__script{margin:0;font-size:clamp(20px,1.8vw,26px);line-height:1.3;letter-spacing:-.02em;font-weight:555}
.rec__script span{color:#5d5d59;transition:color .5s}
.rec__script span.on{color:var(--on-dark)}
.rec__foot{margin:18px 0 0;font-size:13px;color:#8d8d88}
.clone2__more{grid-column:1/-1;display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0}

/* ============ 3 · A NEW STORY EVERY DAY ============ */
.week{height:auto}
/* three days, three places: on desktop they sit side by side, so the chapter needs no pinned scroll */
.week__sticky{position:relative;min-height:calc(100svh - var(--nav-h));overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px);padding:clamp(56px,9vh,96px) 0}
.week__rail{overflow:visible}
.week__track{display:flex;gap:clamp(14px,1.6vw,24px);padding-left:max(var(--gut),calc((100vw - var(--maxw))/2));will-change:transform}
.ep{flex:none;width:clamp(200px,20vw,290px);aspect-ratio:9/16;position:relative;border-radius:var(--r-card);overflow:hidden;background:#1a1a1c}
.ep video,.ep img{width:100%;height:100%;object-fit:contain;max-width:none} /* show the complete 9:16 clip and poster */
.ep::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.ep p{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;margin:0;display:flex;flex-direction:column;line-height:1.2;color:#fff}
.ep p b{font-size:20px;font-weight:600;letter-spacing:-.02em}
.ep p span{font-size:13px;opacity:.85}
.ep--next{background:transparent;border:1.5px dashed rgba(245,245,242,.28)}
.ep--next::after{display:none}
.ep--next p{color:#8d8d88}
.week__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.week .lede{max-width:40ch}
html.js .week .rise{transform:none} /* the intro fades in without moving its text onto the rail */

/* ============ 4 · PERSONALITY ============ */
.pov{padding:clamp(110px,16vh,170px) 0 clamp(100px,14vh,150px)}
.pov__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin-top:clamp(40px,6vh,72px)}
.pov__c{background:#fffaf8;border-radius:var(--r-card);padding:12px 12px 20px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(60,20,20,.04),0 18px 40px rgba(60,20,20,.06);will-change:transform,opacity}
.pov__v{aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#e8d5d1}
.pov__v video{width:100%;height:100%;object-fit:cover;object-position:50% 25%;max-width:none}
.pov__q{margin:18px 8px 0;font-size:clamp(18px,1.4vw,21px);line-height:1.32;letter-spacing:-.018em;font-weight:555;flex:1}
.pov__who{margin:16px 8px 0;font-size:14px;color:var(--soft);font-weight:500}
.pov__who b{color:var(--ink);font-weight:600;margin-right:4px}

/* ============ 5 · AUTOPILOT: one idea becomes one real episode ============ */
.auto{--auto-done:#66e3a0;--auto-wait:#ffd60a;--auto-muted:#b8bacd;--auto-future:#777e99;--auto-state:var(--auto-done);height:360svh}
.auto[data-stage="2"]{--auto-state:var(--auto-wait)}
.auto__sticky{position:sticky;top:var(--nav-h);height:calc(100svh - var(--nav-h));min-height:720px;display:flex;align-items:center;padding:28px 0}
.auto__sticky>.wrap{width:min(100% - 2*var(--gut),var(--maxw))}
.auto__heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.auto__heading h2{font-size:clamp(30px,3vw,44px);font-weight:555;letter-spacing:-.04em;line-height:1.05;margin:0}
.auto__heading h2 span{color:var(--auto-muted)}
.auto__heading>p{font-size:16px;line-height:1.5;color:var(--auto-muted);margin:0}
.flow{margin:28px 0 20px;position:relative;scroll-margin-top:120px}
.flow__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0}
.flow__steps li{position:relative;--step-color:var(--auto-future)}
.flow__steps li[data-state="done"],.flow__steps li[data-state="ready"]{--step-color:var(--auto-done)}
.flow__steps li[data-state="waiting"]{--step-color:var(--auto-wait)}
.flow__steps li+li:before{content:"";position:absolute;height:1px;top:13px;right:calc(100% - 1px);width:calc(100% - 28px);background:var(--step-color)}
.flow__steps a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:58px;text-decoration:none;font-size:13px;font-weight:500;color:var(--auto-muted);width:fit-content;min-width:48px;position:relative}
.flow__steps a[aria-current="step"]{color:#fff}
.flow__dot{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--step-color);border-radius:50%;background:#0d1230;color:var(--step-color);font-size:12px;line-height:1}
.flow__steps li[data-state="waiting"] .flow__dot{background:var(--auto-wait);color:#0d1230}
.flow__steps li[data-state="ready"] .flow__dot{background:var(--auto-done);color:#0d1230}
.auto__body{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;min-height:450px}
.auto__scenes{display:grid;min-width:0}
.auto__scene{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .25s ease;pointer-events:none;align-self:center;scroll-margin-top:120px}
.auto__scene.is-active{visibility:visible;opacity:1;pointer-events:auto}
.auto__eyebrow{font-size:12px;line-height:1.5;letter-spacing:.085em;text-transform:uppercase;font-weight:600;color:var(--auto-state);margin:0 0 20px}
.auto__scene h3{font-size:clamp(48px,5.7vw,84px);font-weight:555;letter-spacing:-.055em;line-height:1.02;margin:0;text-wrap:balance}
.auto__copy{font-size:18px;line-height:1.5;max-width:32ch;color:#c7c9d7;margin:24px 0 0;text-wrap:pretty}
.auto__topic{border-left:2px solid var(--auto-done);padding-left:16px;margin:28px 0 0;font-size:19px;line-height:1.4}
.auto__topic>span{display:block;font-size:12px;color:var(--auto-muted);margin-bottom:5px}
.auto__credit{display:flex;gap:12px;align-items:center;margin:24px 0 0;font-size:13px;color:var(--auto-muted);line-height:1.5}
.auto__credit img{border-radius:50%;object-fit:cover;object-position:50% 25%}
.auto__credit b{display:block;font-weight:600;color:#fff;font-size:15px}
.auto__choices{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}
.auto__choices li{border:1px solid #ffd07866;border-radius:6px;color:var(--auto-wait);font-size:13px;line-height:1.4;padding:10px 12px}
.auto__choices li span{margin-left:10px}
.auto__promise{color:var(--auto-done);font-size:15px;line-height:1.4;margin:24px 0}
.auto__episode{margin:0;justify-self:center;width:min(100%,calc((100svh - 350px)*.5625));min-width:230px;transform:translate3d(0,0,0) scale(var(--episode-scale,.92));transform-origin:50% 50%;position:relative}
.auto__picture{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:14px;background:#1d2037;box-shadow:0 24px 70px #0004;isolation:isolate}
.auto__picture video{display:block;width:100%;height:100%;object-fit:cover}
.auto__shade{position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 30%,transparent 48%,#000b);pointer-events:none}
.auto__badge{position:absolute;top:16px;left:16px;margin:0;padding:8px 11px;border-radius:5px;background:#101528;color:var(--auto-state);font-size:12px;font-weight:600;line-height:1.4;display:flex;align-items:center;gap:7px;border:1px solid var(--auto-state)}
.auto__badge>span{font-size:14px}
.auto__preview-title{position:absolute;left:20px;right:16px;bottom:68px}
.auto__preview-title>span{font-size:11px;font-weight:500;color:#fff;line-height:1.4}
.auto__preview-title p{font-size:clamp(23px,2vw,30px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:10px 0 0;color:white;text-wrap:balance}
.auto__play{position:absolute;bottom:12px;right:12px;min-width:92px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#101528dc;color:white;border:1px solid #ffffff50;border-radius:24px;font-size:12px;padding:0 14px;cursor:pointer;backdrop-filter:blur(10px)}
.auto__play:hover{background:#101528}
.auto__play:focus-visible,.flow a:focus-visible,.auto .link:focus-visible{outline:2px solid #fff;outline-offset:5px}
.auto__episode figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.4;color:var(--auto-muted);margin-top:12px;white-space:nowrap}
.auto__sample{display:none}
.auto__scroll{display:flex;justify-content:space-between;color:var(--auto-muted);font-size:11px;margin:16px 0 0}
.auto[data-stage="3"] .auto__scroll{visibility:hidden}
.auto__idea-cover{position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,#1f294cee,#12182ef5);padding:36px 28px;display:flex;flex-direction:column;justify-content:center;clip-path:inset(0 0 100%);transition:clip-path .55s cubic-bezier(.22,1,.36,1);pointer-events:none}
.auto[data-stage="0"] .auto__idea-cover{clip-path:inset(0)}
.auto__idea-cover>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--auto-done)}
.auto__idea-cover>p{font-size:clamp(32px,4vw,58px);line-height:1.02;letter-spacing:-.05em;font-weight:555;margin:24px 0}
.auto__idea-cover>small{font-size:14px;line-height:1.5;color:#c7c9d7}
.auto__idea-cover>b{position:absolute;left:28px;bottom:28px;font-size:11px;line-height:1.5;font-weight:500;color:var(--auto-muted)}
.auto[data-direction="a"][data-stage="0"] .auto__play,.auto[data-direction="a"][data-stage="0"] .auto__badge,.auto[data-direction="a"][data-stage="0"] .auto__preview-title{visibility:hidden}
@media(max-width:699px){.auto__idea-cover{padding:20px 16px}.auto__idea-cover>p{font-size:clamp(22px,3.65svh,32px);margin:16px 0}.auto__idea-cover>small{font-size:11px}.auto__idea-cover>b{left:16px;bottom:18px;font-size:11px;max-width:20ch}}
@media(prefers-reduced-motion:reduce),(max-height:799px){.auto__idea-cover{display:none}.auto[data-direction="a"][data-stage="0"] .auto__play,.auto[data-direction="a"][data-stage="0"] .auto__badge,.auto[data-direction="a"][data-stage="0"] .auto__preview-title{visibility:visible}}
html:not(.js) .auto__idea-cover{display:none}
/* A gives the portrait the full height of the stage, rather than a small token slot. */
@media (min-width:700px) and (min-height:800px){
 .auto[data-direction="a"] .auto__sticky>.wrap{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto auto 1fr auto;column-gap:70px}
 .auto[data-direction="a"] .auto__heading{grid-column:1;align-items:start}
 .auto[data-direction="a"] .auto__heading>p{display:none}
 .auto[data-direction="a"] .flow{grid-column:1;margin:32px 0 36px}
 .auto[data-direction="a"] .auto__body{display:contents}
 .auto[data-direction="a"] .auto__scenes{grid-column:1;align-self:center}
 .auto[data-direction="a"] .auto__episode{grid-column:2;grid-row:1/5;width:min(100%,calc((100svh - 170px)*.5625))}
 .auto[data-direction="a"] .auto__scroll{grid-column:1;margin-top:32px}
 .auto[data-direction="a"] .auto__preview-title p{font-size:36px}
 .auto[data-direction="a"] .auto__episode figcaption{font-size:11px}
}
/* B is an editorial walk-through, not a reskin of A's pinned stage. */
.auto[data-direction="b"]{height:auto;padding:100px 0 110px}
.auto[data-direction="b"] .auto__sticky{position:relative;top:0;height:auto;min-height:0;padding:0;display:block}
.auto[data-direction="b"] .auto__heading h2{font-size:clamp(40px,6.4vw,92px)}
.auto[data-direction="b"] .flow{margin:48px 0 0}
.auto[data-direction="b"] .auto__body{align-items:start;padding-top:50px}
.auto[data-direction="b"] .auto__scenes{display:block}
.auto[data-direction="b"] .auto__scene{visibility:visible;opacity:1;pointer-events:auto;min-height:65svh;padding:56px 0 72px 28px;border-left:1px solid var(--auto-done);position:relative}
.auto[data-direction="b"] .auto__scene:before{content:"";position:absolute;left:-5px;top:63px;width:9px;height:9px;border-radius:50%;background:var(--auto-done)}
.auto[data-direction="b"] .auto__scene[data-scene="2"]:before{background:var(--auto-wait)}
.auto[data-direction="b"] .auto__scene[data-scene="2"]{border-color:var(--auto-wait)}
.auto[data-direction="b"] .auto__scene[data-scene="2"] .auto__eyebrow{color:var(--auto-wait)}
.auto[data-direction="b"] .auto__scene:not([data-scene="2"]) .auto__eyebrow{color:var(--auto-done)}
.auto[data-direction="b"] .auto__scene:last-child{min-height:60svh;border-color:var(--auto-done);padding-bottom:0}
.auto[data-direction="b"] .auto__scene[data-state]{--scene-line:var(--auto-future);border-color:var(--scene-line)}
.auto[data-direction="b"] .auto__scene[data-state="done"],.auto[data-direction="b"] .auto__scene[data-state="ready"]{--scene-line:var(--auto-done)}
.auto[data-direction="b"] .auto__scene[data-state="waiting"]{--scene-line:var(--auto-wait)}
.auto[data-direction="b"] .auto__scene[data-state]:before{background:var(--scene-line)}
.auto[data-direction="b"] .auto__scene[data-state] .auto__eyebrow{color:var(--scene-line)}
.auto[data-direction="b"] .auto__episode{position:sticky;top:calc(var(--nav-h) + 70px);width:min(100%,340px);transform:none;margin:40px 0 0}
.auto[data-direction="b"] .auto__scroll,.auto__inline{display:none}
@media (min-width:700px) and (max-height:780px){
 .auto__sticky{min-height:620px;padding:18px 0}.auto__heading h2{font-size:32px}.flow{margin-top:18px;margin-bottom:10px}.auto__body{min-height:370px}.auto__scene h3{font-size:58px}.auto__copy{font-size:16px;margin-top:16px}.auto__eyebrow{margin-bottom:14px}.auto__episode{min-width:195px;width:220px}.auto__scroll{margin-top:8px}
}
@media (max-width:699px){
 .auto{height:370svh}
 .auto__sticky{height:calc(100svh - var(--nav-h));min-height:700px;padding:14px 0}
 .auto__heading h2{font-size:20px;letter-spacing:-.035em}.auto__heading h2 br{display:none}.auto__heading h2 span:before{content:" "}.auto__heading>p{display:none}
 .flow{margin:18px 0 12px}.flow__steps a{font-size:11px;min-height:50px;gap:6px}.flow__dot{width:24px;height:24px;font-size:11px}.flow__steps li+li:before{top:11px;width:calc(100% - 25px)}
 .auto__body{grid-template-columns:1fr;gap:12px;min-height:0}
 .auto__scenes{height:212px}.auto__scene{align-self:start}.auto__eyebrow{font-size:11px;margin:0 0 9px;letter-spacing:.065em}
 .auto__scene h3{font-size:37px;letter-spacing:-.045em;line-height:1.02}
 .auto__copy{font-size:14px;line-height:1.4;margin:10px 0 0;max-width:37ch}
 .auto__topic,.auto__credit{display:none}
 .auto__choices{margin-top:10px;gap:6px}.auto__choices li{font-size:11px;padding:5px 7px}.auto__choices li span{margin-left:4px}
 .auto__promise{font-size:11px;margin:10px 0}.auto__scene .link{font-size:12px}
 .auto__episode{min-width:0;width:calc(clamp(240px,100svh - 490px,400px)*.5625);transform:scale(var(--episode-scale,1))}
 .auto__picture{border-radius:10px}.auto__badge{top:10px;left:10px;font-size:11px;padding:5px 7px;gap:4px}
 .auto__preview-title{left:12px;right:10px;bottom:60px}.auto__preview-title>span{font-size:11px}.auto__preview-title p{font-size:20px;margin-top:6px}
 .auto__play{bottom:8px;right:8px;min-width:82px;font-size:11px;padding:0 12px}
 .auto__episode figcaption{font-size:11px;margin-top:8px;justify-content:center;gap:0;white-space:normal;text-align:center}
 .auto__scroll{font-size:11px;margin-top:12px}
 .auto[data-direction="b"]{padding:88px 0 80px}
 .auto[data-direction="b"] .auto__heading h2{font-size:40px}.auto[data-direction="b"] .auto__heading h2 br{display:block}.auto[data-direction="b"] .auto__heading h2 span:before{content:none}
 .auto[data-direction="b"] .flow{margin-top:32px}
 .auto[data-direction="b"] .auto__body{padding-top:20px;gap:0}
 .auto[data-direction="b"] .auto__scenes{height:auto}
 .auto[data-direction="b"] .auto__scene{min-height:0;padding:45px 0 55px 20px}
 .auto[data-direction="b"] .auto__scene:before{top:51px}
 .auto[data-direction="b"] .auto__scene h3{font-size:44px}
 .auto[data-direction="b"] .auto__copy{font-size:17px;margin-top:18px}
 .auto[data-direction="b"] .auto__eyebrow{font-size:11px}
 .auto[data-direction="b"] .auto__topic{display:block;font-size:19px}
 .auto[data-direction="b"] .auto__inline{display:block;width:150px;height:200px;object-fit:cover;object-position:50% 30%;border-radius:8px;margin-top:24px}
 .auto[data-direction="b"] .auto__choices{gap:7px;margin-top:22px}.auto[data-direction="b"] .auto__choices li{font-size:12px;padding:8px}
 .auto[data-direction="b"] .auto__scene:last-child{min-height:0;padding-bottom:28px}
 .auto[data-direction="b"] .auto__episode{position:relative;top:0;margin:0 0 0 20px;justify-self:start;width:calc(100% - 20px)}
 .auto[data-direction="b"] .auto__preview-title p{font-size:32px}
 .auto[data-direction="b"] .auto__badge{font-size:13px;padding:8px 10px}
 .auto[data-direction="b"] .auto__episode figcaption{font-size:11px}
}
/* Static reading order for reduced motion, no JS, short screens and zoom. */
@media (prefers-reduced-motion:reduce),(max-height:799px){
 .auto{height:auto;padding:70px 0}.auto .auto__sticky{height:auto;min-height:0;position:relative;top:0;padding:0}.auto .auto__body{align-items:start}.auto .auto__scenes{height:auto;display:block}.auto .auto__scene{visibility:visible;opacity:1;pointer-events:auto;padding:24px 0 36px;transition:none}.auto .auto__scene+.auto__scene{border-top:1px solid #ffffff25}.auto .auto__scene h3{font-size:clamp(36px,5vw,64px)}.auto .auto__episode{transform:none;position:relative;top:0;width:min(100%,300px);margin:24px 0 0}.auto .auto__scroll{display:none}.auto .auto__eyebrow{color:var(--auto-done)}.auto .auto__scene[data-scene="2"] .auto__eyebrow{color:var(--auto-wait)}
}
html:not(.js) .auto{height:auto;padding:80px 0}
html:not(.js) .auto .auto__sticky{position:relative;top:0;height:auto;min-height:0}
html:not(.js) .auto .auto__scenes{display:block;height:auto}
html:not(.js) .auto .auto__scene{visibility:visible;opacity:1;pointer-events:auto;margin-bottom:48px}
html:not(.js) .auto .auto__play,html:not(.js) .auto .auto__scroll{display:none}

@media (prefers-reduced-motion:reduce),(max-height:799px){
 .auto[data-direction] .auto__sticky>.wrap,.auto[data-direction] .auto__body{display:block}
 .auto[data-direction] .auto__episode{position:relative;top:0;transform:none;margin:32px auto 0;width:min(100%,340px)}
 .auto[data-direction] .auto__scenes{max-width:760px}
}
html:not(.js) .auto[data-direction] .auto__sticky>.wrap,html:not(.js) .auto[data-direction] .auto__body{display:block}
html:not(.js) .auto[data-direction] .auto__episode{position:relative;top:0;transform:none;margin:32px auto 0;width:min(100%,340px)}
html:not(.js) .auto[data-direction] .auto__preview-title{visibility:visible}

/* ============ 6 · ANY CHANNEL ============ */
.kinds{padding:clamp(110px,16vh,170px) 0 clamp(90px,12vh,140px)}
.kinds__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px);margin-top:clamp(40px,6vh,72px)}
.kind{position:relative;display:block;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:#e4e0d9;color:#fff;isolation:isolate;box-shadow:0 1px 2px rgba(9,9,9,.04),0 24px 60px rgba(9,9,9,.10);will-change:transform}
.kind__v{position:absolute;inset:0;z-index:-1}
.kind__v::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.62))}
.kind__v--plain{background:#0d1230}
.kind__v video{width:100%;height:100%;object-fit:cover;object-position:50% 22%;max-width:none;transition:transform 1.2s var(--e-settle)}
.kind:hover .kind__v video{transform:scale(1.04)}
.kind__badge{position:absolute;right:18px;top:18px;padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.4);color:#fff;font-size:12px;font-weight:500;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (prefers-reduced-transparency:reduce){.kind__badge{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(0,0,0,.66)}}
.kind__t{position:absolute;left:clamp(20px,2.4vw,34px);right:clamp(20px,2.4vw,34px);bottom:clamp(64px,6.4vw,92px);margin:0}
.kind__t b{display:block;font-size:clamp(28px,2.8vw,44px);font-weight:555;letter-spacing:-.032em;line-height:1.04}
.kind__t span{display:block;margin-top:8px;font-size:clamp(16px,1.3vw,19px);line-height:1.4;font-weight:500;color:rgba(255,255,255,.86);max-width:30ch}
.kind__go{position:absolute;left:clamp(20px,2.4vw,34px);bottom:clamp(20px,2.2vw,32px);display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink);font-size:14.5px;font-weight:600}

/* ============ 7 · CLOSE ============ */
.close2{padding-top:clamp(90px,14vh,150px)}
.close2 .big{text-align:center}
.finale{height:230vh;margin-top:-12svh}
.finale__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.finale__sticky{pointer-events:none}.finale__type .cta-row{pointer-events:auto}
.finale__veil{position:absolute;inset:0;background:#000;clip-path:inset(28% 14% 28% 14% round 28px);will-change:clip-path}
.finale__type{position:relative;z-index:1;text-align:center;padding:0 var(--gut);opacity:0;will-change:transform,opacity}
.finale__type .big{color:var(--on-dark);font-size:clamp(42px,min(6.6vw,10.5vh),108px)}
.finale__type .soft{color:var(--soft-d)}
.foot{position:relative;z-index:1}
/* the footer continues the finale's black, and rises under the pinned headline (overlap set by v2.js) */
.foot--night{background:#000;color:var(--on-dark);--ink:var(--on-dark);--ink-body:#c9c9c4;--ink-2:#8d8d88;--hair:rgba(255,255,255,.14);pointer-events:none}
.foot--night a,.foot--night summary{pointer-events:auto}
.foot--night{background:linear-gradient(transparent max(0px,calc(var(--ov,0px) - 2px)),#000 max(0px,calc(var(--ov,0px) - 2px)))} /* clear where it lies over the finale, so the buttons stay whole; 11-oct: black starts 2px early so no light seam shows where the finale ends */
.foot--night .foot__top{display:none}
.foot--night .foot__nav{margin-top:0;border-top:0;padding-top:0}
.foot--night :where(.disclose) p{color:#b9b9b4}

/* ============ phones ============ */
@media (max-width:1000px){
  .pov__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kinds__pair{grid-template-columns:1fr}
  .clone2{grid-template-columns:1fr}
}
@media (max-width:700px){
  :root{--fs-big:clamp(38px,11vw,60px)}
  .hero2{height:468vh}
  .hero2__t1 .big{font-size:clamp(44px,12vw,64px)}
  .hero2__t2 .big{font-size:clamp(36px,10vw,54px)}
  .hero2__t3 .big{font-size:clamp(38px,10.4vw,58px)}
  .hero2__sub{max-width:30ch;font-size:17px}
  .hero2__t1 .cta-row .pill{flex:1;max-width:240px}
  .fc{border-radius:16px}
  .fc--back{opacity:.9} /* 10-oct: a live blur on two playing videos cost frames on phones; they sit behind and still now */
  .fc figcaption span{display:none}
  .fc figcaption b{font-size:12.5px}
  .beat{font-size:clamp(34px,9.6vw,52px)}
  .ai-note{left:var(--gut);right:auto;padding:5px 10px;border-radius:999px;background:rgba(248,247,243,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} /* 11-oct: on a short phone the cards reach the bottom; the note is a chip, never bare text on a video */
  .big{text-align:left}
  .cast2 .big,.close2 .big{text-align:center}
  .cast2{padding-top:56px}
  .seg__b{padding:0 18px;font-size:15px}
  .deck__stage{--dh:min(118vw,58svh);height:calc(var(--dh) + 8px)}
  .deck__info{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:22px}
  .deck__arrow{width:44px;height:44px}
  .deck__who{min-height:190px}
  .deck__acts{gap:10px}
  .clone2__steps{gap:22px}
  .rec{padding:22px 18px 18px;border-radius:24px}
  .rec__wave{height:64px}
  .week{height:220vh}
  .week__sticky{position:sticky;top:var(--nav-h);height:calc(100svh - var(--nav-h));min-height:0;padding:0}
  .ep{width:58vw;max-width:260px}
  .week__sticky{justify-content:flex-start;padding-top:clamp(28px,6vh,56px)}
  .pov__grid{grid-template-columns:1fr;gap:14px}
  .pov__c{display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:14px;padding:10px 14px 10px 10px}
  .pov__v{grid-row:1/3;aspect-ratio:3/4}
  .pov__q{margin:6px 0 0;font-size:17px}
  .pov__who{margin:8px 0 0;align-self:end}
  .seg--dark .seg__b{padding:0 11px;font-size:14px;white-space:nowrap}
  .kind{aspect-ratio:4/5;border-radius:24px}
  .finale{height:200vh;margin-top:-16svh}
}

/* ============ without the scroll owner (no script, or reduced motion) each chapter paints its own tone ============ */
html:not(.js) .cast2{background:#efe9df}
/* chapters on either side of a light/dark edge paint their own colour, so the edge is a clean line as it passes */
.week{background:#0b0b0c}.pov{background:#f4e4e1}.auto{background:#0d1230}.kinds{background:#f8f7f3}
html:not(.js) .rise{opacity:1}
@media (prefers-reduced-motion:reduce){.cast2{background:#efe9df}.week{background:#0b0b0c}.pov{background:#f4e4e1}.auto{background:#0d1230}}

/* ============ reduced motion: everything is in place, nothing is tied to the scroll ============ */
@media (prefers-reduced-motion:reduce){
  html.js .rise{opacity:1;transform:none;transition:none}
  .hero2{height:auto}
  .hero2__sticky{position:relative;top:0;height:auto;min-height:calc(100svh - var(--nav-h));padding-bottom:40px}
  .hero2__t2,.hero2__beats,.hero2__dark,.hero2__veil{display:none}
  .hero2__t3{display:none}
  .week{height:auto}
  .week__sticky{position:relative;top:0;height:auto;padding:110px 0}
  .week__rail{overflow-x:auto;scroll-snap-type:x mandatory}
  .ep{scroll-snap-align:start}
  .auto{height:auto}
  .auto__sticky{position:relative;top:0}
  .finale{height:auto}
  .finale__sticky{position:relative;height:auto;padding:120px 0}
  .finale__veil{clip-path:none}
  .finale__type{opacity:1;transform:none}
  .deck__card img,.rec__wave i,.rec__dot{animation:none}
  .deck__card{transition:none}
}

/* no script: the same calm, static page */
html:not(.js) .hero2{height:auto}
html:not(.js) .hero2__sticky{position:relative;top:0;height:auto;min-height:calc(100svh - var(--nav-h));padding-bottom:40px}
html:not(.js) .hero2__t2,html:not(.js) .hero2__beats,html:not(.js) .hero2__dark,html:not(.js) .hero2__veil{display:none}
html:not(.js) .hero2__t3{display:none}
html:not(.js) .week{height:auto}
html:not(.js) .week__sticky{position:relative;top:0;height:auto;padding:110px 0}
html:not(.js) .week__rail{overflow-x:auto;scroll-snap-type:x mandatory}
html:not(.js) .ep{scroll-snap-align:start}
html:not(.js) .auto{height:auto}
html:not(.js) .auto__sticky{position:relative;top:0}
html:not(.js) .finale{height:auto}
html:not(.js) .finale__sticky{position:relative;height:auto;padding:120px 0}
html:not(.js) .finale__veil{clip-path:none}
html:not(.js) .finale__type{opacity:1;transform:none}
html:not(.js) .deck__card img,html:not(.js) .rec__wave i,html:not(.js) .rec__dot{animation:none}
html:not(.js) .deck__card{transition:none}
html:not(.js) .hero2__cards{display:none}

/* the promise's call to action: Apple-style text links at the headline's own voice, not buttons under a 100px line */
.t3-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px clamp(28px,3vw,44px);margin-top:clamp(22px,3.2vh,34px)}
.t3-link{position:relative;display:inline-flex;align-items:center;gap:.32em;font-size:clamp(20px,1.75vw,27px);font-weight:555;letter-spacing:-.02em;line-height:1.2;color:var(--on-dark);text-decoration:none}
.t3-link--soft{color:var(--soft-d)}
.t3-link::after{content:"";position:absolute;inset:-10px -8px} /* 44px hit area */
.t3-link__chev{width:.42em;height:.68em;transform:translateY(.04em);transition:transform .35s var(--e-settle)}
.t3-link:hover .t3-link__chev,.t3-link:focus-visible .t3-link__chev{transform:translate(.22em,.04em)}
.t3-link:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1.5px}
@media (max-width:699px){
  .t3-cta{justify-content:flex-start;gap:10px 26px}
  .t3-link{font-size:19px}
}

/* 29-sep, Rafael on the phone: centred hero lines, a lighter header, the creator's name readable */
@media (max-width:700px){
  .hero2__type .big{text-align:center}
  .hero2__t1{top:14px}
  .hero2__one::after{height:52%;background:linear-gradient(transparent,rgba(0,0,0,.62))}
  .hero2__tag{left:0;right:0;bottom:12px;align-items:center;text-align:center}
  .hero2__tag b{font-size:18px}
}
@media (max-width:700px){ .hero2__t3 .t3-cta{justify-content:center} }
/* The creator's name carries its own scrim: the card's gradient lives in the clipped part of the full-screen box */
.hero2__tag{left:0;right:0;bottom:0;padding:34px 10px 12px;align-items:center;text-align:center;
  background:linear-gradient(transparent,rgba(0,0,0,.55))}



/* Plans — 3-oct (Rafael: «that part of the plans looks awful, look how top competitors have theirs»).
   The pattern ElevenLabs, Runway and Synthesia share: light separate cards, a big price, one button, a short list,
   and the recommended plan capped «Most popular» with the solid button. Shared by home and pricing. */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px;padding-top:34px;align-items:stretch}
@media (min-width:1001px) and (max-width:1279px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}} /* 14-oct: four plans (Elite) sit 2 × 2 until there is room for a row of four */
@media (min-width:1280px){.plans{grid-template-columns:repeat(4,minmax(0,1fr))}.plans .plan__price [data-price]{font-size:clamp(44px,3.2vw,54px)}.plans .plan__per{font-size:13px}.plans .plan__qty{font-size:15px}} /* four across: the price line and «episodes · redos» stay on one line in every card */
@media (min-width:1729px){.plans .plan__price [data-price]{font-size:max(54px, min(3.125vw, 5.5102041vh))}.plans .plan__per{font-size:max(13px, min(.7523148vw, 1.3265306vh))}.plans .plan__qty{font-size:max(15px, min(.8680556vw, 1.5306122vh))}}
.plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 28px 32px;background:#fff;border:1px solid rgba(30,28,26,.10);border-radius:24px;box-shadow:0 1px 2px rgba(9,9,9,.03),0 12px 32px rgba(9,9,9,.04);overflow:hidden}
.plan--pop{border:1.5px solid var(--ink);box-shadow:0 24px 60px rgba(9,9,9,.10);margin-top:-34px;padding-top:64px} /* the cap rises above the row, so all three prices line up */
.plan__cap{position:absolute;left:0;right:0;top:0;margin:0;height:34px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.plan__name{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.plan__for{margin:6px 0 0;font-size:15px;line-height:1.45;color:var(--soft)}
.plan__price{display:flex;align-items:baseline;gap:8px;margin:26px 0 0;line-height:1}
.plan__price [data-price]{font-size:clamp(48px,4.4vw,60px);font-weight:600;letter-spacing:-.045em;color:var(--ink)}
.plan__per{font-size:14px;color:var(--soft)}
.plan__qty{margin:12px 0 0;font-size:15px;font-weight:600;color:var(--ink)}
.plan__redo{display:block;margin-top:4px;font-size:.9em;font-weight:500;color:var(--soft)} /* 14-oct (Argon): redos sit by the price, on their own line in every card */
.plan__cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:24px;border-radius:999px;border:1px solid rgba(30,28,26,.24);font-size:15px;font-weight:550;color:var(--ink);text-decoration:none;transition:background-color .2s,border-color .2s}
.plan__cta:hover{border-color:var(--ink)}
.plan--pop .plan__cta{background:var(--ink);border-color:var(--ink);color:#fff}
.plan--pop .plan__cta:hover{background:#242422}
.plan a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.plan__renew{margin:12px 0 0;font-size:12px;line-height:1.5;color:var(--soft);text-align:center}
.plan__renew a{text-decoration:underline;text-underline-offset:3px}
.plan__inc{margin-top:26px;padding-top:22px;border-top:1px solid rgba(30,28,26,.10)}
.plan__plus{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--ink)}
.plan__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.plan__list li{position:relative;padding-left:26px;font-size:15px;line-height:1.45;color:#2b2b28}
.plan__list li::before{content:"";position:absolute;left:0;top:.18em;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%230a0a0a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/16px}
.plans__note{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px 22px;margin:24px 0 0;font-size:14px;line-height:1.5;color:var(--soft)}
.plans__note .link{font-size:14px;color:var(--ink)}
@media (max-width:1000px){.plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto;padding-top:0}.plan--pop{order:-1;margin-top:0}}
@media (max-width:700px){.plans{margin-top:32px;gap:12px}.plan{padding:26px 22px 28px;border-radius:20px}.plan--pop{padding-top:56px}}
@media (prefers-reduced-motion:reduce){.plan__cta{transition:none}}
/* Keep the choice, its prices and its terms together in a desktop viewport. */
#rhythm-h{font-size:clamp(40px,5.6vw,86px)}
/* One-video section after the hero (2026-10-06) */
.watch{display:flex;flex-direction:column;align-items:center;gap:22px;padding:clamp(40px,8vh,96px) 16px}
.watch[hidden]{display:none}
.watch__frame{position:relative;width:min(380px,82vw);aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#151514;box-shadow:0 30px 60px -28px rgba(0,0,0,.45)}
.watch__video{display:block;width:100%;height:100%;object-fit:cover}
.watch__sound{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.watch__cta{justify-content:center}
/* Sound pill in the top corner so it never covers the burned-in captions */
.watch__sound{top:14px;right:14px;left:auto;bottom:auto;transform:none}
/* How it works: familiar controls, one measured pass of product state. */
.howto{position:relative;display:flex;flex-direction:column;gap:clamp(22px,3vh,34px);padding:clamp(40px,8vh,104px) 0}
.howto__head{text-align:center;padding:0 16px}
.howto__kicker{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.085em;text-transform:uppercase;color:var(--ink-2)}
.howto__h{margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:555;letter-spacing:-.045em;line-height:1.02;text-wrap:balance}
.howto__row{position:relative;list-style:none;margin:0 auto;padding:4px 16px 18px;width:100%;max-width:960px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;box-sizing:border-box}
.howto__rail{position:absolute;z-index:0;right:max(8%,calc((100% - 1200px) / 2 + 3%));left:max(8%,calc((100% - 1200px) / 2 + 3%));bottom:clamp(86px,10vw,120px);height:1px;background:linear-gradient(to right,transparent 0 4%,var(--hair-2) 4% 25%,transparent 25% 29%,var(--hair-2) 29% 50%,transparent 50% 54%,var(--hair-2) 54% 75%,transparent 75%);pointer-events:none}.howto__rail i{position:absolute;top:0;bottom:0;width:21%;background:var(--brand-accent);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--e-settle)}.howto__rail i:nth-child(1){left:4%}.howto__rail i:nth-child(2){left:29%}.howto__rail i:nth-child(3){left:54%}
.howto__card{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0}
.howto__ui{display:flex;flex-direction:column;gap:12px;aspect-ratio:4/5;padding:16px;background:#fff;border:1px solid var(--hair,#e3dfd7);border-radius:var(--r-card);box-shadow:0 18px 36px -28px rgba(0,0,0,.34);box-sizing:border-box;overflow:hidden;transition:transform .25s var(--e-settle),box-shadow .25s var(--e-settle)}
.howto__ui-t{margin:0;font-size:16px;font-weight:600;letter-spacing:-.015em;line-height:1.2;color:var(--ink)}
.howto__ui-s{margin:-8px 0 0;font-size:13px;color:var(--ink-2)}
.howto__faces{flex:1;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:8px;min-height:0}
.howto__faces span,.howto__eps span,.howto__ep span{position:relative;display:block;border-radius:12px;overflow:hidden;background:#ece9e2}
.howto__faces img,.howto__eps img,.howto__ep img{display:block;width:100%;height:100%;object-fit:cover}
.howto__faces .is-on{box-shadow:0 0 0 2px var(--brand-accent)}
.howto__faces .is-on::after{content:"";position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--brand-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;opacity:0;transform:scale(.45);transition:opacity .2s var(--e-settle),transform .32s var(--e-morph)}
.howto__chips{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}
.howto__chips span{display:inline-flex;align-items:center;height:36px;padding:0 15px;border:1px solid var(--hair-2,#cfcac0);border-radius:999px;font-size:14px;font-weight:500;color:var(--ink)}
.howto__chips .is-on{background:var(--ink);border-color:var(--ink);color:#fff;transition:background-color .2s var(--e-settle),border-color .2s var(--e-settle),color .2s var(--e-settle)}
.howto__eps{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0}
.howto__ep{flex:1;min-height:0;display:grid}
.howto__btns{display:flex;gap:8px;flex-wrap:wrap}.howto__posted{display:none;align-items:center;gap:7px;align-self:flex-start;height:38px;padding:0 13px;border:1px solid var(--hair);border-radius:999px;background:var(--ground-2);font-size:13px;font-weight:600;box-shadow:0 8px 20px -16px rgba(0,0,0,.5)}.howto__posted::before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--brand-accent);color:#fff;font-size:11px}
.howto__btns .pill{height:38px;padding:0 16px;font-size:14px;pointer-events:none}
.howto__cap{min-height:44px;margin:0;padding:0 4px;font-size:17px;line-height:1.35;color:var(--ink)}
.howto__cap b{position:relative;z-index:1;display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--ground);color:var(--brand-accent);font-weight:650}
.howto__dots{display:none}.howto .howto__chips .is-on{background:transparent;border-color:var(--hair-2,#cfcac0);color:var(--ink)}.howto.flow--2a .howto__chips .is-on:nth-child(1),.howto.flow--2b .howto__chips .is-on:nth-child(-n+3),.howto.flow--2c .howto__chips .is-on{background:var(--ink);border-color:var(--ink);color:#fff}.howto.flow--1 .howto__faces .is-on::after{opacity:1;transform:scale(1)}.howto.flow--1 .howto__rail i:nth-child(1){transform:scaleX(1)}.howto.flow--2c .howto__rail i:nth-child(2){transform:scaleX(1)}.howto.flow--3 .howto__rail i:nth-child(3){transform:scaleX(1)}.howto.flow--3 .howto__card:nth-child(3) .howto__btns{display:none}.howto.flow--3 .howto__card:nth-child(3) .howto__posted{display:flex;animation:howto-pop .3s var(--e-morph) both}.howto.flow--3 .howto__dots i{background:var(--brand-accent)}
@keyframes howto-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes howto-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
/* 10-oct: the old 2px lift moved into the «cards you choose from» block at the end */
.howto__note{margin:0;padding:0 24px;text-align:center;font-size:16px;line-height:1.45;color:var(--ink-2)}
.howto__cta{justify-content:center}
@media(max-width:860px){
  .howto{gap:22px}.howto__rail{display:none}.howto__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .howto__row::-webkit-scrollbar{display:none}
  .howto__card{flex:0 0 76%;scroll-snap-align:start}
  .howto__dots{display:flex;justify-content:center;gap:6px}.howto__dots i{width:6px;height:6px;border-radius:50%;background:var(--hair-2);transition:background-color .2s var(--e-settle)}
}
.howto__ui-foot{margin:auto 0 0}
/* A deck card can carry a video (CAST[i].video): it covers the still, plays only while that card is centred and the deck is on screen (2026-10-06) */
.deck__card>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}
/* 6-oct: «camera» (hero) and «can’t» (finale) fill red like the other key words */
.hero2__t1 .soft .hot{--hot-base:var(--soft);filter:none}
.finale .soft .hot{--hot-base:var(--soft-d);filter:none}

/* Sound gate: added after first paint, so the hero stays the LCP. */
.sound-gate{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:rgba(11,11,12,.56);backdrop-filter:blur(16px) saturate(.9);-webkit-backdrop-filter:blur(16px) saturate(.9)}
.sound-gate__card{width:min(430px,100%);padding:clamp(30px,5vw,46px);border:1px solid rgba(255,255,255,.19);border-radius:calc(var(--r-card) + 8px);background:linear-gradient(145deg,rgba(41,41,43,.94),rgba(17,17,18,.96));box-shadow:0 30px 90px rgba(0,0,0,.42);color:var(--on-dark,#f5f5f2);text-align:center}
.sound-gate__icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 22px;border-radius:50%;background:rgba(255,255,255,.11);color:#fff;animation:sound-gate-pulse 2.7s ease-in-out infinite}.sound-gate__icon svg{width:27px;height:27px}
.sound-gate h2{margin:0;font-size:clamp(30px,7vw,42px);letter-spacing:-.05em;line-height:1}.sound-gate p{max-width:30ch;margin:14px auto 28px;color:rgba(245,245,242,.72);font-size:16px;line-height:1.5}.sound-gate__on{width:100%;min-height:54px;justify-content:center;font-size:16px}.sound-gate__mute{display:block;margin:17px auto 0;padding:7px;border:0;background:none;color:rgba(245,245,242,.67);font:inherit;font-size:13px;cursor:pointer}.sound-gate__mute:hover{text-decoration:underline;color:#fff}.sound-gate button:focus-visible,.sound-pill:focus-visible{outline:2px solid #fff;outline-offset:4px}
.sound-pill{position:fixed;z-index:900;right:max(16px,calc(env(safe-area-inset-right) + 12px));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(20,20,20,.8);box-shadow:0 8px 24px rgba(0,0,0,.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font:500 12px/1 inherit;cursor:pointer}.sound-pill svg{width:15px;height:15px}.sound-pill[aria-pressed="true"]{border-color:rgba(255,255,255,.5);background:var(--brand-accent)}
@keyframes sound-gate-pulse{50%{transform:scale(1.06);box-shadow:0 0 0 10px rgba(255,255,255,.04)}}
@media(prefers-reduced-motion:reduce){.sound-gate__icon{animation:none}}
/* Phone: the sound toggle is an icon-only circle so it never covers the copy */
@media(max-width:700px){.sound-pill{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;gap:0;font-size:0}.sound-pill svg{width:18px;height:18px}}
#autopilot[hidden]{display:none!important}

@media(prefers-reduced-motion:reduce){.howto .howto__chips .is-on{background:var(--ink);border-color:var(--ink);color:#fff}}

/* Approval film: a full frame, not a device mockup. */
.auto{height:auto;padding:clamp(72px,11vh,144px) 0}.auto__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,min(31vw,430px));align-items:center;justify-content:space-between;gap:clamp(40px,9vw,160px)}.auto__copy{max-width:600px}.auto__heading{margin:0;font-size:var(--fs-big);font-weight:555;letter-spacing:-.05em;line-height:1.02;color:var(--on-dark)}.auto__heading>span{color:#a4a6bd}.auto__heading .hot{--hot-base:#a4a6bd}.auto__lede{max-width:29ch;margin:24px 0 30px;color:#c3c7d7;font-size:17px;line-height:1.45}.auto__video{position:relative;width:min(100%,calc((100svh - var(--nav-h) - 112px) * .5625));min-width:250px;justify-self:end;overflow:hidden;aspect-ratio:9/16;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-card);background:#161a2c;box-shadow:0 30px 80px rgba(0,0,0,.45)}.auto__video video{width:100%;height:100%;object-fit:cover}.auto__sound{position:absolute;top:12px;right:12px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(9,9,9,.6);color:#fff;font:500 12px/1 var(--sans);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.auto__sound[aria-pressed="true"]{background:var(--brand-accent);border-color:var(--brand-accent)}.auto__sound:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:700px){.auto{padding:72px 0}.auto__layout{grid-template-columns:1fr;gap:34px}.auto__heading{font-size:clamp(40px,11vw,54px)}.auto__lede{font-size:16px;margin:16px 0 24px}.auto__video{width:min(100%,360px);min-width:0;justify-self:center}}@media(prefers-reduced-motion:reduce){.howto__faces .is-on::after{opacity:1;transform:none}.howto .howto__chips .is-on{background:var(--ink);border-color:var(--ink);color:#fff}.howto__card:nth-child(3) .howto__btns{display:none}.howto__card:nth-child(3) .howto__posted{display:flex}.howto__rail i{transform:scaleX(1)}.howto__dots i{background:var(--brand-accent)}.auto__video video{display:none}}
/* The connecting rail ran through the captions at some widths; the red step numbers carry the sequence instead */
.howto__rail{display:none!important}

/* 10-oct (Rafael): the cards a visitor chooses from (four taps, the rhythms, the two kinds of channel, linked tiles) rise a little under the pointer.
   translate/scale, not transform, so the lift composes with the scroll choreography's inline transforms; the deeper shadow is a pseudo-element that only fades. */
.plan::after,.howto__card::before{content:"";position:absolute;pointer-events:none;border-radius:inherit;box-shadow:0 2px 6px rgba(9,9,9,.05),0 34px 70px -18px rgba(9,9,9,.20);opacity:0;transition:opacity .45s var(--e-settle)}
.plan{isolation:isolate}.plan::after{inset:0;z-index:-1}
.howto__card::before{left:0;right:0;top:0;aspect-ratio:4/5;border-radius:var(--r-card);z-index:-1}
@media (hover:hover) and (pointer:fine){
  .plan,.howto__card,.kind,a.tile{transition:translate .45s var(--e-settle),scale .45s var(--e-settle)}
  a.tile{transition:translate .45s var(--e-settle),scale .45s var(--e-settle),box-shadow .5s var(--e-settle)}
  .plan:hover,.howto__card:hover,.kind:hover,a.tile:hover{translate:0 -6px;scale:1.03}
  .plan:hover::after,.howto__card:hover::before{opacity:1}
}
.kind:focus-visible,a.tile:focus-visible{translate:0 -6px;scale:1.03}
@media (prefers-reduced-motion:reduce){
  .plan:hover,.howto__card:hover,.kind:hover,a.tile:hover,.kind:focus-visible,a.tile:focus-visible{translate:none;scale:none}
}

/* 10-oct (Rafael): on a phone the three plans sit side by side and swipe left/right instead of stacking (less scrolling) */
@media (max-width:700px){
  .plans{position:relative;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:12px;max-width:none;margin-inline:calc(-1 * var(--gut));padding:6px var(--gut) 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .plans::-webkit-scrollbar{display:none}
  .plans .plan{scroll-snap-align:center}
  .plans .plan--pop{order:0;margin-top:0}
}

/* 10-oct (Rafael: «we have seven days in a week»): seven episodes no longer fit side by side, so on every width the week pins and the days slide past as you scroll */
@media (prefers-reduced-motion:no-preference){
  html.js .week{height:400vh}
  /* The heading leaves before the rail pins, on phones as well as desktop.
     Reserve the measured foot, sound control and the lit card's 3% growth. */
  html.js .week__sticky{--week-gap:clamp(24px,4vh,48px);position:sticky;top:calc(var(--nav-h) - var(--week-head,0px));height:calc(100svh - var(--nav-h) + var(--week-head,0px));min-height:0;justify-content:flex-start;gap:var(--week-gap);padding-top:clamp(44px,8vh,96px);padding-right:0;padding-bottom:var(--week-bottom,76px);padding-left:0}
  html.js .week__track{position:relative}
  html.js .week .ep{width:min(24vw,340px,calc((100svh - var(--nav-h) - var(--week-foot,68px) - var(--week-gap) - var(--week-bottom,76px) - 40px) * .5625 / 1.03));max-width:none}
  @media (max-width:700px){
    html.js .week .ep{width:min(66vw,260px,calc((100svh - var(--nav-h) - var(--week-foot,68px) - var(--week-gap) - var(--week-bottom,76px) - 40px) * .5625 / 1.03))}
  }
  @media (min-width:701px){
    html.js .week{height:340vh}
  }
}

/* 10-oct (Rafael): «reference a channel» replaces the three-creators section. Little text: a link types itself, then the originals develop from blur to sharp */
.ref{padding:clamp(110px,16vh,170px) 0 clamp(90px,12vh,140px);background:#f4e4e1} /* paints its own colour, like .pov did, so its edge is clean against the dark week */
.ref__stage{margin-top:clamp(40px,6vh,72px);display:flex;flex-direction:column;align-items:center;gap:clamp(22px,3.4vh,36px)}
.ref__field{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(60,20,20,.05),0 18px 40px -22px rgba(60,20,20,.28);font-size:clamp(15px,1.3vw,18px);color:var(--ink);white-space:nowrap;max-width:100%}
.ref__field i{font-style:normal;color:#8d8781}
.ref__link{display:inline-flex;width:20px;height:20px;color:#8d8781;flex:none}.ref__link svg{width:100%;height:100%}
.ref__url{display:inline-block;overflow:hidden;flex:none;white-space:nowrap}
.ref__caret{width:2px;height:22px;margin-left:-8px;background:var(--brand-accent);border-radius:2px;flex:none} /* sits right after the last letter, like it just finished typing */
.ref__eps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);width:min(100%,1000px)} /* 10-oct: four styles, each from a real viral reference */
.ref__eps span{position:relative;aspect-ratio:9/16;border-radius:var(--r-card);overflow:hidden;background:#e8d5d1;box-shadow:0 24px 50px -30px rgba(60,20,20,.45)}
.ref__eps video{width:100%;height:100%;object-fit:cover;max-width:none;display:block}
.ref__note{margin:clamp(22px,3vh,32px) 0 0;text-align:center;font-size:15px;font-weight:500;color:var(--soft)}
@media (prefers-reduced-motion:no-preference){
  html.js .ref__url{width:0}
  html.js .ref__caret{animation:ref-blink 1s steps(1) infinite}
  html.js .ref__eps span{opacity:.35;filter:blur(14px) saturate(.6);transform:translateY(24px) scale(.97);transition:opacity .9s var(--e-settle),filter 1.1s var(--e-settle),transform 1.1s var(--e-settle)}
  html.js .ref.is-on .ref__url{animation:ref-type 1.3s steps(34) forwards}
  html.js .ref.is-on .ref__eps span{opacity:1;filter:none;transform:none}
  html.js .ref.is-on .ref__eps span:nth-child(1){transition-delay:1.45s}
  html.js .ref.is-on .ref__eps span:nth-child(2){transition-delay:1.7s}
  html.js .ref.is-on .ref__eps span:nth-child(3){transition-delay:1.95s}
}
@keyframes ref-type{to{width:var(--url-w,22em)}}
@keyframes ref-blink{50%{opacity:0}}
@media (max-width:700px){.ref__field{height:50px;padding:0 16px;font-size:14px}.ref__caret{height:18px}}

.ref__eps b{position:absolute;left:12px;bottom:10px;z-index:1;font-size:14px;font-weight:600;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.ref__eps span::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,rgba(0,0,0,.45));pointer-events:none}
@media (max-width:700px){.ref__eps{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,420px)}}

/* 10-oct (Rafael): «use this space to show text to finish convincing the people… not a video». On your own vs with EzClip; the left list gets struck through as it arrives */
.vs{padding:clamp(110px,16vh,170px) 0 clamp(90px,12vh,140px);background:#f8f7f3}
.vs__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);margin-top:clamp(40px,6vh,72px);align-items:stretch}
.vs__card{border-radius:var(--r-card);padding:clamp(26px,3vw,44px);display:flex;flex-direction:column;gap:22px}
.vs__card--diy{background:#ece9e3;color:#7d7871}
.vs__card--ez{background:var(--ink);color:#fff;box-shadow:0 30px 70px -36px rgba(9,9,9,.55)}
.vs__k{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.vs__card--ez .vs__k{color:var(--brand-accent)}
.vs__card ul{list-style:none;margin:0;padding:0;display:grid;gap:clamp(14px,2vh,20px)}
.vs__card li{position:relative;padding-left:36px;font-size:clamp(19px,1.7vw,26px);font-weight:555;letter-spacing:-.02em;line-height:1.2}
.vs__card--diy li::before{content:"";position:absolute;left:4px;top:.55em;width:14px;height:2px;background:#b6b0a7;border-radius:2px}
.vs__card--diy li span{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--brand-accent)} /* a real strike-through, so wrapped lines are struck too */
.vs__card--ez li::before{content:"";position:absolute;left:0;top:.08em;width:24px;height:24px;border-radius:50%;background:var(--brand-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.2 4.7-4.9' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.vs__card--ez .cta-row{margin-top:auto;padding-top:8px;justify-content:flex-start}
@media (prefers-reduced-motion:no-preference){
  html.js .vs__card--diy li span{text-decoration-color:transparent;transition:text-decoration-color .35s var(--e-settle),color .35s var(--e-settle)}
  html.js .vs.is-on .vs__card--diy li span{text-decoration-color:var(--brand-accent)}
  html.js .vs.is-on .vs__card--diy li:nth-child(1) span{transition-delay:0s}
  html.js .vs.is-on .vs__card--diy li:nth-child(2) span{transition-delay:.12s}
  html.js .vs.is-on .vs__card--diy li:nth-child(3) span{transition-delay:.24s}
  html.js .vs.is-on .vs__card--diy li:nth-child(4) span{transition-delay:.36s}
  html.js .vs__card--ez li{opacity:0;transform:translateY(8px);transition:opacity .4s var(--e-settle),transform .4s var(--e-settle)}
  html.js .vs.is-on .vs__card--ez li{opacity:1;transform:none}
  html.js .vs.is-on .vs__card--ez li:nth-child(1){transition-delay:.45s}
  html.js .vs.is-on .vs__card--ez li:nth-child(2){transition-delay:.55s}
  html.js .vs.is-on .vs__card--ez li:nth-child(3){transition-delay:.65s}
  html.js .vs.is-on .vs__card--ez li:nth-child(4){transition-delay:.75s}
}
@media (max-width:860px){.vs__pair{grid-template-columns:1fr}}
.ref__eps--3{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,760px)}
@media (max-width:700px){.ref__eps--3{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}}

/* 10-oct (Rafael): the episode under the pointer lights up, the others step back; cards that speak carry a small sound mark */
.ref__eps span{cursor:pointer;transition:opacity .35s var(--e-settle),box-shadow .35s var(--e-settle),scale .35s var(--e-settle)}
.week__track.has-lit .ep:not(.is-lit),.ref__eps.has-lit span:not(.is-lit){opacity:.42 !important}
.ep.is-lit,.ref__eps span.is-lit{opacity:1 !important;filter:none !important;scale:1.03;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 30px 70px -24px rgba(0,0,0,.6);z-index:2}
.ep[data-voice]::before,.ref__eps span[data-voice]::before{content:"";position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.45) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 8h3l4-3v10l-4-3H4z' fill='white'/%3E%3Cpath d='M14 7.5a3.5 3.5 0 0 1 0 5M16 5.5a6.5 6.5 0 0 1 0 9' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ep.is-lit[data-voice]::before,.ref__eps span.is-lit[data-voice]::before{background-color:var(--brand-accent)}
@media (prefers-reduced-motion:reduce){.ep.is-lit,.ref__eps span.is-lit{scale:none}}

/* 10-oct: the soft right edge of the week, half a card wide (width set by v2.js) */
.week__rail{position:relative}
.week__haze{position:absolute;top:-6px;bottom:-6px;right:0;width:160px;pointer-events:none;z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask-image:linear-gradient(to right,transparent,#000 55%);mask-image:linear-gradient(to right,transparent,#000 55%)}
@media (prefers-reduced-motion:reduce){.week__haze{display:none}}

/* 10-oct (Rafael: smoother on the phone): lighter shadows on the moving hero cards, and the week's soft edge becomes a plain fade (no live blur over moving video) */
@media (max-width:700px){
  .fc{box-shadow:0 14px 30px rgba(9,9,9,.14)}
  .hero2__one{box-shadow:0 20px 44px rgba(0,0,0,.24)}
  .week__haze{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(to right,rgba(11,11,12,0),rgba(11,11,12,.7));-webkit-mask-image:none;mask-image:none}
}

/* ============ 11-oct · free-trial offer: the small price line under the hero buttons (the offer itself rides in the top banner, chrome.css) ============ */
.offer-micro{margin:14px auto 0;max-width:62ch;font-size:14px;line-height:1.5;font-weight:500;color:#3a3a36;text-align:center;text-wrap:balance}
.offer-micro a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hero2__t1 .offer-micro{margin-top:14px;max-width:none;pointer-events:auto}
.vs__card--ez .offer-micro{margin:14px 0 0;text-align:left;color:rgba(255,255,255,.78)}
.finale .offer-micro,.ch--dark .offer-micro{color:rgba(245,245,242,.8);pointer-events:auto}
@media (max-width:700px){
  .hero2__t1 .offer-micro{font-size:12px;letter-spacing:-.012em;max-width:none;white-space:nowrap;margin-inline:calc(12px - var(--gut))} /* 11-oct (Rafael): one line; 15-oct: 12px so «Daily on Elite» fits at 375 */
}

@media (max-width:700px) and (max-height:700px){.hero2 .ai-note{display:none}} /* 11-oct · SE-size phones: no room under the rail; the deck and «She’s AI» carry the disclosure a scroll later */

/* 11 Oct: the at-rest hero gives the recovered height to the creators. */
.hero2__t1{top:12px}
.hero2__t1 .big{font-size:clamp(44px,4.4vw,64px)}
.hero2__sub{max-width:none;margin-top:10px;font-size:18px;line-height:1.35}
.hero2__t1 .cta-row{margin-top:16px}
.hero2__t1 .offer-micro{margin-top:10px}
.close2 #rhythm-h{font-size:clamp(30px,3vw,40px)}
.trial-summary{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;margin:24px 0 0;padding:22px 0;border-block:1px solid var(--hair-2);color:var(--ink)}
.trial-summary strong{display:block;font-size:24px;line-height:1.2;font-weight:555;letter-spacing:-.025em}
.trial-summary span{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--soft)}
.trial-summary p{margin:0;text-align:right}
.trial-summary b{font-size:22px;line-height:1.2;font-weight:555;letter-spacing:-.025em}
.trial-summary+.plans{margin-top:24px}
.plan__price{margin-top:20px;flex-wrap:wrap;gap:6px}
.plan__per{font-size:13px}
.plan__renew{font-size:13px;line-height:1.45}
@media(max-width:700px){
 .hero2__t1 .big{font-size:40px}
 .hero2__sub{font-size:16px;margin-top:10px;letter-spacing:-.018em}
 .hero2__t1 .cta-row{gap:8px;margin-top:14px}
 .hero2__t1 .pill{padding-inline:18px;font-size:14px}
 .hero2__t1 .offer-micro{margin-top:10px}
 .trial-summary{align-items:flex-start;flex-direction:column;gap:14px;padding-block:18px;margin-top:20px}
 .trial-summary strong{font-size:22px}
 .trial-summary p{text-align:left}
 .trial-summary b{font-size:20px}
 .trial-summary span{font-size:13px;margin-top:4px}
 .trial-summary+.plans{margin-top:18px}
}
@media(max-width:700px) and (max-height:700px){.hero2__t1 .big{font-size:36px}.hero2__t1{top:8px}}
@media(max-width:700px){
 .hero2__cards .fc:nth-child(even) figcaption{align-items:flex-end;text-align:right}
 .hero2__cards .fc figcaption b{font-size:18px}
}
.plans-hint{display:none}
.plans-hint+.plans{margin-top:24px}
@media(max-width:700px){
 .plans{grid-auto-columns:calc(100% - 2 * var(--gut) - 56px);gap:12px} /* 11-oct (Rafael): with Creator centred, the plans on each side peek in so you know there are more */
 .plans-hint{display:block;margin:14px 0 0;font-size:12px;line-height:1.4;color:var(--soft)}
 .plans-hint+.plans{margin-top:12px}
}
/* Reading and plan selection have no active media: the global sound control
   returns when the visitor scrolls back to the creator/episode sections. */
.has-reading-screen .sound-pill{display:none}
.close2{padding-top:40px;scroll-margin-top:calc(var(--nav-h) + 20px)}
@media(max-width:700px){.close2{padding-top:28px}}

/* 11-oct · footnote for the free-redo limit: readable (≥12px, normal contrast), never hidden */
.plans__foot{margin:10px auto 0;max-width:72ch;font-size:12.5px;line-height:1.5;color:var(--soft);text-align:center}
.plans__foot a{color:inherit;text-decoration:underline;text-underline-offset:3px}
sup.fn{font-size:.75em;line-height:0;margin-left:1px}

/* 11-oct (Rafael): the trial sits beside «Pick your rhythm», inside the two lines, not as a promo strip of its own */
.plans-band{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px 32px;margin-top:4px;padding-block:24px;border-block:1px solid var(--hair-2,rgba(9,9,9,.1))}
.plans-band .big{margin:0;text-align:center;font-size:clamp(34px,3.7vw,56px)}
.plans-band strong,.plans-band b{display:block;font-size:22px;line-height:1.2;font-weight:555;letter-spacing:-.025em;color:var(--ink)}
.plans-band__l span,.plans-band__r span{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:var(--soft)}
.plans-band__l{text-align:left}
.plans-band__r{margin:0;text-align:right}
.plans-band+.plans-hint+.plans,.plans-band+.plans{margin-top:24px}
.plans-band__c{text-align:center}
.plans-band__c .big{margin:0}
.plans-band__sub{margin:10px 0 0;font-size:17px;line-height:1.45;color:var(--soft)}
@media (max-width:1000px){
  .plans-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;padding-block:20px}
  .plans-band .big,.plans-band__c{grid-column:1/-1;grid-row:1}
  .plans-band strong,.plans-band b{font-size:19px}
  .plans-band__l span,.plans-band__r span{font-size:12.5px;margin-top:4px}
}
@media (max-width:700px){
  .plans-band{grid-template-columns:1fr;gap:12px;text-align:center}
  .plans-band__l,.plans-band__r{text-align:center}
  .plans-band strong,.plans-band b{font-size:18px}
  .plans-band__l span,.plans-band__r span{margin-top:2px}
}

.clone2__go{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
/* 11-oct (Rafael: «AI-generated creator below him… the arrows aligned with Jayden… something of value, not the script») */
.deck__who .deck__ai{margin:6px 0 0}
.deck__value{margin:14px auto 0;max-width:36ch;font-size:16px;line-height:1.45;color:#3a3a36;letter-spacing:-.005em;text-wrap:pretty}
.deck__who .deck__acts{margin-top:18px}
.deck__info{align-items:start}
.deck__arrow{margin-top:2px}
@media (min-width:1001px){.cast2 .deck__value{margin-left:0}}
@media (max-width:700px){
  .deck__who{min-height:0}
  .deck__value{font-size:15px;max-width:30ch}
}

/* 11-oct (Rafael): the redo footnote lives at the very bottom of the page, in the footer, like Apple's footnotes */
.foot__fn{margin:0 0 18px;max-width:92ch;font-size:12.5px;line-height:1.55;color:var(--soft)}
.foot--night .foot__fn{color:#9d9d97}
.foot__fn a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* 11-oct · large-desktop type scale: Rafael at Safari actual size on a 16" MacBook zooms to 110%; text is 10% larger from 1280px wide, phones untouched (generated) */
@media (min-width:1280px){
  :root{--fs-big:clamp(44px,6.4vw,118.8px);--fs-lede:clamp(19.8px,1.5vw,24.2px)}
  .link{font-size:17.6px}
  .deck__ai,.ai-note{font-size:13.2px}
  .hero2__t1 .big{font-size:clamp(50.6px,6.3vw,114.4px)}
  .hero2__sub{font-size:clamp(18.7px,1.35vw,23.1px)}
  .hero2__t2 .big{font-size:clamp(41.8px,5.2vw,92.4px)}
  .hero2__t3 .big{font-size:clamp(46.2px,6.6vw,118.8px)}
  .fc figcaption b,.hero2__tag b{font-size:18.7px}
  .fc figcaption span,.hero2__tag span{font-size:13.2px}
  .beat{font-size:clamp(33px,4.2vw,74.8px)}
  .seg__b{font-size:17.6px}
  .deck__name{font-size:clamp(26.4px,2.2vw,35.2px)}
  .deck__name span{font-size:17.6px}
  .deck__line{font-size:clamp(18.7px,1.3vw,20.9px)}
  .deck__arrow{font-size:22px}
  .cast2 .big{font-size:clamp(44px,4.2vw,79.2px)}
  .voice{font-size:16.5px}
  .clone2__steps li::before{font-size:16.5px}
  .clone2__steps b{font-size:clamp(28.6px,2.6vw,44px)}
  .clone2__steps span{font-size:18.7px}
  .rec__top{font-size:15.4px}
  .rec__script{font-size:clamp(22px,1.8vw,28.6px)}
  .rec__foot{font-size:14.3px}
  .ep p b{font-size:22px}
  .ep p span{font-size:14.3px}
  .pov__q{font-size:clamp(19.8px,1.4vw,23.1px)}
  .pov__who{font-size:15.4px}
  .auto__heading h2{font-size:clamp(33px,3vw,48.4px)}
  .auto__heading>p{font-size:17.6px}
  .flow__steps a{font-size:14.3px}
  .flow__dot{font-size:13.2px}
  .auto__eyebrow{font-size:13.2px}
  .auto__scene h3{font-size:clamp(52.8px,5.7vw,92.4px)}
  .auto__copy{font-size:19.8px}
  .auto__topic{font-size:20.9px}
  .auto__topic>span{font-size:13.2px}
  .auto__credit{font-size:14.3px}
  .auto__credit b{font-size:16.5px}
  .auto__choices li{font-size:14.3px}
  .auto__promise{font-size:16.5px}
  .auto__badge{font-size:13.2px}
  .auto__badge>span{font-size:15.4px}
  .auto__preview-title>span{font-size:12.1px}
  .auto__preview-title p{font-size:clamp(25.3px,2vw,33px)}
  .auto__play{font-size:13.2px}
  .auto__episode figcaption{font-size:12.1px}
  .auto__scroll{font-size:12.1px}
  .auto__idea-cover>span{font-size:12.1px}
  .auto__idea-cover>p{font-size:clamp(35.2px,4vw,63.8px)}
  .auto__idea-cover>small{font-size:15.4px}
  .auto__idea-cover>b{font-size:12.1px}
  .auto[data-direction="a"] .auto__preview-title p{font-size:39.6px}
  .auto[data-direction="a"] .auto__episode figcaption{font-size:12.1px}
  .auto[data-direction="b"] .auto__heading h2{font-size:clamp(44px,6.4vw,101.2px)}
  .kind__badge{font-size:13.2px}
  .kind__t b{font-size:clamp(30.8px,2.8vw,48.4px)}
  .kind__t span{font-size:clamp(17.6px,1.3vw,20.9px)}
  .kind__go{font-size:16px}
  .finale__type .big{font-size:clamp(46.2px,min(6.6vw,10.5vh),118.8px)}
  .t3-link{font-size:clamp(22px,1.75vw,29.7px)}
  .plan__cap{font-size:12.7px}
  .plan__name{font-size:24.2px}
  .plan__for{font-size:16.5px}
  .plan__price [data-price]{font-size:clamp(52.8px,4.4vw,66px)}
  .plan__per{font-size:15.4px}
  .plan__qty{font-size:16.5px}
  .plan__cta{font-size:16.5px}
  .plan__renew{font-size:13.2px}
  .plan__plus{font-size:15.4px}
  .plan__list li{font-size:16.5px}
  .plans__note{font-size:15.4px}
  .plans__note .link{font-size:15.4px}
  #rhythm-h{font-size:clamp(44px,5.6vw,94.6px)}
  .howto__note{font-size:17.6px}
  .howto__kicker{font-size:13.2px}
  .howto__h{font-size:clamp(37.4px,4.6vw,74.8px)}
  .howto__ui-t{font-size:17.6px}
  .howto__ui-s{font-size:14.3px}
  .howto__chips span{font-size:15.4px}
  .howto__posted{font-size:14.3px}
  .howto__posted::before{font-size:12.1px}
  .howto__btns .pill{font-size:15.4px}
  .howto__cap{font-size:18.7px}
  .sound-gate h2{font-size:clamp(33px,7vw,46.2px)}
  .sound-gate p{font-size:17.6px}
  .sound-gate__on{font-size:17.6px}
  .sound-gate__mute{font-size:14.3px}
  .auto__lede{font-size:18.7px}
  .ref__field{font-size:clamp(16.5px,1.3vw,19.8px)}
  .ref__note{font-size:16.5px}
  .ref__eps b{font-size:15.4px}
  .vs__k{font-size:14.3px}
  .vs__card li{font-size:clamp(20.9px,1.7vw,28.6px)}
  .offer-micro{font-size:15.4px}
  .hero2__t1 .big{font-size:clamp(48.4px,4.4vw,70.4px)}
  .hero2__sub{font-size:19.8px}
  .close2 #rhythm-h{font-size:clamp(33px,3vw,44px)}
  .trial-summary strong{font-size:26.4px}
  .trial-summary span{font-size:15.4px}
  .trial-summary b{font-size:24.2px}
  .plan__per{font-size:14.3px}
  .plan__renew{font-size:14.3px}
  .plans__foot{font-size:13.8px}
  .plans-band .big{font-size:clamp(37.4px,3.7vw,61.6px)}
  .plans-band strong,.plans-band b{font-size:24.2px}
  .plans-band__l span,.plans-band__r span{font-size:15.4px}
  .plans-band__sub{font-size:18.7px}
  .deck__value{font-size:17.6px}
  .foot__fn{font-size:13.8px}
}

.deck__fine{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--soft)} /* 14-oct: Elite qualifier under Jayden and Bianca, whose videos say «every morning» */
@media (min-width:1729px){.deck__fine{font-size:max(13.5px, min(.78125vw, 1.377551vh))}}
/* 14-oct · posts everywhere: one quiet grid of network marks in ink, each on its own white tile */
.nets-ch{padding-bottom:clamp(80px,12vh,140px)}
.nets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(32px,5vh,56px) 0 0;padding:0;list-style:none}
.net{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:128px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(30,28,26,.08);color:#090909;font-size:14px;font-weight:500;letter-spacing:-.005em}
.net svg{width:30px;height:30px;fill:currentColor}
.nets__fine{max-width:62ch;margin:20px auto 0;font-size:13px;line-height:1.5;color:var(--soft);text-align:center;text-wrap:balance}
@media (max-width:700px){.nets{gap:8px}.net{height:84px;gap:8px;border-radius:14px;font-size:10.5px}.net svg{width:22px;height:22px}}
@media (min-width:1729px){.nets{gap:round(nearest, max(12px, min(.6944444vw, 1.2244898vh)), 1px)}.net{height:round(nearest, max(128px, min(7.4074074vw, 13.0612245vh)), 1px);gap:round(nearest, max(12px, min(.6944444vw, 1.2244898vh)), 1px);border-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);font-size:max(14px, min(.8101852vw, 1.4285714vh))}.net svg{width:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);height:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px)}.nets__fine{font-size:max(13px, min(.7523148vw, 1.3265306vh))}}
/* 15-oct (Rafael: «laggy on my iPhone when scrolling»): on phones, glass that sits over moving video is redrawn every scroll frame.
   These chips and the sound button keep their colour but drop the live blur; the hero's smoked-glass button stays as Rafael chose it. */
@media (max-width:700px){
  .sound-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(18,18,18,.8)}
  .ai-note,.kind__badge,.auto__play,.watch__sound,.ep[data-voice]::before,.ref__eps span[data-voice]::before{-webkit-backdrop-filter:none;backdrop-filter:none}
  .kind__badge,.ep[data-voice]::before,.ref__eps span[data-voice]::before{background-color:rgba(0,0,0,.62)}
}
/* BEGIN GENERATED BIGSCREEN SCALE · reports/tools/generate-bigscreen-scale.mjs
   Reference: 1728×980, pre-scaling cascade plus the full-frame week rail.
   s = max(1, min(viewportWidth / 1728, viewportHeight / 980)). */
@media (min-width:1729px){
  :root{--fs-big:round(nearest, max(108px, min(6.25vw, 11.0204082vh)), 1px);--fs-lede:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);--r-card:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .lede{margin-top:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .link{font-size:max(16px, min(0.9259259vw, 1.6326531vh));padding-bottom:round(nearest, max(1px, min(0.0578704vw, 0.1020408vh)), 1px)}
  .link::after{top:round(nearest, calc(-1 * max(12px, min(0.6944444vw, 1.2244898vh))), 1px);right:round(nearest, calc(-1 * max(6px, min(0.3472222vw, 0.6122449vh))), 1px);bottom:round(nearest, calc(-1 * max(12px, min(0.6944444vw, 1.2244898vh))), 1px);left:round(nearest, calc(-1 * max(6px, min(0.3472222vw, 0.6122449vh))), 1px)}
  .cta-row{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .deck__ai, .ai-note{font-size:max(12px, min(0.6944444vw, 1.2244898vh))}
  html.js .rise{transform:translateY(round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px))}
  .hero2{height:round(nearest, max(5125.4px, min(296.6087963vw, 523vh)), 1px)}
  .hero2__sticky{height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h))}
  .hero2__t1{top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .hero2__t1{top:round(nearest, max(19.6px, min(1.1342593vw, 2vh)), 1px)}
  .hero2__t1 .big{font-size:max(104px, min(6.0185185vw, 10.6122449vh))}
  .hero2__sub{margin-top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);font-size:max(21px, min(1.2152778vw, 2.1428571vh))}
  .hero2__t1 .pill--o{-webkit-backdrop-filter:blur(round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)) saturate(160%);backdrop-filter:blur(round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)) saturate(160%);box-shadow:rgba(255, 255, 255, 0.26) 0px 1px 0px inset, rgba(0, 0, 0, 0.1) 0px -1px 0px inset, rgba(24, 24, 20, 0.14) 0px round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px) round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .hero2__t2{top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .hero2__t2 .big{font-size:max(84px, min(4.8611111vw, 8.5714286vh))}
  .hero2__t3{--t3-lift:round(nearest, max(39.2px, min(2.2685185vw, 4vh)), 1px)}
  .hero2__t3 .big{font-size:max(108px, min(6.25vw, 11.0204082vh))}
  .fc{border-top-left-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-top-right-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-bottom-right-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-bottom-left-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);box-shadow:rgba(9, 9, 9, 0.16) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px), rgba(9, 9, 9, 0.08) 0px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px) round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px)}
  .fc figcaption, .hero2__tag{left:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);right:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);bottom:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);row-gap:round(nearest, max(1px, min(0.0578704vw, 0.1020408vh)), 1px);column-gap:round(nearest, max(1px, min(0.0578704vw, 0.1020408vh)), 1px);text-shadow:rgba(0, 0, 0, 0.45) 0px 1px round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .fc figcaption b, .hero2__tag b{font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .fc figcaption span, .hero2__tag span{font-size:max(12px, min(0.6944444vw, 1.2244898vh))}
  .hero2__one{border-top-left-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-top-right-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-bottom-right-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-bottom-left-radius:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);box-shadow:rgba(0, 0, 0, 0.28) 0px round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px) round(nearest, max(90px, min(5.2083333vw, 9.1836735vh)), 1px)}
  .beat{font-size:max(68px, min(3.9351852vw, 6.9387755vh));text-shadow:rgba(0, 0, 0, 0.35) 0px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px) round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px)}
  .beat .hot, .hero2__t1 .hot, .hero2__t2 .hot, .hero2__t3 .hot, .finale .hot, .auto__heading .hot{filter:drop-shadow(rgba(0, 0, 0, 0.35) 0px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px) round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px))}
  .ai-note{bottom:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .cast2{padding-top:round(nearest, max(137.2px, min(7.9398148vw, 14vh)), 1px);padding-bottom:round(nearest, max(117.6px, min(6.8055556vw, 12vh)), 1px)}
  .seg{margin-top:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);padding-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-right:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-bottom:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-left:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px)}
  .seg__glide{top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);bottom:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);box-shadow:rgba(9, 9, 9, 0.08) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(9, 9, 9, 0.08) 0px round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px) round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .seg__b{min-height:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-right:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);padding-left:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .cast2__panel{margin-top:round(nearest, max(49px, min(2.8356481vw, 5vh)), 1px)}
  .deck__stage{height:calc(var(--dh) + round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px))}
  .deck__card{box-shadow:rgba(40, 30, 10, 0.18) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px), rgba(9, 9, 9, 0.08) 0px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px) round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px)}
  .deck__stage{--dh:round(nearest, max(509.6px, min(29.4907407vw, 52vh)), 1px)}
  .deck__card:focus-visible{outline-offset:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .deck__info{row-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);column-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .deck__who{min-height:round(nearest, max(150px, min(8.6805556vw, 15.3061224vh)), 1px)}
  .deck__name{font-size:max(32px, min(1.8518519vw, 3.2653061vh))}
  .deck__name span{margin-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .deck__line{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);font-size:max(19px, min(1.099537vw, 1.9387755vh))}
  .deck__acts{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);margin-top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .deck__arrow{width:round(nearest, max(52px, min(3.0092593vw, 5.3061224vh)), 1px);height:round(nearest, max(52px, min(3.0092593vw, 5.3061224vh)), 1px);font-size:max(20px, min(1.1574074vw, 2.0408163vh))}
  .cast2{column-gap:round(nearest, max(51.84px, min(3vw, 5.2897959vh)), 1px);min-height:round(nearest, max(980px, min(56.712963vw, 100vh)), 1px);margin-top:round(nearest, calc(-1 * max(294px, min(17.0138889vw, 30vh))), 1px)}
  .cast2 .big{font-size:max(72px, min(4.1666667vw, 7.3469388vh))}
  .cast2 .seg{margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .cast2 .deck__stage{--dh:clamp(round(nearest, max(420px, min(24.3055556vw, 42.8571429vh)), 1px),calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h,round(nearest, max(64px, min(3.7037037vw, 6.5306122vh)), 1px)) - round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px)),round(nearest, max(640px, min(37.037037vw, 65.3061224vh)), 1px));height:calc(var(--dh) + round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px))}
  .cast2 .deck__info{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);margin-top:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px)}
  .cast2 #cast-h{margin-bottom:round(nearest, max(14.7px, min(0.8506944vw, 1.5vh)), 1px)}
  .cast2:has(#panel-clone:not([hidden])) .seg{margin-top:round(nearest, max(29.4px, min(1.7013889vw, 3vh)), 1px)}
  .cast2{--dh:clamp(round(nearest, max(420px, min(24.3055556vw, 42.8571429vh)), 1px),calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h,round(nearest, max(64px, min(3.7037037vw, 6.5306122vh)), 1px)) - round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px)),round(nearest, max(640px, min(37.037037vw, 65.3061224vh)), 1px))}
  .cast2 .deck__info{margin-top:round(nearest, max(34.3px, min(1.9849537vw, 3.5vh)), 1px)}
  .cast2 .deck__nav{width:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);height:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px)}
  .cast2 .deck__nav svg{width:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);height:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .cast2 .deck__nav--prev{margin-left:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .cast2 .deck__nav--next{margin-right:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .cast2 .deck__nav:hover{box-shadow:rgba(9, 9, 9, 0.35) 0px round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px) round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px) round(nearest, calc(-1 * max(10px, min(0.5787037vw, 1.0204082vh))), 1px)}
  .cast2 .deck__nav:focus-visible{outline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  @keyframes swap{0%{opacity: 0; transform: translateY(max(10px, min(0.5787037vw, 1.0204082vh)));}100%{opacity: 1; transform: none;}}
  .voice{row-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);column-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);height:round(nearest, max(46px, min(2.662037vw, 4.6938776vh)), 1px);padding-right:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .voice__bars{row-gap:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);column-gap:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);height:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .voice__bars i{width:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);height:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-top-left-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-top-right-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-bottom-right-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-bottom-left-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px)}
  .clone2{grid-template-columns:minmax(0px, 1fr) minmax(0px, round(nearest, max(460px, min(26.6203704vw, 46.9387755vh)), 1px));row-gap:round(nearest, max(96px, min(5.5555556vw, 9.7959184vh)), 1px);column-gap:round(nearest, max(96px, min(5.5555556vw, 9.7959184vh)), 1px);padding-top:round(nearest, max(29.4px, min(1.7013889vw, 3vh)), 1px)}
  .clone2__steps{row-gap:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);column-gap:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px)}
  .clone2__steps li{grid-template-columns:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px) minmax(0px, 1fr);column-gap:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .clone2__steps li::before{width:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);height:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .clone2__steps b{font-size:max(40px, min(2.3148148vw, 4.0816327vh))}
  .clone2__steps span{margin-top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .rec{border-top-left-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-top-right-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-bottom-right-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-bottom-left-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);padding-top:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);padding-right:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);padding-bottom:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);padding-left:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);box-shadow:rgba(40, 30, 10, 0.22) 0px round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px) round(nearest, max(80px, min(4.6296296vw, 8.1632653vh)), 1px)}
  .rec__top{row-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);column-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .rec__dot{width:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);height:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px)}
  .rec__wave{row-gap:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);column-gap:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);height:round(nearest, max(84px, min(4.8611111vw, 8.5714286vh)), 1px);margin-top:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);margin-bottom:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .rec__wave i{border-top-left-radius:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);border-top-right-radius:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);border-bottom-right-radius:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px);border-bottom-left-radius:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .rec__script{font-size:max(26px, min(1.5046296vw, 2.6530612vh))}
  .rec__foot{margin-top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .clone2__more{row-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);column-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .week__sticky{min-height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h));row-gap:round(nearest, max(39.2px, min(2.2685185vw, 4vh)), 1px);column-gap:round(nearest, max(39.2px, min(2.2685185vw, 4vh)), 1px);padding-top:round(nearest, max(88.2px, min(5.1041667vw, 9vh)), 1px);padding-bottom:round(nearest, max(88.2px, min(5.1041667vw, 9vh)), 1px)}
  .week__track{row-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);column-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-left:max(var(--gut),calc((round(nearest, max(1728px, min(100vw, 176.3265306vh)), 1px) - var(--maxw))/2))}
  .ep{width:round(nearest, max(290px, min(16.7824074vw, 29.5918367vh)), 1px)}
  .ep p{left:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);right:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);bottom:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .ep p b{font-size:max(20px, min(1.1574074vw, 2.0408163vh))}
  .ep p span{font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .week__foot{row-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);column-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .pov{padding-top:round(nearest, max(156.8px, min(9.0740741vw, 16vh)), 1px);padding-bottom:round(nearest, max(137.2px, min(7.9398148vw, 14vh)), 1px)}
  .pov__grid{row-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);column-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);margin-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .pov__c{padding-top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);padding-right:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);padding-bottom:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);padding-left:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);box-shadow:rgba(60, 20, 20, 0.04) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(60, 20, 20, 0.06) 0px round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px) round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px)}
  .pov__v{border-top-left-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-top-right-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-bottom-right-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-bottom-left-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .pov__q{margin-top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);margin-right:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);margin-left:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);font-size:max(21px, min(1.2152778vw, 2.1428571vh))}
  .pov__who{margin-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);margin-right:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);margin-left:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .pov__who b{margin-right:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .auto{height:round(nearest, max(3528px, min(204.1666667vw, 360vh)), 1px)}
  .auto__sticky{height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h));min-height:round(nearest, max(720px, min(41.6666667vw, 73.4693878vh)), 1px);padding-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);padding-bottom:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .auto__heading{row-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);column-gap:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .auto__heading h2{font-size:max(44px, min(2.5462963vw, 4.4897959vh))}
  .auto__heading > p{font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .flow{margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);margin-bottom:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);scroll-margin-top:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px)}
  .flow__steps li + li::before{top:round(nearest, max(13px, min(0.7523148vw, 1.3265306vh)), 1px);right:calc(100% - round(nearest, max(1px, min(0.0578704vw, 0.1020408vh)), 1px));width:calc(100% - round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px))}
  .flow__steps a{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);min-height:round(nearest, max(58px, min(3.3564815vw, 5.9183673vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh));min-width:round(nearest, max(48px, min(2.7777778vw, 4.8979592vh)), 1px)}
  .flow__dot{width:round(nearest, max(27px, min(1.5625vw, 2.755102vh)), 1px);height:round(nearest, max(27px, min(1.5625vw, 2.755102vh)), 1px);font-size:max(12px, min(0.6944444vw, 1.2244898vh))}
  .auto__body{row-gap:round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px);column-gap:round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px);min-height:round(nearest, max(450px, min(26.0416667vw, 45.9183673vh)), 1px)}
  .auto__scene{scroll-margin-top:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px)}
  .auto__eyebrow{font-size:max(12px, min(0.6944444vw, 1.2244898vh));margin-bottom:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .auto__scene h3{font-size:max(84px, min(4.8611111vw, 8.5714286vh))}
  .auto__copy{font-size:max(18px, min(1.0416667vw, 1.8367347vh));margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .auto__topic{padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);margin-top:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);font-size:max(19px, min(1.099537vw, 1.9387755vh))}
  .auto__topic > span{font-size:max(12px, min(0.6944444vw, 1.2244898vh));margin-bottom:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px)}
  .auto__credit{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .auto__credit b{font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .auto__choices{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .auto__choices li{border-top-left-radius:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);border-top-right-radius:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);border-bottom-right-radius:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);border-bottom-left-radius:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh));padding-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);padding-right:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);padding-bottom:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);padding-left:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .auto__choices li span{margin-left:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px)}
  .auto__promise{font-size:max(15px, min(0.8680556vw, 1.5306122vh));margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);margin-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .auto__episode{width:min(100%, round(nearest, calc(-1 * max(196.875px, min(11.3932292vw, 20.0892857vh))), 1px) + round(nearest, max(551.25px, min(31.9010417vw, 56.25vh)), 1px));min-width:round(nearest, max(230px, min(13.3101852vw, 23.4693878vh)), 1px)}
  .auto__picture{border-top-left-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-top-right-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-bottom-right-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-bottom-left-radius:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);box-shadow:rgba(0, 0, 0, 0.267) 0px round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px) round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px)}
  .auto__badge{top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-top:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);padding-right:round(nearest, max(11px, min(0.6365741vw, 1.122449vh)), 1px);padding-bottom:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);padding-left:round(nearest, max(11px, min(0.6365741vw, 1.122449vh)), 1px);border-top-left-radius:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px);border-top-right-radius:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px);border-bottom-right-radius:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px);border-bottom-left-radius:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px);font-size:max(12px, min(0.6944444vw, 1.2244898vh));row-gap:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);column-gap:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px)}
  .auto__badge > span{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .auto__preview-title{left:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);bottom:round(nearest, max(68px, min(3.9351852vw, 6.9387755vh)), 1px)}
  .auto__preview-title > span{font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .auto__preview-title p{font-size:max(30px, min(1.7361111vw, 3.0612245vh));margin-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px)}
  .auto__play{bottom:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);right:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);min-width:round(nearest, max(92px, min(5.3240741vw, 9.3877551vh)), 1px);min-height:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);border-top-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);font-size:max(12px, min(0.6944444vw, 1.2244898vh));padding-right:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);padding-left:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);backdrop-filter:blur(round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px))}
  .auto__play:focus-visible, .flow a:focus-visible, .auto .link:focus-visible{outline-offset:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px)}
  .auto__episode figcaption{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);font-size:max(11px, min(0.6365741vw, 1.122449vh));margin-top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .auto__scroll{font-size:max(11px, min(0.6365741vw, 1.122449vh));margin-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .auto__idea-cover{padding-top:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);padding-right:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);padding-bottom:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);padding-left:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .auto__idea-cover > span{font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .auto__idea-cover > p{font-size:max(58px, min(3.3564815vw, 5.9183673vh));margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);margin-bottom:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .auto__idea-cover > small{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .auto__idea-cover > b{left:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);bottom:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .auto[data-direction="a"] .auto__sticky > .wrap{column-gap:round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px)}
  .auto[data-direction="a"] .flow{margin-top:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);margin-bottom:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px)}
  .auto[data-direction="a"] .auto__episode{width:min(100%, round(nearest, calc(-1 * max(95.625px, min(5.5338542vw, 9.7576531vh))), 1px) + round(nearest, max(551.25px, min(31.9010417vw, 56.25vh)), 1px))}
  .auto[data-direction="a"] .auto__scroll{margin-top:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px)}
  .auto[data-direction="a"] .auto__preview-title p{font-size:max(36px, min(2.0833333vw, 3.6734694vh))}
  .auto[data-direction="a"] .auto__episode figcaption{font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .auto[data-direction="b"]{padding-top:round(nearest, max(100px, min(5.787037vw, 10.2040816vh)), 1px);padding-bottom:round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px)}
  .auto[data-direction="b"] .auto__heading h2{font-size:max(92px, min(5.3240741vw, 9.3877551vh))}
  .auto[data-direction="b"] .flow{margin-top:round(nearest, max(48px, min(2.7777778vw, 4.8979592vh)), 1px)}
  .auto[data-direction="b"] .auto__body{padding-top:round(nearest, max(50px, min(2.8935185vw, 5.1020408vh)), 1px)}
  .auto[data-direction="b"] .auto__scene{min-height:round(nearest, max(637px, min(36.8634259vw, 65vh)), 1px);padding-top:round(nearest, max(56px, min(3.2407407vw, 5.7142857vh)), 1px);padding-bottom:round(nearest, max(72px, min(4.1666667vw, 7.3469388vh)), 1px);padding-left:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px)}
  .auto[data-direction="b"] .auto__scene::before{left:round(nearest, calc(-1 * max(5px, min(0.2893519vw, 0.5102041vh))), 1px);top:round(nearest, max(63px, min(3.6458333vw, 6.4285714vh)), 1px);width:round(nearest, max(9px, min(0.5208333vw, 0.9183673vh)), 1px);height:round(nearest, max(9px, min(0.5208333vw, 0.9183673vh)), 1px)}
  .auto[data-direction="b"] .auto__scene:last-child{min-height:round(nearest, max(588px, min(34.0277778vw, 60vh)), 1px)}
  .auto[data-direction="b"] .auto__episode{top:calc(var(--nav-h) + round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px));width:min(100%, round(nearest, max(340px, min(19.6759259vw, 34.6938776vh)), 1px));margin-top:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px)}
  @media (prefers-reduced-motion: reduce){
  .auto{padding-top:round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px);padding-bottom:round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px)}
  .auto .auto__scene{padding-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-bottom:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px)}
  .auto .auto__scene h3{font-size:max(64px, min(3.7037037vw, 6.5306122vh))}
  .auto .auto__episode{width:min(100%, round(nearest, max(300px, min(17.3611111vw, 30.6122449vh)), 1px));margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  }
  html:not(.js) .auto{padding-top:round(nearest, max(80px, min(4.6296296vw, 8.1632653vh)), 1px);padding-bottom:round(nearest, max(80px, min(4.6296296vw, 8.1632653vh)), 1px)}
  html:not(.js) .auto .auto__scene{margin-bottom:round(nearest, max(48px, min(2.7777778vw, 4.8979592vh)), 1px)}
  @media (prefers-reduced-motion: reduce){
  .auto[data-direction] .auto__episode{margin-top:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);width:min(100%, round(nearest, max(340px, min(19.6759259vw, 34.6938776vh)), 1px))}
  .auto[data-direction] .auto__scenes{max-width:round(nearest, max(760px, min(43.9814815vw, 77.5510204vh)), 1px)}
  }
  html:not(.js) .auto[data-direction] .auto__episode{margin-top:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);width:min(100%, round(nearest, max(340px, min(19.6759259vw, 34.6938776vh)), 1px))}
  .kinds{padding-top:round(nearest, max(156.8px, min(9.0740741vw, 16vh)), 1px);padding-bottom:round(nearest, max(117.6px, min(6.8055556vw, 12vh)), 1px)}
  .kinds__pair{row-gap:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);column-gap:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);margin-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .kind{border-top-left-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-top-right-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-bottom-right-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-bottom-left-radius:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);box-shadow:rgba(9, 9, 9, 0.04) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(9, 9, 9, 0.1) 0px round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px) round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px)}
  .kind__badge{right:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);padding-top:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px);padding-right:round(nearest, max(11px, min(0.6365741vw, 1.122449vh)), 1px);padding-bottom:round(nearest, max(5px, min(0.2893519vw, 0.5102041vh)), 1px);padding-left:round(nearest, max(11px, min(0.6365741vw, 1.122449vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(12px, min(0.6944444vw, 1.2244898vh));backdrop-filter:blur(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px));-webkit-backdrop-filter:blur(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px))}
  .kind__t{left:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);right:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);bottom:round(nearest, max(92px, min(5.3240741vw, 9.3877551vh)), 1px)}
  .kind__t b{font-size:max(44px, min(2.5462963vw, 4.4897959vh))}
  .kind__t span{margin-top:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);font-size:max(19px, min(1.099537vw, 1.9387755vh))}
  .kind__go{left:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);bottom:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);height:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px);padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(14.5px, min(0.8391204vw, 1.4795918vh))}
  .close2{padding-top:round(nearest, max(137.2px, min(7.9398148vw, 14vh)), 1px)}
  .finale{height:round(nearest, max(2254px, min(130.4398148vw, 230vh)), 1px);margin-top:round(nearest, calc(-1 * max(117.6px, min(6.8055556vw, 12vh))), 1px)}
  .finale__sticky{height:round(nearest, max(980px, min(56.712963vw, 100vh)), 1px)}
  .finale__type .big{font-size:max(102.9px, min(5.9548611vw, 10.5vh))}
  @media (prefers-reduced-motion: reduce){
  .hero2__sticky{min-height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h));padding-bottom:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px)}
  .week__sticky{padding-top:round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px);padding-bottom:round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px)}
  .finale__sticky{padding-top:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px);padding-bottom:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px)}
  }
  html:not(.js) .hero2__sticky{min-height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h));padding-bottom:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px)}
  html:not(.js) .week__sticky{padding-top:round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px);padding-bottom:round(nearest, max(110px, min(6.3657407vw, 11.2244898vh)), 1px)}
  html:not(.js) .finale__sticky{padding-top:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px);padding-bottom:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px)}
  .t3-cta{row-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);column-gap:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);margin-top:round(nearest, max(31.36px, min(1.8148148vw, 3.2vh)), 1px)}
  .t3-link{font-size:max(27px, min(1.5625vw, 2.755102vh))}
  .t3-link::after{top:round(nearest, calc(-1 * max(10px, min(0.5787037vw, 1.0204082vh))), 1px);right:round(nearest, calc(-1 * max(8px, min(0.462963vw, 0.8163265vh))), 1px);bottom:round(nearest, calc(-1 * max(10px, min(0.5787037vw, 1.0204082vh))), 1px);left:round(nearest, calc(-1 * max(8px, min(0.462963vw, 0.8163265vh))), 1px)}
  .hero2__tag{padding-top:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);padding-right:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);padding-bottom:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);padding-left:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px)}
  .plans{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);margin-top:round(nearest, max(48px, min(2.7777778vw, 4.8979592vh)), 1px);padding-top:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px)}
  .plan{padding-top:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);padding-right:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);padding-bottom:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);padding-left:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);border-top-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-right-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-bottom-left-radius:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);box-shadow:rgba(9, 9, 9, 0.03) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(9, 9, 9, 0.04) 0px round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px) round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px)}
  .plan--pop{box-shadow:rgba(9, 9, 9, 0.1) 0px round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px) round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px);margin-top:round(nearest, calc(-1 * max(34px, min(1.9675926vw, 3.4693878vh))), 1px);padding-top:round(nearest, max(64px, min(3.7037037vw, 6.5306122vh)), 1px)}
  .plan__cap{height:round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px);font-size:max(11.5px, min(0.6655093vw, 1.1734694vh))}
  .plan__name{font-size:max(22px, min(1.2731481vw, 2.244898vh))}
  .plan__for{margin-top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .plan__price{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);margin-top:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px)}
  .plan__price [data-price]{font-size:max(60px, min(3.4722222vw, 6.122449vh))}
  .plan__per{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .plan__qty{margin-top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .plan__cta{min-height:round(nearest, max(48px, min(2.7777778vw, 4.8979592vh)), 1px);margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .plan a:focus-visible{outline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .plan__renew{margin-top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);font-size:max(12px, min(0.6944444vw, 1.2244898vh))}
  .plan__renew a{text-underline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .plan__inc{margin-top:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);padding-top:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .plan__plus{margin-bottom:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .plan__list{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .plan__list li{padding-left:round(nearest, max(26px, min(1.5046296vw, 2.6530612vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  .plan__list li::before{width:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);height:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);background-size:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px) auto}
  .plans__note{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .plans__note .link{font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  #rhythm-h{font-size:max(86px, min(4.9768519vw, 8.7755102vh))}
  .watch{row-gap:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);column-gap:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);padding-top:round(nearest, max(78.4px, min(4.537037vw, 8vh)), 1px);padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-bottom:round(nearest, max(78.4px, min(4.537037vw, 8vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .watch__frame{width:round(nearest, max(380px, min(21.9907407vw, 38.7755102vh)), 1px);border-top-left-radius:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);border-top-right-radius:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);border-bottom-right-radius:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);border-bottom-left-radius:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);box-shadow:rgba(0, 0, 0, 0.45) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(60px, min(3.4722222vw, 6.122449vh)), 1px) round(nearest, calc(-1 * max(28px, min(1.6203704vw, 2.8571429vh))), 1px)}
  .watch__sound{bottom:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);backdrop-filter:blur(round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px));-webkit-backdrop-filter:blur(round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px))}
  .watch__sound{top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);right:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .howto{row-gap:round(nearest, max(29.4px, min(1.7013889vw, 3vh)), 1px);column-gap:round(nearest, max(29.4px, min(1.7013889vw, 3vh)), 1px);padding-top:round(nearest, max(78.4px, min(4.537037vw, 8vh)), 1px);padding-bottom:round(nearest, max(78.4px, min(4.537037vw, 8vh)), 1px)}
  .howto__head{padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .howto__kicker{margin-bottom:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(12px, min(0.6944444vw, 1.2244898vh))}
  .howto__h{font-size:max(68px, min(3.9351852vw, 6.9387755vh))}
  .howto__row{padding-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-bottom:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);max-width:round(nearest, max(960px, min(55.5555556vw, 97.9591837vh)), 1px);row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .howto__rail{right:max(8%, 53% - round(nearest, max(600px, min(34.7222222vw, 61.2244898vh)), 1px));left:max(8%, 53% - round(nearest, max(600px, min(34.7222222vw, 61.2244898vh)), 1px));bottom:round(nearest, max(120px, min(6.9444444vw, 12.244898vh)), 1px)}
  .howto__card{row-gap:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);column-gap:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .howto__ui{row-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);column-gap:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);padding-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-bottom:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);box-shadow:rgba(0, 0, 0, 0.34) 0px round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px) round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px) round(nearest, calc(-1 * max(28px, min(1.6203704vw, 2.8571429vh))), 1px)}
  .howto__ui-t{font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .howto__ui-s{margin-top:round(nearest, calc(-1 * max(8px, min(0.462963vw, 0.8163265vh))), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .howto__faces{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .howto__faces span, .howto__eps span, .howto__ep span{border-top-left-radius:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);border-top-right-radius:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);border-bottom-right-radius:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);border-bottom-left-radius:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .howto__faces .is-on{box-shadow:0 0 0 round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px) var(--brand-accent)}
  .howto__faces .is-on::after{top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);right:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);width:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);height:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .howto__chips{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .howto__chips span{height:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);padding-right:round(nearest, max(15px, min(0.8680556vw, 1.5306122vh)), 1px);padding-left:round(nearest, max(15px, min(0.8680556vw, 1.5306122vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .howto__eps{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .howto__btns{row-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px);column-gap:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .howto__posted{row-gap:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);column-gap:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);height:round(nearest, max(38px, min(2.1990741vw, 3.877551vh)), 1px);padding-right:round(nearest, max(13px, min(0.7523148vw, 1.3265306vh)), 1px);padding-left:round(nearest, max(13px, min(0.7523148vw, 1.3265306vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh));box-shadow:rgba(0, 0, 0, 0.5) 0px round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px) round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px) round(nearest, calc(-1 * max(16px, min(0.9259259vw, 1.6326531vh))), 1px)}
  .howto__posted::before{width:round(nearest, max(17px, min(0.9837963vw, 1.7346939vh)), 1px);height:round(nearest, max(17px, min(0.9837963vw, 1.7346939vh)), 1px);font-size:max(11px, min(0.6365741vw, 1.122449vh))}
  .howto__btns .pill{height:round(nearest, max(38px, min(2.1990741vw, 3.877551vh)), 1px);padding-right:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);padding-left:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .howto__cap{min-height:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-right:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-left:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .howto__cap b{width:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);height:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);margin-right:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  @keyframes howto-in{0%{opacity: 0; transform: translateY(max(14px, min(0.8101852vw, 1.4285714vh)));}100%{opacity: 1; transform: none;}}
  .howto__note{padding-right:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-left:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .sound-gate{backdrop-filter:blur(round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)) saturate(0.9);-webkit-backdrop-filter:blur(round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)) saturate(0.9)}
  .sound-gate__card{width:min(round(nearest, max(430px, min(24.8842593vw, 43.877551vh)), 1px), 100%);padding-top:round(nearest, max(46px, min(2.662037vw, 4.6938776vh)), 1px);padding-right:round(nearest, max(46px, min(2.662037vw, 4.6938776vh)), 1px);padding-bottom:round(nearest, max(46px, min(2.662037vw, 4.6938776vh)), 1px);padding-left:round(nearest, max(46px, min(2.662037vw, 4.6938776vh)), 1px);box-shadow:rgba(0, 0, 0, 0.42) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(90px, min(5.2083333vw, 9.1836735vh)), 1px)}
  .sound-gate__icon{width:round(nearest, max(58px, min(3.3564815vw, 5.9183673vh)), 1px);height:round(nearest, max(58px, min(3.3564815vw, 5.9183673vh)), 1px);margin-bottom:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .sound-gate__icon svg{width:round(nearest, max(27px, min(1.5625vw, 2.755102vh)), 1px);height:round(nearest, max(27px, min(1.5625vw, 2.755102vh)), 1px)}
  .sound-gate h2{font-size:max(42px, min(2.4305556vw, 4.2857143vh))}
  .sound-gate p{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);margin-bottom:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .sound-gate__on{min-height:round(nearest, max(54px, min(3.125vw, 5.5102041vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .sound-gate__mute{margin-top:round(nearest, max(17px, min(0.9837963vw, 1.7346939vh)), 1px);padding-top:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);padding-right:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);padding-bottom:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);padding-left:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .sound-gate button:focus-visible, .sound-pill:focus-visible{outline-offset:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px)}
  .sound-pill{right:max(round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px),calc(env(safe-area-inset-right) + round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)));bottom:max(round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px),calc(env(safe-area-inset-bottom) + round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)));row-gap:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);column-gap:round(nearest, max(7px, min(0.4050926vw, 0.7142857vh)), 1px);min-height:round(nearest, max(38px, min(2.1990741vw, 3.877551vh)), 1px);padding-right:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);padding-left:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);box-shadow:rgba(0, 0, 0, 0.2) 0px round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px) round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);backdrop-filter:blur(round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px));-webkit-backdrop-filter:blur(round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px))}
  .sound-pill svg{width:round(nearest, max(15px, min(0.8680556vw, 1.5306122vh)), 1px);height:round(nearest, max(15px, min(0.8680556vw, 1.5306122vh)), 1px)}
  @keyframes sound-gate-pulse{50%{transform: scale(1.06); box-shadow: rgba(255, 255, 255, 0.04) 0px 0px 0px max(10px, min(0.5787037vw, 1.0204082vh));}}
  .auto{padding-top:round(nearest, max(107.8px, min(6.2384259vw, 11vh)), 1px);padding-bottom:round(nearest, max(107.8px, min(6.2384259vw, 11vh)), 1px)}
  .auto__layout{grid-template-columns:minmax(0px, 1fr) minmax(round(nearest, max(250px, min(14.4675926vw, 25.5102041vh)), 1px), round(nearest, max(430px, min(24.8842593vw, 43.877551vh)), 1px));row-gap:round(nearest, max(155.52px, min(9vw, 15.8693878vh)), 1px);column-gap:round(nearest, max(155.52px, min(9vw, 15.8693878vh)), 1px)}
  .auto__copy{max-width:round(nearest, max(600px, min(34.7222222vw, 61.2244898vh)), 1px)}
  .auto__lede{margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);margin-bottom:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .auto__video{width:min(100%,calc((round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h) - round(nearest, max(112px, min(6.4814815vw, 11.4285714vh)), 1px)) * .5625));min-width:round(nearest, max(250px, min(14.4675926vw, 25.5102041vh)), 1px);box-shadow:rgba(0, 0, 0, 0.45) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(80px, min(4.6296296vw, 8.1632653vh)), 1px)}
  .auto__sound{top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);right:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);min-height:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);padding-right:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);padding-left:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);backdrop-filter:blur(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px));-webkit-backdrop-filter:blur(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px))}
  .auto__sound:focus-visible{outline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .plan::after, .howto__card::before{box-shadow:rgba(9, 9, 9, 0.05) 0px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px) round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px), rgba(9, 9, 9, 0.2) 0px round(nearest, max(34px, min(1.9675926vw, 3.4693878vh)), 1px) round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px) round(nearest, calc(-1 * max(18px, min(1.0416667vw, 1.8367347vh))), 1px)}
  @media (hover: hover) and (pointer: fine){
  .plan:hover, .howto__card:hover, .kind:hover, a.tile:hover{translate:0px round(nearest, calc(-1 * max(6px, min(0.3472222vw, 0.6122449vh))), 1px)}
  }
  .kind:focus-visible, a.tile:focus-visible{translate:0px round(nearest, calc(-1 * max(6px, min(0.3472222vw, 0.6122449vh))), 1px)}
  @media (prefers-reduced-motion: no-preference){
  html.js .week{height:round(nearest, max(3920px, min(226.8518519vw, 400vh)), 1px)}
  html.js .week__sticky{--week-gap:round(nearest, max(39.2px, min(2.2685185vw, 4vh)), 1px);height:calc(round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h) + var(--week-head,0px));padding-top:round(nearest, max(78.4px, min(4.537037vw, 8vh)), 1px);padding-bottom:var(--week-bottom,round(nearest, max(76px, min(4.3981481vw, 7.755102vh)), 1px))}
  html.js .week .ep{width:min(round(nearest, max(414.72px, min(24vw, 42.3183673vh)), 1px),round(nearest, max(340px, min(19.6759259vw, 34.6938776vh)), 1px),calc((round(nearest, max(980px, min(56.712963vw, 100vh)), 1px) - var(--nav-h) - var(--week-foot,round(nearest, max(68px, min(3.9351852vw, 6.9387755vh)), 1px)) - var(--week-gap) - var(--week-bottom,round(nearest, max(76px, min(4.3981481vw, 7.755102vh)), 1px)) - round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px)) * .5625 / 1.03))}
  html.js .week{height:round(nearest, max(3332px, min(192.8240741vw, 340vh)), 1px)}
  }
  .ref{padding-top:round(nearest, max(156.8px, min(9.0740741vw, 16vh)), 1px);padding-bottom:round(nearest, max(117.6px, min(6.8055556vw, 12vh)), 1px)}
  .ref__stage{margin-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px);row-gap:round(nearest, max(33.32px, min(1.9282407vw, 3.4vh)), 1px);column-gap:round(nearest, max(33.32px, min(1.9282407vw, 3.4vh)), 1px)}
  .ref__field{row-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);column-gap:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);height:round(nearest, max(56px, min(3.2407407vw, 5.7142857vh)), 1px);padding-right:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);padding-left:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);border-top-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-top-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-right-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);border-bottom-left-radius:round(nearest, max(999px, min(57.8125vw, 101.9387755vh)), 1px);box-shadow:rgba(60, 20, 20, 0.05) 0px 1px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(60, 20, 20, 0.28) 0px round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px) round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px) round(nearest, calc(-1 * max(22px, min(1.2731481vw, 2.244898vh))), 1px);font-size:max(18px, min(1.0416667vw, 1.8367347vh))}
  .ref__link{width:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);height:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px)}
  .ref__caret{width:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);height:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);margin-left:round(nearest, calc(-1 * max(8px, min(0.462963vw, 0.8163265vh))), 1px);border-top-left-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-top-right-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-bottom-right-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-bottom-left-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px)}
  .ref__eps{row-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);column-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);width:min(100%, round(nearest, max(1000px, min(57.8703704vw, 102.0408163vh)), 1px))}
  .ref__eps span{box-shadow:rgba(60, 20, 20, 0.45) 0px round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px) round(nearest, max(50px, min(2.8935185vw, 5.1020408vh)), 1px) round(nearest, calc(-1 * max(30px, min(1.7361111vw, 3.0612245vh))), 1px)}
  .ref__note{margin-top:round(nearest, max(29.4px, min(1.7013889vw, 3vh)), 1px);font-size:max(15px, min(0.8680556vw, 1.5306122vh))}
  @media (prefers-reduced-motion: no-preference){
  html.js .ref__eps span{filter:blur(round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)) saturate(0.6);transform:translateY(round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)) scale(0.97)}
  }
  .ref__eps b{left:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px);bottom:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh));text-shadow:rgba(0, 0, 0, 0.5) 0px 1px round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  .vs{padding-top:round(nearest, max(156.8px, min(9.0740741vw, 16vh)), 1px);padding-bottom:round(nearest, max(117.6px, min(6.8055556vw, 12vh)), 1px)}
  .vs__pair{row-gap:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);column-gap:round(nearest, max(28px, min(1.6203704vw, 2.8571429vh)), 1px);margin-top:round(nearest, max(58.8px, min(3.4027778vw, 6vh)), 1px)}
  .vs__card{padding-top:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-right:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-bottom:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);padding-left:round(nearest, max(44px, min(2.5462963vw, 4.4897959vh)), 1px);row-gap:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);column-gap:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .vs__card--ez{box-shadow:rgba(9, 9, 9, 0.55) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px) round(nearest, calc(-1 * max(36px, min(2.0833333vw, 3.6734694vh))), 1px)}
  .vs__k{font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .vs__card ul{row-gap:round(nearest, max(19.6px, min(1.1342593vw, 2vh)), 1px);column-gap:round(nearest, max(19.6px, min(1.1342593vw, 2vh)), 1px)}
  .vs__card li{padding-left:round(nearest, max(36px, min(2.0833333vw, 3.6734694vh)), 1px);font-size:max(26px, min(1.5046296vw, 2.6530612vh))}
  .vs__card--diy li::before{left:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);width:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);height:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-top-left-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-top-right-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-bottom-right-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px);border-bottom-left-radius:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px)}
  .vs__card--ez li::before{width:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);height:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .vs__card--ez .cta-row{padding-top:round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px)}
  @media (prefers-reduced-motion: no-preference){
  html.js .vs__card--ez li{transform:translateY(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px))}
  }
  .ref__eps--3{width:min(100%, round(nearest, max(760px, min(43.9814815vw, 77.5510204vh)), 1px))}
  .ep.is-lit, .ref__eps span.is-lit{box-shadow:rgba(255, 255, 255, 0.9) 0px 0px 0px round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px), rgba(0, 0, 0, 0.6) 0px round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px) round(nearest, max(70px, min(4.0509259vw, 7.1428571vh)), 1px) round(nearest, calc(-1 * max(24px, min(1.3888889vw, 2.4489796vh))), 1px)}
  .ep[data-voice]::before, .ref__eps span[data-voice]::before{top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);right:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);width:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);height:round(nearest, max(30px, min(1.7361111vw, 3.0612245vh)), 1px);background-size:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px) auto;-webkit-backdrop-filter:blur(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px));backdrop-filter:blur(round(nearest, max(8px, min(0.462963vw, 0.8163265vh)), 1px))}
  .week__haze{top:round(nearest, calc(-1 * max(6px, min(0.3472222vw, 0.6122449vh))), 1px);bottom:round(nearest, calc(-1 * max(6px, min(0.3472222vw, 0.6122449vh))), 1px);width:round(nearest, max(160px, min(9.2592593vw, 16.3265306vh)), 1px);-webkit-backdrop-filter:blur(round(nearest, max(9px, min(0.5208333vw, 0.9183673vh)), 1px));backdrop-filter:blur(round(nearest, max(9px, min(0.5208333vw, 0.9183673vh)), 1px))}
  .offer-micro{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .offer-micro a{text-underline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  .hero2__t1 .offer-micro{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .vs__card--ez .offer-micro{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px)}
  .hero2__t1{top:round(nearest, max(12px, min(0.6944444vw, 1.2244898vh)), 1px)}
  .hero2__t1 .big{font-size:max(64px, min(3.7037037vw, 6.5306122vh))}
  .hero2__sub{margin-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(18px, min(1.0416667vw, 1.8367347vh))}
  .hero2__t1 .cta-row{margin-top:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px)}
  .hero2__t1 .offer-micro{margin-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px)}
  .close2 #rhythm-h{font-size:max(40px, min(2.3148148vw, 4.0816327vh))}
  .trial-summary{row-gap:round(nearest, max(16px, min(0.9259259vw, 1.6326531vh)), 1px);column-gap:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-top:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px);padding-bottom:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .trial-summary strong{font-size:max(24px, min(1.3888889vw, 2.4489796vh))}
  .trial-summary span{margin-top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .trial-summary b{font-size:max(22px, min(1.2731481vw, 2.244898vh))}
  .trial-summary + .plans{margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .plan__price{margin-top:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);row-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);column-gap:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px)}
  .plan__per{font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .plan__renew{font-size:max(13px, min(0.7523148vw, 1.3265306vh))}
  .plans-hint + .plans{margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .close2{padding-top:round(nearest, max(40px, min(2.3148148vw, 4.0816327vh)), 1px);scroll-margin-top:calc(var(--nav-h) + round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px))}
  .plans__foot{margin-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(12.5px, min(0.7233796vw, 1.2755102vh))}
  .plans__foot a{text-underline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  sup.fn{margin-left:round(nearest, max(1px, min(0.0578704vw, 0.1020408vh)), 1px)}
  .plans-band{row-gap:round(nearest, max(20px, min(1.1574074vw, 2.0408163vh)), 1px);column-gap:round(nearest, max(32px, min(1.8518519vw, 3.2653061vh)), 1px);margin-top:round(nearest, max(4px, min(0.2314815vw, 0.4081633vh)), 1px);padding-block-start:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px);padding-block-end:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .plans-band .big{font-size:max(56px, min(3.2407407vw, 5.7142857vh))}
  .plans-band strong, .plans-band b{font-size:max(22px, min(1.2731481vw, 2.244898vh))}
  .plans-band__l span, .plans-band__r span{margin-top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px);font-size:max(14px, min(0.8101852vw, 1.4285714vh))}
  .plans-band + .plans-hint + .plans, .plans-band + .plans{margin-top:round(nearest, max(24px, min(1.3888889vw, 2.4489796vh)), 1px)}
  .plans-band__sub{margin-top:round(nearest, max(10px, min(0.5787037vw, 1.0204082vh)), 1px);font-size:max(17px, min(0.9837963vw, 1.7346939vh))}
  .clone2__go{row-gap:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);column-gap:round(nearest, max(22px, min(1.2731481vw, 2.244898vh)), 1px)}
  .deck__who .deck__ai{margin-top:round(nearest, max(6px, min(0.3472222vw, 0.6122449vh)), 1px)}
  .deck__value{margin-top:round(nearest, max(14px, min(0.8101852vw, 1.4285714vh)), 1px);font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .deck__who .deck__acts{margin-top:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px)}
  .deck__arrow{margin-top:round(nearest, max(2px, min(0.1157407vw, 0.2040816vh)), 1px)}
  .foot__fn{margin-bottom:round(nearest, max(18px, min(1.0416667vw, 1.8367347vh)), 1px);font-size:max(12.5px, min(0.7233796vw, 1.2755102vh))}
  .foot__fn a{text-underline-offset:round(nearest, max(3px, min(0.1736111vw, 0.3061224vh)), 1px)}
  :root{--fs-big:round(nearest, max(110.592px, min(6.4vw, 11.284898vh)), 1px);--fs-lede:round(nearest, max(24.2px, min(1.400463vw, 2.4693878vh)), 1px)}
  .link{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .deck__ai, .ai-note{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .hero2__t1 .big{font-size:max(108.864px, min(6.3vw, 11.1085714vh))}
  .hero2__sub{font-size:max(23.1px, min(1.3368056vw, 2.3571429vh))}
  .hero2__t2 .big{font-size:max(89.856px, min(5.2vw, 9.1689796vh))}
  .hero2__t3 .big{font-size:max(114.048px, min(6.6vw, 11.637551vh))}
  .fc figcaption b, .hero2__tag b{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .fc figcaption span, .hero2__tag span{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .beat{font-size:max(72.576px, min(4.2vw, 7.4057143vh))}
  .seg__b{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .deck__name{font-size:max(35.2px, min(2.037037vw, 3.5918367vh))}
  .deck__name span{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .deck__line{font-size:max(20.9px, min(1.2094907vw, 2.1326531vh))}
  .deck__arrow{font-size:max(22px, min(1.2731481vw, 2.244898vh))}
  .cast2 .big{font-size:max(72.576px, min(4.2vw, 7.4057143vh))}
  .voice{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .clone2__steps li::before{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .clone2__steps b{font-size:max(44px, min(2.5462963vw, 4.4897959vh))}
  .clone2__steps span{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .rec__top{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .rec__script{font-size:max(28.6px, min(1.6550926vw, 2.9183673vh))}
  .rec__foot{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .ep p b{font-size:max(22px, min(1.2731481vw, 2.244898vh))}
  .ep p span{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .pov__q{font-size:max(23.1px, min(1.3368056vw, 2.3571429vh))}
  .pov__who{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .auto__heading h2{font-size:max(48.4px, min(2.8009259vw, 4.9387755vh))}
  .auto__heading > p{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .flow__steps a{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .flow__dot{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .auto__eyebrow{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .auto__scene h3{font-size:max(92.4px, min(5.3472222vw, 9.4285714vh))}
  .auto__copy{font-size:max(19.8px, min(1.1458333vw, 2.0204082vh))}
  .auto__topic{font-size:max(20.9px, min(1.2094907vw, 2.1326531vh))}
  .auto__topic > span{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .auto__credit{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .auto__credit b{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .auto__choices li{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .auto__promise{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .auto__badge{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .auto__badge > span{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .auto__preview-title > span{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .auto__preview-title p{font-size:max(33px, min(1.9097222vw, 3.3673469vh))}
  .auto__play{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .auto__episode figcaption{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .auto__scroll{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .auto__idea-cover > span{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .auto__idea-cover > p{font-size:max(63.8px, min(3.6921296vw, 6.5102041vh))}
  .auto__idea-cover > small{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .auto__idea-cover > b{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .auto[data-direction="a"] .auto__preview-title p{font-size:max(39.6px, min(2.2916667vw, 4.0408163vh))}
  .auto[data-direction="a"] .auto__episode figcaption{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .auto[data-direction="b"] .auto__heading h2{font-size:max(101.2px, min(5.8564815vw, 10.3265306vh))}
  .kind__badge{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .kind__t b{font-size:max(48.384px, min(2.8vw, 4.9371429vh))}
  .kind__t span{font-size:max(20.9px, min(1.2094907vw, 2.1326531vh))}
  .kind__go{font-size:max(16px, min(0.9259259vw, 1.6326531vh))}
  .finale__type .big{font-size:max(102.9px, min(5.9548611vw, 10.5vh))}
  .t3-link{font-size:max(29.7px, min(1.71875vw, 3.0306122vh))}
  .plan__cap{font-size:max(12.7px, min(0.7349537vw, 1.2959184vh))}
  .plan__name{font-size:max(24.2px, min(1.400463vw, 2.4693878vh))}
  .plan__for{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .plan__price [data-price]{font-size:max(66px, min(3.8194444vw, 6.7346939vh))}
  .plan__per{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .plan__qty{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .plan__cta{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .plan__renew{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .plan__plus{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .plan__list li{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .plans__note{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .plans__note .link{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  #rhythm-h{font-size:max(94.6px, min(5.474537vw, 9.6530612vh))}
  .howto__note{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .howto__kicker{font-size:max(13.2px, min(0.7638889vw, 1.3469388vh))}
  .howto__h{font-size:max(74.8px, min(4.3287037vw, 7.6326531vh))}
  .howto__ui-t{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .howto__ui-s{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .howto__chips span{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .howto__posted{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .howto__posted::before{font-size:max(12.1px, min(0.7002315vw, 1.2346939vh))}
  .howto__btns .pill{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .howto__cap{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .sound-gate h2{font-size:max(46.2px, min(2.6736111vw, 4.7142857vh))}
  .sound-gate p{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .sound-gate__on{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .sound-gate__mute{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .auto__lede{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .ref__field{font-size:max(19.8px, min(1.1458333vw, 2.0204082vh))}
  .ref__note{font-size:max(16.5px, min(0.9548611vw, 1.6836735vh))}
  .ref__eps b{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .vs__k{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .vs__card li{font-size:max(28.6px, min(1.6550926vw, 2.9183673vh))}
  .offer-micro{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .hero2__t1 .big{font-size:max(70.4px, min(4.0740741vw, 7.1836735vh))}
  .hero2__sub{font-size:max(19.8px, min(1.1458333vw, 2.0204082vh))}
  .close2 #rhythm-h{font-size:max(44px, min(2.5462963vw, 4.4897959vh))}
  .trial-summary strong{font-size:max(26.4px, min(1.5277778vw, 2.6938776vh))}
  .trial-summary span{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .trial-summary b{font-size:max(24.2px, min(1.400463vw, 2.4693878vh))}
  .plan__per{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .plan__renew{font-size:max(14.3px, min(0.8275463vw, 1.4591837vh))}
  .plans__foot{font-size:max(13.8px, min(0.7986111vw, 1.4081633vh))}
  .plans-band .big{font-size:max(61.6px, min(3.5648148vw, 6.2857143vh))}
  .plans-band strong, .plans-band b{font-size:max(24.2px, min(1.400463vw, 2.4693878vh))}
  .plans-band__l span, .plans-band__r span{font-size:max(15.4px, min(0.8912037vw, 1.5714286vh))}
  .plans-band__sub{font-size:max(18.7px, min(1.0821759vw, 1.9081633vh))}
  .deck__value{font-size:max(17.6px, min(1.0185185vw, 1.7959184vh))}
  .foot__fn{font-size:max(13.8px, min(0.7986111vw, 1.4081633vh))}
}
/* END GENERATED BIGSCREEN SCALE */

/* 20-oct: the work between the three choices */
.howto__work{width:min(100% - 32px,1100px);margin:0 auto;padding:clamp(22px,3vw,34px);border-radius:var(--r-card,28px);background:var(--ink,#0b0b0c);color:#fff}
.howto__work-k{margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-accent)}
.howto__work-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px}
.howto__work-l li{display:flex;flex-direction:column;gap:4px;padding-left:30px;position:relative;font-size:15px;line-height:1.4;color:rgba(255,255,255,.72)}
.howto__work-l li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--brand-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.howto__work-l b{font-size:17px;font-weight:600;color:#fff;letter-spacing:-.01em}
@media (max-width:820px){.howto__work-l{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.howto__work-l{grid-template-columns:1fr}}
/* 20-oct: proof, the script beside the finished video */
.proof{padding:clamp(64px,10vh,120px) 0}
.proof__list{display:grid;gap:clamp(28px,4vw,48px);margin-top:clamp(32px,5vh,56px)}
.proof__item{display:grid;grid-template-columns:minmax(220px,340px) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}
.proof__media video{width:100%;aspect-ratio:9/16;border-radius:22px;background:#0b0b0c;object-fit:cover;display:block}
.proof__k{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-accent)}
.proof__lines{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.proof__lines li{display:grid;grid-template-columns:44px 1fr;gap:12px;font-size:17px;line-height:1.4;color:var(--ink-2,#55524c);transition:color .2s}
.proof__lines li.is-now{color:var(--ink,#0b0b0c);font-weight:600}
.proof__lines time{font:13px/1.9 ui-monospace,monospace;color:#9a958d}
.proof__rc{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--hair,#e3dfd7);font-size:13px;color:#7d7871}
@media (max-width:720px){.proof__item{grid-template-columns:1fr}.proof__media{max-width:300px}}
@media (prefers-reduced-motion:reduce){.proof__lines li{transition:none}}
/* how it works = the Studio's New video screen, numbered (Rafael 24-oct, option 3 of /lab/how-it-works) */
.hw{width:100%;max-width:1240px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.hw__win{display:grid;grid-template-columns:200px minmax(0,1fr);overflow:hidden;border:1px solid var(--hair);border-radius:var(--r-card);background:#fdfcfa;box-shadow:0 2px 6px rgba(9,9,9,.05),0 40px 80px -36px rgba(9,9,9,.32);text-align:left}
.hw__side{display:flex;flex-direction:column;gap:6px;padding:18px 12px;border-right:1px solid var(--hair);background:var(--ground)}
.hw__logo{padding:0 8px 8px;font-size:21px;font-weight:700;letter-spacing:-.05em}.hw__logo span{color:var(--brand-accent)}
.hw__new{padding:9px 12px;border-radius:10px;background:var(--brand-accent);color:#fff;font-size:13px;font-weight:600;margin-bottom:8px}
.hw__side p{margin:0;padding:8px 10px;border-radius:9px;font-size:13.5px}.hw__side p.is-on{background:#fff;box-shadow:0 1px 3px rgba(9,9,9,.08);font-weight:600}
.hw__cr{margin-top:auto;padding:10px 12px;border-radius:12px;background:#efece6;font-size:12.5px;font-weight:600}
.hw__main{min-width:0;padding:26px clamp(18px,3vw,36px) 30px}
.hw__h{margin:0;font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1.1}
.hw__s{margin:6px 0 22px;font-size:14px;line-height:1.4;color:var(--ink-2)}.hw__s b{color:var(--brand-accent)}
.hw__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}
.hw__spot{position:relative;display:grid;align-content:start;gap:8px;min-width:0;padding:14px;border:1px dashed rgba(227,38,59,.35);border-radius:16px;background:#fff}
.hw__spot>i{position:absolute;top:-11px;left:-11px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-accent);color:#fff;font:700 13px/1 var(--sans);font-style:normal;box-shadow:0 0 0 4px rgba(227,38,59,.16)}
.hw__l{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}.hw__l em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:#8d8d88}
.hw__faces{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.hw__faces span{position:relative;aspect-ratio:3/4;border-radius:11px;overflow:hidden;background:#ece9e2}.hw__faces img{display:block;width:100%;height:100%;object-fit:cover}.hw__faces .is-on{box-shadow:0 0 0 2px var(--brand-accent)}
.hw__field{min-height:4.4em;margin:0;padding:12px 13px;border:1px solid var(--hair-2);border-radius:13px;background:#fdfcfa;font-size:15px;line-height:1.42}
.hw__caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:var(--brand-accent);animation:hw-caret 1.1s steps(1) infinite}@keyframes hw-caret{50%{opacity:0}}
.hw__chips{display:flex;flex-wrap:wrap;gap:7px}.hw__chips span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--hair-2);border-radius:999px;font-size:14px;font-weight:500}.hw__chips .is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.hw__seg{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:999px;background:#efece6}.hw__seg span{display:grid;place-items:center;height:32px;border-radius:999px;font-size:13px;font-weight:550;color:var(--ink-2)}.hw__seg .is-on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(9,9,9,.12)}
.hw__go{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}.hw__go .hw__s{margin:0}
.hw__btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:var(--brand-accent);color:#fff;font-size:14px;font-weight:600}
.hw__legend{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.hw__legend li{font-size:14.5px;line-height:1.4;color:var(--ink-2)}.hw__legend b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border-radius:50%;background:var(--brand-accent);color:#fff;font-size:12px}.hw__legend strong{color:var(--ink)}
@media(max-width:1000px){.hw__win{grid-template-columns:minmax(0,1fr)}.hw__side{display:none}.hw__legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hw__grid{grid-template-columns:minmax(0,1fr)}.hw__legend{grid-template-columns:minmax(0,1fr)}.hw__faces{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){.hw__caret{animation:none}}
/* how it works · motion (Rafael 24-oct: «feels cheap», faces move on hover, buttons too) */
.hw__faces span{cursor:pointer;transform:translateZ(0);transition:transform .45s var(--e-settle),box-shadow .3s var(--e-settle)}
.hw__faces video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s var(--e-settle)}
.hw__faces .is-playing video{opacity:1}
.hw__faces span::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28));opacity:0;transition:opacity .3s}
.hw__faces .is-on::before{content:"✓";position:absolute;z-index:2;top:5px;right:5px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--brand-accent);color:#fff;font-size:11px;font-weight:700;animation:hw-pop .4s var(--e-morph,cubic-bezier(.3,1.5,.5,1)) both}
.hw__chips span,.hw__seg span{cursor:pointer;transition:transform .3s var(--e-settle),background-color .25s,border-color .25s,color .25s,box-shadow .3s}
.hw__seg{position:relative;isolation:isolate}.hw__seg span{position:relative;z-index:1}.hw__seg .is-on{background:transparent;box-shadow:none}
.hw__seg::before{content:"";position:absolute;z-index:0;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(9,9,9,.12),0 6px 14px -8px rgba(9,9,9,.3);transition:transform .5s var(--e-morph,cubic-bezier(.3,1.3,.5,1))}
.hw__seg.is-link::before{transform:translateX(100%)}
.hw__btn{position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px 24px -12px rgba(227,38,59,.7);transition:transform .35s var(--e-settle),box-shadow .35s var(--e-settle)}
.hw__btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:hw-shine 3.6s 1.2s ease-in-out infinite}
.hw__btn i{display:inline-block;margin-left:6px;font-style:normal;transition:transform .35s var(--e-settle)}
.hw__spot{transition:transform .45s var(--e-settle),box-shadow .45s var(--e-settle),border-color .3s}
.hw__spot>i{transition:transform .4s var(--e-morph,cubic-bezier(.3,1.5,.5,1))}
.hw__side p{transition:background-color .25s,transform .3s var(--e-settle)}
@keyframes hw-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
@keyframes hw-shine{0%,70%{left:-60%}100%{left:130%}}
@media(hover:hover){
  .hw__faces span:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 28px -14px rgba(9,9,9,.55);z-index:1}.hw__faces span:hover::after{opacity:1}
  .hw__chips span:hover{transform:translateY(-2px);box-shadow:0 8px 16px -10px rgba(9,9,9,.4)}
  .hw__seg span:hover{color:var(--ink)}
  .hw__btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 30px -12px rgba(227,38,59,.8)}.hw__btn:hover i{transform:translateX(4px)}
  .hw__spot:hover{transform:translateY(-3px);border-color:rgba(227,38,59,.6);box-shadow:0 18px 34px -24px rgba(9,9,9,.45)}.hw__spot:hover>i{transform:scale(1.15) rotate(-8deg)}
  .hw__side p:hover{background:rgba(255,255,255,.7);transform:translateX(3px)}
}
.hw__chips span:active,.hw__btn:active,.hw__faces span:active{transform:scale(.96)}
/* entrance: the window rises, then the numbered spots and the legend arrive one by one */
.hw.hw--in .hw__win{animation:hw-rise .9s var(--e-settle) both}
.hw.hw--in .hw__spot{animation:hw-up .7s var(--e-settle) both}
.hw.hw--in .hw__spot:nth-child(1){animation-delay:.25s}.hw.hw--in .hw__spot:nth-child(2){animation-delay:.37s}.hw.hw--in .hw__spot:nth-child(3){animation-delay:.49s}.hw.hw--in .hw__spot:nth-child(4){animation-delay:.61s}
.hw.hw--in .hw__spot>i{animation:hw-pop .5s var(--e-morph,cubic-bezier(.3,1.5,.5,1)) both}
.hw.hw--in .hw__spot:nth-child(1)>i{animation-delay:.55s}.hw.hw--in .hw__spot:nth-child(2)>i{animation-delay:.67s}.hw.hw--in .hw__spot:nth-child(3)>i{animation-delay:.79s}.hw.hw--in .hw__spot:nth-child(4)>i{animation-delay:.91s}
.hw.hw--in .hw__go{animation:hw-up .7s .75s var(--e-settle) both}
.hw.hw--in .hw__legend li{animation:hw-up .6s var(--e-settle) both}
.hw.hw--in .hw__legend li:nth-child(1){animation-delay:.9s}.hw.hw--in .hw__legend li:nth-child(2){animation-delay:1s}.hw.hw--in .hw__legend li:nth-child(3){animation-delay:1.1s}.hw.hw--in .hw__legend li:nth-child(4){animation-delay:1.2s}.hw.hw--in .hw__legend li:nth-child(5){animation-delay:1.3s}
.hw:not(.hw--in) .hw__win,.hw:not(.hw--in) .hw__legend{opacity:0}
.hw__win{transition:transform .6s var(--e-settle)}
@keyframes hw-rise{from{opacity:0;transform:translateY(46px) scale(.96)}to{opacity:1;transform:none}}
@keyframes hw-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hw .hw__win,.hw .hw__legend{opacity:1!important}.hw *,.hw *::before,.hw *::after{animation:none!important;transition:none!important}.hw__faces video{display:none}}
/* Rafael 24-oct: «4 choices.» black, «Your channel» gray, «runs itself.» brand red; sizes as before */
.hw__title span{color:var(--soft)}.hw__title em{font-style:normal;color:var(--brand-accent)}
/* Episode wall behind the hero promise (Rafael 24-oct): vertical episodes playing silently, dimmed so the title reads */
.hero2__wall{position:absolute;inset:-4% -2%;z-index:8;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-content:center;gap:10px;opacity:0;pointer-events:none;will-change:opacity,transform}
.hero2__wall span{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#151515}
.hero2__wall span:nth-child(even){transform:translateY(9%)}
.hero2__wall video{display:block;width:100%;height:100%;object-fit:cover}
.hero2__wall::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgba(0,0,0,.9),rgba(0,0,0,.5) 70%,rgba(0,0,0,.25))}
.hero2__t3{z-index:9}
@media(max-width:700px){.hero2__wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hero2__wall span:nth-child(n+7){display:none}}
@media (prefers-reduced-motion:reduce){.hero2__wall{display:none}}
html:not(.js) .hero2__wall{display:none}
/* 24-oct (Rafael: «it needs to also be dynamic»): on big screens the dashboard mock and its 5 steps grow by the same
   factor as the generated big-screen scale above, s = max(1, min(vw/1728, vh/980)), set as --s by v2.js. */
@media (min-width:1729px){.hw{zoom:var(--s,1)}}