/* Five service scenes form one expandable display. */
.home-services .home-service-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.home-services .home-service-card{grid-column:span 2;min-width:0}
.home-services .home-service-card:nth-child(4){grid-column:2/span 2}
.home-services .home-service-card:nth-child(5){grid-column:4/span 2}
.home-services .home-service-card:has([aria-pressed=true]){border-color:#b28a56;box-shadow:0 3px 8px #172c4210,0 22px 36px -23px #172c426e}
.home-services .home-service-card::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--scene-x,50%) var(--scene-y,0%),#fff6,transparent 52%);opacity:0;transition:opacity .25s}
@media(min-width:1100px){
 .js .home-services .home-service-tabs{display:flex;align-items:stretch;gap:13px;perspective:1100px}
 .js .home-services .home-service-card{flex:1 1 0;min-width:0;transition:flex .6s cubic-bezier(.22,.7,.2,1),transform .22s ease,border-color .22s,box-shadow .22s}
 .js .home-services .home-service-card:has([aria-pressed=true]){flex:2.35 1 0}
 .js .home-services .home-service-visual{height:220px;aspect-ratio:auto}
 .js .home-services .home-service-visual>img{object-fit:cover;transition:transform .6s,object-position .6s}
 .js .home-services .home-service-card:has([aria-pressed=true]) .home-service-visual>img{object-fit:contain}
 .js .home-services .home-service-card-body{padding:24px 15px 0}
 .js .home-services .home-service-card h3{font-size:20px;gap:7px;letter-spacing:-.5px;margin-bottom:13px}
 .js .home-services .home-service-card h3>svg{width:19px;height:19px}
 .js .home-services .home-card-label{font-size:9px;letter-spacing:0;min-height:31px;margin-bottom:12px}
 .js .home-services .home-service-card-body>p:not(.home-card-label){min-height:0;font-size:12px;max-height:0;opacity:0;overflow:hidden;margin-bottom:0;transition:max-height .45s,opacity .35s,margin .45s}
 .js .home-services .home-service-card:has([aria-pressed=true]) .home-service-card-body>p:not(.home-card-label){max-height:130px;opacity:1;margin-bottom:21px}
 .js .home-services .home-service-card button{font-size:10px;gap:5px;min-height:55px}
 .js .home-services .home-service-card:has([aria-pressed=true]) .home-service-card-body{padding-inline:24px}
 .js .home-services .home-service-card:has([aria-pressed=true]) h3{font-size:25px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .js .home-services .home-service-card:hover{transform:perspective(1000px) rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg)) translateY(-6px);box-shadow:0 8px 12px #172c420b,0 28px 38px -23px #172c4270}
 .js .home-services .home-service-card:hover::before{opacity:.65}
 .js .home-services .home-service-card:focus-within{transform:none}
}
@media(max-width:767px){
 .home-services .home-service-tabs{grid-template-columns:1fr;gap:16px}
 .home-services .home-service-card,.home-services .home-service-card:nth-child(4),.home-services .home-service-card:nth-child(5){grid-column:auto}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])){display:grid;grid-template-columns:112px minmax(0,1fr)}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) .home-service-visual{height:100%;min-height:150px;aspect-ratio:auto;border:0;border-right:1px solid #dce4ec}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) .home-service-visual>img{object-fit:cover}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) .home-service-card-body{padding:15px 14px 0}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) h3{font-size:18px;gap:6px;margin-bottom:9px}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) h3>svg{width:17px;height:17px}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) .home-card-label{font-size:9px;margin-bottom:8px;letter-spacing:0}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) .home-service-card-body>p:not(.home-card-label){display:none}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) button{font-size:10px;min-height:44px;padding-block:10px}
 .js .home-services .home-service-card:not(:has([aria-pressed=true])) figcaption{right:5px;bottom:6px;font-size:8px;padding:3px 5px}
}
@media(prefers-reduced-motion:reduce){
 .js .home-services .home-service-card,.js .home-services .home-service-card-body>p,.js .home-services .home-service-visual>img{transition:none;transform:none}
 .home-services .home-service-card::before{display:none}
}