:root{--habanero:#ff6a00;--jalapeno:#1f9d3a;--mustard:#ffc700;--pink:#ff3e9a;--white:#fff;--ink:#14110f;--f-display:"Shrikhand", "Cooper Black", Georgia, serif;--f-shout:"Rubik", "Arial Black", sans-serif;--f-label:"Rubik Mono One", "Arial Black", sans-serif;--f-hand:"Gochi Hand", "Comic Sans MS", cursive;--gutter:clamp(16px, 4vw, 48px);--radius-panel:clamp(28px, 5vw, 64px);--outline:3px solid var(--ink);--hard-shadow:6px 6px 0 var(--ink);color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}[id]{scroll-margin-top:96px}body{background:var(--mustard);color:var(--ink);font:500 1.125rem/1.5 var(--f-shout);margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:4px solid var(--pink);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:var(--white);border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}.display{font-family:var(--f-display);text-wrap:balance;color:var(--pink);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:.05em .06em 0 var(--ink);font-weight:400;line-height:.95}h2.display{font-size:clamp(2.5rem,7vw,5.5rem)}.hand{font-family:var(--f-hand);font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.1}.lede{max-width:40ch;font-size:clamp(1.15rem,2vw,1.4rem)}.btn{border:var(--outline);background:var(--habanero);color:var(--ink);font:400 .95rem/1 var(--f-label);text-transform:uppercase;box-shadow:4px 4px 0 var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.85em 1.4em;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)rotate(-2deg)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.6;cursor:wait}.btn--small{padding:.7em 1.1em;font-size:.75rem}.nav{z-index:50;padding:14px var(--gutter);background:var(--mustard);border-bottom:var(--outline);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.nav__brand img{width:clamp(150px,18vw,230px)}.nav__links{gap:8px;display:flex}.nav__links a{border:var(--outline);background:var(--white);border-radius:999px;padding:.55em 1.05em;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .12s,transform .12s}.nav__links a:hover{background:var(--pink);transform:rotate(-3deg)}@media (width<=900px){.nav__links{display:none}}.waves{pointer-events:none;width:100%;height:70%;position:absolute;inset:auto 0 0}.panel{border:var(--outline);border-radius:var(--radius-panel);padding:clamp(56px, 9vw, 120px) var(--gutter);margin:clamp(16px,2.5vw,28px) clamp(8px,1.5vw,20px);position:relative;overflow:hidden}.panel__inner{gap:clamp(24px,4vw,48px);max-width:1240px;margin:0 auto;display:grid;position:relative}.panel--green{background:var(--jalapeno);color:var(--white)}.panel--pink{background:var(--pink)}.panel--pink .display{color:var(--mustard)}.panel--orange{background:var(--habanero)}.panel--orange .display{color:var(--white)}.panel--mustard{background:var(--mustard)}.panel--white{background:var(--white)}.hero{background:var(--mustard);border-bottom:var(--outline);position:relative;overflow:hidden}.hero .waves{height:62%}.hero__inner{max-width:1400px;padding:clamp(40px, 6vw, 80px) var(--gutter) clamp(64px, 8vw, 110px);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,56px);margin:0 auto;display:grid;position:relative}.hero__copy{gap:clamp(16px,2.5vw,26px);min-width:0;display:grid}.hero__title{font-size:clamp(2.6rem,6.4vw,5.75rem)}.hero__sub{max-width:34ch;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700}.hero__what{background:var(--ink);color:var(--mustard);border-radius:12px;justify-self:start;padding:.5em .9em;font-weight:700;transform:rotate(-1.5deg)}.hero__art{min-height:clamp(360px,46vw,640px);position:relative}.hero__sun{width:72%;filter:drop-shadow(8px 10px 0 var(--ink));animation:.18s steps(2,end) infinite shiver,5s ease-in-out infinite bob;position:absolute;top:0;right:0}.bottle{transform-origin:bottom;width:38%;filter:drop-shadow(8px 8px 0 var(--ink));position:absolute;bottom:0;left:14%;overflow:visible;transform:rotate(-24deg)}.hero__note{position:absolute;bottom:6%;right:2%;transform:rotate(-6deg)}.hero__note:before{content:"↖";font-size:1.4em;display:block}.stamp{right:var(--gutter);aspect-ratio:1;text-align:center;background:var(--white);border:var(--outline);width:clamp(92px,11vw,140px);box-shadow:var(--hard-shadow);font:400 clamp(.62rem, 1vw, .85rem)/1.15 var(--f-label);text-transform:uppercase;outline:2px dashed var(--habanero);outline-offset:-10px;border-radius:50%;place-items:center;display:grid;position:absolute;top:clamp(16px,3vw,32px);transform:rotate(14deg)}@keyframes shiver{50%{translate:2px -1px}}@keyframes bob{50%{rotate:6deg}}.ticker{background:var(--ink);color:var(--mustard);border-top:var(--outline);position:relative;overflow:hidden}.ticker__track{width:max-content;animation:40s linear infinite tick;display:flex}.ticker span{font:400 clamp(.8rem, 1.3vw, 1.05rem)/1 var(--f-label);text-transform:uppercase;white-space:nowrap;padding:16px 0}.ticker i{color:var(--pink);padding:0 1.2em;font-style:normal}@keyframes tick{to{transform:translate(-50%)}}@media (width<=820px){.hero__inner{grid-template-columns:1fr}.hero__art{order:-1;min-height:340px}.hero__sun{width:58%;right:4%}.bottle{width:28%;left:14%;transform:rotate(-16deg)}.stamp{display:none}}.waitlist{flex-wrap:wrap;gap:10px;max-width:560px;display:flex}.waitlist input{border:var(--outline);background:var(--white);min-width:0;color:var(--ink);font:700 1rem/1 var(--f-shout);border-radius:999px;flex:240px;padding:.9em 1.2em}.waitlist input::placeholder{color:#8a7d72}.waitlist__msg{flex-basis:100%;min-height:1.5em;font-weight:700}.heat{counter-reset:none;gap:18px;display:grid}.heat__row{border:var(--outline);background:#00000038;border-radius:22px;gap:8px;padding:clamp(16px,2.5vw,26px);display:grid}.heat__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.heat__name{font-size:clamp(1.25rem,2.6vw,1.9rem);font-weight:900}.heat__shu{font:400 clamp(.85rem, 1.4vw, 1.1rem)/1 var(--f-label);color:var(--mustard);font-variant-numeric:tabular-nums}.heat__bar{border:var(--outline);background:var(--white);border-radius:999px;height:26px;overflow:hidden}.heat__bar span{height:100%;width:var(--pct);background:linear-gradient(90deg, var(--mustard), var(--habanero) 60%, #e3001b);border-right:var(--outline);display:block}.heat__row:last-child{background:var(--ink)}.heat__row:last-child .heat__name{color:var(--pink)}.label{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}@media (width<=900px){.label{grid-template-columns:1fr}}.facts{background:var(--white);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);font-family:var(--f-shout);max-width:480px;padding:10px 14px 14px;transform:rotate(-1.5deg)}.facts p{display:block}.facts__title{font:900 clamp(2.2rem, 5vw, 3.2rem)/1 var(--f-shout);letter-spacing:-.02em;border-bottom:2px solid var(--ink);padding-bottom:6px}.facts__serving{border-bottom:12px solid var(--ink);padding:6px 0;font-size:1rem}.facts__size,.facts__cal,.facts__row{justify-content:space-between;gap:12px;display:flex!important}.facts__size{font-size:1.15rem}.facts__cal{padding-top:6px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:900;line-height:1}.facts__cal-note{border-bottom:6px solid var(--ink);padding-bottom:4px;font-size:.9rem}.facts__dvhead{text-align:right;border-bottom:1px solid var(--ink);padding:4px 0;font-size:.85rem;font-weight:900}.facts__row{border-bottom:1px solid var(--ink);padding:5px 0;font-size:1rem}.facts__foot{border-top:10px solid var(--ink);margin-top:-1px;padding-top:6px;font-size:.8rem;line-height:1.35}.facts__ingredients{text-transform:uppercase;padding-top:8px;font-size:.8rem}.warnings{gap:24px;display:grid}.stickers{flex-wrap:wrap;gap:16px;display:flex}.sticker{border:var(--outline);box-shadow:var(--hard-shadow);transform:rotate(var(--r));border-radius:18px;flex:210px;gap:4px;padding:16px 18px;transition:transform .15s;display:grid}.sticker:hover{transform:rotate(0)scale(1.04)}.sticker b{font:400 1rem/1.1 var(--f-label);text-transform:uppercase}.sticker span{font-weight:700}.sticker--mustard{background:var(--mustard)}.sticker--white{background:var(--white)}.sticker--green{background:var(--jalapeno);color:var(--white)}.sticker--orange{background:var(--habanero)}.sticker:first-child{background:var(--ink);color:var(--mustard);flex-basis:100%}.sticker:first-child b{color:var(--pink);font-size:clamp(1.4rem,3vw,2rem)}.sticker:first-child span{font-size:clamp(1.1rem,2vw,1.35rem)}.gallery{padding:clamp(56px, 9vw, 120px) var(--gutter);background:radial-gradient(closest-side, #ff6a0080, transparent) center / min(110vw, 1000px) min(110vw, 1000px) no-repeat, var(--ink);place-items:center;display:grid}.gallery__frame{justify-items:center;gap:28px;width:min(100%,720px);display:grid}.gallery__frame img{border:clamp(10px, 2vw, 22px) solid var(--mustard);outline:var(--outline);outline-color:var(--habanero);width:100%;box-shadow:0 0 0 clamp(14px, 2.6vw, 30px) var(--ink);border-radius:50%;outline-width:8px}.plaque{text-align:center;border:var(--outline);background:linear-gradient(135deg,#f7d774,#c8962a 60%,#f3d36b);border-radius:8px;gap:4px;max-width:460px;padding:14px 22px;display:grid}.plaque b{font-size:1.1rem;font-weight:900}.plaque span{font-size:.95rem}.rap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,48px);display:grid}@media (width<=900px){.rap{grid-template-columns:1fr}}.rap__photo,.gift__photo,.faq__photo{gap:12px;display:grid}.rap__photo img,.gift__photo img,.faq__photo img{border:var(--outline);box-shadow:var(--hard-shadow);border-radius:28px}.rap__photo img{filter:saturate(1.3)contrast(1.05);transform:rotate(-2deg)}.crimes{gap:22px;display:grid}.crime{border:var(--outline);box-shadow:var(--hard-shadow);transform:rotate(var(--r));border-radius:20px;gap:6px;padding:16px 20px;display:grid}.crime__tag{font:400 .75rem/1 var(--f-label);text-transform:uppercase}.crime__text{font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:900;line-height:1.15}.crime--pink{background:var(--pink)}.crime--mustard{background:var(--mustard)}.crime--green{background:var(--jalapeno);color:var(--white)}.crime--white{background:var(--white)}.crime--ink{background:var(--ink);color:var(--white)}.gift{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center}@media (width<=900px){.gift{grid-template-columns:1fr}}.gift__photo img{transform:rotate(2deg)}.gift__copy{justify-items:start;gap:20px;display:grid}.gift__copy p{max-width:42ch;font-size:clamp(1.1rem,1.8vw,1.3rem)}.faq{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}.faq>h2{grid-column:1/-1}@media (width<=900px){.faq{grid-template-columns:1fr}}.faq__list{gap:12px;display:grid}details{border:var(--outline);background:var(--mustard);border-radius:20px;overflow:hidden}details:nth-child(3n+2){background:var(--pink)}details:nth-child(3n){background:var(--habanero)}summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 20px;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:900;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-family:var(--f-label);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 20px 18px;font-size:1.1rem}.faq__photo img{transform:rotate(-2deg)}.join{background:var(--ink);color:var(--white);padding:clamp(80px, 12vw, 160px) var(--gutter) clamp(140px, 18vw, 240px);border-top:var(--outline);position:relative;overflow:hidden}.join .waves{height:55%}.join__inner{text-align:center;justify-items:center;gap:22px;max-width:900px;margin:0 auto;display:grid;position:relative}.join__title{color:var(--mustard);text-shadow:.05em .06em 0 var(--pink);font-size:clamp(3.2rem,11vw,9rem)}.join__inner>p{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700}.join .waitlist{justify-content:center;width:100%}.join .waitlist__msg{color:var(--ink);background:var(--white);border-radius:999px}.join .waitlist__msg:empty{background:0 0}.footer{padding:28px var(--gutter);background:var(--mustard);border-top:var(--outline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;font-size:.95rem;font-weight:700;display:flex}.footer img{width:160px}.footer__credit{flex-basis:100%;font-size:.85rem;font-weight:500}.buddy{z-index:40;pointer-events:none;width:clamp(64px,8vw,96px);transition:translate .6s cubic-bezier(.6,-.4,.4,1.4);position:fixed;bottom:clamp(10px,2vw,24px);right:clamp(10px,2vw,24px)}.buddy__sun{width:100%;filter:drop-shadow(3px 4px 0 var(--ink))}.buddy__bubble{white-space:nowrap;background:var(--white);border:var(--outline);font:1.15rem/1 var(--f-hand);border-radius:16px 16px 4px;padding:6px 12px;position:absolute;bottom:90%;right:80%}.buddy__bubble:empty{display:none}.buddy__sweat{aspect-ratio:3/4;border:2px solid var(--ink);opacity:0;background:#6fd6ff;border-radius:50%/60% 60% 40% 40%;width:12%;position:absolute;top:10%}.buddy__sweat:first-of-type{left:6%}.buddy__sweat:nth-of-type(2){top:22%;right:4%}.buddy__sweat:nth-of-type(3){top:-6%;left:46%}.buddy[data-mood="1"] .buddy__sun{animation:.3s steps(2,end) infinite shiver}.buddy[data-mood="2"] .buddy__sun,.buddy[data-mood="3"] .buddy__sun{animation:.14s steps(2,end) infinite shiver}.buddy[data-mood="4"] .buddy__sun,.buddy[data-mood="5"] .buddy__sun,.buddy[data-mood="6"] .buddy__sun{animation:90ms steps(2,end) infinite panic}.buddy[data-mood="2"] .buddy__sweat:first-of-type,.buddy[data-mood="3"] .buddy__sweat:nth-of-type(-n+2),.buddy[data-mood="4"] .buddy__sweat,.buddy[data-mood="5"] .buddy__sweat,.buddy[data-mood="6"] .buddy__sweat{opacity:1;animation:1.1s ease-in infinite drip}.buddy[data-mood="7"]{translate:0 160%}@keyframes panic{50%{translate:4px -3px;rotate:4deg}}@keyframes drip{0%{transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
