/* Ekaive Tales brand asset placement */
.brand { display:flex; flex-direction:column; justify-content:center; }
.brand img { display:block; width:86px; height:72px; object-fit:contain; object-position:center; border-radius:1px; mix-blend-mode:multiply; }
.brand small { margin-top:5px; font-size:6.5px; letter-spacing:.13em; }
.preloader img { display:block; width:154px; height:154px; object-fit:cover; object-position:center; border-radius:50%; margin:0 auto 20px; box-shadow:0 0 0 1px rgba(229,193,125,.4),0 15px 48px rgba(0,0,0,.32); }
footer .brand img { width:150px; height:120px; filter:sepia(.18) saturate(.9) brightness(1.12); mix-blend-mode:normal; }

/* Keep the hero's print-run seal independent from the editorial timeline. */
.hero-art .first-run { position:absolute; z-index:3; right:8%; bottom:10%; display:block; width:105px; height:105px; padding-top:18px; border:1px solid var(--gold); border-radius:50%; background:rgba(35,12,15,.28); color:#e9d3a5; font:400 8px/1.2 var(--mono); letter-spacing:.1em; text-align:center; }
.hero-art .first-run strong { display:block; margin:4px 0 2px; color:var(--gold-light); font:600 30px/1 var(--serif); letter-spacing:0; }
/* The timeline section shares the legacy class name; reset hero-seal geometry there. */
section.first-run { right:auto; bottom:auto; width:auto; height:auto; border:0; border-radius:0; padding-top:clamp(78px,10vw,145px); text-align:left; color:inherit; font:inherit; letter-spacing:normal; }
.trilogy-covers { grid-template-columns:repeat(2,minmax(240px,420px)); justify-content:start; gap:20px; }
.trilogy-covers article { min-height:330px; }
.trilogy-covers article span { display:flex; flex-direction:column; gap:12px; }
.trilogy-covers article strong { font:600 clamp(24px,3vw,38px)/.95 var(--serif); letter-spacing:-.03em; }
.trilogy-covers article small { max-width:240px; line-height:1.5; }
@media (max-width:800px) { .brand img { width:72px; height:62px; } }