:root{color-scheme:dark;--bg:#080707;--ink:#f4f0ed;--muted:#9e9997;--red:#df3539;--blue:#1ca9ed}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}.page{max-width:1550px;margin:auto;padding:0 clamp(24px,5vw,88px)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 0;border-bottom:1px solid #363030;font-size:11px;letter-spacing:.16em}.back{color:var(--red)}.back span{color:var(--ink);margin-left:12px}.top-index{color:var(--muted)}.intro{padding:clamp(75px,10vw,150px) 0 clamp(75px,9vw,135px)}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--red);margin:0 0 24px}.intro h1{font-size:clamp(62px,13vw,185px);line-height:.9;letter-spacing:-.055em;font-weight:400;margin:0 0 30px}.subtitle{font:400 clamp(27px,4vw,54px)/1.05 Georgia,serif;margin:0 0 45px}.stats{color:#b8b2b0;font-size:clamp(12px,1.25vw,15px);letter-spacing:.025em}.stats span{color:var(--blue);padding:0 8px}.section-line{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:1px solid #47403f;padding:19px 0 27px}.section-line h2,.section-line span{font-size:11px;font-weight:400;letter-spacing:.15em;margin:0}.section-line span{color:var(--muted)}.volumes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,25px)}.volume{display:block;min-width:0}.volume img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:brightness(.93);transition:filter .2s,transform .2s}.volume:hover img,.volume:focus-visible img{filter:brightness(1.12);transform:translateY(-3px)}.volume-caption{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #504747;margin-top:14px;padding-top:13px;font-size:12px;letter-spacing:.1em}.volume-caption span{color:var(--blue);font-size:19px}.unbound{border-top:1px solid #47403f;margin-top:clamp(100px,13vw,190px);padding:clamp(50px,6vw,95px) 0 clamp(90px,12vw,175px)}.unbound-link{display:flex;align-items:end;justify-content:space-between;gap:18px;font:400 clamp(45px,8vw,125px)/.98 Georgia,serif}.unbound-link:hover{color:var(--red)}.unbound-link .arrow{color:var(--red);font:400 clamp(40px,6vw,80px)/1 Arial,sans-serif;flex:none}.unbound-description{color:#aaa2a0;font-size:clamp(13px,1.2vw,16px);line-height:1.6;margin:25px 0 0}.bottom{display:flex;justify-content:space-between;border-top:1px solid #47403f;padding:30px 0 50px;font-size:11px;letter-spacing:.14em;color:var(--red)}@media(max-width:850px){.volumes{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:35px}.intro h1{letter-spacing:-.045em}}@media(max-width:550px){.page{padding:0 22px}.top{padding:25px 0;font-size:10px}.top-index{display:none}.intro{padding:88px 0 85px}.intro h1{font-size:clamp(60px,16vw,90px)}.subtitle{font-size:33px}.stats{line-height:1.8}.section-line{align-items:start}.section-line span{max-width:140px;text-align:right;line-height:1.5}.volumes{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 13px}.volume-caption{margin-top:10px}.unbound{margin-top:100px}.unbound-link{font-size:clamp(41px,11vw,62px)}.unbound-link .arrow{font-size:40px}.unbound-description{max-width:290px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* V19: Original ARTSREDA mark, restrained headings and tighter editorial rhythm. */
.intro{padding:clamp(55px,7vw,94px) 0 clamp(58px,7vw,95px)}
.intro .eyebrow{margin-bottom:25px}
.intro h1.brand-heading{font-size:initial;line-height:1;letter-spacing:normal;margin:0 0 28px}
.brand-heading img{display:block;width:clamp(205px,28vw,355px);max-width:100%;height:auto}
.intro .subtitle{font-size:clamp(23px,2.8vw,36px);line-height:1.2;margin:0 0 28px}
.unbound{margin-top:clamp(75px,9vw,125px);padding:clamp(42px,5vw,72px) 0 clamp(75px,9vw,115px)}
.unbound-link{font-size:clamp(35px,5.2vw,69px);line-height:1.05}
.unbound-link .arrow{font-size:clamp(32px,4vw,51px)}
@media(max-width:550px){.intro{padding:60px 0 65px}.brand-heading img{width:min(70vw,290px)}.intro .subtitle{font-size:clamp(23px,6vw,29px)}.unbound-link{font-size:clamp(31px,8.4vw,45px)}.unbound-link .arrow{font-size:30px}}

/* V20: blue-and-white original mark, also used in the unbound archive link. */
.unbound-title{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:clamp(12px,1.4vw,21px)}
.unbound-logo{display:block;width:clamp(180px,23vw,305px);height:auto;max-width:100%}
.unbound-words{display:block}
.unbound-link:hover .unbound-words{color:var(--red)}
@media(max-width:550px){.unbound-logo{width:min(60vw,250px)}.unbound-title{gap:14px}}

/* V21: match “БЕЗ ПЕРЕПЛЁТА” to the “Фотоальбом в пяти частях” subtitle. */
.unbound-link .unbound-words{font-size:clamp(23px,2.8vw,36px);line-height:1.2;letter-spacing:normal}
@media(max-width:550px){.unbound-link .unbound-words{font-size:clamp(23px,6vw,29px)}}

/* V22: quiet editorial note after the five-volume statistics; no purchase button. */
.edition-note{max-width:690px;margin-top:clamp(33px,4vw,56px);border-top:1px solid #393332;padding-top:clamp(21px,2.4vw,32px)}
.edition-note p{margin:0;color:#a9a3a0;font-size:clamp(12px,1.05vw,14px);line-height:1.75;letter-spacing:.008em}
.edition-note .paper-books{margin-top:clamp(20px,2.2vw,30px);color:#e6e0dc;font-size:clamp(14px,1.2vw,16px);line-height:1.55}
@media(max-width:550px){.edition-note{margin-top:32px;padding-top:22px}.edition-note p{font-size:12px}.edition-note .paper-books{font-size:14px}}

/* V25: quieter logos and colour/weight instead of link underlines. */
.brand-heading img{width:clamp(155px,21vw,270px)}
.unbound-logo{width:clamp(145px,18vw,235px)}
.back,.bottom a,.unbound-link,.volume-caption{transition:color .2s,font-weight .2s}
.back:hover,.back:focus-visible,.bottom a:hover,.bottom a:focus-visible{color:#f4f0ed;font-weight:700;text-decoration:none}
.volume:hover .volume-caption,.volume:focus-visible .volume-caption{color:#fff;font-weight:700}
.unbound-link:hover .unbound-words,.unbound-link:focus-visible .unbound-words{color:#f4f0ed;font-weight:700}
@media(max-width:550px){.brand-heading img{width:min(55vw,225px)}.unbound-logo{width:min(48vw,195px)}}

/* V28: consistent link treatment, no pink hover or underlines. */
a,a:link,a:visited,a:hover,a:focus-visible,a:active{text-decoration:none}
.back:hover,.back:focus-visible,.bottom a:hover,.bottom a:focus-visible{color:#f4f0ed}
.unbound-link:hover .unbound-words,.unbound-link:focus-visible .unbound-words{color:#f4f0ed}

/* V30: no weight change or layout shift on the “БЕЗ ПЕРЕПЛЁТА” link. */
.unbound-link,.unbound-link:hover,.unbound-link:focus-visible{font-weight:400}
.unbound-link .unbound-words,.unbound-link:hover .unbound-words,.unbound-link:focus-visible .unbound-words{font-weight:400}
.unbound-link{transition:color .2s}
.unbound-link:hover .unbound-words,.unbound-link:focus-visible .unbound-words{color:#f4f0ed}

/* V31: red hover on volume labels and unbound archive; stable type metrics. */
.volume:hover .volume-caption,.volume:focus-visible .volume-caption{color:var(--red);font-weight:400}
.volume:hover .volume-caption span,.volume:focus-visible .volume-caption span{color:var(--red)}
.unbound-link:hover .unbound-words,.unbound-link:focus-visible .unbound-words{color:var(--red);font-weight:400}