/* Imperial Dark Sector — VR & immersive archive */
.vr-page{
  background:
    radial-gradient(circle at 84% 2%,rgba(92,59,145,.20),transparent 27%),
    radial-gradient(circle at 9% 30%,rgba(36,104,137,.14),transparent 29%),
    linear-gradient(180deg,#05070a,#050609);
}
.vr-page main{overflow:hidden}
.vr-hero{max-width:var(--max);margin:auto;padding:64px 20px 30px;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
.vr-hero-copy{padding:24px 0 18px}
.vr-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.vr-kicker span{padding:7px 9px;border:1px solid rgba(130,147,160,.28);background:#0b1017;color:#95a4b1;font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.vr-kicker span:first-child{border-color:rgba(207,215,226,.46);color:#e3e7eb}
.vr-hero h1{max-width:none;margin:0;font:900 clamp(4.5rem,8vw,8rem)/.82 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.05em}
.vr-hero h1 span{color:transparent;-webkit-text-stroke:1px #8998a8}
.vr-dek{max-width:760px;margin:26px 0 0;color:#c0cad3;font-size:1.03rem;line-height:1.72}
.vr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.vr-actions a{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;border:1px solid var(--line);background:#0a0f16;color:#d8dee4;text-decoration:none;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.vr-actions a:first-child{background:#d5dce1;color:#0b0d10;border-color:#d5dce1}
.vr-hero-art{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);background:#090d13}
.vr-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,9,.96),rgba(4,6,9,.08) 60%)}
.vr-hero-art img{width:100%;height:100%;object-fit:cover}
.vr-hero-art>div{position:absolute;z-index:2;left:24px;right:24px;bottom:22px}
.vr-hero-art span,.vr-hero-art small{display:block;color:#9aabba;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.vr-hero-art strong{display:block;margin:7px 0 8px;font:900 2.2rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}

.vr-proof{max-width:var(--max);margin:auto;padding:0 20px 42px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.vr-proof div{padding:18px 20px;border:1px solid var(--line);background:#090d13}
.vr-proof strong{display:block;color:#e2e6e9;font:900 1.7rem/1 "Arial Narrow",Impact,sans-serif}
.vr-proof span{display:block;margin-top:7px;color:#74828e;font-size:.59rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

.vr-section{max-width:var(--max);margin:auto;padding:64px 20px}
.vr-section-head{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:end;margin-bottom:30px}
.vr-section-head h2{margin:6px 0 0;font:900 clamp(2.7rem,5.5vw,5.2rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.025em}
.vr-section-head>p{margin:0;color:#a8b3bd;line-height:1.65}
.vr-section-head .eyebrow{margin:0;color:#8293a0}

.vr-feature-grid{display:grid;grid-template-columns:1.25fr .75fr 1.25fr;gap:10px}
.vr-feature-card{min-height:440px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,#111720,#080b10)}
.vr-feature-card--image{padding:0;overflow:hidden}
.vr-feature-card--image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--line)}
.vr-feature-card--image>div{padding:24px;display:flex;flex:1;flex-direction:column}
.vr-feature-card span{color:#8293a0;font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.vr-feature-card h3{margin:22px 0 12px;font:900 clamp(2rem,3.5vw,3.2rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.vr-feature-card p{color:#9ba7b2;line-height:1.62;font-size:.88rem}
.vr-feature-card a{margin-top:auto;color:#d7dde2;text-decoration:none;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}

.vr-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vr-card{min-height:460px;padding:25px;display:flex;flex-direction:column;border:1px solid var(--line);background:linear-gradient(145deg,#0f151d,#080b10)}
.vr-card--with-image{padding:0;overflow:hidden}
.vr-card--with-image>img{width:100%;aspect-ratio:16/8.4;object-fit:cover;border-bottom:1px solid var(--line)}
.vr-card--with-image>div{padding:25px;display:flex;flex:1;flex-direction:column}
.vr-card>span,.vr-card--with-image span{color:#8293a0;font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.vr-card h3{margin:20px 0 12px;font:900 clamp(2rem,3.2vw,3.25rem)/.9 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.vr-card p{color:#9ca8b2;line-height:1.65}
.vr-card dl{margin:16px 0 20px}
.vr-card dl div{padding:8px 0;display:grid;grid-template-columns:120px 1fr;gap:14px;border-top:1px solid #24303a}
.vr-card dt{color:#7d8c98;font-size:.65rem;font-weight:900;text-transform:uppercase}
.vr-card dd{margin:0;color:#c6ced4;font-size:.8rem}
.vr-card a{margin-top:auto;color:#dbe1e5;text-decoration:none;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}

.vr-hardware{padding:72px max(20px,calc((100vw - var(--max))/2));background:linear-gradient(180deg,rgba(10,15,22,.2),rgba(10,15,22,.82));border-block:1px solid var(--line)}
.vr-hardware-inner{max-width:var(--max);margin:auto}
.vr-hardware-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.vr-hardware-grid article{min-height:260px;padding:22px;border:1px solid var(--line);background:#0a0f16}
.vr-hardware-grid span{color:#8293a0;font-size:.59rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.vr-hardware-grid h3{margin:36px 0 12px;font:900 1.55rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.vr-hardware-grid p{margin:0;color:#96a3ad;font-size:.84rem;line-height:1.62}

.vr-lens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.vr-lens-grid article{min-height:245px;padding:23px;border:1px solid var(--line);background:#0b1017}
.vr-lens-grid span{color:#8293a0;font-size:.59rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.vr-lens-grid h3{margin:30px 0 12px;font:900 1.5rem/1 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}
.vr-lens-grid p{margin:0;color:#98a5af;font-size:.85rem;line-height:1.62}

.vr-note{padding:22px 24px;border:1px solid rgba(130,147,160,.28);background:#080c12}
.vr-note strong{display:block;color:#e1e5e8;text-transform:uppercase;letter-spacing:.08em}
.vr-note p{margin:7px 0 0;color:#8996a2;font-size:.84rem;line-height:1.65}

@media(max-width:1080px){
  .vr-hero{grid-template-columns:1fr}
  .vr-hero-art{min-height:430px}
  .vr-feature-grid{grid-template-columns:1fr 1fr}
  .vr-feature-grid .vr-feature-card:first-child{grid-column:1/-1}
  .vr-hardware-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .vr-proof{grid-template-columns:repeat(2,1fr)}
  .vr-section-head{grid-template-columns:1fr;gap:16px}
  .vr-archive-grid,.vr-lens-grid{grid-template-columns:1fr}
  .vr-feature-grid{grid-template-columns:1fr}
  .vr-feature-grid .vr-feature-card:first-child{grid-column:auto}
  .vr-hardware-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:540px){
  .vr-hero,.vr-section,.vr-proof,.vr-hardware{padding-inline:12px}
  .vr-proof,.vr-hardware-grid{grid-template-columns:1fr}
  .vr-hero h1{font-size:clamp(4rem,19vw,6.4rem)}
  .vr-hero-art{min-height:330px}
  .vr-card dl div{grid-template-columns:1fr;gap:4px}
}