:root{--ink:#092f3a;--teal:#006f7d;--deep:#003f50;--gold:#e4ad3b;--cream:#fbf7ed;--white:#fff;--muted:#517079}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Georgia,"Times New Roman",serif;color:var(--ink);background:var(--cream);line-height:1.55}.hero{min-height:66vh;display:grid;place-items:center;padding:5rem 1.25rem;background:radial-gradient(circle at 75% 75%,#e8b45a 0,transparent 25%),linear-gradient(145deg,#003744,#007b89);color:#fff}.hero__inner{width:min(980px,100%)}.eyebrow{font:700 .76rem/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}h1{max-width:850px;margin:.5rem 0 1.2rem;font-size:clamp(2.4rem,7vw,5.7rem);line-height:.98}.intro{max-width:690px;font-size:clamp(1.05rem,2.4vw,1.35rem)}.jump{display:inline-block;margin-top:1rem;padding:.85rem 1.15rem;border:1px solid var(--gold);color:#fff;text-decoration:none;font:700 .88rem Arial,sans-serif}.shelf{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:5rem 0}.book{display:grid;grid-template-columns:minmax(190px,290px) 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:3.2rem 0;border-bottom:1px solid #c8d4d2}.book img{display:block;width:100%;aspect-ratio:5/8;object-fit:cover;box-shadow:0 20px 45px rgba(0,41,50,.23)}.sequence{margin:0;color:var(--teal);font:700 .75rem Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.book h2,.about h2{margin:.35rem 0 .25rem;font-size:clamp(2rem,5vw,3.65rem);line-height:1.05}.subtitle{margin:.25rem 0 1.2rem;color:var(--deep);font-size:1.2rem;font-style:italic}.book__copy>p:not(.sequence,.subtitle){max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.actions span{padding:.7rem .9rem;background:#dce8e6;color:#365d64;border-radius:2px;font:700 .75rem Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.about{padding:5rem 1.25rem;background:var(--deep);color:#fff}.about>div{width:min(900px,100%);margin:auto}.about p:last-child{max-width:720px;font-size:1.15rem}footer{padding:1.5rem;text-align:center;background:#002d38;color:#bcd0d1;font:400 .78rem Arial,sans-serif}@media(max-width:700px){.hero{min-height:auto;padding:4rem 1.2rem}.book{grid-template-columns:1fr;padding:2.5rem 0}.book img{width:min(72vw,290px);margin:auto}.book__copy{text-align:center}.book__copy>p{margin-left:auto;margin-right:auto}.actions{justify-content:center}}