.vr-page{--vr-cyan:#ffd22a;--vr-violet:#e72f3c;--vr-line:rgba(255,210,42,.25)}
.vr-page .topbar{gap:16px}
.vr-page .tb-links{gap:18px}
.vr-page .tb-links a{letter-spacing:.5px}
.vr-page .btn{justify-content:center;text-align:center}
.vr-skip{position:absolute;left:12px;top:-80px;z-index:200;background:#fff;color:#000;padding:10px 16px}
.vr-skip:focus{top:12px}
.vr-hero{padding:75px 0 66px;background:radial-gradient(circle at 75% 25%,rgba(231,47,60,.20),transparent 45%),radial-gradient(circle at 12% 75%,rgba(255,210,42,.09),transparent 42%)}
.vr-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:52px}
.vr-eyebrow,.vr-kicker,.vr-step-n,.vr-card-top{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--vr-cyan)}
.vr-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.vr-signal,.vr-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
.vr-hero h1,.vr-page h2{font-family:var(--font-game);font-weight:900;line-height:1.08;letter-spacing:-1.5px}
.vr-hero h1{font-size:clamp(38px,5vw,70px);margin-bottom:25px}
.vr-lead{max-width:640px;color:#ddd6cc;font-size:clamp(18px,1.7vw,22px);line-height:1.55}
.vr-lead strong{color:#fff}
.vr-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 27px}
.vr-quickfacts{display:flex;gap:10px;flex-wrap:wrap}
.vr-quickfacts span{border:1px solid var(--vr-line);border-radius:40px;padding:6px 12px;color:#ddd6cc;font-size:13px}
.vr-hero-visual{position:relative;min-width:0;border-radius:22px;overflow:hidden;border:1px solid rgba(255,210,42,.28);box-shadow:0 22px 90px rgba(0,0,0,.6),0 0 55px rgba(231,47,60,.16);transform:rotate(1deg)}
.vr-hero-visual::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,2,2,.84));pointer-events:none}
.vr-hero-visual img{width:100%;height:480px;object-fit:cover}
.vr-photo-caption{position:absolute;z-index:1;left:24px;bottom:23px;display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase}
.vr-proof{border-block:1px solid var(--vr-line);background:rgba(14,14,13,.84)}
.vr-proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.vr-proof-grid div{display:flex;align-items:center;gap:14px;padding:18px 20px;border-right:1px solid var(--vr-line)}
.vr-proof-grid div:last-child{border:0}
.vr-proof-grid strong{font-family:var(--font-game);font-size:16px;color:var(--vr-cyan)}
.vr-proof-grid span{font-size:16px;font-weight:700}
.vr-section{padding:90px 0}
.vr-section-alt{background:linear-gradient(130deg,rgba(14,13,12,.9),rgba(23,22,20,.65));border-block:1px solid rgba(255,255,255,.06)}
.vr-kicker{margin-bottom:12px}
.vr-page h2{font-size:clamp(28px,3.6vw,44px);max-width:780px;margin-bottom:22px}
.vr-section-intro{max-width:720px;color:#cfc9c0;font-size:19px;line-height:1.62;margin-bottom:28px}
.vr-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.vr-steps article,.vr-events article{padding:32px;border:1px solid var(--vr-line);border-radius:18px;background:rgba(18,17,16,.74)}
.vr-steps article{min-height:235px}
.vr-steps h3,.vr-events h3{font-family:var(--font-game);font-size:19px;line-height:1.35;margin:18px 0 12px}
.vr-steps p,.vr-events p{color:#cfc9c0;font-size:16px;line-height:1.62}
.vr-space-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:38px}
.vr-space-example{overflow:hidden;border:1px solid var(--vr-line);border-radius:18px;background:#1b1917}
.vr-space-example img{width:100%;height:225px;object-fit:cover}
.vr-space-example>div{padding:23px 24px 27px}
.vr-space-example h3{font-family:var(--font-game);font-size:20px;margin:12px 0}
.vr-space-example p{color:#cfc9c0;font-size:16px;line-height:1.56}
.vr-space-disclaimer{color:#bdb6ac;font-size:13px;line-height:1.5;margin:17px 0 0}
.vr-space-guide{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;column-gap:50px;row-gap:24px;margin-top:36px;padding:32px;border:1px solid rgba(255,210,42,.32);border-radius:18px;background:linear-gradient(120deg,rgba(33,31,29,.86),rgba(21,20,18,.9))}
.vr-space-guide h3{font-family:var(--font-game);font-size:22px;line-height:1.35;margin:0 0 12px}
.vr-space-guide p:not(.vr-kicker){color:#cfc9c0;font-size:16px;line-height:1.56}
.vr-space-sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vr-space-sizes div{padding:17px 13px;border:1px solid var(--vr-line);border-radius:12px;background:rgba(17,16,15,.62)}
.vr-space-sizes strong{display:block;color:var(--vr-cyan);font-family:var(--font-game);font-size:18px;margin-bottom:5px}
.vr-space-sizes span{color:#ddd6cc;font-size:13px;line-height:1.35}
.vr-space-guide .btn{justify-self:start;grid-column:1/-1}
.vr-media-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.vr-mini-points{display:flex;flex-wrap:wrap;gap:9px}.vr-mini-points span{border:1px solid var(--vr-line);border-radius:7px;padding:7px 10px;color:#ddd6cc;font-size:14px}
.vr-video-frame{border:1px solid var(--vr-line);border-radius:18px;padding:9px;background:#11100f;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.vr-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#000}
.vr-video-frame p{padding:10px 7px 3px;color:#bdb6ac;font-size:13px}
.vr-games-heading{display:flex;justify-content:space-between;align-items:end;gap:28px}
.vr-games-heading .vr-section-intro{margin-bottom:0}
.vr-games-heading .btn{flex:none;margin-bottom:5px}
.vr-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.vr-game-card{overflow:hidden;border:1px solid var(--vr-line);border-radius:18px;background:#1b1917;transition:transform .2s,border-color .2s,box-shadow .2s}
.vr-game-card:hover{transform:translateY(-4px);border-color:rgba(255,210,42,.55);box-shadow:0 18px 36px rgba(0,0,0,.22)}
.vr-game-card img{display:block;width:100%;height:230px;object-fit:cover;object-position:center top}
.vr-game-card>div{padding:22px 23px 25px}
.vr-game-type{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--vr-cyan)}
.vr-game-card h3{font-family:var(--font-game);font-size:19px;line-height:1.3;margin:9px 0}
.vr-game-card p{color:#cfc9c0;font-size:16px;line-height:1.5}
.vr-games-note{max-width:820px;color:#bdb6ac;font-size:14px;line-height:1.55;margin-top:25px}
.vr-events{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.vr-events article>span{font-size:30px;color:var(--vr-cyan)}
.vr-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.vr-faqs details{border-bottom:1px solid var(--vr-line);padding:20px 2px}
.vr-faqs summary{cursor:pointer;list-style:none;font-size:18px;font-weight:700;color:#fff9ed;display:flex;justify-content:space-between;gap:15px}
.vr-faqs summary::-webkit-details-marker{display:none}
.vr-faqs summary::after{content:'+';color:var(--vr-cyan);font:24px var(--font-mono)}
.vr-faqs details[open] summary::after{content:'−'}
.vr-faqs p{color:#cfc9c0;padding:13px 26px 0 0;line-height:1.6}
.vr-cta{padding:68px 0;background:radial-gradient(circle at 85% 30%,rgba(231,47,60,.22),transparent 40%),linear-gradient(115deg,#171514,#0e0d0c);border-top:1px solid var(--vr-line)}
.vr-cta-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}
.vr-cta h2{margin-bottom:16px}
.vr-cta p:not(.vr-kicker){max-width:680px;color:#ddd6cc;font-size:18px;line-height:1.55}
.vr-cta-actions{display:grid;gap:12px;min-width:255px}
.vr-call{text-align:center;color:var(--vr-cyan);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.vr-hero-grid,.vr-media-grid,.vr-faq-grid{grid-template-columns:1fr;gap:35px}.vr-hero-visual{max-width:680px;transform:none}.vr-steps,.vr-events{grid-template-columns:1fr}.vr-space-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-space-guide{grid-template-columns:1fr}.vr-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-games-heading{align-items:start;flex-direction:column}.vr-steps article{min-height:0}.vr-cta-inner{grid-template-columns:1fr}}
@media(max-width:600px){.vr-hero{padding:48px 0}.vr-section{padding:60px 0}.vr-hero h1{letter-spacing:-1px}.vr-proof-grid{grid-template-columns:1fr}.vr-proof-grid div{border-right:0;border-bottom:1px solid var(--vr-line);padding:11px 3px}.vr-proof-grid div:last-child{border:0}.vr-hero-visual img{height:300px}.vr-photo-caption{left:12px;bottom:12px;font-size:10px}.vr-space-examples{grid-template-columns:1fr;gap:15px;margin-top:28px}.vr-space-example img{height:205px}.vr-space-guide{padding:23px;margin-top:27px}.vr-space-sizes{grid-template-columns:1fr 1fr}.vr-space-sizes strong{font-size:15px}.vr-games-grid{grid-template-columns:1fr;gap:15px;margin-top:30px}.vr-game-card img{height:220px}.vr-cta{padding:55px 0}.vr-cta-actions{min-width:0}}
@media(prefers-reduced-motion:reduce){.vr-game-card{transition:none}}

/* Brand tie-in (2026-09-30): same fonts, colour blocks and sticker photo style as the rest of the site. */
.vr-hero h1,.vr-page h2{font-weight:700;letter-spacing:-.025em}
.vr-page h2{line-height:1.2}
.vr-hero h1{line-height:1.15}
.vr-steps h3,.vr-events h3,.vr-space-example h3,.vr-space-guide h3,.vr-game-card h3,.vr-space-sizes strong{font-family:var(--font-body);font-weight:700;letter-spacing:0}
.vr-steps h3,.vr-events h3,.vr-game-card h3,.vr-space-example h3{font-size:24px;line-height:1.2}
.vr-space-guide h3{font-size:26px}
.vr-space-sizes strong{font-size:22px}
.vr-lead,.vr-section-intro{font-family:var(--font-body);font-weight:500}
.vr-steps p,.vr-events p,.vr-space-example p,.vr-game-card p,.vr-space-guide p:not(.vr-kicker){font-size:18px}
.vr-space-disclaimer,.vr-games-note,.vr-video-frame p,.vr-space-sizes span{font-size:15px}
.vr-quickfacts span{font-size:15px}
.vr-hero-visual{border:7px solid #fff9ed;border-radius:8px;box-shadow:10px 10px 0 var(--purple);transform:none;rotate:-1.5deg}
.vr-hero-visual::after{display:none}
.vr-photo-caption{left:0;right:0;bottom:0;padding:34px 20px 16px;background:linear-gradient(transparent,#0b0b0deb);color:#fff9ed}
.vr-proof{position:relative;border:0;background:var(--blue);color:#17120a;padding-top:10px}
.vr-proof::before{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,#17120a 0 14px,var(--blue) 14px 28px)}
.vr-proof-grid div{border-right-color:#17120a40}
.vr-proof-grid strong{color:#17120a;font-size:24px;font-weight:900}
.vr-proof-grid span{font-size:20px}
.vr-section-alt{background:#171719}
.vr-steps article,.vr-events article,.vr-space-example,.vr-game-card{border-radius:14px}
.vr-cta{position:relative;background:var(--rvg-red-deep,#c8202e);border-top:0;padding:88px 0 72px}
.vr-cta::before{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,#ffd22a 0 14px,#17120a 14px 28px)}
.vr-cta .vr-kicker,.vr-cta p:not(.vr-kicker),.vr-cta h2{color:#fff9ed}
.vr-cta .grad{background:none;-webkit-text-fill-color:#ffd22a;color:#ffd22a}
.vr-cta .btn-ghost{color:#fff9ed;border-color:#fff9ed}
.vr-cta .btn-ghost:hover{background:#fff9ed1f;color:#fff9ed}
.vr-cta .btn-main{box-shadow:0 5px 0 #5c0a12,0 10px 18px #0005}
.vr-cta .btn-main:active{box-shadow:0 1px 0 #5c0a12}
.vr-call{color:#fff9ed;display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.vr-cta :focus-visible{outline-color:#ffd22a}
.vr-faqs summary{min-height:48px;align-items:center}
@media(max-width:600px){.vr-hero-visual{rotate:0deg}.vr-proof-grid div{padding:12px 3px}}

.vr-page .btn,.vr-page .btn-main,.vr-page .btn-ghost{font-size:17px}
@media(max-width:600px){.vr-actions .btn,.vr-cta-actions .btn{width:100%}}
