@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,700&display=swap');

:root{--ink:#312e37;--cream:#fffaf0;--paper:#fffef8;--pink:#ff79b7;--pink-hot:#f04499;--pink-pale:#ffd8e9;--lime:#d9ff2f;--blue:#bff2ff;--line:rgba(49,46,55,.18);--holo:linear-gradient(125deg,#d7f8ff 0%,#e9c7ff 30%,#fff 52%,#ffb9d8 74%,#c4f4ed 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background-color:var(--cream);background-image:linear-gradient(rgba(240,68,153,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(240,68,153,.06) 1px,transparent 1px);background-size:32px 32px;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img,video{display:block;width:100%}button,input,select,textarea{font:inherit;color:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}
.announcement{height:34px;background:var(--ink);color:white;display:flex;justify-content:center;align-items:center;gap:15px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.announcement i{color:var(--pink);font-style:normal}
.header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,78px);background:rgba(255,250,240,.93);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.wordmark{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:33px;font-weight:700;letter-spacing:-.06em;background:var(--holo);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1.5px var(--ink);filter:drop-shadow(3px 3px 0 var(--pink));width:max-content}.nav{display:flex;gap:30px;font-size:11px;font-weight:700}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:3px;background:var(--lime);transform:scaleX(0);transition:.25s}.nav a:hover:after{transform:scaleX(1)}.header__cta{justify-self:end}.menu{display:none;background:none;border:0;padding:8px;width:42px}.menu span{display:block;height:2px;background:var(--ink);margin:6px 0;transition:.2s}
.button{border:2px solid var(--ink);background:var(--ink);color:white;border-radius:999px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:11px;font-weight:800;box-shadow:4px 4px 0 var(--pink);transition:.2s}.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--lime)}.button--small{padding:11px 18px;box-shadow:3px 3px 0 var(--pink)}
.hero{margin:22px clamp(14px,2.2vw,34px) 0;position:relative;border:2px solid var(--ink);border-radius:30px;overflow:hidden;background:#f5e8f1;box-shadow:9px 9px 0 var(--ink)}.hero__cover{aspect-ratio:1.693/1;background:#eee}.hero__cover img{height:100%;object-fit:contain}.hero__bar{background:rgba(255,254,248,.97);border-top:2px solid var(--ink);display:grid;grid-template-columns:1.3fr .9fr auto;align-items:center;gap:35px;padding:26px clamp(24px,4vw,55px)}.eyebrow{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--pink-hot)}h1,h2{margin:0;letter-spacing:-.06em;line-height:.96;font-weight:700}h1{font-size:clamp(34px,4vw,62px);margin-top:8px}h1 em,h2 em{font-family:"Playfair Display",Georgia,serif;color:var(--pink-hot)}.hero__bar p{font-size:11px;line-height:1.7;color:#6b6570;margin:0}.hero__sticker{position:absolute;right:3.5%;top:4%;width:92px;height:92px;border:2px solid var(--ink);border-radius:50%;background:var(--lime);display:grid;place-items:center;text-align:center;font-family:Georgia,serif;font-style:italic;font-weight:700;line-height:1.05;transform:rotate(8deg);box-shadow:5px 5px 0 var(--ink)}
.ticker{margin-top:32px;border-block:2px solid var(--ink);background:var(--pink);overflow:hidden}.ticker>div{width:max-content;display:flex;align-items:center;gap:28px;padding:13px 0;animation:ticker 25s linear infinite;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ticker b{color:white}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:105px clamp(22px,6vw,90px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}.section-heading h2,.trifle-feature h2,.flavors h2,.reviews h2,.order h2{font-size:clamp(45px,5.4vw,78px);margin-top:13px}.section-heading>p{max-width:390px;margin:0 0 7px;color:#716b75;font-size:12px;line-height:1.7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--ink);background:var(--paper);border-radius:999px;padding:9px 15px;font-size:10px;font-weight:800;box-shadow:2px 2px 0 var(--ink)}.filter:hover,.filter.is-active{background:var(--lime);transform:translate(-1px,-1px)}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product{min-width:0}.product.is-hidden{display:none}.product__photo{aspect-ratio:.86/1;overflow:hidden;position:relative;border:2px solid var(--ink);border-radius:22px;background:white;box-shadow:5px 5px 0 var(--ink)}.product__photo img{height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.02);transition:.45s}.product:hover img{transform:scale(1.035)}.pill{position:absolute;left:13px;top:13px;background:var(--pink);border:1px solid var(--ink);border-radius:999px;padding:6px 10px;font-size:8px;text-transform:uppercase;font-weight:800;letter-spacing:.09em}.pill--lime{background:var(--lime)}.pill--holo{background:linear-gradient(120deg,#c9f5ff,#efc7ff,#ffcce2)}.product__title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:17px}.product__title h3{font-size:16px;letter-spacing:-.03em;margin:0}.product__title b{font-size:11px;white-space:nowrap}.product>p{font-size:9px;color:#746e78;margin:6px 0 0;line-height:1.5}
.trifle-feature{display:grid;grid-template-columns:1fr 1fr;min-height:760px;background:var(--pink-pale);border-block:2px solid var(--ink)}.trifle-feature__photos{position:relative;overflow:hidden;min-height:650px;background:var(--blue)}.trifle-feature__photos img{position:absolute;border:2px solid var(--ink);object-fit:cover;box-shadow:8px 8px 0 var(--ink)}.photo-a{width:58%;height:70%;left:8%;top:10%;transform:rotate(-5deg)}.photo-b{width:48%;height:62%;right:5%;bottom:8%;transform:rotate(6deg)}.trifle-feature__photos>span{position:absolute;z-index:2;right:8%;top:8%;background:var(--lime);border:2px solid var(--ink);padding:16px;border-radius:50%;width:120px;height:120px;display:grid;place-items:center;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:15px;transform:rotate(8deg);box-shadow:5px 5px 0 var(--ink)}.trifle-feature__copy{padding:80px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.trifle-feature__copy>p{font-size:13px;line-height:1.75;color:#6f5d67;max-width:520px}.set-prices{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);border-radius:16px;overflow:hidden;margin:18px 0}.set-prices div{padding:15px 10px;border-right:1px solid var(--ink);display:flex;flex-direction:column;gap:4px;text-align:center}.set-prices div:last-child{border:0}.set-prices b{font-size:11px}.set-prices span{font-size:9px}.trifle-feature ul{font-size:10px;line-height:1.7;padding-left:18px;color:#6f5d67}.text-link{font-size:11px;font-weight:800;border-bottom:2px solid var(--ink);padding:8px 0;width:max-content}.text-link span{padding-left:10px}
.reels{background:var(--ink);color:white;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}.section-heading--light .eyebrow{color:var(--lime)}.section-heading--light>p{color:#c7c1ca}.reels__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:950px;margin:auto}.reel{position:relative;margin:0;border:2px solid white;border-radius:26px;overflow:hidden;background:#111;box-shadow:8px 8px 0 var(--pink)}.reel--offset{transform:translateY(35px);box-shadow:8px 8px 0 var(--lime)}.reel video{aspect-ratio:9/16;max-height:690px;object-fit:cover;cursor:pointer}.reel figcaption{display:flex;justify-content:space-between;gap:20px;padding:16px 18px;background:var(--paper);color:var(--ink)}.reel figcaption b{font-size:11px}.reel figcaption span{font-size:9px;color:#756f79}.sound{position:absolute;top:14px;right:14px;z-index:2;border:1px solid white;background:rgba(49,46,55,.75);color:white;padding:7px 10px;border-radius:999px;font-size:8px;font-weight:800;backdrop-filter:blur(8px)}
.flavors{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,8vw,120px);align-items:center}.flavors__visual{position:relative}.flavors__visual img{aspect-ratio:.78/1;object-fit:cover;border:2px solid var(--ink);border-radius:28px;box-shadow:10px 10px 0 var(--pink);filter:saturate(1.04) contrast(1.03)}.flavors__note{position:absolute;left:-18px;bottom:8%;background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:105px;height:105px;display:grid;place-items:center;text-align:center;font-family:Georgia,serif;font-style:italic;transform:rotate(-8deg);box-shadow:5px 5px 0 var(--ink)}.flavor-list{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:30px 0;border-top:1px solid var(--line)}.flavor-list li{display:flex;gap:12px;padding:13px 8px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.flavor-list li:nth-child(odd){border-right:1px solid var(--line)}.flavor-list span{font-size:8px;color:var(--pink-hot);padding-top:2px}.trifle-flavors{background:var(--pink-pale);border:1px solid var(--ink);border-radius:15px;padding:15px;display:flex;flex-direction:column;gap:5px}.trifle-flavors b{font-size:10px}.trifle-flavors span{font-size:9px;line-height:1.55;color:#6f6570}
.gallery{background:rgba(255,255,255,.45)}.gallery__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:235px;gap:12px}.gallery__item{border:0;padding:0;overflow:hidden;border-radius:15px;background:#ddd;position:relative}.gallery__item img{height:100%;object-fit:cover;transition:.4s;filter:saturate(1.04) contrast(1.02)}.gallery__item:hover img{transform:scale(1.04)}.gallery__item:after{content:"↗";position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:var(--lime);border:1px solid var(--ink);display:grid;place-items:center;font-weight:800}.gallery__item--wide{grid-column:span 2}.gallery__item--tall{grid-row:span 2}
.reviews{padding:100px clamp(22px,6vw,90px);display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:22px;background:var(--lime);border-block:2px solid var(--ink)}.reviews__title{padding-right:35px}.reviews article{background:var(--paper);border:2px solid var(--ink);border-radius:18px;padding:28px;box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;min-height:300px}.reviews article:nth-child(3){transform:rotate(2deg);background:var(--pink-pale)}.reviews article>span{color:var(--pink-hot);font-size:10px;letter-spacing:.12em}.reviews article p{font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.55;margin:22px 0 auto}.reviews article b{font-size:11px}.reviews article small{font-size:8px;color:#746d77;margin-top:4px}
.order{padding:105px clamp(22px,8vw,130px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px);background:var(--pink-pale)}.order__copy>p{font-size:12px;line-height:1.7;color:#6f6570;max-width:380px}.order__badge{border:2px solid var(--ink);background:var(--lime);border-radius:15px;padding:14px;display:flex;flex-direction:column;gap:4px;max-width:390px;box-shadow:4px 4px 0 var(--ink)}.order__badge b{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.order__badge span{font-size:10px;line-height:1.5}.order-form{background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:clamp(24px,4vw,45px);box-shadow:9px 9px 0 var(--ink)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.field input,.field select,.field textarea{border:1px solid var(--ink);border-radius:10px;background:#fff;padding:13px;outline:0;font-size:10px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px var(--pink)}.order-form__bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px}.order-form__bottom>div{display:flex;flex-direction:column}.order-form__bottom small{font-size:8px;color:#716a74}.order-form__bottom strong{font-size:23px}.form-note{font-size:8px;color:#756f79;text-align:right;margin:12px 0 0}
.footer{background:var(--ink);color:white;padding:65px clamp(22px,6vw,90px) 25px;display:grid;grid-template-columns:1.5fr 1fr .8fr .8fr;gap:40px;align-items:start}.wordmark--footer{font-size:48px}.footer>p{font-size:10px;line-height:1.7;color:#c4bdc7;margin:0}.footer>div{display:flex;flex-direction:column;gap:10px;font-size:10px}.footer a:hover{color:var(--lime)}.footer>small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:18px;color:#89838c;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
.lightbox{width:min(90vw,900px);max-height:90vh;padding:0;border:2px solid var(--ink);border-radius:18px;background:var(--ink);box-shadow:10px 10px 0 var(--pink)}.lightbox::backdrop{background:rgba(30,26,31,.82);backdrop-filter:blur(5px)}.lightbox img{max-height:85vh;object-fit:contain}.lightbox button{position:absolute;right:10px;top:10px;width:38px;height:38px;border:1px solid var(--ink);border-radius:50%;background:var(--lime);font-size:22px}.toast{position:fixed;z-index:50;right:22px;bottom:22px;background:var(--ink);color:white;border:2px solid white;border-radius:15px;padding:14px;display:flex;align-items:center;gap:22px;box-shadow:6px 6px 0 var(--pink);transform:translateY(160%);opacity:0;transition:.3s}.toast.is-visible{transform:translateY(0);opacity:1}.toast>div{display:flex;flex-direction:column;gap:3px}.toast b{font-size:10px}.toast span{font-size:8px;color:#c7c1ca}.toast a{background:var(--lime);color:var(--ink);padding:9px 12px;border-radius:999px;font-size:8px;font-weight:800}
@media(max-width:1050px){.header{grid-template-columns:1fr auto}.nav{position:fixed;inset:78px 0 auto;background:var(--cream);padding:32px;display:flex;flex-direction:column;align-items:center;border-bottom:2px solid var(--ink);transform:translateY(-130%);transition:.3s;z-index:-1}.nav.is-open{transform:translateY(0)}.header__cta{display:none}.menu{display:block}.menu[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.hero__bar{grid-template-columns:1fr 1fr}.hero__bar .button{grid-column:1/-1;width:max-content}.product-grid{grid-template-columns:1fr 1fr;gap:35px 17px}.trifle-feature{grid-template-columns:1fr}.trifle-feature__photos{min-height:680px}.flavors{grid-template-columns:1fr}.flavors__visual{max-width:650px;margin:auto}.reviews{grid-template-columns:1fr 1fr}.reviews__title{grid-column:1/-1}.order{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.wordmark--footer{grid-column:1/-1}}
@media(max-width:650px){.announcement{font-size:7px;gap:8px}.announcement span:last-child,.announcement i:last-of-type{display:none}.header{height:68px;padding:0 18px}.nav{inset:68px 0 auto}.hero{margin:10px 8px 0;border-radius:18px;box-shadow:5px 5px 0 var(--ink)}.hero__cover{aspect-ratio:1.693/1}.hero__bar{grid-template-columns:1fr;padding:24px}.hero__bar p{font-size:10px}.hero__bar .button{grid-column:auto}.hero__sticker{display:none}h1{font-size:36px}.section{padding:75px 18px}.section-heading{display:block}.section-heading>p{margin-top:18px}.section-heading h2,.trifle-feature h2,.flavors h2,.reviews h2,.order h2{font-size:43px}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px}.filter{white-space:nowrap}.product-grid{grid-template-columns:1fr}.product__photo{aspect-ratio:1/1}.trifle-feature__photos{min-height:470px}.photo-a{width:66%;height:68%;left:4%}.photo-b{width:58%;height:58%;right:3%}.trifle-feature__photos>span{width:90px;height:90px;font-size:11px;right:4%}.trifle-feature__copy{padding:65px 22px}.set-prices{grid-template-columns:1fr 1fr}.set-prices div:nth-child(2){border-right:0}.set-prices div:nth-child(-n+2){border-bottom:1px solid var(--ink)}.reels__grid{grid-template-columns:1fr}.reel--offset{transform:none}.reel figcaption{flex-direction:column;gap:4px}.flavors{padding-top:80px}.flavors__note{left:4px}.flavor-list{grid-template-columns:1fr}.flavor-list li:nth-child(odd){border-right:0}.gallery__grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.gallery__item--wide{grid-column:span 2}.reviews{padding:75px 20px;grid-template-columns:1fr}.reviews__title{padding:0}.reviews article:nth-child(3){transform:none}.order{padding:75px 18px}.field-row{grid-template-columns:1fr}.order-form__bottom{align-items:stretch;flex-direction:column}.form-note{text-align:left}.footer{grid-template-columns:1fr 1fr}.footer>p{grid-column:1/-1}.toast{left:10px;right:10px;bottom:10px;justify-content:space-between}.ticker>div{animation-duration:18s}}
.faq{background:rgba(255,255,255,.58);border-top:2px solid var(--ink)}
.faq__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.faq details{background:var(--paper);border:2px solid var(--ink);border-radius:16px;padding:0 20px;box-shadow:4px 4px 0 var(--pink)}
.faq summary{list-style:none;cursor:pointer;padding:19px 30px 19px 0;font-size:12px;font-weight:800;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:15px;width:27px;height:27px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:17px}
.faq details[open] summary:after{content:"−"}
.faq details p{margin:0;padding:0 0 19px;font-size:10px;line-height:1.7;color:#6f6872}
.hero{width:min(calc(100% - 68px),1120px);margin:22px auto 0}
@media(max-width:650px){.faq__grid{grid-template-columns:1fr}.hero{width:calc(100% - 16px);margin:10px auto 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*{transition:none!important}}
