/* The portal introduces the whole game; each illustrated card opens one era. */
.hero-game-name{font-size:12px!important;letter-spacing:4px;color:#e9d6ad!important;margin:20px 0 0!important;font-weight:600}
.home-hero .hero-content h1{margin-top:18px}
.era-card.era-illustrated{height:auto;min-height:0;display:flex;flex-direction:column;border:1px solid #d4b57b38;background:#12241c;overflow:hidden;isolation:auto;transform:none}
.era-illustrated:before,.era-illustrated:after{display:none}
.era-card-top{display:flex;justify-content:space-between;gap:12px;padding:20px 18px;align-items:center;position:static;font-size:9px;letter-spacing:1.6px;color:var(--gold)}
.era-card-top>span:last-child{font-size:7px;text-align:right;color:#b2beac;letter-spacing:1px}
.era-card-visual{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;margin:0 12px;background:#0b1813;border:1px solid #ffffff14;overflow:hidden}
.era-card-visual img{width:100%;height:100%;object-fit:contain;transition:filter .3s;filter:saturate(.85)}
.era-card:hover .era-card-visual img{filter:saturate(1)}
.era-illustrated .era-card-bottom{position:relative;left:auto;right:auto;bottom:auto;padding:23px 37px 28px 18px;border:0;flex:1;margin-top:0}
.era-illustrated .tiny{color:#bcc7b3;font-size:8px;letter-spacing:1px;line-height:1.7}
.era-illustrated h3{font-size:31px;line-height:1.07;max-width:none;margin:14px 0 0;overflow-wrap:normal}
.era-illustrated .card-arrow{right:15px;bottom:25px;font-size:22px}
.era-illustrated:hover{border-color:#d4b57bba;box-shadow:0 12px 36px #0002}
.era-illustrated.oceans{background:#10252c}.era-illustrated.steel{background:#26251e}.era-illustrated.galaxy{background:#1a1d30}
.home-paths{background:#0e1d17;max-width:none}
.home-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.home-story-grid>a{display:flex;flex-direction:column;border:1px solid var(--line);background:#17281f;min-width:0;transition:border-color .25s}
.home-story-grid>a:hover{border-color:#d4b57b99}
.story-image{display:flex;aspect-ratio:4/3;align-items:center;justify-content:center;background:#0d1b15;padding:12px}
.story-image img{display:block;width:100%;height:100%;object-fit:contain}
.story-copy{padding:28px;display:flex;flex-direction:column;align-items:start;flex:1}
.story-copy>.tiny{color:var(--gold);font-size:8px;letter-spacing:1.7px}
.story-copy h3{font-family:var(--serif);font-weight:500;font-size:35px;line-height:1.1;margin:20px 0 14px}
.story-copy p{font-size:12px;line-height:1.9;margin-bottom:25px}
.story-copy .inline-link{font-size:11px;margin-top:auto}
.guide-plate button,.spread-image{cursor:zoom-in}
.guide-plate img,.spread-image img{max-width:100%;height:auto}
.guide-section h2{max-width:850px}
@media(min-width:1600px){.home-paths{padding-inline:calc((100vw - 1260px)/2)}}
@media(max-width:1100px){.era-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.era-illustrated h3{font-size:37px}.home-story-grid{gap:17px}.story-copy{padding:22px}.story-copy h3{font-size:30px}}
@media(max-width:820px){.home-story-grid{grid-template-columns:1fr}.home-story-grid>a{display:grid;grid-template-columns:1fr 1fr}.story-image{aspect-ratio:auto;min-height:230px}.story-copy{padding:28px}.story-copy h3{font-size:35px}}
@media(max-width:560px){.hero-game-name{font-size:9px!important;letter-spacing:2.5px;margin-top:21px!important}.home-hero .hero-content h1{font-size:53px}.era-grid{grid-template-columns:1fr;gap:24px}.era-card-top{padding:18px 19px}.era-card-visual{aspect-ratio:16/11;margin-inline:13px}.era-illustrated .era-card-bottom{padding:22px 46px 26px 22px}.era-illustrated h3{font-size:38px;max-width:none}.era-illustrated .card-arrow{right:21px;bottom:28px}.home-story-grid>a{display:flex}.story-image{aspect-ratio:4/3;min-height:0}.story-copy{padding:25px}.story-copy h3{font-size:34px}.home-story-grid{gap:23px}}