@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#23342c;--paper:#faf9f5;--green:#d9ed75;--line:#d8ddd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6c8c45;outline-offset:5px}.announcement{text-align:center;background:var(--ink);color:white;padding:10px;font-size:12px;letter-spacing:.06em}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.logo{font-family:'Space Grotesk',Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:-1.8px}.logo span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:30px;font-size:14px}header button{background:none;border:1px solid var(--line);border-radius:30px;padding:10px 16px}#count{background:var(--ink);color:white;border-radius:50%;display:inline-grid;place-items:center;width:23px;height:23px;margin-left:9px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.hero-copy{padding:75px 10%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em}h1,h2{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(45px,5.3vw,78px);line-height:1.03;margin:25px 0}.hero-copy>p:not(.eyebrow){max-width:370px;font-size:16px;line-height:1.7;color:#647066}.button{display:inline-flex;justify-content:space-between;gap:35px;background:var(--ink);color:white;padding:17px 24px;border:0;border-radius:4px;margin-top:18px;font-weight:500}.hero-note{font-size:11px;margin-top:24px;color:#657062}.hero-art{background:#ececde;position:relative;overflow:hidden;min-height:530px}.circle{width:380px;height:380px;border-radius:50%;position:absolute;left:18%;top:14%;background:#d8e1bd}.art-label{position:absolute;left:30px;right:30px;top:30px;font-size:11px;letter-spacing:.12em}.art-label span{float:right}.hero-art>p{position:absolute;bottom:20px;left:30px;font-size:10px;letter-spacing:.15em}.bottle{position:absolute;left:28%;top:20%;transform:rotate(-12deg);filter:drop-shadow(13px 22px 12px #53644935)}.cap{height:30px;width:60px;background:#293a31;border-radius:10px 10px 3px 3px;margin:auto}.bottle-body{width:110px;height:245px;background:linear-gradient(90deg,#a2b990,#d4dfb8 50%,#9cb184);border-radius:26px 26px 20px 20px;display:grid;place-items:center;font-size:28px;font-weight:700;color:#3d563d}.headphones{position:absolute;left:55%;top:36%;width:150px;height:180px;border:24px solid #d57c4d;border-bottom:0;border-radius:90px 90px 15px 15px;transform:rotate(20deg);filter:drop-shadow(12px 12px 8px #53644925)}.headphones i,.headphones b{position:absolute;width:40px;height:80px;bottom:-10px;border-radius:17px;background:#b46740}.headphones i{left:-31px}.headphones b{right:-31px}.tray{position:absolute;bottom:65px;left:19%;width:190px;height:70px;background:#e9c080;border:8px solid #c99e62;transform:rotate(-10deg);border-radius:12px;box-shadow:8px 14px 15px #53644920;display:flex;gap:8px;padding:7px}.tray div{background:#d8ae71;flex:1;border-radius:3px}.sticker{position:absolute;right:7%;top:12%;background:var(--green);width:110px;height:110px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:20px;line-height:1.1;transform:rotate(14deg);font-family:'Space Grotesk',sans-serif}.ribbon{background:var(--green);display:flex;align-items:center;justify-content:space-around;padding:23px 3%;font-size:12px}.ribbon b{font-size:24px;font-weight:400}.shop{padding:75px 5%}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2{font-size:42px;margin:15px 0 30px}.section-title>p{font-size:13px;padding-bottom:25px;color:#667065}.controls{display:flex;justify-content:space-between;gap:20px;align-items:center}.controls button{border:1px solid var(--line);border-radius:30px;padding:10px 18px;background:none;margin:0 6px 8px 0;font-size:12px}.controls button.active{background:var(--ink);color:white;border-color:var(--ink)}.search{border-bottom:1px solid #9da898;display:flex;gap:10px;padding:8px}.search input{background:none;border:none;width:170px;font:inherit;font-size:12px;color:var(--ink)}.sample-note{font-size:11px;color:#6c756a;line-height:1.7;margin:18px 0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px;margin-top:25px}.product .visual{height:250px;position:relative;background:var(--bg);display:grid;place-items:center;overflow:hidden;border-radius:5px}.visual svg{width:74%;height:74%;filter:drop-shadow(8px 12px 6px #23342c22);transition:transform .3s}.product:hover svg{transform:rotate(-4deg) scale(1.06)}.visual>span{position:absolute;top:15px;left:15px;font-size:10px;background:#ffffffb5;padding:5px 8px;border-radius:3px}.quick-add{position:absolute;bottom:13px;right:13px;width:34px;height:34px;background:white;border:0;border-radius:50%;font-size:23px}.product-name{background:none;border:none;padding:0;text-align:left;font-size:15px;font-weight:500}.product-info{display:flex;justify-content:space-between;gap:8px;margin-top:15px}.product-info strong{font-size:13px;white-space:nowrap;font-weight:500}.category{font-size:11px;color:#6d776b;margin-top:7px}.story{padding:75px 15%;text-align:center;background:#e9eddf}.story h2{font-size:48px;line-height:1.12}.story>p:not(.eyebrow){max-width:550px;margin:0 auto 30px;line-height:1.8;font-size:14px}.story a{border-bottom:1px solid;padding-bottom:5px;font-size:13px}.faq{max-width:800px;margin:auto;padding:60px 25px 80px}.faq h2{font-size:35px}.faq details{border-bottom:1px solid var(--line);padding:20px 0;font-size:14px}.faq summary{cursor:pointer}.faq details p{color:#667065;line-height:1.7}footer{padding:40px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{font-family:'Space Grotesk';font-size:20px}footer div{font-size:10px;color:#667065}dialog{border:0;border-radius:8px;padding:35px;width:min(500px,92vw);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#182c2266;backdrop-filter:blur(4px)}dialog h2{font-size:30px}.close{position:absolute;right:15px;top:10px;font-size:28px;background:none;border:0}.detail-art{height:220px;display:grid;place-items:center;border-radius:5px;margin-top:10px}.detail-art svg{height:180px;width:200px}#detail p{font-size:14px;line-height:1.7}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.cart-row{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.cart-row>div{flex:1}.cart-row small{display:block;margin-top:6px}.cart-row button{border:1px solid var(--line);background:none;padding:5px 10px;border-radius:3px}.continue{display:block;margin-top:20px;border:0;background:none;padding:0;font-size:13px}.button:disabled{background:#dce0d5;color:#697262;cursor:not-allowed;width:100%}@media(max-width:900px){nav{gap:16px}nav a:nth-child(n+3){display:none}.hero-copy{padding:60px 9%}.products{grid-template-columns:repeat(2,1fr)}.section-title>p{display:none}.controls{flex-wrap:wrap}.hero-art{min-height:480px}.bottle{left:20%}.headphones{left:52%}.sticker{right:4%;width:90px;height:90px}.circle{left:4%}footer{flex-wrap:wrap;gap:15px}}@media(max-width:600px){header{height:80px}.logo{font-size:25px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}h1{font-size:55px}.hero-art{min-height:390px}.circle{width:300px;height:300px;left:14%;top:10%}.bottle{left:27%;top:14%;transform:scale(.85) rotate(-12deg)}.headphones{top:34%;left:54%;transform:scale(.8) rotate(20deg)}.tray{bottom:45px;transform:scale(.8) rotate(-10deg)}.sticker{top:8%}.ribbon{gap:20px;justify-content:center;padding:16px 5%;font-size:10px}.ribbon span:nth-last-child(-n+3),.ribbon b:last-of-type{display:none}.shop{padding:45px 5%}.section-title h2{font-size:34px}.controls button{padding:9px 13px}.search{width:100%}.search input{width:100%}.products{gap:25px 12px}.product .visual{height:190px}.product-info{display:block}.product-info strong{display:block;margin-top:7px}.product-name{font-size:13px}.story{padding:50px 7%}.story h2{font-size:36px}footer{display:block}footer div{margin-top:20px}}