:root{--bg:#f1eadc;--surface:#f9f4e9;--ink:#29232b;--muted:#655961;--accent:#75394e;--line:#c8b9ab;--on:#fff8ee;color-scheme:light}
:root[data-theme=iris]{--bg:#25243a;--surface:#36344d;--ink:#f0edf7;--accent:#baace9}
:root[data-theme=cherry]{--bg:#171419;--surface:#252027;--ink:#f0e8e1;--accent:#c9778d}
:root[data-theme=plum]{--bg:#211923;--surface:#332737;--ink:#f3e9ee;--accent:#c5a0d5}
:root[data-theme=moon]{--bg:#101622;--surface:#1b2636;--ink:#e8edf4;--accent:#88b9cd}
:root[data-theme=green]{--bg:#0d1715;--surface:#192923;--ink:#e9e5d9;--accent:#64b89b}
:root:not([data-theme=paper])[data-theme]{--muted:color-mix(in srgb,var(--ink) 72%,var(--bg));--line:color-mix(in srgb,var(--ink) 27%,var(--bg));--on:#17141a;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 Georgia,'Times New Roman',serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{background:none;border:0}a:hover,button:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.skip,.visuallyhidden{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;background:var(--surface);z-index:9;padding:10px}.navwrap,main,footer{width:min(1280px,92%);margin:auto}header{border-bottom:1px solid var(--line)}.navwrap,.tools,header nav,.actions,.caption,.sectionhead,footer,.reader nav{display:flex;align-items:center;justify-content:space-between;gap:18px}.navwrap{min-height:70px}.brand{font-size:1.22rem;white-space:nowrap}.sigil{color:var(--accent);font-size:1.65rem;vertical-align:middle;padding-right:8px}header nav,.tools,.btn,.under,.tags,label,select,.caption,.crumb,.chapters,.reader nav,footer{font-family:Arial,sans-serif;font-size:.9rem}header nav a[aria-current]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.tools{gap:6px}.tools a,.caption button{display:grid;place-items:center;min-width:38px;min-height:38px}.tools svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}small,time{font:600 .7rem/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--accent)}h1,h2,h3,blockquote{font-weight:normal;line-height:1.04;margin:.23em 0 .4em;letter-spacing:-.04em}h1{font-size:clamp(3.3rem,6.4vw,6rem)}h2{font-size:clamp(2.2rem,4vw,3.65rem)}h3{font-size:1.85rem}p{margin:.75em 0 1.1em}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:5%;align-items:center;min-height:540px;padding:40px 2% 42px;border-bottom:3px double var(--line)}.hero h1{font-size:clamp(3.45rem,6.7vw,6.7rem);margin:.22em 0}.hero em{color:var(--accent)}.herotext p{max-width:34ch;color:var(--muted);font-size:1.18rem}.rule{display:flex;align-items:center;gap:12px}.rule:before{content:"";width:36px;border-top:1px solid}.actions{justify-content:flex-start;flex-wrap:wrap;margin-top:26px}.btn,.under{display:inline-block}.btn{background:var(--accent);color:var(--on);padding:12px 21px;border:1px solid var(--accent)}.btn:hover{color:var(--on);filter:brightness(1.13)}.under{border-bottom:1px solid var(--accent);padding:4px 0;color:var(--accent)}figure{margin:0}.arch{position:relative;padding:6px;border:1px solid var(--accent);border-radius:48% 48% 2px 2px / 30% 30% 2px 2px;overflow:hidden}.arch img{width:100%;height:clamp(300px,30vw,425px);object-fit:cover;border-radius:inherit;display:block}.front figcaption{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:.9rem;padding:5px 0}.section,.afterword{padding:38px 0}.sectionhead{align-items:end;margin-bottom:22px}.sectionhead h2{margin-bottom:0}.tiles,.afterword,.album{display:grid;gap:26px}.tiles{grid-template-columns:repeat(3,1fr)}.tile{min-width:0}.tilepic,.bindingart{position:relative;overflow:hidden}.tilepic img{display:block;width:100%;aspect-ratio:1.9;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.035)}.tilemark{position:absolute;bottom:8px;right:9px;background:#171622cf;color:white;padding:2px 7px;font:12px/1.6 Arial}.tilebody{padding:15px 0;border-bottom:1px solid var(--line)}.tilebody p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid var(--line);padding:2px 9px;font-size:.75rem}.afterword,.album{grid-template-columns:1fr 1fr}.afterword>section{border-top:1px solid var(--line);padding:20px 0}.afterword h2{font-size:2rem}footer{border-top:3px double var(--line);padding:22px 0;color:var(--muted);margin-top:42px}.intro{text-align:center;padding:55px 0 24px;border-bottom:3px double var(--line)}.intro p,.crumb{color:var(--muted)}.chapter,.reader{max-width:820px;margin:40px auto;padding:28px 0;border-top:1px solid var(--line)}.catalog label{display:inline-grid;gap:4px;margin:0 12px 14px 0}.catalog :is(input,select){background:var(--surface);border:1px solid var(--line);padding:10px;max-width:100%}.result{color:var(--muted);margin-bottom:15px}.crumb{padding:22px 0}.bookhead{display:grid;grid-template-columns:minmax(235px,.68fr) 1.3fr;gap:7%;align-items:center;max-width:1040px;margin:15px auto 40px}.bookhead h1{font-size:clamp(3rem,6vw,5rem)}.binding{padding:7px;border:1px solid var(--line);background:var(--surface)}.bindingart{aspect-ratio:3/4;color:#fff5e4;display:grid;align-items:end;background:#312431}.bindingart img,.covertext{position:absolute;width:100%;height:100%;object-fit:cover}.covertext{display:flex;flex-direction:column;justify-content:end;padding:8%;background:linear-gradient(transparent,#111322e8)}.covertext small{color:inherit}.covertext strong{font:italic 2.6rem/1.05 Georgia}.bindingart.alt img{visibility:hidden}.bindingart.alt .covertext{justify-content:center;text-align:center;border:5px double #b89982;inset:7%;width:86%;height:86%;background:none}.caption{text-align:center;font-size:.78rem}.lead{font-size:1.25em;color:var(--accent)}dl{display:grid;grid-template-columns:auto 1fr;gap:3px 16px;font-size:.92em}dd{margin:0}dt{color:var(--muted)}.chapters{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;border-block:1px solid var(--line);padding:14px}.person{display:flex;align-items:center;gap:24px}.initial,.portrait{width:95px;height:128px;flex:none;border-radius:45% 45% 1px 1px;border:3px double var(--line);background:var(--surface);display:grid;place-items:center;color:var(--accent);font:italic 3.4rem Georgia;object-fit:cover}.quotation{padding:36px;text-align:center;background:var(--surface)}blockquote{font-size:clamp(1.7rem,3vw,2.7rem);font-style:italic}.quiz{display:flex;flex-wrap:wrap;gap:8px}.quiz button,.prefs label{background:var(--surface);border:1px solid var(--line);padding:10px}.landscape{overflow:hidden}.landscape img,.album img{width:100%;display:block;object-fit:cover}.landscape img{aspect-ratio:2}.album figure,.crop{overflow:hidden}.crop img,.landscape img.detail{object-fit:cover;object-position:70% 30%;scale:1.45}.landscape{position:relative}.landscape figcaption{background:var(--bg);position:relative}.crop{aspect-ratio:1.7}.crop img{height:100%}.album button{display:block;width:100%;padding:0}.album figcaption{padding:10px}.prefs fieldset{border:0;margin:0 0 25px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.prefs legend{font-size:1.5rem;margin-bottom:10px}.prefs label{cursor:pointer}.prefs input{accent-color:var(--accent)}.drawstack{max-width:530px;margin:20px auto}.draw{text-align:center}.reader{max-width:64ch}.reader small{display:block;margin-top:40px}.reader h1{font-size:3.5rem}.reader p{font-size:1.13em;line-height:1.85}.reader nav{margin-top:40px;border-top:1px solid var(--line);padding:16px 0}.reader a{color:var(--accent)}dialog{width:min(900px,94%);background:var(--surface);color:var(--ink);border:1px solid var(--line)}dialog::backdrop{background:#15121dd9}dialog img{width:100%;max-height:65vh;object-fit:contain}dialog .zoom{overflow:hidden}dialog .zoom.detail img{transform:scale(1.5)}.motif{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:4}.motif span{position:absolute;left:var(--x);top:var(--y);color:var(--accent);font-size:1.6rem;opacity:.6;animation:drift 4s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes drift{to{transform:translateY(12px) rotate(12deg)}}html[data-size=large]{font-size:19px}[data-quiet] *,[data-quiet] *::before{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:900px){.navwrap{flex-wrap:wrap;padding:10px 0;gap:4px}.navwrap nav{order:3;width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px 18px}.hero{min-height:0}.tiles{gap:15px}}
@media(max-width:650px){.hero,.bookhead,.tiles,.album,.afterword{grid-template-columns:1fr}.hero{padding:28px 0;gap:26px}.hero h1{font-size:clamp(2.9rem,10vw,4.4rem)}.arch img{height:220px}.front{width:100%}.sectionhead,footer{flex-wrap:wrap}.binding{max-width:320px;width:100%;margin:auto}.bookhead{gap:24px}.person{align-items:start;gap:14px}.chapter{margin:25px auto}.tiles{gap:24px}.sectionhead{gap:8px}.quotation{padding:24px 12px}.intro{padding-top:36px}.reader h1{font-size:2.7rem}.navwrap nav{font-size:.82rem}}

/* Общий ритм каталога и страниц книг. */
body { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; }
header,footer { flex:none; }
main { flex:1 0 auto; margin:0 auto; }
html[data-size=small] { font-size:14px; }
.tiles > .tile { display:flex; }
.tile > :is(a,.teaser-body) { width:100%; display:flex; flex-direction:column; }
.tilebody { flex:1; display:flex; flex-direction:column; align-items:flex-start; }
.tilebody small { font-size:.94rem; letter-spacing:.035em; }
.tilebody h3, .bookhead h1, .covertext strong { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-style:normal; }
.tilebody .tags { margin-top:auto; }
.tag { font-size:.9rem; padding:3px 10px; }
.read-links { display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; margin-top:1.6rem; }
.read-links a:not(.btn) { text-decoration:underline; text-underline-offset:.25em; }
.filters { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); align-items:end; gap:16px; max-width:52rem; }
.filters label { display:grid; margin:0; gap:6px; }
.filters :is(input,select) { width:100%; min-width:0; height:3rem; font-size:1rem; padding:0 .9rem; }
.result { margin:1rem 0; }
.quotation h2 { font-size:1.65rem; }
.quote-slides { display:grid; align-items:center; min-height:5.5em; }
.quote-slides blockquote { margin:.6rem auto; max-width:42ch; font-size:clamp(1.1rem,2vw,1.42rem); letter-spacing:-.015em; line-height:1.45; }
.quote-controls { display:flex; justify-content:center; align-items:center; gap:.8rem; font:.85rem Arial,sans-serif; color:var(--muted); }
.quote-controls button { width:44px; height:44px; border:1px solid var(--line); color:var(--accent); }
footer { display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; align-items:start; padding:24px 0; margin:36px auto 0; }
.footer-home,.footer-group { display:grid; justify-items:start; gap:3px; }
.footer-group strong { color:var(--ink); margin-bottom:5px; }
.footer-home .brand { white-space:normal; font-family:Georgia,serif; color:var(--ink); }
footer a:hover { text-decoration:underline; }
@media(max-width:650px) {
  .filters { grid-template-columns:1fr; gap:12px; }
  footer { grid-template-columns:1fr 1fr; gap:16px; }
  .footer-home { grid-column:1 / -1; }
}

.reader { width:100%; max-width:64rem; }
.reader-tools,.reader-outlets { max-width:52rem; margin:0 auto; }
.reader-tools > a { display:inline-block; margin-bottom:.65rem; }
.read-options { border-block:1px solid var(--line); font:1rem/1.45 Arial,sans-serif; }
.read-options summary { cursor:pointer; padding:.7rem 0; color:var(--accent); }
.read-options fieldset { margin:0 0 1rem; padding:0; border:0; }
.read-options legend { margin-bottom:.5rem; }
.options-inner { padding:.25rem 0 1rem; }
.read-presets,.reader-outlets { display:flex; flex-wrap:wrap; gap:.5rem; }
.read-presets button,.read-fields select { border:1px solid var(--line); background:var(--surface); padding:.5rem .7rem; }
.read-presets button[aria-pressed=true] { background:var(--accent); color:var(--on); }
.read-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:.8rem 1rem; }
.read-fields label { display:grid; gap:.25rem; }
.read-fields select { width:100%; font-size:1rem; }
.reader nav.reader-outlets { justify-content:flex-start; margin:1rem auto; border:0; }
.reading-sheet { max-width:var(--read-width,64ch); margin:1rem auto; padding:1rem min(var(--read-margin,2vw),4rem); overflow-wrap:anywhere; }
.reading-sheet[data-paper=night] { background:#202124; color:#e4e1dc; --accent:#d1bbdc; }
.reading-sheet[data-paper=cream] { background:#f7efdd; color:#352c28; --accent:#733c46; }
.reading-sheet small { margin-top:1rem; }
.reading-sheet p { font-family:var(--read-face,Georgia,serif); font-size:var(--read-size,1.13rem); line-height:var(--read-line,1.7); margin:0 0 var(--read-gap,.85em); text-indent:var(--read-indent,0); text-align:var(--read-align,left); }
.reading-sheet nav { flex-wrap:wrap; }

.intro { padding:clamp(20px,3vw,36px) 0 18px; }
.intro h1 { font-size:clamp(2.25rem,4vw,3.75rem); margin:.1em 0; }
.intro p { margin:.25rem 0 0; }
small,time { letter-spacing:.08em; }
.tilepic,.bindingart { aspect-ratio:3/4; }
.tilepic img { height:100%; width:100%; aspect-ratio:auto; object-fit:cover; }
.tilepic { width:min(100%,17rem); margin-inline:auto; }
.binding { width:min(100%,20rem); justify-self:center; }
.chapter-heading { display:flex; align-items:center; gap:1rem; justify-content:space-between; }
.focus { font:.92rem Arial,sans-serif; color:var(--accent); border:1px solid var(--line); padding:.4rem .85rem; }
.focus[aria-pressed=true] { color:var(--on); background:var(--accent); }
.person .portrait,.person .initial { width:clamp(150px,18vw,220px); height:auto; aspect-ratio:3/4; border-radius:2px; }
.person .portrait { object-fit:contain; }
.news-list { max-width:64rem; margin:1.5rem auto; }
.news-row { display:grid; grid-template-columns:minmax(90px,30%) 1fr; align-items:center; gap:clamp(12px,3vw,36px); padding:1.2rem 0; border-bottom:1px solid var(--line); }
.news-row img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.news-row h2 { font-size:clamp(1.25rem,2.8vw,2.3rem); margin:0; }
.news-row p { margin:.45rem 0; }
main:has(.reader) {
  --outer-edge:max(4%,calc((100% - 1280px)/2));
  width:auto;
  max-width:none;
  margin-inline:max(3%,calc((100% - 1728px)/2)) var(--outer-edge);
}
.reader { display:grid; grid-template-columns:clamp(235px,21vw,340px) minmax(0,1fr); gap:clamp(20px,3vw,48px); align-items:start; max-width:none; margin:1rem auto; padding:.8rem 0; }
.reader-tools { width:100%; margin:0; }
.reading-sheet { width:100%; max-width:none; min-width:0; margin:0; padding:.75rem clamp(.45rem,var(--read-margin,2vw),2.5rem); }
.reading-column { width:100%; max-width:var(--read-width,94ch); margin-inline:auto; }
.reading-sheet h1 { font-size:clamp(1.65rem,2.4vw,2.3rem); margin:.25em 0 .55em; }
.reading-sheet small { margin:0; }
.reading-sheet p { text-indent:var(--read-indent,0); }
.chapter-index summary { padding:.65rem 0; color:var(--accent); cursor:pointer; font:1rem Arial,sans-serif; }
.toc { padding-inline-start:1.6rem; }
.toc li { padding:.2rem 0; }
.read-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; }
.read-fields select { padding:.35rem; font-size:.86rem; }
.read-presets { gap:.3rem; }
.read-presets button { padding:.4rem .55rem; font-size:.85rem; }
@media(max-width:800px) {
 main:has(.reader) { margin-inline:4%; }
 .reader { grid-template-columns:minmax(0,1fr); gap:.5rem; }
 .reader-tools { max-width:none; }
 .read-fields { grid-template-columns:repeat(auto-fit,minmax(min(135px,100%),1fr)); }
}
@media(max-width:480px) {
 .person { flex-direction:column; }
 .tilepic { width:min(100%,14rem); }
}

.catalog .tiles { grid-template-columns:minmax(0,1fr); gap:0; }
:is(.catalog,.drawstack) .tile { padding:1rem 0; border-bottom:1px solid var(--line); }
:is(.catalog,.drawstack) .tile > :is(a,.teaser-body) { display:grid; grid-template-columns:clamp(6rem,16vw,10rem) minmax(0,1fr); gap:clamp(.8rem,2.6vw,2.25rem); align-items:start; }
:is(.catalog,.drawstack) .tilepic { width:100%; margin:0; }
:is(.catalog,.drawstack) .tilebody { padding:0; border:0; min-width:0; overflow-wrap:anywhere; }
:is(.catalog,.drawstack) .tilebody h2 { margin:0; font-size:clamp(1.4rem,2.4vw,2.15rem); }
:is(.catalog,.drawstack) .tilebody .tags { width:100%; margin:.65rem 0 0; padding:.65rem 0; border-block:1px solid var(--line); }
:is(.catalog,.drawstack) .tilebody p { margin:.7rem 0 0; max-width:74ch; }
@media(max-width:540px) {
  :is(.catalog,.drawstack) .tile > :is(a,.teaser-body) { grid-template-columns:minmax(4rem,23%) minmax(0,1fr); }
  :is(.catalog,.drawstack) .tag { padding:2px 6px; font-size:.8rem; }
}

.rights { grid-column:1 / -1; justify-self:start; padding:.3rem .7rem; border:1px solid var(--line); color:var(--muted); font-size:.8rem; }
.tilebody p, .bookhead p, .person p, #reasons li {
  -webkit-user-select:none;
  user-select:none;
}

.drawstack { max-width:none; text-align:left; }

/* Ночной фронтиспис и книжная витрина */
.hero { position:relative; isolation:isolate; margin-top:clamp(12px,2vw,26px); min-height:0; border:1px solid #51485c; background:linear-gradient(118deg,#22202e,#302538 58%,#1b202f); color:#f7eede; padding:clamp(26px,4.3vw,64px); gap:6%; }
.hero .rule,.hero em { color:#e1b7b9; }
.hero .herotext p { color:#ece0d9; }
.hero .btn { color:#2f2332; background:#edddcd; border-color:#edddcd; }
.hero .under { color:#f5ded8; border-color:#bb97a5; }
.hero h1 { font-size:clamp(2.25rem,5.6vw,5.7rem); }
.hero .front { position:relative; padding:0 5%; }
.hero .arch { border-color:#a38ca4; background:#332a3b; box-shadow:0 12px 26px #120d1b77; }
header nav a { padding:.35rem .12rem; }
.display-books { max-width:65rem; margin-inline:auto; align-items:stretch; }
.display-books .tile { background:var(--surface); border:1px solid var(--line); border-radius:9px; padding:clamp(12px,1.4vw,22px); box-shadow:0 4px 14px color-mix(in srgb,var(--ink) 9%,transparent); transition:transform .18s,box-shadow .18s; }
.display-books .tilepic { width:100%; max-width:none; border-radius:4px; box-shadow:inset 0 0 0 1px #41303f55; }
.jacket-title { position:absolute; inset:0; display:flex; align-items:flex-end; padding:10% 10% 21%; background:linear-gradient(90deg,#14101865,transparent 5%,#ffffff20 6%,transparent 8%),linear-gradient(transparent 35%,#120e1de8); color:#fff5e8; font:italic clamp(1.6rem,2.8vw,2.6rem)/1.06 Georgia,serif; letter-spacing:-.035em; }
.display-books .tilebody { border:0; padding:1rem 0 0; }
.display-books .tilebody h3 { margin:.25rem 0 0; }
.display-books .tilebody p { margin:.65rem 0 1rem; }
.book-open { display:flex; align-items:center; gap:.9rem; border-bottom:1px solid var(--accent); color:var(--accent); margin-top:1rem; padding-bottom:2px; font:.93rem/1.6 Arial,sans-serif; }
@media(hover:hover){.display-books .tile:hover,.display-books .tile:focus-within { transform:translateY(-4px); box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 15%,transparent); }}
.afterword>section { padding:clamp(16px,2.5vw,32px); background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--accent); }
.afterword h2 { margin:.45rem 0; }
:is(.catalog,.drawstack) .tile { border:1px solid var(--line); border-radius:6px; background:var(--surface); margin-bottom:1rem; padding:clamp(12px,1.6vw,22px); }
.filters { padding:1rem; background:var(--surface); border:1px solid var(--line); border-radius:5px; }
.bookhead { background:var(--surface); border:1px solid var(--line); border-top:3px solid var(--accent); padding:clamp(14px,3vw,40px); }
.bookhead h1 { font-size:clamp(2.1rem,4.8vw,4.3rem); }
.person { background:var(--surface); border:1px solid var(--line); padding:clamp(14px,2vw,28px); gap:clamp(16px,3vw,40px); }
.person .initial { background:linear-gradient(145deg,var(--bg),var(--surface)); border:4px double var(--line); font-size:4rem; }
.margin-note { border-left:3px solid var(--accent); background:var(--surface); padding:.95rem 1.2rem; }
.margin-note summary { color:var(--accent); cursor:pointer; font-size:1.13rem; }
.margin-note p { max-width:65ch; margin-bottom:0; }
.author-spread { max-width:59rem; margin:clamp(26px,6vw,84px) auto; display:grid; grid-template-columns:minmax(8rem,1fr) 2fr; align-items:center; gap:clamp(18px,4vw,56px); }
.author-spread h1 { font-size:clamp(2.4rem,5vw,4.8rem); }
.author-seal { background:var(--surface); border:4px double var(--line); border-radius:50% 50% 3px 3px / 25% 25% 3px 3px; aspect-ratio:3/4; display:grid; place-items:center; color:var(--accent); font:italic clamp(3rem,8vw,7rem) Georgia,serif; }
.news-row { background:var(--surface); padding:clamp(12px,2vw,24px); margin-bottom:1rem; border:1px solid var(--line); }
.news-row:first-child { grid-template-columns:minmax(100px,42%) minmax(0,1fr); border-top:3px solid var(--accent); }
.news-row:first-child h2 { font-size:clamp(1.55rem,3.5vw,3rem); }
.prefs label:has(:checked) { border-color:var(--accent); }
.prefs label:has([name=theme])::after { content:""; display:inline-block; width:.85rem; height:.85rem; border-radius:50%; margin-inline-start:.5rem; background:var(--swatch); border:1px solid var(--line); vertical-align:middle; }
.prefs label:has([value=paper]){--swatch:#eadcc9}.prefs label:has([value=iris]){--swatch:#baace9}.prefs label:has([value=cherry]){--swatch:#c9778d}.prefs label:has([value=plum]){--swatch:#c5a0d5}.prefs label:has([value=moon]){--swatch:#88b9cd}.prefs label:has([value=green]){--swatch:#64b89b}
@media(max-width:650px){
 .hero { padding:24px 16px; }
 .display-books { grid-template-columns:minmax(0,1fr); max-width:23rem; }
 .hero .front { max-width:24rem; margin:auto; }
 .bookhead,.news-row,.author-spread { min-width:0; }
 .author-spread { grid-template-columns:5rem minmax(0,1fr); }
 .author-seal { font-size:2.3rem; }
}
@media(prefers-reduced-motion:reduce){.display-books .tile:hover{transform:none}}
[data-quiet] .display-books .tile:hover{transform:none}

/* Личное тиснение каждой демонстрационной книги. */
[data-id=letter], [data-edition=letter] { --foil:#e7c7a4; --cloth:#38253b; }
[data-id=ticket], [data-edition=ticket] { --foil:#dbc396; --cloth:#253c3c; }
[data-id=light], [data-edition=light] { --foil:#ded1ed; --cloth:#302c48; }
.bindingart.alt { background:linear-gradient(90deg,#0005,transparent 5%,#fff1 6%,transparent 8%),var(--cloth,#352d37); }
.bindingart.alt .covertext { border:none; padding:7%; }
.bindingart.alt .covertext strong { color:var(--foil,#dfd0bd); }
.display-books .tilepic .tilemark { z-index:1; }

.hero { grid-template-columns:minmax(0,1fr) auto; gap:clamp(18px,4vw,56px); border:0; padding:clamp(18px,2vw,28px) clamp(20px,4vw,56px); }
.hero h1 { font-size:clamp(2rem,4vw,3.4rem); line-height:1.04; }
.herotext p { font-size:1rem; margin:.65rem 0; }
.hero .actions { margin-top:1rem; }
.hero .front { width:clamp(180px,22vw,280px); max-width:100%; padding:0; margin:0; }
.castle-square { display:block; width:100%; aspect-ratio:1; object-fit:cover; object-position:center; }
.display-books .tile, :is(.catalog,.drawstack) .tile, .bookhead, .binding { border:0; }
.binding { padding:0; }
.display-books .tilepic { box-shadow:none; }
.tilemark { font:700 1.2rem/1.1 Arial,sans-serif; padding:.32em .46em; background:#191622ef; color:white; }
.bookhead dl { font-size:1em; align-items:baseline; row-gap:.35em; }
.bookhead .age-value { font-size:1.22em; font-weight:bold; }
@media(max-width:650px) {
 .hero { grid-template-columns:1fr; gap:1rem; }
 .hero .front { width:min(100%,12rem); justify-self:center; }
}

.hero { color:var(--ink); background:linear-gradient(118deg,var(--surface),color-mix(in srgb,var(--accent) 12%,var(--bg))); }
.hero .rule,.hero em,.hero .under { color:var(--accent); border-color:var(--accent); }
.hero .herotext p { color:var(--muted); }
.hero .btn { color:var(--on); background:var(--accent); border-color:var(--accent); }
.person + .person { margin-block-start:1rem; }
.cover-pages > img { width:100%; display:block; aspect-ratio:3/4; object-fit:cover; }
[data-carousel].landscape > img { aspect-ratio:3/2; object-fit:contain; }
.teaser-body .tilepic img { filter:blur(2px); transform:scale(1.035); }
.soon-ribbon { position:absolute; left:-28%; top:37%; width:156%; background:#23202ef2; color:#fff; transform:rotate(-24deg); text-align:center; padding:.32em 0; font:700 clamp(.78rem,2vw,1.55rem)/1.1 Arial,sans-serif; letter-spacing:.12em; }
.tile:has(.teaser-body):hover { transform:none; }
.bookhead[data-edition=letter] { background:linear-gradient(145deg,color-mix(in srgb,#bd681c 11%,var(--surface)),var(--surface) 65%); }
.bookhead[data-edition=ticket] { background:linear-gradient(145deg,color-mix(in srgb,#9f2e49 14%,var(--surface)),var(--surface) 65%); }