:root{--navy:#072c60;--yellow:#ffcf00;--paper:#fff;--muted:#586777}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;color:var(--navy);background:white}a{color:inherit}header{position:sticky;top:0;z-index:10;background:#ffffff;border-bottom:1px solid #e5e9ee}nav{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;gap:20px}.brand{font-weight:900;text-decoration:none;font-size:30px;letter-spacing:-2px}.links{display:flex;align-items:center;gap:24px}.links a{text-decoration:none;font-size:14px}button{font:inherit;cursor:pointer}.lang{border:1px solid #ced6df;background:white;border-radius:25px;padding:9px 14px;color:var(--navy)}main section{padding:90px max(6%,calc((100% - 1100px)/2))}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;min-height:690px;background:linear-gradient(110deg,#fff 65%,#fff7cb 65%)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px}.hero h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-3px;margin:0 0 25px}p{line-height:1.8;color:var(--muted);font-size:16px}.hero p{max-width:510px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-block;padding:16px 22px;border-radius:5px;font-size:14px;font-weight:bold;text-decoration:none;background:var(--yellow);color:var(--navy)}.btn.outline{background:transparent;border:1px solid #aab8c8}.logo-display{background:white;border-radius:12px;padding:15px;box-shadow:0 25px 65px #072c6012;transform:rotate(-3deg)}.logo-display img{width:100%;display:block}.logo-display p{text-align:center;margin:0 0 15px;font-size:11px;letter-spacing:2px}.strip{padding:23px 6%;background:var(--navy);color:white;display:flex;justify-content:center;gap:65px;font-size:14px}.strip strong{color:var(--yellow)}h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;margin:0 0 25px;line-height:1.15}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.about .name{font-size:80px;color:var(--navy);font-weight:900;line-height:1.15;margin:20px 0}.characters{border-left:4px solid var(--yellow);padding-left:20px;color:var(--muted);line-height:2}.about p{margin-top:0}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.principles b{font-size:16px}.principles p{font-size:14px;margin-top:10px}.products{background:#f4f6f8}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-top p{max-width:440px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{background:white;padding:30px 22px;border-bottom:4px solid var(--yellow);min-height:215px}.category .number{font-size:42px;font-weight:900;color:#d4dde8}.category h3{font-size:20px;line-height:1.3;margin:22px 0 12px}.category p{font-size:14px;margin:0}.portfolio-note{margin:30px 0 0}.services{margin-top:30px;border-top:1px solid #d8dfe6;padding-top:25px;display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.contact{background:var(--yellow);display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.contact p{color:#304463}.contact .btn{background:var(--navy);color:white}.contacts{background:#ffffffb8;padding:30px;border-radius:8px}.contacts .row{padding:18px 0;border-bottom:1px solid #072c6020}.contacts .row:last-child{border:0}.contacts small{display:block;margin-bottom:9px;font-size:11px;letter-spacing:1px}.contacts a{font-size:17px;overflow-wrap:anywhere}.copy{border:0;background:transparent;color:var(--navy);padding:0;font-size:17px;text-decoration:underline;text-underline-offset:4px}footer{padding:35px 6%;display:flex;justify-content:space-between;gap:30px;font-size:12px;line-height:1.8;color:var(--muted)}#status{min-height:20px;font-size:13px}.target{font-size:13px;line-height:1.8;margin-top:25px}:focus-visible{outline:3px solid #638ddb;outline-offset:5px}@media(max-width:800px){.links{gap:12px}.links a{font-size:12px}.hero,.about,.contact{grid-template-columns:1fr;gap:35px}.hero{background:#fff;min-height:auto}.hero h1{letter-spacing:-2px}.logo-display{max-width:500px}.strip{gap:20px;flex-wrap:wrap}.categories{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:1fr}.section-top{display:block}main section{padding:65px 6%}.about .name{font-size:60px}footer{flex-direction:column}.brand{font-size:25px}}@media(max-width:480px){.links a:nth-child(2){display:none}.categories{grid-template-columns:1fr}.hero h1{font-size:44px}}
.brand{display:block;position:relative;width:130px;height:53px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:153px;max-width:none;height:auto;left:-11px;top:-22px}@media(max-width:480px){.brand{width:104px;height:43px}.brand img{width:123px;left:-9px;top:-18px}}

.brand{width:175px;height:72px}.brand img{width:205px;left:-15px;top:-30px}.hero .eyebrow{font-size:22px;letter-spacing:3px}.pet-display{transform:none;padding:0;overflow:hidden}.pet-display img{width:100%;aspect-ratio:4/3;object-fit:cover}.pet-display p{padding:20px 10px;margin:0;background:white}.chinese-logo{height:200px;position:relative;overflow:hidden;margin:10px 0 25px!important}.chinese-logo img{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%)}@media(max-width:480px){.brand{width:130px;height:54px}.brand img{width:153px;left:-11px;top:-22px}.hero .eyebrow{font-size:19px}.chinese-logo{max-width:300px;height:180px}}

nav{padding-top:12px;padding-bottom:12px;min-height:145px}.brand{width:230px;height:120px;overflow:visible}.brand img{position:static;width:230px;height:120px;object-fit:contain;display:block}.pet-display img{aspect-ratio:3/2;object-fit:contain}html{scroll-padding-top:155px}@media(max-width:800px){nav{min-height:125px}.brand{width:200px;height:100px}.brand img{width:200px;height:100px}html{scroll-padding-top:135px}}@media(max-width:480px){nav{min-height:112px;gap:10px}.brand{width:160px;height:88px}.brand img{width:160px;height:88px}.links{gap:8px}.lang{padding:8px 10px}html{scroll-padding-top:122px}}
.species-cards{grid-template-columns:repeat(2,1fr)}.species-cards a{text-decoration:none}@media(max-width:480px){.species-cards{grid-template-columns:1fr}}nav{min-height:185px}.brand{width:310px;height:160px}.brand img{width:310px;height:160px}html{scroll-padding-top:195px}@media(max-width:800px){nav{min-height:165px}.brand{width:270px;height:140px}.brand img{width:270px;height:140px}html{scroll-padding-top:175px}}@media(max-width:480px){nav{min-height:135px;flex-wrap:wrap;justify-content:space-between}.brand{width:200px;height:108px}.brand img{width:200px;height:108px}html{scroll-padding-top:155px}}
.menu-toggle{display:none}
@media(max-width:800px){
html{scroll-padding-top:120px}body{overflow-wrap:break-word}
header nav{min-height:110px;padding:8px 20px;gap:12px;flex-wrap:wrap}
header .brand,header .brand img{width:180px;height:94px;max-width:100%}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;border:1px solid #dce3eb;border-radius:6px;background:white;color:var(--navy);flex-shrink:0}
.menu-toggle span{width:22px;height:2px;background:currentColor;display:block}
header .links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px;border-top:1px solid #e5e9ee}
header nav.menu-open .links{display:flex}header .links a,header .links a:nth-child(2){display:block;font-size:16px;padding:14px 8px;min-height:48px}header .links .lang{align-self:flex-start;min-height:44px;margin:8px}
main section{padding:40px 20px!important;min-width:0}
.hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;gap:25px}
.hero>div:first-child{width:100%;max-width:none;padding:0}
.hero h1{font-size:clamp(34px,9vw,42px);letter-spacing:-1.3px;line-height:1.1}
.hero .eyebrow{font-size:18px;margin-bottom:18px}.hero p{font-size:15px;line-height:1.7}
.hero .pet-display{position:relative;inset:auto;width:100%;height:auto;max-width:none}.hero .pet-display img{width:100%;height:auto;object-fit:contain}
.actions{flex-direction:column;align-items:stretch;width:100%;gap:12px}.actions .btn,.hero .actions>.btn:first-child{width:100%;min-height:50px;text-align:center;padding:17px 20px}
h2,.about>div:nth-child(2)>h2{font-size:30px;white-space:normal;letter-spacing:-.7px}
.about,.contact,.categories,.species-cards,.principles,.about .principles,.browse-layout,.browse-cards{grid-template-columns:minmax(0,1fr);gap:24px}
.about>div:first-child{max-width:none}.about .chinese-logo{max-width:340px;width:100%}
#about>div:first-child>.eyebrow,#products .section-top .eyebrow{font-size:21px}
.section-top{display:block}.category{min-height:0;padding:24px 20px}.category h3{margin-top:0}
.services{flex-direction:column;align-items:flex-start;padding:22px 20px;gap:10px}
.contact>div,.contacts{width:100%;min-width:0}.contacts{padding:22px 20px}.contacts a{font-size:16px}.contacts .copy{min-height:44px}
footer{padding:30px 20px;gap:20px;flex-direction:column}.copyright{width:100%;flex-basis:auto}
main section>h1{font-size:34px!important}.browse-tabs{gap:12px;margin-bottom:24px}.browse-tabs a{flex:1;text-align:center;padding:15px 12px;min-height:48px}
aside,.selection-panel{padding:20px;min-width:0}.browse-layout>div{min-width:0}#category-nav a{padding:12px 0;min-height:44px}#proteins{grid-template-columns:1fr;display:grid;gap:0}#proteins label{min-height:44px;align-items:center;margin-bottom:4px}#proteins input{width:18px;height:18px}#catalogue{display:block;width:100%;text-align:center;min-height:50px}#subcategories a{min-height:44px;display:flex;align-items:center}
}


header .brand{display:flex;flex-direction:column;align-items:center;width:310px;height:auto;overflow:visible;letter-spacing:normal;text-decoration:none;padding-bottom:6px}
header .brand img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain}
header .brand-tagline{display:block;width:auto;max-width:100%;margin-top:-18px;position:relative;color:var(--navy);font-family:Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.3px;word-spacing:normal;text-align:center;text-align-last:auto;white-space:nowrap}
@media(max-width:800px){header .brand{width:180px;height:auto}header .brand img{width:100%;height:auto}header .brand-tagline{font-size:9px;letter-spacing:.1px;margin-top:-10px}html{scroll-padding-top:150px}}

header .brand-tagline{color:#002978}
/* Shared accessibility, navigation and layout refinements. */
body{overflow-wrap:anywhere}img,video{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}header .links a{min-height:44px;display:flex;align-items:center}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#ffcf00;padding:14px}.skip-link:focus{top:12px}main{min-height:45vh}.site-footer{border-top:1px solid #dce3eb;display:grid;grid-template-columns:1fr 1fr;align-items:start}.footer-links{display:flex;flex-wrap:wrap;gap:4px 20px}.footer-links a{padding:9px 0;min-height:44px}.footer-meta{grid-column:1/-1}.legal-page{max-width:1120px;margin:auto;padding:64px 6%}.legal-page h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1.5px}.legal-page h2{font-size:25px;letter-spacing:-.5px;margin:36px 0 12px}.legal-page p,.legal-page li{max-width:78ch;line-height:1.8;color:var(--muted)}.legal-page li{margin:8px 0}.legal-page a{text-underline-offset:4px}.policy-date{font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{border:1px solid #dce3eb;padding:26px;border-radius:8px}.contact-card h2{margin-top:0}.contact-card a{overflow-wrap:anywhere}#storage-status{min-height:1.8em}.notice{padding:18px;background:#f4f6f8;border-left:4px solid var(--yellow)}[hidden]{display:none!important}:focus-visible{outline:3px solid #3264b4;outline-offset:4px}
@media(max-width:800px){header .links{display:flex}.js header .links{display:none}.js header nav.menu-open .links{display:flex}.menu-toggle{display:none}.js .menu-toggle{display:flex}.site-footer{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.legal-page{padding:36px 20px}.browse-layout>*{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}