.artwork-section{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:28px 0}.book-teaser{position:relative;flex-shrink:0;width:84px;transform:rotate(-6deg);box-shadow:5px 4px 0 #e0d8c5,9px 8px 0 #958465,0 14px 26px #0008;border:1px solid #c3ac784d}.book-teaser img{display:block;width:100%;height:auto}.artwork-copy{flex:1}.artwork-copy h2{font-size:21px}.artwork-copy p{font-size:12px;color:var(--muted);line-height:1.7;margin:7px 0 0}.artwork-section .outline-button{margin:0;white-space:nowrap}.booklet-reader{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:var(--cream);background:radial-gradient(ellipse at center,#49362238,transparent 70%),#0e0d0b;overflow:auto}.booklet-reader::backdrop,.booklet-zoom::backdrop{background:#000d}.booklet-top{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1100px,100%);margin:auto;padding:20px 28px;border-bottom:1px solid var(--line)}.booklet-top p{margin:0 0 4px;font-size:9px;text-transform:uppercase;letter-spacing:.2em;color:var(--gold)}.booklet-top h2{font-size:19px;letter-spacing:-.3px}.booklet-close{border:1px solid var(--line);background:transparent;color:var(--cream);padding:10px 14px;min-height:44px;border-radius:9px;font-size:12px}.booklet-stage{display:flex;justify-content:center;align-items:center;perspective:2000px;min-height:180px;margin:34px auto 18px;width:100%;overflow:hidden;padding:10px 0 25px}.book{position:relative;display:flex;width:min(90vw,calc((100dvh - 270px) * 2),1040px);aspect-ratio:2;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.25,.6,.25,1)}.book.front-cover{transform:translateX(-25%)}.book.back-cover{transform:translateX(25%)}.paper{position:relative;display:block;width:50%;border:0;padding:0;background:#efe6d5;cursor:zoom-in;box-shadow:0 16px 30px #0009;overflow:hidden;border-radius:0}.paper img{display:block;width:100%;height:100%;object-fit:contain}.paper.left{border-radius:3px 0 0 3px}.paper.right{border-radius:0 3px 3px 0}.paper.left:after,.paper.right:after{content:'';position:absolute;inset:0;pointer-events:none}.paper.left:after{background:linear-gradient(to left,#0003,transparent 6%)}.paper.right:after{background:linear-gradient(to right,#0003,transparent 6%)}.paper.empty{background:none;box-shadow:none;pointer-events:none}.paper.empty:after{display:none}.turning-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:4;pointer-events:none}.turning-leaf.forward{left:50%;transform-origin:left center}.turning-leaf.backward{left:0;transform-origin:right center}.turning-leaf img{display:block;position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;box-shadow:0 8px 22px #0006;background:#efe6d5}.leaf-back{transform:rotateY(180deg)}.book-controls{display:flex;align-items:center;justify-content:center;gap:24px}.book-controls button{width:46px;height:44px;background:#1e1a12;border:1px solid #a18b5855;border-radius:50%;color:var(--gold);font-size:22px}.book-controls button:disabled{opacity:.25;cursor:default}.book-controls p{font-size:12px;min-width:100px;text-align:center;color:#d6cbb4;margin:0}.book-help{text-align:center;color:#968f81;font-size:10px;line-height:1.8;margin:12px 20px}.book-actions{display:flex;justify-content:center;align-items:center;gap:24px;font-size:11px;margin:18px 20px 30px;color:var(--gold)}.book-actions a{text-decoration:underline;text-underline-offset:4px}.page-index{max-width:780px;margin:18px auto 25px;padding:0 20px}.page-index summary{font-size:11px;color:var(--gold);text-align:center;cursor:pointer}.page-thumbs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-top:16px}.page-thumbs button{padding:0;border:2px solid transparent;background:transparent;border-radius:3px;color:var(--muted);font-size:10px;overflow:hidden}.page-thumbs button[aria-current=true]{border-color:var(--gold)}.page-thumbs img{width:100%;display:block}.page-thumbs span{display:block;padding:6px}.book-transcript{max-width:560px;margin:20px auto;padding:0 22px;color:var(--muted);font-size:13px;line-height:1.9}.book-transcript summary{cursor:pointer;color:var(--gold);font-size:12px;text-align:center}.book-transcript .transcript-text{padding:20px 24px;margin-top:15px;border:1px solid var(--line);background:#15130f;border-radius:12px}.book-transcript p{margin:0 0 16px}.booklet-zoom{inset:0;position:fixed;width:100vw;height:100dvh;max-height:none;max-width:none;margin:0;padding:0;border:0;background:#0d0c0a;color:var(--cream)}.zoom-toolbar{position:sticky;top:0;background:#0d0c0af5;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid var(--line)}.zoom-toolbar p{font-size:12px;margin:0}.zoom-body{height:calc(100dvh - 75px);overflow:auto;text-align:center;padding:18px;touch-action:pan-x pan-y pinch-zoom}.zoom-body img{display:block;width:max(100%,min(1400px,170vw));max-width:none;height:auto;margin:auto}.preview-notice{text-align:center;font-size:10px;letter-spacing:.1em;color:var(--gold);background:#251d0e;padding:9px 12px}
@media(max-width:700px){.artwork-section{gap:20px;flex-wrap:wrap;padding:25px 0}.book-teaser{width:65px}.artwork-copy h2{font-size:19px}.artwork-copy p{font-size:11px}.artwork-section .outline-button{margin-left:85px;margin-top:-8px}.booklet-top{padding:14px 18px;gap:12px}.booklet-top h2{font-size:16px}.booklet-top p{font-size:8px}.booklet-close{font-size:11px;padding:9px 12px}.booklet-stage{margin:24px auto 18px;padding:10px 0 20px;perspective:1300px}.book.single{width:min(calc(100vw - 36px),calc(100dvh - 285px));aspect-ratio:1;min-width:220px;transform:none;transition:none;touch-action:pan-y pinch-zoom}.single .paper{width:100%;border-radius:3px;box-shadow:4px 3px 0 #d3c6ad,7px 6px 0 #77664c,0 14px 30px #0008}.book-controls{gap:18px}.book-help{font-size:10px}.page-thumbs{grid-template-columns:repeat(4,1fr)}.book-transcript{font-size:14px}.zoom-body img{width:900px;max-width:none}.book-actions{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.book{transition:none}}
.sleeve-intro{text-align:center;padding:38px 20px 32px;overflow:hidden}.sleeve-eyebrow{text-transform:uppercase;color:#baaa89;font-size:9px;letter-spacing:.24em;margin:0 0 16px}.package-space{height:min(54vw,390px);min-height:260px;display:flex;align-items:center;justify-content:center;perspective:1200px;margin:0 auto 22px}.vinyl-package{position:relative;display:block;width:min(330px,58vw);aspect-ratio:1;padding:0;border:0;background:transparent;transform:translateX(-7%);isolation:isolate;touch-action:pan-x pinch-zoom;cursor:pointer}.vinyl-sleeve,.booklet-insert{display:block;position:absolute;inset:0;background:#e7ddc8;border-radius:2px;transition:transform 1000ms cubic-bezier(.25,.7,.2,1),opacity .5s;box-shadow:0 20px 38px #0008}.vinyl-sleeve{z-index:3;transform:rotate(-5deg)}.vinyl-sleeve:after{content:'';position:absolute;inset:0;border:1px solid #d6c19a66;background:linear-gradient(100deg,#fff2,transparent 20%,#0001 97%,#fff3);pointer-events:none}.vinyl-sleeve img,.booklet-insert img{width:100%;height:100%;display:block;object-fit:cover}.booklet-insert{z-index:2;inset:5%;transform:translateY(-6%) rotate(-2deg);box-shadow:2px 3px 0 #d3c6ad,4px 5px 0 #a29071,0 14px 30px #0009}.vinyl-disc{display:block;position:absolute;inset:4%;border-radius:50%;z-index:1;transform:translateX(28%) rotate(5deg);background:repeating-radial-gradient(circle at center,transparent 0 2px,#ffffff12 2.5px,transparent 3.5px),conic-gradient(from 20deg,#090909,#2d2b28 14%,#090909 26%,#181716 45%,#3a352e 56%,#0b0b0b 73%,#252422 89%,#090909);box-shadow:0 0 0 1px #8b7a5255,0 20px 35px #0009,inset 0 0 0 3px #090909;transition:transform 1200ms cubic-bezier(.25,.7,.2,1)}.vinyl-label{position:absolute;inset:34%;display:block;border-radius:50%;overflow:hidden;background:#e9debf;border:2px solid #a68a51}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label i{position:absolute;inset:45%;border-radius:50%;background:#111;border:1px solid #e6d7b4}.sleeve-intro h3{font-size:25px;font-weight:500;letter-spacing:-.7px;margin:0 0 10px}.sleeve-description{font-size:12px;color:var(--muted);margin:0 0 24px}.pull-booklet{border:0;border-radius:999px;min-height:45px;padding:13px 24px;background:var(--gold);color:#171209;font-size:12px;font-weight:600}.pull-booklet span{margin-left:18px;font-size:17px}.sleeve-hint{font-size:10px;color:#857e70;margin-top:16px}.unwrapping .vinyl-disc{transform:translateX(66%) rotate(145deg)}.unwrapping .vinyl-sleeve{transform:translate(-10%,12%) rotate(-9deg) rotateY(-15deg)}.unwrapping .booklet-insert{transform:translate(8%,-56%) rotate(6deg);transition-delay:200ms}.unwrapping .package-space{animation:package-fade 1.45s ease forwards}.unwrapping .pull-booklet,.unwrapping h3,.unwrapping .sleeve-description,.unwrapping .sleeve-hint{opacity:0;transition:opacity .3s}.vinyl-package:hover .vinyl-disc{transform:translateX(34%) rotate(10deg)}.unwrapping .vinyl-package:hover .vinyl-disc{transform:translateX(66%) rotate(145deg)}@keyframes package-fade{0%,75%{opacity:1}100%{opacity:0;transform:translateY(10px)}}@media(max-width:700px){.sleeve-intro{padding-top:32px}.package-space{height:min(77vw,360px);min-height:235px;margin:8px auto 20px}.vinyl-package{width:min(290px,62vw)}.sleeve-intro h3{font-size:22px}.sleeve-description{font-size:11px}.sleeve-eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.vinyl-sleeve,.booklet-insert,.vinyl-disc{transition:none}.unwrapping .package-space{animation:none}}
/* Clear, persistent navigation for the booklet. */
.booklet-top{position:sticky;top:0;background:#0e0d0bf5;z-index:12}.booklet-close{font-size:13px;min-width:76px;background:#201c14}.booklet-stage{margin-top:24px;margin-bottom:12px}.book-controls{position:sticky;bottom:0;z-index:10;width:100%;padding:13px 20px max(13px,env(safe-area-inset-bottom));background:#13110ef5;border-top:1px solid var(--line);gap:20px;backdrop-filter:blur(12px)}.book-controls button{width:auto;height:46px;min-width:112px;border-radius:10px;font-size:12px;padding:10px 16px;background:#211b10}.book-controls button#book-next{background:var(--gold);color:#171209;font-weight:700}.book-controls button:disabled{opacity:.3}.page-navigation{min-width:150px}.page-navigation p{font-size:10px;color:var(--muted);margin:0 0 5px}.page-navigation select{width:100%;padding:7px 9px;background:#1e1b15;border:1px solid var(--line);border-radius:6px;color:var(--cream);font:11px Inter,Arial,sans-serif;min-height:34px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.book-help{font-size:11px;margin:10px 16px 15px}.book-transcript{max-width:700px;margin:20px auto;font-size:16px;line-height:1.75}.book-transcript summary{font-size:13px;text-align:left}.book-transcript .transcript-text{padding:22px 26px}.book-transcript p:last-child{margin-bottom:0}.book-actions{margin:20px 20px 24px}.zoom-tools{display:flex;gap:16px;align-items:center;justify-content:center;padding:10px 18px}.zoom-tools button{border:1px solid var(--line);border-radius:8px;background:#211b10;color:var(--gold);padding:10px 14px;min-height:44px;font-size:12px}.zoom-tools p{font-size:10px;color:var(--muted)}.zoom-body{height:calc(100dvh - 139px);padding:12px}.zoom-body img{width:100%;max-width:none}.zoom-toolbar p{max-width:70%}@media(max-width:700px){.book-controls{gap:8px;padding-left:12px;padding-right:12px}.book-controls button{min-width:84px;padding:10px 8px;font-size:11px}.page-navigation{min-width:0;width:132px}.page-navigation select{font-size:11px;min-height:40px}.page-navigation p{font-size:9px}.book.single{width:min(calc(100vw - 36px),calc(100dvh - 285px))}.book-transcript{font-size:15px;padding:0 18px}.book-transcript .transcript-text{padding:18px 20px}.zoom-tools p{max-width:160px;line-height:1.5}.book-help{font-size:10px}}