@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#f3f4f5;background:#070d11;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:relative;z-index:3;background:#071015;border-bottom:1px solid #263039}.nav{max-width:1420px;margin:auto;padding:19px clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:clamp(19px,2.2vw,29px);font-weight:800;letter-spacing:.24em;white-space:nowrap}.links{display:flex;gap:clamp(14px,3vw,42px);align-items:center}.links a{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#d4d9dc}.links a:hover,.links a:focus{color:#ffbd77}.hero{min-height:490px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#091117 0%,#091117 35%,rgba(9,17,23,.65) 58%,rgba(9,17,23,.08) 100%),url('/images/scene-hero-new.webp') center right/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,9,12,.38),transparent 50%);pointer-events:none}.hero-inner{width:min(1400px,100%);padding:72px clamp(24px,6vw,88px);position:relative;z-index:1}.eyebrow{color:#e6b06c;font-size:12px;letter-spacing:.27em;text-transform:uppercase;font-weight:700}.hero h1{font:800 clamp(47px,6.4vw,90px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.025em;text-transform:uppercase;max-width:740px;margin:20px 0}.hero h1 em{font-style:normal;color:#e44840}.hero p{max-width:460px;line-height:1.75;color:#d5dce0;font-size:16px}.cta{display:inline-block;padding:15px 25px;background:#c73b35;border:1px solid #ed5a51;color:white;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:800;margin-top:16px}.cta:hover{background:#ef5148}.series{position:relative;overflow:hidden;min-height:330px;border-top:1px solid #283039;background:#071016}.series:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071016 0%,#071016 65%,rgba(7,16,22,.30) 100%);z-index:1;pointer-events:none}.series-bg{position:absolute;right:0;top:0;height:100%;width:29%;object-fit:cover;opacity:.9}.series-content{position:relative;z-index:2;max-width:1420px;margin:auto;padding:45px clamp(24px,5vw,70px);display:grid;grid-template-columns:minmax(175px,230px) minmax(0,1fr);gap:28px;align-items:center}.series h2{font:800 clamp(36px,4.2vw,60px)/.91 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.025em;margin:0 0 20px}.series h2:after{content:'';display:block;width:58px;height:4px;background:var(--accent);margin-top:16px}.series-desc{max-width:210px;color:#d7dce0;font-size:13px;line-height:1.65;letter-spacing:.035em}.series-link{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:10px 15px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-top:13px}.series-link:hover{background:var(--accent);color:#071016}.covers{display:flex;align-items:center;gap:clamp(8px,1.2vw,17px);overflow-x:auto;padding:10px 0 15px;scrollbar-width:thin;scrollbar-color:#57616b transparent}.cover{flex:0 0 clamp(95px,10.3vw,151px);display:block;transition:transform .18s ease}.cover:hover{transform:translateY(-7px)}.cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;box-shadow:0 8px 20px #000b;border:1px solid #687078}.cover-label{font-size:11px;line-height:1.35;color:#d9e0e4;margin-top:9px;min-height:30px}.cover-label small{display:block;color:#99a7af;margin-top:3px}.newsletter{padding:76px 24px;text-align:center;background:radial-gradient(ellipse at 50% 110%,#182d34,#091219 68%);border-top:1px solid #253139}.newsletter h2,.about h2{font:800 clamp(36px,4vw,54px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px}.newsletter p{font-size:14px;color:#d2dade;line-height:1.7}.newsletter .notice{font-size:12px;color:#9aa9b1;margin-top:16px}.about{background:#0a1217;border-top:1px solid #26323b;padding:60px 24px;text-align:center}.about p{max-width:680px;margin:0 auto;line-height:1.8;color:#c4cfd5}.footer{border-top:1px solid #26323b;padding:27px clamp(24px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#a5b2b9;font-size:12px}.footer strong{font-size:18px;color:white;letter-spacing:.18em}.footer a{text-decoration:underline}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;color:black;padding:12px;z-index:99}@media(max-width:850px){.hero{min-height:450px;background-position:60% center}.series-content{grid-template-columns:1fr;gap:8px;padding-top:36px;padding-bottom:30px}.series h2{margin-bottom:8px}.series-desc{max-width:unset}.series-bg{width:48%;opacity:.42}.covers{margin-top:12px}.cover{flex-basis:125px}}@media(max-width:600px){.nav{align-items:flex-start;flex-direction:column;gap:14px}.brand{font-size:19px}.links{gap:16px;flex-wrap:wrap}.links a{font-size:10px}.hero{min-height:485px;background:linear-gradient(90deg,rgba(7,15,20,.94),rgba(7,15,20,.67)),url('/images/scene-hero-new.webp') center/cover}.hero-inner{padding:65px 24px}.hero h1{font-size:55px}.hero p{font-size:14px}.series-bg{width:65%;opacity:.25}.cover{flex-basis:115px}.newsletter{padding:60px 24px}.footer{flex-direction:column;text-align:center}}

/* V1.1: protect the series title column and keep cover rails within their grid cell. */
.series-content{
  grid-template-columns:minmax(245px,265px) minmax(0,1fr);
  column-gap:clamp(24px,2.8vw,44px);
}
.series-intro{min-width:0;position:relative;z-index:2;align-self:center}
.series h2{font-size:clamp(36px,3.65vw,54px);overflow-wrap:normal;word-break:normal}
.covers{min-width:0;max-width:100%;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
.cover{scroll-snap-align:start}
/* On medium and small screens, place the title above the scrollable book row. */
@media(max-width:1100px){
 .series-content{grid-template-columns:minmax(0,1fr);row-gap:16px}
 .series-intro{max-width:100%}
 .series h2{max-width:680px;margin-bottom:12px}
 .series-desc{max-width:560px}
 .covers{width:100%}
}
@media(max-width:600px){
 .series-content{padding-inline:20px;row-gap:8px}
 .series h2{font-size:clamp(38px,11vw,52px)}
 .covers{padding-bottom:20px}
}