.home-hero-spotlight,.home-chronicles{--feature-ink:#090e14;--feature-gold:#c9a566;--feature-line:#b99b5d5c;--feature-copy:#e3ddd2}
.home-hero-spotlight__layout{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:18px;min-height:600px}
.home-hero-spotlight__layout.is-single{grid-template-columns:1fr}
.home-hero-spotlight__feature{position:relative;isolation:isolate;display:flex;align-items:center;min-width:0;min-height:600px;overflow:hidden;border:1px solid var(--feature-line);background:var(--feature-ink)}
.home-hero-spotlight__scene{position:absolute;inset:0;z-index:-1;overflow:hidden}
.home-hero-spotlight__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b10f5 0%,#080b10db 28%,#080b1052 65%,#080b1022 100%),linear-gradient(0deg,#080b10c2,transparent 45%)}
.home-hero-spotlight__backdrop{width:100%;height:100%;object-fit:cover}
.home-hero-spotlight__figure{position:absolute;right:1%;bottom:0;width:72%;height:98%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 35px #0009)}
.home-hero-spotlight__portrait{position:absolute;right:0;top:0;width:72%;height:100%;object-fit:cover;object-position:center 25%}
.home-hero-spotlight__copy{position:relative;z-index:1;width:min(490px,48%);margin:48px 5%;color:var(--feature-copy);text-shadow:0 2px 12px #000a}
.home-hero-spotlight__copy h3{margin:12px 0 24px;color:#f4e5c9;font:500 clamp(38px,5vw,76px)/1.05 Georgia,serif;text-transform:uppercase;overflow-wrap:anywhere}
.home-hero-spotlight__summary{font-size:clamp(14px,1.25vw,17px);line-height:1.75;max-width:42ch}
.home-hero-spotlight__identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:28px 0;padding:18px 0;border-top:1px solid var(--feature-line);border-bottom:1px solid var(--feature-line)}
.home-hero-spotlight__identity>div{display:flex;align-items:center;gap:10px;min-width:0}
.home-hero-spotlight__identity img{width:40px;height:40px;object-fit:contain;flex:none}
.home-hero-spotlight__identity dt{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--feature-gold)}
.home-hero-spotlight__identity dd{margin:3px 0 0;font:16px Georgia,serif;overflow-wrap:anywhere}
.home-hero-spotlight__copy>.text-link{display:inline-block;margin-top:8px}
.home-hero-spotlight__selector{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow:auto}
.home-hero-spotlight__selector button{position:relative;flex:1 0 110px;min-height:110px;padding:0;overflow:hidden;border:1px solid var(--feature-line);background:#161a20;color:#fff;cursor:pointer}
.home-hero-spotlight__selector button[aria-pressed="true"],.home-hero-spotlight__selector button:focus-visible{outline:2px solid var(--feature-gold);outline-offset:-3px}
.home-hero-spotlight__selector img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.home-hero-spotlight__selector span{position:absolute;inset:auto 0 0;padding:22px 6px 7px;background:linear-gradient(transparent,#05080bf0);font:12px Georgia,serif;text-align:center}
.home-chronicles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-chronicles__story{position:relative;isolation:isolate;display:flex;align-items:end;min-height:360px;overflow:hidden;border:1px solid var(--feature-line);background:var(--feature-ink);color:#f4e5c9;text-decoration:none}
.home-chronicles__story:hover,.home-chronicles__story:focus-visible{border-color:var(--feature-gold)}
.home-chronicles__story>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-chronicles__story:hover>img{transform:scale(1.025)}
.home-chronicles__story::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#06090bf5 0%,#06090bc9 30%,#06090b1f 100%)}
.home-chronicles__copy{display:grid;justify-items:start;gap:11px;padding:clamp(25px,4vw,48px);max-width:720px}
.home-chronicles__icon{width:42px;height:42px;object-fit:contain}
.home-chronicles__copy strong{font:500 clamp(26px,3vw,42px)/1.1 Georgia,serif;overflow-wrap:anywhere}
.home-chronicles__copy small{font-size:14px;line-height:1.65;color:var(--feature-copy)}
.home-chronicles__grid[data-count="1"]{grid-template-columns:1fr}
.home-chronicles__grid[data-count="1"] .home-chronicles__story{min-height:430px}
.site[data-skin="wargods-epic"] :is(.home-hero-spotlight,.home-chronicles){--feature-gold:var(--epic-gold);--feature-line:var(--epic-line);--feature-copy:var(--epic-copy)}
.site[data-skin="wargods-epic"] .home-hero-spotlight__feature,.site[data-skin="wargods-epic"] .home-chronicles__story{border-radius:0}
.site[data-skin="cinematic"] :is(.home-hero-spotlight,.home-chronicles){--feature-gold:var(--primary);--feature-line:var(--cinema-border)}
.site[data-skin="cinematic"] .home-hero-spotlight__copy h3,.site[data-skin="cinematic"] .home-chronicles__copy strong{font-family:var(--heading),Georgia,serif}
@media(max-width:900px){.home-hero-spotlight__layout{grid-template-columns:minmax(0,1fr) 100px}.home-hero-spotlight__copy{width:min(440px,55%)}.home-hero-spotlight__identity{grid-template-columns:1fr 1fr}.home-hero-spotlight__selector button{flex-basis:95px;min-height:95px}}
@media(max-width:650px){.home-hero-spotlight__layout{display:flex;flex-direction:column;min-height:0}.home-hero-spotlight__feature{min-height:680px;align-items:end}.home-hero-spotlight__scene::after{background:linear-gradient(0deg,#080b10fa 0%,#080b10e0 40%,#080b1030 82%)}.home-hero-spotlight__figure{top:0;right:0;bottom:auto;width:100%;height:54%;object-position:center bottom}.home-hero-spotlight__portrait{width:100%;height:56%;object-position:center 20%}.home-hero-spotlight__copy{width:auto;margin:300px 24px 28px}.home-hero-spotlight__copy h3{font-size:clamp(36px,10vw,56px)}.home-hero-spotlight__identity{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-hero-spotlight__identity>div{display:block;text-align:center}.home-hero-spotlight__identity img{margin:auto auto 7px}.home-hero-spotlight__identity dd{font-size:13px}.home-hero-spotlight__selector{flex-direction:row;max-height:none;overflow-x:auto}.home-hero-spotlight__selector button{flex:0 0 100px;height:100px}.home-chronicles__grid{grid-template-columns:1fr}.home-chronicles__story,.home-chronicles__grid[data-count="1"] .home-chronicles__story{min-height:340px}}
@media(prefers-reduced-motion:reduce){.home-chronicles__story>img{transition:none}}