/* Supplied The Digital Counter identity: silver lion, metallic gold, and midnight charcoal. */
:root,[data-theme="light"]{
  --accent:#8b6227;
  --accent-hover:#704c1d;
  --brand-gold:#d5ad64;
  --brand-gold-hover:#e2bd7c;
  --brand-midnight:#060d12;
  --font-hero:'Boska',Georgia,serif;
}
[data-theme="dark"]{--accent:#d5ad64;--accent-hover:#e2bd7c}
.site-header{background:var(--brand-midnight);color:#f5f5f1;border-bottom-color:#c8c3b826}
.header-inner{height:98px;gap:var(--space-6)}
.brand-logo{width:340px;height:auto}
.desktop-nav{gap:var(--space-6)}
.desktop-nav a:hover{color:var(--brand-gold)}
.header-actions{gap:var(--space-2)}
.theme-toggle{color:var(--brand-gold)}
.nav-dot,.red-line{background:var(--brand-gold)}
.mobile-nav{background:var(--brand-midnight);color:#fff;border-top-color:#ffffff24}
.primary{background:var(--brand-gold);color:#101820}
.primary:hover{background:var(--brand-gold-hover)}
.primary:disabled{background:#777e83;color:#fff}
.site-header .primary{background:transparent;color:#f5efe4;border:1px solid var(--brand-gold)}
.site-header .primary:hover{background:var(--brand-gold);color:#101820}
.hero{background:var(--brand-midnight);min-height:705px}
.hero-image{object-position:center center}
.hero-shade{background:linear-gradient(90deg,#030a10f2 0%,#030a10d9 24%,#030a106e 43%,transparent 65%)}
.hero-content{padding-top:var(--space-12);padding-bottom:var(--space-20)}
.hero .eyebrow{color:var(--brand-gold);letter-spacing:.16em;max-width:490px;font-size:var(--text-xs);line-height:1.6;margin-bottom:var(--space-5)}
.hero h1{font-family:var(--font-hero);font-size:clamp(4.5rem,6.7vw,6.25rem);line-height:.96;letter-spacing:-.035em;font-weight:700;max-width:570px}
.hero h1>span{color:var(--brand-gold)}
.hero h1>.hero-line{display:block;white-space:nowrap;color:inherit}
.hero h1>.hero-gold{color:var(--brand-gold)}
.hero-description{color:#e1e4e7;line-height:1.55;max-width:480px;margin-block:var(--space-6);font-size:var(--text-base)}
.hero .primary{letter-spacing:.015em}
.hero-platforms{color:#d1d5d8;margin-top:var(--space-6)}
.hero-caption{color:#d3c19e;letter-spacing:.16em}
.hero-caption .status-dot{background:var(--brand-gold)}
.hero .scroll-cue{color:var(--brand-gold)}
.brand-art{background:#050505;min-height:500px;border:1px solid var(--line)}
.brand-art img{object-fit:contain;object-position:center;width:100%;height:100%;padding:var(--space-4)}
.closing-section{background:var(--brand-midnight);color:#fff;border-top:1px solid #b68b414d}
.closing-section h2{font-family:var(--font-hero);font-weight:700;font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.06;letter-spacing:-.02em}
.closing-section .eyebrow{color:var(--brand-gold)}
.closing-section .white-button{background:var(--brand-gold);color:#111a20}
.closing-section .white-button:hover{background:var(--brand-gold-hover)}
footer{background:var(--brand-midnight);color:#eff1f2;border-top:1px solid #ffffff20;--line:#ffffff20;--muted:#a6aeb6}
.footer-top{padding-block:var(--space-2) var(--space-8)}
.footer-top a:hover,.plain-button:hover{color:var(--brand-gold)}
.footer-bottom>span:last-child{color:#cbb88f;letter-spacing:.06em}
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--brand-gold)}
.network-section .text-link.white:hover{color:var(--brand-gold)}
.ops-status[data-status="packed"]::before{background:var(--brand-gold)}
@media(min-width:1600px){.hero{min-height:750px}.hero-content{padding-top:var(--space-16)}}
@media(max-width:1150px){
  .brand-logo{width:270px}
  .desktop-nav{gap:var(--space-4)}
  .header-inner{gap:var(--space-4)}
  .hero{min-height:690px}
  .hero-image{object-position:57% center}
  .hero h1{font-size:clamp(4.5rem,7.2vw,5.75rem)}
}
@media(max-width:900px){
  .header-inner{height:84px}
  .hero-image{object-position:62% center}
  .hero-shade{background:linear-gradient(90deg,#030a10f5,#030a10c9 32%,#030a1020 85%)}
  .hero .eyebrow{max-width:380px}
  .brand-art{min-height:450px}
}
@media(max-width:650px){
  .header-inner{height:76px;gap:var(--space-2)}
  .brand-logo{width:clamp(178px,calc(100vw - 150px),240px)}
  .header-actions{gap:0}
  .hero{min-height:815px}
  .hero-content{padding-top:var(--space-8);padding-bottom:var(--space-8)}
  .hero .eyebrow{font-size:var(--text-xs);letter-spacing:.11em;max-width:310px;line-height:1.7;margin-bottom:var(--space-4)}
  .hero .red-line{display:none}
  .hero h1{font-size:clamp(2.7rem,13.7vw,3.6rem);line-height:.98;max-width:100%}
  .hero h1>span{white-space:normal}
  .hero-description{margin-block:var(--space-5);font-size:var(--text-sm);max-width:330px}
  .hero-image{height:46%;width:100%;top:auto;bottom:0;object-position:75% bottom;opacity:1}
  .hero-shade{background:linear-gradient(180deg,#060d12 0%,#060d12 50%,#060d12e6 54%,#060d1255 66%,transparent 83%,#060d124d 100%)}
  .hero-buttons{gap:var(--space-3)}
  .hero-buttons .button{min-height:48px;padding-inline:var(--space-4);gap:var(--space-3);font-size:var(--text-sm)}
  .hero-platforms{margin-top:var(--space-5);letter-spacing:.015em;font-size:var(--text-xs)}
  .hero-caption{bottom:20px;left:20px;font-size:var(--text-xs);letter-spacing:.07em}
  .brand-art{min-height:300px}
  .brand-art img{padding:var(--space-2)}
  .footer-brand .brand-logo{width:290px;max-width:100%}
}
@media(max-width:360px){
  .hero{min-height:845px}
  .hero h1{font-size:clamp(2.65rem,13.7vw,3rem)}
  .hero .eyebrow{letter-spacing:.07em}
  .hero-platforms{letter-spacing:0}
}