/* Playful service gateway; all motion respects the site pause control. */
.home-photography .home-services>.services-heading{padding-top:20px;padding-bottom:48px}
.services-heading-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.services-heading-label{display:flex;align-items:center;gap:18px;margin:0;color:#eab64f;font:600 clamp(48px,6.5vw,82px)/1.05 var(--round);letter-spacing:-.015em;-webkit-text-stroke:1px #222;text-shadow:3px 5px 0 #222}
.services-heading-label>span{display:grid;place-items:center;width:48px;height:48px;background:#56baca;color:#222;border:2px solid #222;border-radius:50%;font:400 37px/1 var(--sans);text-shadow:none;-webkit-text-stroke:0;box-shadow:3px 3px 0 #222;transform:rotate(-12deg);animation:service-arrow-sway 4.5s ease-in-out infinite}
.services-heading-count{display:flex;align-items:center;justify-content:center;gap:7px;min-width:120px;min-height:76px;padding:8px 20px;border:2px solid #222;border-radius:48% 52% 46% 54%;background:#e879a0;color:#222;transform:rotate(7deg);box-shadow:4px 5px 0 #222;animation:service-badge-sway 6s ease-in-out infinite}
.services-heading-count strong{font:600 50px/1 var(--round)}
.services-heading-count>span{max-width:70px;font:700 11px/1.5 var(--sans)}
.services-heading-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:36px;border:2px solid #222;border-radius:30px;background:#fffdf9;box-shadow:6px 7px 0 #222}
.services-heading-grid h2{font-family:var(--sans);font-size:clamp(34px,4.1vw,56px);font-weight:800;line-height:1.65;letter-spacing:-.035em;margin:0;color:#222}
.services-heading-grid h2>span{position:relative;isolation:isolate;display:inline-block;padding:0 10px 2px 4px}
.services-heading-grid h2>span:before{content:"";position:absolute;z-index:-1;inset:18% -3% 5%;background:#58bdcd;border:1.5px solid #222;border-radius:8px 13px 7px 10px;transform:rotate(-3deg)}
.services-heading-copy>p{font-size:16px;line-height:1.9;margin:3px 0 14px;color:#333}
.services-heading-copy>.services-heading-promise{font-size:18px;line-height:1.8;font-weight:700;color:#222;margin-bottom:22px}
.services-heading-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:10px 12px 10px 20px;border-radius:40px;background:#eab64f;color:#222;font-size:14px;font-weight:700;line-height:1.5;text-decoration:none;border:2px solid #222;box-shadow:4px 5px 0 #222;transition:transform .2s,box-shadow .2s}
.services-heading-link>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#222;border:1px solid #222;font-size:25px;line-height:1;transition:transform .25s}
.services-heading-link:hover{transform:translateY(-3px);box-shadow:5px 8px 0 #222}
.services-heading-link:hover>span{transform:rotate(45deg)}
.services-play-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:34px;padding:0;border:0}
.service-play-chip{display:flex;align-items:center;gap:10px;min-width:0;min-height:80px;padding:12px 14px;border:2px solid #222;border-radius:40px;background:#fffdf9;color:#222;text-decoration:none;box-shadow:4px 5px 0 #222;transition:transform .2s,background .2s,box-shadow .2s}
.service-play-chip:nth-child(3n+2)>svg{background:#58bdcd}
.service-play-chip:nth-child(3n)>svg{background:#e879a0}

.service-play-chip>svg{width:24px;height:24px;box-sizing:content-box;padding:8px;background:#eab64f;border:1.5px solid #222;border-radius:50%;flex:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:service-icon-bob 5s ease-in-out infinite;animation-delay:calc(var(--chip-order)*-.55s)}
.service-play-chip>span{font-size:13px;font-weight:700;line-height:1.5}
.service-play-chip>.chip-arrow{margin-left:auto;font-size:17px;font-weight:400}
.service-play-chip:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:5px 9px 0 #222;background:#fff}
.services-heading a:focus-visible{outline:3px solid #a5741c;outline-offset:5px}
.services-heading:has(a:hover) .service-play-chip>svg{animation-play-state:paused}
@keyframes service-arrow-sway{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(8deg)}}
@keyframes service-badge-sway{0%,100%{transform:rotate(7deg)}50%{transform:rotate(0deg)}}
@keyframes service-icon-bob{0%,65%,100%{transform:translateY(0)}32%{transform:translateY(-4px) rotate(-6deg)}}
.motion-paused .services-heading *{animation-play-state:paused!important}
@media(max-width:767px){
 .home-photography .home-services>.services-heading{padding-top:8px;padding-bottom:28px}
 .services-heading-top{margin-bottom:28px;gap:12px}
 .services-heading-label{font-size:40px;gap:10px;text-shadow:2px 3px 0 #222}
 .services-heading-label>span{display:none}
 .services-heading-count{min-width:91px;min-height:62px;padding:7px 11px;gap:5px}
 .services-heading-count strong{font-size:35px}
 .services-heading-count>span{max-width:58px;font-size:9px}
 .services-heading-grid{grid-template-columns:1fr;gap:25px;padding:25px 20px;border-radius:25px;box-shadow:4px 5px 0 #222}
 .services-heading-grid h2{font-size:30px;line-height:1.7}
 .services-heading-copy>p{font-size:14px;line-height:1.9;margin:0 0 13px}
 .services-heading-copy>.services-heading-promise{font-size:16px;margin-bottom:22px}
 .services-heading-link{display:flex;width:100%;font-size:14px;min-height:56px}
 .services-play-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:28px}
 .service-play-chip{padding:12px 9px;gap:6px;min-height:70px;border-radius:24px;box-shadow:3px 4px 0 #222}
 .service-play-chip>span{font-size:11px}
 .service-play-chip>svg{width:20px;height:20px;padding:5px}.service-play-chip>.chip-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.services-heading *{animation:none!important;transition:none!important}.service-play-chip:hover,.services-heading-link:hover,.services-heading-link:hover>span{transform:none}}
/* About-section service call to action. */
.home-photography .about-cta .pill{display:flex;align-items:center;justify-content:space-between;gap:24px;width:440px;max-width:100%;min-height:96px;padding:20px 24px 20px 28px;background:#edbd60;color:#203e36;border:1px solid #b18a40;border-radius:14px;box-shadow:0 4px 0 #a77d3033;text-decoration:none;transition:background .2s,box-shadow .2s,transform .2s}
.home-photography .about-cta .pill>span{display:flex;flex-direction:column;gap:7px;min-width:0}
.home-photography .about-cta .pill small{font-family:var(--sans);font-size:10px;line-height:1.4;letter-spacing:.15em;font-weight:700;color:#526044}
.home-photography .about-cta .pill strong{font-family:var(--sans);font-size:19px;line-height:1.5;font-weight:750}
.home-photography .about-cta .pill i{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:0;border-radius:50%;background:#285c54;color:#fffaf0;font-size:27px;font-style:normal;box-shadow:none;transition:transform .2s}
.home-photography .about-cta .pill:hover{background:#f2c774;box-shadow:0 6px 0 #a77d3026;transform:translateY(-2px)}
.home-photography .about-cta .pill:hover i{transform:rotate(45deg)}
.home-photography .about-cta .pill:focus-visible{outline:3px solid #285c54;outline-offset:5px}
@media(max-width:767px){
 .home-photography .about-cta .pill{width:100%;min-height:88px;padding:18px 20px;gap:14px;border-radius:12px}
 .home-photography .about-cta .pill strong{font-size:16px}
 .home-photography .about-cta .pill i{flex-basis:40px;width:40px;height:40px;font-size:25px}
}
@media(prefers-reduced-motion:reduce){.home-photography .about-cta .pill,.home-photography .about-cta .pill i{transition:none}.home-photography .about-cta .pill:hover,.home-photography .about-cta .pill:hover i{transform:none}}

/* Emphasize the range of services in the introduction. */
.services-heading-copy>p:first-child{font-size:20px;font-weight:750;line-height:1.85;color:#205953}
@media(max-width:767px){.services-heading-copy>p:first-child{font-size:17px}}
