@font-face{font-family:"Instrument Serif";src:url("fonts/InstrumentSerif-Regular.ttf") format("truetype");font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("fonts/InstrumentSerif-Italic.ttf") format("truetype");font-style:italic;font-display:swap}
:root{color-scheme:dark;--ground:#101c2b;--band:#142335;--deep:#0b1522;--paper:#f4ebd9;--muted:#b9c3cf;--gold:#e2c387;--line:#394657;--gold-line:#8e754e;--serif:"Instrument Serif",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--ground);color:var(--paper);font:16px/1.65 "Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,select{font:inherit}
button:not(:disabled),summary,select{cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3,.wordmark{font-family:var(--serif);font-weight:400}
h2{font-size:clamp(2.55rem,5.1vw,4.8rem);line-height:1;letter-spacing:-.045em}
h3{font-size:1.45rem;line-height:1.15}
.frame{width:min(1180px,calc(100% - 100px));margin-inline:auto}
.masthead{position:sticky;top:0;z-index:3;background:#101c2bf5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.masthead-inner{height:71px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:1.27rem;white-space:nowrap}
nav{display:flex;gap:30px;color:var(--muted);font-size:.84rem}
nav a:hover,.download:hover{color:var(--gold)}
.top-price{color:var(--gold);font-weight:650;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;min-height:700px;padding:74px 0 80px}
.hero-copy{animation:arrive .75s ease-out both}
.eyebrow{font-weight:700;font-size:.69rem;letter-spacing:.19em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
h1{font-size:clamp(4rem,9vw,8.8rem);letter-spacing:-.079em;line-height:.89}
h1 em{font-weight:400;color:var(--gold)}
.lede{font-size:clamp(1rem,1.8vw,1.28rem);color:var(--muted);max-width:445px;margin-top:29px}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:32px}
.button{display:inline-flex;min-height:49px;padding:10px 16px;align-items:center;justify-content:center;gap:13px;border-radius:4px;font-weight:700;font-size:.91rem;line-height:1.3;transition:background .2s ease,transform .2s ease}
.button:hover{transform:translateY(-2px)}
.buy{color:#172332;background:var(--gold);border:1px solid var(--gold)}
.buy span{border-left:1px solid #88724c;padding-left:11px}
.buy:hover{background:#f0d49c}
.outline{background:transparent;color:var(--paper);border:1px solid #647084}
.outline:hover{background:#20324a}
.fine{margin-top:16px;color:var(--muted);font-size:.76rem}
.fine span{padding:0 .15rem;color:var(--gold)}
.cover-wrap{justify-self:center;width:min(100%,378px);perspective:960px;animation:arrive .85s .13s ease-out both}
.cover{display:block;width:100%;height:auto;border:1px solid #8e7958;box-shadow:11px 13px 0 #0b1522,12px 14px 0 #41434a,0 35px 65px #050a14ad;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
figcaption{color:var(--muted);text-align:center;font-size:.70rem;margin-top:25px}
@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.band{background:var(--band);border-block:1px solid var(--line)}
.inside,.preview,.author{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;padding-block:85px}
.topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.topics article{border-top:1px solid var(--line);padding-top:15px}
.topics p,.preview-intro>p:not(.eyebrow),.author p:not(.eyebrow),.close p{color:var(--muted);margin-top:12px}
.preview-intro>p:not(.eyebrow){max-width:26rem;margin-top:21px}
.download{display:inline-block;margin-top:23px;color:var(--gold);border-bottom:1px solid var(--gold)}
.preview{align-items:start}
.reader{max-width:430px;width:100%;justify-self:center;background:var(--deep);padding:16px;border:1px solid var(--line);border-radius:5px}
.reader img{width:100%;height:auto;display:block;background:#22344a}
.reader-nav{display:flex;gap:8px;margin-top:14px}
.reader-nav button,.reader-nav select{border:1px solid #637184;border-radius:3px;color:var(--paper);background:var(--band);min-height:43px;min-width:43px}
.reader-nav select{flex:1;min-width:0;padding:0 8px}
.reader-nav button:disabled{opacity:.43}
details{margin-top:26px;border-top:1px solid var(--line);padding-top:12px}
summary{color:var(--paper)}
.page-text{white-space:pre-wrap;color:var(--muted);margin-top:14px;max-height:25rem;overflow:auto}
.author{align-items:center}
.author img{width:100%;height:auto;border:1px solid var(--line)}
.close{padding-block:52px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.close h2{font-size:clamp(2rem,4vw,3rem)}
footer{padding:22px 0 105px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.sticky{position:fixed;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(20px,calc((100% - 1180px) / 2));background:#0b1522f7;border-top:1px solid var(--line);transform:translateY(101%);visibility:hidden;transition:transform .25s ease,visibility .25s}
.sticky.active{visibility:visible;transform:translateY(0)}
.sticky small{color:var(--muted);margin-left:8px}
.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.masthead{border-color:var(--gold-line)}
.wordmark{font-size:1.65rem}
h1{letter-spacing:-.035em}
h2{letter-spacing:-.018em}
.button,.reader-nav button,.reader-nav select{border-radius:11px}
.outline,.reader-nav button,.reader-nav select{border-color:var(--gold-line)}
.cover{border-radius:12px}
.reader,.author img{border-radius:16px;border-color:var(--gold-line)}
.reader img{border-radius:8px}
.topics article{border:1px solid var(--gold-line);border-radius:13px;padding:17px;background:#19293b}
.topics h3{color:var(--gold);font-size:1.65rem}
.sticky,footer{border-color:var(--gold-line)}
.fine span{color:var(--gold)}
.launch-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 10px;padding:6px 12px;background:#a81820;color:#fff8e8;font-size:.72rem;line-height:1.4;letter-spacing:.105em;text-transform:uppercase;text-align:center}
.launch-bar strong{font-weight:750}
#offer-timer{color:#ffe2a2;font-weight:750;font-variant-numeric:tabular-nums}
.actions{align-items:center}
.reference-price{flex-basis:100%;font-size:.79rem;color:#e0d7c9;margin-bottom:-5px}
.reference-price del{color:var(--paper);font-size:1rem;text-decoration-color:#ee6267;text-decoration-thickness:2px}
.hero-buy{min-height:58px;padding-inline:19px;font-size:1.02rem}
#inside{background:linear-gradient(125deg,#dfbd79,#e8ca8e 65%,#d9b475);color:#12243a;border-color:#e7ca90}
#inside .eyebrow{display:inline-block;background:#15283d;color:#fff8e8;padding:6px 11px;border-radius:6px}
#inside .topics article{background:#fff6df;border-color:#a58145}
#inside .topics h3{color:#10243c}
#inside .topics p{color:#33475a}
@media(max-width:900px){
  .frame{width:calc(100% - 56px)}
  .hero{gap:30px;min-height:auto}
  .inside,.preview,.author{gap:35px;padding-block:62px}
  .topics{gap:19px}
}
@media(max-width:650px){
  .frame{width:calc(100% - 36px)}
  .masthead-inner{height:auto;min-height:68px;gap:10px;flex-wrap:wrap;padding-block:10px}
  .wordmark{font-size:1.05rem}
  nav{gap:14px;order:3;flex-basis:100%;font-size:.8rem}
  .top-price{font-size:.85rem}
  .hero,.inside,.preview,.author{grid-template-columns:minmax(0,1fr)}
  .hero{padding:43px 0 55px;gap:37px}
  h1{font-size:clamp(4rem,15vw,6rem)}
  .cover-wrap{width:min(73%,290px)}
  .inside,.preview,.author{padding-block:47px}
  .sticky small{display:none}
  .sticky .button{min-height:43px;padding-inline:11px;white-space:nowrap}
  .reader{padding:10px}
}
@media(max-width:350px){.topics{grid-template-columns:1fr}.actions{display:grid}.close{align-items:start;flex-direction:column}}