@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#48332f;--paper:#fcf8f2;--pink:#eac7c9;--purple:#746081;--line:#dacfc5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}.skip{position:absolute;top:-100px;z-index:5;background:var(--ink);color:white;padding:15px}.skip:focus{top:5px}.demo-bar{display:flex;justify-content:space-between;gap:10px;padding:8px 5%;font-size:9px;background:var(--ink);color:var(--paper)}.demo-bar a{text-decoration:underline}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.logo{position:relative;display:flex;align-items:center;gap:5px;font:32px 'DM Serif Display';letter-spacing:-1px}.logo small{position:absolute;top:100%;left:0;font:7px 'DM Sans';letter-spacing:1.4px;white-space:nowrap}.logo-ring{width:22px;height:22px;border:7px solid #c88992;border-radius:50%;transform:rotate(-15deg)}nav{display:flex;gap:30px;font-size:12px}#menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);padding:14px 24px;border:0;border-radius:4px;font-size:12px;min-height:48px}.button:hover{background:var(--purple)}.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;font-size:12px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:75px 0 65px}.eyebrow{display:block;font-size:9px;letter-spacing:1.8px;margin-bottom:23px;font-weight:600}h1,h2{font-family:'DM Serif Display',serif;font-weight:400;letter-spacing:-2px;line-height:1.04;margin:0}h1{font-size:clamp(55px,6.5vw,94px)}h1 em{display:block;color:#9d626e}h2{font-size:clamp(40px,4.6vw,65px)}h2 em{color:#9d626e}h3{font:24px/1.3 'DM Serif Display';margin:0}.hero p{font-size:14px;margin:28px 0;line-height:1.9}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.hero-bottom{display:flex;align-items:center;gap:15px;font-size:10px;line-height:1.6;margin-top:35px}.smiley{font-size:38px;color:#9d626e}.hero-art{position:relative;min-height:580px;background:#f1e6dc;border-radius:48% 48% 10px 10px}.orbit-label{position:absolute;top:35px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;white-space:nowrap}.donut{--glaze:#f3a7b9;width:215px;height:215px;background:radial-gradient(circle at 40% 35%,#f6d292,#d69a58 70%,#ac733e);border-radius:50%;position:relative;box-shadow:12px 20px 20px #60402d26,inset -5px -7px 10px #8f551830,inset 5px 4px 10px #fff2c580;transform:rotate(-20deg);isolation:isolate}.donut:after{content:'';position:absolute;width:29%;height:29%;left:35.5%;top:35.5%;border-radius:50%;background:var(--surface,#f1e6dc);box-shadow:inset 4px 4px 7px #6a3f3a30,0 0 0 7px #cb905480;z-index:3}.icing{position:absolute;inset:10px;border-radius:46% 49% 45% 48%;background:var(--glaze);box-shadow:inset 5px 7px 8px #ffffff55,inset -5px -7px 8px #74363625}.sprinkles{position:absolute;inset:19px;border-radius:50%;background-image:repeating-linear-gradient(35deg,transparent 0 13px,#fff0d6 14px 17px,transparent 18px 34px),repeating-linear-gradient(120deg,transparent 0 26px,#b65e7760 27px 29px,transparent 30px 48px);mask-image:radial-gradient(circle,transparent 28%,#000 29% 65%,transparent 66%);z-index:2}.choco{--glaze:#6d4237}.choco .sprinkles{background-image:radial-gradient(#402922 2px,transparent 3px),radial-gradient(#ab8064 2px,transparent 3px);background-size:13px 15px,19px 17px;background-position:0 0,8px 6px}.vanilla{--glaze:#f7e5bd}.vanilla .sprinkles{background-image:repeating-linear-gradient(35deg,transparent 0 17px,#df83a4 18px 21px,transparent 22px 34px),repeating-linear-gradient(120deg,transparent 0 26px,#89a289 27px 30px,transparent 31px 48px)}.sugar{--glaze:#e9c392}.sugar .icing{background-image:radial-gradient(#fff8eac0 1px,transparent 2px);background-size:5px 5px}.hero-pink{position:absolute;left:8%;top:100px;width:260px;height:260px;z-index:2}.hero-choco{position:absolute;right:4%;top:245px;transform:rotate(25deg);z-index:1}.hero-vanilla{position:absolute;left:10%;bottom:30px;width:160px;height:160px}.art-note{position:absolute;right:10%;top:115px;font:italic 22px/1.2 'DM Serif Display';transform:rotate(8deg)}.star{position:absolute;right:8%;bottom:45px;font-size:65px;color:#aa7480;line-height:1}.art-caption{position:absolute;bottom:15px;left:50%;font-size:7px;letter-spacing:1px}.ribbon{display:flex;justify-content:space-around;gap:25px;flex-wrap:wrap;padding:25px 4%;background:var(--pink);font-size:12px;letter-spacing:1px}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}.section-head p{font-size:13px;color:#857169;margin:0 0 20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:30px;padding:9px 17px;font-size:11px}.filters .active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-art{height:280px;display:grid;place-items:center;position:relative;overflow:hidden}.product-art>span{position:absolute;left:15px;top:15px;font-size:7px;letter-spacing:1px}.sand{background:#ede0cd;--surface:#ede0cd}.rose{background:#f2d8de;--surface:#f2d8de}.cocoa{background:#e4cbbd;--surface:#e4cbbd}.lilac{background:#e8e0ed;--surface:#e8e0ed}.product-art .donut{width:165px;height:165px;box-shadow:9px 16px 15px #60402d20}.product-heading{display:flex;justify-content:space-between;gap:8px;align-items:start;margin-top:20px}.product-heading h3{font-size:21px;max-width:160px}.product-heading b{font-size:10px;font-weight:500;padding-top:5px;white-space:nowrap}.product>p{font-size:12px;color:#857169;line-height:1.8}.small-note{font-size:10px;color:#857169;line-height:1.8;margin-top:25px}.box-section{background:#e9e0ed;padding:80px 0}.box-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.box-layout>div>p:not(.small-note){font-size:14px;color:#857169;margin-top:25px}.box-art{position:relative;height:470px;transform:rotate(-7deg)}.box-lid{position:absolute;top:0;left:8%;width:84%;height:200px;background:#a784a2;border:7px solid #977491;box-shadow:8px 10px 0 #6b446f15;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff8ec;transform:skewX(-5deg)}.box-lid>span{font:50px 'DM Serif Display';letter-spacing:-2px}.box-lid small{font-size:8px;letter-spacing:1.5px}.box-base{position:absolute;left:0;bottom:20px;width:100%;height:280px;background:#e4cbb1;border:15px solid #bd9b7c;box-shadow:10px 20px 0 #6b446f15;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;--surface:#e4cbb1;justify-items:center;align-items:center}.box-base .donut{width:100px;height:100px;box-shadow:4px 5px 8px #60402d20}.box-base .icing{inset:5px}.box-art>span{position:absolute;bottom:-15px;left:0;font-size:7px;letter-spacing:1px}.box-options{margin-top:25px}.box-options button{display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;border:0;border-top:1px solid #b6a4ba;background:none;text-align:left;padding:20px 0;color:var(--ink)}.box-options button>span{font:23px 'DM Serif Display'}.box-options small{display:block;font:10px 'DM Sans';margin-top:6px;color:#857169}.box-options b{font-size:12px;font-weight:500}.story{text-align:center;max-width:900px}.story>p{max-width:670px;margin:30px auto;color:#857169;font-size:14px}.story-line{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;font-size:8px;letter-spacing:1px;margin-top:45px}.story-line>span:nth-child(even){color:#a37684;font-size:16px}.order-section{background:#f1e5dc;padding:80px 0}.order-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.order-layout>div>p{font-size:14px;color:#857169;max-width:450px;margin-top:25px}.order-note{margin-top:35px;border-left:2px solid #aa7480;padding-left:20px;max-width:380px}.order-note b{font-size:12px}.order-note p{font-size:11px;color:#857169}form{background:var(--paper);padding:35px;border:1px solid #e3d5ca;border-radius:8px}label{display:block;font-size:11px;margin-bottom:8px}label span{color:#857169}input,select,textarea{width:100%;padding:13px;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:3px;margin-bottom:22px;font-size:12px;min-height:48px}input:focus,select:focus,textarea:focus{outline:2px solid #a37684;outline-offset:3px}.form-row{display:grid;grid-template-columns:1fr 1.2fr;gap:15px}.total{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:20px;font-size:11px}.total strong{font:29px 'DM Serif Display'}form .small-note{margin-top:10px}form>.button{width:100%}#preview{border-top:1px solid var(--line);padding-top:25px;margin-top:25px}pre{font:12px/1.8 'DM Sans';white-space:pre-wrap;overflow-wrap:anywhere}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;list-style:none;position:relative;padding-right:25px;font-size:13px;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0}details[open] summary:after{content:'−'}details p{font-size:12px;color:#857169;margin:15px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:60px 0;border-top:1px solid var(--line);align-items:center}.contact>div>p{font-size:13px;color:#857169}.contact .small-note{font-size:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:10px}footer .logo{font-size:27px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:1000px){nav{gap:20px}.hero-art{min-height:530px}.hero-pink{width:215px;height:215px}.hero-choco{width:185px;height:185px;top:245px}.hero-vanilla{width:135px;height:135px}.art-note{font-size:19px;top:60px;right:15%}.menu-grid{grid-template-columns:repeat(2,1fr);gap:35px 25px}.product-art{height:300px}.product-art .donut{width:190px;height:190px}}@media(max-width:650px){.demo-bar{font-size:8px;flex-wrap:wrap;gap:4px}.wrap{width:89%}header{padding:25px 0;flex-wrap:wrap;gap:20px}.logo{font-size:30px}.logo small{font-size:6px}.header-order{display:none}#menu-toggle{display:block;border:1px solid var(--line);background:none;padding:9px 14px;color:var(--ink);font-size:12px}nav{display:none;width:100%;padding-top:10px}nav.open{display:flex;flex-direction:column;gap:0}nav a{padding:12px 0;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;gap:35px;padding:45px 0}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:57px;letter-spacing:-2px}.hero p{font-size:13px;margin:25px 0}.hero-bottom{margin-top:25px}.hero-art{min-height:430px;max-width:370px;width:100%;margin:auto}.hero-pink{width:200px;height:200px;top:80px;left:4%}.hero-choco{width:160px;height:160px;right:3%;top:210px}.hero-vanilla{width:120px;height:120px;bottom:22px;left:8%}.orbit-label{font-size:6px;letter-spacing:1px;top:25px}.art-note{font-size:17px;right:10%;top:65px}.star{font-size:40px;right:8%;bottom:15px}.art-caption{font-size:6px;bottom:12px}.ribbon{padding:20px 5%;gap:15px;font-size:9px}.ribbon>span:last-child{display:none}.section{padding:60px 0}h2{font-size:43px;letter-spacing:-1.5px}.section-head{display:block;margin-bottom:30px}.section-head>div:last-child{margin-top:25px}.menu-grid{gap:30px 17px}.product-art{height:180px}.product-art .donut{width:120px;height:120px}.product-art>span{font-size:5px;left:8px;top:10px;letter-spacing:.5px}.product-heading{flex-direction:column;gap:5px;margin-top:15px}.product-heading h3{font-size:21px}.product-heading b{padding:0}.product>p{font-size:11px}.product .text-link{font-size:10px}.box-section{padding:55px 0}.box-layout{grid-template-columns:1fr;gap:45px}.box-art{height:380px;max-width:340px;width:95%;margin:auto;transform:rotate(-4deg)}.box-lid{height:160px;top:0}.box-lid>span{font-size:38px}.box-lid small{font-size:6px}.box-base{height:235px;bottom:10px;padding:10px;border-width:10px;gap:5px}.box-base .donut{width:88px;height:88px}.box-art>span{bottom:-10px}.box-options button>span{font-size:23px}.box-options b{font-size:11px}.story h2{font-size:41px}.story>p{font-size:13px}.story-line{gap:13px;font-size:6px}.order-section{padding:55px 0}.order-layout{grid-template-columns:1fr;gap:30px}.order-layout>div>p{font-size:13px}.order-note{margin-top:25px}form{padding:25px 20px}.form-row{gap:12px}select{font-size:11px;padding-left:9px}.total strong{font-size:25px}.faq,.contact{grid-template-columns:1fr;gap:30px}.contact{padding:50px 0}footer{flex-wrap:wrap;gap:20px}footer p{width:100%;order:3}}