.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:960px;margin:0 auto}
.service-card{min-height:590px;padding:0;position:relative;overflow:hidden;outline:none}
.service-summary{min-height:590px;padding:32px;display:flex;flex-direction:column}
.service-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.service-duration{padding:6px 10px;border:1px solid currentColor;border-radius:999px;font-size:10px;font-weight:800;opacity:.68}
.service-photo{display:block;width:100%;height:190px;object-fit:cover;object-position:center;border-radius:3px;margin:20px 0 2px}.service-card:first-child .service-photo{object-position:center 42%}
.service-card h3{font-size:24px}.service-card p{font-size:14px;max-width:480px}
.details-trigger{align-self:flex-start;margin:10px 0 18px;padding:8px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:800 11px var(--body);cursor:pointer}
.details-trigger span{display:inline-block;margin-left:8px;font-size:16px;transition:.25s}
.service-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:auto;padding-top:22px;border-top:1px solid rgba(28,55,49,.16)}
.service-card.featured .service-bottom{border-color:rgba(255,255,255,.2)}
.service-price{font:800 36px/1 var(--title)}.service-price small{font:700 13px var(--body)}.service-card a{margin-top:0}
.service-details{position:absolute;inset:0;padding:30px;background:#193c34;color:#fff;opacity:0;visibility:hidden;transform:translateY(16px);transition:.3s;display:flex;flex-direction:column;z-index:2;cursor:pointer}
.service-card:not(.featured) .service-details{background:#f0e5d6;color:var(--ink)}
.service-card:hover .service-details,.service-card:focus .service-details,.service-card.is-open .service-details{opacity:1;visibility:visible;transform:none}
.details-label{color:#e9ab8e;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800}
.service-details h3{margin:8px 0 15px}.service-details ul{list-style:none;padding:0;margin:0}
.service-details li{position:relative;padding:6px 0 6px 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14px}
.service-card:not(.featured) .service-details li{border-color:rgba(28,55,49,.12)}
.service-details li:before{content:"✓";position:absolute;left:0;color:#e9ab8e;font-weight:900}.service-details li small{opacity:.7}
.service-details>p{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.2);font-weight:600}
.service-card:not(.featured) .service-details>p{border-color:rgba(28,55,49,.15)}
@media(max-width:680px){.service-grid{grid-template-columns:1fr}.service-card,.service-summary{min-height:570px}.service-photo{height:175px}.service-bottom{align-items:flex-start;flex-direction:column}.service-card:hover .service-details{opacity:0;visibility:hidden;transform:translateY(16px)}.service-card.is-open .service-details{opacity:1;visibility:visible;transform:none}}