/* VINILAZO: floating contextual shortcuts and emotional copy */
.vz-quick-nav{position:fixed;z-index:75;left:clamp(10px,2vw,24px);top:50%;transform:translateY(-50%);display:flex;align-items:flex-start;gap:8px;pointer-events:none;font-family:var(--text,system-ui)}
.vz-quick-nav button,.vz-quick-nav a{pointer-events:auto}
.vz-nav-toggle{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(8,20,42,.82);color:white;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:9px 12px;min-width:45px;min-height:45px;box-shadow:0 6px 25px #0004;cursor:pointer;font-size:15px;line-height:1.1;transition:transform .25s,background .25s,opacity .25s}
.vz-nav-toggle:hover{background:rgba(16,36,70,.97);transform:scale(1.06)}
.vz-nav-toggle:focus-visible,.vz-nav-links a:focus-visible{outline:3px solid var(--acc,#74acdf);outline-offset:3px}
.vz-quick-nav.vz-compact .vz-nav-toggle span{display:none}
.vz-quick-nav.vz-compact .vz-nav-toggle{opacity:.72}
.vz-quick-nav.vz-open .vz-nav-toggle{background:var(--acc,#74acdf);color:var(--onAcc,#08142a);opacity:1}
.vz-nav-links{pointer-events:auto;display:flex;flex-direction:column;gap:3px;min-width:160px;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(8,20,42,.96);box-shadow:0 12px 35px #0008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.vz-nav-links[hidden]{display:none!important}
.vz-nav-links a{text-decoration:none;color:#f3f6fb;font-size:14px;font-weight:650;line-height:1.25;border-radius:10px;padding:11px 12px;transition:background .2s}
.vz-nav-links a:hover,.vz-nav-links a[aria-current="location"]{background:rgba(116,172,223,.22)}
.vz-nav-links a:last-child{background:var(--acc,#74acdf);color:var(--onAcc,#08142a);font-weight:850}
@media(max-width:700px){.vz-quick-nav{top:auto;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:12px;transform:none;flex-direction:column-reverse;align-items:flex-start}.vz-nav-toggle{min-width:44px;min-height:44px;padding:10px}.vz-nav-links{min-width:170px;max-height:60vh;overflow:auto}.vz-quick-nav.vz-compact .vz-nav-toggle{opacity:.78}}
@media(prefers-reduced-motion:reduce){.vz-nav-toggle,.vz-nav-links a{transition:none!important}}
/* Stronger emphasis at the emotional peak, with no hidden content or CLS */
.vz-emphasis{display:inline;color:var(--acc,#74acdf);text-shadow:0 0 24px color-mix(in srgb,var(--acc,#74acdf) 28%, transparent)}
.vz-copy-line.vz-in{animation:vz-copy-in .74s cubic-bezier(.16,1,.3,1) both}
.vz-copy-line.vz-in.hit{animation:vz-hit-in .9s cubic-bezier(.15,1,.27,1) both}
@keyframes vz-copy-in{from{opacity:.35;filter:blur(3px);transform:translateY(16px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes vz-hit-in{0%{opacity:.4;transform:translateY(20px) scale(.96)}65%{transform:translateY(-2px) scale(1.035)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.vz-copy-line.vz-in{animation:none!important}}

/* Right-side contextual rail, upper position with gentle scroll tracking */
.vz-quick-nav{left:auto;right:clamp(10px,2vw,24px);top:38%;transform:translateY(-50%);flex-direction:row-reverse;transition:top .42s cubic-bezier(.2,.7,.2,1)}
.vz-quick-nav.vz-glide{top:43%}
.vz-nav-links{transform-origin:top right;animation:vz-panel .24s ease-out}
@keyframes vz-panel{from{opacity:.4;transform:translateX(9px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:700px){.vz-quick-nav{left:auto;right:12px;top:34%;bottom:auto;transform:translateY(-50%);flex-direction:row-reverse}.vz-quick-nav.vz-glide{top:39%}.vz-nav-links{min-width:165px}}
/* Editorial accents: goal-line, subtle beam, kinetic typography */
.moment .moment-in{isolation:isolate}
.moment h2{position:relative;text-wrap:balance;max-width:900px}
.moment h2::after{content:"";display:block;width:clamp(85px,23vw,190px);height:5px;margin-top:20px;border-radius:20px;background:linear-gradient(90deg,var(--acc),#fff9,transparent);box-shadow:0 0 18px var(--acc);transform-origin:left center;animation:vz-score-line 1.2s cubic-bezier(.2,.8,.2,1) both}
.poem{position:relative;padding-left:clamp(13px,3vw,25px);border-left:2px solid color-mix(in srgb,var(--acc) 56%,transparent)}
.poem::before{content:"";position:absolute;left:-5px;top:0;width:8px;height:8px;background:var(--acc);border-radius:50%;box-shadow:0 0 16px 5px color-mix(in srgb,var(--acc) 35%,transparent)}
.poem p.hit{position:relative;display:table;width:fit-content;padding:4px 12px 7px 0;text-shadow:0 3px 20px color-mix(in srgb,var(--acc) 35%,transparent)}
.poem p.hit::after{content:"";display:block;height:3px;width:100%;max-width:420px;background:linear-gradient(90deg,var(--acc),transparent);border-radius:6px;transform-origin:left;animation:vz-score-line 1.1s .22s both}
.vz-copy-line.vz-in{animation-duration:1s!important}
.vz-copy-line.vz-in.hit{animation-duration:1.2s!important}
@keyframes vz-score-line{from{transform:scaleX(.04);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.vz-quick-nav{transition:none}.moment h2::after,.poem p.hit::after{animation:none}}

/* Glass-clear shortcut tab; preserve readability over photos */
.vz-nav-toggle{background:rgba(8,20,42,.22);border-color:rgba(255,255,255,.32);box-shadow:0 4px 17px rgba(0,0,0,.12);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.65)}
.vz-quick-nav.vz-compact .vz-nav-toggle{opacity:.48;background:rgba(8,20,42,.12)}
.vz-nav-toggle:hover,.vz-nav-toggle:focus-visible{background:rgba(8,20,42,.52);opacity:1}
.vz-nav-links{background:rgba(8,20,42,.52);border-color:rgba(255,255,255,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.vz-quick-nav.vz-open .vz-nav-toggle{background:rgba(8,20,42,.62);color:#fff;text-shadow:none}

/* V5: highly visible editorial kinetic storytelling, without looping */
.moment .moment-in{overflow:visible}
.moment #moment-h{border-left:6px solid var(--acc);padding-left:clamp(12px,2.5vw,28px);background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%);border-radius:4px}
.moment #moment-h.vz-head-play{animation:vz-head-reveal 1.25s cubic-bezier(.16,1,.3,1) both}
.moment .poem p.vz-copy-line.vz-in{animation:vz-editorial-reveal 1.15s cubic-bezier(.15,.8,.2,1) both!important;transition:none!important}
.moment .poem p.vz-copy-line.vz-in.hit{animation:vz-editorial-punch 1.25s cubic-bezier(.15,.8,.2,1) both!important;background:linear-gradient(100deg,color-mix(in srgb,var(--acc) 21%,transparent),transparent);border-radius:5px;padding:6px 10px}
.moment .poem p.vz-copy-line.vz-in.hit::before{content:"";position:absolute;left:-clamp(13px,3vw,25px);top:5px;height:80%;width:5px;background:var(--acc);box-shadow:0 0 14px var(--acc)}
.moment .poem p.hit.vz-in::after{animation:vz-score-line .85s .35s both}
.moment .moment-after.vz-in{animation:vz-editorial-reveal 1.1s ease-out both!important}
@keyframes vz-head-reveal{0%{opacity:.1;transform:translateX(-45px);filter:blur(9px)}65%{filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes vz-editorial-reveal{0%{opacity:0;transform:translateX(-54px) translateY(22px);filter:blur(7px)}70%{opacity:1;filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes vz-editorial-punch{0%{opacity:0;transform:translateX(-55px) scale(.86);filter:blur(9px)}70%{opacity:1;transform:translateX(5px) scale(1.045);filter:none}100%{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.moment #moment-h.vz-head-play,.moment .poem p.vz-copy-line.vz-in,.moment .poem p.vz-copy-line.vz-in.hit,.moment .moment-after.vz-in{animation:none!important;opacity:1;transform:none;filter:none}}

/* Homepage light pass v6: clearer hierarchy, fewer composited effects */
.hero{background:radial-gradient(850px 530px at 76% 44%,var(--navy3),var(--navy) 74%)}
.hero-copy{gap:clamp(10px,1.5vw,14px)}
.hero-stage .halo{opacity:.36;filter:none}
.hero-stage .kit{opacity:.27;filter:none}
.hero-stage .product{filter:drop-shadow(0 18px 22px rgba(0,0,0,.36))}
.hero .quote::before{text-shadow:none}
.topbar{font-weight:550;letter-spacing:0}
.topbar li{opacity:.8}
.moment{background:radial-gradient(circle at 90% 50%,color-mix(in srgb,var(--acc) 14%,transparent) 0,transparent 52%),var(--deep)}
.moment::after{opacity:.22;animation:none}
.moment h2::after,.poem p.hit::after{box-shadow:none}
@media(max-width:700px){
 .topbar{padding:5px 12px;font-size:12px;gap:8px}
 .topbar li:nth-child(n+2){display:none}
 .hero{min-height:auto;padding-top:20px;padding-bottom:48px;gap:14px}
 .hero-copy{gap:10px}
 .hero .quote{font-size:clamp(42px,10vw,64px)}
 .hero-stage .halo{opacity:.25}
 .hero-stage .kit{opacity:.16}
 .hero-stage .product{filter:drop-shadow(0 12px 16px rgba(0,0,0,.3))}
 .moment{padding-top:64px;padding-bottom:70px}
 .moment::after{display:none}
 .wm-disc,.sticky-disc{animation:none}
 .vz-nav-links{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
}
@media(prefers-reduced-motion:reduce){
 .moment #moment-h.vz-head-play,.moment .poem p.vz-copy-line.vz-in{animation:none!important}
}

/* Phones: round Menu icon above the WhatsApp button, never over hero headlines */
@media(max-width:700px){.vz-quick-nav,.vz-quick-nav.vz-glide{top:auto;bottom:calc(162px + env(safe-area-inset-bottom,0px));right:23px;transform:none;align-items:flex-end;transition:none}.vz-nav-toggle{width:44px;height:44px;padding:0;border-radius:50%}.vz-nav-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vz-nav-links{transform-origin:bottom right;max-height:min(60vh,calc(100vh - 220px))}}