@layer components{.animal-hero,.animal-products,.animal-why,.animal-care,.animal-philosophy{color:#fffbf0;position:relative;overflow:hidden}.animal-hero,.animal-products,.animal-care{min-height:884px}.animal-hero{background:#4d93d5 url(/images/animal-health/hero.png) 50%/cover no-repeat}.animal-hero:before,.animal-hero:after{content:"";pointer-events:none;height:30.43%;position:absolute;inset:auto 0 0}.animal-hero:before{filter:blur(50px);background:url(/images/animal-health/hero.png) 50%/cover no-repeat;height:auto;inset:0;-webkit-mask-image:linear-gradient(#0000 68%,#000 84%);mask-image:linear-gradient(#0000 68%,#000 84%)}.animal-hero:after{background:linear-gradient(#83bdee00,#4d93d5 89.077%)}.animal-header{z-index:1;justify-content:space-between;align-items:center;padding:12px 39px;display:flex;position:relative}.animal-header img{display:block}.animal-contact,.animal-action{color:#fff;background:#1e64a8;border-radius:100px;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:background-color .2s;display:inline-flex}.animal-contact:hover,.animal-action:hover{background:#124b82}.animal-contact{min-width:114px;min-height:44px;font-size:16px}.animal-action{min-height:38px;padding:8px 16px;font-size:14px}.hero-heading{z-index:1;position:absolute;top:147px;left:8%}.hero-heading h1,.hero-heading p{letter-spacing:-.04em;margin:0;font-weight:350;line-height:1}.hero-heading p{margin:10px 0 0 5%;font-size:clamp(54px,6.39vw,92px)}.hero-intro{z-index:1;width:min(484px,40%);position:absolute;bottom:28px;right:3%}.hero-intro p{margin:0 0 18px;font-size:24px;line-height:30px}.animal-products{background:#4d93d5 url(/images/animal-health/products.png) bottom/cover no-repeat}.animal-products:before,.animal-products:after{content:"";pointer-events:none;height:286px;position:absolute;inset:0 0 auto}.animal-products:before{filter:blur(50px);background:url(/images/animal-health/products.png) bottom/cover no-repeat;height:auto;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 286px);mask-image:linear-gradient(#000,#0000 286px)}.animal-products:after{background:linear-gradient(#4d93d5 7.659%,#5095d7e2 18.759%,#5396d9c7 30.931%,#69a2e500)}.products-copy{z-index:1;grid-template-columns:1fr .83fr;align-items:center;gap:9%;padding:85px 5.55%;display:grid;position:relative}.products-copy h2{letter-spacing:-.03em;max-width:621px;margin:0;font-size:clamp(44px,4.45vw,64px);font-weight:400;line-height:1.2}.products-copy p,.why-intro p,.care-intro p,.care-bottom p,.philosophy-panel p{margin:0 0 16px;font-size:18px;line-height:25px}.animal-why{min-height:884px}.why-photo{background:#22577c url(/images/animal-health/why.png) 50%/cover no-repeat;min-height:509px;padding:68px 5.5%}.why-intro{text-align:right;max-width:492px;margin-left:auto}.why-intro h2{letter-spacing:-.03em;max-width:395px;margin:0 0 16px auto;font-size:62px;font-weight:500;line-height:1}.why-detail{background:linear-gradient(90deg,#0a243e,#1a60a4);min-height:375px;padding:75px 3.55% 55px;position:relative;overflow:hidden}.why-detail>div{z-index:1;max-width:507px;position:relative}.why-detail h3{letter-spacing:-.01em;max-width:450px;margin:0 0 18px;font-size:70px;font-weight:400;line-height:.93}.why-detail p{margin:0;font-size:24px;font-weight:200;line-height:32px}.why-watermark{opacity:.2;position:absolute;top:-111px;right:-6%}.animal-care{background:#0a2540;padding:0 max(0px,50% - 607px)}.animal-care:before,.animal-care:after{content:"";background-position:50%;background-size:cover;width:10%;position:absolute;top:0;bottom:0}.animal-care:before{background-image:url(/images/animal-health/side-left.png);left:0}.animal-care:after{background-image:url(/images/animal-health/side-right.png);right:0}.care-panel{z-index:1;background:url(/images/animal-health/companion.png) 50%/cover no-repeat;flex-direction:column;justify-content:space-between;min-height:884px;padding:25px 40px 57px;display:flex;position:relative}.care-panel:before,.care-panel:after{content:"";pointer-events:none;height:34%;position:absolute;inset:auto 0 0}.care-panel:before{filter:blur(50px);background:url(/images/animal-health/companion.png) 50%/cover no-repeat;height:auto;inset:0;-webkit-mask-image:linear-gradient(#0000 64%,#000 84%);mask-image:linear-gradient(#0000 64%,#000 84%)}.care-side-fade{-webkit-backdrop-filter:blur(50px);-webkit-mask-image:linear-gradient(#0000,#000 55%);mask-image:linear-gradient(#0000,#000 55%)}.care-panel:after{background:linear-gradient(#1a60a300,#0a2540)}.care-side-fade{z-index:1;pointer-events:none;background:linear-gradient(#1a60a300,#0a2540);height:34%;position:absolute;inset:auto 0 0}.care-intro,.care-bottom{z-index:1;position:relative}.care-intro{max-width:578px}.care-intro h2{letter-spacing:-.06em;margin:0 0 16px;font-size:72px;font-weight:400;line-height:.93}.care-bottom{justify-content:space-between;align-items:end;gap:40px;display:flex}.care-bottom h3{letter-spacing:-.02em;max-width:412px;margin:0;font-size:64px;font-weight:400;line-height:.91}.care-bottom p{max-width:433px;margin:0}.animal-philosophy{background:#fffbf0;padding:21px 20px}.philosophy-panel{text-align:center;background:#365d69 url(/images/animal-health/philosophy.png) 50%/cover no-repeat;border-radius:24px;justify-content:center;align-items:center;min-height:844px;padding:42px 24px;display:flex}.philosophy-panel>div{max-width:772px;margin-top:240px}.philosophy-panel h2{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(60px,7.89vw,114px);font-weight:400;line-height:.93}@media (max-width:767px){.animal-hero,.animal-products,.animal-care,.care-panel{min-height:720px}.animal-header{padding:14px 20px}.hero-heading{padding:65px 20px 0;position:relative;top:auto;left:auto}.hero-heading h1{font-size:clamp(48px,11vw,76px)}.hero-heading p{margin-left:0;font-size:clamp(42px,9vw,64px)}.hero-intro{width:auto;bottom:30px;left:20px;right:20px}.hero-intro p{font-size:19px;line-height:26px}.products-copy{padding:55px 24px;display:block}.products-copy h2{margin-bottom:24px;font-size:44px}.animal-products,.animal-products:before{background-position:55%}.why-photo{min-height:500px;padding:48px 24px}.why-intro h2{font-size:46px}.why-detail{padding:55px 24px}.why-detail h3{font-size:52px}.why-detail p{font-size:20px;line-height:28px}.why-watermark{width:340px;height:340px;top:70px;right:-110px}.animal-care{padding:0}.animal-care:before,.animal-care:after,.care-side-fade{display:none}.care-panel{padding:36px 24px}.care-intro h2{font-size:52px}.care-bottom{display:block}.care-bottom h3{margin-bottom:18px;font-size:48px}.philosophy-panel{min-height:720px}.philosophy-panel>div{margin-top:150px}.philosophy-panel h2{font-size:54px}}@media (prefers-reduced-motion:reduce){.animal-contact,.animal-action{transition:none}}.hero-intro p,.products-copy p,.why-intro p,.why-detail p,.care-intro p,.care-bottom p,.philosophy-panel p{text-transform:capitalize}.animal-action{background:linear-gradient(112deg,#1e64a8,#5798d9)}.hero-intro .animal-action{background:linear-gradient(101deg,#305982,#1e64a8)}.animal-action:hover,.hero-intro .animal-action:hover{background:#124b82}.animal-hero,.animal-products,.animal-why,.animal-care,.animal-philosophy{min-height:100svh}.animal-hero{flex-direction:column;display:flex}.hero-heading{margin:clamp(24px,6.5vh,57px) 8% 0;position:relative;top:auto;left:auto}.hero-heading h1{font-size:clamp(48px,min(8.89vw,14vh),128px)}.hero-heading p{font-size:clamp(42px,min(6.39vw,10vh),92px)}.hero-intro{align-self:flex-end;margin:auto 3% 28px 0;padding-top:24px;position:relative;bottom:auto;right:auto}.animal-why{flex-direction:column;display:flex}.why-photo{flex:1.36 0 auto;min-height:0;padding-block:clamp(28px,7.7vh,68px)}.why-detail{flex:1 0 auto;min-height:0;padding-block:clamp(28px,8.5vh,75px) clamp(28px,6.2vh,55px)}.why-intro h2{font-size:clamp(40px,7vh,62px)}.why-detail h3{font-size:clamp(42px,7.9vh,70px)}.animal-care{flex-direction:column;display:flex}.care-panel{flex:1;gap:32px;min-height:100svh}.care-intro h2{font-size:clamp(46px,8.15vh,72px)}.care-bottom h3{font-size:clamp(42px,7.25vh,64px)}.animal-philosophy{flex-direction:column;display:flex}.philosophy-panel{flex:1;min-height:0}.philosophy-panel>div{margin-top:min(27vh,240px)}.philosophy-panel h2{font-size:clamp(48px,min(7.89vw,13vh),114px)}@media (max-width:767px){.hero-heading{margin:clamp(28px,7vh,65px) 20px 0;padding:0}.hero-heading h1{font-size:clamp(42px,min(11vw,11vh),76px)}.hero-heading p{font-size:clamp(36px,min(9vw,9vh),64px)}.hero-intro{align-self:stretch;width:auto;margin:auto 20px 30px}.products-copy{padding:clamp(30px,6vh,55px) 24px}.products-copy h2{font-size:clamp(34px,min(10vw,7vh),44px)}.why-photo{padding:clamp(24px,5vh,48px) 24px}.why-detail{padding:clamp(24px,5vh,55px) 24px}.why-intro h2{font-size:clamp(34px,min(10vw,6vh),46px)}.why-detail h3{font-size:clamp(36px,min(11vw,6.5vh),52px)}.care-panel{padding:clamp(24px,4vh,36px) 24px}.care-intro h2{font-size:clamp(38px,min(11vw,7vh),52px)}.care-bottom h3{font-size:clamp(36px,min(10vw,6.5vh),48px)}.philosophy-panel>div{margin-top:min(18vh,150px)}.philosophy-panel h2{font-size:clamp(42px,min(11vw,7vh),54px)}}@media (max-width:360px) and (max-height:650px){.why-photo,.why-detail{padding-block:18px}.why-intro h2,.why-detail h3,.care-intro h2,.care-bottom h3{margin-bottom:10px;font-size:32px}.why-intro p,.why-detail p,.care-intro p,.care-bottom p,.philosophy-panel p{font-size:16px;line-height:21px}.care-panel{gap:16px;padding-block:20px}.philosophy-panel{padding:24px 18px}.philosophy-panel>div{margin-top:10vh}.philosophy-panel h2{font-size:36px}}}
