:root{--ink:#17211f;--cream:#fffaf1;--pink:#ff6f91;--pink2:#ffd5df;--red:#ed315a;--teal:#0f665b;--mint:#cfeee5;--yellow:#f5d457;--line:#1b2825;--white:#fff;--shadow:8px 8px 0 var(--line)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px}button,a{font:inherit}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,33,31,.22)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand i{font-family:"Playfair Display",serif;color:var(--red);font-weight:700}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--pink);border:2px solid var(--line);border-radius:50% 50% 42% 58%;font-family:"Playfair Display",serif}.nav nav{display:flex;align-items:center;gap:28px}.nav nav>a{text-decoration:none;font-weight:600}.bag{border:2px solid var(--line);background:var(--white);border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}.bag span{display:inline-grid;place-items:center;width:23px;height:23px;background:var(--yellow);border-radius:50%;margin-left:6px}.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;padding-block:70px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--teal)}h1,h2{font-family:"Playfair Display",serif;line-height:.96;margin:18px 0}h1{font-size:clamp(3.5rem,6.3vw,6.5rem);letter-spacing:-.055em}h1 em,h2 em{color:var(--red)}.intro{font-size:1.18rem;line-height:1.65;max-width:580px}.primary{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;padding:17px 22px;text-decoration:none;font-weight:700;margin-top:14px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--pink)}.primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--pink)}.proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:.82rem;font-weight:700}.proof span:before{content:"✓";color:var(--teal);margin-right:6px}.hero-art{position:relative;min-height:490px}.paper{position:absolute;border:2px solid var(--line);box-shadow:var(--shadow);background:#fff}.paper-back{inset:55px 10px 10px 75px;background:var(--pink2);transform:rotate(7deg);padding:40px}.paper-head{font-size:2.2rem;line-height:.98}.paper-head strong{font-family:"Playfair Display",serif}.scribble{font-size:5rem;position:absolute;right:35px;bottom:15px;color:var(--red)}.paper-front{inset:30px 55px 45px 10px;transform:rotate(-4deg);padding:38px 34px}.paper-front h2{font-size:2.7rem}.mini-label{font-weight:800;letter-spacing:.12em;font-size:.75rem;background:var(--yellow);padding:5px 9px}.med-row{display:grid;grid-template-columns:1fr 1fr;padding:14px 0;border-bottom:1px dashed #777}.med-row span{color:#52615e}.memory{margin-top:24px;background:var(--mint);padding:14px;border-left:5px solid var(--teal);font-weight:700}.sticker{position:absolute;z-index:3;display:grid;place-items:center;text-align:center;font-weight:900;border:2px solid var(--line);box-shadow:4px 4px 0 var(--line)}.sticker-one{right:-10px;top:5px;width:118px;height:118px;background:var(--yellow);border-radius:50%;transform:rotate(9deg)}.sticker-two{left:-30px;bottom:5px;width:90px;height:90px;background:var(--teal);color:#fff;transform:rotate(-10deg)}.marquee{overflow:hidden;background:var(--pink);border-block:2px solid var(--line);padding:14px 0;white-space:nowrap;font-weight:900;letter-spacing:.08em}.marquee div{width:max-content;animation:scroll 18s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.shop{padding-block:100px}.section-title{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:45px}.section-title h2,.why h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.035em}.section-title>p{line-height:1.65;margin-bottom:18px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{background:white;border:2px solid var(--line);padding:14px;display:flex;flex-direction:column;box-shadow:5px 5px 0 transparent;transition:.2s}.product:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--line)}.product-visual{height:330px;border:1.5px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.visual-one{background:var(--pink)}.visual-two{background:var(--mint)}.visual-three{background:var(--yellow)}.book{width:210px;min-height:250px;background:var(--cream);border:2px solid var(--line);box-shadow:12px 12px 0 rgba(23,33,31,.22);transform:rotate(-4deg);display:flex;flex-direction:column;justify-content:center;padding:22px}.book strong{font-family:"Playfair Display",serif;font-size:2.2rem;line-height:.9;margin:12px 0}.book small{font-weight:800}.visual-two .book{transform:rotate(5deg);background:#eafbf7}.visual-three .book{background:#fff0f3}.featured .product-visual>span{position:absolute;right:10px;top:10px;background:var(--yellow);border:2px solid var(--line);border-radius:50%;width:80px;height:80px;display:grid;place-items:center;text-align:center;font-weight:900;z-index:2}.product-info{display:flex;gap:10px;justify-content:space-between;padding:18px 5px 12px}.product-info h3{margin:0;font-size:1.08rem}.product-info p{margin:7px 0 0;font-size:.86rem;line-height:1.45;color:#57615f}.price{font-weight:900;white-space:nowrap;color:var(--red);font-size:1.1rem}.price s{color:#7b8583;font-weight:500}.add{margin-top:auto;width:100%;border:2px solid var(--line);background:white;padding:13px;font-weight:800;cursor:pointer}.add:hover{background:var(--ink);color:white}.why{background:var(--mint);border-block:2px solid var(--line);padding-block:90px}.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.why-list article{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid rgba(23,33,31,.35)}.why-list article>span{font-family:"Playfair Display",serif;font-size:1.6rem;color:var(--red)}.why-list h3{margin:0}.why-list p{margin:7px 0 0;line-height:1.55}footer{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:15px 20px;transform:translateY(120px);transition:.25s;z-index:10}.toast.show{transform:translateY(0)}
@media(max-width:850px){.nav nav>a{display:none}.hero{grid-template-columns:1fr;padding-block:55px}.hero-art{min-height:450px}.section-title,.why-grid{grid-template-columns:1fr;gap:25px}.products{grid-template-columns:1fr}.product-visual{height:300px}footer{flex-direction:column;justify-content:center}.section-title>p{max-width:600px}}
@media(max-width:520px){.shell{width:min(100% - 24px,1180px)}.nav{height:70px}.brand>span:last-child{font-size:.87rem}.hero{gap:35px;min-height:auto}.hero-copy h1{font-size:3.4rem}.proof{flex-direction:column;gap:8px}.hero-art{min-height:365px}.paper-front{inset:20px 25px 35px 6px;padding:28px 20px}.paper-front h2{font-size:2.1rem}.paper-back{inset:45px 0 0 38px}.sticker-one{width:85px;height:85px;font-size:.72rem;right:-4px}.sticker-two{left:-3px;width:70px;height:70px;font-size:.76rem}.section-title h2,.why h2{font-size:3rem}.shop,.why{padding-block:65px}.nav nav{gap:8px}.bag{padding:8px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.product,.primary,.toast{transition:none}}