/* Shared procurement design. No decorative gradients, hidden content or score-driven imagery. */
:root { --ink:#142823; --ink-2:#213d34; --paper:#fff; --paper-2:#f0f3f1; --line:#d8e0da; --muted:#52655d; --wood:#84603c; --moss:#195b48; --green:#195b48; --radius:4px; --shadow:none; --shadow-tight:none; }
body,body.seo-page-body { background:#fff; font-size:1rem; line-height:1.65; }
body { overflow-x:clip; }
h1,h2,h3,p { overflow-wrap:break-word; }
.site-header { background:#fff; color:var(--ink); border-bottom:1px solid var(--line); box-shadow:none; backdrop-filter:none; }
.site-header.is-scrolled { background:#fff; }
.brand-mark { background:var(--green); color:white; border:0; }
.brand em { color:var(--muted); }
.site-nav a,.header-link,.language-menu summary { color:var(--ink); font-size:.875rem; }
.button { min-height:46px; font-size:.9375rem; border-radius:4px; padding:12px 22px; box-shadow:none; }
.button.primary { background:var(--green); color:#fff; border:1px solid var(--green); }
.button.secondary { background:#fff; color:var(--ink); border:1px solid #aebfb5; }
.button:hover { transform:none; filter:brightness(.95); }
.eyebrow { color:var(--green); font-size:.8125rem; letter-spacing:.12em; font-weight:700; }
.section-intro h2,.contact h2 { font-size:clamp(1.9rem,3.4vw,3rem); line-height:1.18; letter-spacing:-.035em; }
.seo-panel,.buyer-tool-card,.catalog-card,.service-approval,.article-source-note { border-radius:4px; box-shadow:none; background:#f4f6f4; color:var(--ink); }
.seo-panel p,.seo-panel li,.section-intro p,.faq-list p,.article-source-note p { font-size:1rem; line-height:1.7; }
.seo-hero,.products-directory-hero,.product-hero,.contact-page-hero { background:#f0f3f1; color:var(--ink); }
.seo-hero::before,.seo-hero::after,.products-directory-hero::before,.products-directory-hero::after { display:none; }
.seo-hero h1,.product-hero h1 { color:var(--ink); font-size:clamp(2.2rem,4.4vw,4.2rem); line-height:1.12; letter-spacing:-.04em; }
.seo-hero .eyebrow,.product-hero .eyebrow { color:var(--green); }
.seo-hero p,.product-hero p { color:#385148; }
.seo-hero-image,.product-hero-image { border-radius:4px; box-shadow:none; }
.seo-hero-image img,.product-hero-image img { object-fit:contain; background:#e8eeea; max-height:530px; }
.contact,.inquiry-form { border-radius:4px; }
.inquiry-form { background:white; color:var(--ink); box-shadow:none; border:1px solid var(--line); }
.inquiry-form input,.inquiry-form select,.inquiry-form textarea { font-size:1rem; min-height:44px; border:1px solid #a7b8ad; background:#fff; color:var(--ink); border-radius:4px; }
.inquiry-form label,.inquiry-form legend,.inquiry-optional summary { font-size:.9375rem; }
.inquiry-form .form-assurance-grid { display:none; }
.form-guidance,.growth-small { font-size:.875rem; line-height:1.6; color:var(--muted); }
.site-footer { background:#142823; color:white; }
.site-footer a { color:#ecf3ef; }
.growth-home { padding-top:84px; }
.growth-home .reveal { opacity:1; transform:none; }
.growth-hero,.growth-section,.growth-home .contact { max-width:1280px; margin-inline:auto; padding:64px 40px; }
.growth-hero { display:grid; grid-template-columns:1.2fr .8fr; gap:64px; align-items:center; }
.growth-hero h1 { margin:18px 0 22px; font-size:clamp(2.9rem,5.4vw,5.2rem); line-height:1.02; letter-spacing:-.055em; font-weight:600; }
.growth-hero h1 span { color:#1d6a50; }
.growth-lead { font-size:1.1rem; max-width:580px; color:#42594e; }
.growth-hero .hero-actions { margin-top:25px; }
.growth-direct { display:flex; flex-wrap:wrap; gap:12px 25px; margin:17px 0 28px; font-size:.875rem; font-weight:600; }
.growth-direct a,.growth-text-link { text-decoration:underline; text-underline-offset:4px; }
.growth-order-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:30px 0 12px; padding-top:20px; border-top:1px solid var(--line); }
.growth-order-strip dt { font-size:.8125rem; color:var(--muted); }
.growth-order-strip dd { margin:5px 0 0; font-size:1.2rem; font-weight:650; }
.growth-hero-photo { margin:0; align-self:stretch; background:#e8eeea; position:relative; border-radius:4px; overflow:hidden; }
.growth-hero-photo img { width:100%; height:100%; max-height:680px; object-fit:cover; }
.growth-hero-photo figcaption { position:absolute; inset:auto 16px 16px; padding:15px 18px; background:white; color:var(--ink); font-size:.875rem; line-height:1.45; }
.growth-hero-photo figcaption span { display:block; font-size:.75rem; letter-spacing:.1em; color:var(--green); margin-bottom:4px; }
.growth-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:32px; }
.growth-heading>p { max-width:400px; color:var(--muted); }
.growth-home h2 { font-size:clamp(2rem,3.5vw,3.1rem); line-height:1.15; letter-spacing:-.04em; margin:12px 0 22px; font-weight:600; }
.growth-route-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.growth-route { display:flex; flex-direction:column; min-height:290px; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.growth-route:hover { background:#f1f5f2; }
.growth-route-number { font-size:.875rem; color:var(--green); }
.growth-route h3 { font-size:1.4rem; margin:14px 0 10px; line-height:1.3; }
.growth-route p { color:var(--muted); margin:0 0 28px; }
.growth-route-action { margin-top:auto; display:flex; justify-content:space-between; font-size:.875rem; font-weight:600; }
.growth-factory { display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; align-items:center; background:#edf2ef; max-width:none; padding-inline:max(40px,calc((100vw - 1200px)/2)); }
.growth-factory figure { margin:0; max-width:450px; }
.growth-factory img { width:100%; max-height:520px; object-fit:contain; object-position:center; background:#dce6df; }
.growth-factory figcaption { font-size:.8125rem; color:#52655d; margin-top:12px; }
.growth-proof-links { margin:24px 0; border-top:1px solid #c4d0c8; }
.growth-proof-links a,.growth-resources nav a { display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid #c4d0c8; font-weight:600; }
.growth-process { padding:0; list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; margin:40px 0; }
.growth-process li { border-top:2px solid var(--green); padding-top:16px; }
.growth-process span { color:var(--green); font-size:.875rem; }
.growth-process h3 { font-size:1.25rem; line-height:1.4; }
.growth-process p { color:var(--muted); }
.growth-answers { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.growth-answers>div>p { max-width:340px; }
.growth-faq details { border-bottom:1px solid var(--line); }
.growth-faq details:first-child { border-top:1px solid var(--line); }
.growth-faq summary { cursor:pointer; padding:20px 26px 20px 0; font-weight:600; font-size:1.0625rem; }
.growth-faq p { margin:0 0 22px; color:var(--muted); }
.growth-resources { border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.growth-home .growth-contact { max-width:none; display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; padding-inline:max(40px,calc((100vw - 1200px)/2)); background:#142823; color:#fff; }
.growth-contact .eyebrow { color:#a9d2bd; }
.growth-contact .growth-small,.growth-contact .contact-copy p { color:#d5e1da; }
.growth-contact .inquiry-form p { color:var(--muted); }
.growth-contact .contact-list { margin:28px 0; }
.growth-contact .contact-list a { overflow-wrap:anywhere; }
.growth-home :target { scroll-margin-top:100px; }
.growth-home .contact-copy { align-self:start; position:sticky; top:110px; }
@media(min-width:761px) { .growth-home .contact-copy { max-width:480px; } }
@media(max-width:1000px) { .growth-hero { gap:30px; padding-top:40px; } .growth-factory,.growth-answers,.growth-home .growth-contact { gap:32px; } .growth-route-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .growth-process { grid-template-columns:repeat(2,minmax(0,1fr)); } .growth-heading { align-items:start; } }
@media(max-width:760px) { .growth-home { padding-top:72px; } .growth-hero,.growth-section,.growth-home .growth-contact { padding:38px 20px; } .growth-hero,.growth-factory,.growth-answers,.growth-resources,.growth-home .growth-contact { grid-template-columns:1fr; gap:30px; } .growth-heading { display:block; } .growth-heading>p { max-width:none; } .growth-hero h1 { font-size:clamp(2.7rem,9vw,4rem); } .growth-hero-photo { max-height:420px; } .growth-hero-photo img { height:420px; object-fit:contain; } .growth-order-strip { gap:8px; } .growth-order-strip dd { font-size:1.02rem; } .growth-order-strip dt { font-size:.75rem; } .growth-route { padding:20px; min-height:280px; } .growth-route h3 { font-size:1.2rem; } .growth-factory figure { max-width:none; } .growth-factory img { max-height:440px; } .growth-home .contact-copy { position:static; } .site-header.is-open,.site-nav.is-open { background:white; color:var(--ink); } .hero-actions { flex-wrap:wrap; } }
@media(max-width:400px) { .growth-route-grid,.growth-process { grid-template-columns:1fr; } .growth-route { min-height:225px; } .growth-hero .hero-actions { display:grid; } .growth-hero-photo { max-height:350px; } .growth-hero-photo img { height:350px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }

/* Override legacy dark-header selectors on the redesigned shared shell. */
body:not(.seo-page-body) .site-header,body.seo-page-body .site-header { background:#fff; color:#142823; }
body .site-header .brand,body .site-header .brand strong,body .site-header .brand em,body .site-header .site-nav a,body .site-header .header-actions a,body .site-header .language-menu summary { color:#142823; }
body .site-header .brand-mark { background:#195b48; color:white; }
body .site-header .nav-toggle { background:#e6eee8; border:1px solid #b8c9bc; }
body .site-header .nav-toggle span { background:#142823; }
body .site-header .site-nav.is-open,body .site-header .site-nav.open { background:#fff; }
.documentary-range { display:flex!important; flex-direction:column; align-items:center; grid-template-columns:none!important; }
.documentary-range figure { margin:0; max-width:350px; }
.documentary-range img { max-height:450px; width:100%; object-fit:contain; }
.documentary-range figcaption { background:white; padding:14px; font-size:.875rem; color:#142823; }
img[src*="real-wood-slabs"],img[src*="real-sandwich-boards"] { max-width:280px; width:100%; height:auto; margin-inline:auto; object-fit:contain; }
.catalog-card figure { display:flex; justify-content:center; align-items:center; background:#eef2ef; }
.catalog-card figure img { object-fit:contain; }
@media(max-width:400px) { .growth-hero h1 { font-size:2.35rem; line-height:1.06; } }

.growth-route-index { display:flex; flex-wrap:wrap; gap:8px 24px; margin:24px 0 0; padding:0; color:#195b48; font-size:.875rem; }
.growth-route-index a { padding:6px 0; text-decoration:underline; text-underline-offset:3px; }
.form-retry-control { margin-top:14px; background:#edf3ee; border:1px solid #a7b8ad; min-height:44px; padding:10px; font:inherit; color:#142823; }

/* The previous homepage theme used higher-specificity translucent white text. */
body .site-header .site-nav a,body .site-header .brand em,body .site-header .header-actions a,body .site-header .language-menu summary { color:#142823!important; }
body .site-header .language-menu summary { background:#f0f4f1; border-color:#b8c9bc; }
body .site-header .language-menu summary::after { border-color:#142823; }
body .site-header .nav-toggle span { background:#142823!important; }
.growth-home .growth-contact .contact-list a,.growth-home .growth-contact .contact-list span { color:#edf4ef!important; }
.growth-home .growth-contact .inquiry-form { background:#fff!important; color:#142823; }
.growth-home .growth-contact .inquiry-form input,.growth-home .growth-contact .inquiry-form textarea,.growth-home .growth-contact .inquiry-form select { background:#fff; color:#142823; }

/* The full section menu remains visible without sideways hunting on small screens. */
@media(max-width:980px) { .product-section-nav { display:flex; flex-wrap:wrap; overflow:visible; position:static; height:auto; max-height:none; gap:7px; } .product-section-nav a { white-space:normal; font-size:.8125rem; padding:8px 10px; min-height:40px; } }

/* Product hero text and controls inherit the new light background consistently. */
.seo-hero .product-hero-facts li,.seo-hero .breadcrumb a,.seo-hero .breadcrumb strong,.seo-hero .breadcrumb span { color:#385148!important; }
.seo-hero .product-hero-facts li { border-color:#c6d4ca; background:transparent; }
.seo-hero .button.primary { background:#195b48!important; color:#fff!important; border:1px solid #195b48; }
.seo-hero .button.secondary { background:#fff!important; color:#142823!important; border:1px solid #aebfb5; }
.seo-hero figcaption { color:#385148!important; background:#e9efea; padding:16px; }

.spec-table:focus-visible { outline:3px solid #195b48; outline-offset:4px; }

/* Make the production threshold readable before buyers invest time in an RFQ. */
.order-policy-summary { max-width:70ch; margin:18px 0; color:#385148; font-size:.9375rem; line-height:1.6; }
.order-plan { min-width:0; margin:24px 0; padding:20px; border:1px solid #b7c9be; border-radius:4px; background:#f5f8f5; color:#142823; }
.order-plan h3 { margin:0 0 16px; font-size:1.2rem; line-height:1.4; }
.order-plan label { display:flex; flex-direction:column; min-width:0; gap:7px; font-size:.875rem; }
.order-plan label>span[aria-hidden] { display:none; }
.order-plan input { box-sizing:border-box; width:100%; min-width:0; min-height:44px; font:inherit; font-size:1rem; background:#fff!important; color:#142823!important; border:1px solid #9bafa2!important; border-radius:3px; padding:10px 12px; }
.order-plan input:focus-visible,.order-plan button:focus-visible { outline:3px solid #195b48; outline-offset:3px; }
.order-plan p { font-size:.875rem; line-height:1.6; color:#385148; }
.order-line { display:grid; grid-template-columns:minmax(0,1fr) minmax(90px,.42fr) auto; gap:12px; align-items:end; padding-block:12px; border-bottom:1px solid #d4ded7; }
.order-line button,.order-add { min-width:44px; min-height:44px; padding:10px 12px; border:1px solid #9bafa2; border-radius:3px; background:#fff; color:#195b48; font:inherit; font-size:.875rem; cursor:pointer; }
.order-add { margin-top:14px; }
.order-plan button:disabled { cursor:default; opacity:.55; }
.order-total { font-weight:650; font-variant-numeric:tabular-nums; }
.order-status { margin-bottom:0; padding:12px; border-inline-start:3px solid #84998d; background:#edf2ee; }
.order-status[data-state="below_moq"] { border-color:#9a632b; background:#fbf3e8; color:#674019!important; }
.order-status[data-state="quantity_fit"] { border-color:#195b48; color:#164c3a!important; }
.inquiry-form [hidden] { display:none!important; }
.order-plan [data-sample-quantity] { margin-top:18px; }
/* Keep optional analytics choices away from fields while the buyer is typing. */
body.is-form-focused .analytics-consent { visibility:hidden; pointer-events:none; }
@media(max-width:540px) {
  .order-plan { padding:16px; }
  .order-line { grid-template-columns:minmax(0,1fr); gap:10px; }
  .order-line button { justify-self:start; }
  .order-add { width:100%; }
  .order-policy-summary { font-size:.875rem; }
  .growth-order-strip { grid-template-columns:1fr; gap:12px; }
  .growth-order-strip>div { display:flex; justify-content:space-between; gap:16px; align-items:baseline; }
  .growth-order-strip dd { margin:0; text-align:end; }
}
