
@font-face{font-family:'vrtl';src:url('fonts/vrtlfinale1.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#f3f1ed;--ink:#111;--panel:#fff;--line:#d5d0c7;--muted:#67625c;--display:'vrtl',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--display)}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:rgba(243,241,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
a{color:inherit;text-decoration:none}.brand{font-family:var(--display);font-weight:800;letter-spacing:.08em}nav{display:flex;gap:20px}main{max-width:1500px;margin:auto;padding:28px}
.hero{padding:10px 0}.hero h1{font-family:var(--display);font-size:14px;font-weight:700;line-height:1.2;margin:0}.hero p{max-width:520px;font-size:10px;margin:1px 0 0;color:var(--muted)}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px}.filters input[name="q"]{flex:1 1 200px;min-width:140px}.filters select,.filters input,.filters button,.filters .button{padding:8px 10px;font-size:12px}
input,select,textarea,button,.button{border:1px solid var(--line);background:#fff;padding:12px;font:inherit;border-radius:0}button,.button{background:#111;color:#fff;cursor:pointer}.secondary{background:transparent;color:#111;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--line);display:block}
.image{position:relative;aspect-ratio:1/1;background:#ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.image img,.image video{width:100%;height:100%;object-fit:contain}
.meta{padding:14px;display:flex;flex-direction:column;gap:6px}.meta strong{font-family:var(--display);font-size:21px}.meta span,.meta small{color:var(--muted)}
.detail{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);gap:36px}.master{width:100%;max-height:82vh;object-fit:contain;background:#ddd}.alt{width:160px;margin:10px 10px 0 0}
dl{display:grid;grid-template-columns:100px 1fr;gap:10px;border-top:1px solid var(--line);padding-top:15px}dt{color:var(--muted)}dd{margin:0}
.edit{display:grid;gap:14px;max-width:720px}.edit label{display:grid;gap:6px;font-weight:bold}.edit textarea{min-height:90px}
table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:10px;border:1px solid var(--line)}
.warning,.error,.flash,.note{padding:18px;background:#fff;border:1px solid var(--line);margin:15px 0}.warning{border-color:#a87900}
@media(max-width:900px){.detail{grid-template-columns:1fr}header{align-items:flex-start;gap:16px;flex-direction:column}}
fieldset{border:1px solid #d8d8d8;padding:14px;margin:10px 0}legend{font-weight:700}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;margin:8px 0 12px}.choices label{display:flex;align-items:center;gap:7px}.choices input{width:auto}.detail a{word-break:break-word}
.batchbar{position:sticky;top:0;z-index:20;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:2px solid #111;padding:12px;margin:18px 0}.cardwrap{position:relative}.selectbox{display:block;padding:7px 9px;background:#eee;font-size:12px}.mergebox{border:1px solid #bbb;padding:14px}.danger{background:#b00020}.note{font-size:13px;color:#555}
.mergebox{display:grid;gap:10px;max-width:720px}.mergebox select{width:100%;min-height:190px}.picker-count{margin:0;color:var(--muted);font-size:13px}

/* Persistent archive views inspired by the 3D Book Reader material system. */
.eyebrow{margin:0;color:#a45f3c;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero{display:flex;justify-content:space-between;align-items:center;gap:18px}.hero-copy{min-width:0}.view-toolbar,.header-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}.view-select{padding:7px 10px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:11px;border-radius:999px}
.header-right{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.header-color-btn{background:none;border:none;padding:0;margin:0;font-size:16px;line-height:1;cursor:pointer;opacity:.8}.header-color-btn:hover{opacity:1}
.header-count{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;pointer-events:none}
@media(max-width:900px){.header-right{gap:12px}.header-count{display:none}}
.archive-grid[data-layout="editorial"]{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.archive-grid[data-layout="editorial"] .cardwrap{grid-column:span 3}.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+1){grid-column:span 6;grid-row:span 2}.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+4){grid-column:span 3}.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+1) .image{aspect-ratio:4/5}.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+1) .meta strong{font-size:28px}
.archive-grid[data-layout="list"]{display:grid;grid-template-columns:1fr;gap:8px}.archive-grid[data-layout="list"] .cardwrap{display:grid;grid-template-columns:auto 1fr;align-items:stretch}.archive-grid[data-layout="list"] .selectbox{display:flex;align-items:center;min-width:82px}.archive-grid[data-layout="list"] .card{display:grid;grid-template-columns:150px 1fr;align-items:stretch}.archive-grid[data-layout="list"] .image{aspect-ratio:1/1}.archive-grid[data-layout="list"] .meta{justify-content:center}
body[data-layout="website"] .batchbar{display:none}
.archive-grid[data-layout="website"]{display:flex;flex-direction:column;gap:0;max-width:880px;margin:0 auto;padding:8px 20px 0}
.archive-grid[data-layout="website"] .cardwrap{position:relative;padding:44px 0;border-bottom:1px solid var(--line)}
.archive-grid[data-layout="website"] .cardwrap:first-child{padding-top:8px}
.archive-grid[data-layout="website"] .cardwrap:last-child{border-bottom:none}
.archive-grid[data-layout="website"] .selectbox{position:absolute;top:44px;right:0;z-index:2;opacity:.5;font-size:10px;padding:4px 8px}
.archive-grid[data-layout="website"] .selectbox:hover{opacity:1}
.archive-grid[data-layout="website"] .card{display:block}
.archive-grid[data-layout="website"] .image{aspect-ratio:auto;height:auto;display:block;max-width:560px;margin:0 auto;background:#f2f0ec;box-shadow:0 30px 60px rgba(0,0,0,.14)}
.archive-grid[data-layout="website"] .image img,.archive-grid[data-layout="website"] .image video{position:static;width:auto;height:auto;max-width:100%;max-height:78vh;display:block;margin:0 auto;object-fit:contain}
.archive-grid[data-layout="website"] .meta{max-width:560px;margin:24px auto 0;padding:0;gap:9px;text-align:center;align-items:center}
.archive-grid[data-layout="website"] .meta strong{font-family:var(--display);font-size:clamp(26px,3.6vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1.05}
.archive-grid[data-layout="website"] .meta span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.archive-grid[data-layout="website"] .meta small{font-size:11px;color:var(--muted)}
@media(max-width:760px){.archive-grid[data-layout="website"]{padding:8px 14px 0}.archive-grid[data-layout="website"] .cardwrap{padding:40px 0}.archive-grid[data-layout="website"] .selectbox{top:40px}}
.archive-grid[data-layout="cloth"]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px;padding:24px;border:1px solid rgba(217,160,105,.22);background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px);box-shadow:inset 0 0 45px rgba(0,0,0,.32)}.archive-grid[data-layout="cloth"] .card{border-radius:4px 12px 12px 4px}.archive-grid[data-layout="cloth"] .card::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:4px 12px 12px 4px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.55}.archive-grid[data-layout="cloth"] .card::after{content:"";position:absolute;z-index:3;left:0;top:0;bottom:0;width:7px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,#382015,#a8613d,#3f2417);box-shadow:2px 0 5px rgba(0,0,0,.3)}.archive-grid[data-layout="cloth"] .image{aspect-ratio:4/5;margin:12px 12px 0;padding:10px;background:#e9e0d2}.archive-grid[data-layout="cloth"] .meta{padding:16px 18px 19px}.archive-grid[data-layout="cloth"] .meta strong{font-family:var(--display);font-weight:500}
body[data-theme="cloth"]{--bg:#110d0a;--ink:#f5eee5;--panel:#211813;--line:rgba(255,255,255,.12);--muted:#b7a99d;background:radial-gradient(circle at 70% -10%,rgba(204,132,69,.14),transparent 38rem),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px),#110d0a;color:var(--ink);min-height:100vh}body[data-theme="cloth"]::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.38;background:repeating-linear-gradient(90deg,rgba(255,255,255,.015) 0 1px,transparent 1px 5px);mix-blend-mode:screen}body[data-theme="cloth"] header{background:rgba(16,13,11,.88);border-color:var(--line);backdrop-filter:blur(20px)}body[data-theme="cloth"] .brand{color:var(--ink)}body[data-theme="cloth"] .brand::before{content:"B";display:inline-grid;place-items:center;width:28px;height:32px;margin-right:9px;border:1px solid rgba(255,255,255,.25);border-radius:4px 10px 10px 4px;background:linear-gradient(145deg,#bc713b,#603820);color:#fff;font:700 16px var(--display);box-shadow:inset 4px 0 rgba(0,0,0,.25)}body[data-theme="cloth"] main{max-width:1580px}body[data-theme="cloth"] .hero h1{font-family:var(--display);font-weight:500;letter-spacing:-.04em}body[data-theme="cloth"] .hero p{color:var(--muted)}body[data-theme="cloth"] input,body[data-theme="cloth"] select,body[data-theme="cloth"] textarea{background:rgba(255,255,255,.055);color:var(--ink);border-color:var(--line)}body[data-theme="cloth"] input::placeholder{color:#9f9186}body[data-theme="cloth"] button,body[data-theme="cloth"] .button{background:#c87543;color:#fff8ef;border-color:rgba(255,255,255,.1)}body[data-theme="cloth"] button:hover,body[data-theme="cloth"] .button:hover{background:#e09a5b}body[data-theme="cloth"] .secondary{background:transparent;color:var(--ink)}body[data-theme="cloth"] .card{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,#3b2419,#211511);box-shadow:0 16px 28px rgba(0,0,0,.28)}body[data-theme="cloth"] .card:hover{transform:translateY(-3px);border-color:rgba(241,186,114,.55);box-shadow:0 21px 34px rgba(0,0,0,.38)}body[data-theme="cloth"] .image{background:#2b1d16}body[data-theme="cloth"] .meta span,body[data-theme="cloth"] .meta small,body[data-theme="cloth"] dt{color:var(--muted)}body[data-theme="cloth"] .selectbox{background:rgba(255,255,255,.08);color:var(--muted)}body[data-theme="cloth"] .batchbar{background:rgba(33,24,19,.94);border-color:rgba(241,186,114,.42)}body[data-theme="cloth"] .warning,body[data-theme="cloth"] .error,body[data-theme="cloth"] .flash,body[data-theme="cloth"] .note,body[data-theme="cloth"] fieldset,body[data-theme="cloth"] .mergebox{background:rgba(33,24,19,.9);border-color:var(--line)}body[data-theme="cloth"] .view-select{color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.06)}
body[data-theme="night"]{--bg:#161a20;--ink:#edf2f5;--panel:#202731;--line:rgba(255,255,255,.14);--muted:#a6b1bb;background:radial-gradient(circle at 80% 0,rgba(88,133,171,.22),transparent 35rem),#161a20;color:var(--ink)}body[data-theme="night"] header{background:rgba(22,26,32,.9);border-color:var(--line)}body[data-theme="night"] .card{background:#202731;border-color:var(--line)}body[data-theme="night"] .image{background:#111820}body[data-theme="night"] input,body[data-theme="night"] select,body[data-theme="night"] textarea{background:#202731;color:var(--ink);border-color:var(--line)}body[data-theme="night"] .batchbar,body[data-theme="night"] .warning,body[data-theme="night"] .error,body[data-theme="night"] .flash,body[data-theme="night"] .note,body[data-theme="night"] fieldset,body[data-theme="night"] .mergebox{background:#202731;border-color:var(--line)}body[data-theme="night"] .view-select{color:var(--ink);border-color:var(--line);background:#202731}
@media(max-width:900px){.hero{display:block}.view-toolbar{justify-content:flex-start;margin-top:8px}.archive-grid[data-layout="editorial"]{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-grid[data-layout="editorial"] .cardwrap,.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+1),.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+4){grid-column:span 1;grid-row:auto}.archive-grid[data-layout="editorial"] .cardwrap:nth-child(7n+1) .meta strong{font-size:21px}}
@media(max-width:600px){.view-toolbar{width:100%}.view-select{flex:1}.archive-grid[data-layout="list"] .card{grid-template-columns:105px 1fr}.archive-grid[data-layout="list"] .selectbox{min-width:62px;padding:7px 5px}.archive-grid[data-layout="cloth"]{padding:12px;gap:18px}}

/* Full-page two-artwork book mode. */
.book-reader[hidden]{display:none!important}.book-reader{min-height:calc(100dvh - 150px);display:flex;flex-direction:column;gap:12px}.book-reader-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0}.book-reader-head h2{margin:0;font:500 clamp(24px,4vw,46px)/1 var(--display);letter-spacing:-.04em}.book-reader-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.book-reader-meta .button{white-space:nowrap}.book-stage{position:relative;flex:1;min-height:min(760px,calc(100dvh - 250px));display:grid;place-items:center;padding:10px 70px 0;perspective:1900px}.book-spread{position:relative;width:min(1380px,100%);height:min(78dvh,860px);display:grid;grid-template-columns:1fr 1fr;background:#d9cdbb;box-shadow:0 30px 48px rgba(0,0,0,.46),0 2px 0 rgba(255,255,255,.2);transform-style:preserve-3d;isolation:isolate}.book-page{position:relative;min-width:0;overflow:hidden;background:#eee7db;color:#241b16;box-shadow:inset 0 0 0 1px rgba(60,39,21,.16),inset 0 0 42px rgba(69,43,18,.14);transform-style:preserve-3d;cursor:pointer}.book-page-image{position:absolute;inset:0;display:grid;place-items:center;background:#e8dfd1}.book-page-image img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.book-page-caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:36px 26px 24px;color:#fff8ef;background:linear-gradient(transparent,rgba(20,13,9,.88));text-shadow:0 1px 2px rgba(0,0,0,.65);pointer-events:none}.book-page-caption span,.book-page-caption small{display:block;font:11px var(--display);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.book-page-caption h3{margin:6px 0 4px;font:500 clamp(23px,3vw,43px)/1 var(--display)}.book-gutter{position:absolute;z-index:6;top:0;bottom:0;left:50%;width:22px;transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(28,17,10,.22),rgba(255,255,255,.35) 42%,rgba(28,17,10,.3));filter:blur(1px)}.book-page-left{border-radius:5px 0 0 5px}.book-page-right{border-radius:0 5px 5px 0}.book-empty-page{height:100%;display:grid;place-items:center;color:#796958;font:italic 18px var(--display)}.book-turn-page{position:absolute;z-index:12;top:0;bottom:0;width:50%;backface-visibility:hidden;pointer-events:none;box-shadow:0 0 34px rgba(22,13,8,.3)}.book-turn-page.turn-next{left:50%;right:0;transform-origin:left center;transform:rotateY(0)}.book-turn-page.turn-prev{left:0;right:50%;transform-origin:right center;transform:rotateY(0)}.book-turn-page.is-active.turn-next{animation:book-turn-next .7s cubic-bezier(.2,.72,.18,1) forwards}.book-turn-page.is-active.turn-prev{animation:book-turn-prev .7s cubic-bezier(.2,.72,.18,1) forwards}@keyframes book-turn-next{0%{transform:rotateY(0);filter:brightness(1)}45%{transform:rotateY(-82deg);filter:brightness(.78)}100%{transform:rotateY(-180deg);filter:brightness(.92)}}@keyframes book-turn-prev{0%{transform:rotateY(0);filter:brightness(1)}45%{transform:rotateY(82deg);filter:brightness(.78)}100%{transform:rotateY(180deg);filter:brightness(.92)}}.book-arrow{position:absolute;z-index:20;width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:rgba(17,13,10,.82);color:var(--ink);font-size:24px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.22)}.book-arrow:hover{background:#df9f52;color:#21150e}.book-arrow:disabled{opacity:.25;cursor:default}.book-arrow-left{left:8px}.book-arrow-right{right:8px}.book-reader-controls{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.book-reader-controls small{margin-left:10px;font-size:11px}.round-button{width:38px;height:38px;padding:0;border-radius:50%;font-size:18px}.round-button:disabled{opacity:.25;cursor:default}
body.is-book-mode main{max-width:1700px;padding-top:10px}body.is-book-mode .hero{padding:8px 0 12px;align-items:center}body.is-book-mode .hero-copy,body.is-book-mode .filters,body.is-book-mode #batchForm{display:none}body.is-book-mode .archive-grid{display:none}body[data-theme="cloth"] .book-spread{background:#5a3928;border:1px solid rgba(255,255,255,.18)}body[data-theme="cloth"] .book-page{background:#eee7db}body[data-theme="paper"] .book-spread{box-shadow:0 20px 42px rgba(0,0,0,.2)}body[data-theme="night"] .book-spread{background:#303943;border:1px solid rgba(255,255,255,.15)}
@media(max-width:760px){.book-reader{min-height:calc(100dvh - 190px)}.book-reader-head{align-items:flex-start;flex-direction:column}.book-reader-meta{width:100%;justify-content:space-between}.book-stage{min-height:calc(100dvh - 300px);padding:8px 42px 0}.book-spread{height:min(72dvh,680px)}.book-page-caption{padding:28px 12px 12px}.book-page-caption h3{font-size:18px}.book-page-caption span,.book-page-caption small{font-size:8px}.book-arrow{width:36px;height:36px;font-size:18px}.book-arrow-left{left:0}.book-arrow-right{right:0}.book-reader-controls small{display:none}}

/* The Book Reader engine and material treatment, adapted from the original 3D Book Reader. */
.book-reader-meta select{max-width:220px;min-height:40px}.book-reader-meta .button{min-height:40px;padding:0 12px}.book-mount{width:min(100%,1500px);height:100%;min-height:260px;display:grid;place-items:center;perspective:1800px}.book-host{width:100%;height:100%;filter:drop-shadow(0 24px 20px rgba(0,0,0,.44));transform-style:preserve-3d;transition:transform 700ms cubic-bezier(.2,.8,.2,1),filter 400ms ease}.book-host.intro-spin{animation:book-intro-spin 1600ms cubic-bezier(.16,.75,.2,1) both}@keyframes book-intro-spin{0%{transform:rotateX(9deg) rotateY(-34deg) scale(.82);opacity:0}45%{opacity:1}72%{transform:rotateX(-3deg) rotateY(11deg) scale(.98)}100%{transform:rotateX(0) rotateY(0) scale(1);opacity:1}}.book-host .book-page{position:relative;overflow:hidden;background:#eee8dd;color:#191714}.book-host .book-page::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 32px rgba(52,33,17,.07)}.book-host .book-page[data-density="hard"]::after{box-shadow:inset 0 0 40px rgba(22,12,6,.28),inset 7px 0 rgba(255,255,255,.08)}.book-host .stf__parent,.book-host .stf__wrapper{min-width:0!important;min-height:0!important;touch-action:pan-y}.catalogue-page{position:relative;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:5.5% 7% 6%;background:#f0e9dd}.book-page-kicker{display:flex;justify-content:space-between;gap:12px;color:#9b6a46;font:700 clamp(7px,1vw,10px)/1.2 var(--display);letter-spacing:.16em;text-transform:uppercase}.book-page-image{position:relative;inset:auto;min-height:0;margin:4% 0 5%;display:grid;place-items:center;overflow:hidden;background:#e4dacc}.book-host .book-page-image img{display:block;width:100%;height:100%;object-fit:contain;background:#ece4d8;-webkit-user-drag:none;user-select:none}.book-page-info{border-top:1px solid rgba(65,43,25,.26);padding-top:4%;color:#272018}.book-page-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.book-page-title h3{margin:0;font:500 clamp(20px,3vw,37px)/1 var(--display);letter-spacing:-.035em}.book-page-title span{font:700 9px var(--display);letter-spacing:.1em;color:#8a674d}.book-page-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:3%;font:11px/1.35 var(--display);color:#56483b}.book-page-specs span{display:grid;gap:3px}.book-page-specs b{font-size:8px;color:#a06b45;letter-spacing:.1em;text-transform:uppercase}.book-page-context{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:4%;font:10px/1.3 var(--display);color:#806c5b}.book-page-context span{max-width:48%}.book-source-link{color:#a45f3c;text-decoration:underline;text-underline-offset:2px}.book-source-link:hover{color:#d48750}.book-empty{position:absolute;inset:0;display:grid;place-items:center;gap:8px;align-content:center;text-align:center;color:var(--muted)}.book-empty[hidden]{display:none}.book-empty strong{font:500 24px var(--display)}.book-empty span{font-size:12px}.stf__parent{min-width:0!important;min-height:0!important;touch-action:pan-y}.stf__wrapper{position:relative;z-index:2;width:100%;height:100%;box-sizing:border-box}
.volume-cover,.volume-pages,.volume-spine{position:absolute;pointer-events:none;opacity:0}.volume-cover{inset:-2%;border:1px solid rgba(255,228,191,.22);border-radius:1.8% 2.7% 2.7% 1.8%;background:repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),linear-gradient(145deg,#8b5636,#4e2c1b 62%,#2c180f);box-shadow:inset 0 0 0 3px rgba(36,18,9,.45),inset 0 0 50px rgba(0,0,0,.34);transform:translateZ(-18px)}.volume-pages{inset:0;background:#d8cfbf;transform:translateZ(-7px);box-shadow:0 1px #aaa08f,0 2px #e6dfd3,0 3px #a99f8e,0 4px #e2dbce,0 5px #9f9585,0 6px #ddd5c8}.volume-spine{top:-1%;bottom:-1%;left:50%;width:24px;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.42),#9a6745 43%,#3b2114 70%,rgba(0,0,0,.38));transform:translateX(-50%) translateZ(8px) rotateY(90deg);box-shadow:0 0 14px rgba(0,0,0,.42)}
.book-stage.is-inspecting{cursor:grab;touch-action:none}.book-stage.is-inspecting:active{cursor:grabbing}.book-stage.is-inspecting .book-host{pointer-events:none;opacity:0}.inspect-volume{position:absolute;z-index:18;width:min(78vw,1080px);aspect-ratio:1.42;transform:rotateX(9deg) rotateY(-18deg) scale(.9);transform-style:preserve-3d;transition:transform 80ms linear;filter:drop-shadow(0 38px 28px rgba(0,0,0,.62));pointer-events:none}.inspect-cover-board{position:absolute;inset:-2.4%;border:1px solid rgba(255,228,191,.22);border-radius:1.8% 2.7% 2.7% 1.8%;background:repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),linear-gradient(145deg,#8b5636,#4e2c1b 62%,#2c180f);box-shadow:inset 0 0 0 3px rgba(36,18,9,.45),inset 0 0 50px rgba(0,0,0,.34);transform:translateZ(-18px);transform-style:preserve-3d}.inspect-cover-board:before{content:"";position:absolute;top:0;right:-18px;width:18px;height:100%;transform:rotateY(90deg);transform-origin:left;background:linear-gradient(90deg,#2a160d,#6f4026)}.inspect-cover-board:after{content:"";position:absolute;left:0;bottom:-18px;width:100%;height:18px;transform:rotateX(-90deg);transform-origin:top;background:linear-gradient(#5e351f,#24130c)}.inspect-page-block{position:absolute;top:0;bottom:0;width:50%;z-index:2;background:#d8cfbf;transform:translateZ(-7px);transform-style:preserve-3d;box-shadow:0 1px #aaa08f,0 2px #e6dfd3,0 3px #a99f8e,0 4px #e2dbce,0 5px #9f9585,0 6px #ddd5c8}.inspect-page-block.left{left:0;border-radius:1.2% 0 0 1.2%}.inspect-page-block.right{right:0;border-radius:0 1.2% 1.2% 0}.inspect-page-face{position:absolute;top:0;bottom:0;width:50%;z-index:5;overflow:hidden;background:#f3eee5;transform:translateZ(5px);backface-visibility:hidden}.inspect-page-face.left{left:0;border-radius:1% 0 0 1%;box-shadow:inset -20px 0 28px rgba(55,34,19,.12)}.inspect-page-face.right{right:0;border-radius:0 1% 1% 0;box-shadow:inset 20px 0 28px rgba(55,34,19,.1)}.inspect-page-face.is-inner-cover{display:grid;place-items:center;background:linear-gradient(135deg,#75472d,#3c2418);color:rgba(255,240,219,.45);font:500 18px var(--display)}.inspect-page-face>img{width:100%;height:100%;display:block;object-fit:contain;background:#f3eee5}.inspect-face-label{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 10px;color:#fff8ef;background:linear-gradient(transparent,rgba(18,11,7,.85));font:500 14px var(--display)}.inspect-spine{position:absolute;z-index:9;top:-1%;bottom:-1%;left:50%;width:24px;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.42),#9a6745 43%,#3b2114 70%,rgba(0,0,0,.38));transform:translateX(-50%) translateZ(8px) rotateY(90deg);box-shadow:0 0 14px rgba(0,0,0,.42)}.inspect-page-label{position:absolute;z-index:10;bottom:-35px;left:50%;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(16,13,11,.75);color:#c4b7aa;font-size:9px;transform:translateX(-50%) translateZ(20px);white-space:nowrap}
body.is-book-mode .book-reader{min-height:calc(100dvh - 150px)}body.is-book-mode .book-stage{overflow:visible;isolation:isolate}body.is-book-mode .book-reader-controls{position:relative;z-index:30}.book-reader-controls .round-button{background:rgba(16,13,11,.76);color:var(--ink);border:1px solid var(--line)}
@media(max-width:760px){.book-reader-meta{flex-wrap:wrap}.book-reader-meta select{max-width:170px}.book-mount{min-height:360px}.catalogue-page{padding:5% 6% 6%}.book-page-title h3{font-size:20px}.book-page-specs{font-size:9px}.book-page-context{font-size:8px}.inspect-volume{width:92vw}}

/* Final catalogue-page treatment: image first, tiny complete information rail second. */
body.is-book-mode main{max-width:none;height:calc(100dvh - 72px);padding:0 20px 8px}body.is-book-mode .hero{padding:5px 0;min-height:42px}body.is-book-mode .book-reader{height:calc(100dvh - 124px);min-height:0;gap:4px}body.is-book-mode .book-reader-head{min-height:42px;padding:0}.book-stage{min-height:0!important;height:100%;padding:0 58px}.book-mount{width:min(100%,1700px);height:100%;min-height:0}.book-host{height:100%;width:100%}.book-host .book-page{background:#e9e0d3}.catalogue-page{grid-template-columns:minmax(0,1fr) 22%;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"kicker kicker" "image info";gap:0 3%;padding:4.5% 5% 5%;background:#f1e9de}.book-page-right .catalogue-page{grid-template-columns:22% minmax(0,1fr);grid-template-areas:"kicker kicker" "info image"}.book-page-kicker{grid-area:kicker;align-self:start;margin-bottom:3%;font-size:clamp(6px,.75vw,9px)}.book-page-image{grid-area:image;align-self:stretch;min-height:0;height:auto;margin:0;padding:clamp(7px,1vw,15px);border:clamp(5px,.65vw,10px) solid #f8f3eb;background:#e7dccd;box-shadow:0 1px 0 rgba(255,255,255,.9),0 9px 20px rgba(59,36,17,.18),inset 0 0 0 1px rgba(62,39,21,.25)}.book-host .book-page-image img{width:100%;height:100%;object-fit:contain;background:#f4eee5}.book-page-info{grid-area:info;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;margin:0;padding:0 0 1px;border-top:0;border-left:1px solid rgba(65,43,25,.22);color:#33271e}.book-page-right .book-page-info{border-left:0;border-right:1px solid rgba(65,43,25,.22);padding-right:9%;text-align:right}.book-page-left .book-page-info{padding-left:9%}.book-page-title{display:block}.book-page-title h3{margin:0 0 5px;font-size:clamp(13px,1.65vw,25px);line-height:1.03}.book-page-title span{display:block;font-size:7px}.book-page-specs{display:grid;grid-template-columns:1fr;gap:5px;margin-top:12px;font-size:8px;line-height:1.2}.book-page-specs span{display:block;overflow-wrap:anywhere}.book-page-specs b{display:block;margin-bottom:1px;font-size:6px;letter-spacing:.12em}.book-page-context{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:7px;line-height:1.25;overflow-wrap:anywhere}.book-page-context span{max-width:100%}.book-source-link{font-size:7px}.book-reader-controls{min-height:32px}.book-reader-controls small{font-size:10px}.book-reader-meta{gap:7px}.book-reader-meta .button,.book-reader-meta select{min-height:34px;font-size:10px;padding:0 9px}.book-reader-meta span{font-size:10px}@media(max-width:760px){body.is-book-mode main{height:calc(100dvh - 72px);padding:0 8px 6px}body.is-book-mode .book-reader{height:calc(100dvh - 200px)}body.is-book-mode .book-reader-head{min-height:92px}.book-stage{padding:0 30px}.catalogue-page{grid-template-columns:minmax(0,1fr) 25%;grid-template-areas:"kicker kicker" "image info";gap:0 3%;padding:5% 4%}.book-page-right .catalogue-page{grid-template-columns:25% minmax(0,1fr);grid-template-areas:"kicker kicker" "info image"}.book-page-info{padding-left:7%}.book-page-right .book-page-info{padding-right:7%}.book-page-specs{font-size:7px;gap:4px}.book-page-context{font-size:6px}.book-page-title h3{font-size:14px}.book-reader-controls small{display:none}}
body.is-book-mode .book-mount{position:absolute;inset:0;width:auto;height:auto;display:grid;place-items:center}.book-mount .book-host{width:min(88vw,1800px)!important;height:min(76vh,1100px)!important;max-width:none!important;max-height:none!important}.book-mount .stf__wrapper,.book-mount .stf__block{width:100%!important;height:100%!important}@media(max-width:760px){.book-mount .book-host{width:94vw!important;height:66vh!important}}

/* Clean full-paper image pages with a selectable compact metadata panel. */
.info-side-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.info-side-choice[aria-pressed="true"]{background:#df9f52;color:#21150e;border-color:#df9f52}.catalogue-page,.book-page-right .catalogue-page{display:block;position:relative;padding:0;background:#fff}.book-page-image,.book-page-right .book-page-image{position:absolute;inset:0;z-index:0;height:auto;margin:0;padding:clamp(12px,2vw,28px);border:clamp(7px,1vw,16px) solid #fff;background:#fff;box-shadow:inset 0 0 0 1px rgba(63,42,24,.16),inset 0 0 42px rgba(63,42,24,.07)}.book-host .book-page-image img{width:100%;height:100%;object-fit:contain;background:#fff}.book-page-kicker{position:absolute;z-index:3;top:2.8%;left:4%;right:4%;margin:0;color:#9b6a46;font-size:clamp(6px,.65vw,9px);text-shadow:0 1px 0 #fff}.book-page-info,.book-page-right .book-page-info{position:absolute;z-index:8;left:4%;right:auto;bottom:4%;width:42%;height:auto;max-height:39%;overflow:auto;display:block;margin:0;padding:12px 14px;background:rgba(255,255,255,.96);border:1px solid rgba(54,36,22,.28);box-shadow:0 7px 20px rgba(43,27,12,.18);text-align:left;color:#33271e;backdrop-filter:blur(4px)}.book-host[data-info-side="right"] .book-page-info{left:auto;right:4%}.book-page-title h3{margin:0 0 4px;font-size:clamp(14px,1.7vw,26px);line-height:1.02}.book-page-title span{display:block;font-size:7px}.book-page-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:8px;font-size:8px;line-height:1.18}.book-page-specs span{display:block;overflow-wrap:anywhere}.book-page-specs b{display:block;margin-bottom:1px;font-size:6px;letter-spacing:.1em}.book-page-context{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:7px;line-height:1.2;overflow-wrap:anywhere}.book-page-context span{max-width:100%}.book-source-link{font-size:7px}@media(max-width:760px){.book-page-info,.book-page-right .book-page-info{left:3%;right:auto;width:48%;bottom:3%;padding:8px 9px}.book-host[data-info-side="right"] .book-page-info{left:auto;right:3%}.book-page-title h3{font-size:14px}.book-page-specs{font-size:7px}.book-page-context{font-size:6px}.info-side-label{font-size:9px}}

/* Compact page card, full artwork backs, and on-demand full metadata. */
body.is-book-mode .book-reader-head h2{font-size:clamp(16px,2vw,29px)}body.is-book-mode .book-stage{padding:0 24px}.book-mount .book-host{width:min(94vw,1900px)!important;height:min(78vh,1150px)!important}.book-page-info,.book-page-right .book-page-info{left:4%;right:auto;bottom:4%;width:43%;max-height:none;overflow:visible;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px}.book-host[data-info-side="right"] .book-page-info{left:auto;right:4%}.book-page-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;flex:1}.book-page-title h3{margin:0;overflow:hidden;font-size:clamp(15px,1.55vw,24px);font-weight:500;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.book-page-title span{flex:none;font-size:9px;letter-spacing:.06em}.book-info-button{flex:none;padding:5px 8px;border:1px solid rgba(54,36,22,.3);border-radius:999px;background:#3a2418;color:#fff8ef;font:700 8px var(--display);cursor:pointer}.book-info-button:hover{background:#b86e43}.book-page-info .book-page-specs,.book-page-info .book-page-context{display:none}
.book-info-overlay{position:fixed;z-index:300;inset:0;display:grid;place-items:center;padding:24px}.book-info-overlay[hidden]{display:none}.book-info-backdrop{position:absolute;inset:0;background:rgba(5,4,3,.72);backdrop-filter:blur(10px)}.book-info-dialog{position:relative;z-index:1;width:min(900px,calc(100vw - 40px));max-height:min(820px,calc(100vh - 40px));overflow:auto;padding:28px;background:#f4eee4;color:#271d16;border:1px solid rgba(255,255,255,.34);box-shadow:0 30px 90px rgba(0,0,0,.58)}.book-info-dialog h2{margin:0 0 18px;font:500 clamp(26px,4vw,52px)/.98 var(--display);letter-spacing:-.04em}.book-info-close{position:absolute;top:14px;right:14px;width:32px;height:32px;padding:0;border:1px solid rgba(54,36,22,.25);border-radius:50%;background:transparent;color:#271d16;font-size:22px;cursor:pointer}.book-info-body{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}.book-info-body>img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border:10px solid #fff;box-shadow:inset 0 0 0 1px rgba(63,42,24,.16),0 8px 20px rgba(43,27,12,.14)}.book-info-dl{display:grid;grid-template-columns:110px 1fr;gap:8px 14px;margin:0;padding-top:4px;border-top:1px solid rgba(65,43,25,.25);font:12px/1.35 var(--display)}.book-info-dl dt{color:#9b6a46;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.book-info-dl dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.book-info-links{display:grid;gap:5px}.book-info-links a{color:#a45f3c;text-decoration:underline;text-underline-offset:2px}.book-info-actions{margin-top:20px}.book-info-actions .button{display:inline-block;background:#3a2418;color:#fff8ef}.book-info-open{overflow:hidden}
@media(max-width:900px){body.is-book-mode .filters{grid-template-columns:2fr repeat(3,1fr) auto auto}.book-info-body{grid-template-columns:1fr}.book-info-body>img{max-height:280px}.book-info-dialog{padding:22px}}
@media(max-width:760px){body.is-book-mode .filters{grid-template-columns:1fr 1fr}.book-page-info,.book-page-right .book-page-info{width:48%;padding:7px 8px}.book-page-title h3{font-size:14px}.book-page-title span{font-size:7px}.book-info-button{padding:4px 6px;font-size:7px}.book-info-overlay{padding:10px}.book-info-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:18px}.book-info-dl{grid-template-columns:85px 1fr;font-size:11px}}

/* Keep the artwork clear; place a smaller, simple information strip below it. */
.book-host .catalogue-page,.book-host .book-page-right .catalogue-page{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) auto!important;grid-template-areas:none!important;gap:clamp(5px,.7vw,10px)!important;padding:clamp(18px,2.4vw,32px) clamp(20px,4vw,52px) clamp(12px,1.8vw,24px)!important;background:#fff}
.book-host .book-page-image,.book-host .book-page-right .book-page-image{position:relative!important;inset:auto!important;grid-area:auto!important;grid-row:1!important;align-self:stretch!important;min-height:0!important;height:auto!important;margin:0!important;padding:clamp(8px,1vw,16px)!important;border:clamp(5px,.65vw,10px) solid #fff!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(63,42,24,.16),0 7px 16px rgba(59,36,17,.14)!important}
.book-host .book-page-info,.book-host .book-page-right .book-page-info{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-area:auto!important;grid-row:2!important;justify-self:start!important;align-self:end!important;width:56%!important;max-height:none!important;overflow:hidden!important;display:block!important;margin:0!important;padding:7px 10px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(54,36,22,.24)!important;box-shadow:0 4px 10px rgba(43,27,12,.12)!important;text-align:left!important;color:#33271e!important;backdrop-filter:none!important}
.book-host[data-info-side="right"] .book-page-info{justify-self:end!important}
.book-page-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;min-width:0!important}
.book-page-title-text{min-width:0;flex:1}
.book-field-label,.book-page-facts b{display:block;color:#9b6a46;font:700 6px/1.1 var(--display);letter-spacing:.12em;text-transform:uppercase}
.book-page-title h3{margin:2px 0 0!important;overflow:hidden;font:500 clamp(12px,1.25vw,19px)/1.05 var(--display)!important;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.book-page-title span{display:none}
.book-info-button{flex:none;padding:4px 7px!important;font-size:7px!important;line-height:1;border-radius:999px}
.book-page-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 10px;margin-top:6px;padding-top:5px;border-top:1px solid rgba(65,43,25,.2);font:8px/1.15 var(--display)}
.book-page-facts span{display:grid;min-width:0;gap:2px}.book-page-facts em{display:block;overflow:hidden;color:#514337;font-style:normal;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:760px){.book-host .catalogue-page,.book-host .book-page-right .catalogue-page{padding:14px 16px 10px!important}.book-host .book-page-info,.book-host .book-page-right .book-page-info{width:70%!important;padding:6px 8px!important}.book-page-facts{gap:3px 6px;font-size:7px}.book-page-title h3{font-size:13px!important}.book-field-label,.book-page-facts b{font-size:5px}}

/* Full-screen book view and large full-screen artwork details. */
#bookReader:fullscreen{position:relative;width:100vw;height:100vh;min-height:100vh;max-height:none;padding:18px;background:var(--bg);display:flex;gap:0}
#bookReader:fullscreen .book-reader-head{display:none}
#bookReader:fullscreen .book-stage{height:100%;min-height:0!important;flex:1;padding:0 72px 52px!important}
#bookReader:fullscreen .book-mount{inset:0 72px 52px!important;width:auto!important;height:auto!important}
#bookReader:fullscreen .book-mount .book-host{width:100%!important;height:100%!important;max-width:1900px!important;max-height:1350px!important}
#bookReader:fullscreen .book-reader-controls{position:absolute;z-index:60;left:0;right:0;bottom:12px;min-height:0;gap:18px;pointer-events:none}
#bookReader:fullscreen .book-reader-controls .round-button{pointer-events:auto;width:44px;height:44px;font-size:21px}
#bookReader:fullscreen .book-reader-controls #bookSpreadStatus,#bookReader:fullscreen .book-reader-controls small{display:none}
.book-info-overlay{padding:12px!important}
.book-info-dialog{width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;max-width:none!important;max-height:none!important;padding:clamp(24px,3vw,52px)!important}
.book-info-dialog h2{font-size:clamp(34px,5vw,76px)!important;margin-bottom:clamp(20px,3vh,34px)!important}
.book-info-body{grid-template-columns:minmax(360px,.95fr) minmax(0,1.05fr)!important;height:calc(100% - 100px);gap:clamp(28px,4vw,64px)!important}
.book-info-body>img{height:100%;min-height:320px;aspect-ratio:auto!important}
#bookReader:fullscreen .book-info-overlay{position:absolute}
@media(max-width:760px){#bookReader:fullscreen{padding:8px}#bookReader:fullscreen .book-stage{padding:0 34px 48px!important}#bookReader:fullscreen .book-mount{inset:0 34px 48px!important}.book-info-overlay{padding:6px!important}.book-info-dialog{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;padding:18px!important}.book-info-dialog h2{font-size:34px!important}.book-info-body{grid-template-columns:1fr!important;height:auto;gap:16px!important}.book-info-body>img{height:auto;min-height:0;max-height:38vh}}

/* True preloaded two-sided sheets: preserve the 3D reverse surface during every turn. */
.book-host{filter:none!important;box-shadow:0 24px 30px rgba(0,0,0,.42);transform-style:preserve-3d!important}
.book-host .book-page{width:100%;height:100%;overflow:visible!important;transform-style:preserve-3d!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important}
.book-host .book-page::after{z-index:20!important;pointer-events:none}

/* Restore the original reader's cloth volume: woven shell, page block, spine and deep material shadow. */
.book-host{filter:drop-shadow(0 26px 24px rgba(0,0,0,.52))!important;box-shadow:0 24px 30px rgba(0,0,0,.42),0 0 0 1px rgba(255,220,180,.1);transform-style:preserve-3d!important}
body[data-theme="cloth"] .book-host{outline:clamp(5px,.7vw,12px) solid rgba(76,42,24,.62);outline-offset:clamp(3px,.45vw,8px);background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(23,11,5,.16) 0 1px,transparent 1px 5px),linear-gradient(145deg,#8b5636,#4e2c1b 62%,#2c180f);border-radius:1.8% 2.7% 2.7% 1.8%}
body[data-theme="cloth"] .book-host .volume-cover,body[data-theme="cloth"] .book-host .volume-pages,body[data-theme="cloth"] .book-host .volume-spine{display:block;pointer-events:none;transform-style:preserve-3d}
body[data-theme="cloth"] .book-host .volume-cover{inset:-2%;z-index:-2;opacity:1;background:repeating-linear-gradient(92deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px),linear-gradient(145deg,#8b5636,#4e2c1b 62%,#2c180f);border:1px solid rgba(255,228,191,.28);border-radius:1.8% 2.7% 2.7% 1.8%;box-shadow:inset 0 0 0 3px rgba(36,18,9,.45),inset 0 0 50px rgba(0,0,0,.34),0 18px 28px rgba(0,0,0,.25);transform:translateZ(-18px)}
body[data-theme="cloth"] .book-host .volume-pages{inset:-.4%;z-index:-1;opacity:1;background:#d8cfbf;border:1px solid rgba(116,99,79,.5);box-shadow:0 1px #aaa08f,0 2px #e6dfd3,0 3px #a99f8e,0 4px #e2dbce,0 5px #9f9585,0 6px #ddd5c8;transform:translateZ(-7px)}
body[data-theme="cloth"] .book-host .volume-spine{top:-1%;bottom:-1%;left:50%;width:clamp(13px,1.2vw,24px);z-index:9;opacity:.72;border-radius:50%;background:linear-gradient(90deg,rgba(0,0,0,.5),#9a6745 43%,#3b2114 70%,rgba(0,0,0,.44));box-shadow:0 0 14px rgba(0,0,0,.5),inset 0 0 4px rgba(255,220,180,.2);transform:translateX(-50%) translateZ(8px) rotateY(90deg)}
body[data-theme="cloth"] .book-host .book-page::before{opacity:.34!important;background-image:repeating-linear-gradient(0deg,rgba(45,35,25,.24) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(45,35,25,.18) 0 1px,transparent 1px 5px)!important}

/* Keep the staged artwork in the exact same page box as PageFlip's real sheet. */
.book-host .book-page-kicker span:first-child{display:none!important}
.book-host .book-page-kicker{justify-content:flex-end!important}
.book-host .book-page.stf__item{position:absolute!important}
.pdf-review-table td{vertical-align:top;color:#241b16}.pdf-review-table input[type="text"],.pdf-review-table input:not([type]){width:100%;min-width:120px;box-sizing:border-box;background:#fff!important;color:#241b16!important;border:1px solid rgba(60,39,21,.32)!important}.pdf-review-thumb{display:block;width:110px;height:110px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:4px}.pdf-review-table th{text-align:left;padding:10px;border:1px solid var(--line);background:#eee7db;color:#241b16}
.book-host .book-page,.book-host .catalogue-page,.book-host .book-page-image,.book-host .book-page-image:before,.book-host .book-page-image:after{background:#fff!important;background-image:none!important}
.book-host .book-page-image img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
.book-host[data-turn-state="flipping"] .book-page::after{box-shadow:inset 0 0 calc(20px + 22px*var(--fold-shade,.7)) rgba(40,25,12,var(--fold-shade,.55));filter:blur(calc(var(--fold-soft,.3) * 1px))}
.color-picker-overlay{position:fixed;z-index:200;inset:0;display:grid;place-items:start center;padding:80px 16px}.color-picker-overlay[hidden]{display:none}.color-picker-backdrop{position:absolute;inset:0;background:rgba(10,8,6,.4);backdrop-filter:blur(3px)}.color-picker-panel{position:relative;z-index:1;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.3);padding:16px 18px;border-radius:8px;max-width:min(560px,92vw)}.color-picker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.color-picker-row input[type="color"]{width:44px;height:38px;padding:2px;cursor:pointer}.color-tolerance-label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.color-picker-close{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:18px;cursor:pointer}.color-picker-status{margin:10px 0 0;font-size:12px;color:var(--muted)}.cardwrap{transition:opacity 250ms ease}.cardwrap.color-dimmed{opacity:.14}
.ig-badge{display:inline-block;margin:4px 4px 0 0;padding:2px 7px;border-radius:999px;background:#3a2418;color:#fff8ef;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ig-badge-video{background:#22506b}.ig-caption-cell{max-width:260px}.ig-caption-cell .note{white-space:pre-line;font-size:11px;max-height:120px;overflow:auto;display:block}
.image-manager{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:14px}.image-manager-item{position:relative;background:var(--panel);border:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:6px}.image-manager-item img,.image-manager-item video{width:100%;aspect-ratio:1;object-fit:contain;background:#ddd}.image-manager-item form{margin:0}.image-manager-item button{width:100%;font-size:11px;padding:6px}.image-manager-label{position:absolute;top:12px;left:12px;background:#111;color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:999px}.image-add-form{display:flex;align-items:flex-end;gap:10px;margin-bottom:20px}.image-add-form label{display:grid;gap:6px;font-weight:bold;font-size:13px}
.merge-picker-overlay{position:fixed;z-index:250;inset:0;display:grid;place-items:center;padding:24px}.merge-picker-overlay[hidden]{display:none}.merge-picker-backdrop{position:absolute;inset:0;background:rgba(5,4,3,.55);backdrop-filter:blur(4px)}.merge-picker-panel{position:relative;z-index:1;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.4);padding:22px;border-radius:8px;width:min(620px,94vw);max-height:calc(100vh - 48px);overflow:auto}.merge-picker-list{display:grid;gap:8px;margin:14px 0}.merge-picker-row{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line)}.merge-picker-row img{width:52px;height:52px;object-fit:cover;background:#ddd;flex:none}.merge-picker-row span{flex:1;font-size:13px}
.media-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:#fff;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity 150ms ease}.image:hover .media-nav,.book-page-image:hover .media-nav{opacity:1}.media-nav:hover{background:rgba(0,0,0,.75)}.media-nav-prev{left:6px}.media-nav-next{right:6px}.media-count{position:absolute;bottom:6px;right:8px;z-index:5;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;pointer-events:none}
.media-loader{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(0,0,0,.12);pointer-events:none}.media-loader[hidden]{display:none}.media-loader::after{content:"";width:26px;height:26px;border-radius:50%;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:media-loader-spin 700ms linear infinite}@keyframes media-loader-spin{to{transform:rotate(360deg)}}

.highlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:20px}.highlight-card{display:block;background:var(--panel);border:1px solid var(--line)}.highlight-cover{position:relative;aspect-ratio:9/16;background:#111;overflow:hidden}.highlight-cover img,.highlight-cover video{width:100%;height:100%;object-fit:cover}.highlight-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:22px;background:rgba(0,0,0,.18);opacity:0;transition:opacity 150ms ease}.highlight-card:hover .highlight-play{opacity:1}.highlight-meta{display:flex;flex-direction:column;gap:2px;padding:12px 14px}.highlight-meta strong{font-family:var(--display);font-size:18px;text-transform:capitalize}.highlight-meta span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.highlight-player{max-width:1200px;margin:0 auto}.highlight-player-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}.highlight-player-head h1{font-family:var(--display);font-size:clamp(26px,4vw,44px);margin:2px 0 0;text-transform:capitalize;letter-spacing:-.02em}
.watch-layout{display:grid;grid-template-columns:minmax(0,420px) minmax(220px,1fr);gap:32px;align-items:start;margin-top:22px}
.watch-stage{position:relative;width:100%;max-width:420px;aspect-ratio:9/16;display:grid;place-items:center;overflow:hidden;padding:8px;border:8px solid #1a1a1a;border-radius:34px;background:#0a0a0a;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.watch-stage img,.watch-stage video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#0a0a0a}
.watch-empty{color:#9a9a9a;font-size:13px;text-align:center;padding:24px}
.watch-overlay{position:absolute;inset:auto 0 0;display:flex;align-items:end;justify-content:space-between;gap:14px;padding:56px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff}
.watch-title{margin:0;font-size:12px;font-weight:700}.watch-position{margin-top:4px;color:#b9b9b9;font-size:10px}
.watch-controls{display:flex;gap:6px}.watch-controls .control{padding:7px 10px;font-size:11px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);cursor:pointer}.watch-controls .control.primary{background:#fff;color:#111}
.watch-progress{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.18);z-index:2}.watch-progress i{display:block;width:0;height:100%;background:#fff;transition:width .25s ease}
.queue{align-self:start}.queue-head{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:0 0 10px}
.queue-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:600px;overflow-y:auto;padding-right:4px}
.queue-item{position:relative;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#111;cursor:pointer}.queue-item img{width:100%;height:100%;object-fit:cover;opacity:.7}.queue-item span{position:absolute;left:5px;bottom:4px;color:#fff;font-size:9px;font-weight:800;text-shadow:0 1px 4px #000}.queue-item.active{border-color:#c87543;box-shadow:0 0 0 2px rgba(200,117,67,.28)}.queue-item.active img{opacity:1}
@media(max-width:820px){.watch-layout{grid-template-columns:1fr}.watch-stage{max-width:340px;margin:0 auto}.queue-list{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));max-height:280px}}

/* static-export additions (read-only build) */
.archive-grid .card{cursor:pointer}
.archive-grid[data-layout="list"] .cardwrap{grid-template-columns:1fr}
body.is-embed{background:transparent}
body.is-embed header,body.is-embed .hero,body.is-embed .filters,body.is-embed .book-reader-head,body.is-embed .color-picker-overlay{display:none!important}
body.is-embed main{max-width:none;margin:0;padding:0;height:100vh}
body.is-embed .book-reader{min-height:100vh;height:100vh;padding:0}
body.is-embed .book-stage{padding:0 34px;min-height:0}
body.is-embed .book-reader-controls{padding:6px 0}
body.is-embed .book-info-button{display:none!important}
body.is-embed .highlight-player-head,body.is-embed .highlight-player>a.button.secondary,body.is-embed .queue{display:none!important}
body.is-embed .highlight-player{max-width:none;height:100vh;display:flex;align-items:center;justify-content:center}
body.is-embed .watch-layout{width:auto;margin:0 auto;grid-template-columns:none;display:block}
body.is-embed .watch-stage{max-width:100%;width:min(100%,420px)}
