.vr{padding-bottom:54px}.vr *, .vr *::before,.vr *::after{box-sizing:border-box}.vr [hidden]{display:none!important}
.vr-hero{border-bottom:1px solid var(--line);padding:46px 0 33px;background:radial-gradient(ellipse at 88% -20%,var(--glow-1),transparent 70%),var(--surface-2)}
.vr-hero-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:50px}.vr-home{padding:48px 0}
.vr-kicker{margin:0 0 9px;color:var(--primary-ink);font-size:12px;font-weight:700;letter-spacing:.1em}.vr h1,.vr h2,.vr h3,.vr h4{color:var(--ink)}
.vr h1{font-size:clamp(34px,4.5vw,57px);line-height:1.16;letter-spacing:-.045em;margin:0 0 14px}.vr h2{font-size:clamp(23px,3vw,32px);line-height:1.3;letter-spacing:-.025em;margin:0 0 8px}.vr h3{font-size:19px;line-height:1.35;margin:0 0 8px}.vr h4{margin:12px 0 7px}
.vr-deck{font-size:clamp(15px,2vw,18px);line-height:1.75;max-width:760px;color:var(--ink-2);margin:0 0 20px}.vr-crumb{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px;color:var(--muted);font-size:13px}.vr-crumb a:hover,.vr-essay a:hover,.vr-video-caption a:hover,.vr-case-top a:hover{text-decoration:underline}
.vr-tags,.vr-jumps{display:flex;flex-wrap:wrap;gap:8px}.vr-jumps{margin-top:19px}.vr-badge,.vr-jumps a{padding:4px 10px;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--ink-2);font-size:12px;line-height:1.5;display:inline-flex;align-items:center;white-space:nowrap}.vr-jumps a{padding:7px 12px}.vr-jumps a:hover,button.vr-badge:hover{border-color:var(--primary);color:var(--primary-ink)}
.vr-reel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.vr-reel>div{position:relative;overflow:hidden;border-radius:12px;background:var(--fill);aspect-ratio:9/14}.vr-reel img{display:block;width:100%;height:100%;object-fit:cover}.vr-reel span,.vr-video-num,.vr-video-label,.vr-ended{position:absolute;display:block;background:#111c;color:#fff;border-radius:6px;padding:3px 6px;font-size:11px;line-height:1.25;pointer-events:none}.vr-reel span{top:7px;left:7px}
.vr-box{background:var(--surface);border:1px solid var(--line);border-radius:16px}.vr-home-content,.vr-sections{padding-top:24px}.vr-home-content h2{margin-bottom:16px}.vr-overview-card{padding:20px;display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:center;gap:26px;max-width:920px}.vr-overview-card h3{font-size:24px;margin-top:10px}.vr-overview-card p{color:var(--ink-2);line-height:1.7;margin:0 0 15px}
.vr-section{padding:24px;margin:0 0 22px;scroll-margin-top:76px}.vr-section-head{margin-bottom:16px}.vr-section-head>p:last-child{margin:0;color:var(--ink-2);line-height:1.65;font-size:15px}.vr .btn{gap:6px}.vr-compare{position:relative}
.vr-controls{position:sticky;top:60px;z-index:5;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 16px;box-shadow:0 2px 10px #0001}.vr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px 9px}.vr-actions>.btn{white-space:nowrap}.vr-actions .btn svg{flex:none}.vr-audio{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);font-size:13px;min-width:0}.vr-audio select{min-width:0;max-width:min(190px,39vw);padding:6px 5px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface);font:inherit}.vr-audio>svg{flex:none}.vr-seek{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;margin:5px 0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.vr-seek input{width:100%;accent-color:var(--primary);cursor:pointer}.vr-small{font-size:12px!important;line-height:1.55;color:var(--muted)}.vr-status{min-height:1.55em;margin:0}
.vr-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px 10px}.vr-video{min-width:0}.vr-screen{position:relative;overflow:hidden;aspect-ratio:9/16;background:#15151a;border-radius:9px}.vr-screen video{display:block;width:100%;height:100%;object-fit:contain}.vr-video-num{top:5px;left:5px}.vr-video-label{bottom:5px;right:5px}.vr-ended{bottom:5px;left:5px}.vr-video-caption{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:4px 0 0}.vr-video-caption a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:650;font-size:12px;color:var(--ink)}.vr-video-caption button{border:0;background:transparent;padding:2px 1px;color:var(--primary-ink);font-size:11px;white-space:nowrap;cursor:pointer}.vr-video-caption button:hover{text-decoration:underline}.vr-video>p{color:var(--muted);font-size:11px;line-height:1.35;margin:0}
.vr-dialog{width:min(94vw,450px);max-height:94vh;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);margin:auto}.vr-dialog::backdrop{background:#090a11b8}.vr-dialog-head{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-bottom:8px}.vr-dialog-head h3{margin:0}.vr-dialog video{display:block;width:100%;max-height:79vh;background:#101014;border-radius:10px}
.vr-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.vr-timeline li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--line)}.vr-timeline h3{font-size:16px;margin:1px 0 5px}.vr-timeline p,.vr-essay p,.vr-method p{color:var(--ink-2);font-size:15px;line-height:1.78;margin:0}.vr-timeline button{justify-self:start;align-self:start;cursor:pointer}
.vr-leaders{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:23px}.vr-leader{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--surface-2)}.vr-leader:hover{border-color:var(--primary)}.vr-leader img{width:52px;height:75px;object-fit:cover;border-radius:5px}.vr-leader b,.vr-leader span,.vr-leader small{display:block}.vr-leader span{color:var(--ink-2);font-size:14px;margin:4px 0}.vr-leader small{color:var(--muted)}.vr-essay{max-width:860px}.vr-essay h3:not(:first-child){margin-top:19px}.vr-essay a,.vr-method a{color:var(--primary-ink)}
.vr-cases{padding:8px 0 0}.vr-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.vr-case{min-width:0;padding:15px;scroll-margin-top:82px}.vr-case:target{border-color:var(--primary)}.vr-case-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:start}.vr-case-top img{border-radius:6px;width:54px;height:78px;object-fit:cover}.vr-case-top h3{font-size:17px;margin:0 0 3px}.vr-case-top p{font-size:13px;overflow-wrap:anywhere;margin:0 0 4px}.vr-case-top p.vr-kicker{font-size:10px}.vr-case-top>.btn{white-space:nowrap}.vr-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:12px 0}.vr-stats div{background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:5px 7px}.vr-stats dt{font-size:11px;color:var(--muted)}.vr-stats dd{font-size:14px;color:var(--ink);font-weight:650;margin:1px 0 0;font-variant-numeric:tabular-nums}
.vr-case-notes p,.vr-case-more p{font-size:13px;line-height:1.65;color:var(--ink-2);margin:6px 0}.vr-case details{margin:11px 0 0;border-top:1px solid var(--line);padding-top:9px}.vr summary{cursor:pointer;color:var(--primary-ink);font-size:13px}.vr-case summary span{font-size:11px;color:var(--muted);display:inline-block;margin-left:5px}.vr-original{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);padding:8px;border-radius:6px}.vr-case-more h4{font-size:13px}.vr-comments{margin:5px 0 9px;padding:0;list-style:none}.vr-comments li{padding:5px 7px;border-left:2px solid var(--line);margin:5px 0}.vr-comments blockquote{color:var(--ink-2);font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.vr-comments small{color:var(--muted);font-size:11px}
.vr-recipe{margin-top:12px}.vr-recipe textarea{width:100%;margin-top:9px;padding:10px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;font:inherit;font-size:14px;line-height:1.65;resize:vertical}.vr-copy-status{margin-left:10px;color:var(--primary-ink);font-size:13px}.vr-method{max-width:860px;margin:18px 0 0}.vr-method h2{font-size:20px}.vr-method p{margin-bottom:8px;font-size:13px}
@media(max-width:970px){.vr-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.vr-hero-in{gap:27px}}
@media(max-width:690px){.vr-hero{padding:26px 0 20px}.vr-home{padding:28px 0}.vr-hero-in,.vr-overview-card,.vr-case-grid{grid-template-columns:1fr}.vr-home .vr-reel{max-width:340px}.vr-overview-card .vr-reel{max-width:280px}.vr-hero-in{gap:18px}.vr-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px}.vr-section{padding:14px}.vr-cases{padding:4px 0 0}.vr-controls{top:54px;padding:8px}.vr-video-caption a{font-size:11px}.vr-video>p{font-size:10px}.vr-timeline li{grid-template-columns:98px minmax(0,1fr);gap:6px}.vr-leader{gap:6px;padding:7px}.vr-leader b{font-size:11px;overflow-wrap:anywhere}.vr-leader span,.vr-leader small{font-size:10px}.vr-leader img{width:34px;height:52px}}
@media(max-width:410px){.vr-audio>span,.vr-audio>svg{display:none}.vr-actions .btn{font-size:12px;padding-left:7px;padding-right:7px}.vr-audio select{max-width:90px}.vr-grid{gap:8px 5px}.vr-case-top{gap:6px}.vr-case-top>.btn{padding:4px 6px;font-size:11px}}
.vr-controls{top:calc(var(--vr-header,56px) + 4px)}.vr-section,.vr-case{scroll-margin-top:calc(var(--vr-header,56px) + 16px)}