.fall-page{--fall-bg:#111514;--fall-surface:#181e1c;--fall-surface-soft:#202522;--fall-line:rgba(214,188,128,.22);--fall-gold:#d6bc80;--fall-gold-light:#f0ddb0;--aether:#75c8db;--fall-text:#f3eee2;--fall-muted:#b9b9ae;background:var(--fall-bg);color:var(--fall-text)}
.fall-page main{overflow:hidden}.fall-page .site-header{background:rgba(13,18,18,.94);border-color:var(--fall-line)}.fall-page .brand{color:var(--fall-text)}.fall-page .brand span{color:var(--aether)}.fall-page .site-menu a{color:#deddd5}.fall-page .menu-toggle{color:var(--fall-text);background:var(--fall-surface);border-color:var(--fall-line)}
.fall-hero{position:relative;isolation:isolate;min-height:clamp(650px,86vh,900px);display:grid;align-items:end;padding:8rem 0 5.5rem;border:0;background:#111514}.fall-hero-art{position:absolute;z-index:-2;inset:0;background-color:#111514;background-image:url('/assets/eirenefall/greenhaven-world.png');background-size:cover;background-position:center 48%}.fall-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,12,12,.94) 0%,rgba(8,12,12,.72) 44%,rgba(8,12,12,.18) 78%),linear-gradient(0deg,#111514 0%,transparent 38%,rgba(7,10,10,.28) 100%)}.fall-hero-content{position:relative}.fall-status,.concept-label{display:inline-flex;border:1px solid rgba(214,188,128,.55);border-radius:999px;padding:.42rem .75rem;color:var(--fall-gold-light);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.fall-eyebrow{margin:1.65rem 0 .7rem;color:var(--fall-gold);font-size:.72rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.fall-hero h1,.fall-page h2{font-family:Georgia,"Times New Roman",serif}.fall-hero h1{max-width:none;margin:0;color:#fff;font-size:clamp(4.2rem,11vw,9.5rem);font-weight:500;letter-spacing:-.065em;line-height:.86;text-shadow:0 3px 30px rgba(0,0,0,.45)}.fall-tagline{margin:1.25rem 0 0;color:var(--fall-gold-light);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.55rem,3vw,2.45rem)}.fall-lede{margin:1rem 0 0;color:#fff;font-size:clamp(1.05rem,2vw,1.25rem)}.fall-summary{max-width:650px;margin:.65rem 0 0;color:#d1d3cd}.fall-attribution{margin:1.25rem 0 0;color:var(--aether);font-weight:700}.concept-label{margin-top:2.3rem;color:#d5d5cc;border-color:rgba(255,255,255,.3);font-size:.62rem}
.fall-section{padding:clamp(4.5rem,9vw,8rem) 0;border-color:var(--fall-line)}.fall-section h2{color:var(--fall-text);font-weight:500;letter-spacing:-.035em}.fall-section h3{color:var(--fall-gold-light);text-transform:uppercase;letter-spacing:.08em}.fall-section p,.fall-section li{color:var(--fall-muted)}.fall-section strong{color:var(--fall-text)}.narrow-copy{max-width:910px}.section-lede{font-size:clamp(1.08rem,2vw,1.3rem)}.fall-intro{background:radial-gradient(circle at 85% 15%,rgba(117,200,219,.08),transparent 30%),var(--fall-bg)}
.pillars-section{background:var(--fall-surface)}.loop-intro{max-width:840px}.gameplay-loop{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:3rem 0 0;padding:0;list-style:none;border:1px solid var(--fall-line)}.gameplay-loop li{position:relative;display:flex;min-width:0;min-height:190px;flex-direction:column;justify-content:flex-end;padding:1.25rem;background:linear-gradient(145deg,#1a201e,#151918)}.gameplay-loop li+li{border-left:1px solid var(--fall-line)}.gameplay-loop li:not(:last-child)::after{content:"→";position:absolute;z-index:1;top:50%;right:-.65rem;display:grid;width:1.3rem;height:1.3rem;place-items:center;border-radius:50%;background:var(--fall-surface);color:var(--aether);font-weight:800;transform:translateY(-50%)}.gameplay-loop li:last-child::after{content:"↶";position:absolute;top:1rem;right:1rem;color:var(--aether);font-size:1.2rem}.gameplay-loop span{margin-bottom:auto;color:var(--aether);font:700 .7rem/1 ui-monospace,monospace}.gameplay-loop strong{color:var(--fall-gold-light);font-size:.8rem;letter-spacing:.11em;text-transform:uppercase}.gameplay-loop small{margin-top:.45rem;color:var(--fall-muted);font-size:.72rem;line-height:1.45}.direction-note{margin-top:1.2rem;color:#989e97;font-size:.82rem}
.showcase-section{background:#111514}.showcase-section>.container:first-child{display:grid;gap:clamp(2.5rem,5vw,5rem)}.exploration-showcase>.container:first-child{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);align-items:end}.showcase-split{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center}.showcase-reverse .showcase-figure{order:2}.showcase-copy{max-width:700px}.showcase-copy .fall-eyebrow{margin-top:0}.showcase-figure{margin:0}.showcase-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--fall-line);box-shadow:0 28px 70px rgba(0,0,0,.38)}.showcase-figure figcaption{padding-top:.7rem;color:#969b94;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.skills-showcase{background:#171a16}.combat-showcase{background:#141817}.quiet-callout,.map-note{padding:1rem 1.15rem;border-left:2px solid var(--fall-gold);background:rgba(214,188,128,.06)}
.progression-wrap{margin-top:clamp(2.5rem,5vw,4rem)}.progression-loop{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:progress}.progression-loop li{display:flex;flex:1 1 145px;align-items:center;justify-content:space-between;padding:.85rem 1rem;border:1px solid var(--fall-line);color:var(--fall-gold-light);font-size:.75rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.progression-loop li:not(:last-child)::after{content:"→";margin-left:.7rem;color:var(--aether);font-size:1rem}
.greenhaven-section{background:#151918}.split-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}.world-figure{margin:0}.world-figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--fall-line);box-shadow:0 30px 80px rgba(0,0,0,.35)}.world-figure figcaption{padding-top:.65rem;color:#8f958e;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem 1rem;padding:0;list-style:none}.feature-list li{padding:.6rem 0;border-bottom:1px solid var(--fall-line)}.feature-list li::before{content:"✦";padding-right:.6rem;color:var(--aether);font-size:.65rem}
.aether-section{background:radial-gradient(circle at 20% 50%,rgba(54,151,177,.17),transparent 32%),linear-gradient(135deg,#101817,#151b1e)}.split-copy,.development-callout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,8rem);align-items:start}.split-copy .fall-eyebrow,.development-callout .fall-eyebrow{margin-top:0}
.magic-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:2rem;background:rgba(117,200,219,.2);border:1px solid rgba(117,200,219,.2)}.magic-comparison article{padding:1.5rem;background:rgba(13,22,22,.92)}.magic-comparison h3{margin-top:0;font-size:.8rem}.magic-comparison p{margin-bottom:0}
.regions-section{background:#171b19}.regions-layout,.crafting-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,8vw,8rem)}.regions-layout .fall-eyebrow,.crafting-layout .fall-eyebrow{margin-top:0}.regions-copy{max-width:720px}.atlas-figure{grid-column:1/-1;margin:clamp(1rem,2vw,2rem) 0 0}.atlas-figure img{display:block;width:100%;height:auto;object-fit:cover;border:1px solid rgba(214,188,128,.42);box-shadow:0 30px 80px rgba(0,0,0,.4)}.atlas-figure figcaption{padding-top:.75rem;color:#9ba19a;font-size:.7rem;letter-spacing:.09em;line-height:1.6;text-transform:uppercase}.crafting-section{background:linear-gradient(120deg,#1e201a,#151918)}.threats-section{background:var(--fall-surface-soft)}.threat-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:2.5rem;background:var(--fall-line);border:1px solid var(--fall-line)}.threat-track article{position:relative;padding:1.5rem;background:#171c1a}.threat-track article:not(:last-child)::after{content:"→";position:absolute;top:1.5rem;right:-.55rem;z-index:1;color:var(--aether)}.threat-track h3{margin-top:0;font-size:.78rem}.risk-callout{display:grid;grid-template-columns:.45fr .65fr 1.4fr;gap:1.5rem;align-items:center;margin-top:2rem;padding:1.5rem 2rem;border:1px solid rgba(214,188,128,.3);background:#242218}.risk-callout .fall-eyebrow,.risk-callout h3,.risk-callout p{margin:0}.companions-section{padding:clamp(3.5rem,6vw,5rem) 0;background:#111514}.companions-layout{display:grid;grid-template-columns:.45fr .9fr 1.15fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.companions-layout .fall-eyebrow,.companions-layout h2,.companions-layout p{margin-top:0;margin-bottom:0}.companions-layout h2{font-size:clamp(1.8rem,3vw,2.8rem)}
.systems-section{background:var(--fall-surface-soft)}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,5rem)}.system-grid article{border-top:2px solid var(--fall-gold);padding-top:1.3rem}.system-grid .fall-eyebrow{margin-top:0}.system-grid h2{font-size:clamp(1.9rem,3.2vw,3rem)}
.development-section{background:linear-gradient(135deg,#242218,#151b1a)}.development-callout{padding:clamp(2rem,5vw,4.5rem);border:1px solid rgba(214,188,128,.35)}.closing-section{position:relative;text-align:center;background:radial-gradient(circle at 50% 0,rgba(117,200,219,.1),transparent 38%),#111514}.closing-copy{max-width:850px}.closing-copy .section-lede{margin-inline:auto}.closing-copy .actions{justify-content:center}.fall-button{background:var(--fall-gold);border-color:var(--fall-gold);color:#151713}.fall-text-link{display:inline-flex;align-items:center;padding:.75rem .2rem;color:var(--fall-text);font-weight:700;text-underline-offset:5px}.fall-page :focus-visible{outline-color:var(--aether)}
.building-title{margin-top:2rem;font-size:.78rem}.building-list{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0;padding:0;list-style:none}.building-list li{padding:.55rem .75rem;border:1px solid var(--fall-line);color:var(--fall-gold-light);font-size:.72rem;letter-spacing:.06em}.building-note{font-size:.78rem}.fall-page :focus-visible{outline:3px solid var(--aether);outline-offset:3px}
@media(max-width:1050px){.gameplay-loop{grid-template-columns:repeat(3,1fr)}.gameplay-loop li:nth-child(4){border-left:0;border-top:1px solid var(--fall-line)}.gameplay-loop li:nth-child(-n+3){border-bottom:1px solid var(--fall-line)}.threat-track{grid-template-columns:repeat(3,1fr)}.companions-layout{grid-template-columns:1fr 1.5fr}.companions-layout p{grid-column:2}}
@media(max-width:900px){.fall-hero::after{background:linear-gradient(90deg,rgba(8,12,12,.9),rgba(8,12,12,.38)),linear-gradient(0deg,#111514,transparent 55%)}.split-layout,.exploration-showcase>.container:first-child,.showcase-split{grid-template-columns:1fr}.world-figure{order:2}.showcase-reverse .showcase-figure{order:0}.system-grid{grid-template-columns:1fr}.system-grid article{max-width:720px}.split-copy,.development-callout,.regions-layout,.crafting-layout{grid-template-columns:1fr;gap:1rem}.risk-callout{grid-template-columns:1fr;gap:.5rem}}
@media(max-width:850px){.fall-page .site-menu{background:var(--fall-surface);border-color:var(--fall-line)}.fall-page .site-menu a{color:var(--fall-text)}}
@media(max-width:600px){.fall-hero{min-height:700px;padding:7rem 0 3.5rem}.fall-hero-art{background-position:62% center}.fall-hero::after{background:linear-gradient(90deg,rgba(8,12,12,.9),rgba(8,12,12,.45)),linear-gradient(0deg,#111514 2%,transparent 70%)}.fall-hero h1{font-size:clamp(3.6rem,20vw,5.4rem)}.fall-eyebrow{line-height:1.7}.gameplay-loop,.magic-comparison,.threat-track{grid-template-columns:1fr}.gameplay-loop li{min-height:125px;border-left:0!important;border-top:1px solid var(--fall-line)}.gameplay-loop li:first-child{border-top:0}.gameplay-loop li:not(:last-child)::after{top:auto;right:1rem;bottom:-.65rem;transform:rotate(90deg)}.threat-track article:not(:last-child)::after{top:auto;right:1.5rem;bottom:-.65rem;transform:rotate(90deg)}.feature-list{grid-template-columns:1fr}.showcase-figure img{min-height:240px;object-position:center}.atlas-figure img{aspect-ratio:4/3;object-position:center;}.atlas-figure figcaption{letter-spacing:.06em}.progression-loop{display:grid;grid-template-columns:1fr 1fr}.progression-loop li{min-width:0}.progression-loop li:nth-child(even):not(:last-child)::after{display:inline;margin-left:.7rem;transform:rotate(90deg);transform-origin:center}.progression-loop li:last-child{grid-column:1/-1}.companions-layout{display:block}.companions-layout h2{margin-bottom:1rem}.development-callout{padding:1.4rem}.fall-page .actions{align-items:stretch;flex-direction:column}.fall-text-link{justify-content:center;text-align:center}}
@media(max-width:390px){.progression-loop{grid-template-columns:1fr}.progression-loop li:last-child{grid-column:auto}.progression-loop li:not(:last-child)::after{display:inline;margin-left:.7rem;transform:rotate(90deg);transform-origin:center}}
@media(prefers-reduced-motion:reduce){.fall-page *{scroll-behavior:auto!important}}

/* Responsive gameplay cards and the expanded world atlas. */
.gameplay-loop{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border:0}
.gameplay-loop li{min-height:170px;padding:1.4rem;border:1px solid var(--fall-line);background:linear-gradient(145deg,#1d2421,#141918);box-shadow:0 14px 32px rgba(0,0,0,.18)}
.gameplay-loop li+li{border-left:1px solid var(--fall-line)}
.gameplay-loop li:not(:last-child)::after{display:none}
.gameplay-loop li:not(:nth-child(3n))::after{content:"→";position:absolute;z-index:1;top:50%;right:-1.2rem;display:grid;width:1.4rem;height:1.4rem;place-items:center;border-radius:50%;background:var(--fall-surface);color:var(--aether);font-weight:800;transform:translateY(-50%)}
.gameplay-loop li:last-child::after{display:none}
.gameplay-loop span{font-size:.76rem}
.gameplay-loop strong{display:block;margin-top:1.5rem;font-size:.9rem}
.gameplay-loop small{display:block;margin-top:.5rem;font-size:.82rem;line-height:1.5}
.combat-showcase .showcase-split{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
.concept-disclaimer{padding:1rem 1.15rem;border-left:2px solid var(--fall-gold);background:rgba(214,188,128,.06);color:#c5c2b7!important}
.atlas-figure img,.realms-figure img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid rgba(214,188,128,.42);background:#101412;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.realms-block{display:grid;grid-column:1/-1;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,6rem);align-items:center;margin-top:clamp(2rem,5vw,5rem);padding-top:clamp(2rem,5vw,5rem);border-top:1px solid var(--fall-line)}
.realms-copy .fall-eyebrow{margin-top:0}
.realms-copy h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;letter-spacing:-.025em;text-transform:none}
.realms-figure{margin:0}
.realms-figure figcaption{padding-top:.75rem;color:#9ba19a;font-size:.7rem;letter-spacing:.09em;line-height:1.6;text-transform:uppercase}

@media(max-width:1050px){
  .threat-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .threat-track article:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  .combat-showcase .showcase-split,.realms-block{grid-template-columns:1fr}
}
@media(max-width:700px){
  .gameplay-loop{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gameplay-loop li:not(:nth-child(3n))::after{display:none}
  .gameplay-loop li:nth-child(odd):not(:last-child)::after{content:"→";position:absolute;z-index:1;top:50%;right:-1.2rem;display:grid;width:1.4rem;height:1.4rem;place-items:center;border-radius:50%;background:var(--fall-surface);color:var(--aether);font-weight:800;transform:translateY(-50%)}
}
@media(max-width:600px){
  .gameplay-loop,.threat-track{grid-template-columns:1fr}
  .gameplay-loop li{min-height:135px;border:1px solid var(--fall-line)!important}
  .gameplay-loop li:nth-child(odd):not(:last-child)::after{display:none}
  .threat-track article:last-child{grid-column:auto}
  .atlas-figure img{aspect-ratio:auto}
}