/* Dedicated series-page art; the homepage and quiz keep their own banners. */
.illustrated-lore-hero{position:relative;isolation:isolate;overflow:hidden;min-height:620px;background:#111d24;display:flex;align-items:center;padding-top:70px;padding-bottom:70px}
.lore-banner-art{position:absolute;inset:0;z-index:-1}
.lore-banner-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.lore-banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,20,25,.95),rgba(9,20,25,.84) 28%,rgba(9,20,25,.38) 55%,rgba(9,20,25,.04) 85%),linear-gradient(0deg,rgba(9,20,25,.55),transparent 35%)}
.cedar-lore-hero .lore-banner-shade{background:linear-gradient(90deg,rgba(22,17,31,.95),rgba(22,17,31,.83) 28%,rgba(22,17,31,.34) 55%,rgba(22,17,31,.02) 85%),linear-gradient(0deg,rgba(22,17,31,.55),transparent 35%)}
.lore-banner-copy{width:100%;max-width:680px;position:relative}
.lore-banner-copy>.text-link{display:inline-block;margin-bottom:35px;font-size:12px}
.lore-banner-copy>.eyebrow{color:#e3c08a}
.lore-banner-copy h1{color:#f3efe4;margin:20px 0 24px;line-height:1.08}
.lore-banner-copy .lore-tagline{margin-bottom:20px}
.lore-banner-copy .lore-banner-description{max-width:510px;color:#e0e1d7;font-size:15px;line-height:1.85;margin-bottom:0}
@media(max-width:760px){.illustrated-lore-hero{min-height:620px;padding-top:55px;padding-bottom:65px}.lore-banner-copy h1{font-size:clamp(42px,10.5vw,64px);letter-spacing:-1px}.lore-banner-copy>.text-link{margin-bottom:32px}.lore-banner-copy .lore-tagline{font-size:23px}.lore-banner-art img{object-position:76% center}.lore-banner-shade{background:linear-gradient(90deg,rgba(9,20,25,.91),rgba(9,20,25,.52)),linear-gradient(0deg,rgba(9,20,25,.5),transparent)}.cedar-lore-hero .lore-banner-shade{background:linear-gradient(90deg,rgba(22,17,31,.91),rgba(22,17,31,.52)),linear-gradient(0deg,rgba(22,17,31,.5),transparent)}}