/* ===== Seekia v4 · scroll + human layer ===== */
.rv{filter:blur(8px);transition:opacity 1.1s var(--x-ease),transform 1.1s var(--x-ease),filter 1.1s var(--x-ease)}
.rv.in{filter:none}
.rv.zoom{transform:scale(.94)}.rv.zoom.in{transform:none}
image-slot{display:block}

/* scrubbed statement */
.x-scrub{height:230vh;position:relative}
.x-scrub .pin{position:sticky;top:0;height:100vh;display:flex;align-items:center}
.x-scrub .w{opacity:.13;transition:opacity .35s ease}
/* data → people */
.x-dp{height:260vh;position:relative;--p:0}
.x-dp .pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.x-dp .pin>.x-wrap{width:100%}
.dp-st{margin:0;max-width:22ch;font-weight:700;font-size:clamp(30px,3.6vw,56px);line-height:1.05;letter-spacing:-.045em;text-wrap:balance;color:var(--x-ink);opacity:calc(1 - clamp(0,(var(--p) - .55)*3,.75))}
.dp-st .hl,.dp-sig .hl{color:var(--accent)}
.dp-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:clamp(28px,4vh,48px)}
.dp-t{position:relative;aspect-ratio:3/4;max-height:44vh;width:100%;border-radius:20px;overflow:hidden;background:var(--x-ink);--q:clamp(0,calc((var(--p) - .18 - var(--k)*.06)*3.2),1);transform:translateY(calc((1 - var(--q))*16px))}
.dp-t:nth-child(even){margin-top:28px}
.dp-t image-slot{position:absolute;inset:0;width:100%;height:100%;filter:grayscale(calc(1 - var(--q))) contrast(calc(1.1 - var(--q)*.1));transition:filter .2s}
.dp-data{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:16px;background:linear-gradient(transparent 20%,color-mix(in oklab,var(--wine-deep) 88%,transparent)),repeating-linear-gradient(0deg,color-mix(in oklab,var(--cream) 6%,transparent) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,color-mix(in oklab,var(--cream) 6%,transparent) 0 1px,transparent 1px 22px),color-mix(in oklab,var(--wine-deep) 55%,transparent);opacity:calc(1 - var(--q));pointer-events:none}
.dp-data span{align-self:flex-start;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--cream);padding:4px 8px;border-radius:6px;background:color-mix(in oklab,var(--cream) 10%,transparent);border:1px solid color-mix(in oklab,var(--cream) 14%,transparent)}
.dp-data .id{color:var(--accent-glow);border-color:color-mix(in oklab,var(--accent-glow) 40%,transparent)}
.dp-hum{position:absolute;inset:auto 0 0 0;padding:60px 16px 16px;background:linear-gradient(transparent,rgba(31,5,21,.85));opacity:var(--q);transform:translateY(calc((1 - var(--q))*12px));pointer-events:none}
.dp-hum p{margin:0;font-weight:700;font-size:clamp(14px,1.15vw,17px);line-height:1.25;letter-spacing:-.01em;color:var(--cream)}
.dp-sig{margin-top:clamp(28px,4vh,48px);display:flex;flex-wrap:wrap;gap:.25em .4em;font-weight:700;font-size:clamp(26px,2.8vw,44px);letter-spacing:-.04em;line-height:1.05;color:var(--x-ink);opacity:clamp(0,calc((var(--p) - .62)*4),1);transform:translateY(calc((1 - clamp(0,calc((var(--p) - .62)*4),1))*20px))}
.x-scrub .scrub{line-height:1.1}
.x-scrub .pin>.x-wrap,.x-gap .pin>.x-wrap{width:100%}
.scrub-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(32px,5vw,80px);align-items:center}
.scrub-grid .scrub{font-size:clamp(32px,4.2vw,64px)!important}
.sig2{margin-top:clamp(36px,4.5vw,64px);padding-top:28px;border-top:1px solid var(--x-hair);font-weight:700;font-size:clamp(22px,2vw,30px);letter-spacing:-.025em;line-height:1.15;color:var(--x-ink)}
.sig2 em{display:block;margin-top:6px;font-family:var(--font-serif);font-weight:400;font-size:1.7em;letter-spacing:-.015em;line-height:1;color:var(--accent);text-shadow:0 0 40px color-mix(in oklab,var(--accent-glow) 35%,transparent)}
.scrub-ph{position:relative}
.scrub-ph image-slot{width:100%;height:auto;aspect-ratio:3/4}
.scrub-ph .tag{position:absolute;left:18px;bottom:18px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream);background:color-mix(in oklab,var(--wine-deep) 72%,transparent);backdrop-filter:blur(8px);padding:8px 12px;border-radius:100px;pointer-events:none}
.x-scrub .w.on{opacity:1}
.x-scrub .x-serif .w,.x-scrub .x-serif{color:var(--accent)}

/* distance · converging poles */
.x-gap{height:280vh;position:relative;--p:0}
.x-gap .pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;overflow:hidden}
.x-gap .pin::before{content:"";position:absolute;left:50%;top:62%;width:min(1100px,120vw);aspect-ratio:1.8;transform:translate(-50%,-50%) scale(calc(.6 + var(--p)*.6));background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--accent) 45%,transparent),transparent 70%);opacity:calc(.25 + var(--p)*.6);pointer-events:none}
.x-gap .x-wrap{position:relative;width:100%;text-align:center}
.g1{margin:0;font-weight:700;font-size:clamp(30px,3.6vw,56px);letter-spacing:-.045em;line-height:1}
.g2{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(18px,2.4vw,32px);font-weight:700;font-size:clamp(34px,4.6vw,76px);letter-spacing:-.05em;line-height:.98;color:var(--accent-glow);text-shadow:0 0 40px color-mix(in oklab,var(--accent-glow) 40%,transparent)}
.g2 .l{text-align:left}.g2 .r{text-align:right}
.gviz{position:relative;height:200px;margin-top:clamp(28px,4vh,56px)}
.gp{position:absolute;top:50%;font-family:var(--font-mono);font-size:clamp(11px,.95vw,14px);letter-spacing:.16em;text-transform:uppercase;padding:.95em 1.5em;border-radius:100px;border:1px solid color-mix(in oklab,var(--cream) 30%,transparent);background:var(--wine-deep);white-space:nowrap;z-index:2;transition:border-color .4s,box-shadow .4s}
.gp.l{left:calc(var(--p)*50%);transform:translate(calc(var(--p)*-100% - var(--p)*6px),-50%)}
.gp.r{right:calc(var(--p)*50%);transform:translate(calc(var(--p)*100% + var(--p)*6px),-50%)}
.gl{position:absolute;top:50%;left:calc(var(--p)*50%);right:calc(var(--p)*50%);height:1px;background:linear-gradient(90deg,color-mix(in oklab,var(--cream) 30%,transparent),var(--accent-glow),color-mix(in oklab,var(--cream) 30%,transparent));box-shadow:0 0 14px var(--accent-glow)}
.gdot{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 30px var(--accent-glow),0 0 80px var(--accent-glow);opacity:clamp(0,calc((var(--p) - .85)*7),1);transform:scale(clamp(0,calc((var(--p) - .85)*7),1));z-index:3}
.gc{--in:clamp(0,calc((var(--p) - var(--t))*7),1);--out:clamp(0,calc((var(--p) - .8)*6),1);position:absolute;left:calc(50% + var(--x)*(1 - var(--out)));top:calc(50% + var(--y)*(1 - var(--out)));transform:translate(-50%,-50%) scale(calc(.7 + .3*var(--in) - .55*var(--out)));opacity:calc(var(--in)*(1 - var(--out)));filter:blur(calc((1 - var(--in))*6px));white-space:nowrap;padding:.55em 1.05em;border-radius:100px;font-size:clamp(13px,1.05vw,16px);color:var(--cream);background:color-mix(in oklab,var(--accent) 22%,var(--wine-deep));border:1px solid color-mix(in oklab,var(--accent-glow) 45%,transparent);box-shadow:0 0 24px -6px color-mix(in oklab,var(--accent-glow) 70%,transparent);z-index:2}
.gc::before{content:"";position:absolute;left:50%;width:1px;height:calc(var(--y) * -1 - 14px);top:100%;background:linear-gradient(var(--accent-glow),transparent);opacity:.5;display:none}
.gins{position:absolute;left:50%;top:calc(50% + 28px);transform:translateX(-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-glow);opacity:clamp(0,calc((var(--p) - .9)*10),1)}

/* hero v4: powered by, premium CTA, logo strip */
.x-pw{display:inline-flex;align-items:center;gap:12px}
.x-pw small{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 55%,transparent)}
.x-pw img{height:22px;width:auto;display:block}
.x-pill.pw{padding:8px 18px;gap:10px}
.x-pill.pw small{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 55%,transparent)}
.x-pill.pw .ess{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--cream)}
.x-pill.pw .ess img,.x-pill.pw .ess svg{height:16px;width:auto;display:block}
.x-cta{position:relative;display:inline-flex;align-items:center;gap:18px;height:62px;padding:0 8px 0 30px;border-radius:100px;color:var(--accent-glow);font-family:var(--font-sans);font-weight:700;font-size:17px;letter-spacing:-.01em;isolation:isolate}
.x-cta::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 45%,transparent) 0%,color-mix(in oklab,var(--accent) 45%,transparent) 35%,var(--accent-glow) 50%,color-mix(in oklab,var(--accent) 45%,transparent) 65%,color-mix(in oklab,var(--accent) 45%,transparent) 100%);background-size:300% 100%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:xrun 3.2s linear infinite;z-index:-1}
@keyframes xrun{from{background-position:100% 0}to{background-position:-50% 0}}
.x-cta::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 26%,var(--wine)),var(--wine-deep));z-index:-2;box-shadow:0 20px 60px -20px color-mix(in oklab,var(--accent-glow) 60%,transparent),inset 0 1px 0 color-mix(in oklab,var(--cream) 18%,transparent)}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes xspin{to{--a:360deg}}
.x-cta .ci{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--accent-glow);color:var(--wine-deep)}
.x-cta .ci svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .35s var(--x-ease)}
.x-cta:hover{color:var(--accent-glow)}
.x-cta:hover .ci svg{stroke-width:3}
.x-logos{margin:clamp(40px,5vw,64px) auto 0;max-width:900px;display:flex;flex-direction:column;align-items:center;gap:18px}
.x-logos small{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 45%,transparent)}
.mq{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.mq-t{display:flex;width:max-content;animation:xmq 28s linear infinite}
.mq-t span{display:flex;align-items:center;height:64px;padding:0 clamp(28px,3.4vw,48px);font-weight:700;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.02em;color:color-mix(in oklab,var(--cream) 62%,transparent);white-space:nowrap}
.mq-t img{height:30px;width:auto;opacity:.7;filter:brightness(0) invert(1)}
@keyframes xmq{to{transform:translateX(-50%)}}

/* faces · horizontal pinned track */
.x-faces{height:300vh;position:relative}
.x-faces .pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(32px,4vw,56px)}
.x-faces .head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.x-faces .head .x-h2{max-width:14ch}
.x-faces .head .x-lead{max-width:38ch;margin:0}
.track{display:flex;gap:18px;padding:0 max(clamp(20px,4vw,48px),calc((100vw - var(--x-max))/2 + clamp(20px,4vw,48px)));will-change:transform}
.face{flex:none;width:clamp(250px,24vw,360px);aspect-ratio:3/4;position:relative;border-radius:24px;overflow:hidden;background:color-mix(in oklab,var(--x-ink) 8%,var(--x-cream))}
.face:nth-child(even){margin-top:56px}
.face image-slot{position:absolute;inset:0;width:100%;height:100%}
.face .cap{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 22px;background:linear-gradient(transparent,rgba(31,5,21,.88));color:var(--cream);pointer-events:none;display:flex;flex-direction:column;gap:10px}
.face .cap q{font-family:var(--font-serif);font-style:italic;font-size:clamp(20px,1.6vw,25px);line-height:1.15}
.face .cap q::before,.face .cap q::after{content:""}
.face .cap small{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-soft)}
.face.end{display:flex;flex-direction:column;justify-content:flex-end;padding:30px;background:var(--x-ink);color:var(--cream)}
.face.end p{margin:0;font-weight:700;font-size:clamp(26px,2.4vw,36px);line-height:1.05;letter-spacing:-.035em}
.face.end p em{font-family:var(--font-serif);font-weight:400;color:var(--accent-glow)}

/* subtext media */
.sub-media{position:relative;padding:0 0 60px 60px}
.sub-media image-slot{width:100%;height:auto;aspect-ratio:4/5}
.sub-media .iceberg{position:absolute;left:0;bottom:0;width:74%;aspect-ratio:auto;box-shadow:0 40px 80px -30px rgba(31,5,21,.55)}

/* expanding photo band */
.x-expand{height:210vh;position:relative;background:var(--x-cream)}
.x-expand .pin{position:sticky;top:0;height:100vh;overflow:hidden}
.x-expand .media{position:absolute;inset:0;clip-path:inset(var(--i,16%) var(--ix,22%) round var(--r,36px));will-change:clip-path}
.x-expand .media image-slot{position:absolute;inset:0;width:100%;height:100%}
.x-expand .media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,5,21,.15),rgba(31,5,21,.62));pointer-events:none}
.x-expand .txt{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:var(--cream);pointer-events:none;opacity:var(--o,0);transform:translateY(calc((1 - var(--o,0))*30px))}
.x-expand .txt h2{margin:0;font-weight:700;font-size:clamp(56px,10vw,170px);line-height:.9;letter-spacing:-.06em}
.x-expand .txt h2 .x-serif{display:block;font-size:.5em;color:var(--accent-glow);text-shadow:0 0 40px color-mix(in oklab,var(--accent-glow) 50%,transparent);margin-top:.3em;letter-spacing:-.02em}

/* sticky steps */
.x-steps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(40px,5vw,72px)}
.x-steps .step{min-height:80vh;display:flex;flex-direction:column;justify-content:center;gap:16px;opacity:.22;transition:opacity .6s var(--x-ease)}
.x-steps .step.on{opacity:1}
.x-steps .step .num{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;gap:12px;align-items:center}
.x-steps .step .num b{font-weight:400;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--accent)}
.x-steps .step.on .num b{background:var(--accent);color:var(--cream)}
.x-steps .step h3{margin:0;font-size:clamp(34px,3.4vw,54px);letter-spacing:-.045em;line-height:1}
.x-steps .step h3 em{font-family:var(--font-serif);font-weight:400;color:var(--accent)}
.x-steps .step p{margin:0;color:var(--x-mute);line-height:1.55;font-size:17.5px;max-width:44ch}
.x-steps .step .dl{align-self:flex-start;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--x-hair);font-size:15px;line-height:1.4}
.x-steps .step .dl b{display:block;font-weight:400;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.x-steps .stick{position:sticky;top:12vh;height:76vh}
.ui-stack{position:relative;height:100%}
.ui-stack .ui,.step .ui{border-radius:24px;background:var(--x-ink);color:var(--cream);padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:12px;font-size:14px;box-shadow:0 50px 100px -40px rgba(31,5,21,.5)}
.ui-stack .ui{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .7s var(--x-ease),transform .7s var(--x-ease);pointer-events:none;overflow:hidden}
.ui-stack .ui.on{opacity:1;transform:none;pointer-events:auto}
.ui image-slot{width:100%;flex:1;min-height:160px}
.ui video{flex:1;min-height:0;height:auto;aspect-ratio:auto}
.step .ui{margin-top:12px}
.step .ui video{aspect-ratio:16/9}

/* duo photo */
.dc .ph{margin:-6px -6px 14px;aspect-ratio:16/10}
.dc .ph image-slot{width:100%;height:100%}

/* Kia */
.x-kia2{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:center}
.k-vis{position:relative;display:grid;place-items:center}
.k-vis .halo{position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent-glow) 55%,transparent),transparent 65%);filter:blur(34px)}
.k-vis img{position:relative;width:100%;max-width:300px;height:auto;animation:kfloat 6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(31,5,21,.35))}
@keyframes kfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.k-copy h2{margin:20px 0 0;font-weight:700;font-size:clamp(32px,3.4vw,54px);line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
.k-copy h2 em{font-family:var(--font-serif);font-weight:400;color:var(--accent)}
.k-copy p{margin:20px 0 0;color:var(--x-mute);font-size:17.5px;line-height:1.55;max-width:40ch}
.k-chat{display:flex;flex-direction:column;gap:14px;padding:clamp(20px,2.4vw,30px);border-radius:28px;background:#fff;border:1px solid var(--x-hair);box-shadow:0 40px 90px -40px rgba(31,5,21,.3)}
.k-chat .hd{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--x-hair);font-weight:700}
.k-chat .hd .av{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--accent-glow),var(--accent) 60%,var(--wine-mid))}
.k-chat .hd small{display:block;font-weight:400;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--x-mute)}
.kc{opacity:0;transform:translateY(14px);transition:opacity .6s var(--x-ease),transform .6s var(--x-ease)}
.kc.on{opacity:1;transform:none}
.kc.me{align-self:flex-end;max-width:86%;padding:13px 17px;border-radius:18px 18px 4px 18px;background:var(--accent);color:var(--cream);line-height:1.45}
.kc.ai{padding:15px 17px;border-radius:18px 18px 18px 4px;background:var(--x-cream);line-height:1.5;color:var(--x-ink)}
.kc.ai .who{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.kc.ai p{margin:6px 0 0}
.kc.ai blockquote{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#fff;border-left:2px solid var(--accent);font-family:var(--font-serif);font-style:italic;font-size:19px;line-height:1.25;color:var(--x-ink2)}
.kc.ai cite{display:block;margin-top:8px;font-family:var(--font-mono);font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--x-mute)}
.kc.typing{display:flex;gap:4px;padding:13px 16px;border-radius:18px;background:var(--x-cream);width:max-content}
.kc.typing i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:xdot 1.2s infinite}
.kc.typing i:nth-child(2){animation-delay:.15s}.kc.typing i:nth-child(3){animation-delay:.3s}
.kc.typing.gone{display:none}

/* closing photo */
.x-close .bgp{position:absolute;inset:0;opacity:.32}
.x-close .bgp image-slot{width:100%;height:100%}
.x-close .bgp::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,transparent,var(--wine-deep) 85%),linear-gradient(var(--wine-deep),transparent 30%,transparent 70%,var(--wine-deep));pointer-events:none}

@media (max-width:960px){
  .x-gap{height:auto;--p:1!important}.x-gap .pin{position:static;height:auto;padding:110px 0}
  .gviz{display:flex;justify-content:center;gap:12px;height:auto}.gp{position:static;transform:none!important}.gl,.gdot,.gc,.gins{display:none}.g2{flex-direction:column;align-items:center}.g2 .l,.g2 .r{text-align:center}
  .scrub-grid{grid-template-columns:minmax(0,1fr)}.scrub-ph image-slot{aspect-ratio:4/3}
  .x-dp{height:auto;--p:1!important}.x-dp .pin{position:static;height:auto;padding:110px 0}
  .dp-st{opacity:1}.dp-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px}.dp-t{flex:none;width:clamp(200px,38vw,280px);max-height:none;scroll-snap-align:center}.dp-t:nth-child(even){margin-top:0}
  .x-scrub{height:auto}.x-scrub .pin{position:static;height:auto;padding:110px 0}.x-scrub .w{opacity:1}
  .x-faces{height:auto}.x-faces .pin{position:static;height:auto;padding:110px 0 60px}
  .track{transform:none!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;-webkit-overflow-scrolling:touch}
  .face{scroll-snap-align:center;width:72vw}.face:nth-child(even){margin-top:0}
  .sub-media{padding:0}.sub-media image-slot{aspect-ratio:4/3}.sub-media .iceberg{position:relative;width:calc(100% - 32px);margin:-60px auto 0}
  .x-expand{height:auto}.x-expand .pin{position:relative;height:80vh}
  .x-expand .media{clip-path:none}.x-expand .txt{--o:1!important}
  .x-steps{grid-template-columns:minmax(0,1fr)}.x-steps .stick{display:none}
  .x-steps .step{min-height:0;opacity:1;padding:28px 0;border-top:1px solid var(--x-hair)}
  .x-kia2{grid-template-columns:minmax(0,1fr)}.k-vis img{max-width:200px}
}
@media (prefers-reduced-motion:reduce){.rv{filter:none}.x-scrub .w{opacity:1}.kc{opacity:1;transform:none}.k-vis img{animation:none}}

.x-scrub .hl{color:var(--accent)}
.x-state.x-scrub .scrub{margin:0;font-weight:700;font-size:clamp(40px,5.6vw,88px);line-height:1.02;letter-spacing:-.05em;max-width:18ch;text-wrap:balance}
.x-prob.ps .pc{padding:0;gap:0;min-height:0;overflow:hidden}
.x-prob.ps .pc .n{padding:26px 30px 0}
.x-prob.ps .pr{padding:14px 30px 28px;display:flex;flex-direction:column;gap:10px}
.x-prob.ps .pr h3{margin:0}
.x-prob.ps small{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--x-mute)}
.x-prob.ps .so{margin-top:auto;padding:26px 30px 30px;background:var(--x-ink);color:var(--cream);display:flex;flex-direction:column;gap:10px;position:relative}
.x-prob.ps .so::before{content:"";position:absolute;left:30px;top:-7px;width:14px;height:14px;background:var(--x-ink);transform:rotate(45deg)}
.x-prob.ps .so small{color:var(--accent-glow)}
.x-prob.ps .so h4{margin:0;font-size:clamp(22px,1.9vw,28px);letter-spacing:-.03em;line-height:1.05}
.x-prob.ps .so p{margin:0;color:color-mix(in oklab,var(--cream) 70%,transparent);line-height:1.5;font-size:15.5px}
.x-prob.ps .pc{display:flex;flex-direction:column}

/* prologue */
.x-pro{height:460vh;position:relative;background:var(--wine-deep);--p:0}
.x-pro .pin{position:sticky;top:0;height:100vh;overflow:hidden}
.x-pro .pin::before{content:"";position:absolute;left:50%;top:50%;width:min(1200px,130vw);aspect-ratio:1.5;transform:translate(-50%,-50%) rotate(calc(var(--p)*40deg));background:radial-gradient(40% 50% at 30% 50%,color-mix(in oklab,var(--accent) 34%,transparent),transparent 70%),radial-gradient(40% 50% at 70% 50%,color-mix(in oklab,var(--wine-mid) 80%,transparent),transparent 70%);opacity:.7;pointer-events:none}
.pf{--t:0;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 clamp(20px,5vw,64px);opacity:0;will-change:opacity}
.pf p{margin:0}
.pf .pa{font-weight:700;font-size:clamp(44px,7.4vw,128px);line-height:.94;letter-spacing:-.06em;color:var(--cream);text-wrap:balance;transform:translateY(calc((.5 - var(--t))*60px)) scale(calc(1.06 - var(--t)*.08))}
.pf .pb{margin-top:clamp(20px,3vh,36px);font-weight:700;font-size:clamp(22px,2.6vw,40px);letter-spacing:-.035em;color:color-mix(in oklab,var(--cream) 50%,transparent);opacity:clamp(0,calc((var(--t) - .3)*5),1);transform:translateY(calc((1 - clamp(0,calc((var(--t) - .3)*5),1))*20px))}
.pf .hl,.pf .pb.hl{color:var(--accent-glow);text-shadow:0 0 50px color-mix(in oklab,var(--accent-glow) 50%,transparent)}
.f1 .pa{color:color-mix(in oklab,var(--cream) calc(100% - var(--t)*40%),transparent)}
.pt{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--x)*(1 + var(--t)*.25)),calc(-50% + var(--y)*(1 + var(--t)*.25)));font-family:var(--font-mono);font-size:clamp(11px,.95vw,14px);letter-spacing:.1em;text-transform:uppercase;padding:.6em 1.1em;border-radius:100px;border:1px solid color-mix(in oklab,var(--cream) 22%,transparent);color:color-mix(in oklab,var(--cream) 65%,transparent);white-space:nowrap;opacity:calc(1 - clamp(0,(var(--t) - .35 - var(--k)*.03)*4,1)*.85);text-decoration:line-through;text-decoration-color:color-mix(in oklab,var(--accent-glow) calc(clamp(0,(var(--t) - .3)*4,1)*100%),transparent);filter:blur(calc(clamp(0,(var(--t) - .45)*4,1)*3px))}
.f3 .pk{font-family:var(--font-mono);font-size:clamp(11px,1vw,14px);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 55%,transparent);margin-bottom:clamp(24px,4vh,48px)}
.f3 .say,.f3 .move{font-weight:700;font-size:clamp(38px,6vw,104px);line-height:.95;letter-spacing:-.055em}
.f3 .say{align-self:flex-start;color:color-mix(in oklab,var(--cream) 55%,transparent);transform:translateX(calc((.5 - var(--t))*-8vw))}
.f3 .move{align-self:flex-end;color:var(--accent-glow);text-shadow:0 0 50px color-mix(in oklab,var(--accent-glow) 45%,transparent);transform:translateX(calc((.5 - var(--t))*8vw))}
.f3 .gap{display:block;width:1px;height:clamp(40px,calc(var(--t)*22vh),22vh);margin:clamp(14px,2vh,24px) 0;background:linear-gradient(var(--cream),var(--accent-glow));box-shadow:0 0 14px var(--accent-glow)}
.f4 .pa{max-width:14ch}
.pbar{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);width:120px;height:2px;border-radius:2px;background:color-mix(in oklab,var(--cream) 14%,transparent);overflow:hidden}
.pbar i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p));background:var(--accent-glow)}
.gdef{margin:clamp(48px,7vh,80px) auto 0;max-width:46ch;font-size:clamp(18px,1.5vw,23px);line-height:1.5;color:color-mix(in oklab,var(--cream) 78%,transparent);text-wrap:pretty}
@media (max-width:960px){
  .x-pro{height:auto}.x-pro .pin{position:static;height:auto;padding:80px 0;display:flex;flex-direction:column;gap:100px}
  .pf{position:relative;inset:auto;opacity:1!important;--t:.5!important}.pf .pb{opacity:1;transform:none}
  .f2{min-height:70vh}.pt{font-size:10px}.pbar{display:none}
  .f3 .say,.f3 .move{align-self:center;transform:none}
}

/* não-dito */
.x-nd{background:var(--wine-deep);color:var(--cream);overflow:hidden}
.x-nd::before{content:"";position:absolute;right:-10%;top:10%;width:60vw;aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 30%,transparent),transparent);pointer-events:none}
.x-nd .x-wrap{position:relative}
.nd-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(28px,5vw,80px);align-items:end}
.nd-h{margin:0;font-weight:700;font-size:clamp(56px,9vw,150px);line-height:.88;letter-spacing:-.065em}
.x-nd .hl{color:var(--accent-glow);text-shadow:0 0 50px color-mix(in oklab,var(--accent-glow) 45%,transparent)}
.nd-p{margin:0;font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:color-mix(in oklab,var(--cream) 78%,transparent);text-wrap:pretty}
.nd-card{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:28px;overflow:hidden;border:1px solid color-mix(in oklab,var(--cream) 12%,transparent);background:color-mix(in oklab,var(--cream) 4%,transparent);box-shadow:0 60px 140px -50px #000}
.nd-col{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;gap:18px}
.nd-col.u{background:linear-gradient(160deg,color-mix(in oklab,var(--accent) 22%,var(--wine)),var(--wine));border-left:1px solid color-mix(in oklab,var(--cream) 10%,transparent)}
.nd-hd{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px solid color-mix(in oklab,var(--cream) 10%,transparent);font-weight:700;font-size:15px}
.nd-hd .mono{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 50%,transparent)}
.nd-hd .hl{text-shadow:none}
.nd-ln{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:baseline}
.nd-ln b{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-glow)}
.nd-ln.m b{color:color-mix(in oklab,var(--cream) 45%,transparent)}
.nd-ln p{margin:0;font-size:clamp(17px,1.4vw,21px);line-height:1.45;color:var(--cream)}
.nd-ln.m p{color:color-mix(in oklab,var(--cream) 60%,transparent)}
.nd-ln mark{color:inherit;padding:.05em .2em;border-radius:6px;background:linear-gradient(color-mix(in oklab,var(--accent) 55%,transparent),color-mix(in oklab,var(--accent) 55%,transparent)) no-repeat 0 0/0% 100%;transition:background-size 1s var(--x-ease)}
.nd-ln mark.on{background-size:100% 100%}
.nd-ln mark::after{content:attr(data-i);display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;border-radius:50%;font-family:var(--font-mono);font-size:10px;vertical-align:2px;background:var(--accent-glow);color:var(--wine-deep);opacity:0;transform:scale(.4);transition:opacity .5s .5s,transform .5s .5s var(--x-ease)}
.nd-ln mark.on::after{opacity:1;transform:none}
.nd-tag{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:color-mix(in oklab,var(--wine-deep) 55%,transparent);border:1px solid color-mix(in oklab,var(--accent-glow) 25%,transparent);opacity:0;transform:translateX(20px);transition:opacity .8s .3s var(--x-ease),transform .8s .3s var(--x-ease)}
.nd-tag.on{opacity:1;transform:none}
.nd-tag .k{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;background:var(--accent-glow);color:var(--wine-deep);box-shadow:0 0 18px color-mix(in oklab,var(--accent-glow) 60%,transparent)}
.nd-tag b{display:block;font-size:clamp(18px,1.5vw,22px);letter-spacing:-.02em;line-height:1.15}
.nd-tag small{display:block;margin-top:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:color-mix(in oklab,var(--cream) 60%,transparent)}
.nd-close{margin:clamp(64px,8vw,120px) auto 0;text-align:center;font-weight:700;font-size:clamp(34px,4.6vw,76px);line-height:1;letter-spacing:-.05em;max-width:16ch;text-wrap:balance}
/* distância auto */
.x-gap.auto{height:auto;background:var(--wine-deep);color:var(--cream)}
.x-gap.auto .pin{position:relative;height:auto;min-height:0;padding:clamp(96px,12vw,160px) 0}
@media (max-width:960px){.nd-top,.nd-card{grid-template-columns:minmax(0,1fr)}.nd-col.u{border-left:0;border-top:1px solid color-mix(in oklab,var(--cream) 10%,transparent)}.nd-ln{grid-template-columns:minmax(0,1fr);gap:4px}}

/* v4 corrections */
.nd-seg{position:relative;margin-top:clamp(56px,7vw,96px);padding:clamp(28px,4vw,48px) 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;border-top:1px solid color-mix(in oklab,var(--cream) 10%,transparent);border-bottom:1px solid color-mix(in oklab,var(--cream) 10%,transparent)}
.nd-seg span{font-family:var(--font-mono);font-size:clamp(12px,1.05vw,15px);letter-spacing:.12em;text-transform:uppercase;padding:.8em 1.4em;border-radius:100px;border:1px solid color-mix(in oklab,var(--cream) 24%,transparent);color:color-mix(in oklab,var(--cream) 75%,transparent);position:relative;transition:opacity 1s var(--x-ease),filter 1s var(--x-ease),transform 1s var(--x-ease)}
.nd-seg span::after{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow);transform:scaleX(0);transform-origin:0 50%;transition:transform .7s var(--x-ease)}
.nd-seg.go span::after{transform:scaleX(1)}
.nd-seg.go span{opacity:.28;filter:blur(1px);transform:scale(.96)}
.nd-seg span:nth-child(1),.nd-seg span:nth-child(1)::after{transition-delay:.1s}.nd-seg span:nth-child(2),.nd-seg span:nth-child(2)::after{transition-delay:.35s}.nd-seg span:nth-child(3),.nd-seg span:nth-child(3)::after{transition-delay:.6s}.nd-seg span:nth-child(4),.nd-seg span:nth-child(4)::after{transition-delay:.85s}.nd-seg span:nth-child(5),.nd-seg span:nth-child(5)::after{transition-delay:1.1s}.nd-seg span:nth-child(6),.nd-seg span:nth-child(6)::after{transition-delay:1.35s}
.nd-one{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);font-style:normal;font-weight:700;font-size:clamp(28px,3.6vw,56px);letter-spacing:-.045em;white-space:nowrap;color:var(--accent-glow);text-shadow:0 0 40px color-mix(in oklab,var(--accent-glow) 55%,transparent),0 0 2px var(--wine-deep);opacity:0;transition:opacity 1.2s 1.9s var(--x-ease),transform 1.2s 1.9s var(--x-ease);pointer-events:none}
.nd-seg.go .nd-one{opacity:1;transform:translate(-50%,-50%)}
.x-expand.st{height:auto}
.x-expand.st .pin{position:relative;height:clamp(520px,86vh,860px)}
.x-expand.st .media{clip-path:inset(0 clamp(20px,4vw,48px) round 32px)}
.x-expand.st .txt{--o:1}
.x-steps{grid-template-columns:minmax(0,1fr)}
.x-steps .step{min-height:0;opacity:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(32px,5vw,80px);row-gap:16px;align-content:center;padding:clamp(48px,6vw,88px) 0;border-top:1px solid var(--x-hair)}
.x-steps .step>*:not(.ui){grid-column:1;align-self:end}
.x-steps .step>.dl{align-self:start}
.x-steps .step>.ui{grid-column:2;grid-row:1/span 4;margin:0;min-height:340px}
.x-steps .step:nth-child(even)>*:not(.ui){grid-column:2}
.x-steps .step:nth-child(even)>.ui{grid-column:1}
.x-steps .step .num b{background:var(--accent);color:var(--cream)}
@media (max-width:960px){.nd-one{white-space:normal;text-align:center;width:90%}.x-steps .step{grid-template-columns:minmax(0,1fr)}.x-steps .step>*,.x-steps .step:nth-child(even)>*{grid-column:1!important;grid-row:auto!important}.x-steps .step>.ui{min-height:0}}

/* editorial */
.ed{position:relative;padding:clamp(96px,12vw,170px) 0;overflow:hidden}
.ed-a{background:var(--x-cream);color:var(--x-ink)}
.ed-b{background:var(--wine-deep);color:var(--cream)}
.ed-rule{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid currentColor;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.ed-h{margin:clamp(28px,4vw,56px) 0 0;font-weight:700;font-size:clamp(60px,11.5vw,200px);line-height:.86;letter-spacing:-.07em}
.ed-h .ln{display:block;overflow:hidden;padding-bottom:.06em}
.ed-h .ln>span{display:inline-block;transform:translateY(105%);transition:transform 1.2s var(--x-ease)}
.ed-h .ln+.ln>span{transition-delay:.15s}
.ed-h.in .ln>span{transform:none}
.ed-a .ed-h .a{color:var(--accent)}
.ed-b .ed-h .a{color:var(--accent-glow);text-shadow:0 0 60px color-mix(in oklab,var(--accent-glow) 45%,transparent)}
.ed-a .ed-h .ln.a{padding-left:clamp(0px,12vw,220px)}
.ed-tick{margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--x-hair);border-bottom:1px solid var(--x-hair);overflow:hidden;padding:16px 0}
.ed-tick>div{display:flex;width:max-content;animation:xmq 40s linear infinite}
.ed-tick span{font-family:var(--font-mono);font-size:clamp(13px,1.1vw,16px);letter-spacing:.12em;text-transform:uppercase;padding:0 22px;color:color-mix(in oklab,var(--x-ink) 45%,var(--x-cream));display:flex;align-items:center;gap:22px}
.ed-tick span::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
.ed-a-body{margin-top:clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,96px);align-items:end}
.ed-pull{margin:0;font-weight:700;font-size:clamp(30px,3.4vw,54px);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
.ed-txt{margin:0;font-size:clamp(18px,1.55vw,23px);line-height:1.5;text-wrap:pretty}
.ed-a .ed-txt{color:var(--x-mute)}
.ed-b .ed-txt{color:color-mix(in oklab,var(--cream) 78%,transparent)}
.ed-b .ed-txt .hl{color:var(--cream);font-weight:700}
.ed-b-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(28px,4vw,72px);align-items:end}
.ed-h.b{font-size:clamp(56px,9.5vw,170px)}
.ed-col{display:flex;flex-direction:column;gap:28px;padding-bottom:.6em}
.ed-b .nd-seg{margin:0;padding:0;border:0;justify-content:flex-start;gap:8px}
.ed-b .nd-seg span{font-size:11px;padding:.7em 1.1em}
.ed-coll{margin-top:clamp(56px,7vw,100px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}
.ed-coll figure{margin:0;position:relative;overflow:hidden;background:color-mix(in oklab,var(--cream) 6%,transparent);will-change:transform}
.ed-coll image-slot{display:block;width:100%;height:100%}
.ed-coll .p1{grid-column:1/span 4;aspect-ratio:4/5}
.ed-coll .p2{grid-column:5/span 3;aspect-ratio:3/4;margin-top:120px}
.ed-coll .p3{grid-column:8/span 2;aspect-ratio:2/3;margin-top:40px}
.ed-coll .p4{grid-column:10/span 3;aspect-ratio:4/5;margin-top:180px}
@media (max-width:960px){
  .ed-a-body,.ed-b-grid{grid-template-columns:minmax(0,1fr)}
  .ed-a .ed-h .ln.a{padding-left:0}
  .ed-coll{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ed-coll figure{grid-column:auto!important;margin-top:0!important;transform:none!important}
  .ed-coll .p2,.ed-coll .p4{margin-top:40px!important}
}
@media (prefers-reduced-motion:reduce){.ed-h .ln>span{transform:none}.ed-tick>div{animation:none}}

.ed-b .ed-h .a{text-shadow:none}
.ed-b .ed-h{filter:drop-shadow(0 0 40px color-mix(in oklab,var(--accent-glow) 30%,transparent))}
.ed-b .nd-seg.go span{opacity:.55;filter:none;transform:none}

/* vogue-like editorial */
.vg{position:relative;overflow:hidden;background:#F7ECEF;color:var(--x-ink);isolation:isolate}
.vg::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.12 0 0 0 0 0.02 0 0 0 0 0.08 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.32;mix-blend-mode:multiply;pointer-events:none;z-index:5}
.vg em{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.vg-blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:-1;pointer-events:none}
.b1{width:46vw;height:46vw;left:-14vw;top:-10vw;background:color-mix(in oklab,var(--accent-glow) 70%,transparent)}
.b2{width:34vw;height:34vw;right:-8vw;bottom:-6vw;background:color-mix(in oklab,var(--accent) 60%,transparent)}
.b3{width:22vw;height:22vw;right:20vw;top:4vw;background:#FFD9B8}
.b4{width:50vw;height:50vw;left:-10vw;bottom:-20vw;background:color-mix(in oklab,var(--accent-glow) 65%,transparent)}
.b5{width:30vw;height:30vw;right:-6vw;top:-8vw;background:#FFD9B8}
.b6{width:40vw;height:40vw;left:-12vw;top:10%;background:color-mix(in oklab,var(--accent-glow) 75%,transparent)}
.b7{width:36vw;height:36vw;right:-10vw;bottom:-6vw;background:#FFC9A8}
.b8{width:40vw;height:40vw;right:-10vw;top:-10vw;background:#FFC9A8}
.b9{width:44vw;height:44vw;left:-14vw;bottom:-18vw;background:color-mix(in oklab,var(--accent-glow) 70%,transparent)}
.vg-a{min-height:120vh;display:grid;place-items:center;padding:clamp(120px,14vw,200px) 0}
.vg-c{position:relative;z-index:3;text-align:center}
.vg-h{margin:0;font-size:clamp(56px,10vw,176px)}
.vg-h .ln.a,.vg-h2 .ln.a{color:var(--accent)}
.vg-pull{margin:clamp(40px,5vw,72px) auto 0;max-width:22ch;font-weight:700;font-size:clamp(28px,3.2vw,50px);line-height:1.05;letter-spacing:-.04em;text-wrap:balance}
.vg-pull em{color:var(--wine-mid);font-size:1.08em}
.vg-txt{margin:24px auto 0;max-width:40ch;font-size:clamp(18px,1.5vw,22px);line-height:1.5;color:color-mix(in oklab,var(--x-ink) 72%,transparent)}
.stk{position:absolute;z-index:2;display:grid;place-items:center;border-radius:10px;box-shadow:0 30px 60px -30px rgba(31,5,21,.5);will-change:transform}
.stk span{font-weight:700;letter-spacing:-.04em;line-height:.9}
.s1{left:6%;top:12%;width:clamp(150px,15vw,240px);aspect-ratio:3/4;background:var(--accent-glow);rotate:-14deg}.s1 span{font-size:clamp(48px,5.4vw,90px);color:var(--wine-deep);rotate:-60deg}
.s2{right:7%;top:9%;width:clamp(170px,17vw,270px);aspect-ratio:4/3;background:var(--wine);rotate:8deg}.s2 span{font-size:clamp(40px,4.4vw,74px);color:var(--accent-glow)}
.s3{left:10%;bottom:10%;width:clamp(150px,14vw,220px);aspect-ratio:1;background:var(--x-cream2);rotate:10deg}.s3 span{font-size:clamp(36px,3.6vw,60px);color:var(--accent)}
.s4{right:5%;bottom:14%;width:clamp(150px,13vw,210px);aspect-ratio:3/4;background:var(--accent);rotate:-9deg}.s4 span{font-size:clamp(24px,2.4vw,40px);color:var(--cream);rotate:90deg}
.s5{left:42%;top:5%;width:clamp(90px,8vw,130px);aspect-ratio:1;border-radius:50%;background:var(--wine-deep);rotate:-6deg}.s5 span{font-size:clamp(26px,2.4vw,40px);color:var(--cream)}
.scrib{position:absolute;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;z-index:4;pointer-events:none}
.sc1{width:clamp(120px,14vw,220px);right:24%;bottom:18%;rotate:20deg;opacity:.8}
.sc2{width:clamp(140px,16vw,260px);left:-4%;top:30%;rotate:-30deg;stroke:var(--wine-mid)}
.vg-b{padding:clamp(80px,10vw,140px) 0 0}
.vg-b-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center;min-height:100vh}
.cut-coll{position:relative;height:clamp(560px,90vh,900px)}
.cut{position:absolute;margin:0;will-change:transform}
.cut image-slot{position:relative;display:block;width:100%;height:100%;z-index:1}
.cut .halo{position:absolute;inset:6% -8% -4% -8%;background:var(--accent-glow);border-radius:46% 54% 40% 60%/55% 45% 55% 45%;filter:blur(1.5px);z-index:0;box-shadow:0 0 60px 20px color-mix(in oklab,var(--accent-glow) 50%,transparent)}
.c1{left:22%;top:0;width:50%;height:70%}
.c2{left:0;bottom:0;width:40%;height:55%}.c2 .halo{background:var(--wine-mid);box-shadow:0 0 50px 14px color-mix(in oklab,var(--wine-mid) 50%,transparent)}
.c3{right:0;bottom:4%;width:38%;height:48%}.c3 .halo{background:#FFC9A8;box-shadow:0 0 50px 14px #FFC9A880}
.vg-h2{margin:0;font-size:clamp(52px,7.6vw,132px)}
.vg-h2 em{font-size:1.1em}
.vg-f{padding:0;min-height:100vh}
.fnl{position:relative;margin:0 auto;width:min(1500px,96vw);clip-path:polygon(0 0,100% 0,62% 100%,38% 100%);background:var(--wine-deep);color:var(--cream);padding:clamp(70px,9vw,130px) 0 clamp(110px,14vw,200px)}
.fnl-w{display:flex;flex-direction:column;align-items:center}
.fw{margin:0;display:flex;align-items:flex-start;gap:14px;font-weight:700;font-size:clamp(54px,9.4vw,170px);line-height:.92;letter-spacing:-.06em;position:relative}
.fw.i{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.02em}
.fw small{font-family:var(--font-sans);font-style:normal;font-weight:400;font-size:clamp(12px,1vw,16px);letter-spacing:0;margin-top:1.2em;color:color-mix(in oklab,var(--cream) 70%,transparent)}
.fw span{position:relative}
.fw span::after{content:"";position:absolute;left:-2%;right:-2%;top:52%;height:clamp(3px,.4vw,6px);border-radius:4px;background:var(--accent-glow);box-shadow:0 0 18px var(--accent-glow);transform:scaleX(0);transform-origin:0 50%;transition:transform 1s .5s var(--x-ease)}
.fw.in span::after{transform:scaleX(1)}
.fnl-t{margin:clamp(28px,4vw,48px) 0 0;max-width:20ch;text-align:center;font-size:clamp(20px,1.8vw,28px);line-height:1.3;color:color-mix(in oklab,var(--cream) 85%,transparent)}
.fnl-t em{color:var(--accent-glow);font-size:1.15em}
.vg-q{min-height:90vh;display:grid;place-items:center;padding:clamp(140px,16vw,220px) 0}
.vg-q .tri{position:absolute;left:50%;top:0;width:clamp(140px,14vw,240px);aspect-ratio:1.1;transform:translateX(-50%);background:var(--wine-deep);clip-path:polygon(0 0,100% 0,50% 100%)}
.vg-quote{margin:0 auto;max-width:24ch;text-align:center;font-weight:700;font-size:clamp(32px,4.2vw,68px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.vg-quote em{display:block;margin-top:.3em;font-size:1.06em;line-height:1.05;color:var(--accent)}
@media (max-width:960px){
  .stk{transform:none!important}.s1{left:-6%;top:4%}.s2{right:-8%;top:3%}.s3{left:-6%;bottom:3%}.s4{right:-6%;bottom:5%}.s5{display:none}
  .vg-b-grid{grid-template-columns:minmax(0,1fr);min-height:0}.cut-coll{height:120vw;order:2}.cut{transform:none!important}
  .fnl{clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}.fw{font-size:clamp(40px,11vw,80px)}
}

.hs{position:relative;margin-top:clamp(-72px,-5vw,-32px);padding:0 0 clamp(96px,11vw,160px)}
.hs-lead{margin:0 auto clamp(48px,6vw,80px);max-width:28ch;text-align:center;font-weight:700;font-size:clamp(28px,3.4vw,52px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.hs-lead em{font-style:normal;color:var(--accent-glow);text-shadow:0 0 30px color-mix(in oklab,var(--accent-glow) 40%,transparent)}
.hs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.hs-c{position:relative;display:flex;flex-direction:column;gap:18px;padding:clamp(28px,3vw,44px);min-height:clamp(300px,26vw,380px);border-radius:28px;background:linear-gradient(160deg,color-mix(in oklab,var(--wine) 80%,transparent),color-mix(in oklab,var(--wine-deep) 92%,transparent));border:1px solid color-mix(in oklab,var(--cream) 10%,transparent);overflow:hidden;isolation:isolate;transition:transform .6s var(--x-ease),border-color .6s}
.hs-c::before{content:"";position:absolute;width:70%;aspect-ratio:1;right:-20%;top:-30%;border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--accent-glow) 45%,transparent),transparent 65%);z-index:-1;transition:transform .8s var(--x-ease)}
.hs-c:hover{transform:translateY(-6px);border-color:color-mix(in oklab,var(--accent-glow) 40%,transparent)}
.hs-c:hover::before{transform:scale(1.25)}
.hs-m{background:linear-gradient(160deg,var(--accent),var(--wine-mid))}
.hs-m::before{background:radial-gradient(circle,color-mix(in oklab,var(--cream) 35%,transparent),transparent 65%)}
.hs-k{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 65%,transparent)}
.hs-big{margin:auto 0 0;display:flex;flex-direction:column;gap:8px;color:var(--cream)}
.hs-big b{font-weight:700;font-size:clamp(72px,7.4vw,128px);line-height:.85;letter-spacing:-.06em;color:var(--accent-glow);text-shadow:0 0 40px color-mix(in oklab,var(--accent-glow) 35%,transparent)}
.hs-m .hs-big b{color:var(--cream);text-shadow:none}
.hs-big b.w{font-size:clamp(40px,3.8vw,64px);line-height:.95;letter-spacing:-.045em}
.hs-big span{font-weight:700;font-size:clamp(20px,1.6vw,26px);line-height:1.1;letter-spacing:-.03em}
.hs-c small{font-size:15px;line-height:1.45;color:color-mix(in oklab,var(--cream) 78%,transparent);max-width:34ch}
@media (max-width:960px){.hs-grid{grid-template-columns:minmax(0,1fr)}.hs-c{min-height:240px}}

header#top{padding-bottom:clamp(48px,6vw,96px)}

.x-hl{display:block;margin-top:.5em;font-weight:700;color:var(--accent-glow);text-shadow:0 0 28px color-mix(in oklab,var(--accent-glow) 40%,transparent)}

/* floating windows hero */
.fws-wrap{position:relative;width:100%;margin-top:clamp(48px,6vw,88px)}
.fws{position:absolute;left:0;top:0;width:1320px;height:820px;transform-origin:0 0;font-family:var(--font-sans);color:#3a0f26}
.fws.m{width:680px;height:1180px}
.fwin{position:absolute;background:#FFF9FA;border-radius:16px;overflow:hidden;box-shadow:0 50px 100px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,123,168,.18),0 0 80px -30px rgba(255,123,168,.45);opacity:0;translate:0 calc(var(--py,0px) + 40px);transition:opacity 1s var(--x-ease),translate 1.2s var(--x-ease);animation:fwf var(--fd,9s) ease-in-out infinite alternate}
.in .fwin,.rv.in .fwin{opacity:1;translate:0 var(--py,0px)}
@keyframes fwf{to{transform:translateY(-10px)}}
.fw-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#F6E6EC;border-bottom:1px solid #EFD6DF}
.fw-bar i{width:9px;height:9px;border-radius:50%;background:#E3BFCC}
.fw-bar span{margin-left:10px;font-family:var(--font-mono);font-size:10.5px;color:#a77890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fw-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px}
.fk{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b1d42}
.fk.p{color:#b03a6b;font-family:var(--font-mono);letter-spacing:.18em}
.fl{margin-top:6px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#b897a7}
.fl.p{color:#C8557F}
.fwin h5{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em;color:#350924}
.fwin p{margin:0;font-size:13px;line-height:1.5;color:#6d4a5b}
.hy{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hy li{display:flex;gap:10px;font-size:12.5px;line-height:1.4;color:#4a2235}.hy b{flex:none;width:26px;height:20px;border-radius:6px;display:grid;place-items:center;font-size:10.5px;background:#FBE3EC;color:#b03a6b}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tags span{font-size:11px;padding:5px 10px;border-radius:99px;background:#F6E6EC;color:#6b1d42}
.rt{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column}
.rt li{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #F1DEE5;font-size:13px;color:#4a2235}
.rt em{font-style:normal;font-family:var(--font-mono);font-size:11px;color:#b897a7}.rt small{font-size:10.5px;font-weight:700;color:#C8557F;background:#FBE3EC;padding:3px 8px;border-radius:99px}
.fw-v{position:relative;aspect-ratio:16/10;background:#1f0515}
.fw-v video{width:100%;height:100%;object-fit:cover;display:block}
.fw-vo{position:absolute;inset:12px 14px auto;display:flex;justify-content:space-between;font-size:11px;color:#fff;font-family:var(--font-mono)}
.fw-vo .rec{display:flex;align-items:center;gap:7px}.fw-vo .rec::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF7BA8;box-shadow:0 0 10px #FF7BA8;animation:recb 1.4s infinite}
@keyframes recb{50%{opacity:.3}}
.fw-cap{position:absolute;left:14px;right:14px;bottom:14px;font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.pp-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pp-h small{display:block;margin-top:4px;font-size:11.5px;font-style:italic;color:#9c7a8a}
.pp-btn{flex:none;font-size:11.5px;color:#fff;background:linear-gradient(135deg,#551027,#a8325f);padding:8px 12px;border-radius:9px}
.pp-pr{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;font-weight:700;color:#350924}
.pp-bar{height:5px;border-radius:9px;background:#F1DEE5;overflow:hidden}.pp-bar i{display:block;height:100%;width:0;background:#B0305F;border-radius:9px;transition:width 2.4s .8s var(--x-ease)}
.in .pp-bar i{width:100%}
.pp-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:4px}
.pp-g span{display:flex;align-items:center;gap:6px;font-size:11px;padding:8px 9px;border-radius:8px;background:#EEF8F3;border:1px solid #CFEBDD;color:#2b5a45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-g span::before{content:"✓";font-weight:700;color:#2f7a57}
.pp-g .sup{background:#FBE3EC;border-color:#F3C3D5;color:#8c2350}.pp-g .sup::before{content:"✦";color:#C8557F}
.w-si{background:linear-gradient(160deg,#FCE3EC,#F6C9D9)}
.w-si .fw-bar{background:#F7D3E0;border-color:#F0BFD1}
.w-si h4{margin:4px 0 0;font-size:26px;line-height:1.12;font-weight:700;letter-spacing:-.03em;color:#350924;text-wrap:balance}
.si-m{margin-top:6px;font-family:var(--font-mono);font-size:11px;color:#9c5776}
.cr-t{display:flex;gap:8px;align-items:center}.cr-n{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border-radius:7px;border:1px solid #EFD6DF;color:#6b1d42}
.cr-p{font-size:11px;padding:5px 10px;border-radius:99px;background:#FBE3EC;border:1px solid #F3C3D5;color:#b03a6b}
.cr-h{margin-top:4px!important;font-size:15.5px!important;line-height:1.3!important;font-weight:700;color:#350924!important}
.cf{display:flex;align-items:center;gap:5px}.cf i{width:24px;height:6px;border-radius:9px;background:#2f7a57}.cf b{margin-left:8px;font-size:13px;color:#2f7a57}
.cr-r{color:#4a2235!important}
.w-kia{background:#2a0a1d;color:#FFF4F0;box-shadow:0 50px 100px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,123,168,.35),0 0 90px -20px rgba(255,123,168,.55)}
.w-kia .fw-bar{background:#350924;border-color:#4a1531}.w-kia .fw-bar i{background:#5c2342}.w-kia .fw-bar span{color:#c78aa6}
.kia-h2{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}.kia-h2 small{display:block;font-weight:400;font-size:11px;color:#c78aa6}
.kia-h2 .av{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFC2D7,#FF7BA8 45%,#CD648B);box-shadow:0 0 18px #FF7BA8}
.km{font-size:13px;line-height:1.45;padding:10px 12px;border-radius:12px;max-width:88%}
.km.u{align-self:flex-end;background:#551027;border-bottom-right-radius:4px}
.km.a{background:#3d1029;border:1px solid rgba(255,123,168,.25);border-bottom-left-radius:4px}
.ktyp{display:flex;gap:4px;padding:6px 2px}.ktyp i{width:6px;height:6px;border-radius:50%;background:#FF7BA8;animation:recb 1.2s infinite}.ktyp i:nth-child(2){animation-delay:.2s}.ktyp i:nth-child(3){animation-delay:.4s}
/* desktop positions (1320x820) */
.w-plan{left:0;top:40px;width:380px;--fd:10s;transition-delay:.1s}
.w-rot{left:70px;top:520px;width:360px;--fd:8s;transition-delay:.5s}
.w-vid{left:410px;top:0;width:500px;--fd:11s;transition-delay:.2s}
.w-si{left:450px;top:350px;width:430px;--fd:9s;transition-delay:.35s;z-index:3}
.w-pipe{left:930px;top:60px;width:390px;--fd:12s;transition-delay:.3s}
.w-cross{left:420px;top:560px;width:470px;--fd:10s;transition-delay:.6s;z-index:2}
.w-kia{left:940px;top:470px;width:340px;--fd:9s;transition-delay:.45s;z-index:4}
/* mobile positions (680x1180) */
.fws.m .w-vid{left:0;top:0;width:430px}
.fws.m .w-kia{left:370px;top:200px;width:310px}
.fws.m .w-si{left:30px;top:330px;width:400px}
.fws.m .w-pipe{left:290px;top:560px;width:390px}
.fws.m .w-plan{left:0;top:690px;width:340px}
.fws.m .w-cross{left:250px;top:880px;width:430px}
.fws.m .w-rot{display:none}
@media (prefers-reduced-motion:reduce){.fwin{animation:none}}

.fws{text-align:left}.pp-g{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-g span{white-space:normal}

.vg-pull{max-width:none}

.vg-a{min-height:0;padding:clamp(110px,12vw,170px) 0 0}
.vg-b{padding:clamp(8px,2vw,24px) 0 clamp(60px,8vw,110px);margin-top:-1px}
.vg-b::before{content:"";position:absolute;inset:0 0 auto;height:30%;background:linear-gradient(#F7ECEF,transparent);z-index:-1}
.vg-b-grid{min-height:0}
.cut-coll{height:clamp(480px,70vh,760px)}
.vg-a .b2{bottom:-20vw}

.vg-b::before{display:none}
div.vg-b{position:relative}

#unico{width:100%;justify-self:stretch}

.cut .cut-img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 30px 40px rgba(31,5,21,.25))}

.c3 .cut-img{transform:scale(1.6);transform-origin:50% 100%}


.vg-sub{margin:clamp(20px,2.4vw,32px) 0 0;max-width:24ch;font-size:clamp(20px,1.8vw,28px);line-height:1.3;color:color-mix(in oklab,var(--x-ink) 85%,transparent)}
.vg-sub em{color:var(--accent);font-size:1.15em}

div.vg-q{position:relative;width:100%;justify-self:stretch;min-height:70vh;padding:clamp(60px,8vw,120px) 0 clamp(120px,14vw,200px)}

div.vg-q{min-height:0;padding-top:clamp(0px,2vw,32px)}
.stm-a{margin:0;font-weight:700;font-size:clamp(34px,4.6vw,76px);line-height:1.02;letter-spacing:-.045em;text-wrap:balance;color:var(--x-ink)}
.stm-a em{color:var(--accent);font-size:1.1em}
.esc-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.brain{position:relative;align-self:center}
.brain img{display:block;width:135%;max-width:none;margin-left:-17%;mix-blend-mode:screen;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}
@media (max-width:960px){.brain img{width:120%;margin-left:-10%}}

.x-comp:has(> .rv:only-child){grid-template-columns:minmax(0,1fr);max-width:820px;margin-inline:auto}
.brain-band{position:relative;padding:clamp(60px,8vw,120px) 0 0;overflow:hidden}
.bb-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;max-width:1600px;margin:0 auto;padding:0 clamp(16px,3vw,48px)}
.bb-w{position:relative;z-index:2;font-weight:700;font-size:clamp(48px,8.4vw,150px);letter-spacing:-.06em;line-height:1;color:var(--cream);white-space:nowrap}
.bb-w.l{justify-self:end;margin-right:-.35em}
.bb-w.r{justify-self:start;margin-left:-.25em}
.bb-img{position:relative;z-index:1;width:clamp(320px,46vw,820px)}
.bb-img img{display:block;width:100%;mix-blend-mode:screen;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}
@media (max-width:760px){.bb-in{grid-template-columns:minmax(0,1fr);justify-items:center}.bb-w.l,.bb-w.r{justify-self:center;margin:0;font-size:clamp(44px,13vw,80px)}.bb-w.l{order:1;margin-bottom:-.5em}.bb-img{order:2;width:110vw}.bb-w.r{order:3;margin-top:-.5em}}

.bb-in{display:block;width:min(1500px,100%);aspect-ratio:16/9;max-height:none}
.bb-img{position:absolute;left:50%;top:50%;width:62%;transform:translate(-50%,-50%)}
.bb-w{position:absolute;top:50%;transform:translateY(-50%);font-size:clamp(34px,7.4vw,124px);margin:0!important}
.bb-w.l{right:66%;left:auto;transform:translate(0,-50%)}
.bb-w.r{left:68%;right:auto}
.bb-w.l{right:auto;left:2%}
.bb-w.r{left:auto;right:2%}
@media (max-width:760px){.bb-in{aspect-ratio:auto;display:grid}.bb-img{position:relative;left:auto;top:auto;transform:none;width:110vw}.bb-w{position:relative;top:auto;transform:none!important;left:auto!important;right:auto!important}}

.bb-img,.bb-img.rv,.bb-img.rv.in{transform:none;translate:-50% -50%}
.bb-w,.bb-w.l,.bb-w.r,.bb-w.rv.in{transform:none;translate:0 -50%}
@media (max-width:760px){.bb-img,.bb-img.rv,.bb-img.rv.in,.bb-w,.bb-w.rv.in{translate:none}}

.bb-in{container-type:inline-size}
.bb-img{width:50%;perspective:1400px}
.bb-w{font-size:5.2cqw}
.bb-w.l{left:auto;right:70.5%}
.bb-w.r{right:auto;left:70%}
.bb-img img{animation:bbsway 14s ease-in-out infinite;transform-origin:50% 55%}
@keyframes bbsway{0%,100%{transform:rotateY(-14deg) rotateX(3deg) scale(1)}50%{transform:rotateY(14deg) rotateX(-3deg) scale(1.03)}}
@media (prefers-reduced-motion:reduce){.bb-img img{animation:none}}
@media (max-width:760px){.bb-in{container-type:normal}.bb-w,.bb-w.l,.bb-w.r{font-size:clamp(44px,13vw,80px);left:auto;right:auto}}

.bb-w.l{right:62%}
.bb-w.r{left:62%}
.bb-in{aspect-ratio:16/7.5}
.brain-band{padding-top:clamp(20px,3vw,48px)}
@media (max-width:760px){.bb-in{aspect-ratio:auto}}

.h1m{display:flex;flex-direction:column;align-items:center;gap:.04em;font-family:var(--font-sans);font-weight:700;letter-spacing:-.055em;line-height:1}
.h1l{display:flex;align-items:center;justify-content:center;gap:.22em;white-space:nowrap}
.h1p{position:relative;display:block;flex:none;width:1.6em;height:1.02em;border-radius:.16em;overflow:hidden;box-shadow:0 .2em .5em -.2em rgba(0,0,0,.6),0 0 0 1px color-mix(in oklab,var(--accent-glow) 25%,transparent)}
.h1p image-slot{position:absolute;inset:0;width:100%;height:100%}
.p1{rotate:-6deg;translate:0 -.04em}
.p2{rotate:4deg;translate:0 .04em}
@media (max-width:760px){.h1m{font-size:clamp(34px,10.5vw,64px)}.h1p{width:1.25em;height:.85em}}

@media (max-width:760px){.h1m{font-size:clamp(26px,8.4vw,64px)}.h1p{width:1em;height:.72em}.h1l{gap:.16em}}

.h1p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

.x-cta::after{background:color-mix(in oklab,var(--wine-deep) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 60px -24px color-mix(in oklab,var(--accent-glow) 55%,transparent)}

.bb-img video{display:block;width:100%;mix-blend-mode:screen;-webkit-mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}

.bb-img{width:68%}
@media (max-width:760px){.bb-img{width:140vw}}

.x-hero{padding-top:calc(72px + clamp(28px,4.5vw,64px))}

/* light sections as boxes on wine */
html,body.x{background:var(--wine-deep)}
.vg-a,.x-light{margin:clamp(24px,3vw,48px) clamp(10px,2.4vw,40px);border-radius:clamp(28px,3.6vw,64px);overflow:hidden;isolation:isolate}
.vg-a::after{border-radius:inherit}
@media (max-width:760px){.vg-a,.x-light{margin:16px 8px;border-radius:24px}}

#escuta{background:var(--wine-deep)}

.x-logos{margin-top:clamp(64px,7vw,96px)}
.x-logos small{font-size:13px;color:color-mix(in oklab,var(--cream) 55%,transparent)}

.fws-wrap{-webkit-mask:linear-gradient(#000 62%,transparent 98%);mask:linear-gradient(#000 62%,transparent 98%)}
.fws{height:1000px}.fws.m{height:1300px}

.fws-wrap{-webkit-mask:linear-gradient(#000 84%,transparent 100%);mask:linear-gradient(#000 84%,transparent 100%)}

.fws-note{margin:clamp(-40px,-3vw,-20px) auto 0;position:relative;z-index:2;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:color-mix(in oklab,var(--cream) 42%,transparent)}

.fws-note{display:block;margin:clamp(-90px,-6vw,-40px) auto 0;padding:6px 16px;max-width:60ch;font-family:var(--font-sans);font-size:13px;line-height:1.6;letter-spacing:0;color:color-mix(in oklab,var(--cream) 50%,transparent);text-wrap:balance;overflow:visible;position:relative;z-index:6}

.x-hero > .x-wrap{position:relative;z-index:3}
.fws-note{margin-top:clamp(-56px,-4vw,-24px);padding-bottom:clamp(24px,3vw,40px)}

.fws-note{font-size:14px;color:color-mix(in oklab,var(--cream) 78%,transparent);z-index:10}
.x-hero-fade{pointer-events:none}

.vg-h{font-size:clamp(48px,8.4vw,148px)}

.kia-h2 .av{width:38px;height:38px;background:#FFF4F0;box-shadow:0 0 16px color-mix(in oklab,var(--accent-glow) 55%,transparent);overflow:hidden;display:grid;place-items:center}
.kia-h2 .av img{width:118%;height:118%;object-fit:cover;object-position:50% 30%}

.w-kia{left:920px;top:440px;width:400px}
.w-kia .km{font-size:14px}
.w-kia .kia-h2{font-size:16px}
.w-kia .kia-h2 .av{width:44px;height:44px}
.fws.m .w-kia{left:330px;width:350px}

.w-si h4{font-size:23px}

.w-si h4{font-size:20px;line-height:1.18}

/* interactive windows */
.rv.in .fwin,.in .fwin{translate:var(--mx,0px) calc(var(--py,0px) + var(--my,0px))}
.fwin{cursor:zoom-in;transition:opacity 1s var(--x-ease),translate .7s var(--x-ease),scale .45s var(--x-ease),box-shadow .45s var(--x-ease)}
.fwin:hover,.fwin:focus-visible{scale:1.035;z-index:9!important;box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,123,168,.45),0 0 110px -20px rgba(255,123,168,.6);outline:none}
.fx-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(16px,4vw,56px);pointer-events:none;visibility:hidden}
.fx-modal.on{pointer-events:auto;visibility:visible}
.fx-bd{position:absolute;inset:0;background:color-mix(in oklab,var(--wine-deep) 78%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .4s var(--x-ease)}
.fx-modal.on .fx-bd{opacity:1}
.fx-box{position:relative;width:min(760px,100%);max-height:calc(100vh - 80px);overflow:auto;opacity:0;scale:.92;translate:0 20px;transition:opacity .45s var(--x-ease),scale .55s var(--x-ease),translate .55s var(--x-ease)}
.fx-modal.on .fx-box{opacity:1;scale:1;translate:0 0}
.fx-c .fwin{position:relative!important;left:auto!important;top:auto!important;width:100%!important;opacity:1!important;translate:none!important;scale:1!important;animation:none!important;cursor:default;zoom:1.3;display:block}
.fx-c .fwin:hover{scale:1}
.fx-c .pp-bar i{width:100%}
.fx-c .fw-bar span{font-size:10px}
.fx-x{position:absolute;top:-6px;right:-6px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid color-mix(in oklab,var(--cream) 25%,transparent);background:var(--wine);color:var(--cream);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;translate:0 -110%}
@media (max-width:760px){.fx-c .fwin{zoom:1}.fx-x{translate:0 -110%}}

.fws-note{margin-top:clamp(-150px,-10vw,-60px)}

/* CTA with sk mark */
.x-cta{height:64px;padding:0 8px 0 30px;gap:20px}
.x-cta .ci.sk{position:relative;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 50% 40%,color-mix(in oklab,var(--accent-glow) 22%,var(--wine)),var(--wine-deep) 75%);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent-glow) 40%,transparent),0 0 24px -6px color-mix(in oklab,var(--accent-glow) 70%,transparent);transition:transform .6s var(--x-ease),box-shadow .5s var(--x-ease)}
.x-cta .ci.sk img{width:24px;height:auto;display:block;filter:drop-shadow(0 0 6px color-mix(in oklab,var(--accent-glow) 70%,transparent));transition:transform .6s var(--x-ease),filter .5s}
.x-cta .ci.sk::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid color-mix(in oklab,var(--accent-glow) 55%,transparent);opacity:0;scale:.8;transition:opacity .5s,scale .6s var(--x-ease)}
.x-cta:hover .ci.sk{transform:rotate(-8deg);box-shadow:inset 0 0 0 1px var(--accent-glow),0 0 36px -4px var(--accent-glow)}
.x-cta:hover .ci.sk img{transform:scale(1.18) rotate(8deg);filter:drop-shadow(0 0 10px var(--accent-glow))}
.x-cta:hover .ci.sk::after{opacity:1;scale:1}

.vg-a{margin-top:clamp(0px,1vw,16px);padding-top:clamp(56px,6vw,96px)}

.vg-h2{font-size:clamp(44px,6.2vw,108px)}

.vg-b-txt{position:relative;z-index:4}
.c3 .cut-img{transform:scale(1.35)}

.stm-a{text-wrap:nowrap;max-width:none}
@media (max-width:960px){.stm-a{text-wrap:balance}}

.pm{position:relative;border-radius:22px;background:#2a0718;border:1px solid color-mix(in oklab,var(--cream) 12%,transparent);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.7);font-family:var(--font-sans);color:var(--cream)}
.pm-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid color-mix(in oklab,var(--cream) 10%,transparent)}
.pm-bar i{width:10px;height:10px;border-radius:50%;background:color-mix(in oklab,var(--cream) 25%,transparent)}
.pm-bar span{margin-left:14px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:color-mix(in oklab,var(--cream) 50%,transparent)}
.pm-b{padding:22px clamp(16px,2vw,26px) 26px;display:flex;flex-direction:column;gap:18px}
.pm-logo svg{height:30px;width:auto;color:var(--accent-glow);filter:drop-shadow(0 0 12px color-mix(in oklab,var(--accent-glow) 60%,transparent))}
.pm-card{background:var(--cream);color:var(--wine-deep);border-radius:18px;padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:6px}
.pm-k{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--wine-mid)}.pm-k.p{color:var(--accent)}
.pm-card h5{margin:2px 0 0;font-size:clamp(20px,2vw,28px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.pm-sub{margin:0;font-size:15px;color:var(--wine-mid)}
.pm-meta{margin:8px 0 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:color-mix(in oklab,var(--wine-deep) 60%,transparent)}
.pm-st{padding:3px 10px;border-radius:100px;background:var(--x-cream2);color:var(--wine-mid);font-size:12px;position:relative}
.pm-st::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--accent);vertical-align:1px;animation:pmPulse 1.6s ease-in-out infinite}
@keyframes pmPulse{50%{opacity:.25;transform:scale(.7)}}
.pm-n{margin:0;font-weight:700;font-size:clamp(36px,3.6vw,52px);letter-spacing:-.06em;line-height:1}
.pm-pb{margin-top:10px;height:7px;border-radius:7px;background:color-mix(in oklab,var(--wine-deep) 14%,transparent);overflow:hidden;max-width:260px}
.pm-pb i{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent);transition:width 1.6s cubic-bezier(.2,.7,.2,1)}
.pm.in .pm-pb i{width:80%}
.pm-tabs{position:relative;display:flex;gap:clamp(12px,1.8vw,24px);padding-bottom:12px;border-bottom:1px solid color-mix(in oklab,var(--cream) 12%,transparent);overflow:hidden}
.pm-tabs span{font-size:clamp(13px,1.1vw,15px);color:color-mix(in oklab,var(--cream) 50%,transparent);cursor:pointer;white-space:nowrap;transition:color .3s}
.pm-tabs span.on{color:var(--cream)}
.pm-ul{position:absolute;left:0;bottom:0;height:3px;border-radius:3px;background:var(--accent-glow);box-shadow:0 0 12px var(--accent-glow);transition:transform .5s cubic-bezier(.2,.7,.2,1),width .5s cubic-bezier(.2,.7,.2,1)}
.pm-pan{display:grid;min-height:190px}
.pm-p{grid-area:1/1;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s;pointer-events:none;display:flex;flex-direction:column;gap:10px}
.pm-p.on{opacity:1;transform:none;pointer-events:auto}
.pm-p.si{background:#FADDE5;color:var(--wine-deep);border-radius:16px;padding:18px 20px}
.pm-p h6{margin:0;font-size:clamp(18px,1.7vw,24px);font-weight:700;letter-spacing:-.04em;line-height:1.1}
.pm-t{margin:0;font-size:14px;line-height:1.5;color:color-mix(in oklab,currentColor 82%,transparent)}
.pm-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pm-l li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:color-mix(in oklab,var(--cream) 6%,transparent);font-size:14px}
.pm-l b{font-family:var(--font-mono);font-size:12px;color:var(--accent-glow);min-width:26px}
.pm-l small{margin-left:auto;font-size:12px;color:color-mix(in oklab,var(--cream) 55%,transparent);white-space:nowrap}
.pm-l.sc li.ok small{color:var(--rose-soft)}.pm-l.sc li.now{background:color-mix(in oklab,var(--accent) 22%,transparent)}.pm-l.sc li.now b{animation:pmPulse 1.6s ease-in-out infinite}
.pm-p.on .pm-l li{animation:pmIn .5s both}.pm-p.on .pm-l li:nth-child(2){animation-delay:.08s}.pm-p.on .pm-l li:nth-child(3){animation-delay:.16s}.pm-p.on .pm-l li:nth-child(4){animation-delay:.24s}
@keyframes pmIn{from{opacity:0;transform:translateX(-10px)}}
@media (prefers-reduced-motion:reduce){.pm *{animation:none!important;transition:none!important}}

.brain-band{padding-top:0;margin-top:clamp(-140px,-8vw,-40px)}
.bb-w{font-size:6.6cqw}
@media (max-width:760px){.brain-band{margin-top:-20px}.bb-w,.bb-w.l,.bb-w.r{font-size:clamp(52px,15vw,96px)}}

#kia.x-sec{padding-block:clamp(48px,5vw,80px)}
.k-chat{padding:0;gap:0;border-radius:16px;background:#FFF9FA;border:0;overflow:hidden;box-shadow:0 50px 100px -40px rgba(31,5,21,.45),0 0 0 1px rgba(255,123,168,.18),0 0 80px -30px rgba(255,123,168,.45)}
.kc-b{display:flex;flex-direction:column;gap:14px;padding:18px 20px 22px}
.k-vis::after{content:"";position:absolute;width:min(100%,300px);aspect-ratio:1;border-radius:50%;border:1px solid var(--accent-glow);box-shadow:0 0 14px color-mix(in oklab,var(--accent-glow) 70%,transparent),inset 0 0 14px color-mix(in oklab,var(--accent-glow) 45%,transparent);pointer-events:none}
@media (max-width:960px){.k-vis::after{width:220px}}

.vg-pull-t{margin-top:0;max-width:18ch;font-size:clamp(38px,5.4vw,90px);line-height:.98;letter-spacing:-.05em}
.vg-pull-t em{display:block;font-size:1.04em;line-height:1}

.bx{position:relative;overflow:hidden}
.bx-ic{width:clamp(64px,6vw,92px);height:auto;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:clamp(8px,1vw,16px);filter:drop-shadow(0 0 10px color-mix(in oklab,var(--accent-glow) 45%,transparent));transition:transform .6s var(--x-ease)}
.bx-ic .f{fill:var(--accent-glow);stroke:none}
.bx:hover .bx-ic{transform:scale(1.08) rotate(-4deg)}
.bx.a .bx-ic{width:clamp(80px,8vw,120px)}

.bx.a{--fc:#FF7BA8}.bx.b{--fc:#F2A65A}.bx.c{--fc:#B98AF0}.bx.d{--fc:#7FD1B9}
.bx-ic{stroke:var(--fc);filter:drop-shadow(0 0 10px color-mix(in oklab,var(--fc) 50%,transparent))}
.bx-ic .f{fill:var(--fc)}
.bx .nm{align-self:flex-start;display:inline-flex;align-items:center;padding:.42em 1em;border-radius:999px;font-size:clamp(22px,2vw,30px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--wine-deep);background:var(--fc);box-shadow:0 0 24px -6px color-mix(in oklab,var(--fc) 70%,transparent)}
.bx:hover{border-color:color-mix(in oklab,var(--fc) 55%,transparent)}

.bb-img{width:58%}
@media (max-width:760px){.bb-img{width:120vw}}

.xc-row{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1vw,14px);max-width:1200px;margin:clamp(-40px,-3vw,-12px) auto 0;padding:0 clamp(16px,3vw,48px)}
.xc{--fc:#FF7BA8;display:inline-flex;align-items:center;padding:.55em 1.1em;border-radius:999px;font-weight:700;font-size:clamp(14px,1.15vw,18px);letter-spacing:-.02em;line-height:1;white-space:nowrap;color:var(--wine-deep);background:var(--fc);box-shadow:0 0 22px -6px color-mix(in oklab,var(--fc) 75%,transparent)}
.xc.b{--fc:#F2A65A}.xc.c{--fc:#B98AF0}.xc.d{--fc:#7FD1B9}
.xc-x{font-size:clamp(18px,1.6vw,26px);line-height:1;color:var(--cream);opacity:.7}
.xc-row.in .xc{animation:xcin .7s var(--x-ease) both}
.xc-row.in .xc:nth-of-type(2){animation-delay:.08s}.xc-row.in .xc:nth-of-type(3){animation-delay:.16s}.xc-row.in .xc:nth-of-type(4){animation-delay:.24s}.xc-row.in .xc:nth-of-type(5){animation-delay:.32s}.xc-row.in .xc:nth-of-type(6){animation-delay:.4s}
@keyframes xcin{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:none}}
@media (max-width:760px){.xc-row{margin-top:12px}}
@media (prefers-reduced-motion:reduce){.xc-row.in .xc{animation:none}}

.xc-row{margin-top:clamp(-90px,-6vw,-24px);gap:clamp(6px,.7vw,10px);max-width:1400px}
.xc{font-size:clamp(13px,1vw,16px);padding:.55em 1em}
.xc-x{font-size:clamp(14px,1.2vw,20px)}
@media (max-width:760px){.xc-row{margin-top:8px}}

.xc-row .xc,.xc-row .xc-x{opacity:0}
.xc-row.in .xc-x{opacity:.7;transition:opacity .6s .45s}
.xc-row.in .xc{opacity:1}
@media (prefers-reduced-motion:reduce){.xc-row .xc,.xc-row .xc-x{opacity:1}}

.pop-row{position:relative;height:auto!important;display:flex;justify-content:center;align-items:flex-end;padding-top:clamp(60px,8vw,120px);min-height:clamp(440px,62vh,680px)}
.pop{--pc:#FF7BA8;position:relative;margin:0;flex:0 0 auto;width:clamp(170px,17vw,270px);aspect-ratio:3/4.3;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .5s;will-change:transform}
.pop.b{--pc:#F2A65A}.pop.c{--pc:#B98AF0}
.pop-bg{position:absolute;inset:0;border-radius:999px 999px 26px 26px;background:radial-gradient(120% 80% at 50% 0%,color-mix(in oklab,var(--pc) 55%,#fff) 0%,var(--pc) 55%,color-mix(in oklab,var(--pc) 70%,var(--wine-deep)) 100%);box-shadow:0 40px 70px -30px rgba(31,5,21,.55),inset 0 0 0 1px rgba(255,255,255,.25)}
.pop-img{position:absolute;left:50%;bottom:0;width:118%;height:128%;transform:translateX(-50%);object-fit:contain;object-position:50% 100%;clip-path:inset(-60% 7.6% 0 7.6% round 0 0 26px 26px);filter:drop-shadow(0 18px 24px rgba(31,5,21,.3))}
.pop figcaption{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%) rotate(-3deg);padding:.5em 1em;border-radius:999px;background:var(--wine-deep);color:var(--cream);font-size:clamp(13px,1vw,15px);letter-spacing:.02em;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(31,5,21,.6)}
.pop figcaption b{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.15em;color:var(--pc)}
.pop.a{z-index:1;transform:translateX(62%) rotate(-2deg) scale(.92)}
.pop.b{z-index:3;transform:translateY(-4%)}
.pop.c{z-index:2;transform:translateX(-62%) rotate(2deg) scale(.92)}
.pop-row.in .pop.a{transform:translateX(12%) translateY(6%) rotate(-7deg)}
.pop-row.in .pop.b{transform:translateY(-10%)}
.pop-row.in .pop.c{transform:translateX(-12%) translateY(10%) rotate(6deg)}
.pop-row.in .pop.b figcaption{transform:translateX(-50%) rotate(2deg)}
.pop-row:hover .pop{filter:saturate(.7) brightness(.92)}
.pop-row .pop:hover{filter:none;z-index:4}
.pop-row.in .pop.a:hover{transform:translateX(12%) translateY(0) rotate(-3deg) scale(1.04)}
.pop-row.in .pop.b:hover{transform:translateY(-15%) scale(1.04)}
.pop-row.in .pop.c:hover{transform:translateX(-12%) translateY(4%) rotate(2deg) scale(1.04)}
@media (max-width:960px){.pop-row{min-height:0;padding-top:70px;padding-bottom:40px}.pop{width:clamp(110px,31vw,200px)}}
@media (prefers-reduced-motion:reduce){.pop{transition:none}}

.pop-img{height:142%;width:118%;clip-path:inset(-80% 7.6% 0 7.6% round 0 0 26px 26px)}
.pop.c .pop-img{width:auto;height:142%;max-width:none;left:50%;object-fit:cover;object-position:62% 100%;aspect-ratio:577/960;clip-path:inset(-80% 6% 0 6% round 0 0 26px 26px)}
.pop-row{padding-top:clamp(110px,12vw,180px)}

.slc-row{--p:0;position:relative;height:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);align-items:end;padding:clamp(60px,7vw,110px) 0 clamp(40px,4vw,60px)}
.slc{--pc:#FF7BA8;position:relative;margin:0;aspect-ratio:3/4.6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.slc.b{--pc:#F2A65A;transform:translateY(-12%)}.slc.c{--pc:#B98AF0;transform:translateY(6%)}
.sl{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--pc) 60%,#fff),var(--pc) 70%);will-change:transform}
.sl:first-child{border-radius:18px 0 0 18px}.sl:nth-child(4){border-radius:0 18px 18px 0}
.sl:nth-child(even){background:linear-gradient(180deg,var(--pc),color-mix(in oklab,var(--pc) 80%,var(--wine-deep)))}
.sl img{position:absolute;top:0;height:100%;width:400%;left:calc(var(--j) * -100%);object-fit:cover;max-width:none}
.sl i{position:absolute;left:50%;top:10px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-style:normal;font-weight:700;font-size:clamp(10px,.8vw,12px);letter-spacing:.14em;text-transform:uppercase;color:var(--wine-deep);opacity:calc(1 - var(--p) * 1.15)}
.slc figcaption{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%) rotate(-3deg) scale(calc(.6 + var(--p) * .4));opacity:var(--p);padding:.5em 1em;border-radius:999px;background:var(--wine-deep);color:var(--cream);white-space:nowrap;font-size:clamp(13px,1vw,15px);box-shadow:0 10px 24px -10px rgba(31,5,21,.6);z-index:2}
.slc figcaption b{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.15em;color:var(--pc)}
.slc{filter:drop-shadow(0 30px 40px rgba(31,5,21,calc(.15 + var(--p) * .25)))}
@media (max-width:960px){.slc-row{padding-top:60px}.sl i{display:none}}

.slc figcaption{display:none}
.slc-row{display:block;height:clamp(520px,58vw,820px)!important;padding:0;margin-top:clamp(20px,3vw,40px)}
.slc{position:absolute;aspect-ratio:3/4.4;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.slc.a{left:0;top:6%;width:52%;transform:rotate(-4deg);z-index:2}
.slc.b{right:2%;top:0;width:38%;transform:rotate(5deg);z-index:1}
.slc.c{right:10%;bottom:0;width:42%;transform:rotate(-2deg);z-index:3}
.slc:hover{transform:rotate(0) scale(1.03);z-index:4}
.sl,.sl:nth-child(even){background-image:radial-gradient(60% 50% at 20% 15%,color-mix(in oklab,var(--pc) 35%,#fff) 0%,transparent 70%),radial-gradient(70% 60% at 85% 80%,color-mix(in oklab,var(--pc) 55%,var(--wine-deep)) 0%,transparent 70%),radial-gradient(50% 40% at 70% 30%,#FFD9B8 0%,transparent 70%),linear-gradient(160deg,var(--pc),color-mix(in oklab,var(--pc) 80%,var(--wine)));background-size:400% 100%;background-position:calc(var(--j) * 33.333%) 0;background-color:var(--pc)}
.sl:first-child{border-radius:22px 0 0 22px}.sl:nth-child(4){border-radius:0 22px 22px 0}
.sl::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 14%);opacity:calc(1 - var(--p));pointer-events:none}
@media (max-width:960px){.slc-row{height:115vw!important}}

.sl img{transition:opacity .35s ease}
.sl img.alt{opacity:0}
.slc:hover .sl img.alt{opacity:1}
.slc:has(img.alt):hover .sl img:not(.alt){opacity:0}

.trail-stage{position:relative;grid-template-columns:minmax(0,1fr)!important;min-height:clamp(560px,92vh,900px)!important;place-items:center;text-align:center;cursor:crosshair}
.trail-stage .vg-b-txt{position:relative;z-index:2;pointer-events:none;max-width:1000px}
.trail-stage .vg-sub{margin-inline:auto}
.trail{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:visible}
.tr-f{--c:#FF7BA8;position:absolute;margin:0;width:clamp(130px,13vw,210px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:radial-gradient(70% 55% at 30% 20%,color-mix(in oklab,var(--c) 40%,#fff),transparent 70%),linear-gradient(165deg,var(--c),color-mix(in oklab,var(--c) 75%,var(--wine)));box-shadow:0 30px 50px -20px rgba(31,5,21,.55);transform:translate(-50%,-50%) rotate(var(--r)) scale(.6);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.2,1.2),opacity .35s ease,filter .8s ease}
.tr-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.tr-f.on{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(1)}
.tr-f.off{opacity:0;filter:blur(8px);transform:translate(-50%,-50%) rotate(var(--r)) scale(.9);transition:opacity .8s ease,filter .8s ease,transform .8s ease}
@media (max-width:760px){.tr-f{width:clamp(96px,28vw,140px)}}
.stm-l,.stm-r{margin:0;display:flex;flex-direction:column;font-weight:400;font-size:clamp(18px,1.6vw,24px);line-height:1.3;letter-spacing:-.01em;color:color-mix(in oklab,var(--x-ink) 75%,transparent)}
.stm-r{align-items:flex-end;text-align:right}
.gw{display:block;font-family:var(--font-sans);font-weight:700;font-style:normal;font-size:clamp(56px,9.6vw,168px);line-height:.92;letter-spacing:-.06em;margin-top:.06em;padding-bottom:.08em;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gwMove 8s ease-in-out infinite alternate}
.g1{background-image:linear-gradient(100deg,#551027 0%,#CD648B 35%,#FF7BA8 55%,#F2A65A 100%)}
.g2{background-image:linear-gradient(100deg,#B98AF0 0%,#FF7BA8 45%,#CD648B 70%,#350924 100%);animation-delay:-4s}
@keyframes gwMove{from{background-position:0 0}to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.gw{animation:none}}
@media (max-width:760px){.gw{font-size:clamp(44px,13vw,80px)}}
.vg-stm .stm-duo{align-self:stretch;width:100%;max-width:1280px}
.vg-q>.x-wrap{width:100%;justify-self:stretch}
.stm-l,.stm-r{font-weight:700;font-size:clamp(17px,1.5vw,22px);letter-spacing:-.02em;color:var(--x-ink)}
.gw{font-size:clamp(40px,6.2vw,104px)}
@media (max-width:760px){.vg-stm .stm-duo{grid-template-columns:minmax(0,1fr)}.gw{font-size:clamp(40px,12vw,72px)}}

.g1{background-image:linear-gradient(100deg,#350924 0%,#8A1E4A 40%,#CD648B 75%,#551027 100%)}
.g2{background-image:linear-gradient(100deg,#551027 0%,#7A3FB0 40%,#CD648B 75%,#350924 100%)}
.stm-l,.stm-r{font-size:clamp(22px,2.3vw,36px);line-height:1.15;letter-spacing:-.03em}
.gw.gw-in{display:inline-block;font-size:1em;line-height:inherit;letter-spacing:inherit;margin-top:0;padding-bottom:.06em}

.vg-pull.vg-pull-t{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.4vw,20px);max-width:none;margin-inline:auto;text-align:center}
.vg-pull-t .pt-a{font-weight:700;font-size:clamp(20px,2.1vw,32px);line-height:1.15;letter-spacing:-.03em;color:color-mix(in oklab,var(--x-ink) 70%,transparent)}
.vg-pull-t .gw.pt-b{display:block;font-size:clamp(44px,7vw,120px);line-height:.95;letter-spacing:-.055em;max-width:12ch;text-wrap:balance;margin:0;padding-bottom:.1em}

.pp-stage{display:flex!important;flex-direction:column;align-items:center;gap:clamp(40px,5vw,72px);min-height:0!important;text-align:center;padding-bottom:clamp(40px,5vw,80px)}
.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,24px);width:100%;max-width:1180px}
.pp{position:relative;margin:0;aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:linear-gradient(170deg,#F3E2E7,#E7CFD7);cursor:pointer;outline:none;isolation:isolate}
.pp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.05);transition:filter .7s ease,transform 1.2s cubic-bezier(.2,.8,.2,1)}
.pp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(31,5,21,.86));opacity:0;transition:opacity .6s ease;z-index:1}
.pp-tag{position:absolute;left:16px;top:16px;z-index:2;padding:.5em .9em;border-radius:999px;background:rgba(255,244,240,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:clamp(11px,.85vw,13px);font-weight:700;letter-spacing:.01em;color:var(--wine-deep);transition:opacity .4s ease,filter .4s ease,transform .4s ease;white-space:nowrap}
.pp figcaption{position:absolute;left:clamp(18px,1.8vw,28px);right:clamp(18px,1.8vw,28px);bottom:clamp(18px,1.8vw,28px);z-index:2;text-align:left;font-family:var(--font-serif);font-style:italic;font-size:clamp(18px,1.7vw,26px);line-height:1.2;color:var(--cream);opacity:0;transform:translateY(14px);transition:opacity .6s .1s ease,transform .7s .1s cubic-bezier(.2,.8,.2,1);text-wrap:balance}
.pp-grid:hover .pp:not(:hover) img{filter:grayscale(1) brightness(.85)}
.pp:hover img,.pp:focus-visible img,.pp.is-on img{filter:none;transform:scale(1.04)}
.pp:hover::after,.pp:focus-visible::after,.pp.is-on::after{opacity:1}
.pp:hover .pp-tag,.pp:focus-visible .pp-tag,.pp.is-on .pp-tag{opacity:0;filter:blur(4px);transform:translateY(-6px);text-decoration:line-through}
.pp:hover figcaption,.pp:focus-visible figcaption,.pp.is-on figcaption{opacity:1;transform:none}
.pp-stage{cursor:auto}
@media (max-width:760px){.pp-grid{grid-template-columns:minmax(0,1fr);max-width:420px}.pp{aspect-ratio:4/4.4}}

.pp-grid{display:flex;justify-content:center;align-items:center;gap:clamp(16px,3vw,48px);max-width:1100px}
.pp{flex:0 0 auto;cursor:default;background:none;border-radius:0;overflow:visible}
.pp::after{display:none}
.pp img{position:relative;display:block;filter:none!important;transform:none!important;object-fit:cover;width:100%;height:100%}
.pp:nth-child(1){width:clamp(150px,22vw,300px);aspect-ratio:1;animation:ppf 9s ease-in-out infinite}
.pp:nth-child(1) img{border-radius:50%}
.pp:nth-child(2){width:clamp(170px,26vw,360px);aspect-ratio:3/4;animation:ppf 11s -3s ease-in-out infinite}
.pp:nth-child(2) img{border-radius:999px 999px 28px 28px}
.pp:nth-child(3){width:clamp(140px,20vw,280px);aspect-ratio:1;animation:ppf 10s -6s ease-in-out infinite;margin-top:clamp(60px,9vw,140px)}
.pp:nth-child(3) img{border-radius:32% 68% 58% 42%/45% 40% 60% 55%}
.pp:nth-child(1){margin-top:clamp(-80px,-6vw,-30px)}
.pp img{background:linear-gradient(160deg,#F3E2E7,#E3C4CF);box-shadow:0 40px 70px -40px rgba(31,5,21,.45)}
@keyframes ppf{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.pp{animation:none!important}}
@media (max-width:760px){.pp-grid{flex-direction:row;max-width:none;gap:10px}.pp:nth-child(1){width:28vw;margin-top:-20px}.pp:nth-child(2){width:34vw}.pp:nth-child(3){width:26vw;margin-top:50px}}

.vg{overflow:clip}
.ap{--p:0;position:relative}
.ap1{height:200vh}.ap2{height:260vh}
.ap-st{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 clamp(20px,4vw,64px);overflow:hidden}
.ap-a{margin:0;font-weight:700;font-size:clamp(34px,5.6vw,96px);line-height:1;letter-spacing:-.05em;color:var(--x-ink);text-wrap:balance;max-width:14ch;--q:clamp(0,(var(--p) - .15) * 2.2,1);opacity:calc(1 - var(--q) * .78);transform:translateY(calc(var(--q) * -24px)) scale(calc(1 - var(--q) * .12))}
.ap-b{margin:clamp(14px,2vw,28px) 0 0;--q:clamp(0,(var(--p) - .25) * 2.2,1);opacity:var(--q);filter:blur(calc((1 - var(--q)) * 14px));transform:translateY(calc((1 - var(--q)) * 50px))}
.ap-b .gw{display:block;font-size:clamp(46px,8.4vw,150px);line-height:.94;letter-spacing:-.06em;max-width:11ch;text-wrap:balance;margin:0 auto;padding-bottom:.08em}
.ap-h{margin:0;font-weight:700;font-size:clamp(34px,5vw,84px);line-height:1;letter-spacing:-.05em;color:var(--x-ink);--q:clamp(0,(var(--p) - .02) * 4,1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 30px))}
.ap-h .gw{display:inline-block;font-size:1em;letter-spacing:inherit;line-height:inherit;margin:0;padding-bottom:.06em}
.ap-row{position:relative;width:clamp(160px,20vw,300px);aspect-ratio:3/4;margin:clamp(28px,4vh,56px) 0;--q:clamp(0,(var(--p) - .2) * 2.2,1)}
.ap-p{position:absolute;inset:0;margin:0;border-radius:clamp(20px,2vw,32px);overflow:hidden;background:linear-gradient(165deg,#F3E2E7,#DDB6C4);box-shadow:0 50px 80px -40px rgba(31,5,21,.5);transform:translateX(calc(var(--sx) * var(--q) * 112%)) rotate(calc(var(--r0) * (1 - var(--q)))) scale(calc(.92 + var(--q) * .08 - (1 - var(--q)) * var(--sx) * var(--sx) * .04))}
.ap-p img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.ap-sub{margin:0;max-width:34ch;font-size:clamp(18px,1.6vw,24px);line-height:1.4;color:color-mix(in oklab,var(--x-ink) 75%,transparent);text-wrap:balance;--q:clamp(0,(var(--p) - .62) * 3.5,1);opacity:var(--q);transform:translateY(calc((1 - var(--q)) * 24px))}
.ap-sub em{color:var(--accent)}
.ap-static{height:auto}.ap-static .ap-st{position:relative;height:auto;padding-block:clamp(80px,10vw,140px)}
@media (max-width:760px){.ap-row{width:27vw}.ap-p{transform:translateX(calc(var(--sx) * var(--q) * 108%)) rotate(calc(var(--r0) * (1 - var(--q))))}}

.ed2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:clamp(20px,3vw,48px);align-items:start;padding-top:clamp(90px,11vw,170px);padding-bottom:clamp(60px,8vw,120px);border-bottom:1px solid color-mix(in oklab,var(--x-ink) 14%,transparent)}
.ed2-k{margin:0;padding-top:.6em;font-weight:700;font-size:clamp(17px,1.5vw,22px);line-height:1.2;letter-spacing:-.02em;color:color-mix(in oklab,var(--x-ink) 70%,transparent)}
.ed2-b{margin:0;text-align:right}
.ed2-b .gw{display:block;font-size:clamp(48px,8.6vw,156px);line-height:.92;letter-spacing:-.06em;margin:0;padding-bottom:.08em;text-wrap:balance}
.ed3{padding-top:clamp(70px,9vw,140px);padding-bottom:clamp(90px,11vw,170px)}
.ed3-h{margin:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:.22em;row-gap:.08em;font-weight:700;font-size:clamp(46px,8.2vw,148px);line-height:1;letter-spacing:-.06em;color:var(--x-ink)}
.ed3-h .gw-in{font-size:1em;padding-bottom:.06em}
.ih{display:inline-block;flex:0 0 auto;width:var(--w);height:.78em;border-radius:999px;overflow:hidden;background:linear-gradient(165deg,#F3E2E7,#DDB6C4);box-shadow:0 20px 40px -24px rgba(31,5,21,.5);transform:translateY(.04em)}
.ih img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.ih:hover img{transform:scale(1.08)}
.ed3-s{margin:clamp(32px,4vw,56px) 0 0 auto;max-width:30ch;font-size:clamp(18px,1.6vw,24px);line-height:1.4;color:color-mix(in oklab,var(--x-ink) 75%,transparent);text-wrap:pretty}
.ed3-s em{color:var(--accent)}
@media (max-width:760px){.ed2{grid-template-columns:minmax(0,1fr)}.ed2-b{text-align:left}.ed3-h{font-size:clamp(40px,12vw,64px)}.ed3-s{margin-left:0}}

.ed2{display:flex;flex-direction:column;gap:clamp(4px,.6vw,10px);border-bottom:0;padding-bottom:clamp(30px,4vw,60px)}
.ed2-k,.ed2-b .gw{font-weight:700;font-size:clamp(40px,6.8vw,124px);line-height:.95;letter-spacing:-.06em;max-width:12ch;text-wrap:balance}
.ed2-k{padding-top:0;color:transparent;-webkit-text-stroke:1.5px color-mix(in oklab,var(--x-ink) 35%,transparent);align-self:flex-start}
.ed2-b{align-self:flex-end;text-align:right}
.ed2-b .gw{margin-left:auto}
@media (max-width:760px){.ed2-k,.ed2-b .gw{font-size:clamp(36px,11vw,60px)}.ed2-k{-webkit-text-stroke-width:1px}}

.ed2{align-items:center;text-align:center;gap:0}
.ed2-k,.ed2-b .gw{font-size:clamp(40px,6.4vw,116px);max-width:none;line-height:1}
.ed2-k{color:var(--x-ink);-webkit-text-stroke:0;align-self:center}
.ed2-b{align-self:center;text-align:center}
.ed2-b .gw{margin:0 auto}
@media (max-width:760px){.ed2-k,.ed2-b .gw{font-size:clamp(34px,10vw,56px);text-wrap:balance}}

.ed2{gap:clamp(10px,1.4vw,20px)}
.ed2-k{font-size:clamp(20px,2.1vw,32px);line-height:1.15;letter-spacing:-.03em;color:color-mix(in oklab,var(--x-ink) 70%,transparent)}
.ed2-b .gw{font-size:clamp(48px,8vw,140px);line-height:.95;letter-spacing:-.055em;max-width:12ch;text-wrap:balance;padding-bottom:.1em}
@media (max-width:760px){.ed2-k{font-size:20px}.ed2-b .gw{font-size:clamp(40px,12vw,64px)}}

.ed2{padding-top:clamp(50px,6vw,100px)}
.ed2-k{font-size:clamp(24px,2.6vw,40px)}
.ed2-b .gw{font-size:clamp(44px,7vw,124px)}
@media (max-width:760px){.ed2-k{font-size:22px}.ed2-b .gw{font-size:clamp(38px,11vw,58px)}}
.ed3-s{font-size:clamp(22px,2.2vw,34px);line-height:1.3;max-width:28ch}
@media (max-width:760px){.ed3-s{font-size:20px}}
.vg-stm .stm-duo{align-items:end}
@media (max-width:760px){.vg-stm .stm-b{font-size:22px!important}}
.vg-stm .stm-l,.vg-stm .stm-r{display:block;text-align:center;font-weight:700;font-size:clamp(30px,4.4vw,76px);line-height:1.04;letter-spacing:-.05em;color:var(--x-ink);text-wrap:balance}
.vg-stm .stm-b{margin-top:clamp(36px,4.5vw,64px)!important;text-align:center;margin-inline:auto;font-weight:400!important;color:color-mix(in oklab,var(--x-ink) 72%,transparent)}
@media (max-width:760px){.vg-stm .stm-l,.vg-stm .stm-r{font-size:clamp(28px,8.4vw,44px)}}
.ed2{padding-top:clamp(24px,3vw,56px)}
#top .x-lead,.x-hero .x-lead{font-size:clamp(19px,1.55vw,25px)!important;line-height:1.45;max-width:46ch}
@media (max-width:760px){#top .x-lead,.x-hero .x-lead{font-size:18px!important}}
.x-wrap.x-center>.x-lead{font-size:clamp(20px,1.9vw,28px)!important;line-height:1.42;max-width:44ch}
@media (max-width:760px){.x-wrap.x-center>.x-lead{font-size:18px!important}}
.x-wrap.x-center>.x-lead{font-size:clamp(23px,2.3vw,34px)!important;max-width:42ch}
@media (max-width:760px){.x-wrap.x-center>.x-lead{font-size:20px!important}}
.vg-stm .stm-l .gw,.vg-stm .stm-r .gw{font-weight:700;letter-spacing:-.045em}
@media (max-width:760px){.vg-stm .stm-l,.vg-stm .stm-r{font-size:clamp(24px,7vw,36px)}}
.vg-stm .stm-duo::after{content:"";position:absolute;left:50%;top:6%;bottom:6%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.7),transparent);transform:translateX(-50%);opacity:0;transition:opacity .8s 1s}
.vg-stm .stm-l,.vg-stm .stm-r{margin:0!important;height:100%;display:flex!important;flex-direction:column;justify-content:center;gap:.35em;font-size:clamp(15px,1.45vw,22px)!important;font-weight:500;line-height:1.25;letter-spacing:-.02em;transition:transform 1.4s cubic-bezier(.2,.8,.2,1),opacity 1s ease!important}
.vg-stm .stm-r{border-radius:0 999px 999px 0;align-items:flex-start;text-align:left!important;padding:0 18% 0 clamp(16px,2.2vw,34px);background:radial-gradient(90% 70% at 70% 75%,#7A1A44,#350924 65%,#1f0515);color:color-mix(in oklab,var(--cream) 72%,transparent)!important;transform:translateX(14%) rotate(6deg)}
.vg-stm .stm-l .gw,.vg-stm .stm-r .gw{display:block!important;font-size:clamp(26px,3.5vw,50px)!important;line-height:1;letter-spacing:-.05em}
.vg-stm .stm-r .gw{background-image:linear-gradient(100deg,#FF7BA8,#FFD9B8 55%,#E8B0C4)}
@media (max-width:760px){.vg-stm .stm-duo{--D:92vw}.vg-stm .stm-l .gw,.vg-stm .stm-r .gw{font-size:clamp(18px,5.4vw,28px)!important}.vg-stm .stm-r{padding-right:12%}}
.vg-stm .stm-duo::after{top:18%;bottom:18%}
.vg-stm .stm-l{border-radius:999px 0 0 999px;transform:translateX(-6%)}
.vg-stm .stm-l .gw,.vg-stm .stm-r .gw{font-size:clamp(34px,4.4vw,72px)!important}
@media (max-width:760px){.vg-stm .stm-duo{grid-template-columns:minmax(0,1fr);width:100%}.vg-stm .stm-r{border-radius:0 0 32px 32px;align-items:center;text-align:center!important;transform:translateY(8%)}.vg-stm .stm-l,.vg-stm .stm-r{padding:28px 22px!important;font-size:14px!important}}
.vg-stm .stm-duo::after{display:none}
.vg-stm .stm-l{z-index:2;background:linear-gradient(90deg,#FFE3EB,#FFB3CB)!important;transform:translateX(-12%) rotate(-3deg)}
.vg-stm .stm-r{z-index:1;padding-left:calc(clamp(28px,3.6vw,60px) + var(--R))!important;background:linear-gradient(90deg,#551027,#350924 50%,#1f0515)!important;-webkit-mask:radial-gradient(circle calc(var(--R) + 1px) at calc(var(--R) * .6) 50%,transparent 98%,#000 100%);mask:radial-gradient(circle calc(var(--R) + 1px) at calc(var(--R) * .6) 50%,transparent 98%,#000 100%);transform:translateX(12%) rotate(3deg)}
.vg-stm .stm-l{padding-right:calc(clamp(28px,3.6vw,60px) + var(--R))!important}
@media (max-width:760px){
.vg-stm .stm-l{border-radius:28px!important;transform:translateY(-14%);padding:28px 22px calc(28px + var(--R))!important;background:linear-gradient(180deg,#FFE3EB,#FFB3CB)!important}
.vg-stm .stm-r{border-radius:28px!important;transform:translateY(14%);padding:calc(28px + var(--R)) 22px 28px!important;-webkit-mask:radial-gradient(circle calc(var(--R) + 1px) at 50% calc(var(--R) * .6),transparent 98%,#000 100%);mask:radial-gradient(circle calc(var(--R) + 1px) at 50% calc(var(--R) * .6),transparent 98%,#000 100%)}
}
.vg-stm .stm-l,.vg-stm .stm-r{font-size:clamp(20px,1.9vw,30px)!important;overflow:visible}
.vg-stm .stm-l::after{right:calc(var(--R) * -1.55 - var(--G) / 2);top:50%;width:calc(var(--R) * 2);height:calc(var(--R) * 2);transform:translateY(-50%);background:#FFB3CB}
@media (max-width:760px){
.vg-stm .stm-duo{--R:26px;row-gap:var(--G)}
.vg-stm .stm-l{border-radius:28px 28px 6px 6px!important;padding:28px 22px calc(28px + var(--R) * .6)!important}
.vg-stm .stm-r{border-radius:6px 6px 28px 28px!important;padding:calc(28px + var(--R) * 1.3) 22px 28px!important;-webkit-mask:radial-gradient(circle calc(var(--R) + var(--G)) at 50% calc(var(--R) * .45 - var(--G) / 2),transparent 99%,#000 100%);mask:radial-gradient(circle calc(var(--R) + var(--G)) at 50% calc(var(--R) * .45 - var(--G) / 2),transparent 99%,#000 100%)}
}
.vg-stm .stm-l{padding-right:clamp(28px,3.6vw,60px)!important}
.vg-stm .stm-r{padding-left:calc(clamp(28px,3.6vw,60px) + var(--K) * .85)!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20stroke%3D%22%23000%22%20stroke-width%3D%227%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%22-10%22%20y%3D%2236%22%20width%3D%2252%22%20height%3D%2228%22%20rx%3D%224%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2250%22%20r%3D%2234%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") calc(var(--G) * -1 - 1px) 50%/var(--K) var(--K) no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cg%20stroke%3D%22%23000%22%20stroke-width%3D%227%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%22-10%22%20y%3D%2236%22%20width%3D%2252%22%20height%3D%2228%22%20rx%3D%224%22%2F%3E%3Ccircle%20cx%3D%2264%22%20cy%3D%2250%22%20r%3D%2234%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") calc(var(--G) * -1 - 1px) 50%/var(--K) var(--K) no-repeat exclude,linear-gradient(#000,#000)}
@media (max-width:760px){
.vg-stm .stm-duo{--K:60px}
.vg-stm .stm-l::after{left:50%;top:calc(100% - 1px);transform:translateX(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20x%3D%2236%22%20y%3D%22-2%22%20width%3D%2228%22%20height%3D%2244%22%20rx%3D%224%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2264%22%20r%3D%2234%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20x%3D%2236%22%20y%3D%22-2%22%20width%3D%2228%22%20height%3D%2244%22%20rx%3D%224%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2264%22%20r%3D%2234%22%2F%3E%3C%2Fsvg%3E")}
}
.x-wrap.x-center>.x-lead{font-size:clamp(25px,2.6vw,38px)!important;max-width:44ch}
@media (max-width:760px){.x-wrap.x-center>.x-lead{font-size:21px!important}}
.vg-stm .stm-l::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M-4%2028%20L0%2028%20C7%2028%2010%2034%2010%2041%20C14%2041%2016%2039%2019.5%2037%20A26%2026%200%201%201%2019.5%2063%20C16%2061%2014%2059%2010%2059%20C10%2066%207%2072%200%2072%20L-4%2072%20Z%22%20%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M-4%2028%20L0%2028%20C7%2028%2010%2034%2010%2041%20C14%2041%2016%2039%2019.5%2037%20A26%2026%200%201%201%2019.5%2063%20C16%2061%2014%2059%2010%2059%20C10%2066%207%2072%200%2072%20L-4%2072%20Z%22%20%2F%3E%3C%2Fsvg%3E")}
@media (max-width:760px){
.vg-stm .stm-duo{--K:72px}
.vg-stm .stm-r{padding:calc(28px + var(--K) * .7) 22px 28px!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M28%20-4%20L28%200%20C28%207%2034%2010%2041%2010%20C41%2014%2039%2016%2037%2019.5%20A26%2026%200%201%200%2063%2019.5%20C61%2016%2059%2014%2059%2010%20C66%2010%2072%207%2072%200%20L72%20-4%20Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 50% calc(var(--G) * -1 - 1px)/var(--K) var(--K) no-repeat,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M28%20-4%20L28%200%20C28%207%2034%2010%2041%2010%20C41%2014%2039%2016%2037%2019.5%20A26%2026%200%201%200%2063%2019.5%20C61%2016%2059%2014%2059%2010%20C66%2010%2072%207%2072%200%20L72%20-4%20Z%22%20stroke%3D%22%23000%22%20stroke-width%3D%226%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E") 50% calc(var(--G) * -1 - 1px)/var(--K) var(--K) no-repeat exclude,linear-gradient(#000,#000)}
}
.vg-stm .stm-l,.vg-stm .stm-r{background:none!important;-webkit-mask:none!important;mask:none!important;border-radius:0!important;isolation:isolate;overflow:visible!important}
.vg-stm svg.pz{position:absolute;left:0;top:0;overflow:visible;z-index:-1;pointer-events:none}
.vg-stm .stm-l{padding-right:clamp(28px,3.4vw,56px)!important}
@media (max-width:760px){.vg-stm .stm-l{padding:30px 22px 34px!important}}
.vg-stm .stm-l,.vg-stm .stm-r{transform-origin:center;justify-content:center}
@media (max-width:760px){.vg-stm .stm-r{padding:calc(var(--pzD,80px) + 22px) 22px 32px!important}}

.ft-eb{display:inline-flex;align-items:center;gap:14px;margin-bottom:clamp(20px,2.4vw,32px);font-size:clamp(12px,.9vw,14px);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-glow)}
.ft-eb::before{content:"";width:clamp(32px,3.4vw,56px);height:1px;background:linear-gradient(90deg,transparent,var(--accent-glow))}
.ft-eb::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 12px 2px color-mix(in oklab,var(--accent-glow) 70%,transparent)}
.es-h{display:flex;flex-direction:column;line-height:.98!important}
.es-h .es-l{font-weight:400;letter-spacing:-.045em;color:var(--cream)}
.es-h .es-b{font-weight:700;letter-spacing:-.06em;background:linear-gradient(90deg,#FFF4F0 0%,#FFD0DF 35%,#FF7BA8 75%,#CD648B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.bb-w.es-lw{font-weight:400!important;letter-spacing:-.045em}
.bb-w.es-bw{font-weight:700!important;background:linear-gradient(90deg,#FFF4F0 0%,#FFD0DF 35%,#FF7BA8 75%,#CD648B 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.es-h{align-items:flex-start}.es-h .es-l,.es-h .es-b{width:fit-content}
.x-center .es-h,.es-h[style*="center"]{align-items:center}
.es-h .es-b,.bb-w.es-bw{background-image:linear-gradient(90deg,#FFE3EB 0%,#FF9DBE 40%,#FF7BA8 70%,#CD648B 100%)}

.es-c{align-items:center;text-align:center;margin-inline:auto}
.ft-eb{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(22px,2.6vw,34px);padding:9px 18px 9px 12px;border-radius:999px;border:1px solid rgba(255,123,168,.28);background:linear-gradient(180deg,rgba(255,123,168,.12),rgba(255,123,168,.03));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,244,240,.12);font-size:clamp(13px,1vw,15px);font-weight:500;letter-spacing:-.005em;text-transform:none;color:var(--cream)}
.ft-eb::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 0 4px rgba(255,123,168,.18),0 0 14px 2px rgba(255,123,168,.6);flex:none}
.ft-eb::after{display:none}

.k-vg{background:#F7ECEF!important}
.k-vg .x-wrap{position:relative;z-index:2}
.k-vg .ft-eb{color:var(--x-ink);border-color:rgba(205,100,139,.35);background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2))}
.k-mock{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:520px;transform:none!important;rotate:none!important;margin:0 auto;cursor:default;animation:none!important}
.k-vis::after{display:none!important}
.k-vis img{width:200px!important;max-width:200px;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1.5px var(--accent-glow),0 0 18px 2px color-mix(in oklab,var(--accent-glow) 65%,transparent),0 30px 40px -10px rgba(31,5,21,.35);filter:none}
.es-c .es-b{letter-spacing:-.045em}

.ft-eb{font-size:clamp(15px,1.15vw,17px)!important;margin-bottom:clamp(12px,1.4vw,18px)!important}
.k-av{position:relative;display:block;width:200px;height:200px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 40%,#FFE3EB,#F3C6D5);box-shadow:0 0 0 1.5px var(--accent-glow),0 0 18px 2px color-mix(in oklab,var(--accent-glow) 65%,transparent),0 30px 40px -10px rgba(31,5,21,.35)}
.k-vis .k-av img{position:absolute;left:-6%;bottom:-14.5%;width:112%!important;max-width:none!important;height:auto;aspect-ratio:auto;object-fit:initial;border-radius:0;box-shadow:none!important;filter:none;animation:none}
.k-gw{font-family:var(--font-sans);font-style:normal;font-weight:700;letter-spacing:-.05em;background:linear-gradient(90deg,#551027 0%,#A8325F 45%,#CD648B 75%,#FF7BA8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.06em}
.x-sec.x-close{padding-top:clamp(60px,7vw,110px)!important;padding-bottom:clamp(70px,8vw,120px)!important;min-height:0!important}
.x-sec.x-close .es-c{font-size:clamp(40px,6vw,96px)!important}
.x-sec.x-close .x-wrap{padding-top:0!important}
#hub{padding-top:clamp(30px,4vw,64px)!important}

#hub .x-comp{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;max-width:none!important;gap:clamp(32px,5vw,96px);align-items:center}
#hub .x-comp>.rv:not(.si-lock){text-align:right}
#hub .x-comp>.rv:not(.si-lock) .es-h{align-items:flex-end}
#hub .x-comp>.rv:not(.si-lock) .x-lead{margin-left:auto}
.si-lock{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(6px,.8vw,12px);padding:clamp(20px,3vw,48px) 0;isolation:isolate}
.si-orb{position:absolute;left:-10%;top:50%;width:clamp(220px,26vw,420px);aspect-ratio:1;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(255,123,168,.32),rgba(205,100,139,.08) 50%,transparent 70%);filter:blur(10px);z-index:-1;animation:siPulse 6s ease-in-out infinite}
.si-svg{width:clamp(200px,24vw,380px);height:auto;color:var(--accent-glow);filter:drop-shadow(0 0 18px rgba(255,123,168,.45))}
.si-intel{display:flex;align-items:center;gap:clamp(10px,1.2vw,18px);margin-left:clamp(4px,.6vw,10px)}
.si-bar{width:clamp(40px,5vw,84px);height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-glow));box-shadow:0 0 12px rgba(255,123,168,.7)}
.si-t{font-family:var(--font-mono,ui-monospace),ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;font-size:clamp(26px,3.2vw,52px);letter-spacing:.42em;text-transform:uppercase;line-height:1;background:linear-gradient(90deg,#FFF4F0,#FFB3CB 50%,#FF7BA8);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
.si-t::after{content:"";display:inline-block;width:.09em;height:.9em;margin-left:-.3em;vertical-align:-.08em;background:var(--accent-glow);box-shadow:0 0 10px var(--accent-glow);animation:siCaret 1.1s steps(1) infinite}
@keyframes siCaret{50%{opacity:0}}
@keyframes siPulse{50%{transform:translateY(-50%) scale(1.08);opacity:.75}}
@media (max-width:860px){#hub .x-comp{grid-template-columns:minmax(0,1fr)!important}#hub .x-comp>.rv:not(.si-lock){text-align:left}#hub .x-comp>.rv:not(.si-lock) .es-h{align-items:flex-start}#hub .x-comp>.rv:not(.si-lock) .x-lead{margin-left:0}}
@media (prefers-reduced-motion:reduce){.si-orb,.si-t::after{animation:none}}

.si-bar,.si-t::after{display:none!important}
.si-svg{width:clamp(150px,16vw,260px)}
.si-t{font-size:clamp(18px,2.1vw,34px)}
.si-intel{margin-left:clamp(2px,.4vw,6px)}
.si-orb{width:clamp(170px,19vw,300px)}
#hub .x-comp>.rv:not(.si-lock){text-align:left!important}
#hub .x-comp>.rv:not(.si-lock) .es-h{align-items:flex-start!important}
#hub .x-comp>.rv:not(.si-lock) .x-lead{margin-left:0!important}

.si-lock{display:inline-flex!important;align-items:flex-end!important;justify-self:end;width:max-content}
.si-svg{color:var(--cream)!important;filter:drop-shadow(0 0 14px rgba(255,244,240,.25))!important}
.si-intel{margin-left:0!important;margin-right:-.42em}
#hub .x-comp{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:clamp(28px,3.5vw,64px)!important}
.si-orb{left:auto;right:-10%}
@media (max-width:860px){.si-lock{justify-self:start}}
.si-lock{justify-self:center!important}.si-orb{left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important}
@keyframes siPulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.75}}

.pm2 .pm-b{gap:16px}
.pm-top{display:flex;align-items:center;justify-content:space-between}
.pm-nav{display:flex;align-items:center;gap:14px;font-size:12px;color:color-mix(in oklab,var(--cream) 70%,transparent)}
.pm-bell{width:14px;height:14px;border-radius:50% 50% 3px 3px;border:1.5px solid color-mix(in oklab,var(--cream) 60%,transparent);position:relative}
.pm-bell::after{content:"";position:absolute;right:-4px;top:-4px;width:6px;height:6px;border-radius:50%;background:var(--accent-glow);box-shadow:0 0 6px var(--accent-glow)}
.pm-card2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border-radius:18px;overflow:hidden;background:var(--cream);color:var(--wine-deep)}
.pm-c1{padding:clamp(16px,1.8vw,24px);display:flex;flex-direction:column;gap:6px}
.pm-c1 h5{margin:0 0 10px;padding-bottom:12px;border-bottom:1px solid color-mix(in oklab,var(--wine-deep) 10%,transparent);font-size:clamp(18px,1.7vw,24px);font-weight:700;letter-spacing:-.04em;line-height:1.1}
.pm-chips{display:flex;flex-wrap:wrap;gap:6px}
.ch{padding:5px 11px;border-radius:999px;font-size:11px;font-weight:600;background:color-mix(in oklab,var(--wine-deep) 6%,transparent)}
.ch.p{background:#FADDE5;color:var(--wine-mid)}
.pm-c2{padding:clamp(16px,1.8vw,24px);background:#FBEAEF;display:flex;flex-direction:column;gap:5px}
.pm2 .pm-n{display:flex;align-items:baseline;gap:6px;font-size:clamp(30px,3vw,44px)}
.pm2 .pm-n small{font-size:11px;font-weight:400;letter-spacing:0;color:color-mix(in oklab,var(--wine-deep) 55%,transparent)}
.pm2 .pm-pb{max-width:none;margin:2px 0 6px}
.pm-sub2{display:flex;justify-content:space-between;font-size:11px;font-weight:600}
.pm-sub2 span:last-child{font-weight:400;color:color-mix(in oklab,var(--wine-deep) 55%,transparent)}
.pm-pb.s{height:4px;margin:0 0 4px}
.pm-pb.s i{width:0;background:var(--wine-mid);transition:width 1.6s .3s cubic-bezier(.2,.7,.2,1)}
.pm.in .pm-pb.s i{width:var(--w)}
.pm2 .pm-tabs{overflow-x:auto;scrollbar-width:none;gap:clamp(14px,1.6vw,22px)}
.pm2 .pm-tabs::-webkit-scrollbar{display:none}
.pm2 .pm-pan{min-height:230px}
.pm-files{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pf{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in oklab,var(--cream) 6%,transparent);font-size:13px;min-width:0}
.pf span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf small{font-size:11px;color:color-mix(in oklab,var(--cream) 50%,transparent)}
.ty{flex:none;font-family:var(--font-mono);font-size:9px;padding:4px 6px;border-radius:6px;color:var(--wine-deep);background:#FFB3CB}
.ty.mp4{background:#B98AF0}.ty.xls{background:#7FD1B9}.ty.mp3{background:#F2A65A}
.pm-t.sm{font-size:12px;color:color-mix(in oklab,var(--cream) 55%,transparent)}
.pm-bench{display:flex;flex-direction:column;gap:9px;font-size:12px}
.bh,.br{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:10px;align-items:center}
.bh span{font-size:11px;color:color-mix(in oklab,var(--cream) 55%,transparent)}
.bh span:nth-child(2){color:var(--accent-glow)}
.br i{height:8px;border-radius:8px;background:color-mix(in oklab,var(--cream) 10%,transparent);position:relative;overflow:hidden}
.br i::after{content:"";position:absolute;inset:0;width:calc(var(--v)*100%);border-radius:inherit;background:color-mix(in oklab,var(--cream) 40%,transparent)}
.br i:nth-of-type(1)::after{background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow)}
.pm-q{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:q}
.pm-q li{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:12px;background:color-mix(in oklab,var(--cream) 6%,transparent);font-size:13px;line-height:1.4}
.pm-q b{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-glow)}
.pm-l small.ag{color:var(--accent-glow)}
.pm-th{display:flex;flex-direction:column;gap:8px}
.th{display:grid;grid-template-columns:1.3fr 2fr auto;gap:10px;align-items:center;font-size:12px}
.th i{height:8px;border-radius:8px;background:color-mix(in oklab,var(--cream) 10%,transparent);position:relative;overflow:hidden}
.th i::after{content:"";position:absolute;inset:0;width:calc(var(--v)*100%);border-radius:inherit;background:linear-gradient(90deg,#CD648B,#FF7BA8)}
.th small{font-family:var(--font-mono);font-size:11px;color:var(--accent-glow)}
.pm-cite{margin:4px 0 0;padding-left:12px;border-left:2px solid var(--accent-glow);font-family:var(--font-serif);font-style:italic;font-size:14px;line-height:1.4}
.pm-cite small{display:block;font-family:var(--font-mono);font-style:normal;font-size:10px;color:color-mix(in oklab,var(--cream) 50%,transparent);margin-top:3px}
.pm-exp{display:flex;gap:6px;margin-top:4px}
.pm-exp span{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--cream);color:var(--wine-mid)}
@media (max-width:640px){.pm-card2{grid-template-columns:minmax(0,1fr)}.pm-files{grid-template-columns:minmax(0,1fr)}}
.k-mock .kia-h2,.k-mock .kia-h2>div{color:var(--cream)!important}.k-mock .kia-h2 small{color:color-mix(in oklab,var(--cream) 65%,transparent)!important}
.k-mock .kia-h2,.k-mock .kia-h2>div{color:var(--wine-deep)!important}.k-mock .kia-h2 small{color:color-mix(in oklab,var(--wine-deep) 60%,transparent)!important}

.pm-lib{display:flex;flex-direction:column;gap:7px}
.pm-lib .lb{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--cream);color:var(--wine-deep)}
.pm-lib .lb-ic{width:30px;height:30px;border-radius:8px;background:#FBEAEF;position:relative}
.pm-lib .lb-ic::after{content:"";position:absolute;inset:8px 9px;border-radius:2px;background:#CD648B;clip-path:polygon(0 0,70% 0,100% 30%,100% 100%,0 100%)}
.pm-lib .lb-ic.pdf::after{background:#9C8A90}
.pm-lib .lb-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.pm-lib .lb-tx b{font-size:12px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-lib .lb-tx small{font-size:10px;color:color-mix(in oklab,var(--wine-deep) 50%,transparent)}
.pm-lib .lb-m{font-size:10px;color:color-mix(in oklab,var(--wine-deep) 55%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-lib .lb-m em{font-style:normal;font-weight:600;color:var(--wine-mid)}
.pm-lib .lb-chip{align-self:flex-start;margin-top:3px;padding:2px 8px;border-radius:999px;background:#FBEAEF;font-size:9.5px;font-weight:600;color:var(--wine-mid)}
.pm-lib .lb-ok{padding:4px 9px;border-radius:999px;background:#E3F4EA;color:#2E7D4F;font-size:10.5px;font-weight:600;white-space:nowrap}
.pm-lib .lb-dl{width:14px;height:14px;border-bottom:1.5px solid #B88A9A;position:relative}
.pm-lib .lb-dl::before{content:"";position:absolute;left:50%;top:0;width:1.5px;height:9px;background:#B88A9A;transform:translateX(-50%)}
.pm-lib .lb-dl::after{content:"";position:absolute;left:50%;top:4px;width:6px;height:6px;border-right:1.5px solid #B88A9A;border-bottom:1.5px solid #B88A9A;transform:translateX(-50%) rotate(45deg)}
.pm2 .pm-pan{min-height:300px}
@media (max-width:640px){.pm-lib .lb{grid-template-columns:auto minmax(0,1fr) auto}.pm-lib .lb-dl{display:none}}

.qm{background:var(--cream);border-radius:12px;padding:12px 14px 14px;color:var(--wine-deep)}
.qm-ax.y{display:block;text-align:center;font-size:11px;color:color-mix(in oklab,var(--wine-deep) 50%,transparent);margin-bottom:6px}
.qm-g{position:relative;height:220px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border-radius:6px;overflow:hidden}
.qm-q{padding:8px 10px;font-size:10.5px;font-weight:500}
.q1{background:#FFF5F8;color:#D9879F}.q2{background:#EFF8F2;color:#7FB08E;text-align:right}.q3{background:#F4F5FC;color:#9AA0C2;display:flex;align-items:flex-end}.q4{background:#FFFBF2;color:#C9A86A;display:flex;align-items:flex-end;justify-content:flex-end}
.qm-v,.qm-h{position:absolute;background:#D8B6C3}
.qm-v{left:50%;top:0;bottom:0;width:1.5px;transform:translateX(-50%)}
.qm-v::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom:7px solid #D8B6C3;border-top:0}
.qm-h{top:50%;left:0;right:0;height:1.5px;transform:translateY(-50%)}
.qm-h::before,.qm-h::after{content:"";position:absolute;top:50%;transform:translateY(-50%);border:5px solid transparent}
.qm-h::before{left:0;border-right:7px solid #D8B6C3;border-left:0}.qm-h::after{right:0;border-left:7px solid #D8B6C3;border-right:0}
.qm-x{position:absolute;top:calc(50% - 16px);font-size:10px;color:color-mix(in oklab,var(--wine-deep) 45%,transparent)}
.qm-x.l{left:8px}.qm-x.r{right:8px}
.qm-d{position:absolute;display:flex;align-items:center;gap:5px;transform:translate(-6px,-50%);white-space:nowrap}
.qm-d i{width:11px;height:11px;border-radius:50%;background:#D7A0B4;flex:0 0 auto}
.qm-d b{font-size:11px;font-weight:500;color:color-mix(in oklab,var(--wine-deep) 70%,transparent);background:rgba(255,255,255,.75);padding:0 3px;border-radius:3px}
.qm-d.l{flex-direction:row-reverse;transform:translate(calc(-100% + 6px),-50%)}
.qm-d.me{flex-direction:column;gap:3px;transform:translate(-50%,-30%)}
.qm-d.me i{width:20px;height:20px;background:var(--wine);box-shadow:0 0 0 3px var(--cream),0 0 0 5px #C79AAD;animation:qmP 2.4s ease-in-out infinite}
.qm-d.me b{font-weight:700;font-size:12px;color:var(--wine);background:none}
@keyframes qmP{50%{box-shadow:0 0 0 3px var(--cream),0 0 0 8px rgba(199,154,173,.5)}}
@media (prefers-reduced-motion:reduce){.qm-d.me i{animation:none}}
#portal.x-sec{padding-bottom:clamp(24px,3vw,48px)}

.hs{padding-top:clamp(24px,3vw,48px)}
.hs-c{--hc:#FF7BA8}.hs-c.hc-b{--hc:#F2A65A}.hs-c.hc-c{--hc:#B98AF0}
.hs-c{background:linear-gradient(160deg,color-mix(in oklab,var(--hc) 20%,#2a0a1c),color-mix(in oklab,var(--hc) 6%,#1f0515) 70%)!important;border:1px solid color-mix(in oklab,var(--hc) 38%,transparent)!important;box-shadow:0 40px 80px -50px color-mix(in oklab,var(--hc) 60%,transparent)}
.hs-c .hs-k.ft-eb{align-self:flex-start;display:inline-flex;margin:0 0 4px;color:var(--hc)!important;border-color:color-mix(in oklab,var(--hc) 45%,transparent)!important;background:color-mix(in oklab,var(--hc) 12%,transparent)!important;text-transform:none;letter-spacing:-.01em}
.hs-c .hs-big b{color:var(--hc)!important;background:none!important;-webkit-text-fill-color:currentColor}
.hs-c .hs-k.ft-eb::before{background:var(--hc)!important;box-shadow:0 0 8px var(--hc)!important}

.gt-lg{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:10.5px;color:color-mix(in oklab,var(--cream) 75%,transparent)}
.gt-lg span{display:flex;align-items:center;gap:5px}.gt-lg i{width:10px;height:10px;border-radius:3px}
.gt-lg .pv,.gt-tl b.pv{background:#F3D9E3}.gt-lg .tbc,.gt-tl b.tbc{background:#E3B76A}.gt-lg .now,.gt-tl b.now{background:#8A2450}.gt-lg .ok,.gt-tl b.ok{background:#8FB394}
.gt{background:#fff;border-radius:12px;overflow:hidden;color:var(--wine-deep);font-size:10.5px}
.gt-h,.gt-r{display:grid;grid-template-columns:18px 64px minmax(0,1fr) 74px minmax(0,1.5fr);align-items:center;column-gap:8px;padding:0 0 0 10px}
.gt-h{background:#FBE6EE;font-weight:600;letter-spacing:.04em;font-size:9.5px;color:var(--wine);min-height:38px}
.gt-r{min-height:24px;border-top:1px solid #F5E8EC}
.gt-n{color:color-mix(in oklab,var(--wine-deep) 60%,transparent)}
.gt-ph{justify-self:start;padding:2px 6px;border-radius:999px;background:#FBE6EE;font-size:8.5px;letter-spacing:.05em;color:var(--wine-mid)}
.gt-a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gt-s{justify-self:start;padding:2px 6px;border-radius:4px;font-size:9px;white-space:nowrap}
.gt-s.ok{background:#E8F2EA;color:#4F7A56}.gt-s.now{background:#F6E1EA;color:#8A2450}.gt-s.tbc{background:#FAEFD9;color:#9A7230}.gt-s.pv{background:#FBEFF3;color:#A0607A}
.gt-tl{position:relative;align-self:stretch;display:grid;grid-template-columns:repeat(var(--N),1fr);background-image:linear-gradient(90deg,#F2E6EA 1px,transparent 1px);background-size:calc(100% / var(--N)) 100%}
.gt .gt-tl{grid-template-columns:repeat(24,1fr)}
.gt-tl b{grid-column:calc(var(--s) + 1)/span var(--l);margin:4px 0;border-radius:3px;transform-origin:left;animation:gtIn .9s cubic-bezier(.2,.8,.2,1) both}
.gt-r:nth-child(3) b{animation-delay:.08s}.gt-r:nth-child(4) b{animation-delay:.16s}.gt-r:nth-child(5) b{animation-delay:.24s}.gt-r:nth-child(6) b{animation-delay:.32s}.gt-r:nth-child(7) b{animation-delay:.4s}.gt-r:nth-child(8) b{animation-delay:.48s}.gt-r:nth-child(9) b{animation-delay:.56s}
.gt-tl b.now{animation:gtIn .9s cubic-bezier(.2,.8,.2,1) both,gtP 2.4s 1s ease-in-out infinite}
@keyframes gtIn{from{transform:scaleX(0)}}
@keyframes gtP{50%{opacity:.7}}
.gt-days{position:relative;padding-top:16px;align-items:center}
.gt-days em{position:absolute;top:3px;left:0;right:0;text-align:center;font-style:normal;font-size:9.5px}
.gt-days i{font-style:normal;font-size:7.5px;text-align:center;writing-mode:vertical-rl;color:color-mix(in oklab,var(--wine) 75%,transparent)}
@media (max-width:640px){.gt-h,.gt-r{grid-template-columns:16px minmax(0,1fr) minmax(0,1.6fr)}.gt-ph,.gt-s{display:none}.gt-h>span:nth-child(2),.gt-h>span:nth-child(4){display:none}}
@media (prefers-reduced-motion:reduce){.gt-tl b{animation:none!important}}
.brain-band{margin-top:clamp(-120px,-8vw,-40px)!important}

.an-pr{display:flex;justify-content:space-between;font-size:12px;color:var(--cream);margin-bottom:6px}
.an-bar{height:5px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden;margin-bottom:10px}
.an-bar i{display:block;height:100%;background:#B8335F;border-radius:9px;animation:gtIn 1.4s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.an-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.an-c{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:#EAF8F1;border:1px solid #BFE8D3;color:var(--wine-deep);font-size:10.5px;font-weight:500;animation:anIn .5s both}
.an-c:nth-child(2){animation-delay:.06s}.an-c:nth-child(3){animation-delay:.12s}.an-c:nth-child(4){animation-delay:.18s}.an-c:nth-child(5){animation-delay:.24s}.an-c:nth-child(6){animation-delay:.3s}.an-c:nth-child(7){animation-delay:.36s}.an-c:nth-child(8){animation-delay:.42s}.an-c:nth-child(9){animation-delay:.48s}
@keyframes anIn{from{opacity:0;transform:translateY(6px)}}
.an-ck{color:#3E8E63;font-weight:700}.an-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-c small{font-size:8.5px;color:#7FA690}
.an-si{margin-top:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(160deg,#FCDDE8,#F4C3D5);color:var(--wine-deep);box-shadow:0 0 30px -10px rgba(255,123,168,.6)}
.an-k{font-family:ui-monospace,Menlo,monospace;font-size:9px;letter-spacing:.2em;color:#B23A68}
.an-si h6{margin:6px 0 4px;font-size:14px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.an-si p{margin:0;font-size:10.5px;line-height:1.5;color:color-mix(in oklab,var(--wine-deep) 75%,transparent)}
.rp{background:#fff;border-radius:12px;padding:14px 16px;color:var(--wine-deep)}
.rp-top{display:flex;justify-content:space-between;align-items:center}
.rp-k{font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--wine-mid)}
.rp-lock{padding:4px 10px;border-radius:7px;background:var(--wine-deep);color:var(--cream);font-size:10px}
.rp-h{margin:10px 0 8px;padding-bottom:8px;border-bottom:1px solid #F0E3E8;font-size:15px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.rp-s{margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid #F7D9E4;font-size:12.5px;font-weight:700}
.rp-s.dim{margin-top:10px;opacity:.55}
.rp-l{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:10.5px;line-height:1.45}
.rp-l b{margin-right:4px}
@media (max-width:640px){.an-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){.an-c,.an-bar i{animation:none}}

.agt{border-radius:12px;overflow:hidden;background:#fff;color:var(--wine-deep);font-size:10.5px}
.agt-h,.agt-r{display:grid;grid-template-columns:26px minmax(0,.9fr) 30px 40px minmax(0,1.1fr) minmax(0,1.1fr) 32px 70px;align-items:center;column-gap:8px;padding:0 10px}
.agt-h{min-height:30px;background:#FBE6EE;font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--wine)}
.agt-r{min-height:40px;border-top:1px solid rgba(31,5,21,.05);animation:anIn .5s both}
.agt-r:nth-child(3){animation-delay:.07s}.agt-r:nth-child(4){animation-delay:.14s}.agt-r:nth-child(5){animation-delay:.21s}.agt-r:nth-child(6){animation-delay:.28s}
.agt-r.ok{background:#E3F7EE}.agt-r.ag{background:#FFF7E8}.agt-r.ca{background:#FDE4E9}
.agt-r .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agt-r .gp{padding:1px 5px;border-radius:999px;background:rgba(255,255,255,.7);font-size:9px;font-weight:600;justify-self:start}
.agt-r .ct{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in oklab,var(--wine-deep) 70%,transparent)}
.agt-r .se{display:flex;flex-direction:column;line-height:1.25}.agt-r .se small{font-size:9px;color:color-mix(in oklab,var(--wine-deep) 50%,transparent)}
.lg-ok{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#2FB36A;color:#fff;font-style:normal;font-size:9px;font-weight:700}
.lg-no{font-style:normal;color:color-mix(in oklab,var(--wine-deep) 35%,transparent)}
.agt-r .st{justify-self:start;padding:3px 8px;border-radius:6px;font-size:9.5px;font-weight:600}
.agt-r.ok .st{background:#C7EEDA;color:#2D7A50}.agt-r.ag .st{background:#FBE5BD;color:#8F6420}.agt-r.ca .st{background:#F9CCD6;color:#A3334F}
@media (max-width:640px){.agt-h,.agt-r{grid-template-columns:24px minmax(0,1fr) 28px minmax(0,1.2fr) 66px}.agt-h>:nth-child(4),.agt-h>:nth-child(5),.agt-h>:nth-child(7),.agt-r>:nth-child(4),.agt-r>:nth-child(5),.agt-r>:nth-child(7){display:none}}

.rq{border-radius:12px;overflow:hidden;border:1px solid #F3CFDC;background:#FDF5F8;color:var(--wine-deep)}
.rq-h{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#3A0C25;color:var(--cream)}
.rq-b{padding:4px 8px;border-radius:5px;background:#6B2347;font-family:ui-monospace,Menlo,monospace;font-size:10px;font-weight:700}
.rq-h>b{flex:1;min-width:0;font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.rq-tm{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(255,123,168,.16);border:1px solid rgba(255,123,168,.35);color:#FF9DBE;font-size:10.5px;font-weight:600;white-space:nowrap}
.rq-tm svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.rq-bd{display:flex;flex-direction:column;gap:7px;padding:10px 12px 12px}
.rq-o{margin:0;padding:6px 10px;border-left:3px solid #F2B8CC;background:#fff;font-style:italic;font-size:10px;line-height:1.45;color:color-mix(in oklab,var(--wine-deep) 80%,transparent)}
.rq-l{list-style:none;margin:0;padding:0 0 0 4px;display:flex;flex-direction:column;gap:4px;font-size:10.5px}
.rq-l li{display:flex;gap:8px}.rq-l li::before{content:"→";color:#CD648B}
.rq-l b{font-weight:600}
.rq-q{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;background:#fff;border:1px solid #F1E2E8;font-size:11px;font-weight:500}
.rq-q i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#CD648B;color:#fff;font-style:normal;font-family:ui-monospace,Menlo,monospace;font-size:8px;font-weight:700;flex:0 0 auto}

.pl{background:#fff;border-radius:12px;padding:16px 18px 6px;color:var(--wine-deep)}
.pl-n{display:flex;align-items:center;gap:10px}.pl-n b{font-size:20px;font-weight:700;color:#CD648B;letter-spacing:-.03em}.pl-n i{flex:1;height:1px;background:#F2D3DE}
.pl-h{margin:2px 0 2px;font-size:clamp(20px,2vw,26px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.pl-s{margin:0 0 10px;font-size:12px;font-weight:600;color:#CD648B}
.pl-l{margin:0}
.pl-l>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid #F1E4E9;animation:anIn .5s both}
.pl-l>div:nth-child(2){animation-delay:.07s}.pl-l>div:nth-child(3){animation-delay:.14s}.pl-l>div:nth-child(4){animation-delay:.21s}.pl-l>div:nth-child(5){animation-delay:.28s}
.pl-l dt{font-size:8.5px;letter-spacing:.2em;color:#CD648B;padding-top:2px}
.pl-l dd{margin:0;font-size:10.5px;line-height:1.45}
@media (max-width:640px){.pl-l>div{grid-template-columns:minmax(0,1fr);gap:2px}}
#dados,#portfolio,#composta,#hub,#portal,#kia{scroll-margin-top:72px}


.fwin .fw-doc{background:#FDF5F8;padding:10px}
.fwin .fw-doc .pl{padding:12px 14px 4px}
.fwin .fw-doc .pl-h{font-size:17px}
.fwin .fw-doc .pl-l>div{grid-template-columns:70px minmax(0,1fr);gap:10px;padding:6px 0}
.fwin .fw-doc .pl-l dd{font-size:10px}
.fwin .fw-doc .rq-h>b{font-size:11.5px}
.fwin .fw-doc .rq-q{font-size:10.5px}
.fwin .fw-an{background:#fff}
.fwin .fw-an .pp-h{margin-bottom:8px}
.fwin .fw-an .an-pr{color:var(--wine-deep);font-size:11px}
.fwin .fw-an .an-bar{background:#F4E6EC}
.fwin .fw-an .an-c{font-size:9.5px;padding:6px 7px}
.fwin .fw-doc .an-si{margin:0;padding:14px 16px}
.fwin .fw-doc .an-si h6{font-size:16px}
.an-src{display:block;margin-top:8px;font-size:9.5px;color:#B23A68}

/* hero windows: no overlaps (1320 stage) */
.fws:not(.m) .w-plan{left:0;top:20px;width:380px}
.fws:not(.m) .w-rot{left:20px;top:328px;width:360px}
.fws:not(.m) .w-vid{left:410px;top:0;width:500px}
.fws:not(.m) .w-cross{left:425px;top:368px;width:470px;z-index:2}
.fws:not(.m) .w-si{left:445px;top:676px;width:430px;z-index:3}
.fws:not(.m) .w-pipe{left:930px;top:40px;width:390px}
.fws:not(.m) .w-kia{left:920px;top:330px;width:400px}
.fws-note{margin-top:clamp(-120px,-8vw,-50px)}
.fws-note{margin-top:clamp(8px,1.2vw,20px)!important}

.pl-full{padding:14px 18px 0;display:flex;flex-direction:column}
.pl-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #F1E4E9}
.pl-brand{font-family:var(--font-serif);font-size:17px;color:#9C3A62;line-height:.9;display:flex;flex-direction:column}
.pl-brand small{font-family:var(--font-sans);font-size:6px;letter-spacing:.08em;color:#CD648B}
.pl-pg{font-size:8.5px;letter-spacing:.22em;color:color-mix(in oklab,var(--wine-deep) 55%,transparent)}
.pl-scroll{position:relative;height:300px;overflow:hidden;-webkit-mask:linear-gradient(transparent,#000 6%,#000 88%,transparent);mask:linear-gradient(transparent,#000 6%,#000 88%,transparent)}
.pm-p.on .pl-roll{animation:plRoll 16s 1.2s ease-in-out infinite alternate}
@keyframes plRoll{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + 290px))}}
.pl-sec{padding:12px 0 18px}
.pl-full .pl-n b{font-size:22px}
.pl-full .pl-h{font-size:24px;margin:4px 0 2px}
.pl-full .pl-s{margin-bottom:14px}
.pl-eb{display:block;font-family:ui-monospace,Menlo,monospace;font-size:8px;letter-spacing:.22em;color:#CD648B;margin:4px 0 6px}
.pl-g{margin:0 0 10px;padding-bottom:10px;border-bottom:1.5px solid #CD648B;font-size:10.5px;line-height:1.5}
.pl-it{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:8px 0;border-top:1px solid #F1E4E9}
.pl-it b{font-size:15px;font-weight:700;color:#CD648B;letter-spacing:-.02em;line-height:1.1}
.pl-it p{margin:0;font-size:10.5px;line-height:1.5}
@media (prefers-reduced-motion:reduce){.pm-p.on .pl-roll{animation:none}.pl-scroll{height:auto;overflow:visible;-webkit-mask:none;mask:none}}

.pm-nav{display:flex!important;align-items:center;gap:clamp(10px,1.4vw,18px)!important;font-size:12px;color:#E8B0C4}
.pm-nav>span{color:#E8B0C4;white-space:nowrap}
.pm-nav .pm-sup{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(205,100,139,.45);background:rgba(85,16,39,.45);color:#FFF4F0}
.pm-sup svg,.pm-ic{width:15px;height:15px;fill:none;stroke:#E8B0C4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.pm-sup svg{stroke:#FF7BA8;width:13px;height:13px}
.pm-bell{display:none}
@media (max-width:640px){.pm-nav>span:not(.pm-sup){display:none}}

.pm-lib .lb{grid-template-columns:auto minmax(0,1fr) auto auto}
.lb-act{display:flex;align-items:center;gap:10px;min-width:20px}
.lb-act svg{width:14px;height:14px;fill:none;stroke:#B88A9A;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){.lb-act svg:not(:first-child){display:none}}
.pl-brand{display:block;width:96px;aspect-ratio:900/162;background:#9C3A62;-webkit-mask:url(../assets/essence-logo-mark.png) center/contain no-repeat;mask:url(../assets/essence-logo-mark.png) center/contain no-repeat}

.pl-mdl{margin:0}
.pl-md{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid #F1E4E9}
.pl-md dt{font-family:ui-monospace,Menlo,monospace;font-size:8px;letter-spacing:.2em;color:#CD648B;padding-top:2px}
.pl-md dd{margin:0;font-size:10.5px;line-height:1.5}
.pl-md dd b{font-weight:700;color:#9C3A62}
.pm-p.on .pl-roll{animation-duration:24s}
@media (max-width:640px){.pl-md{grid-template-columns:minmax(0,1fr);gap:2px}}

.qm-full{padding:0}
.qm-scroll{height:330px;padding:12px 14px 0}
.qm-ax.b{display:block;text-align:center;font-size:11px;color:color-mix(in oklab,var(--wine-deep) 50%,transparent);margin:6px 0 12px}
.qd-g{display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden;border:1px solid #F1E4E9}
.qd{padding:10px 12px}
.qd b{display:flex;gap:5px;font-size:11px;font-weight:600;margin-bottom:4px}
.qd b i{font-style:normal}
.qd p{margin:0;font-size:9.5px;line-height:1.5;color:color-mix(in oklab,var(--wine-deep) 62%,transparent)}
.qd.q1{background:#FFF7FA;color:#7A1F48}.qd.q2{background:#F0F9F3;color:#2E7D52}.qd.q3{background:#F4F6FE;color:#3B57C4}.qd.q4{background:#FFFBF2;color:#B5651D}
.qd.q2,.qd.q4{border-left:1px solid #F1E4E9}.qd.q3,.qd.q4{border-top:1px solid #F1E4E9}
.qm-pos{margin:10px 0 16px;padding:12px 14px;border-radius:10px;background:#3A0C25;color:var(--cream)}
.qm-pos span{font-size:8.5px;letter-spacing:.2em;font-weight:600}
.qm-pos p{margin:4px 0 0;font-size:10.5px;line-height:1.5}
.qm-full .qm-q{font-size:9.5px}

.an-si2{padding:0!important}
.si-scroll{height:250px;padding:12px 14px 0}
.an-si2 .pl-roll{display:flex;flex-direction:column;gap:6px}
.an-si2 h6{margin:2px 0 0}
.an-si2 p{margin:0}
.si-eb{display:block;font-size:8px;letter-spacing:.2em;font-weight:600;color:#FF9DBE;margin:8px 0 5px}
.si-ev blockquote{margin:0 0 6px;padding:7px 10px;border-left:2px solid #FF7BA8;background:rgba(255,244,240,.06);border-radius:0 6px 6px 0;font-family:var(--font-serif);font-style:italic;font-size:11px;line-height:1.4;color:var(--cream)}
.si-ev cite{display:block;margin-top:3px;font-family:var(--font-sans);font-style:normal;font-size:8.5px;color:color-mix(in oklab,var(--cream) 55%,transparent)}
.si-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 0;border-top:1px solid rgba(255,244,240,.08);font-size:10px;color:color-mix(in oklab,var(--cream) 82%,transparent)}
.si-row b{color:#FF9DBE;font-size:10px}
.si-row i{font-style:normal;font-size:8.5px;font-weight:600;padding:2px 7px;border-radius:999px;white-space:nowrap}
.si-row i.up{background:rgba(127,209,185,.16);color:#9FE3CB}.si-row i.dn{background:rgba(255,123,168,.16);color:#FF9DBE}.si-row i.md{background:rgba(242,166,90,.16);color:#F5BE85}
.si-imp ol{margin:0 0 16px;padding-left:16px;display:flex;flex-direction:column;gap:4px;font-size:10px;line-height:1.45;color:color-mix(in oklab,var(--cream) 85%,transparent)}
.si-imp li::marker{color:#FF7BA8;font-weight:700}

.rp-scroll{height:300px;margin:0 -2px}
.rp-scroll .rp-s{margin:12px 0 6px}
.rp-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.rp-kpi div{padding:8px;border-radius:8px;background:#FDF2F6;font-size:9px;line-height:1.2;color:color-mix(in oklab,var(--wine-deep) 65%,transparent)}
.rp-kpi b{display:block;font-size:18px;font-weight:700;letter-spacing:-.03em;color:#9C3A62}
.rp-f{padding:8px 0;border-top:1px solid #F1E4E9}
.rp-f>b{display:block;font-size:11.5px;font-weight:700;letter-spacing:-.01em;color:var(--wine-deep)}
.rp-f p{margin:3px 0 6px;font-size:10px;line-height:1.5;color:color-mix(in oklab,var(--wine-deep) 75%,transparent)}
.rp-f blockquote{margin:0;padding:5px 9px;border-left:2px solid #CD648B;background:#FDF5F8;font-family:var(--font-serif);font-style:italic;font-size:10.5px;color:var(--wine)}
.rp-f cite{margin-left:6px;font-family:var(--font-sans);font-style:normal;font-size:8.5px;color:color-mix(in oklab,var(--wine-deep) 50%,transparent)}
.rp-h4{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-top:1px solid #F1E4E9;font-size:10px}
.rp-h4 b{color:#CD648B;margin-right:8px}
.rp-h4 i{font-style:normal;font-size:8.5px;font-weight:600;padding:2px 7px;border-radius:999px}
.rp-h4 i.up{background:#E3F4EA;color:#2E7D4F}.rp-h4 i.md{background:#FAEFD9;color:#9A7230}
.rp-rec b{color:#9C3A62}
.rp-np{margin:0 0 16px;font-size:10px;line-height:1.5;color:color-mix(in oklab,var(--wine-deep) 75%,transparent)}

.pl-scroll{--sh:300px}.si-scroll{--sh:250px}.qm-scroll{--sh:318px}.rp-scroll{--sh:300px}
@keyframes plRoll2{0%,10%{transform:translateY(0)}90%,100%{transform:translateY(calc(-100% + var(--sh) - 20px))}}
.pm-p.on .pl-roll{animation-name:plRoll2}

.ap-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.ap-ok{padding:4px 10px;border-radius:999px;background:#E6F7EE;border:1px solid #BFE8D2;color:#1F7A4D;font-size:10px;font-weight:600;white-space:nowrap}
.ap-r{display:flex;align-items:center;gap:6px}
.ap-pub{padding:3px 9px;border-radius:999px;border:1px solid rgba(47,179,106,.5);background:rgba(47,179,106,.12);color:#5FD196;font-size:9.5px;font-weight:600}
.ap-ex{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:7px;border:1px solid rgba(255,244,240,.25);color:var(--cream);font-size:9.5px;font-weight:600}
.ap-ex svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pl-scroll{--sh:270px}.pl-full .pl-scroll{height:270px}.rp-scroll{height:270px;--sh:270px}
@media (max-width:640px){.ap-ex:not(:first-of-type){display:none}}

.fx h6{margin:4px 0;font-size:13px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.fx p{margin:0;font-size:10px;line-height:1.45;opacity:.8}
.qm-scroll{height:auto!important;overflow:visible;-webkit-mask:none;mask:none}
.pm-p.on .qm-scroll .pl-roll{animation:none!important;transform:none}
.an-si2,.an-si2 h6,.an-si2 p{color:var(--wine-deep)!important}
.an-si2{background:#fff!important;border:1px solid #F1E4E9}
.an-si2 .an-k,.an-si2 .si-eb{color:#CD648B!important}
.an-si2 p{opacity:.85}
.an-si2 .si-ev blockquote{background:#FDF5F8;color:var(--wine)!important;border-left-color:#CD648B}
.an-si2 .si-ev cite{color:color-mix(in oklab,var(--wine-deep) 55%,transparent)}
.an-si2 .si-row{border-top-color:#F1E4E9;color:color-mix(in oklab,var(--wine-deep) 85%,transparent)}
.an-si2 .si-row b{color:#CD648B}
.an-si2 .si-row i.up{background:#E3F4EA;color:#2E7D4F}.an-si2 .si-row i.dn{background:#FBE6EE;color:#A3334F}.an-si2 .si-row i.md{background:#FAEFD9;color:#9A7230}
.an-si2 .si-imp ol{color:color-mix(in oklab,var(--wine-deep) 85%,transparent)}
.an-si2 .si-imp li::marker{color:#CD648B}
.pm-bw{position:relative;display:inline-flex}
.pm-dot{position:absolute;top:-1px;right:-2px;width:7px;height:7px;border-radius:50%;background:#FF3B5C;box-shadow:0 0 0 2px #1f0515}

/* box Muito dado · slides 2-4 */
.mdx{container-type:inline-size;width:min(1500px,100%);margin:0 auto;padding:clamp(56px,7vw,120px) clamp(16px,3vw,48px) 0;text-align:center;color:#0B0B0D;position:relative;z-index:2}
.mdx p,.mdx h2{margin:0}
.mdxg{background:linear-gradient(90deg,#350924 0%,#8E2A55 22%,#CD648B 45%,#FF7BA8 62%,#F59A84 80%,#F2A65A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.mdx1-a,.mdx1-b{font-weight:700;font-size:clamp(26px,5.6cqw,104px);line-height:1;letter-spacing:-.045em;color:#350924;text-wrap:balance}
.mdx1-b{margin-top:.14em!important}
.mdx1-c{display:flex;align-items:flex-end;justify-content:center;margin-top:.05em!important;font-weight:700;font-size:clamp(52px,11.4cqw,210px);line-height:.9;letter-spacing:-.055em}
.mdx1-c .mdxg{background-size:8.1em 100%;padding-right:.06em}
.mdx1-c .g-a{background-position:0 0;margin-right:-.08em}
.mdx1-c .g-b{background-position:-3.3em 0;position:relative;z-index:3}
.mdx1-c img{height:1.57em;width:auto;flex:none;margin:0 -.3em -.16em -.14em;position:relative;z-index:2;filter:drop-shadow(0 .1em .2em rgba(255,123,168,.35))}
.mdx2-h{font-weight:700;font-size:clamp(26px,4.9cqw,94px);line-height:.94;letter-spacing:-.01em;color:#350924}
.mdx2-w{display:flex;align-items:center;justify-content:center;margin-top:-.1em!important;font-weight:700;font-size:clamp(46px,11.4cqw,219px);line-height:1;letter-spacing:-.045em;color:#A6A6A6;white-space:nowrap}
.mdx2-w img{width:2.38em;height:auto;flex:none;margin:-.45em -.42em -.62em -.02em;position:relative;z-index:2}
.mdx2-cols{display:flex;justify-content:space-between;gap:24px;margin:clamp(8px,1.6cqw,30px) auto 0;max-width:84cqw;font-size:clamp(16px,2.1cqw,40px);line-height:1.25}
.mdx2-l{font-weight:700;text-align:left}
.mdx2-r{font-weight:400;color:#57434F;text-align:right}
.mdx3-h{display:flex;flex-direction:column;align-items:center;font-weight:700;font-size:clamp(28px,6.7cqw,128px);line-height:.98;letter-spacing:-.05em}
.mdx3-1{display:flex;align-items:flex-start;gap:.2em;color:#350924}
.mdx3-1 img{width:.44em;height:auto;flex:none;margin-top:.1em}
.mdx3-2{display:flex;align-items:flex-start;justify-content:center;white-space:nowrap}
.mdx3-cm{position:relative;width:4.2em;flex:none}
.mdx3-cm img{position:absolute;left:50%;top:-.15em;width:4.45em;height:auto;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 .2em .3em rgba(31,5,21,.18))}
.mdx3-big{font-weight:700;font-size:clamp(70px,15.1cqw,290px);line-height:1;letter-spacing:-.06em;margin-top:-.02em!important;position:relative;z-index:1}
.mdx3-big .mdxg{padding:0 .04em .06em}
.mdx3-s{margin-top:clamp(12px,1.25cqw,24px)!important;font-size:clamp(16px,2.3cqw,44px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}
.mdx3-c{margin-top:clamp(10px,1.35cqw,26px)!important;font-size:clamp(12px,1.15cqw,22px);line-height:1.3;color:#57434F}
.mdx3{padding-bottom:clamp(20px,3vw,48px)}
@media (max-width:640px){.mdx2-cols{flex-direction:column;align-items:center;gap:14px;max-width:none}.mdx2-l,.mdx2-r{text-align:center}.mdx2-cols br,.mdx3-s br{display:none}.mdx3-2{flex-wrap:wrap}.mdx3-cm{width:3.4em}.mdx3-cm img{width:3.7em}}

/* slide 5 diagramação */
.vg-stm .stm-duo{display:flex !important;justify-content:center !important;align-items:center !important;width:min(1620px,100%) !important;margin:0 auto !important;padding:0 clamp(12px,3vw,40px) !important;box-sizing:border-box !important}
.vg-stm .stm-l,.vg-stm .stm-r{flex:0 0 auto !important;width:min(56%,900px) !important;min-height:clamp(150px,17vw,320px) !important;border-radius:200px !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;justify-content:center !important;margin:0 !important;font-size:clamp(15px,2.1vw,40px) !important;line-height:1.2 !important;letter-spacing:-.01em !important;text-align:left !important}
.vg-stm .stm-l{background:linear-gradient(115deg,rgba(255,255,255,.85),rgba(255,214,228,.75)) !important;border:1.5px solid rgba(255,255,255,.9) !important;box-shadow:0 40px 80px -30px rgba(53,9,36,.28),inset 0 1px 0 rgba(255,255,255,.9) !important;padding:0 14% 0 6% !important;color:#57434F !important;position:relative !important;z-index:1 !important}
.vg-stm .stm-r{background:linear-gradient(115deg,#6A1838 0%,#3A0A26 55%,#1F0515 100%) !important;box-shadow:0 40px 90px -30px rgba(53,9,36,.55),inset 0 1px 0 rgba(255,123,168,.35) !important;padding:0 6% 0 13% !important;color:#F2D3DE !important;margin-left:-12% !important;position:relative !important;z-index:2 !important}
.vg-stm .stm-l strong,.vg-stm .stm-r strong,.vg-stm .gw{transform:none !important;display:block !important;margin-top:.25em !important;font-weight:700 !important;font-size:2.5em !important;line-height:.95 !important;letter-spacing:-.055em !important;filter:none !important;text-shadow:none !important;animation:none !important}
.vg-stm .stm-l strong{color:#350924 !important;background:none !important;-webkit-text-fill-color:#350924 !important}
.vg-stm .stm-r strong{background:linear-gradient(90deg,#FFB3CB,#FF7BA8 45%,#F2A65A) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;padding-bottom:.06em !important}
.vg-stm .stm-b{margin:clamp(40px,5vw,100px) auto 0 !important;text-align:center !important;font-size:clamp(20px,2.3vw,44px) !important;line-height:1.25 !important;letter-spacing:-.02em !important;color:#350924 !important;max-width:none !important}
@media (max-width:700px){.vg-stm .stm-duo{flex-direction:column !important}.vg-stm .stm-l,.vg-stm .stm-r{width:94% !important;border-radius:120px !important;font-size:17px !important;min-height:150px !important}.vg-stm .stm-r{margin:-28px 0 0 !important;padding:0 10% 0 12% !important}.vg-stm .stm-l{padding:0 10% 0 12% !important}}

.vg-stm .stm-l,.vg-stm .stm-r,.vg-stm .stm-l.in,.vg-stm .stm-r.in{transform:none !important;rotate:none !important;mask:none !important;-webkit-mask:none !important;overflow:hidden !important}
.vg-stm .stm-l::after,.vg-stm .stm-r::after,.vg-stm .stm-l::before,.vg-stm .stm-r::before,.vg-stm .stm-duo::after,.vg-stm .stm-duo::before{display:none !important}

/* fluxo contínuo · Muito dado */
#dados.flow{background:#F3E6EB}
#dados.flow>.vg-blob,#dados.flow .vg-q>.vg-blob,#dados.flow .vg-q .tri{display:none!important}
#dados.flow .vg-q{background:transparent!important;min-height:0!important;padding:clamp(60px,8vw,140px) 0 clamp(100px,12vw,200px)!important}
#dados.flow .mdx{padding-top:clamp(70px,9vw,170px)!important}
#dados.flow .mdx1{padding-top:clamp(90px,11vw,200px)!important}
.flow-bg{position:sticky;top:0;height:100vh;margin-bottom:-100vh;pointer-events:none;z-index:0;overflow:hidden}
.flow-bg i{position:absolute;border-radius:50%;filter:blur(40px);will-change:transform}
.flow-bg i:nth-child(1){width:70vmax;height:70vmax;background:radial-gradient(closest-side,rgba(244,124,170,.7),rgba(244,124,170,0));left:-25vmax;top:30vh;transform:translate(calc(var(--p,0)*60vw),calc(var(--p,0)*-40vh))}
.flow-bg i:nth-child(2){width:65vmax;height:65vmax;background:radial-gradient(closest-side,rgba(246,170,120,.62),rgba(246,170,120,0));right:-25vmax;top:-20vh;transform:translate(calc(var(--p,0)*-45vw),calc(var(--p,0)*50vh))}
.flow-bg i:nth-child(3){width:45vmax;height:45vmax;background:radial-gradient(closest-side,rgba(205,100,139,.45),rgba(205,100,139,0));left:35vw;top:60vh;transform:translate(calc(sin(var(--p,0)*3.14rad)*-30vw),calc(var(--p,0)*-70vh))}
#dados.flow .rv{opacity:var(--o,0)!important;translate:0 var(--y,48px)!important;filter:blur(var(--b,12px))!important;transition:none!important}
@media (prefers-reduced-motion:reduce){#dados.flow .rv{opacity:1!important;translate:none!important;filter:none!important}.flow-bg i{transform:none!important}}

.stm-k{white-space:nowrap}
@media (max-width:700px){.stm-k{white-space:normal}}
/* mdx2 centralizado */
#dados .mdx2-cols{display:flex!important;flex-direction:column!important;align-items:center!important;gap:clamp(56px,9vw,160px)!important;max-width:none!important;margin-top:clamp(60px,9vw,170px)!important;font-size:clamp(22px,3cqw,54px)!important;line-height:1.15!important;letter-spacing:-.03em}
#dados .mdx2-l,#dados .mdx2-r{text-align:center!important;text-wrap:balance}#dados .mdx2-l{color:#350924;font-weight:700}#dados .mdx2-r{color:#57434F;font-weight:400}
/* bento fonte maior */ .bento .bx .q{font-size:clamp(24px,2.3vw,36px)!important;line-height:1.1!important}.bento .bx .nm{font-size:clamp(15px,1.2vw,19px)!important}.bento .bx>p:not(.q){font-size:clamp(17px,1.35vw,21px)!important;line-height:1.5!important}
/* cérebro menor */ .brain-band .bb-img{scale:.8;transform-origin:50% 50%}
/* xc-x destaque */ .xc-row .xc-x{font-family:var(--font-sans)!important;font-weight:700!important;font-size:clamp(26px,2.6vw,42px)!important;line-height:1!important;color:#FF7BA8!important;opacity:1!important;text-shadow:0 0 14px rgba(255,123,168,.85),0 0 32px rgba(255,123,168,.45)!important;margin:0 clamp(4px,.6vw,10px)!important;display:inline-flex;align-items:center}
/* painéis cheios */ .pm-pan>.pm-p{align-self:stretch;min-height:100%}.pm-pan>.pm-p>:last-child{flex:1 1 auto}
/* hero lead leve */
#top .x-lead.hl-a,.x-hero .x-lead.hl-a{font-size:clamp(18px,1.4vw,23px)!important;line-height:1.55!important;max-width:44ch;font-weight:400;color:color-mix(in oklab,var(--cream) 74%,transparent);text-wrap:pretty;letter-spacing:-.005em}
.hl-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:760px;margin-top:clamp(28px,3vw,44px);text-align:left}
.hl-tri small{grid-column:1/-1;margin-bottom:14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklab,var(--cream) 50%,transparent)}
.hl-tri span{padding:2px clamp(14px,1.6vw,24px);border-left:1px solid color-mix(in oklab,var(--accent-glow) 35%,transparent);font-size:clamp(14px,1.05vw,16px);line-height:1.45;color:color-mix(in oklab,var(--cream) 66%,transparent)}
.hl-tri span:first-of-type{padding-left:0;border-left:0}
.hl-tri b{display:block;margin-bottom:4px;font-weight:700;font-size:clamp(22px,1.9vw,30px);line-height:1;letter-spacing:-.04em;color:var(--accent-glow);text-shadow:0 0 22px color-mix(in oklab,var(--accent-glow) 45%,transparent)}
@media (max-width:640px){.hl-tri{grid-template-columns:minmax(0,1fr);gap:16px}.hl-tri span{padding:0 0 0 14px;border-left:1px solid color-mix(in oklab,var(--accent-glow) 35%,transparent)}.hl-tri span:first-of-type{padding-left:14px;border-left:1px solid color-mix(in oklab,var(--accent-glow) 35%,transparent)}}

.hl-tri-fix{} .hl-tri{margin-left:auto!important;margin-right:auto!important;text-align:center!important}.hl-tri span{padding:2px clamp(14px,1.6vw,24px)!important}.hl-tri span:first-of-type{padding-left:clamp(14px,1.6vw,24px)!important}@media (max-width:640px){.hl-tri span,.hl-tri span:first-of-type{border-left:0!important;padding:0!important}.hl-tri span+span{padding-top:16px!important;border-top:1px solid color-mix(in oklab,var(--accent-glow) 30%,transparent)!important}}
/* hl boxes */
.hl-tri{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(10px,1.2vw,16px)!important;max-width:820px}
.hl-tri small{display:none}
.hl-bx{display:flex;flex-direction:column;align-items:center;gap:12px;padding:clamp(18px,1.8vw,26px) clamp(14px,1.4vw,20px);border-radius:20px;background:linear-gradient(160deg,rgba(255,123,168,.10),rgba(255,244,240,.03));border:1px solid rgba(255,123,168,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .4s,background .4s,translate .4s}
.hl-bx:hover{border-color:rgba(255,123,168,.5);background:linear-gradient(160deg,rgba(255,123,168,.16),rgba(255,244,240,.05));translate:0 -3px}
.hl-bx span{padding:0!important;border:0!important;font-size:clamp(13px,1vw,15px);line-height:1.4;color:color-mix(in oklab,var(--cream) 66%,transparent)}
.hl-bx b{display:block;margin-bottom:4px;font-weight:700;font-size:clamp(20px,1.7vw,27px);line-height:1;letter-spacing:-.04em;color:var(--accent-glow);text-shadow:0 0 22px color-mix(in oklab,var(--accent-glow) 45%,transparent)}
.hl-ic{width:34px;height:34px;fill:none;stroke:#FF7BA8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(255,123,168,.6))}
.hl-ic .f{fill:#FF7BA8}
@media (max-width:640px){.hl-tri{grid-template-columns:minmax(0,1fr)!important}.hl-bx{flex-direction:row;text-align:left}.hl-bx span+span,.hl-tri .hl-bx span{border-top:0!important;padding-top:0!important}}

/* hl sem box */
.hl-bx,.hl-bx:hover{background:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0 clamp(8px,1vw,14px)!important;translate:none!important;gap:14px!important}
img.hl-ic{width:clamp(52px,4.6vw,72px);height:clamp(52px,4.6vw,72px);object-fit:contain;filter:drop-shadow(0 10px 22px rgba(255,123,168,.35))!important;transition:transform .5s var(--x-ease)}
.hl-bx:hover img.hl-ic{transform:translateY(-4px) rotate(-4deg)}
.hl-bx span{font-size:clamp(16px,1.25vw,19px)!important;color:color-mix(in oklab,var(--cream) 90%,transparent)!important}
@media (max-width:640px){.hl-bx{padding:0!important}img.hl-ic{width:48px;height:48px}}

/* hl-a maior */ #top .x-lead.hl-a,.x-hero .x-lead.hl-a{font-size:clamp(22px,2.1vw,34px)!important;line-height:1.35!important;color:color-mix(in oklab,var(--cream) 94%,transparent)!important;max-width:44ch!important}
.hl-bx img.hl-ic[src*="hl-x"]{translate:5% 0}
.x-sec.x-close::before{top:-40px!important;opacity:1;background:radial-gradient(50% 50%,color-mix(in oklab,var(--accent) 62%,transparent),transparent 70%)!important}
.es-h .es-b,.bb-w.es-bw{background-image:linear-gradient(100deg,#FF7BA8,#FFD9B8 55%,#E8B0C4)!important}
/* box sempre cheio */.pm-pan,.pm2 .pm-pan{height:clamp(340px,30vw,380px);min-height:0!important;overflow:hidden}.pm-pan>.pm-p{min-height:0!important;align-self:start}
.pm .pm-b{padding-bottom:0!important}
.agt-r .agp{padding:1px 5px;border-radius:999px;background:rgba(255,255,255,.7);font-size:9px;font-weight:600;justify-self:start}
.vg-a.flow{padding-top:0!important;margin-top:0!important}.vg-a.flow .mdx1{padding-top:clamp(16px,2vw,32px)!important}
.mdx3-1{gap:.25em}.mdx3-1 .mq{display:inline-flex;align-items:flex-start;gap:.08em}.mdx3-1 .mq img{width:.36em;height:auto;flex:none;margin-top:.08em;background:none!important}
.mdx3-1{white-space:nowrap;align-items:flex-start}.mdx3-1>span{flex:none;white-space:nowrap}.mdx3-1 .mq>span{white-space:nowrap}
.vg-stm .stm-b{font-family:var(--font-sans)!important;font-weight:700!important;font-size:clamp(26px,4.6vw,94px)!important;line-height:.94!important;letter-spacing:-.01em!important;color:#350924!important;text-align:center;max-width:none!important;text-wrap:balance}
.mdx3-1 .mq img.mq1{transform:scale(-1,-1);opacity:1!important;filter:none!important}.brain-band .bb-img{scale:.62!important}
.mdx3-1 .cq{display:inline-flex;align-items:flex-start;gap:.08em;white-space:nowrap}.mdx3-1 .cq img{width:.36em;height:auto;flex:none;margin-top:.08em}.mdx3-1 .cq img.mq1{transform:scale(-1,-1)}
#portfolio{padding-bottom:clamp(20px,2.5vw,40px)!important}#composta{margin-top:clamp(-130px,-9vw,-60px)!important}.mdx3-1 .cq{gap:0!important}.mdx3-1 .cq img.mq1{margin-right:-.04em}.mdx3-1 .cq img.mq2{margin-left:-.06em}
.vg-stm .stm-b{position:relative;top:clamp(24px,3vw,56px)}
.mdx3-1 .cq img{margin-top:.2em!important}
.hl-tri.hl-stm{margin:clamp(80px,8vw,130px) auto 0;position:relative}.hl-stm .hl-bx span{color:#350924!important}.hl-stm .hl-bx b{color:#CD648B!important;text-shadow:none!important}
.hl-stm .hl-bx span{font-size:clamp(18px,1.6vw,23px)!important}.hl-stm .hl-bx b{font-size:clamp(24px,2.2vw,32px)!important}.bento .bx p:not(.q){font-size:clamp(18px,1.4vw,21px)!important;line-height:1.45!important}
.x-logos img{opacity:.95!important}
.mdx3-h{position:relative;z-index:2}
.mdx3-1{gap:.12em!important}.mdx3-1 .cq img.mq1{margin-left:-.04em}.mdx3-2>span:last-child{margin-left:-.55em;position:relative;z-index:1}
/* mobile pass */
html,body{overflow-x:clip}
@media (max-width:640px){
.x-h1{font-size:clamp(36px,11vw,46px)!important;line-height:1!important}
.x-h1 .h1p{height:.82em!important}
.mdx{padding-left:20px!important;padding-right:20px!important}
.mdx1-a,.mdx1-b{font-size:clamp(24px,7.4vw,30px)!important}
.mdx1-c{font-size:clamp(46px,14.5vw,60px)!important}
.mdx2-h{font-size:clamp(24px,7.2vw,30px)!important;line-height:1!important}
.mdx2-w{font-size:clamp(44px,13.5vw,58px)!important}
.mdx2-cols{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;text-align:center}
.mdx3{padding-top:40px!important;padding-bottom:40px!important}
.mdx3-h{font-size:clamp(24px,7vw,30px)!important}
.mdx3-1{flex-wrap:wrap;justify-content:center;white-space:normal}
.mdx3-2{margin-top:.15em}
.mdx3-cm{width:2.6em!important}.mdx3-cm img{width:3em!important;top:-.35em!important}
.mdx3-2>span:last-child{margin-left:-.2em!important}
.mdx3-big{font-size:clamp(64px,19vw,82px)!important;margin-top:.35em!important}
.mdx3-s{font-size:16px!important;line-height:1.45!important;padding:0 6px}.mdx3-s br{display:none}
.mdx3-c{font-size:13px!important}
.vg-stm .stm-duo{gap:28px!important}
.vg-stm .stm-l,.vg-stm .stm-r{font-size:18px!important;text-align:center}
.vg-stm .stm-b{font-size:clamp(24px,7vw,30px)!important;line-height:1.02!important}
.vg-stm .stm-b br{display:none}
.hl-tri.hl-stm{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:26px!important;justify-items:center;text-align:center;margin-top:56px!important}
.hl-stm .hl-bx{flex-direction:column!important;align-items:center!important;text-align:center;gap:8px!important}
.hl-stm .hl-ic{width:64px!important;height:64px!important}
.hl-stm .hl-bx b{display:block;font-size:26px!important}.hl-stm .hl-bx span{font-size:18px!important}
.bento .bx p:not(.q){font-size:17px!important}
.bb-w{font-size:clamp(44px,13vw,58px)!important}
.x-h2{font-size:clamp(34px,10vw,42px)!important;line-height:1!important}
.x-lead{font-size:17px!important}
.x-close .es-c{font-size:clamp(38px,11vw,48px)!important}
footer small,footer a,.x-foot a,.x-foot small,.x-foot span{font-size:13px!important}
.x-nav .lang,.lang-t{font-size:13px!important}
}
@media (max-width:640px){.mdx3-cm{width:3em!important}.mdx3-cm img{width:4.2em!important;top:-.25em!important}.mdx3-big{margin-top:.2em!important}}
.x-foot .ft-pw{margin:0;display:inline-flex;align-items:center;gap:8px}.x-foot .ft-pw small{font-size:12px!important;opacity:.7}.x-foot .ft-pw img{height:16px;width:auto}
.x-foot .br{display:flex!important;align-items:center!important;gap:16px}.x-foot .br .x-logo{display:inline-flex;align-items:center;margin-top:-6px}.x-foot .ft-pw img{height:22px!important}
@media (max-width:640px){
.x-hero .x-h1{font-size:clamp(54px,16.5vw,72px)!important;line-height:.9!important;gap:.06em!important}
.x-hero .x-h1 .h1l{display:flex!important;flex-wrap:wrap!important;justify-content:center;align-items:center;column-gap:.14em;row-gap:0}
.x-hero .x-h1 .h1l>span:last-child{flex-basis:100%;text-align:center}
.x-hero .x-h1 .h1p{height:.8em!important;width:1.1em!important;flex:none}
.x-hero .x-h1 .h1p img{width:100%!important;height:100%!important;object-fit:cover}
#top .x-lead.hl-a{font-size:16px!important;line-height:1.45!important;max-width:32ch;margin-top:28px!important;opacity:.85}
.x-nav .x-links .x-btn.p{font-size:13px!important;padding:8px 14px!important;min-height:0!important}.x-nav .lang-toggle{padding:6px 10px!important}
}
@media (max-width:640px){.mdx1-c{font-size:10.6vw!important;white-space:nowrap}.mdx2-w{font-size:10.2vw!important;white-space:nowrap}.mdx{padding-left:14px!important;padding-right:14px!important}}
@media (max-width:640px){
.pm-tabs{overflow-x:auto!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pm-tabs::-webkit-scrollbar{display:none}
.pm-pan,.pm2 .pm-pan{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;height:clamp(380px,100vw,440px)!important;mask-image:linear-gradient(90deg,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
.pm-pan::-webkit-scrollbar{display:none}
.pm-pan>.pm-p{width:600px;min-width:600px}
.pm-pan>.pm-p:not(.on){visibility:hidden}
.pm-lib .lb{grid-template-columns:auto minmax(0,1fr) auto auto!important}.pm-lib .lb-dl{display:block!important}
.pm-swipe{display:flex!important}
}
.pm-swipe{display:none;align-items:center;justify-content:flex-end;gap:6px;margin-top:8px;font-size:12px;letter-spacing:.04em;color:color-mix(in oklab,var(--cream) 55%,transparent)}
@media (max-width:640px){
.vg-stm .stm-duo{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch!important}
.vg-stm .stm-duo::before,.vg-stm .stm-duo::after{display:none!important}
.vg-stm .stm-l,.vg-stm .stm-r{width:auto!important;min-height:0!important;height:auto!important;margin:0!important;border-radius:28px!important;padding:30px 22px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px;transform:none!important;font-size:17px!important;line-height:1.3!important}
.vg-stm .stm-l .stm-k,.vg-stm .stm-r{text-wrap:balance}
.vg-stm .stm-l .gw,.vg-stm .stm-r .gw{display:block;font-size:clamp(40px,12vw,52px)!important;line-height:1!important;margin-top:4px}
}
@media (max-width:640px){
.vg-stm .pz{display:none!important}
.vg-stm .stm-l{background:linear-gradient(180deg,#F7D3E0,#F0B6CB)!important;border:1px solid rgba(255,255,255,.6)!important;color:#350924!important;box-shadow:0 20px 40px -24px rgba(53,9,36,.45)}
.vg-stm .stm-r{background:linear-gradient(180deg,#5A1230,#1f0515)!important;border:1px solid rgba(255,123,168,.18)!important;color:#FFF4F0!important;box-shadow:0 24px 44px -24px rgba(31,5,21,.6)}
}
@media (max-width:640px){
#composta.brain-band{margin-top:0!important;padding:72px 0 64px!important}
#composta .bb-in{display:flex!important;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:auto!important;min-height:92vw;padding:0 16px!important}
#composta .bb-img,#composta .bb-img.rv,#composta .bb-img.rv.in{position:absolute!important;left:50%!important;top:50%!important;width:96vw!important;scale:1!important;translate:-50% -50%!important;transform:none!important;z-index:0;opacity:.85}
#composta .bb-w,#composta .bb-w.l,#composta .bb-w.r{position:relative!important;left:auto!important;right:auto!important;top:auto!important;translate:none!important;transform:none!important;margin:0!important;font-size:clamp(50px,15vw,64px)!important;line-height:.95!important;z-index:2;text-align:center}
#composta .bb-w.l{order:1}#composta .bb-w.r{order:2}
#composta .xc-row{position:relative;z-index:2;display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px 6px!important;padding:0 18px!important;margin-top:32px!important}
#composta .xc{font-size:14px!important;padding:8px 14px!important}
#composta .xc-x{font-size:16px!important;align-self:center}
}
@media (max-width:640px){
#composta .bb-in{min-height:0!important}
#composta .bb-img,#composta .bb-img.rv,#composta .bb-img.rv.in{position:relative!important;left:auto!important;top:auto!important;translate:none!important;width:78vw!important;order:2;margin:-6vw 0 -8vw!important;opacity:1}
#composta .bb-w.l{order:1}#composta .bb-w.r{order:3}
}
@media (max-width:760px){
#hub{padding-top:48px!important}
#hub .x-comp{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:28px!important;grid-template-columns:none!important}
#hub .x-comp>*{width:100%!important;max-width:none!important;grid-column:auto!important;justify-self:center!important;text-align:center!important}
#hub .si-lock{width:min(240px,64vw)!important;margin:0 auto!important;order:-1}
#hub .x-comp h2,#hub .x-comp .x-h2{font-size:clamp(38px,11.5vw,48px)!important;line-height:.98!important;text-align:center!important;max-width:11ch;margin:0 auto!important}
#hub .x-comp h2 br{display:none}
#hub .x-comp p{font-size:17px!important;line-height:1.5!important;max-width:34ch;margin:0 auto!important;text-align:center!important}
}
@media (max-width:760px){
#hub .si-lock{display:flex!important;flex-direction:column!important;align-items:center!important;position:relative}
#hub .si-lock .si-svg{width:100%!important;margin:0!important;align-self:center!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important}
#hub .si-lock .si-intel{align-self:flex-end!important;margin:4px 0 0!important;position:relative!important;left:auto!important;right:auto!important;transform:none!important}
#hub .si-lock .si-orb{left:50%!important;top:50%!important;translate:-50% -50%!important;transform:none!important}
#hub .x-comp h2,#hub .x-comp .x-h2{margin:0 auto 22px!important}
}
.xc-track{display:contents}.xc-dup,.xc-dup-set{display:none}
@media (max-width:640px){
#composta .xc-row{display:block!important;flex-wrap:nowrap!important;overflow:hidden;padding:0!important;margin-left:-16px!important;margin-right:-16px!important;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
#composta .xc-track{display:flex;width:max-content;align-items:center;gap:8px;animation:xcRun 26s linear infinite;padding:10px 0}
#composta .xc-dup{display:inline-flex}#composta .xc-dup-set{display:contents}
#composta .xc{white-space:nowrap;flex:none}
#composta .xc-x{flex:none}
}
@keyframes xcRun{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){#composta .xc-track{animation:none}}
#composta .xc-row .xc-dup,#composta .xc-row .xc-dup-set{display:none!important}
@media (max-width:640px){#composta .xc-row .xc-dup{display:inline-flex!important}#composta .xc-row .xc-dup-set{display:contents!important}}
@media (max-width:760px){
#hub .x-comp .es-h{display:flex!important;flex-direction:column!important;align-items:center!important;max-width:12ch}
#hub .x-comp .es-h .es-l,#hub .x-comp .es-h .es-b{display:block!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;align-self:center!important}
#hub .si-lock{width:min(160px,42vw)!important}
}
@media (max-width:640px){#composta .bb-w.r{padding:0 .06em .16em!important;margin-bottom:-.16em!important;line-height:1.05!important}}
.sv-sec{padding:clamp(24px,4vw,64px) 0 clamp(48px,6vw,96px)!important}
.sv{position:relative;max-width:1180px;margin:0 auto;aspect-ratio:16/9;border-radius:clamp(16px,2vw,28px);overflow:hidden;cursor:pointer;background:#1f0515;border:1px solid rgba(255,123,168,.22);box-shadow:0 40px 120px -40px rgba(205,100,139,.45),0 0 0 1px rgba(255,123,168,.06) inset}
.sv-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.sv::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(31,5,21,.55));pointer-events:none;transition:opacity .4s}
.sv:hover .sv-poster{transform:scale(1.03)}
.sv-play{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:clamp(72px,8vw,104px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,244,240,.5);background:rgba(31,5,21,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 40px rgba(255,123,168,.35);transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s,box-shadow .3s}
.sv-play svg{width:34%;fill:#FFF4F0;margin-left:8%}
.sv:hover .sv-play{transform:scale(1.08);background:rgba(205,100,139,.55);box-shadow:0 0 70px rgba(255,123,168,.6)}
.sv.on{cursor:default}.sv.on .sv-poster,.sv.on .sv-play,.sv.on::after{opacity:0;pointer-events:none}
.sv iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
@media (max-width:640px){.sv{border-radius:16px}}
.sv .sv-play{width:clamp(84px,8.5vw,116px);border:0!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0}
.sv-core{position:relative;z-index:2;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#FF9BBE,#CD648B 62%,#9E3D63);box-shadow:0 0 0 1px rgba(255,244,240,.35) inset,0 10px 40px rgba(205,100,139,.55),0 0 60px rgba(255,123,168,.45);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.sv-core svg{width:36%!important;margin-left:6%!important;fill:#FFF4F0}
.sv-r{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,123,168,.75);animation:svPulse 2.8s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.sv-r.r2{animation-delay:.93s}.sv-r.r3{animation-delay:1.86s}
@keyframes svPulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.3);opacity:0}}
.sv:hover .sv-play{transform:none!important}
.sv:hover .sv-core{transform:scale(1.08);box-shadow:0 0 0 1px rgba(255,244,240,.5) inset,0 14px 50px rgba(205,100,139,.7),0 0 90px rgba(255,123,168,.7)}
@media (prefers-reduced-motion:reduce){.sv-r{animation:none;opacity:0}}
.sv-core svg{width:50%!important;margin:0!important;display:block}