@font-face{font-family:Baloo;src:url('fonts/Baloo2-ExtraBold.ttf');font-weight:800;font-display:swap}@font-face{font-family:Montserrat;src:url('fonts/Montserrat-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('fonts/Montserrat-SemiBold.ttf');font-weight:600;font-display:swap}@font-face{font-family:Lora;src:url('fonts/Lora-Italic.ttf');font-style:italic;font-display:swap}
:root{--cream:#FFF3D6;--green:#2E7D32;--orange:#F57C00;--brown:#8B5E3C;--ink:#54351f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font:400 16px/1.7 Montserrat,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Baloo,sans-serif;font-weight:800;line-height:.99;letter-spacing:-.035em}h2{font-size:clamp(46px,6vw,84px)}em,.handwritten{font-family:Lora,serif;font-style:italic;font-weight:400;letter-spacing:-.035em}h2 em{display:inline-block}p+p{margin-top:20px}.eyebrow,.number{font-size:11px;letter-spacing:.13em;font-weight:600;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--green);background:var(--green);color:var(--cream);padding:17px 25px;border-radius:40px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#246329;transform:translateY(-3px)}.button span{font-size:22px;line-height:1}.small{padding:10px 22px;font-size:12px}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid currentColor;padding:10px 0;font-size:13px;font-weight:600}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.skip{position:fixed;top:-100px;background:var(--green);color:white;padding:12px;z-index:20}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;padding:20px 6%;position:relative;z-index:4;border-bottom:1px solid #8b5e3c22}.brand{width:190px}nav{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:600}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:760px;padding:68px 6% 105px;overflow:hidden}.hero-copy{z-index:2}.hero .eyebrow{margin-bottom:25px;color:var(--green)}h1{font-size:clamp(66px,7.6vw,110px);color:var(--green)}h1 span{color:var(--orange)}.intro{font-size:16px;margin:25px 0 30px;line-height:1.6}.hero-art{position:relative;align-self:center;height:560px;min-width:0}.hero-dog{position:absolute;width:440px;max-width:85%;left:50%;top:18px;transform:translateX(-50%) rotate(8deg);filter:drop-shadow(8px 15px 0 #8b5e3c12);will-change:transform}.orbit{position:absolute;inset:20px -20px 45px;border-radius:50%;border:1px dashed #8b5e3c55;transform:rotate(-15deg)}.hero-art>.handwritten{position:absolute;right:-3px;top:-20px;font-size:29px;transform:rotate(10deg);z-index:2}.hero-ingredients{position:absolute;width:520px;max-width:100%;left:50%;bottom:-90px;transform:translateX(-50%) rotate(-7deg);pointer-events:none}.round-note{position:absolute;left:-20px;top:330px;display:flex;align-items:center;justify-content:center;text-align:center;width:126px;height:126px;border-radius:50%;background:var(--green);color:var(--cream);font-family:Lora,serif;font-style:italic;font-size:21px;line-height:1.3;transform:rotate(-12deg);border:7px double var(--cream)}.scroll-note{position:absolute;bottom:29px;left:6%;font-size:11px;display:flex;align-items:center;gap:40px}.scroll-note span{font-size:25px}.ribbon{background:var(--orange);color:var(--ink);display:flex;justify-content:space-around;gap:35px;padding:18px 20px;font-size:12px;letter-spacing:.12em;font-weight:600;overflow:hidden;white-space:nowrap}.ribbon b{font-size:24px;line-height:1}.story{display:grid;grid-template-columns:1fr 1fr;padding:0 6%;background:var(--green);color:var(--cream)}.story-stage{position:relative}.stage-inner{position:sticky;top:10vh;height:80vh;min-height:530px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stage-art{position:relative;width:100%;height:370px;display:flex;align-items:center;justify-content:center}#story-art{width:100%;transition:opacity .25s,transform .6s}.stage-inner>.handwritten{font-size:30px;margin-top:0}.bowl-illustration{position:absolute;width:190px;height:90px;background:var(--orange);border:7px solid var(--ink);border-radius:20px 20px 90px 90px;bottom:28px;opacity:0;transform:translateY(40px);transition:.7s}.bowl-illustration:before{content:'';position:absolute;top:-20px;left:-7px;width:190px;height:36px;border:7px solid var(--ink);border-radius:50%;background:var(--cream)}.bowl-illustration span{display:block;text-align:center;font-size:35px;color:var(--cream)}.scene-2 .bowl-illustration{opacity:1;transform:translateY(0)}.scene-2 #story-art{transform:translateY(-50px) scale(.75)}.scene-1 #story-art{transform:rotate(-8deg) scale(1.06)}.story-dots{display:flex;gap:10px;margin-top:30px}.story-dots i{width:7px;height:7px;border-radius:50%;border:1px solid var(--cream)}.story-dots i.active{background:var(--cream)}.chapter{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0 70px 12%;opacity:.48;transition:opacity .4s}.chapter.active{opacity:1}.chapter .number{color:var(--cream);margin-bottom:35px}.chapter h2{font-size:clamp(42px,5.2vw,74px);margin-bottom:30px}.chapter p{max-width:390px;font-size:15px}.chapter .text-link{align-self:flex-start;margin-top:22px}.chapter em{color:#ffd690}.section{padding:110px 6%}.section-heading{text-align:center;max-width:700px;margin:0 auto 45px}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{color:var(--green);margin-bottom:25px}.section-heading em{color:var(--brown)}.section-heading>p:last-child{font-size:14px}.menu-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:36px}.menu-tabs button{border:1px solid #8b5e3c55;background:transparent;border-radius:30px;padding:13px 25px;font-size:13px;color:var(--ink);font-weight:600}.menu-tabs [aria-selected=true]{background:var(--green);color:var(--cream);border-color:var(--green)}.menu-panel{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #8b5e3c55;border-bottom:1px solid #8b5e3c55;padding:45px 0;gap:8%;align-items:center}.menu-photo{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:46% 46% 12px 12px;background:#f9efeb;transform:rotate(-3deg)}.menu-photo>img{position:absolute;width:280%;max-width:none;left:-90%;top:-1%;height:auto}.pill{position:absolute;top:28px;left:28px;border-radius:30px;padding:9px 15px;background:var(--cream);font-size:10px;letter-spacing:.08em;font-weight:600}.photo-note{position:absolute;bottom:27px;left:50%;transform:translateX(-50%) rotate(3deg);white-space:nowrap;background:var(--cream);padding:8px 22px;font-size:28px}.menu-copy h3{font-size:clamp(44px,5.6vw,80px);margin:15px 0 18px;overflow-wrap:anywhere;color:var(--green)}.menu-copy>p{max-width:380px;font-size:16px}.ingredient-list{margin-top:26px;border-top:1px solid #8b5e3c33;padding-top:20px}.ingredient-list p{font-size:14px;max-width:410px;margin-top:7px}#menu-art{width:300px;height:125px;object-fit:cover;object-position:center 55%;margin:5px 0 25px}.serving{background:var(--orange)}.serving .section-heading h2{color:var(--ink)}.serving .section-heading em{color:var(--cream)}.serving-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin-top:65px}.pack-photo{position:relative;padding:0 7%}.pack-photo img{border-radius:44% 44% 10px 10px;transform:rotate(5deg);box-shadow:12px 15px 0 #54351f20}.pack-photo .handwritten{display:block;font-size:29px;text-align:center;transform:rotate(-4deg);margin-top:30px}.steps article{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid #54351f44}.step-number{font-family:Lora,serif;font-style:italic;font-size:25px;line-height:1.2}.steps h3{font-size:35px;margin-bottom:12px}.steps p{font-size:14px;max-width:390px}.steps .text-link{margin-top:20px}.order{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.order>img{width:90%;transform:rotate(-9deg)}.order h2{font-size:clamp(42px,5vw,68px);color:var(--green);margin:22px 0}.order h2 em{color:var(--brown)}.order p{font-size:14px;max-width:520px}form{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-top:30px}form label{font-size:11px;font-weight:600}form label[for=pet]{grid-column:1;grid-row:1}form label[for=recipe]{grid-column:2;grid-row:1}select{width:100%;min-width:0;border:1px solid #8b5e3c66;background:transparent;color:var(--ink);border-radius:10px;padding:14px;font-size:12px}form .button{grid-column:1/-1;justify-self:start;margin-top:10px}.order-status{grid-column:1/-1;min-height:24px;font-size:12px!important}footer{border-top:1px solid #8b5e3c33;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}footer img{width:160px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(min-width:1600px){header,.hero,.section,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:900px){header{padding:16px 5%}.brand{width:160px}nav{gap:18px}.hero{padding:55px 5% 90px;min-height:670px}h1{font-size:75px}.hero-art{height:420px}.hero-dog{top:20px}.hero-art>.handwritten{font-size:22px}.hero-ingredients{bottom:-85px}.round-note{left:-15px;top:270px;width:105px;height:105px;font-size:17px}.orbit{inset:25px -10px 25px}.section{padding:80px 5%}.chapter{padding-left:10%}.stage-inner{min-height:450px}.stage-art{height:280px}.menu-tabs button{padding:11px 18px}.menu-panel{gap:6%}.order{gap:5%}.menu-copy h3{font-size:56px}}
@media(max-width:650px){html{scroll-padding-top:25px}header{padding:16px 5%}.brand{width:145px}nav>a:not(.button){display:none}.small{padding:10px 16px}.hero{display:flex;flex-direction:column;padding-top:36px;padding-bottom:76px;min-height:0}.hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:20px}h1{font-size:clamp(62px,15vw,88px);line-height:.96}.hero h1 br:nth-child(1){display:none}.hero-copy{max-width:430px}.intro{margin:22px 0;font-size:14px}.hero-art{width:100%;height:380px;margin-top:48px}.hero-dog{width:300px;max-width:75%;top:0}.hero-art>.handwritten{right:5px;top:-21px;font-size:24px}.orbit{inset:15px 0 45px}.round-note{top:205px;left:0}.hero-ingredients{width:370px;bottom:-75px}.scroll-note{left:5%;bottom:17px;font-size:10px}.ribbon{justify-content:flex-start;gap:24px;padding:15px 18px;font-size:10px}.story{display:block;padding:0 6%}.story-stage{padding-top:40px}.stage-inner{position:relative;top:0;height:auto;min-height:300px}.stage-art{height:235px}.stage-inner>.handwritten{font-size:24px}.story-dots{display:none}.story-chapters{padding-bottom:35px}.chapter{min-height:0;padding:50px 0;opacity:1;border-top:1px solid #fff3d633}.chapter .number{margin-bottom:20px}.chapter h2{font-size:49px;margin-bottom:22px}.chapter p{font-size:14px}.section{padding:70px 6%}.section-heading{margin-bottom:30px}.section-heading h2{font-size:53px}.menu-tabs{gap:8px}.menu-tabs button{padding:10px 16px;font-size:11px}.menu-panel{display:block;padding:30px 0}.menu-photo{max-width:430px;margin:auto;aspect-ratio:1.15/1}.menu-copy{margin-top:40px}.menu-copy h3{font-size:clamp(40px,10vw,64px)}#menu-art{margin-top:20px}.photo-note{font-size:25px}.serving-layout{display:block;margin-top:40px}.pack-photo{max-width:430px;margin:0 auto 30px;padding:0 5%}.pack-photo .handwritten{font-size:25px}.steps h3{font-size:32px}.order{display:block}.order>img{width:180px;margin:0 auto 35px}.order h2{font-size:49px}.order .eyebrow{font-size:10px}form{grid-template-columns:1fr}form label[for=recipe]{grid-column:1;grid-row:3}form label[for=pet]{grid-row:1}#pet{grid-row:2}#recipe{grid-row:4}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer p{width:100%;order:3}.reveal{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-dog{will-change:auto}}