/* Editorial archive: dimensional books, with the catalogue kept searchable. */
.cinema-hero{display:block!important;padding:48px 0 28px!important;overflow:hidden;position:relative;border-bottom:1px solid var(--line)}
.cinema-hero .hero-editorial{text-align:center;position:relative;z-index:2;padding:0!important}
.cinema-hero .collaboration-line{justify-content:center;font-size:17px!important;margin:0 0 16px!important;letter-spacing:2px}
.cinema-hero .hero-editorial h1{font-size:68px!important;line-height:1.2!important;margin:0!important;font-weight:400}
.cinema-hero .hero-editorial h1 i{font-size:inherit!important}
.archive{--book-w:176px;--book-h:266px;--depth:32px;--half-depth:16px;position:relative;margin-top:0}
.archive-stage{position:relative;height:370px;perspective:1400px;cursor:grab;touch-action:pan-y;outline-offset:-4px;isolation:isolate}
.archive-stage:active{cursor:grabbing}
.archive-books{position:absolute;inset:0;transform-style:preserve-3d}
.archive-ghost{position:absolute;inset:24px 0 auto;text-align:center;font:230px/1 var(--serif);letter-spacing:.2em;color:#36433306;pointer-events:none;white-space:nowrap}
.archive-floor{position:absolute;bottom:24px;left:10%;right:10%;height:35px;background:radial-gradient(ellipse,#393c2928,transparent 68%);filter:blur(12px);pointer-events:none;z-index:-1}
.archive-book{position:absolute;left:50%;top:48px;width:var(--book-w);height:var(--book-h);margin-left:calc(var(--book-w) / -2);transform-style:preserve-3d;transition:transform .78s cubic-bezier(.22,.7,.15,1),opacity .55s;cursor:pointer;outline:none;will-change:transform}
.archive-book:focus-visible .book-face{outline:3px solid #ad8a46;outline-offset:5px}
.book-object{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .5s ease}
.archive-book.is-current:hover .book-object{transform:rotateX(-3deg) rotateY(-5deg) translateY(-6px)}
.book-face{position:absolute;inset:0;transform:translateZ(var(--half-depth));backface-visibility:hidden;background:var(--cover);border-radius:2px 6px 6px 2px;box-shadow:inset 1px 0 0 #ffffff6e,inset -1px 0 0 #0007,7px 12px 22px #191b182c;overflow:hidden}
.book-face:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0007,transparent 4%,#fff2 6%,transparent 9%,transparent 97%,#0004);pointer-events:none}
.book-face img{width:100%;height:100%;object-fit:cover;display:block}
.book-spine{position:absolute;left:calc(var(--depth) / -2);top:0;width:var(--depth);height:100%;transform:rotateY(-90deg);background:linear-gradient(90deg,#0005,transparent 22%,#fff1 60%,#0005),var(--cover);color:var(--ink);border:1px solid #ffffff28;display:flex;align-items:center;justify-content:center;backface-visibility:visible;box-shadow:inset 2px 0 4px #0003}
.book-spine span{writing-mode:vertical-rl;font:14px/1.3 var(--serif);letter-spacing:3px;max-height:80%;overflow:hidden}
.book-pages{position:absolute;right:calc(var(--depth) / -2);top:3px;bottom:3px;width:calc(var(--depth) - 4px);transform:rotateY(90deg);background:repeating-linear-gradient(90deg,#c9bd9c 0,#f1e8ce 1px,#e2d7b9 2px)}
.book-top{position:absolute;left:3px;right:3px;top:calc(var(--depth) / -2);height:var(--depth);transform:rotateX(90deg);background:repeating-linear-gradient(#e8dec6 0,#d7ccb2 1px,#f1e8d4 2px)}
.archive-info{text-align:center;max-width:680px;margin:0 auto;min-height:118px;padding:0 20px}
.archive-info>span{font-size:10px;color:#8b7954;letter-spacing:2px}
.archive-info h2{font:32px/1.45 var(--serif);color:var(--green);margin:9px 0 6px;overflow-wrap:anywhere}
.archive-info p{font-size:12px;line-height:1.8;color:#827d70;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.archive-actions{justify-content:center;margin:14px 0 20px}
.archive-index{display:flex;align-items:center;gap:24px;margin:0 32px;color:#8b7954;font:11px Georgia,serif;letter-spacing:2px}
#archive-track{flex:1;height:1px;background:#c8c1af;position:relative}
#archive-track:after{content:'';position:absolute;left:var(--progress,0%);top:-3px;width:7px;height:7px;border-radius:50%;background:#a08449;transition:left .6s}
.shelf-error{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#827d70}
#library-view .book-card{animation:book-arrive .55s both;animation-delay:calc(var(--i,0) * 24ms)}
@keyframes book-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.featured-list{list-style:none;padding:0;counter-reset:featured}.featured-list li{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);counter-increment:featured}.featured-list li:before{content:counter(featured,decimal-leading-zero);color:#a08449;font-family:Georgia,serif}.featured-list li>div:first-of-type{flex:1;min-width:0}.featured-list strong{font-weight:500;overflow-wrap:anywhere}.featured-list small{display:block;margin-top:6px;color:#8b8477}.featured-results{margin-top:20px}.featured-results article{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.featured-results article>span{flex:1;min-width:0;overflow-wrap:anywhere}
@media(min-width:1500px){.archive{--book-w:195px;--book-h:294px}.archive-stage{height:405px}.cinema-hero .hero-editorial h1{font-size:80px!important}}
@media(max-width:680px){.cinema-hero{padding-top:30px!important}.cinema-hero .collaboration-line{font-size:12px!important;letter-spacing:.5px;gap:12px!important}.cinema-hero .hero-editorial h1{font-size:48px!important}.archive{--book-w:144px;--book-h:218px;--depth:26px;--half-depth:13px;margin-top:8px}.archive-stage{height:305px;perspective:900px}.archive-book{top:34px}.archive-ghost{font-size:150px;top:42px}.archive-info{min-height:122px;padding:0 10px}.archive-info h2{font-size:25px}.archive-index{margin:0;gap:14px}.featured-list li{flex-wrap:wrap;gap:12px}.featured-list .workbench-row-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.archive *{transition:none!important;animation:none!important}.book-card{animation:none!important}}
.cinema-hero[hidden]{display:none!important}
