/* PKV paired-card pattern: same geometry, palette, hover and focus behavior. */
body.home-page main .cost-pairs{display:grid;gap:18px}body.home-page main .cost-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;min-height:560px}body.home-page main .cost-pair.reverse{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}body.home-page main .cost-pair.reverse .cost-name{grid-column:2;grid-row:1}body.home-page main .cost-pair.reverse .cost-picture{grid-column:1;grid-row:1}body.home-page main .cost-name{padding:48px;min-width:0;border-radius:16px;position:relative;color:#29413b;display:flex;flex-direction:column;gap:35px;--service-ink:#29413b}body.home-page main .cost-name>span{font-size:12px;line-height:1.5}body.home-page main .cost-name h3{max-width:100%!important;overflow-wrap:anywhere}body.home-page main .cost-name>a{width:56px;height:56px;background:#29413b;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:auto;align-self:flex-end}body.home-page main .cost-name svg{width:28px;height:28px}body.home-page main .cost-name-mint{background:#deeee5}body.home-page main .cost-name-sand{background:#f3e5c6}body.home-page main .cost-name-sage{background:#d5dfd2}body.home-page main .cost-name-clay{background:#e5d4cb}body.home-page main .cost-picture{position:relative;overflow:hidden;border-radius:16px;min-width:0;min-height:560px;background:#244039}body.home-page main .cost-picture>img{position:absolute;inset:-65px 0;width:100%;height:calc(100% + 130px);object-fit:cover;will-change:transform}body.home-page main .cost-picture-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001 0%,#0002 25%,#000c 72%,#000e 100%)}body.home-page main .cost-picture-copy{position:absolute;left:48px;right:48px;bottom:45px;color:white}body.home-page main .cost-picture-copy p{color:white;font-size:20px;line-height:1.5;max-width:630px}body.home-page main .cost-picture-copy p+p{margin-top:22px}body.home-page main .cost-picture-copy .cost-detail{color:#e0e4e0;font-size:14px;line-height:1.65}

body.home-page main .cost-pair{--cost-dark:#29413b;--cost-light:#deeee5}
body.home-page main .cost-pair:has(.cost-name-sand){--cost-dark:#705727;--cost-light:#f3e5c6}
body.home-page main .cost-pair:has(.cost-name-sage){--cost-dark:#384c36;--cost-light:#d5dfd2}
body.home-page main .cost-pair:has(.cost-name-clay){--cost-dark:#624b40;--cost-light:#e5d4cb}
body.home-page main .cost-name{overflow:hidden;background:var(--cost-light);isolation:isolate;transition:background-color .75s cubic-bezier(.76,0,.24,1),color .45s ease}
body.home-page main .cost-name::before{content:'';position:absolute;right:48px;bottom:48px;width:56px;height:56px;border-radius:50%;background:var(--cost-dark);transform:scale(0);transform-origin:center;transition:transform 1s cubic-bezier(.76,0,.24,1);z-index:0;pointer-events:none}
body.home-page main .cost-name>*{position:relative;z-index:1}body.home-page main .cost-name h3{transition:color .45s ease}
body.home-page main .cost-name>a{background:var(--cost-dark);color:var(--cost-light);transition:background-color .4s ease,color .4s ease,transform .4s ease}
body.home-page main .cost-picture-shade::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .65s ease}
@media(hover:hover){
 body.home-page main .cost-pair:hover .cost-name{--service-ink:var(--cost-light);color:var(--cost-light);background:var(--cost-dark)}
 body.home-page main .cost-pair:hover .cost-name::before{transform:scale(32)}
 body.home-page main .cost-pair:hover .cost-name>a{background:var(--cost-light);color:var(--cost-dark);transform:rotate(6deg)}
 body.home-page main .cost-pair:hover .cost-picture-shade::after{opacity:1}
}
body.home-page main .cost-pair:focus-within .cost-name{--service-ink:var(--cost-light);color:var(--cost-light);background:var(--cost-dark)}
body.home-page main .cost-pair:focus-within .cost-name::before{transform:scale(32)}
body.home-page main .cost-pair:focus-within .cost-name>a{background:var(--cost-light);color:var(--cost-dark)}
body.home-page main .cost-pair:focus-within .cost-picture-shade::after{opacity:1}
@media(max-width:767px){body.home-page main .cost-name::before{right:28px;bottom:28px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){body.home-page main .cost-name,body.home-page main .cost-name::before,body.home-page main .cost-name h3,body.home-page main .cost-name>a,body.home-page main .cost-picture-shade::after{transition:none}body.home-page main .cost-name::before{display:none}}

body.home-page main .cost-pair .cost-name{--service-ink:var(--cost-dark);color:var(--cost-dark)}
body.home-page .cost-picture-copy{--service-copy:#fff}
body.home-page .cost-picture-copy [data-text-role="card-detail"]{font:300 calc(var(--service-body-size) - 2px)/1.65 var(--service-sans);color:#e0e4e0}
@media(max-width:1100px){body.home-page main .cost-name{padding:36px}body.home-page main .cost-picture-copy{left:35px;right:35px;bottom:35px}}
@media(max-width:767px){
 body.home-page main .cost-pairs{gap:28px}
 body.home-page main .cost-pair,body.home-page main .cost-pair.reverse{grid-template-columns:minmax(0,1fr);gap:10px;min-height:0}
 body.home-page main .cost-pair.reverse .cost-name,body.home-page main .cost-pair.reverse .cost-picture{grid-column:auto;grid-row:auto}
 body.home-page main .cost-name{min-height:240px;padding:28px;gap:25px}
 body.home-page main .cost-name h3{overflow-wrap:normal;hyphens:auto}
 body.home-page main .cost-name>a{width:44px;height:44px}
 body.home-page main .cost-name svg{width:24px;height:24px}
 body.home-page main .cost-picture{min-height:450px}
 body.home-page main .cost-picture-copy{left:28px;right:28px;bottom:30px}
 body.home-page main .cost-picture>img{inset:-30px 0;height:calc(100% + 60px)}
}
@media(prefers-reduced-motion:reduce){body.home-page main .cost-picture>img{will-change:auto;transform:none!important}}