@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#0b1b32;--deep:#071326;--ink:#24314b;--gold:#d9b777;--gold-lite:#f1d7a0;--cream:#fbf7ef;--paper:#fffdf9;--mist:#e7eff4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:99;padding:12px;background:white}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:27px clamp(26px,5vw,85px);color:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.19em;font-weight:700;white-space:nowrap}.brand-mark{font-size:23px;color:var(--gold-lite)}.brand em{display:block;font-style:normal;font-weight:400;letter-spacing:.31em;font-size:10px;text-align:center}.site-header nav{display:flex;gap:30px;align-items:center;font-size:12px;letter-spacing:.04em}.site-header nav a{opacity:.83}.site-header nav a:hover{opacity:1;color:var(--gold-lite)}.site-header .nav-cta{border:1px solid rgba(241,215,160,.6);padding:8px 15px;opacity:1}.menu-toggle{display:none}.hero{position:relative;background:radial-gradient(circle at 68% 38%,#203b5b 0,#101f3d 42%,var(--deep) 76%);color:white;overflow:hidden;padding-top:110px}.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(#f2dfb7 1px,transparent 1px),radial-gradient(#fff 1px,transparent 1px);background-size:137px 151px,211px 197px;background-position:12px 19px,71px 84px;pointer-events:none}.hero-inner{width:min(1280px,calc(100% - 68px));margin:auto;min-height:600px;display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center;position:relative;z-index:1;padding:60px 0 80px}.eyebrow,.section-kicker{color:var(--gold);font-size:11px;letter-spacing:.22em;font-weight:700}.small-star{padding:0 8px}.hero h1,.book-details h2,.center-heading h2,.about-copy h2,.mission-copy h2,.ending h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:.99;letter-spacing:-.02em}.hero h1{font-size:clamp(58px,6vw,100px);max-width:550px;margin:28px 0}.hero h1 i,.book-details h2 em,.center-heading h2 em,.about-copy h2 em,.mission-copy h2 em,.ending h2 em{color:var(--gold-lite);font-weight:400}.hero-copy>p{max-width:410px;color:#d4dce8;font-size:17px}.hero-actions,.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:37px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;padding:14px 23px;text-align:center;font-size:12px;letter-spacing:.08em;font-weight:700;transition:transform .2s,background .2s;border:1px solid transparent;min-height:49px}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold-lite);color:#19243b}.btn-ghost{border-color:#c4bda9;color:white}.hero-note{margin-top:65px;color:#c9b785;letter-spacing:.22em;font-size:10px}.hero-art{position:relative;text-align:center}.hero-art img{position:relative;width:100%;max-width:690px;border:9px solid #dbcbaf;box-shadow:0 28px 70px #020818b3,0 0 0 1px #91774b;transform:rotate(1.3deg)}.glow{position:absolute;inset:10%;background:#9bc7fd;filter:blur(90px);opacity:.25}.art-caption{display:block;margin-top:26px;color:#d9c99c;letter-spacing:.24em;font-size:10px}.hero-bottom{position:absolute;bottom:24px;left:6%;font-size:9px;letter-spacing:.22em;color:#a7b8ce}.hero-bottom span{margin-left:12px}.intro-band{background:#d8b87c;color:#2b2e3c;text-align:center;padding:18px 10px;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;font-style:italic}.intro-band span{font-style:normal;padding:0 30px}.book-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:125px;padding-bottom:130px}.book-image img{width:100%;box-shadow:18px 23px 46px #394e6230;border:7px solid #f2e5d0}.book-image-underline{color:#917244;font-size:10px;letter-spacing:.23em;margin-top:22px;text-align:center}.book-details h2{font-size:clamp(57px,5.3vw,85px);margin:24px 0 16px}.book-details h2 em,.center-heading h2 em,.about-copy h2 em,.mission-copy h2 em{color:#ad8b56}.byline{font-size:13px;letter-spacing:.04em}.gold-rule{height:1px;width:66px;background:#be9d6c;margin:30px 0}.book-details>p:not(.byline){color:#536071}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.tags span{font-size:9px;letter-spacing:.08em;color:#7c674b;background:#f0e6d5;padding:7px 10px}.btn-navy{background:var(--navy);color:#fff}.text-link{font-size:12px;text-decoration:underline;text-decoration-color:#b59b69;text-underline-offset:6px}.preview-section{background:linear-gradient(#112744,#091a32);color:white;padding:100px 0 95px;position:relative}.preview-section:before{content:'✧';position:absolute;right:8%;top:6%;color:#ad9874;font-size:60px;opacity:.3}.center-heading{text-align:center;max-width:690px;margin:0 auto 45px}.center-heading h2{font-size:clamp(55px,6vw,80px);margin:14px 0}.center-heading>p{color:#8b93a0;margin-top:10px}.preview-section .center-heading>p{color:#c8d4e3}.flip-shell{max-width:860px;margin:auto;background:#d7c3a2;padding:16px;box-shadow:0 20px 80px #0209158c}.flip-top,.flip-bottom{background:#f8f1e6;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;color:#8d744f;letter-spacing:.15em;font-size:10px}.storybook{display:flex;align-items:center;justify-content:center;gap:10px;background:#f8f1e6;padding:0 8px}.page-holder{width:min(100%,680px);position:relative;aspect-ratio:4/3;overflow:hidden;box-shadow:inset 0 0 20px #241b0e55;background:#e9edf4;perspective:1100px}.page-holder.turning img{animation:pageTurn .42s ease}.page-holder img{width:100%;height:100%;object-fit:contain;display:block}.page-overlay{display:none;position:absolute;bottom:0;left:0;right:0;text-align:center;background:linear-gradient(transparent,#07152abe);color:white;padding:45px 10px 12px;font-family:'Cormorant Garamond',serif;font-size:23px}.page-overlay small{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:.1em}.flip-arrow{border:0;background:#193251;color:#ffe7bc;font-size:34px;width:46px;min-width:46px;height:66px;cursor:pointer}.flip-arrow:disabled{opacity:.3;cursor:default}.dots{display:flex;gap:8px}.dots button{width:8px;height:8px;border-radius:50%;border:0;background:#cdbb9f;padding:0;cursor:pointer}.dots button.active{background:#234463;transform:scale(1.25)}.preview-disclaimer{text-align:center;color:#afbdd0;font-size:12px;margin-top:27px}@keyframes pageTurn{0%{opacity:.5;transform:rotateY(-9deg) scale(.99)}100%{opacity:1;transform:none}}.shop-section{padding:116px 0 125px}.edition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.edition-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e6dfd1;padding:40px 31px 28px;display:flex;flex-direction:column;min-height:390px}.edition-card.featured{border:1px solid #bca073;box-shadow:0 8px 32px #7d694017}.edition-icon{font-family:Georgia,serif;color:#bd9860;font-size:32px;line-height:1}.edition-meta{color:#b08b59;letter-spacing:.18em;font-size:10px;font-weight:700;margin-top:20px}.edition-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:35px;font-weight:500;margin:8px 0 5px}.edition-card p{color:#667082;flex:1}.edition-price{font-weight:700;font-size:18px;margin:10px 0 20px}.edition-price small{display:block;font-size:10px;color:#90949c;font-weight:400}.edition-foot{font-size:10px;color:#9aa0aa;margin-top:12px}.btn-muted{background:#e8e5df;color:#666;cursor:default}.btn-muted:hover{transform:none}.ribbon{position:absolute;right:-44px;top:22px;background:#d9b777;color:#20324a;transform:rotate(40deg);padding:4px 45px;font-size:8px;letter-spacing:.09em;font-weight:700}.shop-note{text-align:center;color:#7c8290;font-size:12px;margin-top:27px}.about-section{background:#edf1f3}.about-grid,.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center;padding:106px 0}.about-art img,.mission-art img{width:100%;box-shadow:16px 22px 38px #203a5b25}.about-copy h2,.mission-copy h2{font-size:clamp(55px,5.1vw,77px);margin:21px 0 31px}.about-copy p,.mission-copy p{color:#526173}.signature{color:#9a7d4f;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-style:italic;margin-top:23px}.signature strong{display:block;font:600 13px 'DM Sans',sans-serif;color:#273b57;margin-top:4px}.mission-section{background:#f9f5ee}.mission-grid{grid-template-columns:1fr 1fr}.ending{background:radial-gradient(circle at center,#253d5d,#08172e 65%);padding:100px 20px;text-align:center;color:#fff}.ending-stars{color:var(--gold);letter-spacing:.4em}.ending h2{font-size:clamp(55px,6vw,85px);margin:24px 0 16px}.ending p{color:#bac9d8}.ending .btn{margin-top:20px}.ending small{display:block;margin-top:20px;color:#a8b2be}footer{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:#061222;color:#98a7b9;padding:35px clamp(24px,5vw,80px);font-size:11px}.footer-logo{color:#e2c58f;letter-spacing:.18em;font-weight:700}.footer-note{opacity:.7}@media(max-width:950px){.site-header nav{gap:12px}.hero-inner{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:65px}.book-section{gap:35px}.about-grid,.mission-grid{gap:35px}}@media(max-width:700px){.wrap{width:min(100% - 34px,550px)}.site-header{padding:20px 22px}.brand{font-size:11px}.menu-toggle{display:block;border:1px solid #bca774;background:transparent;color:#fff;padding:8px 10px;cursor:pointer}.site-header nav{display:none;position:absolute;top:67px;right:15px;left:15px;background:#0e223c;padding:20px;flex-direction:column;align-items:stretch;gap:12px}.site-header nav.open{display:flex}.site-header nav a{display:block}.hero-inner{display:flex;flex-direction:column;text-align:center;padding:60px 0 80px;width:min(100% - 36px,530px)}.hero h1{font-size:clamp(52px,11vw,75px);margin:25px auto}.hero-copy>p{margin:auto}.hero-actions{justify-content:center}.hero-note{margin:30px 0}.hero-art img{width:min(96%,560px)}.hero-bottom{display:none}.intro-band{font-size:20px}.intro-band span{padding:0 6px}.book-section,.about-grid,.mission-grid{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px;gap:45px}.book-details h2,.about-copy h2,.mission-copy h2{font-size:64px}.book-details{text-align:left}.edition-grid{grid-template-columns:1fr}.edition-card{min-height:310px}.page-holder{aspect-ratio:4/3}.flip-shell{padding:7px}.storybook{gap:5px;padding:0 2px}.flip-arrow{width:31px;min-width:31px;height:50px;font-size:26px}.preview-section{padding:75px 0}.flip-top,.flip-bottom{padding:10px}.about-copy{order:0}.about-art{order:1}.mission-art{order:1}footer{flex-direction:column;text-align:center}.hero .btn{width:100%;max-width:320px}.hero-actions{gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Imprint catalog section */
.collections-section{padding:108px 0 116px;background:#f1ebdf}.collections-section .center-heading{max-width:760px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.collection-card{background:#fffdf8;border:1px solid #ddceb3;padding:30px 24px 25px;box-shadow:0 8px 25px #3d3c3410;display:flex;flex-direction:column;min-height:310px}.collection-mark{font-size:30px;color:#ac8751}.collection-label{font-size:9px;letter-spacing:.17em;color:#8a754f;margin-top:13px;font-weight:700}.collection-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:34px;line-height:1.04;font-weight:500;color:#263850;margin:14px 0}.collection-card p{font-size:13px;color:#637081;flex:1}.collection-note{font-size:10px;color:#ad8a5d;letter-spacing:.05em}.collection-disclaimer{text-align:center;color:#7b7d80;font-size:12px;margin:26px auto 0}@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.collection-grid{grid-template-columns:1fr}.collection-card{min-height:240px}.collections-section{padding:72px 0}}

/* v3: Preserve every illustration's native aspect ratio on desktop and mobile. */
.hero-inner > *, .hero-art, .book-image, .about-art, .mission-art { min-width: 0; }
.hero-art { display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; }
.hero-art img { display:block; box-sizing:border-box; width:100%; height:auto !important; aspect-ratio:4 / 3; object-fit:contain; max-width:640px; max-height:none; flex:none; transform:none; }
.book-image img,.about-art img,.mission-art img { display:block; width:100%; height:auto !important; max-height:none; object-fit:contain; }
.page-holder img { width:100%; height:100%; aspect-ratio:4/3; object-fit:contain; }
@media (min-width:701px) { .hero-inner { grid-template-columns:minmax(0, 0.95fr) minmax(0, 1.05fr); } }
@media (max-width:700px) { .hero-art img { width:100%; max-width:560px; } }
