/* A product chapter in the same parchment and scrapbook world as the homepage. */
.product-page{font-family:var(--serif)}
.product-page .site-header{background:transparent}
.product-page .site-header.is-scrolled{background:linear-gradient(#faf2e7ed,#faf2e7ed),url('assets/parchment.webp') center top/760px repeat}
.product-page .desktop-nav{margin-left:0}
.product-page .header-inner{justify-content:space-between}
.product-page .gift-nav{display:inline-flex;align-items:center;text-decoration:none}
.product-page .desktop-nav a[aria-current=page]{color:var(--burgundy)}
.product-main{position:relative}
.breadcrumbs{display:flex;align-items:center;gap:12px;min-height:44px;margin:5px 0 6px;color:#786d5d;font:500 12px/1.3 var(--sans)}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}.breadcrumbs>span[aria-hidden]{color:#a3793b;font-size:8px}
.product-hero{display:grid;grid-template-columns:minmax(0,49%) minmax(0,51%);align-items:start;gap:clamp(24px,4vw,64px);position:relative;isolation:isolate}
.product-hero::before{content:"";position:absolute;z-index:-1;top:8%;left:-13%;width:43%;aspect-ratio:1;background:radial-gradient(circle,#ead0a25c 0,transparent 67%);filter:blur(22px);pointer-events:none}
.gallery-side{position:relative;padding:21px 5% 10px 4%;min-width:0}
.gallery-handnote{display:block;margin:0 0 8px 6%;color:#956836;font:italic 20px 'Cormorant Garamond',Georgia,serif;transform:rotate(-3deg)}
.gallery-handnote span{display:inline-block;margin-left:5px;font-size:28px;transform:rotate(23deg)}
.gallery-stage{position:relative;display:grid;place-items:center;height:clamp(485px,46vw,655px);padding:25px 38px;background:radial-gradient(ellipse at 49% 47%,#fffdf7 10%,#f9f1e6d9 57%,transparent 77%);border-radius:54% 46% 49% 51%/45% 52% 48% 55%;overflow:hidden}
.gallery-stage::before{content:"";position:absolute;inset:4% 4%;border:1px solid #a886594d;border-radius:52% 48% 55% 45%/45% 56% 44% 55%;transform:rotate(-5deg);pointer-events:none}
.gallery-stage::after{content:"";position:absolute;left:11%;right:14%;bottom:9%;height:20px;background:#5a331c2a;filter:blur(18px);border-radius:50%;pointer-events:none}
.gallery-stage img{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(10px 19px 16px #49321f38);transition:opacity .25s,transform .55s cubic-bezier(.2,.7,.2,1)}
.gallery-stage img.is-changing{opacity:.3;transform:translateY(9px) scale(.97)}
.gallery-stage.is-open img{width:100%;max-width:none;filter:drop-shadow(10px 16px 13px #49321f35)}
.gallery-corner{position:absolute;width:65px;height:65px;border:1.5px solid #96744685;border-radius:60% 12% 60% 12%;transform:rotate(23deg);pointer-events:none}.corner-a{top:12%;right:12%}.corner-b{bottom:17%;left:6%;width:37px;height:37px;transform:rotate(195deg)}
.gallery-spark{position:absolute;color:#b27e35;animation:productTwinkle 4s ease-in-out infinite}.spark-one{right:8%;top:39%;font-size:35px}.spark-two{left:8%;top:28%;font-size:15px;animation-delay:1.8s}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 9% 0 10%}.gallery-thumbs{display:flex;gap:11px}.gallery-thumb{display:grid;place-items:center;width:74px;height:70px;overflow:hidden;border:1px solid #bda47d;background:#fffdf9;border-radius:3px 12px 4px 13px;box-shadow:0 3px 11px #5c3b1e1c;transform:rotate(-4deg);transition:transform .2s,box-shadow .2s,border-color .2s}.gallery-thumb:nth-child(2){transform:rotate(3deg)}.gallery-thumb:hover,.gallery-thumb.is-active{border-color:var(--burgundy);box-shadow:0 5px 15px #5c3b1e40;transform:rotate(0) translateY(-3px)}.gallery-thumb img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.gallery-next{border:0;background:none;color:var(--burgundy);font:600 16px var(--serif)}.gallery-next:hover{text-decoration:underline;text-underline-offset:4px}.gallery-next span{margin-left:5px}.photo-caption{margin:8px 10% 0;color:#907f6a;font:600 10px var(--sans);letter-spacing:.1em;text-transform:uppercase}
.purchase-side{position:relative;padding:30px 1% 0 0;min-width:0}.product-eyebrow{margin:0 0 13px;color:#966a39;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.14em}.purchase-side h1{margin:0;color:#2d251d;font:600 clamp(48px,5.1vw,79px)/.88 'Cormorant Garamond',Georgia,serif;letter-spacing:-.045em}.purchase-side h1 em{font-style:normal;color:var(--burgundy)}.product-author{margin:20px 0 14px;color:#786d5b;font:italic 18px var(--serif)}.product-author a{color:#613521;text-decoration:underline;text-decoration-color:#b99b6b;text-underline-offset:4px}.product-lead{max-width:540px;margin:0;color:#3d3026;font:500 clamp(21px,2vw,27px)/1.22 var(--serif)}
.choice-ink{display:flex;align-items:center;width:min(365px,78%);margin:17px 0 13px;color:#ac7e44}.choice-ink svg{display:block;flex:1;height:35px}.choice-ink span{font-size:17px;animation:productTwinkle 4s infinite}
.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px;padding:0;list-style:none}.quick-facts li{position:relative;padding:9px 6px 11px 14px}.quick-facts li+li::before{content:"";position:absolute;left:0;top:5px;height:75%;border-left:1px solid #c7ab84;transform:rotate(8deg)}.quick-facts strong{display:block;color:#6b1b2b;font:600 29px/1 'Cormorant Garamond',Georgia,serif}.quick-facts span{display:block;color:#746452;font:500 12px/1.2 var(--sans)}
.purchase-paper{position:relative;margin:0 0 16px;padding:19px 22px 16px 23px;background:#fffdf9ed;box-shadow:4px 7px 20px #66472b18;clip-path:polygon(0 1%,13% 0,33% 1.1%,54% .1%,76% 1%,100% 0,99.4% 30%,100% 64%,99.5% 100%,72% 99%,43% 100%,18% 99%,0 100%,.5% 67%)}
.purchase-paper::before{content:"";position:absolute;inset:7px;border:1px solid #d5c1a4;clip-path:inherit;pointer-events:none}.price-row{display:flex;align-items:end;justify-content:space-between;gap:12px}.price-label{display:block;margin-bottom:1px;color:#8a755d;font:600 11px var(--sans);text-transform:uppercase;letter-spacing:.06em}.product-price{display:block;color:#69122a;font:600 40px/1 'Cormorant Garamond',Georgia,serif}.stock-chip{margin-bottom:6px;color:#786c5b;font:600 12px/1.2 var(--sans)}.stock-chip span{font-size:10px}.price-note{margin:5px 0 13px;color:#7f7061;font:500 12px/1.25 var(--sans)}.product-add{width:100%;min-height:56px;border-radius:2px 15px 3px 13px;font:600 21px var(--serif)}.product-add svg{width:20px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.product-add span{font-size:24px}.checkout-note{margin:8px 0 0;color:#837365;text-align:center;font:500 12px/1.3 var(--sans)}
.delivery-note{display:flex;align-items:start;gap:11px;max-width:530px;margin:15px 0 0;color:#675746}.delivery-symbol{font:31px/.8 'Cormorant Garamond',Georgia,serif;color:#ad7a36}.delivery-note p{margin:0;font:500 15px/1.3 var(--serif)}
.product-main .section-heading{margin:0 0 22px}.product-main .section-heading h2{font-size:clamp(36px,3.9vw,55px)}.product-story{margin-top:82px}.story-spread{display:grid;grid-template-columns:38% 62%;align-items:center;gap:0;min-height:420px}.story-prose{position:relative;z-index:2;padding:35px 20px 38px 28px;background:#fffdf8df;box-shadow:0 9px 25px #6c492524;clip-path:polygon(0 1%,25% 0,50% 1%,75% .2%,100% 1%,99% 35%,100% 70%,99% 100%,73% 99%,49% 100%,23% 99%,0 100%,1% 58%);transform:rotate(-1.2deg)}.margin-number{display:block;margin-bottom:18px;color:#a1743d;font:700 11px var(--sans);letter-spacing:.14em}.story-prose p{margin:0 0 16px;font:500 19px/1.43 var(--serif)}.story-prose p.drop-cap::first-letter{float:left;margin:3px 7px -4px 0;color:#6e152d;font:600 68px/.68 'Cormorant Garamond',Georgia,serif}.ink-link{display:inline-block;color:#6d1b2d;font:600 17px var(--serif);text-decoration:underline;text-decoration-color:#bc9a66;text-underline-offset:5px}.ink-link:hover{color:#a16d2d}.open-book-frame{position:relative;margin-left:-25px;padding:14px;background:#fff9eee0;box-shadow:0 12px 30px #4c321b2e;transform:rotate(2deg)}.open-book-frame img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.tape{position:absolute;z-index:2;width:88px;height:27px;background:#dcc59795;transform:rotate(-39deg);box-shadow:0 1px 3px #4d331b21}.tape-one{top:-4px;left:-30px}.photo-tag{position:absolute;bottom:-16px;right:8%;padding:4px 16px;background:#fcf6e9;color:#725334;box-shadow:0 4px 8px #4d331b21;font:italic 19px 'Cormorant Garamond',Georgia,serif;transform:rotate(-4deg)}
.how-section{margin-top:86px}.choice-path{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:20px 6% 38px}.choice-path::before{content:"";position:absolute;z-index:-1;left:9%;right:9%;top:58px;height:55px;background:url('assets/section-trail.svg') center/100% 100% no-repeat;opacity:.7}.choice-step{position:relative;max-width:285px;min-height:190px;padding:10px 15px 20px 20px}.choice-step:nth-child(2){transform:translateY(30px)}.choice-step:nth-child(3){transform:translateY(5px)}.step-number{display:grid;place-items:center;width:45px;height:45px;border:1px solid #a27946;border-radius:50% 43% 52% 45%;background:#fbefdb;color:#79322d;font:600 28px/.8 'Cormorant Garamond',Georgia,serif;transform:rotate(-11deg)}.choice-step h3{margin:8px 0 0;color:#713041;font:600 31px/.95 'Cormorant Garamond',Georgia,serif}.choice-step p{margin:5px 0 0;font:500 18px/1.3 var(--serif)}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:50px}.detail-list{margin:0;padding:10px 24px 20px;background:#fffdf8cf;clip-path:polygon(0 1%,45% 0,100% 1%,99% 99%,30% 100%,0 99%)}.detail-list div{display:grid;grid-template-columns:35% 65%;gap:10px;padding:10px 0;border-bottom:1px dashed #c9ad88}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:#846b51;font:700 12px var(--sans);text-transform:uppercase;letter-spacing:.08em}.detail-list dd{margin:0;font:600 17px var(--serif)}.award-paper{position:relative;min-height:274px;padding:26px 30px;background:#fffdf8cf;clip-path:polygon(0 1%,45% 0,100% 1%,99% 99%,30% 100%,0 99%)}.award-ornament{position:absolute;right:25px;top:3px;color:#c3904b;font-size:80px;opacity:.28}.award-paper strong{display:block;color:#741d31;font:600 31px 'Cormorant Garamond',Georgia,serif}.award-paper p{position:relative;max-width:none;margin:8px 0 20px;font:500 18px/1.4 var(--serif)}
.product-faq{margin-top:80px}.product-faq .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-faq details{background:#fffaf2d6}.end-journey{display:flex;align-items:center;justify-content:center;gap:16px;margin:75px 0 35px;color:#6d2734}.end-journey>span{font-size:28px}.end-journey p{font:italic 25px 'Cormorant Garamond',Georgia,serif}.end-journey a{font:600 17px var(--serif);text-decoration:underline;text-underline-offset:5px}
.product-page .site-footer{margin-top:0}.product-page .footer-brand{flex-basis:245px}.product-page .footer-bottom{margin-left:clamp(320px,27vw,390px)}
.mobile-buy{display:none}.product-page .bag-thumb.real-cover{background:#fffdf9 url('assets/product-cover.jpg') center/contain no-repeat}
.product-page .bag-row a{display:block;font:600 17px/1.1 var(--serif)}.product-page .bag-row a:hover{color:var(--burgundy);text-decoration:underline;text-underline-offset:3px}
@keyframes productTwinkle{0%,100%{opacity:.35;transform:scale(.84)}50%{opacity:1;transform:scale(1.14)}}
@media(max-width:1180px){.product-hero{grid-template-columns:47% 53%;gap:24px}.purchase-side h1{font-size:clamp(47px,5.2vw,69px)}.gallery-stage{height:560px}}
@media(max-width:980px){.product-page .header-actions{margin-left:auto}.product-hero{grid-template-columns:47% 53%;gap:15px}.gallery-stage{height:480px;padding:20px}.gallery-side{padding-inline:0}.purchase-side{padding-top:27px}.purchase-side h1{font-size:clamp(43px,5.4vw,62px)}.product-lead{font-size:21px}.price-row{display:block}.stock-chip{display:block;margin-top:4px}.story-spread{grid-template-columns:43% 57%}.story-prose p{font-size:17px}.product-page .footer-bottom{margin-left:15px}}
@media(max-width:720px){.product-page .header-inner{min-height:63px}.breadcrumbs{margin-top:0;font-size:11px}.product-hero{grid-template-columns:1fr;gap:0}.gallery-side{padding:0 0 10px}.gallery-handnote{margin-left:12%}.gallery-stage{height:440px;width:min(100%,530px);margin:auto}.gallery-controls{padding-inline:8%}.photo-caption{margin-left:8%}.purchase-side{padding:17px 2% 0}.purchase-side h1{font-size:clamp(48px,10vw,70px)}.product-lead{font-size:23px}.quick-facts{max-width:540px}.purchase-paper{max-width:590px}.price-row{display:flex}.product-story{margin-top:60px}.story-spread{grid-template-columns:1fr;gap:20px}.story-prose{max-width:600px;margin:0 auto;padding:28px}.open-book-frame{margin:0 3%}.choice-path{gap:8px}.choice-step{padding:10px 6px}.choice-step p{font-size:16px}.lower-grid{grid-template-columns:1fr;gap:42px}.product-faq .faq-grid{grid-template-columns:1fr}.end-journey{flex-wrap:wrap;text-align:center}.mobile-buy{position:fixed;z-index:58;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 18px max(9px,env(safe-area-inset-bottom));background:#fffaf0f2;box-shadow:0 -5px 18px #46301a24;transform:translateY(130%);transition:transform .28s}.mobile-buy.is-visible{transform:translateY(0)}.mobile-buy strong{white-space:nowrap;color:#6d132b;font:600 30px/.9 'Cormorant Garamond',Georgia,serif}.mobile-buy button{min-height:42px;padding:7px 20px;border:0;border-radius:2px 11px 3px 10px;background:#78132b;color:#fff;font:600 17px var(--serif)}.product-page:has(dialog[open]) .mobile-buy{display:none}}
@media(max-width:520px){.product-page .container{width:min(100% - 22px,1320px)}.gallery-stage{height:370px;padding:18px 24px}.gallery-handnote{font-size:18px}.gallery-thumb{width:61px;height:60px}.purchase-side h1{font-size:clamp(45px,12vw,59px)}.product-eyebrow{font-size:10px}.product-author{margin:15px 0 8px}.product-lead{font-size:21px}.quick-facts strong{font-size:25px}.quick-facts span{font-size:10px}.purchase-paper{padding:17px}.price-row{display:block}.stock-chip{margin-top:4px}.product-main .section-heading h2{font-size:38px}.story-prose{padding:27px 20px}.story-prose p{font-size:17px}.how-section{margin-top:60px}.choice-path{display:block;padding:10px 0}.choice-path::before{left:10px;top:0;bottom:0;width:55px;height:auto;background-size:100% 100%;transform:rotate(90deg)}.choice-step,.choice-step:nth-child(2),.choice-step:nth-child(3){display:grid;grid-template-columns:55px 1fr;column-gap:12px;min-height:0;max-width:none;padding:10px;transform:none}.choice-step h3{margin-top:3px}.choice-step p{grid-column:2;margin-top:2px}.lower-grid{margin-top:30px}.award-paper{padding:24px}.end-journey{display:block;margin-top:45px}.end-journey p{margin:5px 0 10px}.product-page .footer-links{margin-left:15px}.product-page .footer-bottom{margin-left:15px}}
@media(prefers-reduced-motion:reduce){.gallery-spark,.choice-ink span{animation:none}.gallery-stage img,.mobile-buy{transition:none}}
.gallery-stage img,.gallery-stage.is-open img{position:absolute;inset:25px 38px;width:calc(100% - 76px);height:calc(100% - 50px);max-width:none;max-height:none;object-fit:contain}
.gallery-thumb{position:relative}.gallery-thumb img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);max-width:none;max-height:none;object-fit:contain}
@media(max-width:520px){.gallery-stage img,.gallery-stage.is-open img{inset:18px 24px;width:calc(100% - 48px);height:calc(100% - 36px)}}
.gallery-stage{overflow:visible;background:transparent;border-radius:0}
.gallery-stage::before,.gallery-stage::after{display:none}
.gallery-stage img{mix-blend-mode:normal;filter:drop-shadow(12px 17px 11px #39240e38)}
.gallery-stage.is-open img{mix-blend-mode:multiply}
.gallery-thumb[data-image="cover"]{background:transparent}
.product-page .bag-thumb.real-cover{background:transparent url('assets/book-thumbnails/product-cover-cutout.webp') center/contain no-repeat}

/* The landscape spread needs its own framing; the portrait cover keeps the taller stage. */
.gallery-stage{transition:height .35s ease}
.gallery-stage.is-open{height:430px}
.gallery-stage.is-open img{inset:auto;left:50%;top:50%;width:calc(100% + 112px);height:auto;max-width:none;max-height:none;object-fit:contain;transform:translate(-50%,-50%)}
@media(max-width:1180px){.gallery-stage.is-open{height:375px}.gallery-stage.is-open img{width:calc(100% + 56px)}}
@media(max-width:980px){.gallery-stage.is-open{height:320px}.gallery-stage.is-open img{width:calc(100% + 28px)}}
@media(max-width:720px){.gallery-stage.is-open{height:clamp(240px,70vw,345px)}.gallery-stage.is-open img{width:calc(100% + 12px)}}
@media(prefers-reduced-motion:reduce){.gallery-stage{transition:none}}

.gallery-stage img{cursor:zoom-in}
.gallery-zoom{position:absolute;z-index:4;right:12px;bottom:10px;padding:7px 11px;border:1px solid #b99b70;border-radius:3px 11px 4px 10px;background:#fffaf0e8;color:#6e2338;box-shadow:1px 3px 8px #5a351a26;font:600 14px var(--serif)}
.gallery-zoom:hover{background:#fff6e4;transform:translateY(-2px)}
.gallery-zoom span{margin-left:4px}
.gallery-dialog{width:min(96vw,1550px);height:min(94dvh,1050px);max-width:none;max-height:none;border:1px solid #c7ad83;border-radius:5px 16px 5px 14px;background:#f9eedc url('assets/parchment.webp') center/760px repeat;display:none;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.gallery-dialog[open]{display:grid}
.gallery-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 19px;border-bottom:1px solid #d7bc92}
.gallery-dialog-head h2{margin:0;color:#632138;font:600 30px/1 'Cormorant Garamond',Georgia,serif}
.gallery-dialog-viewport{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:16px;overflow:auto;overscroll-behavior:contain}
.gallery-dialog-viewport img{display:block;width:auto;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(10px 14px 10px #39240e33)}
.gallery-dialog.is-spread .gallery-dialog-viewport img{width:min(1400px,90vw);max-width:none;height:auto;max-height:100%}
.gallery-dialog-hint{margin:0;padding:7px 19px 11px;color:#75614d;font:500 12px var(--sans)}
@media(max-width:720px){.gallery-dialog{width:calc(100vw - 16px);height:calc(100dvh - 28px)}.gallery-dialog-viewport{justify-content:flex-start;padding:8px}.gallery-dialog-viewport img{margin:auto;max-width:100%}.gallery-dialog.is-spread .gallery-dialog-viewport img{flex:none;width:900px;max-width:none;max-height:none;margin:auto 0}.gallery-dialog-head h2{font-size:25px}.gallery-zoom{right:5px;bottom:1px;font-size:12px;padding:5px 8px}}

/* The transparent spread belongs directly on the parchment, including its thumbnail. */
.gallery-thumb[data-image="open"]{background:transparent}
.gallery-thumb[data-image="open"] img{mix-blend-mode:normal}
.gallery-stage:not(.is-open) .gallery-zoom{display:none}
.gallery-stage:not(.is-open) img{cursor:default}
.story-prose .story-question{margin-bottom:19px;color:#72243b;font:600 clamp(24px,2.2vw,30px)/1.07 'Cormorant Garamond',Georgia,serif}
.story-prose p strong{color:#71253a;font-weight:700}
@media(max-width:520px){.story-prose .story-question{font-size:27px}.story-prose p:not(.story-question){font-size:17px;line-height:1.36}}
.purchase-side h1 .product-title-accent{color:var(--burgundy)}
.gallery-thumb{background:transparent}
.gallery-thumb img{mix-blend-mode:normal}
