/* ERA: LETTERS (Album II). Swap this file for the next era. */
.era-hero{padding-top:40px;background:radial-gradient(ellipse at 30% 90%,rgba(232,84,30,.22),transparent 55%),radial-gradient(ellipse at 70% 0,rgba(246,177,74,.07),transparent 50%),var(--ash)}
.era-grid{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.era-grid{grid-template-columns:1.05fr 1fr;gap:64px}}
.era-cover img{box-shadow:0 30px 90px rgba(232,84,30,.18),0 20px 60px rgba(0,0,0,.7);border-radius:2px}
.era-title{font-size:clamp(3rem,11vw,6rem);letter-spacing:.14em;text-transform:uppercase;font-weight:300;margin:.1em 0 .1em}
.era-teaser{list-style:none;padding:0;margin:56px 0 0;display:grid;gap:0;border-top:1px solid #3a2a22;counter-reset:x}
@media(min-width:700px){.era-teaser{grid-template-columns:1fr 1fr;column-gap:40px}}
.era-teaser li{padding:12px 0;border-bottom:1px solid #2c201b;font-family:var(--serif);font-size:1.1rem}
.era-teaser .n{color:var(--flare);font:500 .75rem var(--sans);letter-spacing:.2em;margin-right:8px}
.era-teaser .pl{display:block;color:#bfae98;font:400 .8rem var(--sans);letter-spacing:.08em;margin-left:30px}
.chapters{display:grid;gap:64px}
.chapter{display:grid;gap:24px;align-items:center}
@media(min-width:800px){.chapter{grid-template-columns:360px 1fr;gap:56px}.chapter:nth-child(even){grid-template-columns:1fr 360px}.chapter:nth-child(even) .ch-art{order:2}}
.ch-art figcaption{font-size:.78rem;color:#bfae98;margin-top:8px}
.ch-art img{border-radius:2px;box-shadow:0 18px 50px rgba(0,0,0,.6)}
.ch-art.sealed{aspect-ratio:1;max-width:360px;width:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(232,84,30,.18),transparent 60%),#e9dcc30d;border:1px solid #3a2a22}
.ch-art.sealed img{width:40%;box-shadow:none}
.chapter h2 .feat{display:block;font:400 .95rem var(--sans);color:#cbbba3;margin-top:.4em}
.unseal{display:inline-block;font:500 .72rem var(--sans);letter-spacing:.25em;text-transform:uppercase;color:var(--parch);border:1px dashed var(--wax);padding:6px 12px;border-radius:2px}
.era-bridge{text-align:center;background:var(--ash2)}
.ch-art{width:100%;max-width:360px}.ch-art picture,.ch-art picture img{width:100%}