:root{--ink:#132133;--paper:#f8f5ee;--cream:#ebe3d2;--orange:#ef6a3c;--blue:#a9c8e8;--muted:#6b7480}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.announcement{text-align:center;background:#132133;color:#fff;padding:9px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.announcement span{color:#f4b267;margin:0 10px}.nav{height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd2;position:sticky;top:0;background:rgba(248,245,238,.94);z-index:4;backdrop-filter:blur(9px)}.brand{font-family:'Playfair Display';font-size:27px;text-decoration:none;color:var(--ink);letter-spacing:-1.5px}.brand span{font-style:italic;color:var(--orange)}nav{display:flex;gap:28px}nav a,.footer-links a{color:var(--ink);text-decoration:none;font-size:14px}.nav-actions{display:flex;gap:12px;align-items:center}.icon-btn{border:0;background:none;font-size:25px;color:var(--ink);cursor:pointer}.cart-btn{border:1px solid var(--ink);background:transparent;border-radius:24px;padding:9px 14px;font:600 13px 'DM Sans';cursor:pointer}.cart-btn b{background:var(--orange);color:#fff;border-radius:20px;padding:1px 6px;margin-left:6px}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px}.hero-copy{padding:115px 7vw}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.12em;color:#6c5945;margin:0 0 16px}.hero h1,.featured h2,.story h2,.steps h2,.newsletter h2{font:600 clamp(42px,5vw,70px)/1.02 'Playfair Display';letter-spacing:-2.5px;margin:0}.hero h1 em,h2 em{color:var(--orange);font-weight:600}.intro{font-size:17px;line-height:1.55;max-width:430px;margin:25px 0 31px;color:#53606d}.button{display:inline-flex;gap:22px;justify-content:center;align-items:center;border:0;padding:15px 21px;text-decoration:none;cursor:pointer;font:600 14px 'DM Sans';transition:.2s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:#fff}.cream{background:#f4eee4;color:var(--ink)}.social-proof{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:13px}.avatars{display:flex}.avatars i{width:25px;height:25px;border:2px solid var(--paper);border-radius:50%;background:#d7a47f;color:#fff;display:grid;place-items:center;font-size:9px;font-style:normal;margin-left:-7px}.avatars i:nth-child(2){background:#70979b}.avatars i:nth-child(3){background:#b27b96}.avatars i:nth-child(4){background:#9e935d}.hero-art{background:var(--blue);position:relative;overflow:hidden;min-height:510px}.sun{position:absolute;background:#f6d688;width:260px;height:260px;border-radius:50%;right:9%;top:11%}.arch{position:absolute;border:1px solid rgba(19,33,51,.4);border-bottom:0;border-radius:190px 190px 0 0;width:330px;height:460px;bottom:0;right:16%}.arch-2{width:230px;height:320px;right:28%;border-color:rgba(19,33,51,.2)}.hero-book{position:absolute;background:#f8ebd1;width:240px;height:350px;right:23%;top:128px;box-shadow:18px 18px 0 rgba(19,33,51,.18);padding:19px;transform:rotate(6deg);display:flex;flex-direction:column;justify-content:space-between}.book-top{font:500 10px 'DM Mono';letter-spacing:.1em}.book-top small{font-size:7px}.book-title{font:600 45px/.88 'Playfair Display';letter-spacing:-2px}.book-footer{font-size:10px;border-top:1px solid #132133;padding-top:8px;display:flex;justify-content:space-between}.art-caption{position:absolute;bottom:13px;left:25px;font:italic 15px 'Playfair Display'}.featured{padding:110px 7vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.section-heading h2{font-size:48px}.text-link{border:0;background:none;text-decoration:underline;font:600 14px 'DM Sans';cursor:pointer}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product{cursor:pointer}.cover{height:310px;padding:19px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(19,33,51,.09);transition:transform .25s}.product:hover .cover{transform:translateY(-5px)}.cover small{font:500 10px 'DM Mono';letter-spacing:.1em}.cover-title{font:600 38px/.92 'Playfair Display';letter-spacing:-1.5px}.cover-foot{font:11px 'DM Mono';border-top:1px solid;padding-top:8px}.sage{background:#b5c8a6}.peach{background:#f3bf9c}.lavender{background:#c1b4de}.product-info{padding-top:17px;display:grid;grid-template-columns:1fr auto;gap:5px}.product-info h3{font:600 21px 'Playfair Display';margin:0}.product-info p{grid-column:1/2;margin:0;color:var(--muted);font-size:14px}.price{font:500 14px 'DM Mono';grid-column:2;grid-row:1}.product-actions{grid-column:2;grid-row:2;display:flex;gap:9px;align-items:center}.tiny-btn{border:0;background:var(--ink);color:#fff;padding:7px 10px;font:600 11px 'DM Sans';cursor:pointer}.preview{background:none;color:var(--ink);text-decoration:underline;padding:0}.story{background:var(--cream);display:grid;grid-template-columns:1fr 1fr;min-height:540px}.story-visual{position:relative;overflow:hidden;background:#d9c8af}.circle{width:360px;height:360px;border-radius:50%;background:#ef6a3c;position:absolute;top:90px;left:26%}.quote-card{position:absolute;background:#f8f5ee;max-width:270px;padding:30px;right:12%;top:160px;box-shadow:12px 14px 0 rgba(19,33,51,.13);transform:rotate(-5deg)}.quote-card span{font:50px 'Playfair Display';color:var(--orange);line-height:.5}.quote-card p{font:600 21px/1.1 'Playfair Display';margin:12px 0}.quote-card small{font:11px 'DM Mono'}.story-copy{padding:110px 10%}.story-copy h2{font-size:49px}.story-copy>p:not(.eyebrow){line-height:1.6;color:#53606d;max-width:420px}.perks{margin-top:30px;display:grid;gap:13px;font-size:14px}.perks b{font:500 11px 'DM Mono';color:var(--orange);margin-right:12px}.steps{padding:105px 7vw}.steps h2{font-size:46px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:52px}.step-grid article{border-top:1px solid #cfc9bc;padding-top:18px}.step-grid b{font:500 12px 'DM Mono';color:var(--orange)}.step-grid h3{font:600 23px 'Playfair Display';margin:36px 0 8px}.step-grid p{color:var(--muted);font-size:15px;max-width:250px;line-height:1.5}.newsletter{background:var(--ink);color:#f8f5ee;text-align:center;padding:105px 20px}.newsletter .eyebrow{color:#e5bf90}.newsletter h2{font-size:52px}.newsletter h2 em{color:#f2bb82}.newsletter>p{color:#b9c4d0}.newsletter form{display:flex;max-width:480px;margin:30px auto 14px}.newsletter input{flex:1;border:1px solid #78818b;background:transparent;color:#fff;padding:15px;font:14px 'DM Sans';min-width:0}.newsletter small{color:#99a4b2;font-size:11px}.newsletter small a{color:#fff}footer{padding:32px 7vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}.footer-links{display:flex;gap:18px}.drawer{background:var(--paper);position:fixed;right:0;top:0;height:100dvh;width:min(420px,100%);z-index:10;transform:translateX(101%);transition:transform .25s;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(0,0,0,.12)}.drawer.open{transform:none}.drawer-head{padding:28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedbd2}.drawer h2{font:600 29px 'Playfair Display';margin:0}.close{border:0;background:none;font-size:32px;line-height:1;cursor:pointer}.cart-items{padding:20px 28px;overflow:auto;flex:1}.empty{color:var(--muted);text-align:center;padding:45px 10px}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;margin-bottom:18px;align-items:center}.mini-cover{height:68px;padding:7px;font:600 13px/.9 'Playfair Display';display:flex;align-items:end}.cart-item h4{margin:0;font:600 16px 'Playfair Display'}.cart-item p{margin:4px 0;font:12px 'DM Mono';color:var(--muted)}.remove{border:0;background:none;text-decoration:underline;font-size:11px;cursor:pointer}.drawer-bottom{padding:22px 28px;border-top:1px solid #dedbd2}.total{display:flex;justify-content:space-between;margin-bottom:18px}.full{width:100%}.drawer-bottom small{display:block;text-align:center;color:var(--muted);line-height:1.4;font-size:11px;margin-top:13px}.overlay{position:fixed;inset:0;background:rgba(19,33,51,.35);z-index:9;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.account-content{padding:28px}.login-note{color:var(--muted);line-height:1.5}.account-content input{width:100%;padding:13px;border:1px solid #cfc9bc;background:#fff;margin:15px 0}.account-area{border-top:1px solid #ddd4c7;margin-top:20px;padding-top:20px}.account-area h3{font:600 21px 'Playfair Display'}.order{display:flex;justify-content:space-between;border-bottom:1px solid #dedbd2;padding:13px 0;font-size:13px}.order small{color:var(--muted)}dialog{border:0;padding:0;background:transparent;max-width:min(500px,92vw)}dialog::backdrop{background:rgba(19,33,51,.6)}.dialog-close{position:absolute;right:6px;top:4px;color:#fff;z-index:2}.preview-page{min-height:570px;background:#f5e5c6;padding:50px 40px;display:flex;flex-direction:column}.preview-page>p,.preview-page small{font:11px 'DM Mono';letter-spacing:.08em}.preview-page h2{font:600 54px/.95 'Playfair Display';margin:45px 0}.preview-lines{height:105px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 10px,rgba(19,33,51,.22) 11px,transparent 12px)}.preview-lines.short{height:45px;width:68%}.preview-page blockquote{font:italic 26px/1.15 'Playfair Display';margin:35px 0}.preview-page small{margin-top:auto}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:#fff;padding:13px 20px;z-index:30;font-size:14px;transition:.25s}.toast.show{transform:translate(-50%,0)}
@media(max-width:760px){.announcement{font-size:9px}.nav{height:67px;padding:0 5vw}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:72px 7vw 52px}.hero h1{font-size:53px}.hero-art{min-height:430px}.hero-book{right:24%;top:70px}.section-heading h2,.story-copy h2,.steps h2{font-size:39px}.section-heading{align-items:start}.text-link{padding-top:12px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:38px}.cover{height:360px}.featured,.steps{padding:72px 7vw}.story{grid-template-columns:1fr}.story-visual{height:385px}.story-copy{padding:65px 7vw}.step-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.step-grid h3{margin:20px 0 8px}.newsletter{padding:70px 20px}.newsletter h2{font-size:43px}.newsletter form{flex-direction:column;gap:10px}.newsletter .button{width:100%}footer{flex-wrap:wrap;gap:23px}.footer-links{order:3;width:100%;justify-content:space-between}.footer-links a{font-size:12px}}
