/* ==========================================================
   GloRave HARDLINE ERA // Records 61–70
   Add-on layer for the existing archive. The original archive.css
   remains untouched; this file only styles hardline.php.
   New hero PNG path: assets/images/vesper-raine-hardline-hero.png
   From this CSS file: images/vesper-raine-hardline-hero.png
   ========================================================== */
:root {
  --hl-red:#ff3535; --hl-red2:#b30d17; --hl-hot:#ff6a2c; --hl-white:#fff8f3;
  --hl-ink:#090606; --hl-panel:#120b0d; --hl-panel2:#1a0d10; --hl-steel:#cabec0;
  --hl-red-rgb:255,53,53; --hl-hot-rgb:255,106,44; --hl-mx:72vw; --hl-my:16vh;
}
[data-theme="light"] { --hl-ink:#f3e9e4; --hl-panel:#fff8f3; --hl-panel2:#f3e5df; --hl-white:#211214; --hl-steel:#5e4a4d; }
html.gr-lang-boot body { opacity:0; }
.gr-hardline-body { background:
  radial-gradient(circle at 12% 10%,rgba(var(--hl-red-rgb),.17),transparent 34rem),
  radial-gradient(circle at 88% 22%,rgba(var(--hl-hot-rgb),.12),transparent 29rem),
  linear-gradient(160deg,#060404 0%,#0c0708 42%,#100708 70%,#050404 100%); }
[data-theme="light"] .gr-hardline-body { background:
  radial-gradient(circle at 12% 10%,rgba(var(--hl-red-rgb),.12),transparent 34rem),
  radial-gradient(circle at 88% 22%,rgba(var(--hl-hot-rgb),.10),transparent 29rem),
  linear-gradient(160deg,#f4ebe6,#efe0db 50%,#f7efeb); }
.gr-hardline-body::before { background-image:
  linear-gradient(rgba(255,62,62,.032) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,62,62,.026) 1px,transparent 1px); background-size:48px 48px; }
.hl-noise { position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.12; mix-blend-mode:screen; background-image:
  repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 3px 4px),
  radial-gradient(circle at 30% 10%,rgba(255,255,255,.05) 0 1px,transparent 1.4px); background-size:auto,8px 8px; }
[data-theme="light"] .hl-noise { opacity:.08; mix-blend-mode:multiply; }
.hl-cursor-field { position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(420px circle at var(--hl-mx) var(--hl-my),rgba(var(--hl-red-rgb),.065),transparent 70%); }
.hl-header { border-bottom-color:rgba(var(--hl-red-rgb),.22); background:rgba(8,5,6,.82); box-shadow:0 16px 48px rgba(0,0,0,.34),0 1px 0 rgba(var(--hl-red-rgb),.07); }
[data-theme="light"] .hl-header { background:rgba(247,239,235,.88); }
.hl-logo .gr-archive-logo-mark { border-radius:5px; color:#fff; background:linear-gradient(135deg,#671016,var(--hl-red) 53%,var(--hl-hot)); box-shadow:0 0 28px rgba(var(--hl-red-rgb),.34); transform:skew(-5deg); }
.hl-logo small { color:var(--hl-red); }
.hl-nav a:hover { color:var(--hl-red); background:rgba(var(--hl-red-rgb),.09); }
.hl-header .theme-toggle:hover { border-color:rgba(var(--hl-red-rgb),.46); background:rgba(var(--hl-red-rgb),.10); box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 4px rgba(var(--hl-red-rgb),.08); }
.hl-header .theme-icon { color:var(--hl-red); }
.hl-header .language-toggle { border-color:rgba(var(--hl-red-rgb),.18); }
.hl-header .lang-btn.is-active, html[data-pref-lang="ru"] .hl-header .lang-btn[data-lang="ru"], html[data-pref-lang="en"] .hl-header .lang-btn[data-lang="en"] { color:#fff; background:linear-gradient(135deg,var(--hl-red2),var(--hl-red)); box-shadow:0 7px 18px rgba(var(--hl-red-rgb),.2); }

.hl-page { position:relative; z-index:1; padding-top:clamp(22px,3vw,42px); }
.hl-hero { width:100%; max-width:none; min-height:0; overflow:hidden; position:relative; isolation:isolate; border:1px solid rgba(var(--hl-red-rgb),.23); background:
  linear-gradient(125deg,rgba(255,255,255,.025),transparent 30%),
  linear-gradient(145deg,rgba(20,8,10,.96),rgba(8,6,7,.94) 64%,rgba(28,6,7,.90)); box-shadow:0 35px 100px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.04); }
[data-theme="light"] .hl-hero { background:linear-gradient(145deg,#fff8f3,#f1e4df 65%,#ead7d2); border-color:rgba(120,10,19,.22); }
.hl-hero::before { background:linear-gradient(90deg,rgba(var(--hl-red-rgb),.10),transparent 42%,rgba(var(--hl-hot-rgb),.06)); }
.hl-hero::after { content:""; position:absolute; z-index:-1; inset:auto -8% 14% 33%; height:1px; background:linear-gradient(90deg,transparent,var(--hl-red),transparent); box-shadow:0 0 32px rgba(var(--hl-red-rgb),.7); transform:rotate(-7deg); opacity:.5; }
.hl-hero-slash { position:absolute; z-index:-1; top:-28%; left:47%; width:2px; height:160%; background:linear-gradient(transparent,var(--hl-red),transparent); box-shadow:0 0 40px rgba(var(--hl-red-rgb),.45); transform:rotate(17deg); opacity:.28; }
.hl-hero-copy { position:relative; z-index:2; }
.hl-era-line { display:flex; align-items:center; gap:10px; margin-bottom:13px; color:var(--hl-steel); font-size:.65rem; font-weight:950; letter-spacing:.16em; }
.hl-era-line>span { width:34px; height:2px; background:var(--hl-red); box-shadow:0 0 14px rgba(var(--hl-red-rgb),.6); }
.hl-era-line i { margin-left:auto; color:var(--hl-red); font-style:normal; letter-spacing:.22em; }
.hl-kicker { border-radius:5px; border-color:rgba(var(--hl-red-rgb),.35); color:#ff6666; background:rgba(var(--hl-red-rgb),.075); box-shadow:0 0 26px rgba(var(--hl-red-rgb),.08); transform:skew(-3deg); }
[data-theme="light"] .hl-kicker { color:#a10d18; }
.hl-overline { color:rgba(255,245,242,.72); }
[data-theme="light"] .hl-overline { color:rgba(42,18,21,.68); }
.hl-hero h1 { color:var(--hl-white); text-shadow:0 16px 45px rgba(0,0,0,.36); }
.hl-hero h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1.4px var(--hl-red); text-shadow:0 0 24px rgba(var(--hl-red-rgb),.15); }
.hl-lead { color:rgba(255,245,242,.72); }
[data-theme="light"] .hl-lead { color:rgba(35,18,20,.69); }
.hl-manifest { max-width:590px; margin-top:18px; padding:14px 16px 14px 18px; position:relative; border-left:3px solid var(--hl-red); background:linear-gradient(90deg,rgba(var(--hl-red-rgb),.10),rgba(var(--hl-red-rgb),.02)); }
.hl-manifest::after { content:""; position:absolute; right:0; top:0; width:44px; height:1px; background:var(--hl-red); }
.hl-manifest span { display:block; color:#ff6868; font-size:.61rem; font-weight:1000; letter-spacing:.16em; }
.hl-manifest strong { display:block; margin:8px 0 6px; color:var(--hl-white); font-size:clamp(.94rem,1.1vw,1.08rem); line-height:1.25; }
.hl-manifest p { margin:0; color:var(--home-muted); font-size:.78rem; line-height:1.55; }
.hl-actions { margin-top:20px; }
.hl-btn-primary { border-radius:7px !important; color:#fff !important; background:linear-gradient(135deg,#98101a,var(--hl-red) 62%,var(--hl-hot)) !important; box-shadow:0 18px 38px rgba(var(--hl-red-rgb),.2),0 0 0 1px rgba(255,255,255,.04) inset !important; }
.hl-btn-primary:hover { box-shadow:0 24px 55px rgba(var(--hl-red-rgb),.32) !important; transform:translateY(-3px) skew(-1deg); }
.hl-btn-ghost { border-radius:7px !important; border-color:rgba(var(--hl-red-rgb),.25) !important; }
.hl-btn-ghost:hover { border-color:rgba(var(--hl-red-rgb),.6) !important; color:var(--hl-red) !important; background:rgba(var(--hl-red-rgb),.07) !important; }
.hl-stats { border-top-color:rgba(var(--hl-red-rgb),.16); }
.hl-stats strong { color:var(--hl-white); }
.hl-stats div:first-child strong { color:var(--hl-red); }

.hl-hero-art-wrap { position:relative; align-self:center; min-width:0; z-index:2; }
.hl-hero-art, [data-theme="light"] .hl-hero-art { --rx:0deg; --ry:0deg; position:relative; width:100%; min-width:0; min-height:0; aspect-ratio:16/9; padding:14px; overflow:hidden; border-radius:24px; border:1px solid rgba(var(--hl-red-rgb),.34); background:linear-gradient(145deg,#080506,#160a0d); box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 0 1px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.055),0 0 42px rgba(var(--hl-red-rgb),.09); transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .18s ease-out,border-color .25s ease,box-shadow .25s ease; }
[data-theme="light"] .hl-hero-art { background:linear-gradient(145deg,#d8c7c4,#fff7f3); box-shadow:0 30px 70px rgba(57,21,25,.18),0 0 0 1px rgba(70,20,24,.18); }
.hl-hero-image { position:absolute; z-index:1; top:14px; right:14px; bottom:14px; left:14px; width:calc(100% - 28px); height:calc(100% - 28px); display:block; object-fit:cover; object-position:center center; border:0; border-radius:14px; background:#070506; }
.hl-hero-art::before { content:""; display:block; position:absolute; z-index:2; inset:14px; border-radius:14px; pointer-events:none; background:
  linear-gradient(110deg,rgba(12,3,4,.03),rgba(12,3,4,.10)),
  linear-gradient(180deg,transparent 56%,rgba(0,0,0,.25)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 -55px 100px rgba(0,0,0,.18); }
.hl-hero-art::after { content:""; display:block; position:absolute; z-index:2; inset:7px; border-radius:18px; pointer-events:none; border:1px solid rgba(var(--hl-red-rgb),.32); box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),0 0 30px rgba(var(--hl-red-rgb),.05); }
.hl-image-tag { position:absolute; z-index:3; display:flex; gap:7px; align-items:center; padding:7px 10px; color:#fff; background:rgba(7,4,5,.72); border:1px solid rgba(var(--hl-red-rgb),.45); backdrop-filter:blur(10px); font-size:.58rem; font-weight:1000; letter-spacing:.15em; }
.hl-image-tag--top { top:27px; right:27px; }
.hl-image-tag--bottom { left:27px; bottom:27px; }
.hl-image-tag--bottom span { color:#ff7777; }.hl-image-tag--bottom b{color:#fff;}
.hl-corner { position:absolute; z-index:4; width:38px; height:38px; pointer-events:none; }
.hl-corner--a { top:20px; left:20px; border-top:2px solid var(--hl-red); border-left:2px solid var(--hl-red); }
.hl-corner--b { right:20px; bottom:20px; border-right:2px solid var(--hl-red); border-bottom:2px solid var(--hl-red); }
.hl-hero-meter { height:4px; margin:11px 18px 0; display:grid; grid-template-columns:repeat(10,1fr); gap:5px; }
.hl-hero-meter i { display:block; background:rgba(255,255,255,.08); overflow:hidden; position:relative; }
.hl-hero-meter i::after { content:""; position:absolute; inset:0; background:var(--hl-red); transform-origin:left; animation:hlMeter 2.8s ease-in-out infinite alternate; animation-delay:calc(var(--n,0)*.07s); }
.hl-hero-meter i:nth-child(2n)::after{animation-delay:.3s}.hl-hero-meter i:nth-child(3n)::after{animation-delay:.6s}

.hl-marquee { width:100%; overflow:hidden; margin:18px 0 38px; border:1px solid rgba(var(--hl-red-rgb),.18); border-radius:14px; background:linear-gradient(180deg,rgba(18,8,10,.96),rgba(10,7,8,.92)); box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 10px 28px rgba(0,0,0,.14); }
.hl-marquee-track { width:max-content; display:flex; align-items:center; gap:18px; padding:10px 0; animation:hlMarquee 42s linear infinite; color:rgba(255,244,240,.68); font-size:.64rem; font-weight:950; letter-spacing:.17em; white-space:nowrap; }
.hl-marquee-track i { color:var(--hl-red); font-style:normal; font-size:.45rem; }
[data-theme="light"] .hl-marquee { border-color:rgba(190,46,54,.20); background:linear-gradient(180deg,rgba(253,247,247,.98),rgba(245,233,233,.96)); box-shadow:inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(190,46,54,.05), 0 10px 24px rgba(64,26,29,.06); }
[data-theme="light"] .hl-marquee-track,
[data-theme="light"] .hl-marquee-track span { color:rgba(77,33,37,.72); }
[data-theme="light"] .hl-marquee-track i { color:#c4484f; }

.hl-archive { position:relative; }
.hl-section-head { border-bottom:1px solid rgba(var(--hl-red-rgb),.16); padding-bottom:20px; }
.hl-showcase-index { color:transparent; -webkit-text-stroke:1px rgba(var(--hl-red-rgb),.5); }
.hl-section-head h2 { color:var(--hl-white); }
.hl-range-status { min-width:210px; padding:12px 14px; text-align:right; border-right:3px solid var(--hl-red); background:linear-gradient(90deg,transparent,rgba(var(--hl-red-rgb),.07)); }
.hl-range-status small,.hl-range-status span { display:block; color:var(--home-muted); font-size:.58rem; font-weight:900; letter-spacing:.13em; }
.hl-range-status strong { display:block; margin:3px 0; color:var(--hl-red); font-size:1.45rem; letter-spacing:-.06em; }
.hl-filter-row { display:flex; align-items:center; gap:8px; margin:22px 0; }
.hl-filter { border:1px solid rgba(var(--hl-red-rgb),.22); border-radius:5px; padding:9px 13px; color:var(--home-muted); background:rgba(255,255,255,.025); cursor:pointer; font-size:.67rem; font-weight:1000; letter-spacing:.11em; transition:.2s ease; }
.hl-filter:hover,.hl-filter.is-active { color:#fff; border-color:rgba(var(--hl-red-rgb),.65); background:linear-gradient(135deg,#671017,var(--hl-red2)); box-shadow:0 10px 28px rgba(var(--hl-red-rgb),.16); transform:translateY(-1px); }
.hl-filter-line { flex:1; height:1px; background:linear-gradient(90deg,rgba(var(--hl-red-rgb),.3),transparent); }.hl-filter-line span{display:block;width:25%;height:1px;background:var(--hl-red);}
.hl-filter-row p { max-width:420px; margin:0; color:var(--home-muted); font-size:.69rem; line-height:1.4; }
.hl-grid { align-items:stretch; }
.hl-card { --card-red:var(--hl-red); position:relative; overflow:hidden; opacity:0; transform:translateY(20px); border-radius:12px !important; border-color:rgba(var(--hl-red-rgb),.15) !important; background:
  linear-gradient(145deg,rgba(255,255,255,.02),transparent 28%),
  linear-gradient(155deg,rgba(25,12,14,.96),rgba(12,8,9,.96)) !important; box-shadow:0 24px 62px rgba(0,0,0,.25) !important; transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease !important; transition-delay:calc(var(--i)*24ms); }
[data-theme="light"] .hl-card { background:linear-gradient(155deg,rgba(255,250,246,.98),rgba(242,228,223,.98)) !important; }
.hl-card.is-in { opacity:1; transform:translateY(0); }
.hl-card:hover { transform:translateY(-6px) !important; border-color:rgba(var(--hl-red-rgb),.42) !important; box-shadow:0 30px 76px rgba(0,0,0,.36),0 0 0 1px rgba(var(--hl-red-rgb),.08),0 0 35px rgba(var(--hl-red-rgb),.06) !important; }
.hl-card-cut { position:absolute; top:-50px; right:21px; width:1px; height:160px; background:linear-gradient(transparent,var(--hl-red),transparent); transform:rotate(27deg); opacity:.35; box-shadow:0 0 15px rgba(var(--hl-red-rgb),.4); }
.hl-card-topline { display:flex; align-items:center; gap:9px; margin-bottom:16px; color:var(--home-muted); font-size:.56rem; font-weight:950; letter-spacing:.14em; }.hl-card-topline i{height:1px;flex:1;background:linear-gradient(90deg,rgba(var(--hl-red-rgb),.35),transparent)}.hl-card-topline b{color:rgba(255,255,255,.44)}
[data-theme="light"] .hl-card-topline b{color:rgba(40,15,18,.44)}
.hl-core-tag { position:absolute; top:0; right:0; display:flex; align-items:center; gap:6px; padding:6px 8px; border-left:1px solid rgba(var(--hl-red-rgb),.25); border-bottom:1px solid rgba(var(--hl-red-rgb),.25); color:#ff7777; background:rgba(var(--hl-red-rgb),.07); font-size:.49rem; font-weight:1000; letter-spacing:.12em; }.hl-core-tag span{width:5px;height:5px;background:var(--hl-red);box-shadow:0 0 10px var(--hl-red);}
.hl-album-number { color:transparent !important; -webkit-text-stroke:1.2px rgba(var(--hl-red-rgb),.72); text-shadow:0 0 24px rgba(var(--hl-red-rgb),.08); }
.hl-album-meta { color:#ff6d6d !important; }
.hl-album-title { color:var(--hl-white) !important; letter-spacing:-.055em !important; }
.hl-album-description { min-height:88px; color:var(--home-muted) !important; }
.hl-track-list { border-top-color:rgba(var(--hl-red-rgb),.12) !important; }
.hl-track-list li { border-bottom-color:rgba(var(--hl-red-rgb),.09) !important; transition:padding-left .2s ease,background .2s ease; }
.hl-track-list li:hover { padding-left:7px; background:linear-gradient(90deg,rgba(var(--hl-red-rgb),.075),transparent); }
.hl-track-list li span { color:#ff6464 !important; }
.hl-card-footer { display:flex; align-items:center; gap:8px; margin-top:16px; padding-top:11px; border-top:1px solid rgba(var(--hl-red-rgb),.12); color:rgba(255,255,255,.32); font-size:.52rem; font-weight:950; letter-spacing:.15em; }.hl-card-footer i{flex:1;height:1px;background:rgba(var(--hl-red-rgb),.16)}.hl-card-footer b{color:#ff6868}
[data-theme="light"] .hl-card-footer { color:rgba(40,15,18,.36); }

.hl-doctrine { width:min(1460px,100%); margin:clamp(58px,8vw,110px) auto 0; display:grid; grid-template-columns:70px minmax(0,1.15fr) minmax(330px,.85fr); gap:clamp(22px,4vw,58px); padding:clamp(28px,4vw,50px); position:relative; overflow:hidden; border:1px solid rgba(var(--hl-red-rgb),.22); border-radius:22px; background:linear-gradient(135deg,rgba(25,9,11,.96),rgba(8,6,7,.97)); box-shadow:0 32px 90px rgba(0,0,0,.34); }
[data-theme="light"] .hl-doctrine { background:linear-gradient(135deg,#fff8f3,#eee0db); }
.hl-doctrine::after { content:"HARDLINE"; position:absolute; right:-2%; bottom:-12%; color:transparent; -webkit-text-stroke:1px rgba(var(--hl-red-rgb),.10); font-size:clamp(5rem,12vw,12rem); font-weight:1000; letter-spacing:-.09em; pointer-events:none; }
.hl-doctrine-rail { display:flex; flex-direction:column; align-items:center; gap:9px; color:#ff6b6b; font-size:.62rem; font-weight:1000; letter-spacing:.08em; }.hl-doctrine-rail i{width:1px;flex:1;min-height:190px;background:linear-gradient(var(--hl-red),rgba(var(--hl-red-rgb),.08));}
.hl-doctrine-copy { position:relative; z-index:1; }.hl-doctrine-copy h2 { margin:15px 0 18px; color:var(--hl-white); font-size:clamp(2.45rem,5.2vw,5.8rem); line-height:.85; letter-spacing:-.07em; }.hl-doctrine-copy h2 em{color:var(--hl-red);font-style:normal}.hl-doctrine-copy p{max-width:780px;color:var(--home-muted);line-height:1.7}.hl-doctrine-copy blockquote{margin:24px 0 0;padding:15px 18px;display:flex;gap:12px;align-items:center;border-left:3px solid var(--hl-red);background:rgba(var(--hl-red-rgb),.06)}.hl-doctrine-copy blockquote span{color:var(--hl-red);font-size:2.3rem;line-height:.6}.hl-doctrine-copy blockquote strong{font-size:1rem;letter-spacing:.01em}
.hl-doctrine-list { position:relative; z-index:1; display:grid; gap:10px; align-content:center; }.hl-doctrine-list article{padding:16px;border:1px solid rgba(var(--hl-red-rgb),.13);border-radius:8px;background:rgba(255,255,255,.025)}.hl-doctrine-list b{display:inline-block;margin-right:9px;color:var(--hl-red);font-size:.65rem}.hl-doctrine-list span{font-size:.66rem;font-weight:1000;letter-spacing:.13em}.hl-doctrine-list p{margin:7px 0 0;color:var(--home-muted);font-size:.75rem;line-height:1.5}

.hl-closing { width:min(1460px,100%); margin:24px auto 0; min-height:260px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:clamp(20px,4vw,50px); padding:clamp(26px,4vw,50px); position:relative; overflow:hidden; border-bottom:1px solid rgba(var(--hl-red-rgb),.22); background:linear-gradient(90deg,rgba(var(--hl-red-rgb),.065),transparent 65%); }
.hl-closing-index { color:transparent; -webkit-text-stroke:1px rgba(var(--hl-red-rgb),.45); font-size:clamp(5rem,10vw,9rem); font-weight:1000; line-height:.75; letter-spacing:-.09em; }.hl-closing small{color:#ff6969;font-weight:1000;letter-spacing:.16em}.hl-closing h2{margin:8px 0;color:var(--hl-white);font-size:clamp(2.4rem,4.8vw,5rem);line-height:.88;letter-spacing:-.07em}.hl-closing h2 em{color:var(--hl-red);font-style:normal}.hl-closing p{max-width:720px;margin:0;color:var(--home-muted);line-height:1.6}.hl-back-link{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(var(--hl-red-rgb),.27);border-radius:7px;text-decoration:none;font-size:.71rem;font-weight:950;letter-spacing:.06em;transition:.2s ease}.hl-back-link:hover{color:var(--hl-red);border-color:rgba(var(--hl-red-rgb),.6);transform:translateX(-3px)}
.hl-footer { border-top-color:rgba(var(--hl-red-rgb),.16) !important; }.hl-footer .gr-footer-signal i{background:var(--hl-red)!important;box-shadow:0 0 14px rgba(var(--hl-red-rgb),.5)!important}.hl-footer .gr-footer-signal span{color:#ff6e6e!important}

@keyframes hlMarquee { to { transform:translateX(-50%); } }
@keyframes hlMeter { 0%{transform:scaleX(.15);opacity:.45}100%{transform:scaleX(1);opacity:1} }

@media (min-width:981px){
  .hl-hero { grid-template-columns:minmax(500px,.72fr) minmax(0,1.28fr); gap:clamp(18px,1.8vw,28px); padding:clamp(26px,2.4vw,36px); align-items:center; }
  .hl-hero-copy { max-width:610px; padding-right:4px; }
  .hl-hero h1 { max-width:620px; font-size:clamp(3.4rem,5.2vw,6.5rem); line-height:.81; letter-spacing:-.078em; }
  html[lang="ru"] .hl-hero h1 { font-size:clamp(3.15rem,4.8vw,6rem); }
  .hl-lead,.hl-manifest{max-width:585px}.hl-hero-art-wrap{width:100%;}
}
@media (max-width:1080px){ .hl-doctrine{grid-template-columns:54px 1fr}.hl-doctrine-list{grid-column:2}.hl-closing{grid-template-columns:auto 1fr}.hl-back-link{grid-column:2;justify-self:start} }
@media (max-width:980px){
  .hl-hero { grid-template-columns:1fr; }.hl-hero-art-wrap{margin-top:8px}.hl-hero-art{aspect-ratio:16/10}.hl-era-line i{margin-left:0}.hl-filter-row{flex-wrap:wrap}.hl-filter-line{display:none}.hl-filter-row p{width:100%;max-width:none;margin-top:5px}.hl-album-description{min-height:0}
}
@media (max-width:720px){
  .hl-page{padding-top:18px}.hl-hero{padding:21px;border-radius:20px}.hl-hero h1{font-size:clamp(3.15rem,16vw,5rem)}.hl-era-line{flex-wrap:wrap}.hl-era-line i{width:100%;margin-top:2px}.hl-hero-art{padding:9px;border-radius:16px}.hl-hero-image{top:9px;right:9px;bottom:9px;left:9px;width:calc(100% - 18px);height:calc(100% - 18px);border-radius:10px}.hl-hero-art::before{inset:9px;border-radius:10px}.hl-hero-art::after{inset:4px;border-radius:13px}.hl-image-tag--top{top:17px;right:17px}.hl-image-tag--bottom{left:17px;bottom:17px}.hl-doctrine{grid-template-columns:1fr;padding:24px}.hl-doctrine-rail{display:none}.hl-doctrine-list{grid-column:auto}.hl-closing{grid-template-columns:1fr;padding:26px 0}.hl-closing-index{font-size:5rem}.hl-back-link{grid-column:auto}.hl-range-status{display:none}.hl-section-head{display:block}.hl-marquee{margin-bottom:26px}
}
@media (max-width:560px){
  .hl-header .gr-archive-nav{display:none}.hl-manifest strong{font-size:.88rem}.hl-stats{grid-template-columns:repeat(3,1fr)}.hl-stats strong{font-size:1.15rem}.hl-stats span{font-size:.54rem}.hl-filter{padding:8px 10px;font-size:.59rem}.hl-image-tag{font-size:.48rem;padding:6px 7px}.hl-card{border-radius:9px!important}
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hl-card{opacity:1;transform:none}.hl-hero-art{transform:none!important} }

/* ==========================================================
   HARDLINE SCROLLBAR OVERRIDE
   Same visible control, but in the 61–70 red system.
   ========================================================== */
html {
  scrollbar-width: auto;
  scrollbar-color: var(--hl-red) #140709;
}

html::-webkit-scrollbar-track {
  background: #140709;
  border-left-color: rgba(var(--hl-red-rgb), .14);
}

html::-webkit-scrollbar-thumb {
  border-color: #140709;
  background: linear-gradient(180deg, #ff5555 0%, var(--hl-red) 54%, var(--hl-red2) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 0 16px rgba(var(--hl-red-rgb), .20);
}

html::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ff7770 0%, var(--hl-red) 48%, var(--hl-hot) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 0 24px rgba(var(--hl-red-rgb), .34);
}

html::-webkit-scrollbar-corner {
  background: #140709;
}

[data-theme="light"] {
  scrollbar-color: #b8131c #eadbd7;
}

[data-theme="light"]::-webkit-scrollbar-track {
  background: #eadbd7;
}

[data-theme="light"]::-webkit-scrollbar-thumb {
  border-color: #eadbd7;
  background: linear-gradient(180deg, #dc3339, #a90d17);
}

/* ==========================================================
   HARDLINE HERO FRAME CLEANUP
   Keep the outer frame + photo inset, remove the redundant red ring.
   ========================================================== */
.hl-hero-art::after,
[data-theme="light"] .hl-hero-art::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ==========================================================
   ERA BRIDGE // MYTH REBIRTH
   Cross-link without softening HARDLINE's red system.
   ========================================================== */
.hl-nav-mythic { color:#c8b5ff !important; }
.hl-nav-mythic:hover { color:#e0d6ff !important; }
.hl-btn-mythic {
  border-color:rgba(155,124,255,.35)!important;
  color:#d8cbff!important;
  background:linear-gradient(110deg,rgba(155,124,255,.07),rgba(215,182,106,.025))!important;
}
.hl-btn-mythic:hover{border-color:rgba(155,124,255,.72)!important;box-shadow:0 0 26px rgba(155,124,255,.08)!important;transform:translateY(-2px)}
.hl-btn-mythic b{color:#d7b66a!important}
.hl-closing-links{display:grid;gap:9px;justify-items:start}
.hl-back-link--mythic{border-color:rgba(155,124,255,.30);color:#cfc2ff}
.hl-back-link--mythic:hover{color:#e0d8ff;border-color:rgba(155,124,255,.66);box-shadow:0 0 24px rgba(155,124,255,.07)}
@media(max-width:1080px){.hl-closing-links{grid-column:2}}
@media(max-width:720px){.hl-closing-links{grid-column:auto}}

/* ==========================================================
   TRIAD V2 // HARDLINE LIGHT THEME CONTRAST PASS
   ========================================================== */
[data-theme="light"] .gr-hardline-body{color:#231417;background:#f4ebe7}
[data-theme="light"] .hl-header{background:rgba(250,243,239,.96)!important;border-bottom-color:rgba(145,22,31,.25)!important}
[data-theme="light"] .hl-header .gr-archive-nav a{color:#5c4549!important}
[data-theme="light"] .hl-header .gr-archive-nav a:hover{color:#b41420!important}
[data-theme="light"] .hl-nav-mythic{color:#5f3ab3!important;font-weight:900}
[data-theme="light"] .hl-nav-mythic:hover{color:#45238e!important}
[data-theme="light"] .hl-hero{background:linear-gradient(120deg,#fff8f4 0%,#f5e5df 55%,#ead4ce 100%)!important;border-color:rgba(151,24,33,.28)!important}
[data-theme="light"] .hl-kicker{color:#a3131e!important;background:rgba(255,49,56,.055)!important;border-color:rgba(177,20,30,.30)!important}
[data-theme="light"] .hl-manifest{background:linear-gradient(90deg,rgba(255,49,56,.09),rgba(255,255,255,.20),transparent)!important}
[data-theme="light"] .hl-manifest>span{color:#b31622!important}
[data-theme="light"] .hl-manifest strong{color:#251417!important}
[data-theme="light"] .hl-manifest p{color:#6d5559!important}
[data-theme="light"] .hl-btn-mythic{color:#55329d!important;border-color:rgba(97,60,179,.42)!important;background:linear-gradient(110deg,rgba(139,104,238,.12),rgba(215,182,106,.07))!important}
[data-theme="light"] .hl-btn-mythic:hover{color:#3f217d!important;border-color:#7350c6!important}
[data-theme="light"] .hl-back-link--mythic{color:#5633a2!important;border-color:rgba(100,60,185,.42)!important;background:rgba(139,104,238,.045)}
[data-theme="light"] .hl-back-link--mythic:hover{color:#3e207e!important;border-color:#7350c6!important}
[data-theme="light"] .hl-doctrine-list article{background:rgba(255,255,255,.34)!important;border-color:rgba(139,27,37,.18)!important}
[data-theme="light"] .hl-doctrine-list span{color:#5b252a!important}
[data-theme="light"] .hl-doctrine-list p{color:#755d60!important}
[data-theme="light"] .hl-closing p{color:#715a5e!important}
[data-theme="light"] .hl-footer .gr-footer-note{color:#6c575b!important}