/* Four real text lines over the original, generated civilization background. */
.is-era-home{background:#081b22}
.is-era-home #main{min-height:0}
.era-hero{position:relative;isolation:isolate;min-height:calc(100svh - 100px);overflow:hidden;background:#081b22;color:#f7efdc}
.era-hero-image{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;pointer-events:none;user-select:none}
.era-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(3,16,23,.64) 0%,rgba(3,16,23,.26) 55%,rgba(3,16,23,.06) 100%),radial-gradient(ellipse at 50% 25%,rgba(3,16,23,.24),transparent 70%);pointer-events:none}
.era-hero-content{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;width:calc(100% - 60px);max-width:1300px;margin:0 auto;padding:clamp(85px,11svh,145px) 0 110px;text-shadow:0 3px 20px #0008}
.era-hero-content h1{font-family:var(--serif);font-weight:400;font-size:clamp(64px,8.1vw,116px);line-height:1.1;letter-spacing:-3px;color:#fff5dc;margin:0}
.era-hero-author{font-family:var(--serif);font-size:clamp(26px,3.1vw,43px);font-weight:400;line-height:1.45;color:#e4c68d;margin:20px 0 0}
.era-hero-subtitle{font-family:var(--serif);font-size:clamp(20px,2vw,28px);line-height:1.6;color:#e5e6df;max-width:1000px;margin:19px 0 0}
.era-hero-concept{display:flex;align-items:center;justify-content:center;gap:21px;max-width:100%;font-family:var(--serif);font-size:19px;line-height:1.6;letter-spacing:.25px;color:#d7bd8c;margin:35px 0 0}
.era-hero-concept::before,.era-hero-concept::after{content:"";width:53px;height:1px;flex-shrink:0;background:linear-gradient(90deg,transparent,#b79863aa)}
.era-hero-concept::after{transform:rotate(180deg)}
.is-era-home .site-header{background:#081b22;border-bottom:1px solid #bc9e6947}
.is-era-home .site-header .brand{border-right-color:#d7b98440}
.is-era-home .site-header .brand strong{color:#f6ebd4}
.is-era-home .site-header #main-nav a{color:#d8ddd8}
.is-era-home .site-header #main-nav .nav-author{border-right-color:#d7b98440}
.is-era-home .nav-author>span{color:#f0e2c7}.is-era-home .nav-author>small{color:#a4b8b9}
.is-era-home .site-header #main-nav a:hover,.is-era-home .site-header #main-nav a[aria-current="page"]{color:#e8c98e}
.is-era-home .mobile-menu-button{color:#d4e0de;border-color:#829a9b55;background:transparent}
.is-era-home .site-footer{background:#081b22;border-top:1px solid #b99b633d}
.is-era-home .language-switch{background:#0b242be8;border-color:#85a8a846;box-shadow:0 4px 25px #0002;backdrop-filter:blur(10px)}
.is-era-home .language-switch button{color:#c7d9d9}.is-era-home .language-switch button:hover{background:#ffffff0b}
.is-era-home .language-switch button.active{background:#ffffff0e;color:#f0e7d1;border-color:#b9c5b94a}
@media(min-width:1800px){.era-hero-content{padding-top:130px}}
@media(max-width:1180px){.era-hero{min-height:calc(100svh - 88px)}.is-era-home .site-header #main-nav{background:#081b22;border-color:#8ba29d3d}.is-era-home .site-header #main-nav a{border-bottom-color:#91aba32a}.era-hero-content{padding-top:95px}.era-hero-content h1{font-size:clamp(62px,8.5vw,96px)}}
@media(max-width:800px){.era-hero-content{padding-top:95px;width:calc(100% - 40px)}.era-hero-content h1{font-size:clamp(46px,9.6vw,76px);letter-spacing:-1.8px}.era-hero-author{font-size:28px}.era-hero-subtitle{font-size:21px;max-width:630px}.era-hero-image{object-position:center bottom}.era-hero-concept{font-size:17px;margin-top:30px}}
@media(max-width:500px){
  .era-hero{min-height:calc(100svh - 81px)}
  .era-hero-image{inset:auto 0 0;height:auto;width:100%;object-fit:contain;object-position:center bottom}
  .era-hero-shade{background:linear-gradient(180deg,#081b22 0%,#081b22f7 34%,#081b22a1 60%,#081b2205 90%)}
  .era-hero-content{padding-top:clamp(76px,12svh,112px);padding-bottom:300px;width:calc(100% - 34px)}
  .era-hero-content h1{font-size:clamp(35px,10.2vw,50px);letter-spacing:-1px;line-height:1.15;white-space:nowrap}
  .era-hero-author{font-size:clamp(18px,5.5vw,24px);line-height:1.5;margin-top:21px;white-space:nowrap}
  .era-hero-subtitle{font-size:16px;line-height:1.7;max-width:340px;margin-top:20px}
  .era-hero-concept{font-size:16px;gap:12px;margin-top:29px}.era-hero-concept::before,.era-hero-concept::after{width:22px}
}
@media(max-width:360px){.era-hero-author{font-size:18px}.era-hero-subtitle{font-size:15px}.era-hero-content{padding-bottom:260px}}
@media(prefers-reduced-motion:reduce){.is-era-home .language-switch{backdrop-filter:none}}

/* Art direction keeps both landmarks visible on narrow screens. */
.era-hero-art{position:absolute;inset:0;z-index:-3;display:block;pointer-events:none}
.era-hero-art .era-hero-image{z-index:auto}
@media(max-width:500px){
  .era-hero-art .era-hero-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom}
  .era-hero-shade{background:linear-gradient(180deg,#081b224d 0%,#081b2261 42%,#081b2210 75%,#081b2200 100%)}
}