:root{--ink:#205b87;--muted:#6b7280;--cream:#faf7f0;--line:#c8d6df;--blue:#eaf0f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 Arial,Tahoma,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}h1{font-size:clamp(44px,4.8vw,76px);letter-spacing:-2px}h2{font-size:clamp(31px,3vw,46px);letter-spacing:-1px}h3{font-size:24px}p{color:var(--muted)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid #a87926;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 6%;border-bottom:1px solid #e3e3dc;background:#fcfaf5}nav{display:flex;gap:28px;align-items:center;font:16px Georgia,serif}.brand{display:inline-flex;flex-direction:column;align-items:center;font:38px/.95 Georgia,serif;letter-spacing:-1px}.brand small{font:9px/1.8 Arial,sans-serif;letter-spacing:2.8px;margin-top:7px}.language-switch{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:30px}.language-switch button{border:0;border-radius:20px;padding:7px 10px;cursor:pointer;background:transparent;color:var(--ink);font:13px Arial}.language-switch button[aria-pressed=true]{background:var(--ink);color:white}.skip{position:absolute;top:-70px;left:12px;background:white;padding:10px;z-index:9}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:38% 62%;background:#f4f0e7;overflow:hidden}.hero-copy{padding:clamp(30px,4vw,65px) 12% 30px 16%;align-self:center}.hero-copy>p:not(.eyebrow){margin-top:22px;font-size:18px}.eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:15px;color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:44px;margin-top:24px;border:1px solid #9db5c9;border-radius:30px;padding:9px 23px;background:#fffdf9;box-shadow:0 2px 5px #244e7010;font-size:14px;line-height:1.5;transition:background .2s}.button:hover{background:var(--blue);text-decoration:none}.handwritten{font:italic 24px/1.4 Georgia,serif!important;color:var(--ink);margin-top:24px}.photo{position:relative;overflow:hidden;background:#e8e7df;isolation:isolate}.photo img{position:absolute;max-width:none;height:auto;display:block}.hero>.photo{align-self:stretch;aspect-ratio:auto!important;min-height:430px}.hero>.photo img{width:auto!important;height:465.78%;left:50%!important;top:-15.615%!important;transform:translateX(-62%)}.section{padding:42px 6%;display:grid;grid-template-columns:29% 1fr;gap:35px;align-items:center}.section-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-top:17px;max-width:360px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product h3{margin:13px 5px 5px}.product p{font-size:13px;line-height:1.5;margin:0 5px;max-width:200px}.product:hover{text-decoration:none}.product:hover h3{text-decoration:underline;text-underline-offset:4px}.values{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6%;background:var(--blue)}.values>div{text-align:center;padding:0 23px;border-right:1px solid var(--line)}.values>div:last-child{border:0}.value-icon{font:37px/1.2 Georgia,serif;display:block;margin-bottom:8px}.values h3{font-size:21px}.values p{font-size:13px;line-height:1.5;margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}figcaption{text-align:center;font:14px Georgia,serif;margin-top:10px}.details{padding-bottom:25px}.buddies{padding-top:25px}.buddy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.story{display:grid;grid-template-columns:1fr 1fr;background:#f1ede4;align-items:stretch}.story>.photo{aspect-ratio:auto!important;min-height:350px}.story>.photo img{height:829.6%;width:auto!important;left:50%!important;top:-643.78%!important;transform:translateX(-42%)}.story-copy{padding:45px 11%}.story-copy p:not(.eyebrow){margin-top:20px;font-size:15px}.packaging{padding-block:35px}.image-caption{text-align:center;font-size:11px;padding:12px 20px 22px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 6%;border-top:1px solid var(--line)}footer .brand{font-size:32px}footer>div{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}footer p{font-size:11px}html[lang=th] h1,html[lang=th] h2,html[lang=th] h3{font-family:Tahoma,Arial,sans-serif;line-height:1.5;letter-spacing:0}html[lang=th] h1{font-size:clamp(32px,3.6vw,52px)}html[lang=th] h2{font-size:clamp(26px,2.6vw,36px)}html[lang=th] .eyebrow{letter-spacing:.5px}html[lang=th] h3{font-size:20px}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){header{flex-wrap:wrap;gap:15px}nav{order:3;width:100%;justify-content:center;gap:25px;font-size:15px}.hero{grid-template-columns:42% 58%}.hero-copy{padding:32px 9%}.hero>.photo{min-height:380px}.hero h1{font-size:48px}.section{grid-template-columns:1fr;padding:35px 5%;gap:25px}.section-copy{max-width:650px}.section-copy>p:not(.eyebrow){max-width:600px}.section-copy .button{margin-top:16px}.values{padding:25px 4%}.values>div{padding:0 14px}.values h3{font-size:18px}.story-copy{padding:32px 8%}footer{flex-wrap:wrap}.packaging{grid-template-columns:1fr 1.5fr}.hero-copy .handwritten{font-size:20px!important}}@media(max-width:620px){header{padding:15px 6%}.brand{font-size:33px}nav{gap:10px 19px;flex-wrap:wrap;font-size:14px}.hero{display:flex;flex-direction:column-reverse}.hero>.photo{height:245px;min-height:0;width:100%}.hero>.photo img{transform:translateX(-58%)}.hero-copy{padding:28px 7% 32px}.hero h1{font-size:47px;max-width:390px}.hero-copy>p:not(.eyebrow){font-size:16px;margin-top:15px}.hero-copy .handwritten{display:none}.hero .button{margin-top:20px}.eyebrow{margin-bottom:10px}.section{padding:30px 6%}.section-copy h2{font-size:34px}.product-grid{gap:10px}.product h3{font-size:20px;margin-left:0}.product p{font-size:12px;margin-left:0}.values{grid-template-columns:1fr 1fr;gap:25px 0;padding:30px 5%}.values>div:nth-child(2){border:0}.values h3{font-size:20px}.values p{font-size:12px}.detail-grid{gap:8px}figcaption{font-size:13px;line-height:1.4}.buddy-grid{grid-template-columns:1fr 1fr;gap:10px}.story{grid-template-columns:1fr}.story>.photo{min-height:240px}.story-copy{padding:30px 7%}.packaging{display:flex;flex-direction:column;align-items:stretch}.packaging>.photo{aspect-ratio:508/142}.image-caption{font-size:10px}footer{gap:24px}footer>div{gap:12px 22px}footer p{width:100%}html[lang=th] .hero h1{font-size:34px}html[lang=th] .section-copy h2{font-size:29px}html[lang=th] .product h3{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}footer{flex-wrap:wrap}.footer-socials{display:flex;align-items:center;gap:28px;width:100%;padding-top:22px;border-top:1px solid var(--line)}.footer-socials a,.social-placeholder{display:inline-flex;align-items:center;gap:9px;font-size:14px}.footer-socials svg,.footer-socials img{width:24px;height:24px;flex-shrink:0;object-fit:contain}.social-placeholder{color:var(--muted)}.social-placeholder small{display:block;font-size:10px;line-height:1.4;color:var(--muted)}@media(max-width:620px){.footer-socials{gap:20px;flex-wrap:wrap}}
footer:has(.footer-socials){display:grid;grid-template-columns:auto 1fr auto;gap:25px 32px;align-items:center}footer:has(.footer-socials)>div:not(.footer-socials){justify-content:center;gap:18px}footer .footer-socials{width:auto;border:0;padding:0;gap:19px;justify-content:flex-end;flex-wrap:nowrap}footer .footer-socials a,footer .social-placeholder{font-size:12px;gap:7px}footer:has(.footer-socials)>p{grid-column:1/-1;padding-top:15px;border-top:1px solid var(--line);width:100%}@media(max-width:1050px){footer:has(.footer-socials){grid-template-columns:auto 1fr;gap:25px}footer:has(.footer-socials)>div:not(.footer-socials){justify-content:flex-end}footer .footer-socials{grid-column:1/-1;justify-content:center}footer:has(.footer-socials)>p{text-align:center}}@media(max-width:620px){footer:has(.footer-socials){grid-template-columns:1fr}footer:has(.footer-socials)>.brand{justify-self:center}footer:has(.footer-socials)>div:not(.footer-socials){justify-content:center;gap:12px 20px}footer .footer-socials{flex-wrap:wrap;gap:23px}}
header .brand-logo{display:block;flex-shrink:0;width:180px;height:76px;overflow:hidden;line-height:0;border-radius:3px}header .brand-logo img{display:block;width:180px;height:76px;object-fit:cover;object-position:50% 46%}@media(max-width:620px){header .brand-logo,header .brand-logo img{width:150px;height:64px}}
header .brand-paw{margin-top:12px;flex-shrink:0}.brand-wordmark{display:block;position:relative;line-height:1}.petalyn-paw{position:absolute;width:25px;height:27px;right:1px;top:-13px;color:inherit;fill:currentColor;pointer-events:none}@media(max-width:620px){.petalyn-paw{width:22px;height:24px;top:-11px;right:0}}

/* Supplied product photography */
.story>.actual-photo{aspect-ratio:780/550!important;min-height:0;align-self:center}.story>.actual-photo img{height:auto;transform:none;width:214.35897435897436%!important;left:-84.61538461538461%!important;top:0!important}.details .detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:620px){.details .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.buddy-placeholder{aspect-ratio:186/143;display:grid;place-items:center;background:var(--blue);border:1px solid var(--line);color:var(--ink);font:italic 16px Georgia,serif;text-align:center;padding:12px}
