.venus-story-section{position:relative;padding:0;background:#02060d;color:#fff;overflow:visible}
.venus-story{--venus-story-sticky-top:0px;position:relative;height:var(--venus-story-desktop-height,620vh);background:#02060d;color:#fff;font-family:"Vazirmatn",Tahoma,sans-serif;isolation:isolate}
.venus-story *{box-sizing:border-box}
.venus-story-hero{position:sticky;top:var(--venus-story-sticky-top);height:calc(100svh - var(--venus-story-sticky-top));min-height:520px;overflow:hidden;background:#02060d;isolation:isolate}
.venus-story-media{position:absolute;inset:0;overflow:hidden}
.venus-story-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#02060d}
.venus-story-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(1,4,10,.18) 0%,transparent 22%,transparent 66%,rgba(1,4,10,.58) 100%),linear-gradient(90deg,rgba(1,4,10,.34) 0%,rgba(1,4,10,.05) 34%,transparent 64%);z-index:1}
.venus-story-grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}
.venus-story-ui{position:absolute;inset:0;z-index:3;pointer-events:none;padding:max(26px,env(safe-area-inset-top)) clamp(24px,4.5vw,76px) max(26px,env(safe-area-inset-bottom))}
.venus-story-eyebrow{position:absolute;top:clamp(28px,5vh,58px);right:clamp(24px,4.5vw,76px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:11px;letter-spacing:.18em;color:rgba(255,255,255,.62);text-transform:uppercase;direction:ltr}
.venus-story-copy{position:absolute;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);bottom:clamp(28px,4.5vh,54px);width:auto;min-height:78px;display:flex;justify-content:center;text-align:center}
.venus-story-scene{position:absolute;left:0;right:0;bottom:0;margin:auto;width:min(760px,88vw);opacity:0;transform:translateY(10px);filter:blur(3px);transition:opacity .42s ease,transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease;will-change:opacity,transform,filter}
.venus-story-scene.active{opacity:1;transform:translateY(0);filter:blur(0)}
.venus-story-kicker{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:7px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.54);direction:ltr}
.venus-story-kicker:before,.venus-story-kicker:after{content:"";width:18px;height:1px;background:rgba(255,255,255,.28)}
.venus-story-scene h1,.venus-story-scene h2{margin:0;font-family:"Vazirmatn",Tahoma,sans-serif;font-weight:450;letter-spacing:-.018em;line-height:1.8;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.28);font-size:clamp(16px,1.5vw,22px);color:#fff}
.venus-story-scene p{margin:7px auto 0;max-width:720px;font-size:clamp(11px,.9vw,13px);line-height:1.9;color:rgba(255,255,255,.66);text-wrap:pretty;font-weight:400}
.venus-story-signature{margin-top:12px;font-size:clamp(12px,1vw,14px);line-height:1.7;color:var(--venus-story-accent,#D4AF37);font-weight:300;letter-spacing:.05em;font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif;opacity:.96}
.venus-story-rail{position:absolute;left:clamp(24px,3.2vw,54px);top:50%;transform:translateY(-50%);height:min(310px,43vh);width:30px;display:flex;align-items:center;justify-content:center}
.venus-story-rail-line{position:absolute;width:1px;height:100%;background:rgba(255,255,255,.16)}
.venus-story-rail-fill{position:absolute;top:0;width:1px;height:0;background:rgba(255,255,255,.9);box-shadow:0 0 16px rgba(255,255,255,.32);will-change:height}
.venus-story-dots{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.venus-story-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.34);box-shadow:0 0 0 5px transparent;transition:.35s ease}
.venus-story-dot.active{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.12);transform:scale(1.15)}
.venus-story-counter{position:absolute;left:clamp(24px,3.2vw,54px);bottom:clamp(32px,5vh,58px);font-variant-numeric:tabular-nums;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:11px;letter-spacing:.12em;color:rgba(255,255,255,.56)}
.venus-story-cue{position:absolute;left:50%;bottom:clamp(28px,4vh,44px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.74);transition:opacity .5s ease,transform .5s ease;white-space:nowrap}
.venus-story-cue.hidden{opacity:0;transform:translate(-50%,9px)}
.venus-story-wheel{width:18px;height:28px;border:1px solid rgba(255,255,255,.58);border-radius:12px;position:relative}
.venus-story-wheel:after{content:"";position:absolute;width:2px;height:5px;border-radius:4px;background:#fff;left:7px;top:5px;animation:venus-story-wheel 1.55s ease-in-out infinite}
@keyframes venus-story-wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}80%,100%{opacity:0;transform:translateY(10px)}}
.venus-story-load{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#02060d;transition:opacity .6s ease,visibility .6s ease}
.venus-story-load.done{opacity:0;visibility:hidden}
.venus-story-load i{width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:venus-story-spin .8s linear infinite}
@keyframes venus-story-spin{to{transform:rotate(360deg)}}
/* The sticky story releases naturally at the end of its scroll track. Keep the following section visually seamless. */
.venus-story-section + section{position:relative;z-index:1}
@media(max-width:700px){
 .venus-story{height:var(--venus-story-mobile-height,470vh)}
 .venus-story-hero{min-height:420px}
 .venus-story-shade{background:linear-gradient(180deg,rgba(1,4,10,.08),transparent 44%,rgba(1,4,10,.72) 100%)}
 .venus-story-copy{right:18px;left:18px;bottom:24px;width:auto;min-height:92px}
 .venus-story-rail{left:14px;height:230px}.venus-story-counter{left:18px}
 .venus-story-scene p{line-height:1.75}.venus-story-scene{width:min(92vw,680px)}
 .venus-story-eyebrow{right:18px;top:26px}
}
@media(prefers-reduced-motion:reduce){.venus-story-scene{transition:none;filter:none;transform:none}.venus-story-wheel:after{animation:none}.venus-story-grain{display:none}}