/* chrome.v1.css: the shared header (.cfw-hdr / .cfw-nav) and footer (.cfw-ft) rules only,
   extracted from site.v4.css on 2026-10-02 for pages with their own design system (the
   homepage, the durability index) that must not load all of site.v4.css. Variables are
   scoped to the chrome containers so they never override a page's own :root. */
.cfw-hdr,.cfw-ft,.cfw-nav{--H:'Barlow Condensed','Barlow Condensed Fallback',sans-serif;--border:rgba(255,255,255,.10);--gold:#FFD700;--radius:12px;--surface:#16181A;--text:rgba(255,255,255,.92)}
@media(max-width:900px){.container .cfw-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.container .cfw-gallery-grid{grid-template-columns:1fr 1fr}}
.container .cfw-gallery-section{margin-top:48px;border-top:1px solid var(--border);padding-top:40px}
.container .cfw-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.container .cfw-gallery-item img{width:100%;border-radius:var(--radius);aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .2s}
.container .cfw-gallery-item:hover img{transform:scale(1.02)}
/* Photo grid — enforce 4:3 across all grids */
.cfw-photo-grid img{
  width: 100% !important;
  aspect-ratio: 4/3 !important;
  object-fit: cover !important;
  height: auto !important;
  display: block !important;
}
.cfw-gallery-item:hover{
  box-shadow: 0 6px 24px rgba(0,0,0,.5);
}
.cfw-gallery-item{
  will-change: transform;
}
no exceptions ─────────────────────────────── */
.cfw-photo-grid{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px;
}
.cfw-photo-grid a,.cfw-photo-grid img{
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 4px;
  display: block;
}
.cfw-photo-grid img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.cfw-photo-grid a:hover img{
  transform: scale(1.04);
}
@media (max-width: 480px){.cfw-photo-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }}
.cfw-gallery{display:grid;gap:12px;width:100%}
.cfw-gallery-cols-4{grid-template-columns:repeat(4,1fr)}
.cfw-gallery-cols-3{grid-template-columns:repeat(3,1fr)}
.cfw-gallery-cols-2{grid-template-columns:repeat(2,1fr)}
.cfw-gallery .cfw-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius,8px);display:block}
@media(max-width:768px){.cfw-gallery-cols-4,.cfw-gallery-cols-3{grid-template-columns:repeat(2,1fr)}}
/* 2. .cfw-photo-grid — inline <style> gets stripped by stamp script,so these rules must live here permanently */
.cfw-photo-grid{
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px;
  width: 100%;
}
.cfw-photo-grid a{
  display: block;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  transition: border-color .2s, transform .2s;
  aspect-ratio: 4/3;
}
.cfw-photo-grid a:hover{
  border-color: var(--gold, #FFD700);
  transform: translateY(-3px);
}
.cfw-photo-grid img{
  width: 100%;
  height: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
}
/* 3. standalone .cfw-gallery (catalog injected) must sit in a constrained container */
.cfw-gallery:not(.cfw-gallery-cols-4):not(.cfw-gallery-cols-3):not(.cfw-gallery-cols-2){
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}
.cfw-gallery-title{
  font-family: var(--H);
  font-size: 1.1rem;
  color: var(--gold);
  letter-spacing: .06em;
  margin-bottom: 14px;
  text-transform: uppercase;
}
@media (max-width: 768px){.cfw-photo-grid{
    grid-template-columns: repeat(2, 1fr) !important;
  }}
/* Gallery section needs proper centering — was sitting flush left on broken pages */
main > .cfw-gallery-section,main .cfw-gallery-section,.cfw-gallery-section .content{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}
.cfw-gallery{
  display: grid;
  gap: 12px;
  width: 100%;
}
.cfw-gallery.cfw-gallery-cols-4{
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 900px){.cfw-gallery.cfw-gallery-cols-4{ grid-template-columns: repeat(2, 1fr); }}
@media (max-width: 480px){.cfw-gallery.cfw-gallery-cols-4{ grid-template-columns: 1fr; }}
.cfw-gallery-item{
  border-radius: 8px;
  overflow: hidden;
  background: #1a1a1a;
}
.cfw-gallery-item img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}
/* end CFW-006 slimmed nav */


/* CFW-GALLERY-FIX-2026-05-16 */
/* Gallery styling — applies regardless of .container wrapper */
.cfw-gallery-section{
  margin: 48px auto;
  max-width: 1200px;
  padding: 0 24px;
}
.cfw-gallery-section h2{
  text-align: center;
  margin-bottom: 28px;
  font-family: var(--H, 'Bebas Neue', sans-serif);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  letter-spacing: .01em;
  color: #fff;
}
.cfw-gallery{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  max-width: 1200px;
  margin: 0 auto;
  justify-content: center;
  align-items: stretch;
}
.cfw-gallery.cfw-gallery-cols-2{ grid-template-columns: repeat(2, 1fr); }
.cfw-gallery.cfw-gallery-cols-3{ grid-template-columns: repeat(3, 1fr); }
.cfw-gallery.cfw-gallery-cols-4{ grid-template-columns: repeat(4, 1fr); }
.cfw-gallery.cfw-gallery-cols-6{ grid-template-columns: repeat(6, 1fr); }
.cfw-gallery-item{
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #0F0F0F;
  border: 1px solid #1f1f1f;
}
.cfw-gallery-item img{
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform .25s ease;
}
.cfw-gallery-item:hover img{ transform: scale(1.03); }
@media(max-width: 900px){.cfw-gallery,.cfw-gallery.cfw-gallery-cols-3,.cfw-gallery.cfw-gallery-cols-4,.cfw-gallery.cfw-gallery-cols-6{ grid-template-columns: repeat(2, 1fr); }}
@media(max-width: 480px){.cfw-gallery,.cfw-gallery.cfw-gallery-cols-3,.cfw-gallery.cfw-gallery-cols-4,.cfw-gallery.cfw-gallery-cols-6{ grid-template-columns: 1fr; }}
.cfw-gallery-section{max-width:min(1680px,94vw) !important;margin-left:auto !important;margin-right:auto !important}
.cfw-footer-hub{background:#0a0a0a;border-top:1px solid #2a2a2a;padding:54px 0 26px;color:#9a9a9a}
.cfw-footer-hub .fh-wrap{max-width:min(1840px,92vw);margin:0 auto;padding:0 28px}
.cfw-footer-hub .fh-top{display:block}
.cfw-footer-hub .fh-brand{margin-bottom:36px}
.cfw-footer-hub .fh-brand .fh-logo{font-family:var(--H,'Bebas Neue');font-size:30px;letter-spacing:1px;color:#fff}
.cfw-footer-hub .fh-brand .fh-logo b{color:#FFD700;font-weight:400}
.cfw-footer-hub .fh-brand p{font-size:15px;margin:8px 0;max-width:520px}
.cfw-footer-hub .fh-certs{font-size:13px;letter-spacing:2px;color:#FFD700}
.cfw-footer-hub .fh-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.cfw-footer-hub .fh-col h4{font-family:var(--H,'Bebas Neue');font-size:20px;letter-spacing:1px;color:#FFD700;margin:0 0 10px}
.cfw-footer-hub .fh-col a{display:block;font-size:14.5px;color:#bdbdbd;text-decoration:none;padding:3px 0}
.cfw-footer-hub .fh-col a:hover{color:#FFD700}
.cfw-footer-hub .fh-bottom{border-top:1px solid #2a2a2a;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;letter-spacing:.5px}
@media(max-width:900px){.cfw-footer-hub .fh-links{grid-template-columns:repeat(2,1fr);gap:22px}}
/* ===== UNIFIED HEADER (matches homepage) 2026-06-23 ===== */
.cfw-hdr{position:sticky;top:0;z-index:1000;background:#0a0a0a;border-bottom:1px solid #1e1e1e;font-family:"Barlow Condensed",sans-serif}
.cfw-hdr .trib{background:#000!important;color:#FFD700!important;font-size:12px!important;text-align:center!important;padding:6px!important;letter-spacing:1.2px!important;border-bottom:1px solid #2a2a2a!important;animation:none!important;white-space:normal!important;overflow:visible!important;height:auto!important;display:block!important}
.cfw-nav{display:flex;align-items:center;justify-content:space-between;max-width:min(1680px,94vw);margin:0 auto;padding:13px 24px;gap:22px}
.cfw-logo{font-family:"Bebas Neue",sans-serif;font-size:27px;letter-spacing:1px;color:#fff;text-decoration:none;white-space:nowrap}
.cfw-logo b{color:#FFD700;font-weight:400}
.cfw-links{display:flex;align-items:center;gap:24px;margin-left:auto}
.cfw-links>a{color:#cfcfcf;text-decoration:none;font-weight:600;font-size:15px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.cfw-links>a:hover{color:#FFD700}
.cfw-cta{background:#FFD700;color:#0a0a0a!important;padding:10px 19px;border-radius:5px}
.cfw-cta:hover{filter:brightness(1.06)}
.cfw-drop{position:relative}
.cfw-drop>button{background:none;border:0;color:#cfcfcf;font:inherit;font-weight:600;font-size:15px;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;padding:0}
.cfw-drop>button:hover{color:#FFD700}
.cfw-menu{position:absolute;top:150%;left:0;background:#111;border:1px solid #2a2a2a;border-radius:6px;padding:8px;min-width:240px;display:none;flex-direction:column;gap:1px;box-shadow:0 14px 34px rgba(0,0,0,.55);z-index:1001}
.cfw-drop:hover .cfw-menu,.cfw-drop.open .cfw-menu{display:flex}
.cfw-menu a{color:#cfcfcf;text-decoration:none;padding:7px 12px;font-size:14.5px;border-radius:4px;white-space:nowrap}
.cfw-menu a:hover{background:#1c1c1c;color:#FFD700}
.cfw-burger{display:none;background:none;border:0;cursor:pointer;width:38px;height:30px;padding:5px}
.cfw-burger span{display:block;height:3px;background:#FFD700;margin:4px 0;border-radius:2px;transition:.3s}
@media(max-width:980px){.cfw-burger{display:block}.cfw-links{display:none;position:absolute;top:100%;left:0;right:0;background:#0a0a0a;flex-direction:column;align-items:flex-start;padding:16px 24px;gap:14px;border-bottom:1px solid #2a2a2a}.cfw-links.open{display:flex}.cfw-menu{position:static;display:flex;border:0;box-shadow:none;padding:2px 0 2px 12px;min-width:0;background:none}.cfw-drop:hover .cfw-menu{display:none}.cfw-drop.open .cfw-menu{display:flex}}
.cfw-gallery-section{margin-left:auto !important;margin-right:auto !important}
/* Internal linking matrix - related pages */
.cfw-related{background:var(--surface,#16181A);border-top:1px solid var(--border,rgba(255,255,255,.10));padding:46px 20px}
.cfw-related-inner{max-width:1100px;margin:0 auto}
.cfw-related h2{font-family:'Bebas Neue',sans-serif;color:var(--gold,#FFD700);font-size:27px;letter-spacing:1px;margin:0 0 18px;text-transform:uppercase}
.cfw-related ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 30px}
.cfw-related li{margin:0}
.cfw-related a{color:var(--text,rgba(255,255,255,.85));text-decoration:none;font-size:15px;display:block;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .18s}
.cfw-related a:hover{color:var(--gold,#FFD700)}
/* ── CFW consolidated footer (cfw-ft) ─────────────────────────────── */
.cfw-ft{background:#0A0A0A;border-top:2px solid #FFD700;color:rgba(255,255,255,.72);
 font-family:'Barlow Condensed',sans-serif;padding:52px 20px 0}
.cfw-ft-in{max-width:1200px;margin:0 auto}
.cfw-ft-top{display:grid;grid-template-columns:1.4fr repeat(5,1fr);gap:34px 28px;
 padding-bottom:36px;border-bottom:1px solid rgba(255,215,0,.22)}
.cfw-ft-brand .cfw-ft-logo{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;letter-spacing:.04em;
 color:#fff;line-height:1;margin-bottom:12px}
.cfw-ft-brand .cfw-ft-logo b{color:#FFD700;font-weight:400}
.cfw-ft-brand p{margin:0 0 14px;font-size:.95rem;line-height:1.6;color:rgba(255,255,255,.6);max-width:34ch}
.cfw-ft-addr{font-size:.92rem;line-height:1.7;color:rgba(255,255,255,.6)}
.cfw-ft-addr a{color:#FFD700;text-decoration:none;font-weight:700}
.cfw-ft-addr a:hover{text-decoration:underline}
.cfw-ft-certs{margin-top:14px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
 color:rgba(255,255,255,.6);line-height:1.9}
.cfw-ft-cta{display:inline-block;margin-top:16px;background:#FFD700;color:#0A0A0A;
 font-family:'Bebas Neue',sans-serif;font-size:1.05rem;letter-spacing:.08em;
 padding:11px 22px;border-radius:6px;text-decoration:none}
.cfw-ft-cta:hover{opacity:.88}
.cfw-ft-col h3{font-family:'Bebas Neue',sans-serif;font-size:.95rem;letter-spacing:.14em;
 text-transform:uppercase;color:#FFD700;margin:0 0 12px;font-weight:400}
.cfw-ft-col ul{list-style:none;margin:0;padding:0}
.cfw-ft-col li{margin:0 0 7px}
.cfw-ft-col a{color:rgba(255,255,255,.66);text-decoration:none;font-size:.93rem;line-height:1.45}
.cfw-ft-col a:hover{color:#FFD700}
.cfw-ft-bot{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;
 padding:18px 0 22px;font-size:.83rem;color:rgba(255,255,255,.6)}
.cfw-ft-bot nav{display:flex;flex-wrap:wrap;gap:16px}
.cfw-ft-bot a{color:rgba(255,255,255,.55);text-decoration:none}
.cfw-ft-bot a:hover{color:#FFD700}
@media(max-width:1100px){.cfw-ft-top{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.cfw-ft-top{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cfw-ft-top{grid-template-columns:1fr;gap:26px}.cfw-ft{padding-top:38px}}
/* ── Desktop mega menu (.mnav-mega) — desktop only; mobile keeps simple list ── */
.cfw-mega{display:none}
.cfw-mega-btn{background:none;border:0;color:#cfcfcf;font:inherit;font-weight:600;font-size:15px;
 letter-spacing:.07em;text-transform:uppercase;cursor:pointer;padding:0}
.cfw-mega-btn:hover,.cfw-mega-btn[aria-expanded="true"]{color:#FFD700}
@media(min-width:981px){.cfw-mega{display:block}.cfw-hdr{position:sticky}}
@media(max-width:980px){.cfw-mega{display:none !important}}
/* === 2026-09-30 production audit accessibility/layout hardening === */
.cfw-ft-certs{color:rgba(255,255,255,.78)!important}
.cfw-ft-bot{color:rgba(255,255,255,.72)!important}
.cfw-ft-bot a,.cfw-ft-col a{color:rgba(255,255,255,.82)!important}
@media(max-width:768px){.cfw-sticky{max-height:92px}}