.service-inclusions { background: var(--color-surface); }
.service-inclusions__heading { margin-block-end: var(--space-12); }
.service-inclusions__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-6); }
.service-inclusions__grid--single { grid-template-columns: minmax(0, 1fr); }
.service-inclusions__artwork { position: sticky; inset-block-start: 0; min-inline-size: 0; inline-size: 100%; aspect-ratio: 660 / 620; }
.service-inclusions__monogram { position: absolute; inset-block-start: 2.3%; inset-inline-start: 9.09%; inline-size: 81.757303%; block-size: 95.315%; object-fit: contain; }
.service-inclusions__image { position: absolute; inset-block-start: 10.043548%; inset-inline-start: 6.818182%; inline-size: 86.363636%; block-size: 80%; object-fit: contain; }
.service-inclusions__list { display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 0 0 1.875rem; list-style: none; min-inline-size: 0; }
@media (width < 48rem) {
    .service-inclusions__heading { margin-block-end: var(--space-8); }
    .service-inclusions__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
    .service-inclusions__artwork { position: relative; inset-block-start: auto; max-inline-size: 24rem; justify-self: center; }
    .service-inclusions__list { padding-block-end: 0; }
}
.service-inclusions--panels { background: var(--color-background); padding-block-end: 0; }
.service-inclusions__panels { position: relative; isolation: isolate; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0 0 5.45rem; list-style: none; }
.service-inclusions__panels::before { content: ""; position: absolute; z-index: -1; inset-block: 0; inset-inline-start: calc(100% / 3); inline-size: calc(100% / 3); background: linear-gradient(var(--color-services-background) 35%, var(--color-services-gradient-mid) 80%, var(--color-services-gradient-end)); }
@media (width < 75rem) {
    .service-inclusions__panels { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-block-end: var(--space-12); }
    .service-inclusions__panels::before { display: none; }
}
@media (width < 48rem) {
    .service-inclusions__panels { grid-template-columns: minmax(0, 1fr); padding-block-end: 0; }
}
