/* Archivo, navegación y páginas propias de las cuatro eras. */
.era-hero.oceans,.era-body.oceans{--gold:#a9d7d4}
.era-hero.steel,.era-body.steel{--gold:#d6aa83}
.era-hero.galaxy,.era-body.galaxy{--gold:#9ccfe3}
.era-hero.oceans{background:radial-gradient(ellipse at 80% 60%,#20565866,transparent 55%),linear-gradient(120deg,#0b2027,#112f35)}
.era-hero.steel{background:radial-gradient(ellipse at 85% 70%,#a85b2e33,transparent 50%),linear-gradient(120deg,#1c2020,#352a24)}
.era-hero.galaxy{background:radial-gradient(ellipse at 85% 30%,#3c4b9466,transparent 52%),linear-gradient(120deg,#0c1926,#151c3b)}
.era-hero:not(.has-image):before{content:'';position:absolute;inset:100px 0 0 48%;opacity:.35;background:repeating-linear-gradient(0deg,transparent 0 52px,#b3e1d21a 53px,transparent 54px)}
.era-hero.steel:before{transform:rotate(-28deg);background:repeating-linear-gradient(90deg,transparent 0 75px,#d6aa832c 76px,transparent 77px)}
.era-hero.galaxy:before{inset:0;background-image:radial-gradient(circle,#c2e7ef 1px,transparent 1.8px),radial-gradient(circle,#c2e7ef66 1px,transparent 1.8px);background-size:143px 131px,229px 197px;background-position:33px 22px,80px 65px;opacity:.4}
.era-hero .era-giant{color:#d4dbe816}
.era-switcher{padding:22px 8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d1a16;display:flex;gap:32px;align-items:center;max-width:none}
.era-switcher>a{font-size:11px;color:var(--muted);white-space:nowrap}
.era-switcher>div{display:flex;gap:24px;align-items:center;flex:1;justify-content:flex-end}
.era-switcher>div>a{font-size:10px;line-height:1.5;display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid transparent;white-space:nowrap;color:#b7bdb4}
.era-switcher a>span{font-family:var(--serif);font-size:20px;color:var(--gold)}
.era-switcher a[aria-current]{color:var(--cream);border-color:var(--gold)}
.era-switcher a:hover{color:var(--gold)}
.era-switcher>div{scrollbar-width:none}
.era-switcher>div::-webkit-scrollbar{display:none}
.era-summary .intro-grid h2{max-width:490px}
.era-body .progression{padding-top:55px}
.era-body .progression .steps h3{font-size:29px}
.materials-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#ffffff03;border-block:1px solid var(--line);max-width:none;padding-top:70px;padding-bottom:70px}
.materials-section h2{font-size:46px;margin-top:22px}
.materials-section p:not(.eyebrow){font-size:13px;margin-top:26px}
.material-chips{display:flex;flex-wrap:wrap;gap:10px}
.material-chips span{padding:8px 15px;border:1px solid #ffffff35;color:var(--cream);font-size:12px;background:#ffffff03}
.era-visual{padding-top:85px}
.era-visual .section-heading h2{font-size:52px}
.visual-spread{display:grid;grid-template-columns:1.06fr 1fr;gap:8%;align-items:start}
.spread-image{padding:0;background:#ffffff04;position:relative;display:block;border:1px solid #ffffff24;width:100%}
.spread-image img{width:100%;height:auto;max-height:750px;object-fit:contain;object-position:top}
.spread-image>span{display:block;padding:14px;font-size:10px;color:var(--gold);letter-spacing:1px}
.spread-image:hover{border-color:var(--gold)}
.spread-copy{padding-top:30px}
.spread-copy h3{font-size:43px;margin:23px 0}
.spread-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}
.spread-copy>.button{margin-top:30px;gap:18px;font-size:10px}
.atlas-disclosure{margin-top:40px;border-block:1px solid var(--line)}
.atlas-disclosure summary{cursor:pointer;padding:20px 0;list-style:none;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--gold)}
.atlas-disclosure summary::-webkit-details-marker{display:none}
.atlas-disclosure summary>span{font-size:21px;line-height:1}
.atlas-disclosure[open] summary>span{transform:rotate(45deg)}
.atlas-disclosure p{font-size:10px;line-height:1.6;padding-bottom:18px}
.atlas-disclosure button{padding:0;width:100%;display:block;background:transparent;text-align:left}
.atlas-disclosure button>span{font-size:10px;color:var(--gold);padding:12px 0 20px;display:block}
.conglomerates{background:linear-gradient(135deg,#14252c,#172438);max-width:none}
.group-list{margin:40px 0 0;padding:0;list-style:none}
.group-list li{display:grid;grid-template-columns:45px 1.2fr 1fr 140px;gap:24px;align-items:center;padding:25px 0;border-top:1px solid #9ccfe335}
.group-list li:last-child{border-bottom:1px solid #9ccfe335}
.group-index{font-size:10px;color:var(--gold)}
.group-list h3{font-size:31px}
.group-list p{font-size:12px}
.group-region{font-size:9px;color:var(--gold);text-align:right;text-transform:uppercase;letter-spacing:1.4px}
.era-next{background:#ffffff04;border-top:1px solid var(--line);max-width:none;display:flex;justify-content:space-between;gap:50px;align-items:center;padding-top:65px;padding-bottom:65px}
.era-next h2{font-size:43px;margin:20px 0 15px}
.era-next p:not(.eyebrow){font-size:12px}
.era-next>div:last-child{display:flex;flex-direction:column;align-items:start;flex-shrink:0}
.clan-life{background:#18291e;max-width:none}
.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.life-grid article{padding-top:28px;border-top:1px solid #d4b57b55}
.life-glyph{font-family:var(--serif);font-size:42px;line-height:1.2;color:var(--gold);height:65px;display:block}
.life-grid h3{font-size:30px;margin:10px 0 18px}
.life-grid p{font-size:12px;line-height:1.95}
.life-grid .inline-link{font-size:10px;gap:14px}
.journey{border-top:1px solid var(--line);padding-top:70px;padding-bottom:75px}
.era-filter{display:flex;flex-direction:column;gap:8px;min-width:230px;max-width:310px}
.era-filter>span{font-size:8px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase}
.era-filter select{appearance:auto;color:var(--cream);font:inherit;font-size:12px;padding:12px 35px 12px 14px;border:1px solid #ffffff35;background:#15271f;cursor:pointer;width:100%;min-height:47px;border-radius:0;outline-offset:5px}
.era-filter select:focus-visible{outline:2px solid var(--gold)}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
#gallery-count{font-size:11px;color:var(--muted)}
.codex-toolbar{align-items:end;gap:20px}
.codex-toolbar .search{flex:1;min-width:200px}
.codex-toolbar #codex-count{align-self:center;margin-top:24px}
.codex-section noscript{display:block;padding:25px;border:1px solid var(--line)}
#gallery-empty,#codex-empty{padding:30px 0;color:var(--cream);font-size:14px}
@media(min-width:1600px){.materials-section,.conglomerates,.era-next,.clan-life,.era-switcher{padding-left:calc((100vw - 1260px)/2);padding-right:calc((100vw - 1260px)/2)}}
@media(max-width:1100px){.era-switcher{padding-inline:6%;flex-direction:column;align-items:start;gap:12px}.era-switcher>div{width:100%;justify-content:space-between;gap:15px}.codex-toolbar{flex-wrap:wrap}.codex-toolbar .search{max-width:none}.codex-toolbar .era-filter{max-width:270px}.codex-toolbar #codex-count{margin-top:0}}
@media(max-width:820px){.era-switcher{padding:20px 7%}.era-switcher>div{overflow-x:auto;padding-bottom:8px;justify-content:flex-start;gap:26px}.materials-section h2{font-size:40px}.visual-spread{gap:6%}.spread-copy{padding-top:10px}.spread-copy h3{font-size:34px}.spread-copy>p:not(.eyebrow){font-size:12px}.era-visual .section-heading h2{font-size:44px}.group-list li{grid-template-columns:25px 1fr 1fr;gap:16px}.group-region{grid-column:2/-1;text-align:left;margin-top:-5px}.group-list h3{font-size:28px}.era-next{gap:30px}.era-next h2{font-size:38px}.life-grid{gap:22px}.life-grid h3{font-size:27px}.life-grid p{font-size:11px}}
@media(max-width:560px){.era-switcher>div{gap:22px}.era-switcher>div>a{font-size:9px}.era-switcher>a{font-size:10px}.era-body .progression{padding-top:45px}.era-body .progression .steps h3{font-size:28px}.materials-section{grid-template-columns:1fr;gap:28px}.materials-section h2{font-size:42px}.materials-section p:not(.eyebrow){font-size:12px}.material-chips{gap:8px}.material-chips span{font-size:11px;padding:7px 12px}.era-visual{padding-top:60px}.era-visual .section-heading h2{font-size:43px}.visual-spread{grid-template-columns:1fr;gap:28px}.spread-image img{max-height:600px}.spread-copy h3{font-size:36px}.spread-copy>p:not(.eyebrow){font-size:12px}.spread-copy>.eyebrow{font-size:8px}.atlas-disclosure{margin-top:30px}.group-list{margin-top:25px}.group-list li{grid-template-columns:23px 1fr;gap:10px 13px;padding-block:22px}.group-list h3{font-size:30px}.group-list p,.group-region{grid-column:2}.group-region{margin-top:0;font-size:8px}.era-next{flex-direction:column;align-items:start;gap:25px}.era-next h2{font-size:42px}.era-next>div:last-child{width:100%}.era-next .button{width:100%}.life-grid{grid-template-columns:1fr;gap:33px}.life-grid article{position:relative;padding:25px 0 0 45px}.life-glyph{position:absolute;left:0;top:29px;font-size:30px}.life-grid h3{font-size:29px;margin:0 0 14px}.life-grid p{font-size:12px}.journey .intro-grid h2{font-size:44px}.era-filter,.codex-toolbar .era-filter{min-width:0;max-width:none;width:100%}.codex-toolbar .search{min-width:0;flex-basis:100%}.gallery-toolbar{flex-wrap:wrap;gap:13px}.era-filter select{font-size:13px;min-height:48px}.codex-toolbar{gap:18px}.codex-toolbar #codex-count{margin-top:-4px}.gallery-image{height:290px}}