.finish-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;background:#0b0c09;color:#fff;min-height:670px}.finish-hero-copy{padding:70px 60px 70px max(40px,calc((100vw - 1184px)/2));display:flex;flex-direction:column;justify-content:center;min-width:0}.finish-hero .eyebrow,.finish-hero .text-link{color:var(--yellow)}.finish-hero h1{font-size:clamp(2.8rem,4.5vw,4.4rem);line-height:1.06;color:#fff;overflow-wrap:anywhere}.finish-lead{font-size:1.125rem;color:#cecac1;margin:32px 0;max-width:520px}.finish-hero .inline-actions{gap:18px}.finish-location{font-size:.875rem;margin-top:32px;color:#cecac1}.finish-hero figure{position:relative;min-width:0;margin:0}.finish-hero .finish-enlarge{height:100%;min-height:670px}.finish-hero figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.finish-hero figcaption,.finish-color-grid figcaption,.texture-grid figcaption{font-size:.8125rem;color:var(--muted);padding-top:12px}.finish-colors{background:#fff;border-top:1px solid var(--border)}.finish-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.finish-enlarge{display:block;position:relative}.finish-color-grid img{width:100%;height:450px;object-fit:cover;object-position:50% 78%}.finish-color-grid .finish-enlarge>span{position:absolute;bottom:16px;right:16px;background:#fff;padding:8px 15px;font-size:.8125rem;font-weight:600}.color-note{font-size:.875rem;color:var(--muted);margin-top:26px;padding-left:18px;border-left:3px solid var(--yellow);max-width:800px}.texture-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center}.texture-grid img{width:100%;height:600px;object-fit:cover;object-position:50% 70%}.texture-grid h2{margin-bottom:24px}.texture-grid p{color:var(--muted)}.texture-grid .text-link{margin-top:24px}.finish-charts{background:white;border-top:1px solid var(--border)}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.chart-card{background:var(--ground);border:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.chart-preview{width:100%;height:145px;object-fit:cover;object-position:50% 36%;border-bottom:1px solid var(--border)}.chart-copy{padding:24px;display:flex;flex-direction:column;flex:1}.chart-copy .eyebrow{margin-bottom:10px;font-size:.75rem}.chart-copy h3{font-size:1.35rem;margin-bottom:14px;overflow-wrap:anywhere}.chart-copy>p:not(.eyebrow){font-size:.875rem;color:var(--muted)}.chart-meta{margin-top:14px!important}.chart-source-note{font-size:.75rem!important;line-height:1.5}.chart-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:auto;padding-top:20px}.chart-actions a{min-height:44px;display:inline-flex;align-items:center;font-size:.8125rem}.chart-download{text-decoration:underline;text-underline-offset:5px;font-weight:600}.manufacturer-chart{font-size:.75rem;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px;color:var(--muted);margin-top:8px}.sample-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:110px}.sample-grid h2{margin-bottom:24px}.sample-grid p{color:#e4e0d7}.sample-grid .sample-promise{font-size:1.15rem;color:white;max-width:480px;margin-top:24px}.sample-text{margin-top:28px}.sample-number{font-size:.875rem;margin-top:12px}.sample-checklist{padding:32px;border:1px solid #666459;background:#242420}.sample-checklist h3{font-size:1.35rem;margin-bottom:24px}.sample-checklist ol{padding-left:24px;margin:0;display:grid;gap:24px}.sample-checklist li{padding-left:8px;color:var(--yellow)}.sample-checklist strong{display:block;color:white}.sample-checklist span{display:block;color:#d0cdc4;font-size:.875rem;margin-top:5px}.visit-finish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.visit-finish-grid>div{border-top:2px solid var(--yellow);padding-top:24px}.visit-finish-grid h3{margin-bottom:16px}.visit-finish-grid p{color:var(--muted)}.visit-finish-grid .text-link{margin-top:12px;font-size:.875rem}body[data-page="finishes"] .section-heading>*{min-width:0}body[data-page="finishes"] h2{overflow-wrap:anywhere}
#finish-image-dialog{border:0;padding:0;width:calc(100% - 40px);max-width:1000px;max-height:calc(100dvh - 40px);background:var(--ground);color:var(--ink)}#finish-image-dialog::backdrop{background:#000b}.finish-dialog-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;background:#fff;z-index:1}.finish-dialog-header h2{font-size:1.25rem;letter-spacing:-.02em}.finish-dialog-close{min-height:44px;border:1px solid #999;background:white;padding:8px 14px;flex-shrink:0}.finish-dialog-canvas{padding:20px}.finish-dialog-canvas img{width:100%;height:auto}#finish-image-original{margin:0 24px 24px;font-size:.875rem}body.finish-viewer-open{overflow:hidden}
@media(max-width:1100px){.finish-hero-copy{padding:55px 40px}.texture-grid,.sample-grid{gap:45px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.texture-grid,.sample-grid{grid-template-columns:minmax(0,1fr);gap:32px}.finish-color-grid{gap:24px;grid-template-columns:minmax(0,1fr)}.finish-color-grid img{height:360px}.texture-grid img{height:auto;max-height:650px;object-fit:contain}.texture-grid>div{grid-row:1}.chart-grid,.visit-finish-grid{grid-template-columns:minmax(0,1fr)}.sample-checklist{padding:24px}.finish-hero .inline-actions{align-items:flex-start}.finish-hero .inline-actions .button{width:auto}.finish-lead{font-size:1rem}.finish-dialog-header{padding:12px;gap:10px}.finish-dialog-header h2{font-size:1.125rem}.finish-dialog-canvas{padding:10px}#finish-image-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}body[data-page="finishes"] .mobile-contact{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="finishes"] .mobile-contact a{min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center}body[data-page="finishes"] .mobile-contact span{white-space:normal}}

/* Stack the split header on smaller screens; the full image opens on selection. */
@media(max-width:900px){.finish-hero{grid-template-columns:minmax(0,1fr);min-height:0}.finish-hero-copy{padding:48px 40px}.finish-hero .finish-enlarge{min-height:0;aspect-ratio:4/3}.finish-hero h1{font-size:clamp(2.8rem,7vw,4.4rem)}}
@media(max-width:560px){.finish-hero-copy{padding:42px 20px}.finish-hero .inline-actions{align-items:flex-start;flex-direction:column;gap:16px}.finish-hero h1{font-size:clamp(2.6rem,11vw,3.5rem)}}

/* Additional supplied displays retain their full frames. */
.finish-display-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;margin-top:48px;align-items:start}
.finish-display-grid figure{min-width:0}.finish-display-grid img{display:block;width:100%;height:auto}
.finish-display-grid .finish-enlarge>span{display:block;padding:12px 0;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.finish-display-grid figcaption{font-size:.875rem;color:var(--muted);line-height:1.6}
@media(max-width:700px){.finish-display-grid{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:32px}}

/* Daniel’s replacement photos: a single full-width color wall and full texture panels. */
.finish-color-grid.finish-color-wide{grid-template-columns:minmax(0,1fr)}
.finish-color-wide img{width:100%;height:auto;object-fit:contain;object-position:center}
.texture-grid img{height:auto;max-height:780px;object-fit:contain;object-position:center}
@media(max-width:700px){.texture-grid img{max-height:none}}

/* October close-ups replace the worn sample-board photographs. */
.finish-texture-heading{align-items:center}.finish-texture-copy{max-width:560px;min-width:0}.finish-texture-copy p{color:var(--muted)}.finish-texture-copy p+p{margin-top:16px}.finish-texture-copy .text-link{margin-top:22px}
.finish-display-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}
@media(max-width:700px){.finish-display-grid{grid-template-columns:minmax(0,1fr)}.finish-texture-copy{max-width:none}}

/* Supplied finish texture examples, with full frames and visible labels. */
.finish-texture-samples{background:#fff;border-top:1px solid var(--border)}
.finish-swatch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.finish-swatch-grid figure{margin:0;min-width:0}
.finish-swatch-grid img{display:block;width:100%;height:auto}
.finish-swatch-grid .finish-enlarge>span{display:block;font-size:.875rem;padding:12px 0;text-decoration:underline;text-underline-offset:4px}
.finish-swatch-grid figcaption{font-weight:600;font-size:1.125rem;color:var(--ink)}
@media(max-width:1000px){.finish-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.finish-swatch-grid{grid-template-columns:minmax(0,1fr)}}