/* Paired architectural and product images, with one shared colour selection. */
.finish-explorer { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(320px, 1fr); gap: 32px 6%; align-items: start; padding-top: 0; padding-bottom: 0; }
.finish-explorer figure { margin: 0; min-width: 0; }
.finish-explorer figure img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--sand); }
.finish-explorer figcaption { display: flex; justify-content: space-between; gap: 16px; padding-top: 12px; color: var(--muted); font-size: .75rem; line-height: 1.6; }
.finish-explorer figcaption span { color: var(--muted); font-size: .6875rem; }
.finish-house { grid-column: 1; grid-row: 1; }
.finish-detail { grid-column: 1; grid-row: 2; }
.finish-explorer .finish-controls { grid-column: 2; grid-row: 1; align-self: start; background: transparent; border: 0; padding: 28px 0; }
.finish-study { grid-column: 2; grid-row: 2; }
.finish-study .shutter-display { min-height: 0; padding: 38px 30px 44px; aspect-ratio: 1 / 1; }
.finish-study .sample-window { width: 52%; min-width: 130px; height: 100%; }
.finish-study .sample-box { height: 34px; }
.finish-study .sample-box > span { height: 14px; top: 8px; width: 44%; }
.finish-study .sample-glass { top: 34px; }
.finish-controls .eyebrow { font-size: .6875rem; margin-bottom: 22px; }
.finish-controls h2 { font-size: clamp(38px, 3.6vw, 54px); line-height: 1.06; margin-bottom: 22px; }
.finish-controls #finish-description { font-size: 1rem; line-height: 1.85; min-height: 112px; max-width: 35ch; color: var(--muted); }
.finish-choices { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 28px 0 0; }
.finish-choice { display: flex; flex-direction: column; align-items: center; justify-content: start; gap: 12px; min-width: 0; min-height: 84px; padding: 8px 0; border: 0; border-radius: 0; background: transparent; color: var(--muted); cursor: pointer; font: inherit; font-size: .6875rem; line-height: 1.5; }
.finish-chip { display: block; width: 36px; height: 36px; border-radius: 50%; background: var(--swatch); border: 1px solid #39252b24; outline: 1px solid transparent; outline-offset: 5px; transition: outline-color .2s; }
.finish-choice[aria-pressed="true"] { color: var(--ink); }
.finish-choice[aria-pressed="true"] .finish-chip { outline-color: var(--ink); }
.finish-choice:hover .finish-chip { outline-color: var(--accent); }
.finish-choice:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.finish-explorer .finish-controls p.finish-status { font-size: .75rem; line-height: 1.5; min-height: 0; margin: 10px 0; color: var(--muted); }
.finish-controls .finish-status:empty { display: none; }
.finish-controls .fineprint { border-top: 1px solid var(--hotel-rule); padding-top: 24px; font-size: .8125rem; line-height: 1.85; max-width: 38ch; }
.finish-controls .text-link { margin-top: 18px; font-size: .875rem; min-height: 44px; }
@media (max-width: 1050px) {
  .finish-explorer { grid-template-columns: minmax(0, 1.25fr) minmax(280px, 1fr); gap: 26px 4%; }
  .finish-explorer .finish-controls { padding-top: 6px; }
  .finish-controls #finish-description { min-height: 118px; }
  .finish-choices { gap: 4px; }
}
@media (max-width: 700px) {
  .finish-explorer { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .finish-house { grid-column: 1; grid-row: 2; }
  .finish-detail { grid-column: 1; grid-row: 3; }
  .finish-study { grid-column: 1; grid-row: 4; }
  .finish-study .shutter-display { aspect-ratio: 6 / 5; padding: 28px 30px 34px; }
  .finish-study .sample-window { width: 44%; min-width: 130px; }
  .finish-explorer .finish-controls { grid-column: 1; grid-row: 1; position: static; padding: 0; }
  .finish-controls h2 { font-size: 42px; margin-bottom: 16px; }
  .finish-controls .eyebrow { margin-bottom: 18px; }
  .finish-controls #finish-description { min-height: 89px; max-width: none; }
  .finish-choices { margin-top: 14px; gap: 4px; }
  .finish-choice { min-height: 78px; }
  .finish-controls .finish-status { margin: 2px 0 10px; }
  .finish-controls .fineprint { max-width: none; margin-top: 10px; padding-top: 14px; }
  .finish-controls .text-link { margin-top: 8px; }
  .finish-explorer figcaption { gap: 8px; font-size: .6875rem; }
}