@media(max-width:1100px){.header-inner{min-height:78px}.brand strong{font-size:1.35rem}.global-nav{position:fixed;z-index:100;top:0;right:0;bottom:0;width:min(86vw,390px);display:block;padding:100px 35px 40px;background:#fff;box-shadow:-15px 0 35px rgba(75,51,40,.12);transform:translateX(105%);transition:transform .3s ease}.global-nav.is-open{transform:none}.nav-list{display:grid;gap:3px}.nav-list a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:1rem}.global-nav .header-phone,.global-nav .trial-badge{margin-top:22px}.trial-badge{width:auto;height:auto;padding:14px;border-radius:999px}.mobile-phone,.menu-toggle{display:grid;flex-shrink:0;place-items:center;border:0}.mobile-phone{width:44px;height:44px;margin-left:auto;border-radius:50%;color:#fff;background:var(--pink);text-decoration:none}.menu-toggle{position:relative;z-index:110;width:46px;height:46px;border-radius:50%;background:var(--cream);cursor:pointer}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{position:absolute;width:20px;height:2px;background:var(--ink);content:"";transition:.25s}.menu-toggle::before{transform:translateY(-6px)}.menu-toggle::after{transform:translateY(6px)}.menu-toggle[aria-expanded=true] span{opacity:0}.menu-toggle[aria-expanded=true]::before{transform:rotate(45deg)}.menu-toggle[aria-expanded=true]::after{transform:rotate(-45deg)}.feature-cards{grid-template-columns:repeat(3,1fr)}.step-list{grid-template-columns:repeat(4,1fr)}.step-list div:nth-child(n+5){grid-column:span 1}.footer-grid{grid-template-columns:1.3fr 1fr}.footer-dog{display:none}}
@media(max-width:767px){.container{width:min(calc(100% - 30px),var(--max))}.header-inner{min-height:70px;gap:10px}.brand small{font-size:.55rem}.brand strong{font-size:1.14rem}.hero{background:#fff}.hero-inner{display:flex;min-height:auto;flex-direction:column}.hero-copy{order:1;padding:38px 0 55px}.hero-image{width:100%;height:390px}.hero-image img{min-height:0;height:390px}.hero::after{display:none}.hero h1{font-size:1.72rem;line-height:1.7}.hero-lead{font-size:.91rem}.section{padding:65px 0}.section-heading{margin-bottom:32px}.section-heading h2,.page-hero h1{font-size:1.7rem}.about-grid,.feature-story,.two-column,.access-grid,.contact-layout{grid-template-columns:1fr;gap:30px}.photo-grid{margin-right:-15px;overflow-x:auto;scroll-snap-type:x mandatory}.photo-grid img{min-width:78vw;height:250px;scroll-snap-align:start}.feature-cards{grid-template-columns:repeat(2,1fr);gap:10px}.feature-card{padding:22px 10px}.line-icon{width:52px;height:52px;font-size:1.5rem}.work-cards,.service-list{grid-template-columns:1fr}.recommend-box{padding:38px 28px 210px}.recommend-box img{width:210px;height:200px}.feature-story img,.two-column img{height:310px}.flow{grid-template-columns:1fr;gap:14px}.flow-item{aspect-ratio:auto;border-radius:20px}.flow-item:not(:last-child)::after{top:auto;right:50%;bottom:-22px;transform:translateX(50%) rotate(90deg)}.news-list a{grid-template-columns:95px 1fr;gap:8px 14px}.news-list a span:last-child{grid-column:1/-1}.contact-banner{padding:48px 0}.contact-banner-grid{grid-template-columns:1fr}.contact-banner h2{font-size:1.65rem;text-align:center}.contact-box strong{font-size:1.25rem}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-nav{grid-template-columns:1fr 1fr}.page-hero{padding:50px 0}.content-section{padding:55px 0}.service-panel{grid-template-columns:1fr}.service-panel img{height:220px}.compare-wrap{overflow-x:auto}.compare-table{min-width:600px}.step-list{grid-template-columns:1fr}.news-card a{grid-template-columns:90px 1fr;gap:10px}.news-card a strong{grid-column:1/-1}.contact-layout{gap:28px}.form-grid{grid-template-columns:1fr}.form-field--full{grid-column:auto}.form-actions{flex-direction:column}.confirm-list>div{grid-template-columns:1fr}.confirm-list dt{padding-bottom:0;font-weight:700}.site-footer{padding-top:45px}}
@media(max-width:390px){.brand strong{font-size:1.02rem}.feature-cards{grid-template-columns:1fr}.mobile-phone,.menu-toggle{width:42px;height:42px}.hero h1{font-size:1.55rem}.hero-image,.hero-image img{height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.global-nav{transition:none}}

/* Shared refinements */
.brand{width:270px;height:76px;background:url("../images/brand-logo-dogs.png?v=2") center/contain no-repeat}.brand small,.brand strong{opacity:0;pointer-events:none}.footer-info .brand{width:300px;height:100px}.form-field input[type="checkbox"]{display:inline-block;width:20px;height:20px;margin:0 8px 0 0;vertical-align:-4px;accent-color:var(--pink)}

@media(max-width:1100px){body.menu-open::before{position:fixed;z-index:80;inset:0;background:rgba(75,51,40,.3);content:""}.global-nav{z-index:100;height:100vh;height:100dvh;overflow-y:auto;visibility:hidden;background:linear-gradient(155deg,#fff 0%,#fffaf4 60%,#fff0f2 100%);opacity:0;transition:transform .3s ease,opacity .2s ease,visibility .3s}.global-nav.is-open{visibility:visible;opacity:1}.brand{width:220px;height:66px}}
@media(max-width:767px){.brand{width:158px;height:54px}.footer-info .brand{width:260px;height:87px}}

/* Home hero: closer to the supplied visual reference */
@media(min-width:768px){.hero{background:linear-gradient(90deg,#fff 0 47%,#fff8f3 47%)}.hero-inner.container{width:min(100%,1440px);max-width:none;margin-inline:auto;padding-left:max(40px,calc((100vw - 1180px)/2))}.hero-inner{grid-template-columns:47% 53%;min-height:550px}.hero-copy{padding:58px 24px 105px 0}.hero h1{font-size:clamp(1.82rem,2.05vw,2.2rem);line-height:1.78;letter-spacing:.045em}.hero-image img{min-height:550px;object-position:center 42%}.hero::after{right:-8%;bottom:-54px;left:-8%;height:92px;border-radius:50% 50% 0 0/100% 100% 0 0}.hero-lead{margin-top:26px;line-height:2.1}}

/* Keep both dogs fully visible in the recommendation illustration */
.recommend-box img{right:20px;bottom:18px;width:320px;height:220px;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}
@media(max-width:767px){.recommend-box{padding-bottom:225px}.recommend-box img{right:12px;bottom:10px;width:250px;height:190px;object-fit:contain}}

/* Operable slide-in navigation */
body.menu-open::before{content:none!important}.menu-backdrop{position:fixed;z-index:40;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:rgba(75,51,40,.34);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}.menu-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:1101px){.menu-backdrop{display:none}}@media(max-width:1100px){.global-nav{z-index:101;pointer-events:none}.global-nav.is-open{pointer-events:auto}.menu-toggle{z-index:102}}

/* Layered home hero slideshow */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.hero--slider{position:relative;height:clamp(620px,62vw,820px);overflow:hidden;background:#f9f2eb}.hero--slider::after{display:none}.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}.hero-slide{z-index:0;object-fit:cover;object-position:center;opacity:0;transform:scale(1.035);transition:opacity 1.4s ease,transform 6.5s ease}.hero-slide.is-active{z-index:1;opacity:1;transform:scale(1)}.hero-overlay{position:absolute;z-index:3;left:clamp(36px,6vw,96px);bottom:clamp(40px,5vw,72px);width:min(56vw,720px)}.hero-overlay picture{display:block}.hero-overlay img{width:100%;height:auto}.hero-dots{position:absolute;z-index:4;right:34px;bottom:28px;display:flex;gap:9px}.hero-dot{width:11px;height:11px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 1px 5px rgba(75,51,40,.22);cursor:pointer}.hero-dot.is-active{background:var(--pink)}
@media(min-width:1200px){.hero--slider{height:min(70vw,820px)}.hero-slide{object-position:center 40%}.hero-overlay{width:min(52vw,730px)}}
@media(max-width:767px){.hero--slider{height:calc(100svh - 70px);min-height:620px;max-height:780px}.hero-slide{object-position:center}.hero-overlay{right:16px;bottom:52px;left:16px;width:auto}.hero-dots{right:50%;bottom:24px;transform:translateX(50%)}.hero-dot{width:10px;height:10px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transform:none;transition:none}.menu-backdrop{transition:none}}

/* Desktop hero follows the supplied design reference: copy left, photo right. */
@media(min-width:768px){.hero--slider{height:620px;min-height:620px;background:linear-gradient(90deg,#fff 0 46%,#fff8f3 46%)}.hero--slider::after{position:absolute;z-index:4;right:0;bottom:-1px;left:0;display:block;height:82px;border-radius:0;background:url("../images/hero-wave-smooth.svg?v=2") left bottom/100% 100% no-repeat;content:"";pointer-events:none}.hero-slides{right:0;left:46%;width:54%;height:100%}.hero-slide{object-position:center}.hero-overlay{z-index:3;right:auto;bottom:165px;left:max(40px,calc((100vw - 1180px)/2));width:min(40vw,510px);filter:none}.hero-dots{right:34px;bottom:78px}.section{padding:82px 0}.hero--slider+.section{padding-top:66px}.content-section{padding:68px 0}}
@media(min-width:1200px){.hero--slider{height:650px;min-height:650px}.hero-overlay{width:min(37vw,490px)}.hero-slide{object-position:center 42%}}
@media(max-width:767px){.hero--slider::after{display:none}.hero-overlay{right:auto;bottom:72px;left:50%;width:min(90vw,360px);transform:translateX(-50%);filter:none}.hero-dots{bottom:48px}}

/* Production branding, map and calmer contact area */
.site-header .brand{width:340px;height:82px;background-image:url("../images/brand-logo-dogs.png?v=2");background-position:left center;background-size:contain;background-repeat:no-repeat}
.footer-info .brand{width:310px;height:90px;background-image:url("../images/brand-logo-text.png");background-position:left center;background-size:contain;background-repeat:no-repeat}
.contact-banner{background:linear-gradient(135deg,#ad7b76 0%,#936c69 100%)}
.contact-box{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55)}
.map-wrap{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.map-frame{display:block;width:100%;height:390px;border:0}
.map-link{display:block;padding:12px 18px;color:var(--ink);background:var(--cream);font-weight:700;text-align:center;text-decoration:none}
.map-link:hover{color:var(--pink)}
@media(max-width:1100px){.site-header .brand{width:255px;height:68px}}
@media(max-width:767px){.site-header .brand{width:190px;height:56px}.footer-info .brand{width:260px;height:78px}.map-frame{height:330px}}

/* Watercolor illustration system inspired by the approved rough. */
.paw{display:inline-block;width:1.08em;height:1.08em;margin-left:.12em;background:url("../images/feature-icon-paw.png") center/contain no-repeat;font-size:0;vertical-align:-.14em}
.page-hero h1::after{display:inline-block;width:.78em;height:.78em;margin-left:.3em;background:url("../images/feature-icon-paw.png") center/contain no-repeat;content:"";vertical-align:.02em}
.line-icon{width:88px;height:76px;border-radius:0;background:transparent}
.line-icon img{width:100%;height:100%;object-fit:contain}
.recommend-box img{mix-blend-mode:normal}
.footer-dog{display:block}
.footer-dog img{width:100%;max-width:280px;object-fit:contain}
.faq-answer p{margin:0}.faq-answer p+p{margin-top:.75em}
.form-error{margin:20px 0 0;padding:12px 16px;border-radius:10px;color:#8b3344;background:#fff0f2;font-weight:700;text-align:center}
@media(max-width:767px){.line-icon{width:70px;height:62px}.footer-dog img{max-width:220px}.page-hero h1::after{width:.72em;height:.72em}}