/* The previous shelf remains in service-showcase.css and legacy-service-showcase.html. */
.service-showcase {background:#172b23;color:#f8f8ee;padding:64px 0;scroll-margin-top:12px}
.service-showcase-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:34px}
.service-showcase-heading .eyebrow {font-size:11px;color:#b5c5b9;letter-spacing:.1em}
.service-showcase-heading h2 {font-size:clamp(44px,4.6vw,66px);font-weight:650;letter-spacing:-.06em;line-height:1.04;margin-top:23px}
.service-showcase-heading em {color:#d6ff72}
.service-heading-action {max-width:330px;flex-shrink:0}
.service-heading-action>p {font-size:15px;line-height:1.75;color:#c5d3c8;margin-bottom:22px}
.service-heading-action strong {color:#fff;font-weight:500}
.service-start {display:flex;justify-content:space-between;gap:17px;padding:15px 18px;background:#d6ff72;color:#172b23;border-radius:8px;font-size:12px;font-weight:600}
.service-start span {font-size:18px;line-height:1}
.service-reassurance {display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #405248;padding:21px 0 25px;color:#dce7d7;font-size:12px}
.service-reassurance span {display:flex;align-items:center;gap:9px}
.service-reassurance span::before {content:'↗';color:#d6ff72;font-size:18px;line-height:1}
.offer-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.offer-card {--card-muted:#59685d;--card-line:#d2d8c9;display:flex;flex-direction:column;min-width:0;background:#f9faf4;color:#20342a;border-radius:14px;overflow:hidden;border:1px solid transparent;transition:transform .2s,box-shadow .2s}
.offer-card:hover {transform:translateY(-5px);box-shadow:0 14px 32px #0004}
.service-showcase a:focus-visible {outline:3px solid #ffb988;outline-offset:4px}
.offer-media {height:182px;position:relative;overflow:hidden;flex-shrink:0}
.offer-media img {width:100%;height:100%;object-fit:cover;transition:transform .45s}
.offer-media::after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0007);pointer-events:none}
.offer-media>span {position:absolute;bottom:12px;left:22px;color:#fff;font-size:10px;z-index:1}
.offer-card:hover .offer-media img {transform:scale(1.04)}
.offer-body {display:flex;flex-direction:column;flex:1;padding:26px}
.offer-card-top {display:flex;align-items:center;gap:9px;margin-bottom:22px;font-size:10px;font-weight:500;color:var(--card-muted)}
.offer-icon {display:grid;place-items:center;width:28px;height:28px;flex-shrink:0}
.offer-icon svg {width:25px;height:25px}
.offer-label {font-size:11px;font-weight:600;color:var(--card-muted);margin-bottom:10px}
.offer-card h3 {font-size:33px;line-height:1.06;font-weight:600;letter-spacing:-.055em;text-wrap:balance}
.offer-benefit {font-size:13px;line-height:1.65;color:var(--card-muted);margin:17px 0 25px}
.offer-commercial {margin-top:auto;padding-top:20px;border-top:1px solid var(--card-line)}
.offer-commercial small {display:block;font-size:10px;color:var(--card-muted);margin-bottom:4px}
.offer-commercial strong {display:block;font-size:36px;font-weight:600;letter-spacing:-.055em;line-height:1.15}
.offer-unit {display:block;font-size:12px;color:var(--card-muted);margin-top:3px}
.offer-unit:empty {display:none}
.offer-time {display:inline-block;font-size:11px;font-weight:500;border:1px solid var(--card-line);border-radius:5px;padding:4px 8px;margin-top:13px}
.offer-scope {font-size:11px;line-height:1.6;color:var(--card-muted);margin:14px 0 20px}
.offer-cta {display:flex;align-items:center;justify-content:space-between;gap:12px;background:#20382a;color:#fff;padding:14px 16px;border-radius:7px;font-size:12px;line-height:1.35;font-weight:600;margin-top:auto;min-height:49px}
.offer-cta>span {font-size:22px;line-height:1;flex-shrink:0;transition:transform .2s}
.offer-card:hover .offer-cta>span,.offer-project:hover .offer-cta>span {transform:translate(2px,-2px)}
.offer-card-lime {background:#d6ff72;--card-line:#aacd56;--card-muted:#44572a}
.offer-card-peach {background:#ffc09c;--card-line:#dca37f;--card-muted:#604733}
.offer-card-sage {background:#d9e4d1;--card-line:#b6c7aa;--card-muted:#4e6346}
.offer-card-forest {background:#345343;color:#fff;--card-line:#648271;--card-muted:#e0eadf}
.offer-card-forest .offer-cta {background:#d6ff72;color:#172b23}
.offer-card:not(:has(.offer-media)) .offer-card-top {margin-bottom:30px}
.offer-card:not(:has(.offer-media)) h3 {font-size:38px}
.offer-project {min-width:0;display:flex;flex-direction:column;padding:30px;background:#d6ff72;color:#172b23;border-radius:14px;transition:transform .2s}
.offer-project:hover {transform:translateY(-5px)}
.offer-project-mark {font-size:76px;line-height:1;margin-bottom:32px}
.offer-project .eyebrow {font-size:10px;letter-spacing:.08em;color:#3f542f}
.offer-project h3 {font-size:40px;font-weight:600;line-height:1.05;margin-top:18px;letter-spacing:-.05em}
.offer-project h3 em {color:#52722a}
.offer-project p:not(.eyebrow) {font-size:13px;line-height:1.7;margin:25px 0;color:#41562e}
.offer-terms {font-size:12px;line-height:1.75;color:#b5c8ba;margin-top:24px;max-width:1100px}
.offer-future {margin-top:47px;padding-top:30px;border-top:1px solid #405248}
.offer-future-heading {display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}
.offer-future-heading h3 {font-size:30px;font-weight:550;line-height:1.13}
.offer-future-heading p {font-size:12px;color:#bacabc}
.offer-planned-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.offer-planned {display:flex;flex-direction:column;min-width:0;border:1px solid #6a826f;border-radius:14px;padding:26px;background:#21382c}
.offer-planned-status {align-self:flex-start;background:#3a5040;color:#d6ff72;border-radius:4px;padding:4px 8px;font-size:10px;margin-bottom:22px}
.offer-planned .offer-label {color:#b7cdb7;font-size:11px;margin-bottom:12px}
.offer-planned h3 {font-size:27px;line-height:1.12;font-weight:550}
.offer-planned p:not(.offer-label) {font-size:12px;line-height:1.7;color:#bdcebf;margin:17px 0 24px}
.offer-planned b {display:flex;justify-content:space-between;gap:10px;border-top:1px solid #4e6554;padding-top:17px;margin-top:auto;font-size:12px;color:#d6ff72;font-weight:500}
.offer-planned:hover {border-color:#d6ff72}
@media(max-width:1199px) {
 .service-showcase-heading h2 {font-size:51px}.service-heading-action {max-width:290px}.service-heading-action>p {font-size:13px}.service-start {font-size:11px}
 .offer-body,.offer-planned {padding:21px}.offer-card h3,.offer-card:not(:has(.offer-media)) h3 {font-size:30px}.offer-benefit {font-size:12px}.offer-commercial strong {font-size:30px}.offer-cta {padding:13px 12px;font-size:11px}.offer-project {padding:24px}.offer-project h3 {font-size:33px}
}
@media(max-width:959px) {
 .service-showcase-heading {display:block}.service-showcase-heading h2 {font-size:59px}.service-heading-action {max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:27px}.service-heading-action>p {margin-bottom:0}.service-start {max-width:270px}
 .offer-grid,.offer-planned-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.offer-body {padding:25px}.offer-card h3,.offer-card:not(:has(.offer-media)) h3 {font-size:33px}.offer-commercial strong {font-size:34px}.offer-media {height:190px}.offer-future-heading {display:block}.offer-future-heading p {margin-top:13px}
}
@media(max-width:699px) {
 .service-showcase {padding:37px 0 40px}.service-showcase-heading {margin-bottom:23px}.service-showcase-heading .eyebrow {font-size:9px;letter-spacing:.04em}.service-showcase-heading h2 {font-size:41px;margin-top:19px}.service-heading-action {display:block;margin-top:23px}.service-heading-action>p {font-size:13px}.service-start {max-width:none;font-size:12px;margin-top:18px;min-height:49px;align-items:center}
 .service-reassurance {gap:9px 15px;padding:17px 0 23px;font-size:10px}.service-reassurance span::before {font-size:14px}.offer-grid,.offer-planned-grid {grid-template-columns:1fr;gap:16px}.offer-media {height:185px}.offer-body {padding:25px}.offer-card h3,.offer-card:not(:has(.offer-media)) h3 {font-size:35px}.offer-card-top,.offer-card:not(:has(.offer-media)) .offer-card-top {margin-bottom:18px;font-size:10px}.offer-benefit {font-size:13px;margin-bottom:22px}.offer-label {font-size:11px}.offer-commercial strong {font-size:37px}.offer-cta {font-size:12px;padding:15px}.offer-scope {font-size:11px}.offer-project {padding:27px}.offer-project-mark {font-size:55px;margin-bottom:19px}.offer-project h3 {font-size:39px}.offer-terms {font-size:11px;margin-top:20px}.offer-future {margin-top:32px}.offer-future-heading h3 {font-size:28px}.offer-planned {padding:25px}
}
@media(max-width:360px) {.service-showcase-heading h2 {font-size:35px}.offer-body {padding:21px}.offer-card h3,.offer-card:not(:has(.offer-media)) h3 {font-size:31px}.offer-commercial strong {font-size:31px}.offer-project h3 {font-size:35px}}
@media(prefers-reduced-motion:reduce) {.offer-card,.offer-media img,.offer-cta>span,.offer-project {transition:none}.offer-card:hover,.offer-card:hover .offer-media img,.offer-card:hover .offer-cta>span,.offer-project:hover,.offer-project:hover .offer-cta>span {transform:none}}