:root{--ink:#2e2a24;--cream:#fbf8f2;--paper:#f3f0e9;--sage:#465a4d;--sage-light:#aab3a4;--blush:#dbc2ba;--blue:#aebdd2;--sand:#d8c9ad;--brown:#33291d;--line:#d7d2c9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.announcement{height:34px;background:var(--brown);color:#fff;text-align:center;font-size:12px;letter-spacing:1.6px;display:grid;place-items:center}
.site-header{height:108px;padding:0 max(5vw,32px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;background:var(--cream);z-index:5}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:58px;height:58px;border:1px solid #88947b;border-radius:50%;display:flex;align-items:center;justify-content:center;font:34px/1 "DM Serif Display";color:#bea98c;position:relative;background:#fcfaf4}
.brand-mark span{color:#879378;margin-left:-11px}.brand-mark:after{content:"✦";font:9px sans-serif;color:#c7b38e;position:absolute;right:8px;top:9px}
.brand-name{font:26px "DM Serif Display",serif;letter-spacing:.2px;color:#68775e;white-space:nowrap}
.main-nav{display:flex;gap:34px;font-size:14px}
.main-nav a{position:relative}.main-nav a:after{content:"";height:1px;background:var(--sage);position:absolute;left:0;right:100%;bottom:-7px;transition:.25s}.main-nav a:hover:after{right:0}
.header-actions{justify-self:end;display:flex;align-items:center;gap:22px}
.language-switch{border:0;background:transparent;padding:0;display:flex;gap:6px;font-size:12px;cursor:pointer}.language-switch span{opacity:.38}.language-switch .active{opacity:1;text-decoration:underline;text-underline-offset:4px}
.bag{font-size:23px;position:relative;border:0;background:transparent;color:inherit;cursor:pointer}.bag span{font-size:9px;background:var(--sage);color:#fff;border-radius:50%;width:15px;height:15px;display:grid;place-items:center;position:absolute;right:-8px;top:-3px}
.menu-toggle{display:none;background:none;border:0;font-size:22px}
.hero{min-height:670px;display:grid;grid-template-columns:48% 52%;overflow:hidden}
.hero-copy{padding:105px 7vw 70px 9vw;align-self:center}
.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:600;color:#647164;margin:0 0 20px}
h1,h2,blockquote{font-family:"DM Serif Display",serif;font-weight:400}
h1{font-size:clamp(55px,5.2vw,78px);line-height:.97;letter-spacing:-2px;margin:0 0 28px}
h1 em{color:#70806e}.hero-text{font-size:17px;line-height:1.7;max-width:520px;color:#59544d}
.hero-actions{display:flex;align-items:center;gap:30px;margin:38px 0}
.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 30px;font-size:13px;letter-spacing:.8px;border:1px solid var(--sage);transition:.2s}
.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--sage)}.button.secondary{margin:48px auto 0}
.text-link{font-size:13px;border-bottom:1px solid #8d8a83;padding-bottom:4px}.text-link span{margin-left:5px}
.trust-row{display:flex;gap:22px;font-size:11px;color:#6b675f}.trust-row span{display:flex;gap:5px}.trust-row b{font-weight:400}
.hero-art{position:relative;background:#e7e7df;overflow:hidden;min-height:670px}
.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.85),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:.8}
.scribble{position:absolute;top:8%;right:10%;font-family:"DM Serif Display";font-style:italic;color:#84907e;transform:rotate(8deg)}
.card{position:absolute;width:190px;height:270px;border:10px solid #f8f5ed;border-radius:9px;background:#eee6db;box-shadow:0 18px 38px rgba(60,52,39,.16);display:flex;flex-direction:column;align-items:center;justify-content:center}
.card b{font:110px "DM Serif Display";line-height:.8}.card span{font-size:12px;letter-spacing:3px;margin-top:25px}.card i{font-style:normal;margin-top:14px;color:#75866f}.card-a{left:10%;top:14%;transform:rotate(-8deg);color:#a98265}.card-six{right:11%;top:8%;transform:rotate(7deg);background:#e2e8ef;color:#829bbb}.card-b{left:39%;bottom:5%;transform:rotate(4deg);background:#f0ebe4;color:#66533b}.card-one{left:4%;bottom:-15%;transform:rotate(10deg);background:#efdcda;color:#bd827f}
.card-b i{font-size:40px}.card-six i{letter-spacing:8px}.leaf{position:absolute;color:#68775e;font-size:90px}.leaf-one{right:2%;bottom:8%;transform:rotate(-30deg)}.leaf-two{left:35%;top:5%;transform:rotate(150deg);font-size:65px}.spark{position:absolute;color:#b9a676}.spark-one{top:36%;left:42%}.spark-two{bottom:25%;right:30%}
.benefit-strip{background:var(--sage);color:#fff;min-height:94px;display:grid;place-items:center;text-align:center;padding:20px}.benefit-strip p{font:25px "DM Serif Display";margin:0}.benefit-strip em{color:#cfd7cb}
.section{padding:110px 7vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-heading h2,.how-copy h2,.faq h2{font-size:48px;line-height:1.08;margin:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading.centered{justify-content:center;text-align:center}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.category{height:330px;padding:38px 25px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:.25s}.category:hover{transform:translateY(-5px)}
.category.sage{background:#dbe0d7}.category.blush{background:#eadbd6}.category.blue{background:#dae2ec}.category.sand{background:#e9e0cf}
.category-icon{width:170px;height:180px;display:flex;flex-direction:column;justify-content:center;font:85px "DM Serif Display";border:8px solid rgba(255,255,255,.65);background:rgba(255,255,255,.38);box-shadow:0 10px 25px rgba(80,70,55,.08);transform:rotate(-2deg)}
.category:nth-child(even) .category-icon{transform:rotate(2deg)}.category-icon small{font:19px "DM Serif Display";letter-spacing:8px}.category b{font:22px "DM Serif Display";margin:22px 0 5px}.category>small{font-size:12px;color:#6e6a63}
.products{background:#f0eee8;text-align:center}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left;max-width:1320px;margin:auto}
.product-image{height:380px;position:relative;display:grid;place-items:center;overflow:hidden}.alphabet-pack{background:#d8d8ce}.numbers-pack{background:#ddd0c5}.seasons-pack{background:#ccd5d0}
.real-product{padding:18px;background:#dfddd6}.real-product.days-pack{background:#e8dfc7}.real-product.months-pack{background:#d7deea}.real-product.numbers-real-pack{background:#ead6d1}.real-product.alphabet-real-pack{background:#dedbd6}.real-product img{width:88%;height:100%;object-fit:cover;object-position:top;box-shadow:0 16px 30px rgba(54,45,35,.17);transform:rotate(-2deg);border:5px solid #fff}.real-product.days-pack img,.real-product.numbers-real-pack img{width:90%}.real-product.months-pack img{width:92%;transform:rotate(1.5deg)}.real-product.alphabet-real-pack img{width:90%}.real-product.numbers-real-pack img{transform:rotate(-.75deg)}.real-product.mockup-product{padding:0}.real-product.mockup-product img{width:100%;height:100%;border:0;transform:none;box-shadow:none;object-fit:cover}
.language-badges{position:absolute;right:16px;top:16px;z-index:2;display:flex;gap:5px}.language-badges i{font-style:normal;font-size:9px;letter-spacing:1px;background:rgba(255,255,255,.9);border:1px solid rgba(60,55,47,.2);padding:6px 7px}
.paper{width:69%;height:78%;background:#fbf8f1;box-shadow:0 16px 30px rgba(54,45,35,.17);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(100,90,75,.15);transform:rotate(-3deg)}
.numbers-pack .paper{transform:rotate(2deg)}.paper i{font:italic 20px "DM Serif Display";letter-spacing:2px}.paper strong{font:54px "DM Serif Display";margin:40px 0 12px;color:#9b7053}.numbers-pack strong{color:#9f7774}.seasons-pack strong{color:#758d82}.paper small{letter-spacing:2px}
.badge{position:absolute;z-index:2;top:18px;left:18px;background:var(--brown);color:#fff;padding:7px 10px;font-size:9px;letter-spacing:1.3px}.badge.new{background:#728578}
.product-info{position:relative;padding:20px 48px 15px 0}.product-info p{font:20px "DM Serif Display";margin:0 0 5px}.product-info>small{display:block;color:#777168;font-size:11px;margin-bottom:9px}.product-info span{font-size:13px}.product-info button{position:absolute;right:0;top:18px;width:38px;height:38px;border:1px solid var(--sage);border-radius:50%;background:transparent;font-size:20px;cursor:pointer}.product-info button:hover{background:var(--sage);color:#fff}
.product-info a small{display:block;color:#777168;font-size:11px;margin-bottom:9px}.product-card{cursor:pointer}.product-card .product-image img{transition:transform .35s}.product-card:hover .product-image img{transform:rotate(-2deg) scale(1.018)}.product-card:hover .months-pack img{transform:rotate(1.5deg) scale(1.018)}.product-card:hover .numbers-real-pack img{transform:rotate(-.75deg) scale(1.018)}
.cart-overlay{position:fixed;inset:0;background:rgba(34,29,22,.35);z-index:20;opacity:0;visibility:hidden;transition:.25s}.cart-drawer{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(430px,92vw);background:var(--cream);padding:38px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column}.cart-open .cart-overlay{opacity:1;visibility:visible}.cart-open .cart-drawer{transform:none}.cart-close{position:absolute;right:25px;top:20px;border:0;background:none;font-size:30px;cursor:pointer}.cart-drawer h2{font:36px "DM Serif Display";margin:5px 0 30px}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:75px 1fr;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.cart-item img{width:75px;height:95px;object-fit:cover}.cart-item div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cart-item b{font:17px "DM Serif Display"}.cart-item small{color:#716b62}.cart-item button{border:0;background:none;padding:0;border-bottom:1px solid #aaa;font-size:11px;cursor:pointer}.empty-cart{color:#777168}.cart-footer{border-top:1px solid var(--line);padding-top:22px}.cart-footer>div{display:flex;justify-content:space-between;margin-bottom:18px}.cart-footer .button{width:100%}
.product-page{max-width:1320px;margin:auto;padding:45px 6vw 100px}.breadcrumbs{font-size:11px;color:#7c776f;display:flex;gap:9px;margin-bottom:35px}.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw}.product-gallery{background:#e6e2d8;min-height:650px;display:grid;place-items:center;padding:60px}.detail-image-wrap{height:560px;width:72%;box-shadow:0 20px 45px rgba(55,45,32,.15);transform:rotate(-2deg);border:8px solid #fff;overflow:hidden}.detail-image{width:100%;height:100%;object-fit:cover;object-position:top}.product-copy{padding-top:40px}.detail-languages{display:flex;gap:6px}.detail-languages span{font-size:9px;letter-spacing:1px;border:1px solid var(--line);padding:6px 8px}.product-copy h1{font-size:52px;line-height:1.03;margin:20px 0 10px}.detail-subtitle{font-size:12px;color:#79736b}.detail-price{font:27px "DM Serif Display";margin:25px 0}.detail-description{font-size:15px;line-height:1.8;color:#565149}.included{background:#efede6;padding:20px 24px;margin:28px 0}.included b{font:18px "DM Serif Display"}.included p{font-size:13px;margin:7px 0 0}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-actions .button{margin:0;cursor:pointer}.detail-assurances{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0;font-size:10px;color:#6f6a61}.detail-assurances b{font-weight:400}.product-copy details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.product-copy summary{list-style:none;font:17px "DM Serif Display";display:flex;justify-content:space-between;cursor:pointer}.product-copy summary::-webkit-details-marker{display:none}.product-copy details p{font-size:12px;line-height:1.6;color:#6e685f}
.detail-extra{margin:0 0 30px}.detail-section{padding:20px 0;border-top:1px solid var(--line)}.detail-section h3{font:20px "DM Serif Display";margin:0 0 12px;text-transform:none}.detail-section ul{list-style:none;padding:0;margin:0}.detail-section li,.detail-section p{font-size:13px;line-height:1.7;color:#5f5a52;margin:4px 0}
.legal-page{background:linear-gradient(180deg,#fbf8f2 0,#f0eee8 100%);padding:75px 7vw 110px}.legal-hero{max-width:860px;margin:0 auto 42px;text-align:center}.legal-hero h1{font-size:clamp(54px,7vw,84px);margin:0 0 22px}.legal-hero p{font-size:17px;line-height:1.75;color:#5f5a52;margin:0 auto;max-width:720px}.legal-card{max-width:920px;margin:0 auto;background:#fffaf3;border:1px solid var(--line);box-shadow:0 18px 45px rgba(54,45,35,.08);padding:48px}.legal-card h2{font:28px "DM Serif Display";margin:34px 0 10px;color:#4f634f}.legal-card h2:first-child{margin-top:0}.legal-card p{font-size:15px;line-height:1.85;color:#5f5a52;margin:0 0 14px}.legal-card strong{color:#33291d}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:40px}.muted{color:#8a8176;font-style:italic}
.how-section{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.how-art{background:#dfe2da;position:relative;display:grid;place-items:center;overflow:hidden}.rainbow{font:300px/1 "DM Serif Display";color:#b8a98f;transform:rotate(-8deg);opacity:.55}.mini-paper{position:absolute;background:#faf7f0;width:210px;height:290px;display:grid;place-items:center;text-align:center;font:28px "DM Serif Display";box-shadow:0 20px 45px rgba(70,60,45,.15);transform:rotate(6deg);padding:60px 20px}.mini-paper b{color:#71806c}.how-copy{padding:90px 9vw 70px 8vw}.how-copy ol{list-style:none;padding:0;margin:45px 0 0}.how-copy li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.how-copy li>span{font:italic 19px "DM Serif Display";color:#859181}.how-copy li b{font:19px "DM Serif Display"}.how-copy li p{font-size:13px;color:#6d6961;margin:6px 0;line-height:1.5}
.quote-section{text-align:center;padding:100px 20%;background:#485c4f;color:#fff}.quote-section .eyebrow{color:#cbd2ca;margin-bottom:16px}.quote-section h2{font:48px "DM Serif Display";margin:0 0 30px}.quote-section .about-text{font-size:16px;line-height:1.9;letter-spacing:0;color:#eef1ed;max-width:850px;margin:0 auto}.quote-section .about-signature{font-size:10px;letter-spacing:2px;color:#cbd2ca;margin:30px 0 0}
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.accordion details{border-top:1px solid var(--line);padding:22px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;font:19px "DM Serif Display";display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font:23px "DM Sans";font-weight:300}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{font-size:13px;line-height:1.6;color:#6c675f;max-width:90%}
footer{background:var(--brown);color:#eee9df;padding:75px 7vw 25px;display:grid;grid-template-columns:1.3fr .7fr .7fr 1.3fr;gap:55px}footer .brand-mark{margin-bottom:18px}footer h3{font:30px "DM Serif Display";margin:0 0 8px}footer p{color:#bcb3a6;font-size:13px;line-height:1.6}footer>div:not(.footer-brand):not(.footer-bottom){display:flex;flex-direction:column;gap:13px}footer b{font-size:10px;letter-spacing:1.7px;margin-bottom:10px}footer a{font-size:13px;color:#c8c0b5}.newsletter form{display:flex;border-bottom:1px solid #8f877c;margin-top:13px}.newsletter input{border:0;background:transparent;color:#fff;padding:10px 0;flex:1;outline:0}.newsletter button{border:0;background:transparent;color:#fff;font-size:20px}.footer-bottom{grid-column:1/-1;border-top:1px solid #574d40;padding-top:22px;margin-top:35px;display:flex;justify-content:space-between;font-size:10px;color:#91887b}
.checkout-message{min-height:100vh;display:grid;place-items:center;align-content:center;text-align:center;padding:40px 22px;background:radial-gradient(circle at top,#f7ead8 0,#fffaf3 42%,#eef3e7 100%)}
.checkout-message .brand-mark{margin-bottom:22px}
.checkout-message h1{margin:8px 0 12px;font-family:"DM Serif Display",serif;font-size:clamp(42px,8vw,76px);color:#536947}
.checkout-message p:not(.eyebrow){max-width:560px;margin:0 auto 26px;color:#786b5f;font-size:18px;line-height:1.7}
.download-box{display:grid;gap:12px;margin:4px auto 28px;width:min(560px,100%)}
.download-link{display:block;border:1px solid #536947;background:#536947;color:#fff;padding:17px 20px;font-size:14px;letter-spacing:.5px;cursor:pointer;box-shadow:0 10px 22px rgba(70,89,67,.18)}
.download-link:hover{transform:translateY(-2px);background:#465a4d}
.download-note{border:1px solid var(--line);background:rgba(255,255,255,.55);padding:14px 16px;font-size:14px!important;margin:0!important}
@media(max-width:900px){.site-header{height:82px;grid-template-columns:1fr auto}.main-nav{display:none}.brand-name{font-size:21px}.menu-toggle{display:block;position:absolute;right:100px}.main-nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 8vw}.hero-art{min-height:580px}.category-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr}.how-section{grid-template-columns:1fr}.how-art{min-height:500px}.faq{grid-template-columns:1fr}.quote-section{padding:80px 9%}footer{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.legal-page{padding:55px 24px 80px}.legal-card{padding:34px 26px}.contact-card{grid-template-columns:1fr;gap:20px}}
@media(max-width:900px){.product-detail{grid-template-columns:1fr}.product-gallery{min-height:540px}.detail-image-wrap{height:460px}.product-copy{padding-top:10px}}
@media(max-width:560px){.announcement{font-size:9px}.site-header{padding:0 20px}.brand{gap:8px}.brand-mark{width:48px;height:48px;font-size:28px}.brand-name{font-size:17px}.menu-toggle{right:86px}.hero-copy{padding:60px 24px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{flex-wrap:wrap}.hero-art{min-height:480px}.card{width:135px;height:200px;border-width:7px}.card b{font-size:75px}.card span{margin-top:15px}.benefit-strip p{font-size:20px}.section{padding:75px 20px}.section-heading h2,.how-copy h2,.faq h2{font-size:38px}.section-heading>.text-link{display:none}.category-grid,.product-grid{grid-template-columns:1fr}.category{height:300px}.product-card:last-child{display:block}.product-image{height:360px}.how-art{min-height:400px}.how-copy{padding:70px 24px}.quote-section{padding:75px 24px}.quote-section h2{font-size:38px}.quote-section .about-text{font-size:15px;line-height:1.8}footer{grid-template-columns:1fr;padding:60px 24px 25px}.footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:560px){.product-page{padding:25px 20px 70px}.product-gallery{min-height:420px;padding:35px}.detail-image-wrap{height:360px;width:78%}.product-copy h1{font-size:40px}.detail-actions{grid-template-columns:1fr}.cart-drawer{padding:28px 22px}}