:root{--cream:#fffaf2;--ink:#08101c;--orange:#f46611;--blue:#a8d4f2;--sky:#e2f4ff;--muted:#66707a;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-50px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #2274b5;outline-offset:3px}
.site-header{height:94px;max-width:1460px;margin:auto;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:10}.brand{width:200px;flex:none}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(22px,3vw,54px);margin-left:auto}.desktop-nav a{font-size:13px;text-transform:uppercase;font-weight:800;white-space:nowrap}.desktop-nav a:hover{color:#e75e12}.launch-pill{border-radius:40px;background:var(--orange);color:#fff;text-transform:uppercase;font-size:15px;font-weight:900;white-space:nowrap;padding:15px 22px;display:flex;align-items:center;gap:10px;box-shadow:0 7px 16px #ef7e2d1f}.launch-pill span{font-size:23px;line-height:0}.menu-toggle,.mobile-nav{display:none}
.hero{max-width:1460px;margin:auto;min-height:680px;display:grid;grid-template-columns:43% 57%;position:relative;padding:16px 4.2% 0;overflow:hidden}.hero-copy{position:relative;z-index:5;padding-top:34px}.eyebrow{margin:0 0 18px;color:#1566a4;text-transform:uppercase;font-size:16px;font-weight:900;letter-spacing:.16em;white-space:nowrap}.rays{font-size:32px;color:var(--orange);vertical-align:middle;display:inline-block;line-height:0;margin-left:10px}.hero h1{font-size:clamp(64px,6.35vw,102px);letter-spacing:-.072em;line-height:.98;margin:0 0 22px;font-weight:900;white-space:nowrap}.hero-lead{font-size:clamp(18px,1.75vw,25px);line-height:1.32;max-width:475px;margin:0 0 28px;letter-spacing:-.035em}.hero-lead strong{white-space:nowrap}.signup-card{width:min(390px,95%);background:#fffefa;border-radius:22px;padding:25px 24px 17px;box-shadow:0 16px 45px #2e231520;scroll-margin-top:24px}.signup-card h2{font-size:29px;line-height:1.1;letter-spacing:-.045em;margin:0 0 10px;font-weight:900}.signup-card>p:not(.signup-note){font-size:17px;line-height:1.3;margin:0 0 17px}.signup-card form{display:grid;gap:10px}.signup-card input[type=email]{height:49px;width:100%;border:1px solid #a9b0b8;border-radius:11px;background:#fff;padding:0 15px;font-size:16px}.signup-card input[type=email]::placeholder{color:#7b838e}.consent{font-size:11px;line-height:1.3;color:#555f68;display:flex;gap:7px;align-items:flex-start}.consent input{accent-color:#ed6311;margin:2px 0 0;flex:none}.signup-card button{height:53px;background:var(--orange);border:0;border-radius:12px;color:#fff;font-weight:900;font-size:21px;box-shadow:0 6px 13px #ef6e1733}.signup-card button:hover,.closing-cta:hover{background:#d94e06}.signup-card button:disabled{opacity:.65;cursor:wait}.form-status{margin:0;font-size:12px;min-height:0}.form-status:empty{display:none}.form-status.success{color:#23743a}.form-status.error{color:#b22319}.signup-note{display:flex;gap:11px;align-items:center;color:#93989c;font-size:12px;margin:13px 0 0}.signup-note span{font-size:23px;filter:grayscale(1);opacity:.55}
.hero-art{position:relative;min-height:660px;overflow:visible}.blue-splash{position:absolute;background:#b8dffa;left:12%;right:-12%;top:170px;height:390px;border-radius:52% 30% 50% 38%;transform:rotate(-4deg);opacity:.85}.hero-dog{position:absolute;width:52%;max-width:410px;height:450px;object-fit:contain;object-position:center bottom;right:-1%;top:5px;z-index:1}.hero-product{position:absolute;z-index:3;mix-blend-mode:multiply;filter:drop-shadow(0 14px 8px #49301718);object-fit:contain;max-width:none;height:auto}.hero-chicken{width:31%;top:60px;left:37%;z-index:2}.hero-beef{width:32%;top:251px;left:1%}.hero-salmon{width:32%;top:343px;left:31%;z-index:4}.hero-duck{width:32%;top:283px;right:-7%;z-index:3}.scribble{font-family:Kalam,cursive;font-size:23px;line-height:1.1;position:absolute;z-index:6;transform:rotate(-11deg);margin:0}.scribble-top{top:0;left:14%}.scribble-side{right:-7%;top:465px;font-size:18px;transform:rotate(11deg)}.paw-decor{position:absolute;right:-2%;top:244px;font-size:29px;z-index:5;filter:hue-rotate(160deg);opacity:.55}
.treats-section{background:#fffdf9;padding:35px 4% 24px;position:relative;z-index:2}.treats-section:before{content:'';position:absolute;top:-20px;left:-5%;width:110%;height:45px;background:#fffdf9;border-radius:50% 50% 0 0}.section-intro{text-align:center;position:relative}.section-intro h2{font-size:clamp(44px,4.7vw,70px);letter-spacing:-.065em;line-height:1;margin:0 0 8px;font-weight:900}.section-intro p{margin:0;font-size:19px}.burst{color:var(--orange);font-size:40px;position:absolute;top:-8px}.burst-left{left:25%}.burst-right{right:25%}.treat-grid{max-width:1260px;margin:26px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:23px 18px;justify-items:center}.treat{width:100%;text-align:center}.treat-image{width:min(165px,100%);aspect-ratio:1;margin:0 auto 8px;border-radius:50%;background:#f6f1e9;overflow:hidden;display:grid;place-items:center}.treat-image img{width:120%;max-width:none;height:120%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.treat:hover img{transform:scale(1.08)}.treat h3{font-size:16px;letter-spacing:-.04em;line-height:1.15;margin:0;font-weight:900}.treat:nth-child(n+7){transform:translateX(50%)}
.benefits{max-width:1305px;margin:28px auto 45px;padding:25px 28px;display:grid;grid-template-columns:repeat(3,1fr);background:#e0f2fb;border-radius:18px;gap:22px}.benefit{display:flex;align-items:center;gap:17px}.benefit:not(:last-child){border-right:1px solid #8bb6d0;padding-right:22px}.benefit-icon{border:3px solid var(--ink);width:72px;height:72px;display:grid;place-items:center;border-radius:50%;flex:none;font-size:42px;line-height:1}.benefit h2{font-size:20px;letter-spacing:-.045em;line-height:1.1;margin:0 0 5px}.benefit p{font-size:14px;line-height:1.25;margin:0}
.closing{max-width:860px;padding:27px 20px 75px;text-align:center;margin:auto}.closing-eyebrow{text-transform:uppercase;color:#19669c;font-size:12px;font-weight:900;letter-spacing:.22em;margin:0 0 8px}.closing h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.065em;line-height:1.05;margin:0 auto 13px}.closing>p:not(.closing-eyebrow){font-size:18px;line-height:1.5;margin:0 auto 22px;max-width:620px}.closing-cta{background:var(--orange);color:#fff;border-radius:30px;padding:13px 26px;font-weight:900;display:inline-flex;gap:14px}.faq{max-width:820px;margin:0 auto 70px;padding:0 20px}.faq h2{text-align:center;font-size:34px;letter-spacing:-.05em}.faq details{border-top:1px solid #d9d7d1;padding:17px 4px}.faq details:last-child{border-bottom:1px solid #d9d7d1}.faq summary{font-weight:800;cursor:pointer}.faq p{color:#53606a;margin-bottom:0}.site-footer{min-height:148px;background:linear-gradient(140deg,#abdbf6 0 12%,transparent 12% 78%,#ffba79 78%);text-align:center;padding:15px 25px 20px;display:flex;align-items:center;justify-content:center;gap:70px;position:relative}.footer-main{display:flex;align-items:center;gap:22px}.footer-main img{width:153px;height:auto}.footer-divider{height:36px;border-left:1px solid #8d9295}.footer-main strong{font-size:22px;letter-spacing:-.035em}.footer-paw{font-size:40px;opacity:.45;filter:sepia(1)}.site-footer>p{position:absolute;bottom:12px;left:0;right:0;text-transform:uppercase;letter-spacing:.33em;font-size:10px;font-weight:800;margin:0}
@media(max-width:1100px){.site-header{padding:0 3%}.brand{width:160px}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.launch-pill{font-size:12px;padding:13px 16px}.hero{grid-template-columns:46% 54%;padding-left:3%;padding-right:3%}.hero h1{font-size:clamp(58px,6vw,78px)}.hero-art{transform:scale(.94);transform-origin:top left}.benefits{margin-left:3%;margin-right:3%}.benefit-icon{width:58px;height:58px;font-size:35px}.benefit h2{font-size:18px}}
@media(max-width:760px){.site-header{height:75px;padding:0 5%}.brand{width:150px}.desktop-nav{display:none}.launch-pill{margin-left:auto;font-size:10px;padding:10px 12px}.launch-pill span{font-size:18px}.menu-toggle{display:flex;width:35px;height:35px;padding:7px 3px;border:0;background:transparent;flex-direction:column;justify-content:space-around}.menu-toggle span{display:block;width:27px;height:2px;background:var(--ink)}.mobile-nav:not([hidden]){display:grid;position:absolute;top:75px;left:0;right:0;z-index:20;background:var(--cream);box-shadow:0 15px 20px #0002;padding:18px 5%;gap:15px}.mobile-nav a{font-weight:800;text-transform:uppercase;font-size:13px}.hero{display:flex;flex-direction:column;min-height:0;padding:15px 5% 0}.hero-copy{padding-top:5px}.eyebrow{font-size:12px;letter-spacing:.12em}.rays{font-size:22px}.hero h1{font-size:clamp(50px,10vw,76px);line-height:.98;margin-bottom:15px}.hero-lead{font-size:18px;max-width:520px}.signup-card{width:100%;max-width:480px}.hero-art{height:590px;min-height:0;width:100%;margin-top:18px;transform:none}.blue-splash{top:110px;left:3%;right:0;height:390px}.hero-dog{width:57%;height:340px;right:0;top:0}.hero-chicken{width:39%;left:30%;top:80px}.hero-beef{width:39%;left:-7%;top:253px}.hero-salmon{width:39%;left:26%;top:324px}.hero-duck{width:39%;right:-9%;top:276px}.scribble-top{font-size:17px;left:6%;top:5px}.scribble-side{font-size:14px;right:-4%;top:446px}.paw-decor{top:203px}.treats-section{padding:34px 5% 12px}.section-intro h2{font-size:49px}.section-intro p{font-size:15px}.burst-left{left:5%;font-size:27px}.burst-right{right:5%;font-size:27px}.treat-grid{grid-template-columns:repeat(3,1fr);gap:22px 9px}.treat:nth-child(n+7){transform:none}.treat-image{width:min(145px,100%)}.treat h3{font-size:13px}.benefits{grid-template-columns:1fr;margin:25px 5%;gap:0;padding:12px 23px}.benefit{padding:14px 0}.benefit:not(:last-child){border-right:0;border-bottom:1px solid #8bb6d0;padding-right:0}.closing{padding-bottom:50px}.site-footer{gap:12px;min-height:145px}.footer-paw{font-size:24px}.footer-main{gap:10px}.footer-main img{width:104px}.footer-main strong{font-size:15px}.footer-divider{height:25px}.site-footer>p{font-size:8px;letter-spacing:.22em}}
@media(max-width:430px){.launch-pill{font-size:9px;padding:8px}.brand{width:132px}.hero h1{font-size:49px}.signup-card{padding:22px 18px}.signup-card h2{font-size:26px}.hero-art{height:510px}.hero-dog{height:300px}.hero-beef{top:232px}.hero-salmon{top:286px}.hero-duck{top:247px}.scribble-side{top:385px}.section-intro h2{font-size:40px}.treat-grid{gap:18px 7px}}
.hero-art{background-image:url('assets/hero-scene.png');background-repeat:no-repeat;background-size:110% auto;background-position:center top 80px}
.treats-section{overflow:hidden}
@media(max-width:1100px) and (min-width:761px){.hero-art{background-size:125% auto}}
@media(max-width:760px){.hero-art{background-size:145% auto;background-position:center bottom;height:455px;min-height:0}}
@media(max-width:430px){.hero-art{height:420px;background-size:155% auto}}

/* Soften the photo edges into the page background. */
.hero-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);mask-composite:intersect}

/* Treat closeups use the foreground treats in the supplied product photography. */
.treat-grid{max-width:1120px;gap:20px 12px}
.treat-image{width:min(154px,100%);background-color:#f8f1e8;background-repeat:no-repeat;background-size:240% auto;background-position:100% 88%;transition:transform .25s}
.treat:hover .treat-image{transform:translateY(-4px)}
.treat-beef{background-image:url('assets/beef-liver.png')}
.treat-capelin{background-image:url('assets/capelin-fish.png');background-size:270% auto;background-position:100% 87%}
.treat-chicken-bites{background-image:url('assets/chicken-bites.png')}
.treat-chicken-breast{background-image:url('assets/chicken-breast.png');background-position:100% 88%}
.treat-chicken-liver{background-image:url('assets/chicken-liver.png')}
.treat-cod{background-image:url('assets/cod-fish.png');background-position:100% 87%}
.treat-duck-bites{background-image:url('assets/duck-bites.png')}
.treat-duck-breast{background-image:url('assets/duck-breast.png');background-position:100% 88%}
.treat-duck-liver{background-image:url('assets/duck-liver.png');background-size:270% auto}
.treat-salmon{background-image:url('assets/salmon-bites.png')}
.treat-egg img{width:94%;height:94%;object-fit:contain;mix-blend-mode:normal}
.treat:hover .treat-egg img{transform:none}

.consent a,.faq a,.policy-content a{text-decoration:underline;text-underline-offset:2px}
.signup-card input[type=text],.signup-card select{height:49px;width:100%;border:1px solid #a9b0b8;border-radius:11px;background:#fff;padding:0 15px;font-size:16px;color:var(--ink)}
.signup-card input[type=text]::placeholder,.signup-card select:invalid{color:#7b838e}
.signup-card select{padding-right:34px;cursor:pointer}
.story{max-width:790px;padding-top:45px}
.story>p:not(.closing-eyebrow){max-width:720px;margin-bottom:20px}
.story .closing-cta{margin-top:7px}
.site-footer{padding-bottom:40px}
.site-footer>p{bottom:24px}
.footer-links{position:absolute;bottom:6px;display:flex;gap:20px;font-size:11px;font-weight:700}
.footer-links a:hover{color:#c54c09}

.policy-page .site-header{border-bottom:1px solid #e9e0d4}
.policy-content{max-width:790px;margin:45px auto 85px;padding:0 22px;line-height:1.65}
.policy-content h1{font-size:clamp(40px,5vw,62px);line-height:1;letter-spacing:-.065em;margin:0 0 10px}
.policy-content h2{font-size:25px;letter-spacing:-.035em;margin:34px 0 9px}
.policy-content p,.policy-content li{font-size:16px}
.policy-content .updated{color:var(--muted);font-size:14px;margin:0 0 35px}
.policy-content ul{padding-left:23px}

@media(max-width:760px){.hero-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent);mask-composite:intersect}.treat-grid{gap:19px 8px}.treat-image{width:min(145px,100%)}.footer-links{gap:13px;font-size:10px}}

/* The complete lineup sits below the main photo, using the original jar photos. */
.hero-art{background:none;-webkit-mask-image:none;mask-image:none}
.hero-art::before{content:'';position:absolute;top:0;left:0;right:0;height:calc(100% - 155px);background:url('assets/hero-scene.png') center top 80px/110% auto no-repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 82%,transparent);mask-composite:intersect}
.jar-lineup{position:absolute;left:0;right:0;bottom:0;height:245px;padding:0 1.5%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(2,105px);justify-items:center;align-content:start;z-index:2}
.jar-item{grid-column:span 2;position:relative;height:105px;width:100%;display:flex;justify-content:center;align-items:flex-start}
.jar-item:nth-child(7){grid-column:2/span 2}
.jar-item:nth-child(n+7){z-index:1}
.jar-item img{height:130px;width:auto;max-width:none;mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 50%,#000 55%,transparent 100%)}
@media(max-width:1100px) and (min-width:901px){.hero-art::before{background-size:125% auto}.jar-item img{height:118px}}
@media(max-width:900px) and (min-width:761px){.hero-art{min-height:820px}.hero-art::before{height:calc(100% - 270px);background-size:125% auto}.jar-lineup{height:330px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,105px)}.jar-item,.jar-item:nth-child(7){grid-column:auto}.jar-item img{height:120px}}
@media(max-width:760px){.hero-art{height:790px}.hero-art::before{height:420px;background-size:145% auto;background-position:center bottom;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 13%,#000 83%,transparent);mask-composite:intersect}.jar-lineup{height:345px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,108px);padding:0}.jar-item,.jar-item:nth-child(7){grid-column:auto;height:108px}.jar-item img{height:124px}}
@media(max-width:430px){.hero-art::before{background-size:155% auto}.jar-item img{height:115px}}
