/* Original attached alphabet: color glyphs retain the source engraving and metal. */
@font-face{font-family:'Fallen Stars Reference';src:url('assets/fallen-stars-reference.woff2?v=4') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--display:'Fallen Stars Reference',Cinzel,Georgia,serif}
.hero h1>span,.section-heading h2,.begin-copy h2,.author-copy h2{font-family:var(--display);font-weight:400;letter-spacing:.04em}
.hero h1>span{background:none}
/* Warm the embedded metal pixels while retaining their bevels and engraving. */
.hero h1>span,.hero h1>i,.site-header .brand-name{text-transform:uppercase;color:#e4c379;filter:sepia(.82) saturate(1.7) brightness(1.13) drop-shadow(0 2px 7px #000a)}
.hero h1>i{font-family:var(--display);font-style:normal}
.section-heading h2 i,.author-copy h2 i{font-family:var(--display);font-style:normal;font-size:1em}
.brand>span{font-family:var(--display);letter-spacing:.12em}
@media(max-width:720px){.hero h1>span{letter-spacing:.025em}}

/* Fine metal strokes need larger display sizes than the discarded solid draft. */
.hero h1{font-size:clamp(3.2rem,4.3vw,5.2rem)}
.hero h1>i{font-size:.54em;letter-spacing:.035em}
@media(max-width:720px){.hero h1{font-size:clamp(2.8rem,10.5vw,3.4rem)}.hero h1>i{font-size:.6em}.brand>span{font-size:1.45rem}}

.site-header .brand-name{display:inline-block}

/* Center the title composition independently of the surrounding copy. */
.hero h1{text-align:center}

/* One aligned, gold display treatment throughout the public page. */
.section-heading h2,.begin-copy h2,.author-copy h2,.site-footer .brand-name{
 text-transform:uppercase;color:#e4c379;
 filter:sepia(.82) saturate(1.7) brightness(1.13) drop-shadow(0 2px 7px #000a);
 line-height:1.45;letter-spacing:.035em;
}
.section-heading h2 i,.author-copy h2 i{color:inherit;vertical-align:baseline}
.section-heading h2,.begin-copy h2{font-size:clamp(1.9rem,3.1vw,3rem)}
.author-copy h2{font-size:clamp(2.3rem,3.8vw,3.6rem)}
.hero h1{font-size:clamp(2.55rem,4.3vw,5.2rem)}
@media(max-width:720px){
 .hero h1{font-size:clamp(1.85rem,8.1vw,3rem)}
 .section-heading h2,.begin-copy h2{font-size:clamp(1.55rem,6.5vw,2.1rem)}
 .author-copy h2{font-size:clamp(2rem,8vw,2.8rem)}
}