:root:is([data-area=verso],[data-area=reven],[data-area=bastidores])[data-theme=noir]{--bg:#201619;--panel:#302126;--line:#67434c;--accent:#e9989b;--ink:#eeeae1;--muted:#c4aeb3}
:root:is([data-area=verso],[data-area=reven],[data-area=bastidores])[data-theme=matine]{--bg:#f4eeed;--panel:#ecdfe0;--line:#c6a4a6;--accent:#9d344a;--ink:#32252b;--muted:#755760}
.verso-nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding:22px 6% 0;font:13px var(--mono)}
.verso-nav a{padding:10px 0;color:var(--muted);text-decoration:none}
.verso-nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:8px}
.verso-nav a:hover{color:var(--ink)}
.verso-spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding:20px 6% 80px}
.verso-space{text-decoration:none;min-width:0;color:var(--ink)}
.verso-space .eyebrow{display:block;margin:24px 0 12px}
.verso-space h2{font:36px/1.15 var(--serif);margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.verso-space h2 svg{width:22px;flex:none;color:var(--accent);transition:transform .25s}
.verso-space:hover h2 svg{transform:translate(3px,-3px)}
.verso-space p{color:var(--muted);font-size:16px;line-height:1.6;max-width:30ch}
.verso-art{height:310px;position:relative;overflow:hidden}
.verso-art img{height:100%;width:100%;object-fit:cover;transition:transform .45s}
.verso-space:hover .verso-art img{transform:scale(1.025)}
.verso-library{background:transparent}
.verso-library img{object-fit:contain;object-position:left center}
.verso-reven{background:#4b1825;isolation:isolate}
.verso-reven img{position:absolute;inset:0;opacity:.18;filter:grayscale(1);mix-blend-mode:luminosity}
.verso-reven>span{position:absolute;inset:0;display:grid;place-items:center;font:200px/1 var(--serif);color:#e5b7ad}
.verso-process,.verso-process-image{background:#5c2532}
.verso-process img,.verso-process-image{filter:sepia(.25) saturate(.65)}
.verso-awaiting{padding:24px 8% 90px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:70px;align-items:center}
.verso-awaiting h2{font:46px/1.15 var(--serif);margin:16px 0 24px}
.verso-awaiting h2 em{color:var(--accent)}
.verso-awaiting p:not(.eyebrow){max-width:48ch;color:var(--muted);line-height:1.8}
.verso-awaiting .text-link{display:flex;width:fit-content;max-width:100%;margin-top:22px}
.verso-emblem{font:240px/1 var(--serif);color:var(--accent);text-align:center;padding:30px 0}
.verso-process-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
/* The cover is already preloaded. Do not hide it behind scroll-reveal timing. */
.book-feature .book-item{opacity:1;transform:none}
.book-cover.book-cover-image{aspect-ratio:1054/1492}
.book-cover-image img{aspect-ratio:1054/1492}
@media(max-width:900px){.verso-spaces{gap:24px}.verso-art{height:250px}.verso-space h2{font-size:28px}.verso-awaiting{gap:35px}.verso-awaiting h2{font-size:38px}}
@media(max-width:600px){.verso-nav{padding:16px 24px 0;gap:4px 20px;font-size:12px}.verso-spaces{grid-template-columns:1fr;padding:16px 24px 55px;gap:40px}.verso-art{height:300px}.verso-library img{object-position:center}.verso-space h2{font-size:32px}.verso-space p{max-width:none}.verso-awaiting{grid-template-columns:1fr;padding:15px 24px 55px;gap:25px}.verso-awaiting h2{font-size:34px}.verso-emblem{font-size:155px;padding:0}.verso-process-image{max-height:250px}}
@media(prefers-reduced-motion:reduce){.verso-art img,.verso-space h2 svg{transition:none}}
