.xiancai-customization { background: var(--ivory); }
.custom-grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(48px, 6vw, 96px); align-items: start; }
.custom-media { min-width: 0; padding-top: 43px; }
.custom-media h2 { margin: 0 0 24px; }
.custom-aligned-finishes .custom-media h2 { text-align: center; }
.custom-finish-rows { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; width: 90%; max-width: 900px; margin-inline: auto; }
.custom-finish-row { position: relative; overflow: hidden; width: 100%; aspect-ratio: 640 / 148; }
.custom-finish-row--bottom { aspect-ratio: 640 / 138; }
.custom-finish-row img { position: absolute; width: 121.875% !important; max-width: none; height: auto; aspect-ratio: auto !important; left: -6.25%; top: 0; }
.custom-finish-row--top img { transform: translateY(-6.81818%); clip-path: inset(13.18182% 0 0); }
.custom-finish-row--bottom img { transform: translateY(-52.5%); clip-path: inset(59.31818% 0 0); }
.custom-finish-label { position: absolute; top: 0; width: 50%; margin: 0; transform: translateX(-50%); text-align: center; font: 400 25px/1.2 Georgia, serif; color: #141414; }
.custom-finish-label--1 { left: 20.9375%; }
.custom-finish-label--2 { left: 80.3125%; }
@media (max-width: 1199px) {
    .home .custom-aligned-finishes .custom-media h2 { text-align: left; }
    .home .custom-aligned-finishes .custom-finish-rows { container-type: inline-size; height: auto; }
    .home .custom-finish-row { min-height: max(128px, calc(48px + 23cqw)); }
    .home .custom-finish-row img { top: 48px; }
    .home .custom-finish-row--top img { transform: translateY(-13.18182%); clip-path: inset(13.18182% 0 59.54545%); }
    .home .custom-finish-row--bottom img { transform: translateY(-59.31818%); clip-path: inset(59.31818% 0 16%); }
    .home .custom-finish-label { width: 46%; font-size: 16px; }
    .home .custom-finish-label--1 { left: 23%; }
    .home .custom-finish-label--2 { left: 77%; }
}
@media (max-width: 767px) {
    .custom-aligned-finishes .custom-media { width: 100%; }
    .custom-finish-row { min-height: 180px; overflow: hidden; }
    .custom-finish-row img { top: 100px; }
    .custom-finish-row--top img { transform: translateY(-13.18182%); }
    .custom-finish-row--bottom img { transform: translateY(-59.31818%); clip-path: inset(59.31818% 0 16%); }
    .custom-finish-row--top img { clip-path: inset(13.18182% 0 59.54545%); }
    .custom-finish-label { width: 46%; overflow-wrap: normal; }
    .custom-finish-label--1 { left: 23%; }
    .custom-finish-label--2 { left: 77%; }
}
@media (min-width: 768px) {
    .custom-aligned-finishes .custom-media { padding-top: var(--finish-title-top, 43px); }
    .custom-aligned-finishes .custom-finish-rows { margin-top: var(--finish-row-offset, 0px); height: var(--finish-rows-height, auto); }
    .custom-finish-row { flex-shrink: 0; }
}
@media (max-width: 767px) { .custom-aligned-finishes .custom-media { padding-top: 0; } }
.custom-media img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }
.custom-options { margin: 32px 0; }
.custom-options > div { display: flex; gap: 20px; padding: 20px 0; border-top: 1px solid var(--blush); }
.custom-options span { color: var(--brand); font-size: 14px; }
.custom-options h3 { font-size: 20px; margin: 0; }
.custom-options p { font-size: 16px; margin: 8px 0 0; color: var(--muted); }
.media-right .custom-media { order: 2; }
@media (max-width: 767px) { .custom-grid { display: flex; flex-direction: column; gap: 32px; } .custom-copy { display: contents; } .custom-copy .eyebrow { order: -4; margin: 0; } .custom-copy h2 { order: -3; margin: 0; } .custom-media, .media-right .custom-media { order: -2; } .custom-media img { aspect-ratio: 4 / 3; } .custom-copy .lead { order: -1; } .custom-options { width: 100%; margin: 0; } }

.custom-copy > .text-link { display: block; margin-top: 16px; }

@media (min-width: 768px) {
    body.home .custom-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
    body.home .custom-copy { order: 1; }
    body.home .custom-media { order: 2; }
}