/* V8 real-photo-first changes. No image generation applied to original photographs. */
.hero-grid{grid-template-columns:.95fr 1.05fr;min-height:540px}
.hero-content{padding-top:64px;padding-bottom:64px}
.hero-photo{filter:none;object-fit:contain;object-position:center;background:#c5a98e}
.hero-photo-wrap:after{background:linear-gradient(0deg,rgba(0,0,0,.25),transparent 25%)}
.main-real-photo{height:auto;aspect-ratio:1.20;background:#e1d2c0}
.main-real-photo img{width:100%;height:100%;object-fit:contain;object-position:center}
.real-thumbnails{flex-wrap:wrap}
.real-thumbnails button{flex:1 1 17%;height:86px}
.real-thumbnails button img{object-fit:cover}
.real-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-photo{margin:0;background:#f0ece5;overflow:hidden;position:relative}
.project-photo img{width:100%;height:260px;object-fit:contain;background:#e6e0d6;display:block}
.project-photo figcaption{font-size:12px;padding:12px 13px;color:#314133;font-weight:700}
.project-photo-wide{grid-column:span 2}
.project-photo-wide img{height:350px;object-fit:contain}
.real-finish-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;align-items:start}
.real-finish-layout figure{margin:0;max-width:490px}
.real-finish-layout figure img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
.real-finish-layout figcaption{color:#626c62;font-size:12px;margin-top:9px}
.finish-copy{padding:15px 0}
.finish-copy h3{font-family:var(--serif);font-size:31px;font-weight:500}
.finish-copy p{color:#5c695e;font-size:14px;line-height:1.7}
.quick-finishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.quick-finishes button{display:flex;align-items:center;gap:12px;background:#faf9f4;padding:10px;border:1px solid #d6d2c7;cursor:pointer;text-align:left;font-size:13px;color:#263929;font-weight:600}
.quick-finishes button img,.quick-finishes .plain-paint-chip{display:block;width:80px;min-width:80px;height:50px;object-fit:cover}
.plain-paint-chip{display:block;width:100%;height:100%;border:1px solid #c8c8c0}
.plain-paint-chip.white{background:#f7f7f3}
.plain-paint-chip.black{background:#1a1b1b}
.plain-paint-chip.custom{background:linear-gradient(105deg,#c59a60 0 25%,#f1eee5 25% 50%,#3e3330 50% 75%,#222 75%);display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}
.small-trust-note{font-size:12px!important}
.finish-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.finish-thumb{height:72px}
.finish-tile-grid label{font-size:10px}
.work-section .real-project-grid{margin-top:25px}
.product-reals{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-reals .project-photo img{height:215px}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-photo-wrap{height:auto;aspect-ratio:1.22;margin:0 -20px}.hero-photo{object-fit:contain}.real-finish-layout{grid-template-columns:1fr;gap:17px}.real-finish-layout figure{max-width:460px}.real-project-grid,.product-reals{grid-template-columns:repeat(2,minmax(0,1fr))}.project-photo-wide{grid-column:span 2}.finish-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:550px){.hero-photo-wrap{height:auto;aspect-ratio:1.22}.main-real-photo{height:auto;aspect-ratio:1.2;margin:0 -20px}.real-thumbnails button{height:70px}.real-project-grid,.product-reals{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.project-photo img,.product-reals .project-photo img{height:180px}.project-photo-wide img{height:215px}.project-photo figcaption{padding:10px;font-size:11px}.quick-finishes{grid-template-columns:1fr}.finish-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Finish reference cards are illustrative swatches, not navigation controls. */
.finish-samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}
.finish-sample{display:flex;align-items:center;gap:10px;padding:8px;background:#faf9f4;border:1px solid #dedbd1;color:#263929;font-size:12px;line-height:1.25;font-weight:600;min-width:0}
.finish-sample img,.finish-sample .plain-paint-chip{display:block;width:66px;min-width:66px;height:44px;object-fit:cover}
.finish-sample .plain-paint-chip.white{background:#f7f7f3}
.finish-sample .plain-paint-chip.black{background:#1a1b1b}
@media(max-width:420px){.finish-samples-grid{grid-template-columns:1fr}}


/* Painted finishes extend the original ten-swatch chart as a visually continuous sixth row. */
.real-finish-layout .finish-chart-figure{max-width:490px;background:#fff}
.real-finish-layout .finish-chart-figure>img{max-height:none;width:100%;height:auto;object-fit:contain}
.paint-swatches-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5%;padding:2.85% 2.7% .7%;box-sizing:border-box;background:#fff}
.paint-swatch{aspect-ratio:276/154;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.08;letter-spacing:.02em;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:clamp(14px,2vw,28px)}
.paint-swatch-white{color:#1d1d1d;background:repeating-linear-gradient(0deg,rgba(0,0,0,.012) 0px,rgba(0,0,0,0) 3px,rgba(0,0,0,.006) 6px),linear-gradient(135deg,#f7f6f1,#ecebe6)}
.paint-swatch-black{color:#fff;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0px,rgba(255,255,255,0) 3px,rgba(255,255,255,.007) 6px),linear-gradient(135deg,#272727,#111)}
@media(max-width:550px){.paint-swatch{font-size:clamp(15px,4.4vw,23px)}}
