@font-face{font-family:Buddy;src:url(/fonts/fraunces-900.ttf)format("truetype");font-weight:900;font-display:swap}:root{--blue:#2330bb;--butter:#fff2a8;--orange:#ff7542;--pink:#ffc1cc;--cream:#fff9df;--ink:#192785;color:var(--blue);background:var(--butter);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}img,svg{max-width:100%;display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}dialog :focus-visible{outline-color:var(--orange)}.skip{z-index:20;background:var(--blue);color:#fff;padding:14px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.concept-note{background:var(--blue);color:var(--cream);justify-content:space-between;gap:15px;padding:11px 4%;font-size:10px;display:flex}.concept-note>span:last-child{align-items:center;gap:22px;display:flex}.motion-toggle{color:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:10px;text-decoration:underline}.site-header{z-index:3;border-bottom:1px solid #2330bb35;justify-content:space-between;align-items:center;margin:0 4%;padding:24px 0;display:flex;position:relative}.brand{letter-spacing:-1.3px;align-items:center;gap:8px;font-family:Buddy,Georgia,serif;font-size:26px;line-height:.82;text-decoration:none;display:inline-flex}.brand svg{width:43px;height:48px}.brand-dot{vertical-align:top;margin-left:3px;font:10px Arial}.site-header nav{align-items:center;gap:36px;font-size:13px;display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.site-header .bag-link{border:1px solid var(--blue);border-radius:40px;padding:14px 22px}.bag-link span{margin-left:20px}.menu-toggle{display:none}.hero{grid-template-columns:48% 52%;max-width:1600px;min-height:770px;margin:auto;padding:58px 4% 35px;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.tiny-tag{margin-bottom:24px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-.07em;max-width:7.6ch;font-family:Buddy,Georgia,serif;font-size:clamp(78px,8.6vw,145px);font-weight:900;line-height:.86}.hero-description{max-width:32ch;margin:30px 0 25px;font-size:15px;line-height:1.6}.bubble-button{border:2px solid var(--blue);color:var(--cream);background:var(--blue);border-radius:50px;justify-content:space-between;align-items:center;gap:25px;padding:17px 24px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex;box-shadow:0 5px #101b7e}.bubble-button span{font-size:24px;line-height:1;transition:transform .3s}.bubble-button:hover{transform:translateY(-3px);box-shadow:0 8px #101b7e}.bubble-button:hover span{transform:rotate(30deg)}.bubble-button:active{transform:translateY(3px);box-shadow:0 1px #101b7e}.hero-footnote{align-items:center;gap:15px;max-width:240px;margin:32px 0 0 30px;font-size:11px;line-height:1.4;display:flex;transform:rotate(-7deg)}.hero-footnote svg{flex-shrink:0;width:40px}.hero-art{align-self:center;height:660px;margin-top:-40px;position:relative}.art-oval{background:#f9c4a0;border-radius:48% 48% 45% 45%;position:absolute;inset:75px 10px 24px 0;transform:rotate(11deg)}.buddy-dog{width:94%;height:auto;animation:4s ease-in-out infinite buddy-bob;position:absolute;top:0;left:-3%;overflow:visible}.dog-tail{transform-origin:390px 405px;animation:1s ease-in-out infinite alternate tail-wag}.dog-eyes{transform:translate(var(--look,0px),0);transition:transform .25s}.dog-tongue{transform-origin:265px 350px;transition:transform .3s}.starburst{z-index:2;background:var(--blue);color:var(--butter);text-align:center;clip-path:polygon(50% 0,60% 12%,76% 5%,79% 22%,96% 24%,88% 41%,100% 50%,87% 60%,95% 76%,78% 78%,75% 96%,58% 88%,50% 100%,40% 87%,24% 95%,21% 77%,4% 75%,12% 59%,0 50%,13% 40%,5% 24%,23% 22%,25% 5%,42% 13%);padding:34px;font-family:Buddy,Georgia,serif;font-size:24px;line-height:1;position:absolute;top:5px;right:0;transform:rotate(12deg)}.dog-speech{border:2px solid var(--blue);background:var(--cream);z-index:2;border-radius:50%;padding:15px 20px;font-family:Buddy,serif;font-size:22px;position:absolute;top:100px;left:-10px;transform:rotate(-12deg)}.food-bag{background:var(--blue);width:230px;height:305px;color:var(--butter);z-index:2;border-radius:15px 15px 35px 35px;padding:34px 23px 16px;transition:background .4s,transform .6s;position:absolute;bottom:0;right:35px;transform:rotate(11deg);box-shadow:13px 14px #1420792b}.bag-fold{border-top:2px dashed #fff2a85c;position:absolute;top:15px;left:0;right:0}.bag-brand{letter-spacing:-2px;font-family:Buddy,serif;font-size:38px;line-height:.85;display:block}.bag-smile{font-size:70px;line-height:1;position:absolute;top:82px;right:22px}.bag-flavour{max-width:8ch;margin-top:64px;font-family:Buddy,serif;font-size:22px;line-height:1;display:block}.bag-bottom{margin-top:14px;font-size:8px;display:block}.treat{color:var(--orange);text-shadow:2px 2px var(--blue);font-size:78px;position:absolute}.treat-one{bottom:80px;left:10px;transform:rotate(20deg)}.treat-two{font-size:47px;bottom:355px;right:7px}.art-label{font-size:11px;position:absolute;bottom:8px;left:8px;transform:rotate(-8deg)}.marquee{background:var(--blue);color:var(--butter);border-top:2px solid var(--blue);border-bottom:2px solid var(--blue);width:104%;margin:-4px -2% 60px;padding:18px 0;overflow:hidden;transform:rotate(-2deg)}.marquee>div{white-space:nowrap;width:max-content;font-family:Buddy,serif;font-size:27px;animation:28s linear infinite marquee}.marquee span{color:var(--orange);padding:0 40px}.pantry-section{max-width:1600px;margin:auto;padding:55px 4% 110px}.section-intro{grid-template-columns:50px 1fr 28%;align-items:end;gap:20px;margin-bottom:45px;display:grid}.scribble{font-size:74px;line-height:1}.section-intro h2,.builder-head h2,.our-pantry h2{letter-spacing:-.055em;font-family:Buddy,Georgia,serif;font-size:clamp(45px,5.2vw,76px);line-height:.96}.section-intro p{font-size:13px;line-height:1.6}.flavour-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.flavour-card{border:2px solid var(--blue);text-align:center;border-radius:180px 180px 20px 20px;padding:33px 30px 25px}.flavour-card.chicken{background:#ffd3ad}.flavour-card.salmon{background:#ffc1cc}.flavour-card.beef{background:#c7c8f3}.ingredient{place-items:center;height:175px;display:grid}.ingredient svg{width:160px;transition:transform .6s cubic-bezier(.2,1,.3,1)}.flavour-card:hover .ingredient svg{transform:rotate(-10deg)translateY(-8px)}.flavour-card p{margin:12px 0;font-size:10px}.flavour-card h3{letter-spacing:-1.6px;margin-bottom:12px;font-family:Buddy,serif;font-size:34px}.flavour-card>span{font-size:11px}.flavour-pick{width:100%;color:var(--blue);background:0 0;border:0;border-top:1px solid #2330bb55;justify-content:space-between;align-items:center;margin-top:30px;padding:14px 0;font-size:12px;font-weight:700;display:flex}.flavour-pick span{font-size:23px;transition:translate .25s}.flavour-pick:hover span{translate:5px -3px}.box-section{background:var(--pink);border-radius:80px 80px 0 0;padding:85px 7% 95px}.builder-head{max-width:1300px;margin:0 auto 50px;position:relative}.builder-head>p{margin-bottom:20px;font-size:12px}.builder-doodle{color:var(--orange);-webkit-text-stroke:2px var(--blue);font-size:150px;position:absolute;top:20px;right:20%;transform:rotate(12deg)}#box-builder{grid-template-columns:1fr .8fr;gap:9%;max-width:1300px;margin:auto;display:grid}.builder-fields fieldset{border:0;border-top:1px solid #2330bb55;margin:0;padding:26px 0 30px}.builder-fields legend{float:left;align-items:center;gap:15px;width:100%;margin-bottom:24px;font-size:17px;font-weight:700;display:flex}.builder-fields legend span{border:1px solid var(--blue);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.choice-row{clear:both;gap:10px;display:flex}.choice-row label{cursor:pointer;flex:1;position:relative}.choice-row input{opacity:0;width:1px;height:1px;position:absolute}.choice-row label>span{border:1px solid var(--blue);text-align:center;border-radius:30px;padding:16px 18px;font-size:13px;transition:background .2s,color .2s;display:block}.choice-row input:checked+span{color:var(--cream);background:var(--blue)}.choice-row input:focus-visible+span{outline:3px solid var(--blue);outline-offset:4px}.sizes label>span{text-align:left;border-radius:14px;font-family:Buddy,serif;font-size:22px}.sizes small{margin-top:7px;font:11px Arial;display:block}.quantity{clear:both;align-items:center;gap:14px;display:flex}.quantity button{border:1px solid var(--blue);width:42px;height:42px;color:var(--blue);background:0 0;border-radius:50%;font-size:24px}.quantity button:hover{background:var(--blue);color:var(--cream)}.quantity input{width:36px;color:var(--blue);text-align:center;-moz-appearance:textfield;background:0 0;border:0;font-weight:700}.quantity input::-webkit-inner-spin-button{appearance:none}.quantity>span{margin-left:10px;font-size:12px}.box-summary{background:var(--cream);border:2px solid var(--blue);text-align:center;border-radius:120px 120px 18px 18px;align-self:start;padding:30px 32px;box-shadow:9px 9px #2330bb}.summary-mascot{height:110px;position:relative}.summary-face{background:var(--orange);border-radius:45%;place-items:center;width:100px;height:100px;font-size:80px;line-height:1;display:inline-grid;transform:rotate(-8deg)}.summary-bubble{background:var(--butter);border:1px solid var(--blue);border-radius:50%;padding:9px;font-size:10px;position:absolute;top:10px;right:-5px;transform:rotate(8deg)}.box-summary h3{letter-spacing:-2px;margin:18px 0 10px;font-family:Buddy,serif;font-size:37px}.box-summary>p{font-size:12px;line-height:1.6}.summary-price{border-top:1px dashed var(--blue);justify-content:space-between;align-items:center;margin-top:17px;padding:25px 0 18px;display:flex}.summary-price>span{font-size:11px}.summary-price strong{font-family:Buddy,serif;font-size:31px}.box-summary .bubble-button{width:100%;font-size:12px}.box-summary .demo-note{margin:18px 0 0;font-size:9px}.our-pantry{background:var(--cream);grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding:110px 7%;display:grid}.pantry-word{letter-spacing:-.065em;color:var(--orange);text-shadow:3px 3px 0 var(--blue);padding:25px;font-family:Buddy,serif;font-size:clamp(70px,9vw,138px);line-height:.8;transform:rotate(-8deg)}.our-pantry p{max-width:45ch;margin-top:25px;font-size:14px;line-height:1.7}.text-link{text-underline-offset:5px;margin-top:27px;font-size:13px;font-weight:700;display:inline-block}.text-link span{margin-left:16px}footer{background:var(--blue);color:var(--butter);padding:60px 4% 24px;overflow:hidden}.footer-word{letter-spacing:-.07em;white-space:nowrap;text-align:center;font-family:Buddy,serif;font-size:clamp(60px,15.5vw,250px);line-height:.92}.footer-bottom{border-top:1px solid #fff2a855;justify-content:space-between;align-items:center;gap:30px;margin-top:45px;padding-top:25px;font-size:10px;display:flex}.footer-bottom .brand{font-size:23px}.footer-demo{color:#fff2a8aa;margin-top:30px;font-size:9px}dialog{border:2px solid var(--blue);color:var(--blue);background:var(--cream);text-align:center;border-radius:26px;width:min(92%,480px);max-height:90dvh;padding:40px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#162174b8}.close-dialog{border:1px solid var(--blue);width:38px;height:38px;color:var(--blue);background:0 0;border-radius:50%;font-size:23px;position:absolute;top:12px;right:15px}.receipt-smile{font-size:85px;line-height:1}.receipt-total{border-top:1px dashed var(--blue);border-bottom:1px dashed var(--blue);justify-content:space-between;margin:25px 0;padding:18px 0;font-size:12px;display:flex}.receipt-total strong{font-size:25px}dialog h2{letter-spacing:-3px;font-family:Buddy,serif;font-size:64px;line-height:.9}dialog p{margin-top:20px;font-size:12px;line-height:1.6}dialog .tiny-tag{margin:12px 0 20px}dialog .bubble-button{justify-content:center;width:100%;margin-top:25px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes buddy-bob{50%{translate:0 -9px}}@keyframes tail-wag{to{transform:rotate(8deg)}}@keyframes marquee{to{translate:-33.33%}}html[data-paused=true] *,html[data-paused=true] :before,html[data-paused=true] :after{transition:none!important;animation-play-state:paused!important}html[data-paused=true]{scroll-behavior:auto}@media (width>=1600px){.hero h1{font-size:145px}}@media (width<=1000px){.hero{min-height:660px;padding-top:45px}.hero-art{height:540px}.food-bag{width:180px;height:255px;padding:30px 18px;right:12px}.bag-brand{font-size:31px}.bag-flavour{margin-top:45px;font-size:19px}.bag-smile{font-size:55px;top:80px}.starburst{padding:27px;font-size:19px}.dog-speech{font-size:17px;left:-13px}.section-intro{grid-template-columns:40px 1fr 30%}.flavour-card{padding:20px}.flavour-card h3{font-size:27px}.ingredient{height:145px}.ingredient svg{width:135px}.box-section{padding-left:5%;padding-right:5%}#box-builder{gap:5%}.box-summary{padding:25px}.builder-doodle{right:12%}}@media (width<=760px){.concept-note{gap:10px;padding:10px 5%;font-size:8px}.concept-note>span:first-child{max-width:120px}.concept-note>span:last-child{gap:14px}.motion-toggle{font-size:8px}.site-header{margin:0 5%;padding:20px 0}.brand{font-size:22px}.brand svg{width:36px;height:39px}.menu-toggle{border:1px solid var(--blue);color:var(--blue);background:0 0;border-radius:30px;padding:11px 16px;font-size:12px;display:block}.site-header nav{background:var(--butter);border-bottom:2px solid var(--blue);flex-direction:column;align-items:stretch;gap:25px;padding:25px 6%;display:none;position:absolute;top:100%;left:-5.5%;right:-5.5%}.site-header nav.is-open{display:flex}.site-header .bag-link{text-align:center}.hero{flex-direction:column;min-height:0;padding:38px 5% 28px;display:flex;overflow:hidden}.hero h1{max-width:9ch;font-size:clamp(75px,17.7vw,125px);line-height:.88}.tiny-tag{margin-bottom:20px;font-size:10px}.hero-description{max-width:34ch;margin:23px 0 21px;font-size:13px}.bubble-button{padding:14px 19px;font-size:12px}.hero-footnote{display:none}.hero-art{align-self:center;width:100%;max-width:510px;height:460px;margin:22px 0 0}.buddy-dog{width:92%;left:0}.art-oval{inset:65px 0 0}.food-bag{border-radius:12px 12px 27px 27px;width:165px;height:228px;padding:29px 16px 13px;bottom:2px;right:11px}.bag-brand{font-size:29px}.bag-flavour{margin-top:41px;font-size:18px}.bag-smile{font-size:50px;top:67px}.bag-bottom{margin-top:10px;font-size:7px}.dog-speech{padding:10px 15px;font-size:16px;top:60px;left:0}.starburst{padding:23px;font-size:17px;top:10px;right:0}.treat-one{font-size:62px;bottom:40px;left:0}.treat-two{font-size:38px;bottom:280px}.art-label{font-size:9px;bottom:0}.marquee{margin-bottom:30px;padding:13px 0}.marquee>div{font-size:22px}.marquee span{padding:0 22px}.pantry-section{padding:40px 5% 60px}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.scribble{display:none}.section-intro h2,.builder-head h2,.our-pantry h2{font-size:48px}.section-intro p{max-width:37ch;font-size:12px}.flavour-grid{grid-template-columns:1fr;gap:22px}.flavour-card{border-radius:130px 130px 20px 20px;width:100%;max-width:430px;margin:auto;padding:25px 30px 20px}.ingredient{height:140px}.ingredient svg{width:140px}.flavour-card h3{font-size:35px}.flavour-card p{font-size:11px}.flavour-card>span{font-size:12px}.flavour-pick{margin-top:22px}.box-section{border-radius:40px 40px 0 0;padding:55px 6% 65px}.builder-head{margin-bottom:35px}.builder-head>p{margin-bottom:17px;font-size:10px}.builder-doodle{font-size:95px;top:32px;right:0}#box-builder{grid-template-columns:1fr;gap:25px}.builder-fields fieldset{padding:24px 0 26px}.builder-fields legend{gap:11px;margin-bottom:21px;font-size:14px}.builder-fields legend span{width:27px;height:27px}.choice-row{gap:8px}.choice-row label>span{padding:13px 10px;font-size:12px}.sizes label>span{padding:16px;font-size:23px}.box-summary{border-radius:105px 105px 18px 18px;padding:28px 24px;box-shadow:6px 6px #2330bb}.box-summary h3{font-size:36px}.our-pantry{grid-template-columns:1fr;gap:40px;padding:65px 6%}.pantry-word{text-align:center;padding:20px 0;font-size:23vw;line-height:.78}.our-pantry p{margin-top:20px;font-size:13px}.our-pantry h2{font-size:48px}.text-link{font-size:12px}footer{padding:35px 5% 24px}.footer-word{font-size:15vw}.footer-bottom{grid-template-columns:1fr;gap:23px;margin-top:30px;font-size:10px;display:grid}.footer-bottom .brand{font-size:24px}.footer-demo{max-width:37ch;margin-top:25px;line-height:1.6}dialog{padding:35px 25px}dialog h2{font-size:55px}}@media (width<=380px){.hero-art{height:410px}.hero h1{font-size:17.5vw}.food-bag{width:145px;height:210px;right:8px}.bag-brand{font-size:26px}.bag-flavour{margin-top:35px}.hero-description{font-size:12px}.quantity{gap:11px}.quantity>span{margin-left:0;font-size:11px}}body,html{overflow-x:clip}.our-pantry{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.our-pantry>div{min-width:0}@media (width<=760px){.our-pantry{grid-template-columns:minmax(0,1fr)}.pantry-word{font-size:clamp(56px,18vw,85px)}html:not(.js) .site-header{flex-wrap:wrap;gap:24px}html:not(.js) .menu-toggle{display:none}html:not(.js) .site-header nav{border:0;width:100%;padding:0;display:flex;position:static}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.hero-footnote,.food-bag,.dog-speech,.starburst{rotate:0deg}.buddy-dog{translate:none}}