/* Dog Geezer local SEO pages: richer layout. Styling only: no copy, headings or metadata change. */
/* hero */
.service-hero{min-height:620px;display:flex;align-items:center;padding:110px 0 120px;overflow:hidden}
.service-hero:before{translate:0 var(--py,0);scale:1.08;animation:dgkenburns 18s ease-in-out infinite alternate}
.service-hero:after{background:linear-gradient(90deg,rgba(9,22,13,.9),rgba(9,22,13,.6) 55%,rgba(9,22,13,.2))}
.service-hero .eyebrow{display:inline-block;background:rgba(250,244,230,.16);color:#fff;padding:9px 18px;border-radius:999px;letter-spacing:.16em;backdrop-filter:blur(4px)}
.service-hero h1,.service-hero .hero-slogan{font-size:clamp(64px,8vw,128px);letter-spacing:-.055em;line-height:.94}
.service-hero h1 em,.service-hero .hero-slogan em{font-style:italic;color:#e1e8d2;background:linear-gradient(var(--gold),var(--gold)) 0 92%/0 .08em no-repeat;animation:dgunder 1.2s 1.5s cubic-bezier(.2,.8,.2,1) forwards}
.service-hero .intro{font-size:21px;animation:dgrise .9s .7s cubic-bezier(.2,.8,.2,1) both}
.service-hero .btn.light{background:var(--gold);color:#182a1e;border-color:var(--gold);font-weight:800;padding:18px 34px;font-size:16px;animation:dgrise .9s .9s cubic-bezier(.2,.8,.2,1) both}
.service-hero .btn.light:hover{background:var(--cream);border-color:var(--cream)}
.service-hero .spinbadge{right:max(28px,calc((100vw - 1210px)/2));bottom:46px;top:auto}
/* intro + panel */
.service-page{padding-top:110px;padding-bottom:100px;gap:70px}
.service-page-intro p{font-size:19px}
.service-page-intro p b{display:inline-block;margin-top:8px;padding:14px 22px;border-radius:999px;background:var(--sage);font-weight:700}
.service-page-panel{position:relative;background:var(--green);color:var(--cream);border-radius:40px;padding:46px 40px;box-shadow:0 34px 70px rgba(24,42,30,.3);rotate:1.5deg;margin-top:-30px;transition:rotate .4s}
.service-page-panel:hover{rotate:0deg}
.service-page-panel h2{color:var(--cream);font-size:36px}
.service-page-panel ul{list-style:none;padding:0;display:grid;gap:12px}
.service-page-panel li{position:relative;margin:0;padding:15px 16px 15px 58px;border-radius:16px;background:rgba(250,244,230,.09);transition:translate .25s,background .25s}
.service-page-panel li:before{content:"\2713";position:absolute;left:14px;top:50%;translate:0 -50%;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#182a1e;font-weight:900}
.service-page-panel li:hover{translate:8px 0;background:rgba(250,244,230,.17)}
/* steps band */
.service-band{position:relative;padding:120px 0 130px;background:linear-gradient(135deg,#2e4a35,#243b2a 55%,#182a1e);overflow:hidden}
.service-band:before,.service-band:after{content:"";position:absolute;left:-10%;right:-10%;height:90px;background:var(--cream);z-index:0}
.service-band:before{top:-1px;border-radius:0 0 50% 50%/0 0 100% 100%}
.service-band:after{bottom:-1px;border-radius:50% 50% 0 0/100% 100% 0 0}
.service-band .wrap{position:relative;z-index:1}
.service-band .eyebrow{display:inline-block;background:rgba(250,244,230,.14);padding:9px 18px;border-radius:999px;letter-spacing:.16em}
.service-band .step{background:rgba(250,244,230,.08);border:0;border-radius:30px;padding:34px 30px 32px;transition:translate .3s,background .3s;position:relative;overflow:hidden}
.service-band .step:hover{translate:0 -10px;background:rgba(250,244,230,.16)}
.service-band .step span{display:block;font:italic 400 84px/1 Georgia,serif;color:var(--gold);margin-bottom:6px}
.service-band .step h2{font-size:32px;color:var(--cream)}
.service-band .steps{gap:26px}
/* faq */
.service-page-faq{padding-top:110px}
.service-page-faq details{background:#fff;border:0;border-radius:22px;padding:22px 28px;margin-bottom:14px;box-shadow:0 10px 26px rgba(24,42,30,.1);transition:box-shadow .25s,translate .25s}
.service-page-faq details:hover{translate:0 -3px;box-shadow:0 16px 34px rgba(24,42,30,.16)}
.service-page-faq details[open]{background:var(--sage);box-shadow:0 16px 34px rgba(24,42,30,.16)}
.service-page-faq summary{font:italic 400 24px/1.25 Georgia,serif;color:var(--green)}
/* closing call to action */
.page-cta{position:relative;margin-top:90px;margin-bottom:110px;padding:90px 70px;border-radius:50px;background:linear-gradient(135deg,var(--sage),#cdd8c0);overflow:hidden;box-shadow:0 34px 70px rgba(24,42,30,.18)}
.page-cta:before{content:"";position:absolute;right:-90px;top:-90px;width:380px;aspect-ratio:1;border-radius:50%;border:34px dashed rgba(36,59,42,.14);animation:dgspin 60s linear infinite}
.page-cta>*{position:relative}
.page-cta h2{font-size:clamp(48px,5.6vw,92px);line-height:.96;max-width:880px}
.page-cta p:not(.eyebrow){font-size:19px;max-width:620px}
.page-cta .btn{background:var(--green);padding:20px 36px;font-size:17px}
.page-cta .textlink{font-size:16px}
@media(max-width:900px){
 .service-hero{min-height:540px;padding:70px 0 90px}
 .service-hero .spinbadge{right:18px;bottom:20px;width:112px;height:112px}
 .service-page{padding-top:70px;gap:40px}.service-page-panel{margin-top:0;rotate:0deg;padding:34px 24px;border-radius:30px}
 .service-band{padding:90px 0 100px}.service-band .step span{font-size:64px}
 .page-cta{margin:60px 22px 80px;padding:54px 28px;border-radius:34px}
}
/* footer: identical look to the home page */
.footer p.footer-heading{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:6px 0 16px}

/* enquiry form on the service pages */
.page-enquiry form{margin-top:34px;max-width:900px}
.page-enquiry form .fine{font-size:14px}
.page-enquiry form .btn{width:auto}
