/* StepRightFloors additions to redesign kit v1: self-hosted fonts, oak accent, site-only components. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url('/assets/fonts/cormorantgaramond.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/manrope.woff2') format('woff2')}
:root{--accent:#BE8B46;--accent-text:#83602F;--accent-hover:#654A24;--tint:#F3EDE3;--tint-text:#83602F}
[hidden]{display:none!important}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.brand span{white-space:nowrap}
.site-nav .nav-cta{display:none}
.hero .photo-note,.page-hero .photo-note{position:absolute;top:20px;right:var(--pad);z-index:3;font-size:12px;color:var(--ink);background:rgba(255,255,255,.88);padding:6px 12px;border-radius:999px}
.hero-card .display{font-size:clamp(38px,4.6vw,60px)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}
/* Material finder (quick-lead bar + result) */
.quick-lead select{appearance:auto}
.finder-result{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:center}
.finder-result .eyebrow{display:block;margin-bottom:6px}.finder-result .h3{margin-bottom:6px}
.finder-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.finder-note{margin-top:10px}
.more-row{display:flex;gap:28px;flex-wrap:wrap;margin-top:32px}
.stack-lg .more-row{margin-top:4px}
.faq-photo{height:300px;margin-top:16px}
.photo-row .cover{height:320px}
.guide-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-photos img{height:260px}.guide-photos img:first-child{grid-column:span 2;height:300px}
.rows strong{font-weight:500;color:var(--text-2);max-width:60%}
.rows span{color:var(--ink);font-weight:600}
.checks.one-col{grid-template-columns:1fr}
.sidebar{position:sticky;top:108px}
.sidebar .cover{height:260px}
.sidebar .btn{align-self:flex-start}
.info-card .tag{letter-spacing:.04em}
/* Long-form copy */
.prose{max-width:760px}
.prose h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,2.6vw,36px);line-height:1.12;margin:40px 0 12px}
.prose h2:first-child{margin-top:0}
.prose p,.prose li{font-size:16px;line-height:1.75;color:var(--text-2)}
.prose p+p{margin-top:14px}
.prose .faq{margin:8px 0 4px}
.prose .link-arrow{display:inline-block;margin-top:24px}
.legal{padding-bottom:8px}
.plain-intro{padding-top:88px;display:flex;flex-direction:column;gap:16px}
.plain-intro>*{max-width:900px}
/* Comparison table */
.comparison{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}
.comparison table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.comparison th,.comparison td{text-align:left;vertical-align:top;padding:22px 24px;border-bottom:1px solid var(--line-2);line-height:1.6}
.comparison thead th{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:var(--band)}
.comparison tbody tr:last-child>*{border-bottom:0}
.comparison tbody th a{font-weight:700;color:var(--ink)}
/* Project-brief builder */
.notice{background:var(--tint);border:1px solid #E7DDCC;border-radius:var(--radius);padding:18px 20px;font-size:15px;line-height:1.6;color:var(--text)}
.form-title{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);padding-top:8px}
.fgroup{display:flex;flex-direction:column;gap:8px}
.fgroup label{font-size:13px;font-weight:600;color:var(--text)}
.form select.field{appearance:auto}
.form .consent{flex-direction:row;align-items:flex-start;gap:12px;font-weight:500;line-height:1.55}
.consent input{width:20px;height:20px;margin:2px 0 0;flex-shrink:0;accent-color:var(--ink)}
.form .note a,.notice a{text-decoration:underline;text-underline-offset:3px}
.brief-result pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;font-size:14px;line-height:1.6;max-height:420px;overflow:auto;margin:0}
.brief-result:focus{outline:2px solid var(--accent-text);outline-offset:3px}
.chips button:focus-visible,.round-btn:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}
.footer-legal{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between}
.legal-links{display:flex;gap:20px}.legal-links a{color:var(--muted)}
.stock-line{flex-basis:100%}
.site-footer .brand{margin-bottom:6px}
@media (max-width:1100px){.finder-result{grid-template-columns:1fr}.sidebar{position:static}}
@media (max-width:760px){
.brand{font-size:13px;letter-spacing:.14em;gap:10px}
.site-nav .nav-cta{display:block;color:var(--ink);font-weight:700;border-bottom:0}
.hero .photo-note,.page-hero .photo-note{top:12px;right:16px;left:16px;text-align:center;font-size:11px}
.hero-card .display{font-size:34px}.page-hero .hero-card .display{font-size:32px}
.hero-card .actions .btn{flex:1 1 auto}
.finder-result{padding:22px}
.photo-row .cover{height:220px}
.guide-photos{grid-template-columns:1fr}.guide-photos img,.guide-photos img:first-child{grid-column:auto;height:220px}
.rows>div{flex-direction:column;gap:4px}.rows strong{max-width:none;text-align:left}
.plain-intro{padding-top:48px}
.prose h2{margin-top:32px}
.comparison th,.comparison td{padding:16px}
.footer-legal{flex-direction:column}
}
img[src$="parquet-detail.webp"],img[src$="herringbone-living.webp"],img[src$="long-oak-floor.webp"]{object-position:50% 78%}
/* Tablet: the full nav does not fit beside the brand and CTA, so use the menu toggle up to 1000px. */
@media (max-width:1000px){
.nav-toggle{display:inline-flex}
.site-nav{display:none;position:absolute;top:84px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px var(--pad) 16px}
.site-nav.is-open{display:flex}
.site-nav a{padding:14px 0;border-bottom:1px solid var(--line-2)}
.site-nav .nav-cta{display:block;color:var(--ink);font-weight:700;border-bottom:0}
}
@media (max-width:760px){.site-nav{top:68px}}
@media (max-width:1000px){.no-js .nav-toggle{display:none}.no-js .site-header{position:relative}.no-js .site-header .wrap{height:auto;flex-wrap:wrap;padding-top:14px;padding-bottom:10px;gap:8px}.no-js .site-nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;gap:0 18px;border:0;padding:0;width:100%;background:none}.no-js .site-nav a{padding:10px 0;border-bottom:0}}
.num{color:var(--accent-text)}
.body a,.consent a,.prose p a{text-decoration:underline;text-underline-offset:3px}
@media (min-width:761px) and (max-width:1100px){.hero .hero-card{width:min(520px,calc(100% - 2*var(--pad) - 220px))}}