/* This design pass is intentionally limited to phone screens. */
.mobile-design-only,.service-number>.mobile-design-only{display:none}.desktop-icon{font-weight:inherit}
@media(max-width:620px){
.mobile-design-only{display:block}.desktop-icon{display:none!important}
.logo-window img{filter:brightness(1.06) contrast(1.12)}
header{gap:12px;padding:8px 5%}header .logo-window{width:145px}
header .button{font-size:14px;padding:10px 12px;gap:10px;min-height:50px}
.button .action-icon{width:38px;height:38px;background:#d6e8a9;color:#173449;flex-shrink:0;border-radius:50%}
.action-icon svg{width:22px;height:22px}.hero-actions .button{width:100%;justify-content:space-between;font-size:18px;padding:13px 17px 13px 24px}
header .button .action-icon{width:32px;height:32px}.mobile-bar .button .action-icon{width:31px;height:31px}.mobile-bar .button{min-height:54px}
.mobile-heading{position:relative;padding-top:14px}.hero h1{font-size:clamp(39px,10.2vw,60px);line-height:1.12;position:relative;margin-top:16px;max-width:100%}
.dog-detail{background-repeat:no-repeat;border-radius:50%;border:4px solid var(--paper);box-shadow:0 0 0 1px #758d6c30,0 8px 18px #17344915;flex-shrink:0}
.dog-brown{background-image:url('assets/colin-grassy-path.jpg');background-size:265%;background-position:66% 98%}
.dog-small{background-image:url('assets/colin-grassy-path.jpg');background-size:360%;background-position:12% 88%}
.dog-group{background-image:url('assets/colin-group-walk.jpg');background-size:240%;background-position:42% 70%}
.hero-dog{position:absolute;width:83px;height:83px;right:-2px;top:25px;transform:rotate(8deg);border-color:#e7eddb;box-shadow:6px 4px 0 #d6e8a9}
.hero h1{padding-right:0}.hero h1 em{max-width:100%}
.service-number{align-items:center;min-height:82px;font-family:Outfit,sans-serif;font-size:24px;color:var(--moss)}
.service-number .old-service-icon{display:none}.service-number .dog-detail{display:block;width:88px;height:88px;border:4px solid #fff9;transform:rotate(5deg)}
.services h3{margin-top:12px}.services article{position:relative;overflow:hidden;box-shadow:0 7px 0 #17344905}.services article:nth-child(2) .service-number{color:#94612a}.services article:nth-child(3) .service-number{color:#355e7c}
.service-bottom a{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0}.service-bottom a svg{width:23px;height:23px}
.care-badge{background:#fffaf2;border:0;box-shadow:0 0 0 1px #d7dfd0;gap:18px}.care-badge svg{width:52px;height:52px;padding:13px;box-sizing:border-box;background:#dcebc7;color:#365b36;border-radius:16px;stroke-width:2}
.care-badge:nth-child(2) svg{background:#f3d9c4;color:#90502a}.care-badge:nth-child(3) svg{background:#d5e7f0;color:#285a78}
.local-area{position:relative;overflow:hidden}.area-dog{width:85px;height:85px;margin:0 0 24px;box-shadow:10px 5px 0 #c6d7bc}
.walk-banner{height:175px;margin:28px 0 34px;border-radius:80px 22px 22px 22px;background:url('assets/colin-group-walk.jpg') center 63%/cover;border:6px solid #e3eadb}
.steps-grid>div{position:relative;padding:0 0 10px 65px;border:0}.steps-grid span{position:absolute;left:0;top:0;width:45px;height:45px;background:#d6e8a9;color:#28472d}.steps-grid>div:nth-child(2) span{background:#f1d8bc;color:#805326}.steps-grid>div:nth-child(3) span{background:#d5e7f0;color:#285a78}.steps-grid h3{margin-top:0}
.faq>div:first-child{position:relative;padding-bottom:10px}.faq-dog{width:116px;height:116px;margin:28px 0 18px;box-shadow:14px 7px 0 #dce5d7}.faq summary{gap:14px}.faq summary span{background:#dce5d7;border-radius:50%;min-width:32px;height:32px;display:grid;place-items:center}.faq details[open] summary span{background:#173449;color:white}
footer{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:20px;border-top:0;border-radius:36px 36px 0 0;padding:30px 7% 115px;background:#e0e8d8;position:relative}
footer .logo-window{width:220px}footer p{font-size:22px;margin:0;line-height:1.5}footer>span{font-size:12px;border-top:1px solid #bdcdb4;padding-top:20px;width:100%}.footer-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px 18px}.footer-links a{font-size:15px;padding:10px 0;min-height:44px}.footer-contact{display:flex;align-items:center;justify-content:space-between;width:100%;background:#173449;color:white;border-radius:40px;padding:16px 22px;font-weight:600;font-size:18px}.footer-contact svg{width:24px;height:24px;color:#d6e8a9}
}
@media(max-width:360px){header .logo-window{width:125px}header .button{font-size:13px;padding:9px;gap:6px}.hero-dog{width:65px;height:65px;top:27px}.hero h1{font-size:36px}.mobile-bar .button{font-size:14px;padding:11px}.chat-demo{padding:12px 9px}}

/* Supplied photographs from Colin's Facebook page, selected 30 October 2026. */
@media(max-width:620px){
.dog-brown{background-image:url('assets/black-dog-grass.jpeg');background-size:145%;background-position:50% 25%}
.dog-small{background-image:url('assets/small-dog-portrait.jpeg');background-size:160%;background-position:64% 51%}
.dog-group{background-image:url('assets/golden-dog-portrait.jpeg');background-size:150%;background-position:55% 20%}
.hero-dog{background-image:url('assets/dog-yellow-flowers.jpeg');background-size:155%;background-position:53% 29%;transform:rotate(3deg)}
.area-dog{background-image:url('assets/grey-dog-path.jpeg');background-size:120%;background-position:50% 26%}
.faq-dog{background-image:url('assets/beagle-woodland.jpeg');background-size:140%;background-position:50% 15%}
.walk-banner{background-image:url('assets/two-dogs-field.jpeg');background-position:center;background-size:cover;height:auto;aspect-ratio:1047/584;border-radius:32px 32px 32px 8px}
.gallery-photo{aspect-ratio:4/5;object-fit:cover;object-position:center;background:#e6ecdf}
.gallery-slide:nth-child(9) .gallery-photo{object-fit:contain}
.gallery-footer .editor-note{font-size:13px;line-height:1.6}
}

@media(max-width:620px){.gallery-slide:nth-child(9) .gallery-photo{object-fit:cover}.gallery-slide:nth-child(1) .gallery-photo{object-position:center bottom}.gallery-slide:nth-child(10) .gallery-photo{object-fit:contain}.walk-banner{background-image:url("assets/colin-caring-for-dogs.jpg");aspect-ratio:4/3;background-position:center 40%}.colin-portrait img{aspect-ratio:1/1;object-fit:contain;object-position:center}}