/* PAW v0.6 full-screen photo hero */
body:has(.home-hero) #app.wrap{max-width:none;padding:0;width:100%}
body:has(.home-hero) #app>.home-section,body:has(.home-hero) #app>.mission-banner{max-width:1240px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
.home-hero{position:relative;display:block;min-height:min(820px,calc(100svh - 84px));height:auto;padding:0;isolation:isolate;overflow:hidden;background:#173d2b;color:white}
.home-hero .hero-photo{position:absolute;inset:0 0 0 35%;background-image:url('images/hero-pets.webp');background-position:center 45%;background-size:cover;z-index:-2}
.home-hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102b20 0%,#183c2bdc 30%,#193c2a73 54%,#112c190a 82%),linear-gradient(0deg,#102b2060,transparent 36%);z-index:-1}
.home-hero .hero-inner{max-width:1240px;margin:auto;padding:110px 28px 100px;display:flex;align-items:center;min-height:660px}
.home-hero .hero-copy{max-width:590px}
.home-hero .eyebrow{color:#b8edc6;letter-spacing:.18em}
.home-hero .hero-copy h1{font-size:clamp(46px,5vw,72px);line-height:1.05;color:#fff;letter-spacing:-2.5px;margin:24px 0}
.home-hero .hero-copy h1 em{color:#b7e6a7}
.home-hero .hero-copy>p{color:#f1f5ed;font-size:19px;line-height:1.65;max-width:520px}
.home-hero .hero-buttons{margin:28px 0 35px}
.home-hero .hero-buttons .btn{background:#f5a623;color:#1e3227;border:0}
.home-hero .hero-buttons .btn.secondary{background:#fff;color:#17442f}
.home-hero .hero-metrics{border-top:1px solid #ffffff5e;padding-top:25px;gap:0;margin-top:30px}
.home-hero .hero-metrics>div{padding:0 27px;border-right:1px solid #ffffff4a}
.home-hero .hero-metrics>div:first-child{padding-left:0}
.home-hero .hero-metrics>div:last-child{border:0}
.home-hero .hero-metrics strong{color:#fff}
.home-hero .hero-metrics span{color:#e0e9de}
.hero-caption{position:absolute;right:max(5%,calc((100vw - 1240px)/2));bottom:34px;background:#fffef0e8;color:#224734;padding:15px 20px;border-radius:18px;font-weight:750;box-shadow:0 12px 35px #0002}
.home-section{padding-top:72px!important;padding-bottom:70px!important}
.home-pets{padding-top:20px!important}
.home-pets .sectionhead h2{margin:8px 0}
.home-pets .pet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-pets .image-frame{height:240px}
.feature-grid .feature{min-height:245px}
.home-hero + .home-section{background:#fafbf8}
@media(max-width:800px){.home-hero .hero-photo{inset:0;background-position:62% center;opacity:.85}.home-hero .hero-shade{background:linear-gradient(90deg,#102b20e8,#102b20a6 60%,#102b2050)}.home-hero .hero-inner{padding:90px 22px 95px;min-height:640px}.hero-caption{display:none}.home-pets .pet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-hero .hero-inner{min-height:680px;padding:65px 20px 60px;align-items:flex-start}.home-hero .hero-copy h1{font-size:43px;letter-spacing:-1.5px}.home-hero .hero-copy>p{font-size:16px}.home-hero .hero-photo{background-position:64% center}.home-hero .hero-shade{background:linear-gradient(90deg,#102b20ed,#102b20a8)}.home-hero .hero-metrics>div{padding:0 12px}.home-hero .hero-metrics span{font-size:10px}.home-pets .pet-grid{grid-template-columns:1fr}body:has(.home-hero) #app>.home-section{padding-left:18px;padding-right:18px}}