.wm-ro-page { --ro-paper:#f1f0f2; --ro-ink:#0e0e11; --ro-violet:#7654f8; overflow:clip; background:var(--ro-paper); color:var(--ro-ink); }
.wm-ro-story { position:relative; height:340vh; min-height:2200px; }
.wm-ro-stage { position:sticky; top:0; height:100svh; min-height:640px; overflow:hidden; isolation:isolate; background:var(--ro-paper); }
.wm-ro-stage::before { position:absolute; inset:0; z-index:0; content:""; background:radial-gradient(circle at 78% 42%,rgba(255,255,255,.92),transparent 30%),radial-gradient(circle at 76% 48%,rgba(118,84,248,.055),transparent 42%); opacity:var(--ro-bg-opacity,1); }
.wm-ro-canvas { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; touch-action:pan-y; opacity:var(--ro-canvas-opacity,1); }
.wm-ro-copy { position:absolute; z-index:2; left:clamp(1.25rem,5.4vw,6.4rem); top:50%; width:min(58vw,790px); transform:translateY(-49%); opacity:var(--ro-copy-opacity,1); pointer-events:none; }
.wm-ro-copy>p { display:flex; align-items:center; gap:.8rem; margin:0 0 clamp(1.7rem,3.3vh,2.8rem); font:600 .62rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; text-transform:uppercase; }
.wm-ro-copy>p i { width:2.8rem; height:1px; background:currentColor; }
.wm-ro-copy h1 { margin:0; font-size:clamp(3.7rem,6.7vw,7.5rem); font-weight:690; line-height:.88; letter-spacing:-.078em; word-break:keep-all; }
.wm-ro-copy h1 em { color:var(--ro-violet); font-style:normal; font-weight:630; }
.wm-ro-copy>span { display:block; max-width:29rem; margin-top:clamp(1.8rem,3.8vh,3rem); color:rgba(14,14,17,.56); font-size:clamp(.84rem,1vw,.98rem); line-height:1.75; word-break:keep-all; }
.wm-ro-note { position:absolute; z-index:2; top:clamp(5.7rem,11vh,8rem); right:clamp(1.25rem,4.8vw,5.7rem); display:flex; align-items:center; gap:.65rem; margin:0; font:600 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; text-transform:uppercase; opacity:var(--ro-ui-opacity,1); }
.wm-ro-note i { width:2.5rem; height:1px; background:currentColor; opacity:.35; }
.wm-ro-scroll { position:absolute; z-index:2; left:clamp(1.25rem,5.4vw,6.4rem); bottom:clamp(1.5rem,5vh,3.6rem); display:flex; align-items:center; gap:.8rem; font:600 .56rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; text-transform:uppercase; opacity:var(--ro-scroll-opacity,1); }
.wm-ro-scroll i { width:3.4rem; height:1px; background:currentColor; }
.wm-ro-cover { position:absolute; z-index:7; left:50%; top:78vh; width:100vw; height:100svh; min-height:640px; margin:0; overflow:hidden; border-radius:.55rem; background:#f6f15e; box-shadow:0 2rem 6rem rgba(20,15,35,.09); transform:translateX(-50%) scale(.84); transform-origin:center; will-change:top,transform,border-radius; }
.wm-ro-cover::after { position:absolute; inset:0; z-index:1; content:""; background:linear-gradient(180deg,transparent 54%,rgba(10,9,11,.28)); opacity:var(--ro-cover-overlay,0); }
.wm-ro-cover img { display:block; width:100%; max-width:none; height:100%; object-fit:cover; transform:scale(var(--ro-image-scale,1.1)); }
.wm-ro-cover figcaption { position:absolute; z-index:2; left:clamp(1.25rem,5vw,6rem); bottom:clamp(1.5rem,5vh,4rem); color:white; opacity:var(--ro-caption-opacity,0); transform:translateY(calc((1 - var(--ro-caption-opacity,0))*18px)); }
.wm-ro-cover figcaption p { margin:0 0 1rem; font:600 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; text-transform:uppercase; }
.wm-ro-cover figcaption strong { display:block; font-size:clamp(2.8rem,5.8vw,6.7rem); font-weight:670; line-height:.86; letter-spacing:-.075em; }
.wm-ro-manifesto { padding:clamp(8rem,13vw,14rem) 0; background:#131316; color:#f4f2ef; }
.wm-ro-manifesto>.wm-shell>p { margin:0 0 clamp(3.5rem,7vw,7rem); color:rgba(244,242,239,.5); font:600 .59rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; text-transform:uppercase; }
.wm-ro-manifesto h2 { max-width:72rem; margin:0; font-size:clamp(3.2rem,6.7vw,7.5rem); font-weight:610; line-height:.94; letter-spacing:-.07em; word-break:keep-all; }
.wm-ro-manifesto h2 em { color:#ad9afc; font-style:normal; }
.wm-ro-manifesto__foot { display:grid; grid-template-columns:repeat(3,auto) minmax(18rem,1fr); gap:1rem 2rem; align-items:start; margin-top:clamp(5rem,11vw,11rem); padding-top:1.2rem; border-top:1px solid rgba(255,255,255,.22); }
.wm-ro-manifesto__foot span { font:600 .59rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; text-transform:uppercase; }
.wm-ro-manifesto__foot p { justify-self:end; max-width:28rem; margin:0; color:rgba(244,242,239,.55); font-size:.84rem; line-height:1.7; word-break:keep-all; }
.wm-ro-cta { min-height:90svh; display:grid; align-items:center; padding:8rem 0; background:#e8e5eb; }
.wm-ro-cta__inner>p { margin:0; font:600 .59rem/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.13em; text-transform:uppercase; }
.wm-ro-cta__inner h2 { max-width:76rem; margin:clamp(2rem,5vw,5rem) 0 clamp(4rem,8vw,8rem); font-size:clamp(3.7rem,7.6vw,8.6rem); font-weight:630; line-height:.88; letter-spacing:-.078em; word-break:keep-all; }
.wm-ro-cta__inner a { display:inline-flex; align-items:center; gap:1rem; border-bottom:1px solid currentColor; padding-bottom:.65rem; font-size:.96rem; font-weight:650; }
.wm-ro-cta__inner a span { display:grid; place-items:center; width:2.7rem; height:2.7rem; border-radius:50%; background:var(--ro-ink); color:white; transition:transform .25s; }
.wm-ro-cta__inner a:hover span,.wm-ro-cta__inner a:focus-visible span { transform:translate(.2rem,-.2rem); }
@media(max-width:900px){ .wm-ro-copy{top:40%;width:70vw}.wm-ro-manifesto__foot{grid-template-columns:repeat(3,1fr)}.wm-ro-manifesto__foot p{grid-column:1/-1;justify-self:start;margin-top:2rem} }
@media(max-width:680px){ .wm-ro-story{height:300vh;min-height:1900px}.wm-ro-stage,.wm-ro-cover{min-height:570px}.wm-ro-copy{top:21%;left:1.25rem;width:calc(100% - 2.5rem);transform:none}.wm-ro-copy h1{font-size:clamp(3rem,13.5vw,4.6rem);line-height:.89}.wm-ro-copy>span{max-width:19rem;margin-top:1.25rem;font-size:.76rem}.wm-ro-copy>p{margin-bottom:1.15rem}.wm-ro-note{display:none}.wm-ro-scroll{bottom:1.4rem}.wm-ro-cover figcaption strong{font-size:clamp(2.8rem,14vw,4.6rem)}.wm-ro-manifesto h2{font-size:clamp(3.2rem,14vw,4.9rem)}.wm-ro-manifesto h2 br{display:none}.wm-ro-manifesto__foot{grid-template-columns:1fr}.wm-ro-manifesto__foot p{grid-column:1;margin-top:1rem}.wm-ro-cta__inner h2{font-size:clamp(3.6rem,15vw,5.2rem)}.wm-ro-cta__inner h2 br{display:none} }
@media(prefers-reduced-motion:reduce){.wm-ro-story{height:260vh}}