/* Five eras, one short homepage. All effects are local to the era explorer. */
.nx-home .nx-hero[data-era]{--era-accent:#adeb96;--era-bg:#071d18;--era-panel:#112b22;--era-ink:#eaf2db;background:radial-gradient(ellipse at 76% 28%,#68ab6426,transparent 56%),var(--era-bg);padding:48px 0 44px;color:var(--era-ink);overflow:hidden}
.nx-home .nx-hero[data-era="desktop"]{--era-accent:#ffd596;--era-bg:#342c35;--era-panel:#4d4147;--era-ink:#fff0d8;background:radial-gradient(ellipse at 78% 18%,#da95712b,transparent 58%),var(--era-bg)}
.nx-home .nx-hero[data-era="web"]{--era-accent:#96c7ff;--era-bg:#10244c;--era-panel:#203762;--era-ink:#ecf3ff;background:radial-gradient(ellipse at 75% 25%,#347ff84d,transparent 55%),var(--era-bg)}
.nx-home .nx-hero[data-era="anywhere"]{--era-accent:#96edec;--era-bg:#092f3c;--era-panel:#134858;--era-ink:#e3ffff;background:radial-gradient(ellipse at 78% 15%,#2abed936,transparent 56%),var(--era-bg)}
.nx-home .nx-hero[data-era="today"]{--era-accent:#ffba95;--era-bg:#0b2030;--era-panel:#18364b;--era-ink:#fff4e3;background:radial-gradient(ellipse at 78% 15%,#ff855f24,transparent 56%),var(--era-bg)}
.nx-home .nx-hero[data-era] .nx-hero-grid{grid-template-columns:.95fr 1.15fr;gap:52px;align-items:center}
.nx-home .nx-hero[data-era] h1{font-size:clamp(3rem,5.1vw,4.7rem);max-width:540px;line-height:1.03}
.nx-home .nx-hero[data-era] h1 em{color:var(--era-accent)}
.nx-home .nx-hero[data-era] .nx-kicker{color:var(--era-accent);border-left-color:var(--era-accent);letter-spacing:.1em;line-height:1.6}
.nx-home .nx-hero[data-era] .nx-hero-copy>p:not(.nx-kicker):not(.nx-caption){color:var(--era-ink);opacity:.85;max-width:425px;font-size:1rem}
.nx-home .nx-hero[data-era] .nx-primary{background:var(--era-accent);border-color:var(--era-accent);color:#102c2a!important}
.nx-home .nx-hero[data-era] .nx-caption,.nx-home .nx-hero[data-era] .nx-text-link{color:var(--era-ink)}
.nx-evolution{min-width:0;position:relative}
.nx-era-masthead{display:flex;gap:16px;justify-content:space-between;align-items:center;color:var(--era-accent);font:700 .64rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;margin-bottom:14px}
.nx-era-masthead span:first-child::before{content:'●';margin-right:9px;font-size:.55rem}
.nx-era-panel{border:1px solid #ffffff36;border-radius:18px;background:var(--era-panel);overflow:hidden;box-shadow:8px 9px 0 #0002}
.nx-era-art{position:relative;height:270px;display:grid;place-items:center;border-bottom:1px solid #ffffff26;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#ffffff10,transparent 62%)}
.nx-era-art::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:27px 27px;pointer-events:none}
.nx-era-art svg{position:relative;width:100%;height:100%;display:block;max-width:550px}
.nx-era-copy{padding:20px 24px;min-height:156px}
.nx-era-year{display:block;font:700 .63rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:var(--era-accent);margin-bottom:8px}
.nx-era-copy h2{font-size:1.65rem;letter-spacing:-.045em;color:var(--era-ink);margin-bottom:9px}
.nx-era-copy p{font-size:.83rem;line-height:1.6;color:var(--era-ink);opacity:.85;margin:0;max-width:430px}
.nx-era-copy .nx-text-link{display:inline-block;margin-top:12px;font-size:.8rem;opacity:1}
.nx-era-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:21px;position:relative}
.nx-era-tabs::before{content:'';position:absolute;left:8%;right:8%;top:5px;height:1px;background:#ffffff38}
.nx-era-tabs button{position:relative;background:transparent;border:0;color:var(--era-ink);padding:18px 3px 8px;cursor:pointer;text-align:center;min-height:62px;font:500 .7rem var(--nx-display);opacity:.62}
.nx-era-tabs button::before{content:'';position:absolute;top:0;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:var(--era-bg);border:2px solid #ffffff80}
.nx-era-tabs button strong{display:block;font:700 .72rem ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;margin-bottom:3px}
.nx-era-tabs button[aria-selected="true"]{opacity:1;color:var(--era-accent)}
.nx-era-tabs button[aria-selected="true"]::before{background:var(--era-accent);border-color:var(--era-accent);box-shadow:0 0 0 4px #ffffff12}
.nx-era-tabs button:hover{opacity:1}
.nx-era-controls{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}
.nx-era-controls button{cursor:pointer;border:1px solid #ffffff45;background:#ffffff08;color:var(--era-ink);padding:8px 12px;border-radius:7px;font:700 .72rem var(--nx-display);min-height:40px}
.nx-era-controls button:hover:enabled{background:#ffffff16}
.nx-era-controls button:disabled{opacity:.4;cursor:default}
.nx-era-controls [data-era-today]{margin-left:auto;background:var(--era-accent);color:#10292e;border-color:var(--era-accent)}
.nx-evolution .nx-era-note{font-size:.62rem;line-height:1.5;color:var(--era-ink);opacity:.67;margin:12px 0 0}
.nx-hero[data-era="room"] .nx-era-copy h2{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.07em}
.nx-hero[data-era="desktop"] .nx-era-panel{border-radius:5px;border-color:#d9c6ac;box-shadow:7px 8px 0 #0003}
.nx-hero[data-era="web"] .nx-era-panel{border-radius:3px;border:2px solid #99afd0;box-shadow:7px 8px 0 #071329}
.nx-hero[data-era="web"] .nx-era-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.nx-hero[data-era="anywhere"] .nx-era-panel{border-radius:27px}
.nx-hero[data-era="today"] .nx-era-panel{border-radius:23px;box-shadow:8px 9px 0 #ff855f1a}
.nx-home .nx-hero[data-era] :focus-visible{outline-color:var(--era-accent)}
@media(prefers-reduced-motion:no-preference){.nx-hero[data-era],.nx-era-panel{transition:background .22s ease,color .22s ease,border-radius .22s ease}@keyframes nx-era-arrive{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1050px){.nx-home .nx-hero[data-era] .nx-hero-grid{gap:28px}.nx-home .nx-hero[data-era] h1{font-size:clamp(2.8rem,5.1vw,4.3rem)}.nx-era-art{height:245px}.nx-era-copy{padding:18px 20px;min-height:165px}}
@media(max-width:760px){.nx-home .nx-hero[data-era]{padding:32px 0 35px}.nx-home .nx-hero[data-era] .nx-hero-grid{grid-template-columns:1fr;gap:32px}.nx-home .nx-hero[data-era] h1{font-size:clamp(2.8rem,9vw,4.25rem)}.nx-home .nx-hero[data-era] .nx-hero-copy>p:not(.nx-kicker):not(.nx-caption){max-width:540px}.nx-evolution{max-width:580px;width:100%;margin:auto}.nx-era-art{height:250px}.nx-era-copy{min-height:147px}.nx-era-tabs button{font-size:.62rem;padding-inline:0}.nx-era-tabs button strong{font-size:.68rem}.nx-era-masthead{font-size:.59rem}}
@media(max-width:380px){.nx-home .nx-hero[data-era] h1{font-size:2.6rem}.nx-era-art{height:210px}.nx-era-copy{padding:17px;min-height:165px}.nx-era-copy h2{font-size:1.5rem}.nx-era-tabs button{font-size:.58rem}.nx-era-tabs button strong{font-size:.62rem}.nx-era-controls button{padding:8px 10px;font-size:.66rem}}