:root{--paper:#f7f5ee;--ink:#273c2e;--muted:#686b5f;--line:#d8d7ca;--serif:Georgia,"Times New Roman",serif;--sans:"Helvetica Neue",Arial,sans-serif;--pad:clamp(22px,5.3vw,100px)}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:url(grain.svg);opacity:.07;z-index:8}.symbols{position:absolute;width:0;height:0;overflow:hidden}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ba8246;outline-offset:4px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{border:0;background:transparent}.mast,footer{padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}.mast{height:80px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font:600 30px/1 var(--serif);letter-spacing:-1.5px}.brand img{width:35px}.mast nav{display:flex;align-items:center;gap:34px;font-size:13px}.navlib{display:flex;align-items:center;gap:8px}.navlib:before,.dot,.local i{content:'';width:6px;height:6px;background:#627851;border-radius:50%;display:inline-block}.contact{border:1px solid #acb0a2;border-radius:30px;display:flex;align-items:center;padding:10px 16px;gap:12px}.contact:hover,.switch button:hover{background:#e7e9dc}.mast nav a:not(.contact):hover,footer a:hover{text-decoration:underline;text-underline-offset:5px}main{flex:1;width:min(100%,1760px);margin:auto}.intro{margin:0 var(--pad);padding:clamp(40px,6vh,70px) 0 clamp(28px,5vh,58px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow,.collection,.meta,.book-num,.book-imprint,.detail-kicker{font-size:10px;font-weight:600;letter-spacing:1.8px}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 17px;color:#626f57}.eyebrow span{width:25px;height:1px;background:#839074}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;font-family:var(--serif)}h1{font-size:clamp(48px,5.8vw,100px);line-height:1.05;letter-spacing:-.065em}h1 em{font-weight:400;color:#596b50}.lead{color:#5e6357;font-size:14px;line-height:1.65;max-width:318px;margin-bottom:3px}.collection-bar{margin:0 var(--pad);padding:15px 0 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.collection{display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:1.6px}.count{font-size:9px;color:#6f7468;letter-spacing:1.2px}.switch{padding:3px;display:flex;border:1px solid #d5d6c9;background:#eeeee5;border-radius:7px}.switch button{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;color:#6c7266;border-radius:4px;font-size:12px}.switch button[aria-pressed=true]{background:#fcfbf6;box-shadow:0 1px 3px #293a292a;color:var(--ink)}.switch svg{width:14px;height:14px}.shelf-scroll{padding:0 max(14px,calc(var(--pad) - 20px));overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c4c1ad transparent}.stage{padding:clamp(35px,5.3vh,60px) 0 28px}.volumes{display:flex;align-items:flex-end;justify-content:space-between;gap:3.2%;padding:0 3.25%}.volume{display:block;position:relative;isolation:isolate;flex:1;min-width:0;container-type:inline-size;aspect-ratio:.676;color:var(--foil);background:var(--cloth);border-radius:3px 6px 4px 2px;box-shadow:inset 1px 0 2px #ffffff65,inset -2px 0 2px #0004,2px 2px 0 #918b73,4px 3px 0 #d7cbb0,5px 3px 0 #7b7868,7px 6px 7px #28241e2a,13px 3px 16px #322e191c;transform-origin:center bottom;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.volume:before,.volume:after{pointer-events:none;content:'';position:absolute;inset:0;border-radius:inherit}.volume:before{z-index:1;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,#0001 0 1px,transparent 1px 3px),url(grain.svg);mix-blend-mode:soft-light;opacity:.9}.volume:after{z-index:3;background:linear-gradient(90deg,#0005 0%,#fff2 1.5%,#0002 3.8%,#0003 4.5%,#fff3 5.2%,transparent 7%,transparent 97.5%,#fff3 99%,#0002)}.volume:hover,.volume:focus-visible{transform:translateY(-9px) rotate(-1deg);z-index:4;box-shadow:inset 1px 0 2px #fff6,3px 3px 0 #c7bd9f,5px 4px 0 #8b8876,10px 15px 14px #28241e33}.book-face{position:absolute;inset:4.6% 5% 4.6% 9%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.book-num,.book-imprint{font:500 4.2cqw/1.2 var(--sans);letter-spacing:.17em;text-transform:uppercase}.book-title{font-family:var(--serif);font-size:15.8cqw;font-weight:400;line-height:.97;letter-spacing:-.055em}.book-photo{display:block;object-fit:cover;width:78%;height:41%;filter:saturate(.86);box-shadow:0 0 0 1px #0002}.book-imprint{font-size:3.25cqw;letter-spacing:.21em}.primi{--cloth:#485f46;--foil:#f0e6be}.primi .book-face{border:1px solid #d3c99680;outline:1px solid #b6ba8959;outline-offset:-4px;padding:8% 1% 6%}.primi .book-photo{height:38%;border:3px solid #c4bc91}.giorno{--cloth:#dfd3af;--foil:#4b4937;aspect-ratio:.724}.giorno .book-face{padding:5% 0 4%}.giorno .book-photo{order:1;width:83%;height:43%;background:#ede5d0;border:5px solid #f1ead6;box-shadow:1px 2px 3px #453b2a44;transform:rotate(-3deg)}.giorno .book-title{order:2;font-style:italic;font-size:16.8cqw}.giorno .book-imprint{order:3}.anno{--cloth:#617c85;--foil:#f3e9cd;aspect-ratio:.65}.anno .book-face{padding:6% 0 5%;border-top:3px double #e6d8b796;border-bottom:3px double #e6d8b796}.anno .book-photo{order:2;width:68%;height:45%;border-radius:50%;border:3px double #d6c69e}.anno .book-imprint{order:3}.anno .book-title{font-style:italic}.vacanza{--cloth:#a2573e;--foil:#f7e5c7;aspect-ratio:.716}.vacanza .book-face{padding:6% 0 4%}.vacanza .book-title{font-size:14.3cqw;line-height:1;letter-spacing:-.055em}.vacanza .book-photo{width:89%;height:42%;border:2px solid #e7cfab}.backstage{--cloth:#4b463e;--foil:#ecddba;aspect-ratio:.67}.backstage .book-face{padding:6% 0 4%;border:1px solid #c3b38d73}.backstage .book-title{font-size:12cqw;letter-spacing:-.05em}.backstage .book-photo{width:76%;height:42%;filter:grayscale(1);border:3px double #e5d9bb}.book-mark{width:9cqw;height:9cqw;color:inherit;opacity:.85}.plank{height:17px;position:relative;z-index:0;border-radius:2px;border-top:4px solid #c5b291;background:repeating-linear-gradient(1deg,#c2ab8700 0 2px,#7e644a29 3px,transparent 4px 6px),linear-gradient(#baa384,#a78e6e);box-shadow:0 3px 3px #51433025,0 10px 13px -5px #3c342947,0 16px 25px -12px #2d281f50}.plank:before{content:'';position:absolute;inset:0;background:url(grain.svg);mix-blend-mode:multiply;opacity:.45}.hint{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 0 32px;color:#727569;font:italic 15px/1.4 var(--serif)}.hint svg{width:16px}.mobile-controls{display:none}footer{border-top:1px solid var(--line);min-height:61px;font-size:11px;color:#73766b;gap:18px}footer a,.local{display:inline-flex;align-items:center;gap:8px}footer a svg{height:13px;width:13px}.local i{width:5px;height:5px}
[hidden]{display:none!important}#index{margin:24px var(--pad) 34px}.index-row{border-top:1px solid var(--line);display:flex;gap:22px;align-items:center;padding:9px 6px}.index-row:last-child{border-bottom:1px solid var(--line)}.index-row:hover{background:#eaeade}.index-row img{width:65px;height:44px;object-fit:cover}.index-row strong{font:normal 25px var(--serif);letter-spacing:-.04em}.index-row .index-length{margin-left:auto;color:var(--muted);font-size:12px}.index-row svg{margin-left:12px}
body.reading{overflow:hidden}dialog{padding:0;border:1px solid #cfccbb;border-radius:5px;background:var(--paper);color:var(--ink);width:min(1000px,92vw);max-height:88svh;box-shadow:0 20px 90px #19241844}dialog::backdrop{background:#222c22a6;backdrop-filter:blur(5px)}dialog:has(.text-page){width:min(670px,92vw)}.reader-top,.reader-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 25px;border-bottom:1px solid var(--line)}.reader-top .meta,.detail-kicker,.film-plate .meta{color:#69715e;font-size:9px}.close{border:1px solid #b6bcaa;border-radius:50%;width:32px;height:32px;line-height:26px;font-size:23px;font-weight:300}.spread{display:grid;grid-template-columns:1fr 1fr}.film-plate{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:#e5e5d8;padding:25px}.film-plate video{display:block;width:100%;background:#252c25;aspect-ratio:16/9}.spread article{padding:35px}.detail-kicker{margin-bottom:12px}dialog h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.06em;line-height:1.05;margin-bottom:18px}dialog article>p:not(.detail-kicker),details p{font-size:14px;line-height:1.65;color:#586053;margin:12px 0}dialog article>p.standfirst{font:italic 22px/1.4 var(--serif);color:var(--ink)}dl{margin:20px 0}dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:9px 0;font-size:12px;line-height:1.45}dt{color:var(--muted)}dd{margin:0;text-align:right}.cta{display:inline-flex;align-items:center;gap:18px;background:#344e3a;color:#fffdf2;padding:12px 17px;border-radius:30px;font-size:13px}.cta:hover{background:#253b2a}.reader-bottom{border-top:1px solid var(--line);border-bottom:0;font-size:12px}.reader-bottom button{padding:3px 0}.text-page{padding:36px clamp(24px,5vw,58px) 42px}.text-page h3{font-size:23px;margin-top:24px}.text-page .text-link,.page-links a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.text-link,.text-page .cta,.page-links{margin-top:17px;display:inline-flex}.page-links{flex-wrap:wrap;gap:18px}.text-page .location{font-size:12px;color:var(--muted);margin-top:22px}.text-page details{border-bottom:1px solid var(--line);padding:14px 0}.text-page summary{cursor:pointer;font-size:15px}.text-page details p{margin-bottom:0}
@media(min-width:1500px){.intro{padding-top:7vh;padding-bottom:6vh}.stage{padding-top:6vh}.lead{max-width:370px;font-size:16px}}
@media(max-width:1000px){.intro{align-items:flex-start;gap:20px}.lead{max-width:250px;font-size:13px}.mast{height:72px}.volumes{gap:2.7%}.reader-top{padding:12px 18px}.spread article{padding:25px}}
@media(max-width:720px){.mast{height:65px}.brand{font-size:24px;gap:7px}.brand img{width:27px}.mast nav{gap:16px;font-size:12px}.navlib{display:none}.contact{padding:7px 10px;gap:5px}.contact svg{width:14px}.intro{display:block;padding:35px 0 24px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:13px}h1{font-size:clamp(40px,8.8vw,63px)}.lead{font-size:13px;line-height:1.5;margin:14px 0 0;max-width:38ch}.collection-bar{padding-top:12px}.collection{font-size:8px;letter-spacing:1.2px;gap:6px}.count{font-size:8px;letter-spacing:.6px}.switch button{font-size:11px;padding:6px 8px;gap:4px}.shelf-scroll{padding:0;scroll-snap-type:x proximity;scrollbar-width:none}.stage{width:max-content;padding:35px 0 24px}.volumes{gap:22px;padding:0 var(--pad)}.volume{flex:none;width:clamp(156px,41vw,210px);scroll-snap-align:center}.hint{padding:0 var(--pad) 24px;justify-content:flex-start;gap:7px;font-size:13px}.mobile-controls{display:flex;margin-left:auto;gap:7px}.mobile-controls button{border:1px solid #bfc2b2;border-radius:50%;width:30px;height:30px;font:16px var(--sans)}.plank{height:13px}.spread{display:flex;flex-direction:column}.film-plate{padding:18px;gap:10px}.film-plate video{max-height:28svh}.spread article{padding:24px}.reader-top{position:sticky;top:0;background:var(--paper);z-index:1}.reader-bottom{padding:14px}.index-row{gap:12px}.index-row strong{font-size:21px}.index-row .index-length{display:none}.index-row svg{margin-left:auto}footer{min-height:50px;font-size:10px}.text-page{padding:26px}.book-num{font-size:4.6cqw}}
@media(max-width:375px){.count{display:none}.mast nav{gap:10px}.brand{font-size:22px}.hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-motion:no-preference){dialog[open]{animation:open-volume .3s ease-out;transform-origin:center 70%}@keyframes open-volume{from{opacity:0;transform:perspective(1000px) translateY(12px) rotateX(3deg) scale(.985)}to{opacity:1;transform:none}}}