/* Preserve-mode industrial B2B refinement. DESIGN_VARIANCE 4 / MOTION_INTENSITY 2 /
   VISUAL_DENSITY 5. Existing Geist, graphite/orange, nav, links and catalog stay.
   These are real decorative stock photos. Image opacity never affects content.
   Layer order within isolated sections: backdrop 0, readable content 1. */
.fr-backdrop-v7{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:clip}
.fr-backdrop-scene{position:relative;width:100%;height:100%;background:#151b1e}
.fr-backdrop-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;opacity:.25}
.fr-backdrop-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(21,27,30,.3),rgba(21,27,30,.1) 65%,rgba(21,27,30,.25));pointer-events:none}

/* Home: texture is confined to the company introduction, with the quiet grey
   photo under both columns. Copy remains fully opaque and keyboard accessible. */
.fr-home .fr-home-about{position:relative;isolation:isolate;background:#1a2023}
.fr-home .fr-home-about-grid{position:relative;z-index:1}
.fr-home .fr-home-about p:not(.fr-home-kicker){color:#c3cdd1}
.fr-backdrop-home .fr-backdrop-scene{background:#1a2023}
.fr-backdrop-home img{object-position:60% 61%;opacity:.26}
.fr-backdrop-home .fr-backdrop-scene::after{background:linear-gradient(90deg,rgba(26,32,35,.25),rgba(26,32,35,.08) 58%,rgba(26,32,35,.22)),linear-gradient(0deg,rgba(26,32,35,.5),transparent 28%,transparent 76%,rgba(26,32,35,.4))}

/* Products: one continuous background through the intro, catalog and CTA.
   The bounded sticky scene avoids a stretched/tiling image and JS parallax.
   Product photography keeps its opaque white canvas for accurate comparison. */
.catalog-page #main{position:relative;isolation:isolate;background:#151b1e}
.catalog-page #main>section{position:relative;z-index:1}
.catalog-page .fr-backdrop-catalog{overflow:visible}
.fr-backdrop-catalog .fr-backdrop-scene{position:sticky;top:var(--fr-header-height);height:calc(100svh - var(--fr-header-height));min-height:460px;max-height:100%;overflow:hidden}
.fr-backdrop-catalog img{object-position:48% 45%;opacity:.28}
.fr-backdrop-catalog .fr-backdrop-scene::after{background:linear-gradient(90deg,rgba(21,27,30,.38),rgba(21,27,30,.13) 68%,rgba(21,27,30,.28)),linear-gradient(0deg,rgba(21,27,30,.74),rgba(21,27,30,.08) 62%)}
.catalog-page .catalog-hero{min-height:0;display:block;background:none;padding:calc(var(--fr-header-height) + 54px) 0 42px}
.catalog-page .catalog-hero-grid,.catalog-page .category-grid,.catalog-page .page-cta-grid{width:min(1280px,calc(100% - 144px));margin-inline:auto}
.catalog-page .catalog-hero-grid{grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:52px}
.catalog-page .catalog-hero .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.12em;margin:0 0 17px}
.catalog-page .catalog-hero h1{font-size:clamp(30px,2.65vw,38px);line-height:1.25;font-weight:450;letter-spacing:-.035em;margin:0 0 18px;max-width:900px;overflow-wrap:break-word}
.catalog-page .catalog-hero p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:660px;color:#c3cdd1}
.catalog-page .catalog-hero-count{min-width:0;margin:0;padding:8px 0 8px 24px;align-self:center;border-color:#617078}
.catalog-page .catalog-hero-count strong{font-size:32px;line-height:1.2;letter-spacing:-.035em;font-weight:450}
.catalog-page .catalog-hero-count span{font-size:10px;line-height:1.6;color:#c3cdd1}
.catalog-page .catalog-section{padding:24px 0 60px;background:transparent}
.catalog-page .category-card{background:rgba(25,32,36,.96)}
.catalog-page .page-cta{background:rgba(21,27,30,.72);border-color:#3b474d}
.catalog-page .page-cta{padding-block:52px}
.catalog-page .page-cta h2{font-size:32px;line-height:1.25;font-weight:450;letter-spacing:-.035em}
.catalog-page .page-cta p{font-size:14px;line-height:1.8;color:#c3cdd1}

@media(max-width:1100px){
 .catalog-page .catalog-hero-grid,.catalog-page .category-grid,.catalog-page .page-cta-grid{width:calc(100% - 88px)}
 .catalog-page .catalog-hero-grid{gap:28px;grid-template-columns:minmax(0,1fr) 120px}
 .catalog-page .catalog-hero h1{font-size:32px}
}
@media(max-width:767px){
 .catalog-page .catalog-hero-grid,.catalog-page .category-grid,.catalog-page .page-cta-grid{width:calc(100% - 36px)}
 .catalog-page .catalog-hero{padding:calc(var(--fr-header-height) + 32px) 0 24px}
 .catalog-page .catalog-hero-grid{grid-template-columns:1fr;gap:20px}
 .catalog-page .catalog-hero h1{font-size:28px;line-height:1.25;max-width:24ch;margin-bottom:14px}
 .catalog-page .catalog-hero p:not(.eyebrow){font-size:13px;line-height:1.75}
 .catalog-page .catalog-hero-count{display:flex;align-items:center;gap:12px;border-left:0;padding:0}
 .catalog-page .catalog-hero-count strong{font-size:24px}
 .catalog-page .catalog-hero-count span{margin:0}
 .catalog-page .catalog-section{padding:16px 0 40px}
 .catalog-page .page-cta{padding-block:38px}
 .catalog-page .page-cta h2{font-size:27px}
 .catalog-page .page-cta p{font-size:13px}
 .fr-backdrop-catalog .fr-backdrop-scene{min-height:500px}
 .fr-backdrop-catalog img{object-position:46% center;opacity:.2}
 .fr-backdrop-home img{object-position:63% center;opacity:.22}
}
@media(prefers-reduced-transparency:reduce){.fr-backdrop-v7{display:none}}
@media print{.fr-backdrop-v7{display:none}}