
.books-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:65px;padding-bottom:70px}.books-hero h1{font-size:clamp(55px,6.5vw,92px)}.books-lead{font-size:23px;max-width:520px}.books-intro-note{font-size:16px;color:var(--muted);max-width:460px}.hero-books{display:flex;align-items:center;justify-content:center;position:relative;gap:0;padding:25px 16px 48px;isolation:isolate}.hero-books:before{content:"";position:absolute;inset:10% 0 0;background:radial-gradient(ellipse,#4e3039,transparent 68%);z-index:-1}.book-cover{width:250px;aspect-ratio:3/4;background:#090909;border-left:7px solid #30262b;box-shadow:12px 17px 24px #0007,2px 1px 0 #e3d9cd;display:flex;flex-direction:column;overflow:hidden}.hero-book{width:52%;max-width:270px;transform:rotate(-8deg) translateY(10px)}.hero-book+.hero-book{transform:rotate(7deg) translate(-12px,-9px)}.cover-brand{height:13%;padding:10px 18px;display:flex;align-items:center}.cover-brand img{width:130px;max-height:100%;object-fit:contain}.cover-photo{width:100%;height:57%;object-fit:contain;background:#090909}.cover-title{padding:10px 20px 12px;flex:1;display:flex;flex-direction:column;justify-content:center;line-height:1.1}.cover-title>span:first-child{font:13px Hanken,Arial,sans-serif;color:var(--muted)}.cover-title strong{font:400 clamp(35px,3.5vw,48px)/1.1 Newsreader,Georgia,serif;letter-spacing:-.04em}.cover-year{font:8px/1.5 Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:#df9da0;margin-top:8px}.hero-caption{position:absolute;bottom:0;font:10px/1.5 Mono,monospace;color:var(--muted);text-align:center}.books-editions{padding-bottom:60px}.books-section-heading{border-top:1px solid var(--line);padding-top:45px}.books-section-heading h2{font-size:50px}.book-card{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);background:#191317;margin-bottom:28px;scroll-margin-top:25px}.book-display{background:radial-gradient(ellipse at 50% 45%,#46303a,#21191e 65%);display:flex;align-items:center;justify-content:center;padding:45px 35px 55px;position:relative}.book-display .book-cover{transform:rotate(-3deg);width:min(100%,245px)}.mockup-note{position:absolute;bottom:17px;font:10px Mono,monospace;color:var(--muted)}.book-copy{padding:40px;align-self:center}.book-copy h2{font-size:42px;margin-bottom:20px;max-width:500px}.book-copy>p:not(.kicker){color:var(--muted);max-width:510px;font-size:17px}.book-copy .book-availability{color:#edafb4!important;font:12px/1.6 Mono,monospace!important}.book-copy .actions{gap:16px;align-items:center}.book-enquiry{font:12px/1.7 Mono,monospace}.book-copy .book-small{font-size:13px!important;margin-top:24px;margin-bottom:0}.book-specs{color:var(--bone)!important}.next-book{border-left:3px solid #a52c30;padding:20px 28px;margin-top:45px;max-width:780px}.next-book h2{font-size:40px;margin-bottom:20px}.next-book p:not(.kicker){color:var(--muted)}.book-ordering{border-top:1px solid var(--line);padding-top:60px;padding-bottom:55px}.book-ordering h2{font-size:58px;margin-bottom:22px}.book-ordering>p:not(.kicker){max-width:700px;color:var(--muted)}.order-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:40px 0}.order-steps span{font:12px Mono,monospace;color:#df9da0}.order-steps h3{font:400 28px Newsreader,Georgia,serif;margin:14px 0}.order-steps p{font-size:16px;color:var(--muted)}.ordering-note{font-size:14px}.book-faq{padding-bottom:60px}.book-faq h2{font-size:42px}.book-faq details{border-top:1px solid var(--line);padding:20px 0}.book-faq summary{cursor:pointer;font-size:19px}.book-faq details p{color:var(--muted);max-width:760px;margin:16px 0 0}.preview-top{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:22px}.preview-top h2{font-size:30px;margin:0}.preview-top .kicker{margin-bottom:8px;font-size:10px}.sample-spread{display:grid;grid-template-columns:1fr 1fr;background:#eee8dd;color:#39332e;box-shadow:0 8px 22px #0006;min-height:300px}.sample-spread figure{margin:0;padding:28px;min-width:0;display:flex;flex-direction:column;justify-content:center;position:relative}.sample-spread figure:first-child{border-right:1px solid #cec5b8;background:linear-gradient(90deg,transparent 96%,#0001)}.sample-spread figure:last-child{background:linear-gradient(90deg,#0001,transparent 4%)}.sample-spread img{width:100%;height:clamp(240px,40vh,450px);object-fit:contain}.sample-spread figcaption{margin-top:14px;font:10px/1.5 Mono,monospace}.spread-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.spread-controls p{font:12px Mono,monospace;margin:0}.spread-controls button:disabled{opacity:.4;cursor:default}.preview-disclaimer{color:var(--muted);font-size:13px;margin:18px 0 10px}#preview-gallery{font-size:13px}#book-preview{padding:24px;max-height:94vh}
@media(max-width:900px){.books-hero{gap:20px}.books-hero h1{font-size:64px}.books-lead{font-size:20px}.book-copy{padding:28px}.book-copy h2{font-size:35px}.book-display{padding:35px 26px 55px}.order-steps{gap:24px}}
@media(max-width:680px){.books-hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:40px}.books-hero h1{font-size:58px}.hero-books{max-width:450px;width:100%;margin:auto;padding-top:18px;padding-bottom:42px}.cover-title strong{font-size:37px}.cover-brand{padding:8px 14px}.cover-title{padding:9px 16px}.cover-year{font-size:7px}.book-card{grid-template-columns:1fr}.book-copy{padding:26px}.book-display .book-cover{width:220px}.books-section-heading h2{font-size:38px}.next-book{padding:15px 20px}.next-book h2{font-size:34px}.book-ordering h2{font-size:43px}.order-steps{grid-template-columns:1fr;gap:16px;margin:28px 0}.order-steps li{border-top:1px solid var(--line);padding-top:18px}.book-faq h2{font-size:34px}#book-preview{padding:16px}.preview-top h2{font-size:24px}.sample-spread figure{padding:10px}.sample-spread img{height:220px}.sample-spread{min-height:260px}.spread-controls button{padding:8px;font-size:12px}.spread-controls p{font-size:10px}.preview-top button{font-size:12px;padding:8px}.preview-top .kicker{letter-spacing:.06em}.sample-spread figcaption{font-size:8px}.book-faq summary{font-size:17px}}

.preview-top button{flex-shrink:0;white-space:nowrap}

/* Full original crops, maximised within black A4 landscape pages. */
.sample-spread{background:#000;color:#e9e5e2;min-height:0}
.sample-spread figure:first-child{border-right:1px solid #242424;background:none}
.sample-spread figure:last-child{background:none}
.sample-spread figure{height:auto;aspect-ratio:297 / 210;padding:0;min-height:0}
.sample-spread img{position:absolute;top:50%;left:50%;height:auto;width:auto;max-height:90.47619%;max-width:93.265993%;min-height:0;object-fit:contain;flex:none;transform:translate(-50%,-50%);border:1px solid #fff;box-sizing:border-box}
.sample-spread figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
@media(max-width:680px){.sample-spread{grid-template-columns:1fr}.sample-spread figure{height:auto;aspect-ratio:297 / 210;padding:0}.sample-spread figure:first-child{border-right:0;background:none}.sample-spread img{height:auto}}

/* Full-bleed A4 covers: photo fills every edge; original crops retained inside. */
.hero-books{display:grid;grid-template-columns:1fr;align-items:end;gap:24px;padding:12px 0 35px;max-width:500px;width:100%;margin-left:auto}
.hero-books:before{display:none}
.book-cover{position:relative;display:block;aspect-ratio:var(--cover-ratio);border:0;overflow:hidden;container-type:inline-size;box-shadow:0 18px 32px #0006}
.book-cover:before{content:"";position:absolute;inset:0;border:1px solid #fff;z-index:3;pointer-events:none}
.hero-book,.hero-book+.hero-book{width:100%;max-width:none;transform:none}
.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;background:none}
.book-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 66%,#0006 100%),linear-gradient(0deg,#000b,transparent 38%);pointer-events:none}
.cover-brand{position:absolute;z-index:2;top:3%;left:98%;right:auto;height:auto;padding:0;display:block;width:66.464646%;transform:rotate(90deg);transform-origin:top left}
.cover-brand img{display:block;width:100%;max-height:none;filter:drop-shadow(0 1px 2px #000b)}
.cover-title{position:absolute;z-index:2;left:5%;right:25%;bottom:7%;padding:0;display:flex;flex-direction:column;justify-content:end;color:#fff;text-shadow:0 1px 4px #0008}
.cover-title:before{content:"";width:12%;height:2px;background:#ed343b;margin-bottom:8px}
.cover-title strong{font:800 10cqw/.95 Hanken,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.055em;color:#fff}
.cover-title .cover-event{font:500 clamp(9px,2.6cqw,14px)/1.35 Hanken,Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;margin-top:8px;color:#fff;max-width:76%}
.cover-title .cover-year{position:absolute;bottom:0;right:0;font:500 4cqw/1 Mono,monospace;letter-spacing:-.04em;color:#fff;margin:0}
.book-display{background:#1a1719;padding:48px 35px 56px}
.book-display .book-cover{width:min(100%,380px);transform:none}
.hero-caption{bottom:0;left:0;right:0;font-size:10px}
@media(max-width:680px){.hero-books{gap:20px;padding:16px 0 32px;max-width:440px}.cover-title:before{margin-bottom:6px}.cover-title .cover-event{margin-top:6px;letter-spacing:.1em}.book-display{padding:32px 34px 50px}.book-display .book-cover{width:min(100%,300px)}}
