@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#191c1e;--panel:#232628;--cream:#fff1d5;--muted:#b6b4ad;--gold:#f1cc80;--coral:#ff988a;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--cream);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 5%;border-bottom:1px solid var(--line);background:#191c1efa;position:relative;z-index:5}.brand{width:230px;height:74px;overflow:hidden;flex-shrink:0}.brand img{width:100%;height:100%;object-fit:cover}nav{display:flex;gap:30px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--gold)}.button{display:inline-flex;gap:35px;align-items:center;justify-content:center;background:var(--gold);border:1px solid #ffe4ab;border-radius:13px;padding:15px 23px;color:#342619;font-weight:800;box-shadow:0 4px 0 #a88242,inset 0 2px 1px #ffffff70;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 0 #a88242}.button.small{padding:10px 17px;font-size:14px;gap:20px}.hero{position:relative;min-height:650px;overflow:hidden;background:#1c1e20}.hero-scene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% center;clip-path:inset(0 0 11% 0)}.hero-copy{position:relative;padding:83px 0 120px 7%;max-width:660px;background:linear-gradient(90deg,#1c1e20 35%,#1c1e20e8 72%,transparent)}.eyebrow{font-size:12px;letter-spacing:2.4px;color:var(--gold);font-weight:800;margin:0 0 20px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(50px,5.5vw,83px);margin:0 0 26px;font-weight:800}h1 em{font-style:normal;color:var(--coral)}.hero-copy>p:not(.eyebrow){max-width:410px;color:#c5c1b9;font-size:18px;line-height:1.8;margin-bottom:30px}.text-link{display:block;font-size:14px;color:var(--muted);margin-top:24px;text-decoration:underline;text-underline-offset:5px}.hero-foot{position:absolute;bottom:0;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;height:75px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.hero-foot span:first-child{font-size:11px;letter-spacing:2px;color:var(--gold)}.hero-foot a{font-size:13px;text-align:center}.section{padding:100px 7%;max-width:1700px;margin:auto}h2{font-size:clamp(35px,3.6vw,54px);font-weight:800;margin:0 0 25px}.intro{max-width:670px;color:var(--muted);font-size:18px}.care-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;margin-top:50px;align-items:center}.care-options{display:grid;gap:10px}.care-option{display:flex;text-align:center;gap:8px;flex-direction:column;align-items:center;background:transparent;color:var(--cream);border:1px solid transparent;border-bottom-color:var(--line);border-radius:15px;padding:20px;cursor:pointer}.care-option>span{font-size:13px;color:var(--gold);padding-top:4px}h3{font-size:22px;letter-spacing:-.5px;margin:0 0 8px}.care-option p{margin:0;font-size:14px;color:var(--muted)}.care-option.active{background:#2c2b26;border-color:#e5c87940}.care-option:hover{background:#ffffff08}.care-visual{margin:0;background:#222426;border:1px solid #e5c87925;border-radius:25px;overflow:hidden}.care-visual img{width:100%;height:350px;object-fit:cover}.care-visual figcaption{padding:20px 25px;font-size:14px;color:var(--gold);border-top:1px solid var(--line)}footer{padding:30px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.skip{position:absolute;top:-100px;z-index:20;background:var(--gold);color:#222;padding:10px}.skip:focus{top:10px}@media(min-width:1700px){.hero{min-height:760px}.hero-copy{padding-top:110px}}@media(max-width:1000px){nav{gap:15px}.brand{width:185px}header{padding:0 4%;gap:15px}.hero-copy{max-width:540px}.care-layout{gap:25px}.hero-scene{object-position:64% center}.care-visual img{height:320px}}@media(max-width:760px){header{height:auto;min-height:94px;flex-wrap:wrap;padding:12px 5%;gap:5px}.brand{width:175px;height:55px}header .small{font-size:12px;padding:8px 11px;gap:10px}nav{order:3;width:100%;justify-content:space-between;font-size:12px;padding:8px 0}.hero{min-height:900px}.hero-copy{padding:45px 6% 0;background:transparent;max-width:100%}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:380px}.hero-scene{top:430px;height:390px;width:190%;max-width:none;left:-85%;object-fit:cover;object-position:90% center;clip-path:inset(0 0 11% 0)}.hero-foot{left:6%;right:6%;height:70px}.hero-foot span:nth-child(2){display:none}.section{padding:65px 6%}.care-layout{grid-template-columns:1fr;gap:25px}.care-option{padding:15px}.care-visual img{height:250px}.intro{font-size:16px}.eyebrow{font-size:11px}footer{gap:20px;align-items:center;font-size:12px}h1{font-size:54px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.play-section{border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:45px}.section-heading>p{max-width:380px;color:var(--muted);margin:0 0 25px}.play-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.feature-card{background:#262628;border:1px solid var(--line);border-radius:25px;overflow:hidden}.feature-card img{width:100%;height:320px;object-fit:cover;transition:transform .4s}.feature-card:hover img{transform:scale(1.035)}.feature-card>div{padding:30px;position:relative;background:#262628}.feature-card .eyebrow{font-size:11px}.feature-card h3{margin-top:12px;font-size:26px}.feature-card p,.pet-grid p{color:var(--muted);margin-bottom:0}.rest-section{position:relative;min-height:500px;display:flex;align-items:center;background:#242428;overflow:hidden;border-block:1px solid var(--line)}.rest-section>img{position:absolute;width:75%;height:100%;object-fit:cover;object-position:45% center;clip-path:inset(0 0 12% 0);left:-7%}.rest-section>div{position:relative;margin-left:63%;padding:70px 7% 70px 0}.rest-section p:not(.eyebrow){color:var(--muted)}.pet-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.pet-grid figure{margin:0}.pet-grid img{height:300px;width:100%;object-fit:cover;border-radius:22px;border:1px solid var(--line)}.pet-grid figcaption{padding:25px 5px}.pet-grid figcaption>span{font-size:11px;letter-spacing:1.5px;color:var(--gold)}.pet-grid h3{font-size:28px;margin-top:15px}.gallery-section{background:#202224;border-top:1px solid var(--line);max-width:none}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{padding:0;border:1px solid var(--line);border-radius:16px;background:#292b2d;color:var(--cream);overflow:hidden;cursor:pointer;text-align:center;transition:transform .25s,border-color .25s}.gallery-item:hover{transform:translateY(-5px);border-color:var(--gold)}.gallery-item img{width:100%;height:190px;object-fit:cover}.gallery-item span{display:flex;justify-content:center;padding:16px 20px;font-size:14px}.gallery-item b{color:var(--gold);font-weight:400}.closing{text-align:center;padding-block:75px 100px}.closing>img{width:450px;height:170px;object-fit:cover;margin:0 auto 22px}.closing h2{font-size:36px}.closing>p:not(.eyebrow){color:var(--muted);margin-bottom:30px}dialog{width:min(1300px,94vw);max-height:94vh;padding:22px;background:#202224;border:1px solid #ffffff30;border-radius:20px;color:var(--cream)}dialog::backdrop{background:#000d;backdrop-filter:blur(9px)}.lightbox-head,.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.lightbox-head p{margin:0;font-weight:700}dialog button{color:var(--cream);border:1px solid #ffffff25;border-radius:10px;background:#303234;padding:10px 17px;cursor:pointer;min-height:44px}dialog button:hover{border-color:var(--gold)}#lightbox-image{width:100%;max-height:68vh;object-fit:contain;margin:20px 0}.lightbox-controls span{color:var(--muted);font-size:14px}@media(max-width:760px){.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.play-grid,.pet-grid{grid-template-columns:1fr}.feature-card img{height:250px}.feature-card>div{padding:25px}.rest-section{min-height:650px;display:block}.rest-section>img{top:290px;left:-20%;width:140%;max-width:none;height:350px}.rest-section>div{margin:0;padding:50px 6% 0;max-width:480px}.rest-section h2{font-size:36px}.pet-grid img{height:245px}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px}.gallery-item img{height:150px}.gallery-item span{padding:12px;font-size:12px}.closing>img{max-width:95%;height:135px}.closing h2{font-size:30px}.closing .eyebrow{max-width:270px;margin-inline:auto}.lightbox-head p{font-size:14px}dialog{padding:14px}.lightbox-controls button{padding:8px 12px;font-size:13px}}@media(max-width:390px){.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:210px}h1{font-size:48px}}

/* Keep all button labels centred, including wrapped text. */
button,.button,[role="button"]{text-align:center}.button{justify-content:center;gap:0}.button.small,header .button.small{gap:0}

/* Header movie: keep the dog clear of the headline and show the full frame. */
.hero-scene{inset:0 0 auto auto;width:85%;height:calc(100% - 75px);object-fit:contain;object-position:right center;clip-path:none}
.hero-copy{width:48%;pointer-events:none}.hero-copy a{pointer-events:auto}
.video-toggle{position:absolute;right:3%;bottom:90px;z-index:2;border:1px solid #ffffff40;border-radius:10px;background:#191c1ee6;color:var(--cream);padding:9px 15px;min-height:44px;cursor:pointer}
@media(max-width:1000px) and (min-width:761px){.hero-copy{padding-left:5%;width:49%}h1{font-size:50px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{order:0;width:100%;padding:45px 6% 24px}.hero-scene{order:1;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;max-width:100%;object-fit:contain}.video-toggle{order:2;position:static;align-self:center;margin:12px 0 20px}.hero-foot{order:3;position:static;margin:0 6%;height:70px;flex-shrink:0}}

footer{align-items:center;gap:24px}.footer-credit{display:flex;align-items:center;gap:16px;text-align:center;font-size:14px}.footer-credit img{width:56px;height:56px;object-fit:contain;flex-shrink:0}.footer-credit p{margin:0}.footer-credit p+p{margin-top:4px}@media(max-width:760px){footer{flex-direction:column;text-align:center}.footer-credit{flex-direction:column;gap:12px}}
/* Centre the cat within the wide Fresh & clean screenshot. */
#care-image[src$="screen-4.png"]{object-position:35% center}
#care-image[src$="screen-3.png"]{object-position:36% center}
#care-image[src$="screen-8.png"]{object-position:94% center}

.feature-card img[src$="screen-8.png"]{object-position:87% center}

.footer-site-link{text-decoration:underline;text-underline-offset:3px}.footer-site-link:hover{color:var(--gold)}