.era-page{--night:#06152f;--deep:#020b1c;--blue:#0b4e85;--cyan:#22c7e8;--gold:#e6b54b;--ivory:#fff7df;background:var(--deep);color:var(--ivory);font-family:"DM Sans",sans-serif}.era-page .site-header{background:rgba(2,11,28,.9);border-bottom-color:rgba(230,181,75,.35);backdrop-filter:blur(14px)}.era-page .site-header a{color:var(--ivory)}.era-page .brand span,.era-page .back-link,.era-kicker{color:var(--gold)}.era-hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(280px,.78fr) 1.22fr;gap:clamp(3rem,7vw,8rem);align-items:center;padding:clamp(3rem,7vw,7rem) max(5vw,1.5rem);position:relative;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(23,138,180,.28),transparent 32%),radial-gradient(circle at 18% 80%,rgba(193,97,28,.22),transparent 30%),linear-gradient(135deg,#020817 0%,#062653 54%,#031027 100%)}.era-hero:before{content:"";position:absolute;inset:20px;border:1px solid rgba(230,181,75,.4);pointer-events:none}.era-cover{z-index:1;justify-self:end;width:min(100%,430px);filter:drop-shadow(0 32px 36px rgba(0,0,0,.55));transform:perspective(1000px) rotateY(5deg)}.era-cover img{display:block;width:100%;height:auto;border:1px solid rgba(230,181,75,.7)}.era-copy{z-index:1;max-width:760px}.era-copy .back-link{display:inline-block;margin-bottom:2.2rem;text-decoration:none;font-weight:700}.era-kicker{font-size:.78rem;font-weight:700;letter-spacing:.2em;margin:0 0 1rem}.era-copy h1{font-family:"Cormorant Garamond",serif;font-size:clamp(4rem,9vw,8.5rem);line-height:.76;letter-spacing:-.045em;margin:.25rem 0 1.3rem}.era-copy h1 span{color:var(--gold);text-shadow:0 0 35px rgba(230,181,75,.22)}.era-subtitle{font-family:"Cormorant Garamond",serif;font-weight:700;letter-spacing:.26em;color:#bdefff}.era-hook{font-family:"Cormorant Garamond",serif;font-size:clamp(1.5rem,2.7vw,2.4rem);line-height:1.12;max-width:670px;margin:2rem 0 1.4rem}.era-copy>p:not([class]){max-width:680px;font-size:1.06rem;line-height:1.75;color:#d7e7f5}.era-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.era-status{border:1px solid var(--gold);padding:.85rem 1.1rem;color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.14em}.era-button{background:var(--gold);color:#07142b!important;border-color:var(--gold)!important}.era-button:hover{background:#ffd77b!important;transform:translateY(-2px)}.era-premise{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,10vw,10rem) max(6vw,1.5rem);background:#f4ead0;color:#081632}.era-premise h2,.era-themes h2,.era-final h2{font-family:"Cormorant Garamond",serif;font-size:clamp(3.4rem,7vw,7rem);line-height:.84;margin:0}.era-premise .lead{font-family:"Cormorant Garamond",serif;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.12;margin-top:0}.era-premise div:last-child>p:not(.lead){font-size:1.08rem;line-height:1.75}.era-premise blockquote{margin:2.5rem 0 0;padding:1.4rem 0 1.4rem 1.5rem;border-left:3px solid var(--gold);font-family:"Cormorant Garamond",serif;font-size:1.65rem;font-weight:700}.era-keys{display:grid;grid-template-columns:repeat(3,1fr);background:var(--night)}.era-keys article{padding:clamp(2.2rem,5vw,5rem);border-right:1px solid rgba(230,181,75,.35);min-height:330px}.era-keys article:last-child{border:0}.era-keys span{font-family:"Cormorant Garamond",serif;font-size:3.5rem;color:var(--gold)}.era-keys article>p:first-of-type{font-size:.75rem;letter-spacing:.18em;color:#8dddec}.era-keys h3{font-family:"Cormorant Garamond",serif;font-size:2.2rem;margin:2.5rem 0 .7rem}.era-keys article>p:last-child{line-height:1.65;color:#c9dceb}.era-themes{text-align:center;padding:clamp(6rem,12vw,12rem) 1.5rem;background:radial-gradient(circle,#0c4e79 0%,#03142e 55%,#020817 100%)}.era-themes h2 em{color:var(--gold);font-style:normal}.era-themes>p:last-child{max-width:700px;margin:2.5rem auto 0;font-size:1.08rem;line-height:1.75;color:#d5e6f3}.era-final{text-align:center;padding:clamp(5rem,10vw,9rem) 1.5rem;background:#f4ead0;color:#081632}.era-final>p{color:#8a6418;font-size:.8rem;letter-spacing:.22em;font-weight:700}.era-final h2{margin:1rem 0 2.5rem}.era-final h2 span{color:#a77815}.era-page footer{background:#020817;color:#c9dceb;border-top-color:rgba(230,181,75,.35)}.era-page footer a{color:var(--gold)}.work-era{background:linear-gradient(135deg,#04132c,#0a4270);color:#fff}.work-era .work-number,.work-era .tags span{color:#f0c35a;border-color:rgba(240,195,90,.5)}.work-era .work-copy>p:not(.work-number){color:#d6e6f2}.work-era .work-cover img{box-shadow:0 24px 45px rgba(0,0,0,.5)}
@media(max-width:820px){.era-hero{grid-template-columns:1fr;padding-top:3rem}.era-cover{justify-self:center;width:min(72vw,330px);order:2;transform:none}.era-copy{order:1}.era-copy h1{font-size:clamp(3.5rem,17vw,6rem)}.era-premise{grid-template-columns:1fr}.era-keys{grid-template-columns:1fr}.era-keys article{border-right:0;border-bottom:1px solid rgba(230,181,75,.35);min-height:0}.era-hero:before{inset:10px}}