:root{--navy:#082b52;--blue:#4aa8e8;--sand:#f4dfbd;--cream:#fff8e9;--orange:#f05a21;--rust:#b83d1f;--ink:#102030;--green:#66785d;--display:'Archivo Black',sans-serif;--body:'DM Sans',sans-serif;--mono:'Roboto Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}.topbar{height:34px;background:var(--navy);color:white;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;font:700 .65rem var(--mono);letter-spacing:.08em}.topbar p{margin:0;color:#a8dafa}header{height:84px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:sticky;top:0;z-index:30;border-bottom:1px solid #c4b596}.logo{font:900 1.45rem/.85 var(--display);display:flex;flex-direction:column}.logo span{color:var(--orange)}nav{display:flex;gap:34px;align-items:center;text-transform:uppercase;font:700 .7rem var(--mono)}.store{background:var(--orange);color:#fff;padding:14px 18px}.menu{display:none;border:0;background:var(--navy);color:#fff;padding:11px 13px;font:700 .7rem var(--mono)}.hero{height:740px;min-height:calc(100vh - 118px);position:relative;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.wash{position:absolute;inset:0;background:linear-gradient(90deg,#f7e5c9fa 0%,#f7e5c9e7 37%,#f7e5c930 66%),linear-gradient(0deg,#082b5270,transparent 45%)}.hero-copy{position:absolute;left:clamp(24px,7vw,112px);top:50%;transform:translateY(-50%);width:min(650px,55vw)}.eyebrow{font:700 .7rem var(--mono);letter-spacing:.16em;color:#ffd2aa;text-transform:uppercase;margin:0 0 20px}.eyebrow.dark{color:var(--rust)}.hero h1,.finder h2,.shop-head h2,.care h2,.closing h2{font:900 clamp(4.3rem,8vw,8.4rem)/.8 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p:not(.eyebrow){max-width:500px;font-size:1.05rem;line-height:1.7;margin:28px 0}.button{display:inline-flex;background:var(--navy);color:#fff;padding:17px 22px;text-transform:uppercase;font:700 .7rem var(--mono)}.hero-note{position:absolute;right:5vw;bottom:35px;background:var(--orange);color:#fff;padding:18px 23px;transform:rotate(-2deg);box-shadow:9px 9px 0 var(--navy);font-family:var(--mono)}.hero-note b{display:block}.hero-note span{font-size:.62rem}.need-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff}.need-strip div{padding:25px clamp(18px,3vw,44px);border-right:1px solid #ffffff30;display:flex;gap:18px}.need-strip b{color:var(--orange);font:700 .7rem var(--mono)}.need-strip span{font:700 .68rem var(--mono)}.finder{padding:clamp(80px,10vw,150px) clamp(20px,7vw,110px);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,8vw,130px);background:var(--sand)}.finder h2,.shop-head h2,.care h2{font-size:clamp(3.4rem,5.7vw,6.2rem)}.finder>div:first-child>p:last-child{line-height:1.7;max-width:450px}.finder-panel{background:var(--cream);border:1px solid var(--navy);box-shadow:14px 14px 0 var(--orange)}.pet-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.pet-tabs button{border:0;border-right:1px solid var(--navy);border-bottom:1px solid var(--navy);padding:18px;background:transparent;font:700 .7rem var(--mono);cursor:pointer}.pet-tabs button:last-child{border-right:0}.pet-tabs button.active{background:var(--navy);color:#fff}.finder-result{padding:36px}.finder-result>span{font:700 .65rem var(--mono);color:var(--orange)}.finder-result h3{font:900 clamp(2.2rem,4vw,4.2rem)/.95 var(--display);text-transform:uppercase;max-width:650px;margin:14px 0}.finder-result p{line-height:1.7;color:#53606a}.finder-result ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;border-top:1px solid #b8af9c}.finder-result li{padding:14px 0;border-bottom:1px solid #c8beaa;font:700 .7rem var(--mono)}.finder-result a{display:inline-block;margin-top:22px;color:var(--rust);font:700 .7rem var(--mono);text-transform:uppercase;border-bottom:2px solid}.shop-section{padding:clamp(80px,10vw,150px) clamp(20px,6vw,96px)}.shop-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:55px}.filters{display:flex;flex-wrap:wrap}.filters button{border:1px solid var(--navy);background:none;padding:11px 15px;font:700 .65rem var(--mono);cursor:pointer}.filters button.active{background:var(--navy);color:#fff}.products{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.products article{min-height:390px;padding:25px;display:flex;flex-direction:column;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff;position:relative}.products article:nth-child(2),.products article:nth-child(5){background:var(--blue);color:#061d32}.products article:nth-child(3),.products article:nth-child(6){background:var(--orange);color:#fff}.products article.hidden{display:none}.products span{font:700 .62rem var(--mono)}.products h3{font:900 clamp(2.2rem,3.5vw,3.8rem)/.9 var(--display);text-transform:uppercase;margin:auto 0 15px}.products p{font-size:.9rem}.products b{font:900 1.6rem var(--display);margin:12px 0}.products a{width:max-content;font:700 .65rem var(--mono);text-transform:uppercase;border-bottom:2px solid}.care{display:grid;grid-template-columns:1.08fr .92fr;background:var(--navy);color:#fff}.care-photo{min-height:760px}.care-photo img{height:100%;object-fit:cover}.care-copy{padding:clamp(70px,8vw,130px) clamp(25px,6vw,90px)}.care-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:44px}.care-grid article{padding:24px;border:1px solid #ffffff30}.care-grid span{font:700 .65rem var(--mono);color:var(--orange)}.care-grid h3{font:900 1.7rem var(--display);text-transform:uppercase;margin:12px 0}.care-grid p{color:#b9ccdc;line-height:1.6;font-size:.9rem}.brands{padding:70px clamp(20px,6vw,96px);background:var(--sand)}.brands>div{display:flex;justify-content:space-between;gap:40px;overflow-x:auto;font:900 clamp(1.4rem,3vw,3rem) var(--display);color:var(--navy);white-space:nowrap}.closing{padding:clamp(90px,11vw,170px) clamp(20px,7vw,110px);background:var(--orange);color:#fff;position:relative;overflow:hidden}.closing:after{content:'PAW';position:absolute;right:-4vw;bottom:-7vw;font:900 22vw var(--display);opacity:.1}.closing>p{font:700 .7rem var(--mono)}.closing h2{font-size:clamp(4rem,7.5vw,8rem);position:relative;z-index:1}.closing a{display:inline-block;background:var(--navy);padding:16px 21px;margin-top:38px;font:700 .7rem var(--mono);text-transform:uppercase;position:relative;z-index:1}footer{padding:38px clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{color:#65717b;font-size:.8rem}footer>div{display:flex;gap:24px;font:700 .65rem var(--mono);text-transform:uppercase}
@media(max-width:900px){.menu{display:block}nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--cream);padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--navy)}nav.open{display:flex}.hero-copy{width:72vw}.need-strip{grid-template-columns:1fr 1fr}.finder{grid-template-columns:1fr}.products{grid-template-columns:1fr 1fr}.care{grid-template-columns:1fr}.care-photo{min-height:550px}.shop-head{align-items:start;flex-direction:column}}
@media(max-width:560px){.topbar p{display:none}header{height:72px}nav{top:72px}.hero{height:auto;min-height:690px}.hero>img{object-position:66% center}.wash{background:linear-gradient(90deg,#f7e5c9fa,#f7e5c980),linear-gradient(0deg,#082b52c9,transparent 60%)}.hero-copy{left:20px;right:20px;width:auto}.hero h1{font-size:clamp(3.7rem,17vw,5.2rem);overflow-wrap:anywhere}.hero-copy>p:not(.eyebrow){max-width:88%}.hero-note{display:none}.need-strip{grid-template-columns:1fr}.finder,.shop-section{padding-left:20px;padding-right:20px}.finder h2,.shop-head h2,.care h2{font-size:clamp(3rem,14vw,4.6rem);overflow-wrap:anywhere}.finder-panel{box-shadow:8px 8px 0 var(--orange)}.pet-tabs{grid-template-columns:1fr}.pet-tabs button{border-right:0}.finder-result{padding:25px 18px}.finder-result ul{grid-template-columns:1fr}.products{grid-template-columns:1fr}.products article{min-height:330px}.care-photo{min-height:420px}.care-copy{padding:70px 20px}.care-grid{grid-template-columns:1fr}.brands{padding-left:20px;padding-right:20px}.closing{padding-left:20px;padding-right:20px}.closing h2{font-size:clamp(3.4rem,15vw,5.2rem);overflow-wrap:anywhere}footer{align-items:flex-start;flex-direction:column}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}