/* Heretic Archive: the same warm editorial typography, with the game's own living art. */
.ha-scene{display:block;width:100%;border:0;background:#101615;color-scheme:dark}
.ha-scene--lanterns{aspect-ratio:3/1}.ha-scene--meadow{aspect-ratio:16/9}.ha-scene--loom{aspect-ratio:736/262}
.ha-home-feature{margin-top:38px;background:radial-gradient(ellipse at 85% 5%,#785b2d20,transparent 65%),#141c18;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.ha-home-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:48px}
.ha-home-heading .eyebrow{color:var(--gold)}
.ha-home-heading h3{font:clamp(64px,6.5vw,95px)/.95 var(--serif);letter-spacing:-.025em;margin:30px 0 12px}
.ha-home-heading h3 em{color:var(--gold)}
.ha-home-intro{align-self:center;max-width:450px}
.ha-home-pitch{font:clamp(30px,3.2vw,44px)/1.15 var(--serif);margin:0 0 20px;color:var(--cream)}
.ha-home-pitch em{color:var(--gold)}
.ha-home-intro>p:not(.ha-home-pitch){font-size:1rem;line-height:1.85;color:var(--muted)}
.ha-home-intro .inline-link{color:var(--gold);margin-top:15px}
.ha-home-art{container-type:inline-size;margin:0 20px;overflow:hidden;border:1px solid #dcb77a30;border-radius:3px}
.ha-home-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 36px;color:var(--muted);font-size:.875rem;line-height:1.65}
.ha-introduction{padding-block:65px 45px;background:radial-gradient(ellipse at 80% 20%,#93703d22,transparent 65%),#111815}
.ha-intro-top{display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--gold)}
.ha-title-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;margin:55px 0 40px}
.ha-title-row h1{font:clamp(92px,11.5vw,170px)/.89 var(--serif);letter-spacing:-.03em}
.ha-title-row h1 em,.ha-hero-lead em,.archive main h2 em{color:var(--gold)}
.ha-intro-copy{max-width:480px}
.ha-hero-lead{font:clamp(29px,3vw,43px)/1.18 var(--serif);color:var(--cream)}
.ha-intro-copy>p:not(.ha-hero-lead){color:var(--muted);font-size:1rem;line-height:1.85;margin:24px 0 12px}
.ha-intro-copy .inline-link{color:var(--gold);gap:28px}
.ha-genre{font-size:.875rem;letter-spacing:.04em;color:var(--muted);padding-top:30px;border-top:1px solid var(--line)}
.ha-landscape{margin:0;padding-block:0 45px;scroll-margin-top:110px;background:#111815}
.ha-landscape iframe{border:1px solid #dcb77a30;border-radius:4px;box-shadow:0 30px 70px #0003}
.ha-landscape figcaption{display:flex;gap:24px;justify-content:space-between;padding:20px 0;font-size:.875rem;line-height:1.7;color:var(--muted)}
.ha-landscape figcaption .eyebrow{color:var(--gold);flex-shrink:0}
.ha-story,.ha-roots{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:90px 100px;border-top:1px solid var(--line)}
.archive main h2{font:clamp(48px,5.3vw,77px)/1.03 var(--serif);letter-spacing:-.02em;margin:28px 0}
.ha-story-copy{align-self:center}.ha-story-copy p,.ha-roots>div>p:not(.eyebrow){font-size:1rem;line-height:1.9;color:var(--muted)}
.ha-story-copy p+p{margin-top:24px}
.ha-systems{padding-block:75px 90px;background:radial-gradient(ellipse at 0 80%,#6a542323,transparent 65%),#171e18;border-block:1px solid var(--line)}
.ha-section-heading{display:grid;grid-template-columns:1fr 2fr;gap:45px;align-items:start}.archive main .ha-section-heading h2{margin-top:0}.ha-section-heading .eyebrow{padding-top:10px;color:var(--gold)}
.ha-system-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:25px}
.ha-system-columns article{border-top:1px solid #dcb77a50;padding-top:24px}.ha-number{color:var(--gold);font-size:.75rem;letter-spacing:.12em}
.ha-system-columns h3{font:32px/1.1 var(--serif);margin:26px 0 16px;color:var(--cream)}
.ha-system-columns p{font-size:.9375rem;line-height:1.85;color:var(--muted)}
.ha-underworks{padding-block:85px 60px;background:radial-gradient(ellipse at 65% 20%,#88653c18,transparent 60%),#0d1312}
.ha-underworks-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin-bottom:36px}
.ha-underworks-heading>p{color:var(--muted);font-size:1rem;line-height:1.85;max-width:460px}
.ha-underworks figure{margin:0}.ha-underworks iframe{border:1px solid #b69c7150;border-radius:4px}.ha-underworks figcaption{padding-top:18px;color:var(--muted);font-size:.875rem;line-height:1.7}
.ha-roots{align-items:center;padding-block:85px 95px;background:#141c18}.ha-roots .ha-development-note{font-size:.875rem;margin:26px 0 15px;padding-top:23px;border-top:1px solid var(--line)}
@media(max-width:950px){.ha-home-heading{padding:32px;gap:32px}.ha-title-row{gap:6%}.ha-title-row h1{font-size:clamp(85px,12vw,130px)}.ha-system-columns{gap:24px}.ha-system-columns h3{font-size:29px}.ha-story,.ha-roots{gap:7%}}
@media(max-width:700px){
 .ha-home-heading{grid-template-columns:1fr;gap:20px;padding:30px 24px}.ha-home-heading h3{font-size:70px;margin:22px 0 8px}.ha-home-intro{max-width:none}.ha-home-pitch{font-size:34px}
 .ha-home-art{container-type:inline-size;margin:0 14px}.ha-home-foot{padding:20px 24px;flex-wrap:wrap;gap:14px}
 .ha-introduction{padding-block:38px 28px}.ha-intro-top{align-items:flex-start;gap:16px;flex-wrap:wrap}.ha-title-row{grid-template-columns:1fr;gap:36px;margin:40px 0 30px}.ha-title-row h1{font-size:clamp(90px,22vw,135px)}
 .ha-hero-lead{font-size:32px}.ha-intro-copy{max-width:none}.ha-intro-copy>p:not(.ha-hero-lead){font-size:.9375rem}.ha-genre{padding-top:22px;font-size:.8125rem}
 .ha-landscape{padding-inline:12px;padding-bottom:35px}.ha-landscape figcaption{padding:16px 12px 0;flex-direction:column;gap:6px}
 .ha-story,.ha-roots{grid-template-columns:1fr;gap:22px;padding-block:50px 60px}.archive main h2{font-size:clamp(46px,10vw,64px);margin:22px 0 5px}
 .ha-systems{padding-block:50px 55px}.ha-section-heading{grid-template-columns:1fr;gap:20px}.ha-section-heading .eyebrow{padding:0}.ha-system-columns{grid-template-columns:1fr;gap:26px;margin-top:32px}.ha-system-columns article{display:grid;grid-template-columns:28px 1fr;gap:18px}.ha-system-columns h3{margin:0 0 12px;font-size:30px}.ha-system-columns p{grid-column:2}.ha-number{padding-top:8px}
 .ha-underworks{padding-block:50px 40px}.ha-underworks-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.ha-underworks iframe{width:calc(100% + 24px);max-width:none;margin-inline:-12px}.ha-underworks figcaption{font-size:.8125rem}
 .ha-roots .ha-development-note{font-size:.875rem}.ha-roots>div>p,.ha-story-copy p{font-size:.9375rem}
}
@container(max-width:600px){.ha-scene--lanterns{aspect-ratio:1}}