:root {
    --navy: #061c35;
    --navy-2: #092a4b;
    --blue: #0d355a;
    --orange: #ff5a0a;
    --orange-dark: #d94100;
    --ink: #0d223b;
    --muted: #5d6b7b;
    --soft: #f3f6f9;
    --line: #dbe2e9;
    --white: #fff;
    --shadow: 0 18px 45px rgba(4, 24, 45, .12);
}

/* Clarify the commercial supply boundary on every product detail page. */
.product-order-scope { padding: 82px 0; background: #f2f6f8; }
.product-order-scope__grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 32px; border: 1px solid #d7e1e8; background: #fff; }
.product-order-scope__grid article { min-height: 245px; padding: 30px; border-right: 1px solid #d7e1e8; }
.product-order-scope__grid article:last-child { border-right: 0; }
.product-order-scope__grid span { color: var(--orange); font-size: .7rem; font-weight: 800; letter-spacing: .12em; }
.product-order-scope__grid h3 { margin: 34px 0 12px; font-size: 1.55rem; }
.product-order-scope__grid p { margin: 0; color: #5e7080; font-size: .9rem; line-height: 1.7; }
.product-order-scope__action { display: flex; align-items: center; gap: 24px; margin-top: 24px; }
@media (max-width: 760px) {
    .product-order-scope { padding: 58px 0; }
    .product-order-scope__grid { grid-template-columns: 1fr; }
    .product-order-scope__grid article { min-height: 0; border-right: 0; border-bottom: 1px solid #d7e1e8; }
    .product-order-scope__grid article:last-child { border-bottom: 0; }
    .product-order-scope__grid h3 { margin-top: 20px; }
    .product-order-scope__action { align-items: stretch; flex-direction: column; }
}
/* 1.9.0 — Alibaba storefront-derived homepage */
:root {
    --store-blue: #075db8;
    --store-blue-dark: #05366f;
    --store-ink: #162238;
    --store-muted: #657185;
    --store-line: #dbe3ec;
    --store-soft: #f4f7fb;
}

.site-header {
    background: #fff;
    border-bottom-color: #e2e8f0;
    color: var(--store-ink);
}

.site-header .brand__mark {
    width: 48px;
    background: var(--store-blue);
    font-size: 13px;
    letter-spacing: -.03em;
}

.site-header .brand__text strong,
.site-header .site-nav a,
.site-header .nav-toggle {
    color: var(--store-ink);
}

.site-header .brand__text small { color: #60718a; }
.site-header .header-cta { background: var(--store-blue); border-color: var(--store-blue); }
.site-header .site-nav__mega { border-top-color: var(--store-blue); }

.storefront-home { color: var(--store-ink); background: #fff; }
.storefront-section { padding: 84px 0; }
.storefront-title { width: min(760px, calc(100% - 40px)); margin: 0 auto 44px; text-align: center; }
.storefront-title > span,
.storefront-eyebrow,
.storefront-global > div > span,
.storefront-inquiry__grid > div > span { display: block; color: var(--store-blue); font-size: 13px; font-weight: 800; letter-spacing: .16em; }
.storefront-title h2,
.storefront-about h2,
.storefront-lifestyle h2,
.storefront-global h2,
.storefront-inquiry h2 { margin: 8px 0 12px; color: var(--store-ink); font-size: clamp(32px, 4vw, 52px); line-height: 1.05; letter-spacing: -.035em; }
.storefront-title p { margin: 0; color: var(--store-muted); font-size: 17px; }
.storefront-title--light h2,
.storefront-title--light p { color: #fff; }
.button--blue { color: #fff; background: var(--store-blue); border-color: var(--store-blue); }

.storefront-hero { position: relative; min-height: clamp(360px, 33.8vw, 649px); overflow: hidden; background: #0d2d50; }
.storefront-hero__slides { position: absolute; inset: 0; }
.storefront-hero__slide { position: absolute; inset: 0; opacity: 0; animation: storefrontHero 18s infinite; }
.storefront-hero__slide--one { opacity: 1; }
.storefront-hero__slide--two { animation-delay: 6s; }
.storefront-hero__slide--three { animation-delay: 12s; }
.storefront-hero__slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.storefront-hero__safe-copy { position: absolute; inset: 0 auto 0 0; display: flex; width: 50%; padding: 70px max(50px, calc((100vw - 1360px) / 2 + 24px)); color: #fff; background: linear-gradient(90deg,#062e5f 0%,#062e5f 72%,rgba(6,46,95,.82) 88%,transparent 100%); flex-direction: column; justify-content: center; }
.storefront-hero__safe-copy small,.storefront-hero__safe-copy strong,.storefront-hero__safe-copy em { display: block; max-width: 560px; }
.storefront-hero__safe-copy small { color: #7dc3ff; font-size: 13px; font-weight: 800; letter-spacing: .13em; }
.storefront-hero__safe-copy strong { margin-top: 12px; font-size: clamp(38px,4vw,65px); line-height: 1.02; letter-spacing: -.04em; }
.storefront-hero__safe-copy em { margin-top: 18px; color: rgba(255,255,255,.82); font-size: 17px; font-style: normal; line-height: 1.5; }
@keyframes storefrontHero { 0%, 28% { opacity: 1; } 34%, 94% { opacity: 0; } 100% { opacity: 1; } }
.storefront-hero__actions { position: absolute; z-index: 5; right: 0; bottom: 30px; left: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; pointer-events: none; }
.storefront-hero__actions a { display: flex; width: 340px; min-height: 82px; padding: 18px 22px; color: #fff; background: rgba(2, 45, 91, .94); flex-direction: column; justify-content: center; pointer-events: auto; }
.storefront-hero__actions a span { font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.storefront-hero__actions a strong { margin-top: 3px; font-size: 20px; }
.storefront-hero__actions p { max-width: 470px; margin: 0; padding: 10px 14px; color: #fff; background: rgba(0, 0, 0, .55); font-size: 12px; }
.storefront-hero__dots { position: absolute; z-index: 6; bottom: 18px; left: 50%; display: flex; gap: 8px; transform: translateX(-50%); }
.storefront-hero__dots span { width: 28px; height: 3px; background: rgba(255,255,255,.55); }

.storefront-custom { background: var(--store-soft); }
.storefront-custom__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.storefront-image-card { position: relative; min-height: 420px; overflow: hidden; background: #001d3c; }
.storefront-image-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.storefront-image-card:hover img { transform: scale(1.035); }
.storefront-image-card > span { position: absolute; right: 0; bottom: 0; left: 0; padding: 55px 24px 24px; color: #fff; background: linear-gradient(transparent, rgba(0,23,50,.94)); }
.storefront-image-card strong { display: block; font-size: 25px; }
.storefront-image-card small { display: block; max-width: 390px; margin-top: 6px; font-size: 14px; line-height: 1.5; }

.storefront-category-mosaic { display: grid; grid-template-columns: 1.3fr 1fr 1fr; grid-template-rows: 260px 260px; gap: 16px; }
.storefront-category-mosaic > a { position: relative; min-width: 0; overflow: hidden; background: #dce7f3; }
.storefront-category-mosaic__wide { grid-row: 1 / 3; }
.storefront-category-mosaic__tall { grid-row: 1 / 3; grid-column: 3; }
.storefront-category-mosaic img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.storefront-category-mosaic a:hover img { transform: scale(1.04); }
.storefront-category-mosaic a > span { position: absolute; right: 12px; bottom: 12px; left: 12px; padding: 14px 16px; color: #fff; background: rgba(4, 46, 89, .9); }
.storefront-category-mosaic strong,
.storefront-category-mosaic small { display: block; }
.storefront-category-mosaic strong { font-size: 19px; }
.storefront-category-mosaic small { margin-top: 3px; font-size: 12px; }
.storefront-family-links { display: grid; margin-top: 18px; border: 1px solid var(--store-line); grid-template-columns: repeat(5, 1fr); }
.storefront-family-links a { padding: 20px 14px; color: var(--store-ink); border-right: 1px solid var(--store-line); text-align: center; font-size: 14px; font-weight: 800; }
.storefront-family-links a:last-child { border-right: 0; }
.storefront-family-links a:hover { color: #fff; background: var(--store-blue); }

.storefront-numbers { padding: 56px 0 30px; color: #fff; background: var(--store-blue-dark); }
.storefront-numbers > .container { display: grid; grid-template-columns: repeat(4, 1fr); }
.storefront-numbers > .container > div { padding: 0 30px; border-right: 1px solid rgba(255,255,255,.25); text-align: center; }
.storefront-numbers > .container > div:last-child { border-right: 0; }
.storefront-numbers strong { display: block; color: #fff; font-size: clamp(36px, 5vw, 64px); line-height: 1; }
.storefront-numbers span { display: block; margin-top: 8px; font-size: 13px; text-transform: uppercase; letter-spacing: .05em; }
.storefront-numbers > p { margin: 28px auto 0; color: rgba(255,255,255,.7); text-align: center; font-size: 11px; }

.storefront-about__grid { display: grid; align-items: center; grid-template-columns: 1.2fr .8fr; gap: 60px; }
.storefront-about__media { position: relative; }
.storefront-about__media img { width: 100%; min-height: 420px; object-fit: cover; }
.storefront-about__media > span { position: absolute; bottom: 14px; left: 14px; padding: 8px 11px; color: #fff; background: rgba(0,33,69,.85); font-size: 11px; text-transform: uppercase; }
.storefront-about__grid > div:last-child > p { color: var(--store-muted); font-size: 16px; }
.storefront-about__actions { display: flex; align-items: center; gap: 24px; margin-top: 28px; }
.storefront-about__actions > a:last-child { color: var(--store-blue); font-weight: 800; }

.storefront-factory { background: #071c34; }
.storefront-factory__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 240px; gap: 12px; }
.storefront-factory__grid figure { position: relative; margin: 0; overflow: hidden; background: #12304e; }
.storefront-factory__lead { grid-column: span 2; grid-row: span 2; }
.storefront-factory__grid img { width: 100%; height: 100%; object-fit: cover; }
.storefront-factory__grid figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 36px 16px 14px; color: #fff; background: linear-gradient(transparent, rgba(1,20,39,.95)); font-size: 14px; font-weight: 700; }
.storefront-factory__grid figcaption span { margin-right: 9px; color: #57aafc; }
.storefront-section-link { margin-top: 30px; text-align: center; }
.storefront-section-link a { display: inline-block; color: var(--store-blue); font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.storefront-factory .storefront-section-link a { color: #fff; }

.storefront-models { background: var(--store-soft); }
.storefront-models__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.storefront-models__grid article { overflow: hidden; background: #fff; border: 1px solid var(--store-line); box-shadow: 0 14px 35px rgba(19,41,71,.08); }
.storefront-models__grid article > img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.storefront-models__grid article > div { padding: 25px; }
.storefront-models__grid span { color: var(--store-blue); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.storefront-models__grid h3 { margin: 7px 0 10px; font-size: 27px; }
.storefront-models__grid p { min-height: 48px; color: var(--store-muted); }
.storefront-models__grid a { color: var(--store-blue); font-weight: 800; }
.storefront-disclaimer { margin-top: 26px; color: var(--store-muted); text-align: center; font-size: 12px; }

.storefront-lifestyle { padding: 0; background: #fff; }
.storefront-lifestyle__grid { display: grid; min-height: 600px; grid-template-columns: 1.15fr .85fr; }
.storefront-lifestyle__grid > img { width: 100%; height: 100%; object-fit: cover; }
.storefront-lifestyle__grid > div { padding: 70px 58px; background: #eef5fb; }
.storefront-lifestyle__grid > div > div { margin: 23px 0; padding-left: 20px; border-left: 3px solid var(--store-blue); }
.storefront-lifestyle h3 { margin: 0 0 4px; }
.storefront-lifestyle p { margin: 0; color: var(--store-muted); }

.storefront-advantages__grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--store-line); border-left: 1px solid var(--store-line); }
.storefront-advantages__grid article { min-height: 230px; padding: 32px; border-right: 1px solid var(--store-line); border-bottom: 1px solid var(--store-line); }
.storefront-advantages__grid img { width: 56px; height: 56px; }
.storefront-advantages__grid h3 { margin: 20px 0 8px; font-size: 21px; }
.storefront-advantages__grid p { margin: 0; color: var(--store-muted); font-size: 14px; }

.storefront-order { color: #fff; background: var(--store-blue); }
.storefront-order__grid { display: grid; padding: 0; margin-bottom: 0; list-style: none; grid-template-columns: repeat(5, 1fr); }
.storefront-order__grid li { position: relative; min-height: 190px; padding: 26px 20px; border-right: 1px solid rgba(255,255,255,.28); text-align: center; }
.storefront-order__grid li:last-child { border-right: 0; }
.storefront-order__grid li > span { position: absolute; top: 12px; left: 14px; color: rgba(255,255,255,.5); font-weight: 800; }
.storefront-order__grid img { width: 60px; height: 60px; margin: 20px auto 12px; filter: brightness(0) invert(1); }
.storefront-order__grid h3 { margin: 0; color: #fff; font-size: 17px; }

.storefront-production__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px 14px; }
.storefront-production__grid figure { margin: 0; }
.storefront-production__grid figure > div { position: relative; overflow: hidden; }
.storefront-production__grid img { width: 100%; aspect-ratio: 340 / 239; object-fit: cover; transition: transform .35s ease; }
.storefront-production__grid figure:hover img { transform: scale(1.04); }
.storefront-production__grid figure span { position: absolute; bottom: 0; left: 0; padding: 9px 12px; color: #fff; background: var(--store-blue); font-weight: 800; }
.storefront-production__grid figcaption { padding: 12px 4px; color: var(--store-ink); font-weight: 800; }
.storefront-products { background: var(--store-soft); }

.storefront-global { position: relative; min-height: 520px; overflow: hidden; background: #eef2f6; }
.storefront-global > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.storefront-global > div { position: relative; z-index: 1; padding-top: 130px; padding-bottom: 120px; }
.storefront-global h2 { max-width: 650px; }
.storefront-global p { max-width: 560px; color: var(--store-muted); font-size: 17px; }

.storefront-proof__grid { display: grid; align-items: start; grid-template-columns: .75fr 1.25fr; gap: 36px; }
.storefront-certificates { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.storefront-certificates img { width: 100%; border: 1px solid var(--store-line); }
.storefront-certificates a { grid-column: 1 / 3; padding: 16px; color: #fff; background: var(--store-blue); text-align: center; font-weight: 800; }
.storefront-exhibition { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.storefront-exhibition figure { margin: 0; overflow: hidden; }
.storefront-exhibition img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.storefront-inquiry { position: relative; padding: 90px 0; color: #fff; background: #062d56 url('../alibaba-storefront/footer-inquiry.webp') center / cover no-repeat; }
.storefront-inquiry::before { position: absolute; inset: 0; content: ''; background: rgba(2,27,54,.82); }
.storefront-inquiry__grid { position: relative; z-index: 1; display: grid; align-items: start; grid-template-columns: .85fr 1.15fr; gap: 70px; }
.storefront-inquiry h2 { color: #fff; }
.storefront-inquiry p { color: rgba(255,255,255,.8); font-size: 17px; }
.storefront-inquiry ul { padding-left: 20px; line-height: 2; }
.storefront-inquiry .inquiry-form { background: #fff; }

@media (prefers-reduced-motion: reduce) {
    .storefront-hero__slide { animation: none; opacity: 0; }
    .storefront-hero__slide--one { opacity: 1; }
}

@media (max-width: 900px) {
    .site-header .brand__text strong { font-size: 15px; }
    .site-header .brand__text small { font-size: 8px; }
    .storefront-section { padding: 62px 0; }
    .storefront-custom__grid,
    .storefront-models__grid { grid-template-columns: 1fr; }
    .storefront-image-card { min-height: 360px; }
    .storefront-category-mosaic { grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 250px); }
    .storefront-category-mosaic__wide { grid-row: span 2; }
    .storefront-category-mosaic__tall { grid-row: span 2; grid-column: auto; }
    .storefront-family-links { grid-template-columns: 1fr 1fr; }
    .storefront-family-links a { border-bottom: 1px solid var(--store-line); }
    .storefront-numbers > .container { grid-template-columns: 1fr 1fr; gap: 35px 0; }
    .storefront-numbers > .container > div:nth-child(2) { border-right: 0; }
    .storefront-about__grid,
    .storefront-lifestyle__grid,
    .storefront-proof__grid,
    .storefront-inquiry__grid { grid-template-columns: 1fr; }
    .storefront-factory__grid { grid-template-columns: repeat(2, 1fr); }
    .storefront-production__grid { grid-template-columns: repeat(2, 1fr); }
    .storefront-order__grid { grid-template-columns: 1fr 1fr; }
    .storefront-order__grid li { border-bottom: 1px solid rgba(255,255,255,.28); }
    .storefront-advantages__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .storefront-title { width: calc(100% - 30px); margin-bottom: 28px; }
    .storefront-title h2,
    .storefront-about h2,
    .storefront-lifestyle h2,
    .storefront-global h2,
    .storefront-inquiry h2 { font-size: 34px; }
    .storefront-hero { min-height: 510px; }
    .storefront-hero::after { position: absolute; z-index: 4; top: 28px; left: 15px; padding: 9px 12px; color: #fff; background: rgba(5,54,111,.9); content: 'MODULAR HOMES · FACTORY DIRECT'; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
    .storefront-hero__slide img { object-position: 62% center; }
    .storefront-hero__slide--two img { object-position: 70% center; }
    .storefront-hero__safe-copy { top: auto; right: 0; bottom: 104px; width: auto; min-height: 155px; padding: 20px 22px 24px; background: rgba(6,46,95,.92); }
    .storefront-hero__safe-copy small { font-size: 10px; }
    .storefront-hero__safe-copy strong { margin-top: 6px; font-size: 28px; }
    .storefront-hero__safe-copy em { display: none; }
    .storefront-hero__actions { bottom: 32px; display: block; }
    .storefront-hero__actions a { width: 100%; min-height: 72px; }
    .storefront-hero__actions p { display: none; }
    .storefront-hero__dots { bottom: 16px; }
    .storefront-custom__grid { gap: 12px; }
    .storefront-image-card { min-height: 320px; }
    .storefront-category-mosaic { display: grid; grid-template-columns: 1fr; grid-template-rows: none; }
    .storefront-category-mosaic > a,
    .storefront-category-mosaic__wide,
    .storefront-category-mosaic__tall { min-height: 250px; grid-row: auto; grid-column: auto; }
    .storefront-family-links { grid-template-columns: 1fr; }
    .storefront-family-links a { border-right: 0; }
    .storefront-numbers > .container { grid-template-columns: 1fr 1fr; }
    .storefront-numbers > .container > div { padding: 0 12px; }
    .storefront-numbers strong { font-size: 38px; }
    .storefront-about__media img { min-height: 260px; }
    .storefront-about__actions { align-items: flex-start; flex-direction: column; }
    .storefront-factory__grid { grid-template-columns: 1fr 1fr; grid-auto-rows: 180px; }
    .storefront-factory__lead { grid-column: span 2; grid-row: span 2; }
    .storefront-lifestyle__grid > div { padding: 48px 24px; }
    .storefront-advantages__grid { grid-template-columns: 1fr; }
    .storefront-order__grid { grid-template-columns: 1fr; }
    .storefront-order__grid li { min-height: 145px; }
    .storefront-production__grid { grid-template-columns: 1fr 1fr; gap: 16px 8px; }
    .storefront-production__grid figcaption { font-size: 13px; }
    .storefront-global { min-height: 600px; }
    .storefront-global > img { object-position: 63% center; opacity: .42; }
    .storefront-global > div { padding-top: 100px; }
    .storefront-exhibition { grid-template-columns: 1fr 1fr; }
    .storefront-inquiry { padding: 64px 0; }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Inter, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body.nav-open { overflow: hidden; }
#trp-floater-ls,
.trp-floating-switcher { display: none !important; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { color: var(--ink); font-family: "Arial Narrow", "Roboto Condensed", Inter, sans-serif; line-height: 1.02; }
h1 { font-size: clamp(3rem, 6.2vw, 6.25rem); letter-spacing: -.035em; }
h2 { font-size: clamp(2.35rem, 4vw, 4rem); letter-spacing: -.025em; }
h3 { font-size: 1.7rem; }
.container { width: min(1500px, calc(100% - 48px)); margin-inline: auto; }
.narrow { width: min(860px, 100%); }
.skip-link { position: fixed; z-index: 9999; top: 8px; left: 8px; padding: 10px 16px; background: #fff; color: #000; transform: translateY(-150%); }
.skip-link:focus { transform: none; }
.eyebrow { margin-bottom: 14px; color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", Inter, sans-serif; font-size: .95rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 26px; border: 1px solid transparent; border-radius: 3px; font-family: "Arial Narrow", "Roboto Condensed", Inter, sans-serif; font-size: 1.07rem; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; transition: .22s ease; cursor: pointer; }
.button:hover { transform: translateY(-2px); }
.button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid #ffb27c; outline-offset: 3px; }
.button--orange { background: var(--orange); color: #fff; box-shadow: 0 10px 24px rgba(255, 90, 10, .2); }
.button--orange:hover { background: var(--orange-dark); }
.button--outline { border-color: rgba(255,255,255,.75); color: #fff; background: rgba(3, 21, 40, .2); }
.button--outline:hover { background: #fff; color: var(--navy); }
.button--full { width: 100%; }
.button-row { display: flex; flex-wrap: wrap; gap: 14px; }
.text-link { color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", Inter, sans-serif; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.text-link--light { color: #fff; }

.site-header { position: sticky; z-index: 100; top: 0; background: rgba(4, 23, 43, .97); color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(12px); }
.site-header__inner { min-height: 84px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 35px; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; }
.brand__mark { display: grid; width: 42px; height: 42px; place-items: center; color: #fff; background: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.6rem; font-weight: 700; clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%); }
.brand__text { display: flex; flex-direction: column; line-height: .9; }
.brand__text strong { font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.65rem; letter-spacing: .06em; }
.brand__text small { margin-top: 7px; color: #9eafc0; font-size: .66rem; font-weight: 600; letter-spacing: .3em; }
.custom-logo-link { display: flex; }
.custom-logo { max-height: 54px; width: auto; }
.site-nav { justify-self: center; }
.site-nav__list { display: flex; align-items: center; gap: clamp(22px, 3vw, 48px); margin: 0; padding: 0; list-style: none; }
.site-nav a { color: #dbe4ec; font-size: .93rem; font-weight: 600; }
.site-nav a:hover { color: #fff; }
.header-cta { min-height: 46px; padding-inline: 20px; }
.nav-toggle { display: none; border: 0; color: #fff; background: transparent; }
.mobile-quick-actions { display: none; }

.hero { position: relative; min-height: 690px; display: grid; align-items: center; overflow: hidden; background: var(--navy); color: #fff; }
.hero__media, .inner-hero__media { position: absolute; inset: 0; }
.hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,17,32,.95) 0%, rgba(2,17,32,.78) 38%, rgba(2,17,32,.22) 72%, rgba(2,17,32,.1) 100%), linear-gradient(0deg, rgba(2,17,32,.44), transparent 52%); }
.hero__media img, .inner-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.hero__content { position: relative; z-index: 2; padding-block: 90px 76px; }
.hero h1 { max-width: 820px; margin-bottom: 20px; color: #fff; }
.hero__lead { max-width: 650px; margin-bottom: 30px; color: #e4ebf1; font-size: 1.17rem; line-height: 1.65; }
.media-disclosure { display: block; margin-top: 22px; color: rgba(255,255,255,.7); font-size: .73rem; }

.proof-bar { color: #fff; background: #071f39; border-top: 1px solid rgba(255,255,255,.08); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-item { min-height: 110px; display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; align-content: center; column-gap: 14px; padding: 20px 34px; border-right: 1px solid rgba(255,255,255,.17); }
.proof-item:last-child { border-right: 0; }
.proof-icon { grid-row: 1 / 3; align-self: center; color: var(--orange); font-size: 2rem; }
.proof-item strong { font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.65rem; line-height: 1; text-transform: uppercase; }
.proof-item span:last-child { color: #b9c7d4; font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; }
.proof-note { margin: -8px auto 0; padding: 0 24px 14px; color: #8399ac; text-align: center; font-size: .69rem; }

.section { padding: 100px 0; }
.section--soft { background: var(--soft); }
.section-heading { margin-bottom: 48px; }
.section-heading h2 { margin-bottom: 15px; }
.section-heading p:last-child { max-width: 720px; color: var(--muted); }
.section-heading--center { text-align: center; }
.section-heading--center p:last-child { margin-inline: auto; }
.section-heading--split { display: grid; grid-template-columns: 1.5fr 1fr; align-items: end; gap: 40px; }
.product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.media-card { display: flex; overflow: hidden; flex-direction: column; background: #fff; border: 1px solid var(--line); box-shadow: 0 8px 26px rgba(7,31,57,.05); transition: .22s ease; }
.media-card:hover { transform: translateY(-7px); box-shadow: var(--shadow); }
.media-card__image, .solution-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; }
.media-card__image img, .solution-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.media-card:hover img, .solution-card:hover img { transform: scale(1.035); }
.media-card__body { display: flex; flex: 1; flex-direction: column; padding: 22px; }
.media-card__body h3 { margin-bottom: 9px; }
.media-card__body > p { min-height: 108px; color: var(--muted); font-size: .88rem; }
.media-card__facts { margin: 4px 0 22px; border-top: 1px solid var(--line); }
.media-card__facts div { display: grid; grid-template-columns: 92px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.media-card__facts dt { color: #778493; font-size: .67rem; font-weight: 700; letter-spacing: .05em; line-height: 1.35; text-transform: uppercase; }
.media-card__facts dd { margin: 0; color: var(--navy); font-size: .76rem; font-weight: 700; line-height: 1.4; }
.media-card__body > .text-link { margin-top: auto; }
.image-badge { position: absolute; right: 10px; bottom: 10px; padding: 5px 8px; color: #fff; background: rgba(5,27,49,.82); font-size: .61rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.image-badge--dark { background: #061c35; }
.rendering-note { margin: 20px 0 0; color: #7a8794; text-align: right; font-size: .72rem; }

.factory-intro { padding: 72px 0; color: #fff; background: linear-gradient(120deg, #071e37, #0b3155); }
.factory-intro__grid { display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); gap: 13px; align-items: stretch; }
.factory-intro__copy { padding: 25px 35px 25px 0; }
.factory-intro__copy h2 { color: #fff; }
.factory-intro__copy p:not(.eyebrow) { color: #b9c8d5; }
.factory-tile { position: relative; min-height: 300px; margin: 0; overflow: hidden; background: #102d49; }
.factory-tile::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(2,18,33,.95)); }
.factory-tile img { width: 100%; height: 100%; object-fit: cover; }
.factory-tile figcaption { position: absolute; z-index: 2; right: 16px; bottom: 14px; left: 16px; color: #fff; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; }
.factory-tile small { display: block; margin-top: 3px; color: #aebdca; font-family: Inter, sans-serif; font-size: .58rem; letter-spacing: .08em; }

.solution-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.solution-card { background: #fff; border: 1px solid var(--line); }
.solution-card h3 { margin: 20px 22px 7px; }
.solution-card a > span:last-child { display: block; margin: 0 22px 21px; color: var(--orange); font-size: .78rem; font-weight: 700; text-transform: uppercase; }

.process-section { padding: 92px 0 72px; color: #fff; background: #051c34; }
.section-heading--light h2 { color: #fff; }
.section-heading--light p:last-child { color: #aebfcc; }
.process-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }
.process-card__image { position: relative; overflow: hidden; aspect-ratio: 1.25 / 1; background: #0c2a46; }
.process-card__image img { width: 100%; height: 100%; object-fit: cover; }
.process-card p { display: flex; align-items: center; gap: 12px; margin: 14px 0 0; color: #fff; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; }
.process-card p strong { color: var(--orange); font-size: 1.7rem; }

.delivery-section { padding: 78px 0 88px; background: #fff; }
.delivery-steps { display: grid; grid-template-columns: repeat(5, 1fr); margin: 0; padding: 0; list-style: none; counter-reset: steps; }
.delivery-steps li { position: relative; display: flex; min-height: 130px; flex-direction: column; justify-content: center; padding: 20px 28px 20px 70px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.delivery-steps li:not(:last-child)::after { content: ""; position: absolute; z-index: 2; top: 50%; right: -9px; width: 17px; height: 17px; background: #fff; border-top: 1px solid var(--line); border-right: 1px solid var(--line); transform: translateY(-50%) rotate(45deg); }
.delivery-steps li > span { position: absolute; left: 20px; color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.65rem; font-weight: 700; }
.delivery-steps strong { font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.13rem; text-transform: uppercase; }
.delivery-steps small { color: var(--muted); line-height: 1.4; }

.global-section { position: relative; min-height: 400px; display: grid; align-items: center; overflow: hidden; color: #fff; background: #071e37; }
.global-section__map { position: absolute; inset: 0 0 0 37%; opacity: .9; }
.global-section__map::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, #071e37 0%, rgba(7,30,55,.5) 24%, transparent 60%); }
.global-section__map img { width: 100%; height: 100%; object-fit: cover; }
.global-section__content { position: relative; z-index: 2; padding-block: 70px; }
.global-section__content h2 { max-width: 620px; color: #fff; }
.global-section__content > p:not(.eyebrow) { max-width: 590px; color: #c3d0dc; }

.quote-section { padding: 100px 0; background: #edf2f6; }
.quote-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.quote-copy { position: sticky; top: 120px; }
.quote-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1.04rem; }
.check-list { margin: 30px 0; padding: 0; list-style: none; }
.check-list li { position: relative; margin: 12px 0; padding-left: 29px; font-weight: 600; }
.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--orange); }
.direct-contact { display: flex; flex-direction: column; margin-top: 35px; padding-top: 25px; border-top: 1px solid #ccd5dd; }
.direct-contact span { color: var(--muted); font-size: .75rem; text-transform: uppercase; }
.direct-contact a { font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.8rem; font-weight: 700; }
.quote-form { padding: 38px; background: #fff; box-shadow: var(--shadow); }
.quote-form label { display: flex; flex-direction: column; gap: 7px; margin-bottom: 18px; color: #233950; font-size: .81rem; font-weight: 700; }
.quote-form input, .quote-form select, .quote-form textarea { width: 100%; min-height: 50px; padding: 11px 13px; color: var(--ink); background: #fff; border: 1px solid #cdd6de; border-radius: 2px; }
.quote-form textarea { resize: vertical; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.quote-form .consent { flex-direction: row; align-items: flex-start; font-weight: 400; }
.consent input { width: 18px; min-height: 18px; margin-top: 3px; }
.quote-form > small { display: block; margin-top: 13px; color: #7b8894; text-align: center; }
.honeypot { position: absolute; left: -9999px; }
.form-status { margin-bottom: 20px; padding: 12px 15px; background: #f3f6f9; border-left: 4px solid var(--orange); }
.form-status--success { background: #eaf7ef; border-color: #1f8b4c; }

.site-footer { padding-top: 72px; color: #bdc9d4; background: #031529; }
.footer-grid { display: grid; grid-template-columns: 1.45fr 1fr 1fr 1fr; gap: 60px; padding-bottom: 55px; }
.brand--footer { margin-bottom: 20px; }
.footer-grid h2 { margin-bottom: 18px; color: #fff; font-size: 1.25rem; letter-spacing: .04em; text-transform: uppercase; }
.footer-grid p { max-width: 400px; font-size: .88rem; }
.footer-grid > div:not(:first-child) a { display: block; margin: 9px 0; font-size: .86rem; }
.footer-grid a:hover { color: #fff; }
.footer-grid .footer-quote { margin-top: 20px !important; color: var(--orange); font-weight: 700; text-transform: uppercase; }
.footer-bottom { display: flex; justify-content: space-between; gap: 30px; padding-block: 22px; color: #7f91a1; border-top: 1px solid rgba(255,255,255,.1); font-size: .7rem; }

.inner-hero { position: relative; min-height: 520px; display: grid; align-items: center; overflow: hidden; background: var(--navy); color: #fff; }
.inner-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(3,20,38,.96), rgba(3,20,38,.72) 48%, rgba(3,20,38,.24)); }
.inner-hero__content { position: relative; z-index: 2; padding-block: 80px; }
.inner-hero h1 { max-width: 850px; margin-bottom: 18px; color: #fff; font-size: clamp(3.2rem, 5.4vw, 5.4rem); }
.inner-hero__content > p:not(.eyebrow) { max-width: 720px; color: #d6e0e8; font-size: 1.08rem; }
.page-section { padding: 100px 0; }
.page-section--soft { background: var(--soft); }
.section-grid { display: grid; gap: 24px; }
.section-grid--3 { grid-template-columns: repeat(3, 1fr); }
.info-card { padding: 34px; background: #fff; border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(7,31,57,.06); }
.info-card__line { display: block; width: 42px; height: 4px; margin-bottom: 25px; background: var(--orange); }
.info-card p { color: var(--muted); }
.number-list { margin: 38px 0 0; padding: 0; list-style: none; counter-reset: item; border-top: 1px solid var(--line); }
.number-list li { counter-increment: item; position: relative; padding: 22px 20px 22px 72px; border-bottom: 1px solid var(--line); font-weight: 600; }
.number-list li::before { content: counter(item, decimal-leading-zero); position: absolute; left: 14px; color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.5rem; font-weight: 700; }
.page-cta { padding: 65px 0; color: #fff; background: var(--navy); }
.page-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.page-cta h2 { margin-bottom: 8px; color: #fff; }
.page-cta p:not(.eyebrow) { margin: 0; color: #b9c7d3; }
.post-card { padding: 30px 0; border-bottom: 1px solid var(--line); }

@media (max-width: 1180px) {
    .site-header__inner { grid-template-columns: auto auto 1fr; }
    .nav-toggle { display: inline-flex; justify-self: end; align-items: center; gap: 10px; }
    .nav-toggle__bars, .nav-toggle__bars::before, .nav-toggle__bars::after { display: block; width: 23px; height: 2px; background: #fff; content: ""; transition: .2s; }
    .nav-toggle__bars { position: relative; }
    .nav-toggle__bars::before { position: absolute; top: -7px; }
    .nav-toggle__bars::after { position: absolute; top: 7px; }
    .site-nav { position: fixed; inset: 84px 0 auto; display: none; padding: 24px; background: #061c35; border-top: 1px solid rgba(255,255,255,.1); }
    .site-nav.is-open { display: block; }
    .site-nav__list { align-items: stretch; flex-direction: column; gap: 0; }
    .site-nav a { display: block; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
    .header-cta { grid-column: 3; grid-row: 1; justify-self: end; margin-right: 85px; }
    .factory-intro__grid { grid-template-columns: repeat(4, 1fr); }
    .factory-intro__copy { grid-column: 1 / -1; }
    .proof-item { padding-inline: 20px; }
    .process-grid { grid-template-columns: repeat(3, 1fr); }
    .product-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
    .container { width: min(100% - 30px, 1500px); }
    .site-header__inner { min-height: 72px; grid-template-columns: auto 1fr auto; gap: 14px; }
    .site-nav { inset: 72px 0 auto; }
    .header-cta { display: none; }
    .nav-toggle { grid-column: 3; }
    .nav-toggle__label { display: none; }
    .hero { min-height: 670px; }
    .hero__media::after { background: linear-gradient(90deg, rgba(2,17,32,.94), rgba(2,17,32,.67)), linear-gradient(0deg, rgba(2,17,32,.7), transparent 55%); }
    .hero__content { padding-block: 72px 58px; }
    .proof-grid { grid-template-columns: 1fr 1fr; }
    .proof-item { border-bottom: 1px solid rgba(255,255,255,.17); }
    .product-grid, .solution-grid, .section-grid--3, .quote-grid, .section-heading--split { grid-template-columns: 1fr; }
    .factory-intro__grid { grid-template-columns: 1fr 1fr; }
    .factory-intro__copy { padding-right: 0; }
    .factory-tile { min-height: 240px; }
    .process-grid { grid-template-columns: 1fr 1fr; }
    .delivery-steps { grid-template-columns: 1fr; }
    .delivery-steps li { min-height: 96px; border-bottom: 0; }
    .delivery-steps li:last-child { border-bottom: 1px solid var(--line); }
    .delivery-steps li:not(:last-child)::after { display: none; }
    .global-section__map { inset: 0; opacity: .4; }
    .global-section__map::before { background: rgba(7,30,55,.58); }
    .quote-grid { gap: 40px; }
    .quote-copy { position: static; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-bottom, .page-cta__inner { align-items: flex-start; flex-direction: column; }
}

/* 2026-09 UMD-inspired refinement: original Putian identity and content */
.site-header { color: var(--ink); background: rgba(255,255,255,.97); border-bottom: 1px solid #e9e5de; box-shadow: 0 3px 18px rgba(13,34,59,.04); backdrop-filter: none; }
.brand { color: var(--ink); }
.brand__text small { color: #7a817e; }
.site-nav a { color: #223343; }
.site-nav a:hover { color: var(--orange-dark); }
.site-nav__item--has-menu { position: relative; }
.site-nav__item--has-menu > a span { display: inline-block; margin-left: 4px; font-size: .7rem; transition: transform .2s ease; }
.site-nav__mega { position: absolute; top: calc(100% + 29px); left: 50%; width: 720px; display: grid; visibility: hidden; grid-template-columns: repeat(2,1fr); gap: 0; padding: 18px; background: #fff; border: 1px solid #e5e7e8; box-shadow: 0 24px 55px rgba(13,34,59,.16); opacity: 0; transform: translate(-50%,10px); transition: .2s ease; }
.site-nav__item--has-menu:hover .site-nav__mega,
.site-nav__item--has-menu:focus-within .site-nav__mega { visibility: visible; opacity: 1; transform: translate(-50%,0); }
.site-nav__item--has-menu:hover > a span,
.site-nav__item--has-menu:focus-within > a span { transform: rotate(180deg); }
.site-nav__mega a { display: flex; flex-direction: column; padding: 16px 18px; border-bottom: 1px solid #ece9e4; }
.site-nav__mega a:nth-last-child(-n+2) { border-bottom: 0; }
.site-nav__mega a:hover { background: #f7f5f1; }
.site-nav__mega strong { color: var(--ink); font-size: .94rem; }
.site-nav__mega small { margin-top: 3px; color: #737d84; font-size: .72rem; font-weight: 400; }
.header-cta { border-radius: 0; box-shadow: none; }
.button--glass { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.72); }
.button--glass:hover { color: var(--ink); background: #fff; }
.button--ink { color: #fff; background: var(--ink); }
.button--ink:hover { background: #1e3b56; }

.home-v2 { --home-cream: #f5f3ee; --home-sage: #6e7867; }
.home-v2-hero { position: relative; min-height: 760px; display: grid; align-items: end; overflow: hidden; color: #fff; background: #182420; }
.home-v2-hero__media { position: absolute; inset: 0; }
.home-v2-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(6,19,27,.9) 0%,rgba(6,19,27,.68) 42%,rgba(6,19,27,.12) 78%),linear-gradient(0deg,rgba(5,17,25,.68),transparent 62%); }
.home-v2-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 49%; }
.home-v2-hero__inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 70px; align-items: end; padding-block: 145px 72px; }
.home-v2-hero__copy { max-width: 930px; }
.home-v2-hero h1 { margin-bottom: 24px; color: #fff; font-size: clamp(3.5rem,6.3vw,6.7rem); line-height: .94; letter-spacing: -.045em; }
.home-v2-hero__copy > p:not(.eyebrow) { max-width: 760px; margin-bottom: 32px; color: #ecf0ed; font-size: 1.18rem; }
.home-v2-hero__panel { padding: 25px 0 3px 25px; border-left: 1px solid rgba(255,255,255,.45); }
.home-v2-hero__panel > span { display: block; margin-bottom: 15px; color: #cbd3ce; font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-v2-hero__panel strong { display: block; margin: 8px 0; color: #fff; font-family: "Arial Narrow","Roboto Condensed",sans-serif; font-size: 2.15rem; line-height: 1; text-transform: uppercase; }
.home-v2-hero__panel p { margin: 18px 0 0; color: #c9d2cd; font-size: .72rem; line-height: 1.5; }

.home-v2-intro { padding: 110px 0 80px; background: #fff; }
.home-v2-intro__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: end; }
.home-v2-intro h2 { margin-bottom: 0; font-size: clamp(2.8rem,4.6vw,5rem); }
.home-v2-intro__body > p { max-width: 610px; color: var(--muted); font-size: 1.06rem; }

.home-v2-systems { padding: 35px 0 115px; background: #fff; }
.home-v2-section-head { max-width: 850px; margin-bottom: 52px; }
.home-v2-section-head h2 { margin-bottom: 17px; }
.home-v2-section-head > p:not(.eyebrow) { max-width: 680px; color: var(--muted); font-size: 1.02rem; }
.home-v2-section-head > .text-link { display: inline-block; margin-top: 8px; }
.home-v2-system-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 24px; }
.home-v2-system-card { grid-column: span 4; overflow: hidden; background: var(--home-cream); }
.home-v2-system-card:nth-child(4),
.home-v2-system-card:nth-child(5) { grid-column: span 6; }
.home-v2-system-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.35/1; background: #ece9e2; }
.home-v2-system-card:nth-child(4) .home-v2-system-card__image,
.home-v2-system-card:nth-child(5) .home-v2-system-card__image { aspect-ratio: 1.75/1; }
.home-v2-system-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.home-v2-system-card:hover .home-v2-system-card__image img { transform: scale(1.035); }
.home-v2-system-card__image > span { position: absolute; right: 14px; bottom: 14px; padding: 5px 8px; color: #fff; background: rgba(8,25,35,.82); font-size: .58rem; font-weight: 700; letter-spacing: .08em; }
.home-v2-system-card__body { display: grid; grid-template-columns: 45px 1fr; padding: 27px; }
.home-v2-system-card__number { grid-row: 1/5; color: #909791; font-size: .75rem; font-weight: 700; letter-spacing: .08em; }
.home-v2-system-card h3 { margin-bottom: 11px; font-size: clamp(1.6rem,2vw,2.2rem); }
.home-v2-system-card__body > p:not(.home-v2-system-card__number) { margin-bottom: 14px; color: var(--muted); font-size: .9rem; }
.home-v2-system-card__body small { margin-bottom: 22px; color: #757f83; font-size: .7rem; }
.home-v2-arrow { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; color: var(--ink); border-top: 1px solid #d7d6d1; font-size: .76rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.home-v2-arrow span { font-size: 1.2rem; }
.home-v2-disclaimer { max-width: 980px; margin: 24px 0 0 auto; color: #778083; text-align: right; font-size: .7rem; }

.home-v2-story { padding: 120px 0; background: var(--home-cream); }
.home-v2-story__grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 90px; align-items: center; }
.home-v2-story__image { position: relative; }
.home-v2-story__image img { width: 100%; aspect-ratio: 1.23/1; object-fit: cover; }
.home-v2-story__image span { display: block; padding-top: 10px; color: #707a7e; font-size: .68rem; }
.home-v2-story__copy h2 { margin-bottom: 24px; }
.home-v2-story__copy > p:not(.eyebrow) { margin-bottom: 34px; color: var(--muted); font-size: 1.03rem; }
.home-v2-stat-row { display: grid; grid-template-columns: 1fr 1fr; margin: 0 0 36px; border-block: 1px solid #d6d4ce; }
.home-v2-stat-row div { padding: 23px 18px 23px 0; }
.home-v2-stat-row div + div { padding-left: 24px; border-left: 1px solid #d6d4ce; }
.home-v2-stat-row strong,.home-v2-stat-row span { display: block; }
.home-v2-stat-row strong { font-size: 1.05rem; }
.home-v2-stat-row span { margin-top: 4px; color: #747d80; font-size: .72rem; }

.home-v2-applications { padding: 110px 0; color: #fff; background: #162622; }
.home-v2-section-head--light h2 { color: #fff; }
.home-v2-section-head--light > p:not(.eyebrow) { color: #bfc9c4; }
.home-v2-application-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.25); }
.home-v2-application-grid a { display: flex; min-height: 230px; flex-direction: column; padding: 30px 34px; border-right: 1px solid rgba(255,255,255,.25); transition: .25s ease; }
.home-v2-application-grid a:last-child { border-right: 0; }
.home-v2-application-grid a:hover { background: rgba(255,255,255,.07); }
.home-v2-application-grid span { margin-bottom: auto; color: #e39463; font-size: .76rem; }
.home-v2-application-grid strong { color: #fff; font-family: "Arial Narrow","Roboto Condensed",sans-serif; font-size: 1.8rem; line-height: 1.05; }
.home-v2-application-grid small { max-width: 310px; margin-top: 12px; color: #b9c5c0; }

.home-v2-services { padding: 115px 0; background: #fff; }
.home-v2-service-grid { display: grid; grid-template-columns: repeat(5,1fr); margin: 65px 0 0; padding: 0; list-style: none; border-top: 1px solid #dadddc; }
.home-v2-service-grid li { min-height: 235px; padding: 26px 25px; border-right: 1px solid #dadddc; }
.home-v2-service-grid li:last-child { border-right: 0; }
.home-v2-service-grid span { color: var(--orange-dark); font-size: .72rem; font-weight: 700; }
.home-v2-service-grid h3 { margin: 55px 0 12px; font-size: 1.5rem; }
.home-v2-service-grid p { color: var(--muted); font-size: .86rem; }

.home-v2-factory { padding: 115px 0; color: #fff; background: #071b2d; }
.home-v2-factory__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 75px; align-items: center; }
.home-v2-factory__copy h2 { color: #fff; }
.home-v2-factory__copy > p:not(.eyebrow) { margin-bottom: 30px; color: #b7c4ce; }
.home-v2-factory__gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.home-v2-factory__gallery figure { position: relative; min-height: 450px; margin: 0; overflow: hidden; }
.home-v2-factory__gallery figure:nth-child(2) { transform: translateY(28px); }
.home-v2-factory__gallery img { width: 100%; height: 100%; object-fit: cover; }
.home-v2-factory__gallery figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 35px 16px 14px; color: #fff; background: linear-gradient(transparent,rgba(2,12,21,.88)); font-size: .75rem; font-weight: 700; text-transform: uppercase; }

.home-v2-catalog,.home-v2-guides { padding: 110px 0; background: #fff; }
.home-v2-guides { background: var(--home-cream); }
.home-v2-faq { padding: 110px 0; background: #fff; }
.home-v2-faq__grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 90px; }
.home-v2-faq__grid > div:first-child > p:last-child { color: var(--muted); }
.home-v2-faq__list { border-top: 1px solid #dadddc; }
.home-v2-faq__list details { border-bottom: 1px solid #dadddc; }
.home-v2-faq__list summary { position: relative; padding: 24px 45px 24px 0; cursor: pointer; color: var(--ink); font-size: 1.08rem; font-weight: 700; list-style: none; }
.home-v2-faq__list summary::-webkit-details-marker { display: none; }
.home-v2-faq__list summary::after { content: "+"; position: absolute; top: 17px; right: 4px; font-size: 1.8rem; font-weight: 300; }
.home-v2-faq__list details[open] summary::after { content: "−"; }
.home-v2-faq__list details p { max-width: 760px; padding: 0 50px 24px 0; color: var(--muted); }
.home-v2-quote { padding: 110px 0; background: #eef0ed; }
.catalog-system-nav { padding: 90px 0 10px; background: #fff; }
.catalog-system-nav__grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.catalog-system-nav__grid a { display: flex; min-height: 190px; flex-direction: column; padding: 24px 22px; color: var(--ink); border-right: 1px solid var(--line); transition: .2s ease; }
.catalog-system-nav__grid a:last-child { border-right: 0; }
.catalog-system-nav__grid a:hover { background: var(--home-cream,#f5f3ee); }
.catalog-system-nav__grid span { margin-bottom: auto; color: var(--orange-dark); font-size: .72rem; font-weight: 700; }
.catalog-system-nav__grid strong { font-family: "Arial Narrow","Roboto Condensed",sans-serif; font-size: 1.35rem; line-height: 1.05; }
.catalog-system-nav__grid small { margin-top: 8px; color: var(--muted); }

@media (max-width: 1180px) {
    .site-header__inner { grid-template-columns: auto 1fr auto; }
    .site-nav { background: #fff; border-top-color: #e5e7e8; }
    .site-nav a { color: var(--ink); border-bottom-color: #e8e8e4; }
    .site-nav__mega { position: static; width: auto; visibility: visible; grid-template-columns: 1fr 1fr; padding: 0 0 10px 18px; border: 0; box-shadow: none; opacity: 1; transform: none; }
    .site-nav__mega a { padding: 10px 12px; }
    .nav-toggle { color: var(--ink); }
    .nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after { background: var(--ink); }
    .home-v2-hero__inner { grid-template-columns: 1fr 240px; }
    .home-v2-service-grid { grid-template-columns: repeat(3,1fr); }
    .home-v2-service-grid li:nth-child(3) { border-right: 0; }
    .home-v2-service-grid li:nth-child(n+4) { border-top: 1px solid #dadddc; }
}

@media (max-width: 820px) {
    .site-header__inner { min-height: 73px; }
    .site-nav { inset: 73px 0 auto; max-height: calc(100vh - 137px); overflow-y: auto; }
    .header-cta { display: none; }
    .nav-toggle { min-width: 48px; min-height: 48px; padding: 10px; }
    .site-nav__mega { grid-template-columns: 1fr; }
    .site-nav__mega a:nth-last-child(-n+2) { border-bottom: 1px solid #ece9e4; }
    .site-nav__mega a:last-child { border-bottom: 0; }
    .home-v2-hero { min-height: 720px; align-items: end; }
    .home-v2-hero__media::after { background: linear-gradient(0deg,rgba(5,17,25,.94) 0%,rgba(5,17,25,.55) 70%,rgba(5,17,25,.18)); }
    .home-v2-hero__media img { object-position: 62% center; }
    .home-v2-hero__inner { display: block; padding-block: 210px 50px; }
    .home-v2-hero h1 { font-size: clamp(3rem,14vw,4.4rem); }
    .home-v2-hero__copy > p:not(.eyebrow) { font-size: 1rem; }
    .home-v2-hero .button-row { display: grid; }
    .home-v2-hero__panel { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 38px; padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,.4); border-left: 0; }
    .home-v2-hero__panel > span,.home-v2-hero__panel p { grid-column: 1/-1; }
    .home-v2-hero__panel strong { font-size: 1.55rem; }
    .home-v2-intro,.home-v2-story,.home-v2-applications,.home-v2-services,.home-v2-factory,.home-v2-catalog,.home-v2-guides,.home-v2-faq,.home-v2-quote { padding-block: 75px; }
    .home-v2-systems { padding: 10px 0 75px; }
    .home-v2-intro__grid,.home-v2-story__grid,.home-v2-factory__grid,.home-v2-faq__grid { grid-template-columns: 1fr; gap: 40px; }
    .home-v2-system-grid { display: grid; grid-template-columns: 1fr; }
    .home-v2-system-card,.home-v2-system-card:nth-child(4),.home-v2-system-card:nth-child(5) { grid-column: auto; }
    .home-v2-system-card__image,.home-v2-system-card:nth-child(4) .home-v2-system-card__image,.home-v2-system-card:nth-child(5) .home-v2-system-card__image { aspect-ratio: 1.35/1; }
    .home-v2-system-card__body { grid-template-columns: 34px 1fr; padding: 22px; }
    .home-v2-disclaimer { text-align: left; }
    .home-v2-application-grid { grid-template-columns: 1fr; }
    .home-v2-application-grid a { min-height: 190px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.25); }
    .home-v2-service-grid { grid-template-columns: 1fr; }
    .home-v2-service-grid li,.home-v2-service-grid li:nth-child(n+4) { min-height: auto; padding: 24px 0; border-right: 0; border-top: 0; border-bottom: 1px solid #dadddc; }
    .home-v2-service-grid h3 { margin: 24px 0 8px; }
    .home-v2-factory__gallery { grid-template-columns: 1fr 1fr; }
    .home-v2-factory__gallery figure { min-height: 310px; }
    .home-v2-factory__gallery figure:nth-child(2) { transform: none; }
    .home-v2-factory__gallery figure:last-child { display: none; }
    .catalog-system-nav__grid { grid-template-columns: 1fr; }
    .catalog-system-nav__grid a { min-height: 120px; border-right: 0; border-bottom: 1px solid var(--line); }
    .catalog-system-nav__grid a:last-child { border-bottom: 0; }
}

@media (max-width: 520px) {
    .home-v2-hero h1 { font-size: 3.25rem; }
    .home-v2-stat-row { grid-template-columns: 1fr; }
    .home-v2-stat-row div + div { padding-left: 0; border-top: 1px solid #d6d4ce; border-left: 0; }
    .home-v2-factory__gallery { grid-template-columns: 1fr; }
    .home-v2-factory__gallery figure { min-height: 360px; }
    .home-v2-factory__gallery figure:nth-child(2) { display: none; }
}

/* Keep the storefront header blue/white after legacy theme rules. */
.site-header { color: var(--store-ink); background: rgba(255,255,255,.98); border-bottom: 1px solid #e2e8f0; box-shadow: 0 5px 22px rgba(5,35,68,.08); }
.site-header .brand,.site-header .site-nav > .site-nav__list > li > a,.site-header .nav-toggle { color: var(--store-ink); }
.site-header .brand__mark { width: 48px; color: #fff; background: var(--store-blue); font-size: 13px; letter-spacing: -.03em; }
.site-header .brand__text small { color: #60718a; }
.site-header .site-nav > .site-nav__list > li > a:hover { color: var(--store-blue); }
.site-header .header-cta { color: #fff; background: var(--store-blue); border-color: var(--store-blue); }
.site-header .nav-toggle__bars,.site-header .nav-toggle__bars::before,.site-header .nav-toggle__bars::after { background: var(--store-ink); }

@media (max-width: 900px) {
    .site-header .site-nav { background: #fff; }
    .site-header .site-nav a { color: var(--store-ink); }
}

/* Final 1.12.0 layout precedence after legacy component rules. */
@media (min-width: 821px) {
    .catalog-hero { padding: 74px 0 68px; }
    .catalog-hero h1 { max-width: 880px; font-size: clamp(3.1rem, 4.45vw, 4.65rem); }
    .catalog-section { padding: 62px 0 88px; }
    .product-detail { padding: 30px 0 74px; }
    .product-detail__grid { grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: 48px; }
    .product-summary { padding-top: 10px; }
    .product-summary h1 { font-size: clamp(2.8rem, 3.65vw, 4rem); }
    .product-facts div { grid-template-columns: 37% 63%; gap: 20px; }
    .product-content { padding: 80px 0; }
    .product-content__grid { grid-template-columns: minmax(0, 1fr) 360px; gap: 72px; }
    .related-products,
    .product-faq { padding-block: 78px; }
    .contact-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 62px; }
    .contact-hero h1 { font-size: clamp(3.2rem, 4.7vw, 4.9rem); }
    .contact-main__grid { grid-template-columns: .82fr 1.18fr; gap: 72px; }
    .trust-section { padding-block: 84px; }
    .factory-flow li { min-height: 188px; }
}

@media (min-width: 901px) and (max-width: 1599px) {
    .desktop-contact-dock { display: none; }
}

@media (max-width: 820px) {
    .catalog-hero { padding: 48px 0 52px; }
    .catalog-hero h1 { font-size: clamp(2.55rem, 12vw, 3.15rem); }
    .catalog-section { padding: 42px 0 64px; }
    .catalog-filters { flex-wrap: nowrap; margin-right: -16px; margin-bottom: 22px; margin-left: -16px; padding: 0 16px 10px; overflow-x: auto; }
    .catalog-filters a { flex: 0 0 auto; }
    .catalog-system-nav__grid,
    .factory-flow,
    .contact-next { grid-template-columns: none; }

    .product-detail { padding: 20px 0 56px; }
    .product-detail__grid { gap: 26px; }
    .product-summary { padding-top: 0; }
    .product-summary h1 { margin-bottom: 15px; font-size: clamp(2.35rem, 11.5vw, 2.8rem); line-height: .98; }
    .product-summary__lead { font-size: .98rem; line-height: 1.6; }
    .product-status { margin: 7px 0 20px; }
    .product-facts div { padding: 12px 0; }
    .product-actions { gap: 13px; margin-top: 24px; }
    .product-actions .button { width: 100%; }
    .product-content { padding: 60px 0; }
    .product-content__grid { gap: 34px; }
    .entry-content h2 { margin: 34px 0 14px; font-size: 2rem; }
    .product-brief { padding: 25px; }
    .product-brief h2 { font-size: 2rem; }
    .related-products,
    .product-faq { padding-block: 62px; }
    .product-faq summary { padding: 18px 0; font-size: 1.05rem; line-height: 1.35; }

    .contact-hero { padding: 38px 0 52px; }
    .contact-hero__grid { gap: 28px; }
    .contact-hero h1 { margin-bottom: 16px; font-size: clamp(2.65rem, 12vw, 3.15rem); }
    .contact-main { padding-block: 60px; }
    .contact-main__grid { gap: 32px; }
    .contact-next li { min-height: 205px; }

    .trust-hero,
    .project-hero { min-height: 590px; }
    .trust-hero h1,
    .project-hero h1 { font-size: clamp(2.7rem, 12vw, 3.35rem); }
    .trust-section { padding-block: 62px; }
    .factory-flow li { min-height: 190px; }
    .factory-photo-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .factory-photo-grid figure { min-height: 275px; }
    .factory-photo-grid figcaption { padding: 36px 12px 12px; font-size: .9rem; }
}

/* 1.12.0 — layout rhythm and responsive browsing pass */
.catalog-card { display: flex; flex-direction: column; }
.catalog-card__body { display: flex; flex: 1; flex-direction: column; }
.catalog-card__body > p:not(.catalog-card__category) { margin-bottom: 18px; }
.catalog-card__body > .text-link { margin-top: auto; padding-top: 4px; }

@media (min-width: 821px) {
    .container { width: min(1320px, calc(100% - 64px)); }
    .storefront-section { padding-block: 76px; }
    .storefront-title { margin-bottom: 38px; }
    .catalog-hero { padding: 74px 0 68px; }
    .catalog-hero h1 { max-width: 880px; font-size: clamp(3.1rem, 4.45vw, 4.65rem); }
    .catalog-system-nav { padding-top: 72px; }
    .catalog-system-nav__grid a { min-height: 162px; }
    .catalog-section { padding: 62px 0 88px; }
    .catalog-filters { margin-bottom: 26px; }
    .product-detail { padding: 30px 0 74px; }
    .product-detail__grid { grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: 48px; }
    .product-summary { padding-top: 10px; }
    .product-summary h1 { font-size: clamp(2.8rem, 3.65vw, 4rem); }
    .product-facts div { grid-template-columns: 37% 63%; gap: 20px; }
    .product-content { padding: 80px 0; }
    .product-content__grid { grid-template-columns: minmax(0, 1fr) 360px; gap: 72px; }
    .related-products,
    .product-faq { padding-block: 78px; }
    .contact-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 62px; }
    .contact-hero h1 { font-size: clamp(3.2rem, 4.7vw, 4.9rem); }
    .contact-main__grid { grid-template-columns: .82fr 1.18fr; gap: 72px; }
    .trust-section { padding-block: 84px; }
    .factory-flow li { min-height: 188px; }
}

@media (min-width: 901px) and (max-width: 1599px) {
    .desktop-contact-dock { display: none; }
}

@media (max-width: 820px) {
    .container { width: calc(100% - 32px); }
    .storefront-section { padding-block: 54px; }
    .storefront-title { margin-bottom: 26px; }
    .storefront-title h2,
    .storefront-about h2,
    .storefront-lifestyle h2,
    .storefront-global h2,
    .storefront-inquiry h2 { font-size: 2rem; }
    .storefront-title p { font-size: .95rem; line-height: 1.55; }

    .storefront-custom__grid,
    .storefront-models__grid,
    .storefront-advantages__grid,
    .storefront-order__grid,
    .storefront-home .storefront-products .catalog-grid,
    .catalog-system-nav__grid,
    .contact-next,
    .factory-flow {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(280px, 84vw);
        grid-template-columns: none;
        gap: 12px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding-bottom: 12px;
        scroll-snap-type: inline mandatory;
        scrollbar-color: var(--store-blue) #dce5ee;
        scrollbar-width: thin;
    }
    .storefront-custom__grid > *,
    .storefront-models__grid > *,
    .storefront-advantages__grid > *,
    .storefront-order__grid > *,
    .storefront-home .storefront-products .catalog-grid > *,
    .catalog-system-nav__grid > *,
    .contact-next > *,
    .factory-flow > * { scroll-snap-align: start; }
    .storefront-custom__grid,
    .storefront-models__grid,
    .storefront-home .storefront-products .catalog-grid { align-items: stretch; }
    .storefront-image-card { min-height: 310px; }
    .storefront-models__grid article { display: flex; flex-direction: column; }
    .storefront-models__grid article > div { display: flex; flex: 1; flex-direction: column; }
    .storefront-models__grid article a { margin-top: auto; }
    .storefront-advantages__grid { border: 0; }
    .storefront-advantages__grid article { min-height: 210px; border: 1px solid var(--store-line); }
    .storefront-order__grid li { min-height: 160px; border: 1px solid rgba(255,255,255,.28); }

    .storefront-category-mosaic {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 84vw;
        grid-template-columns: none;
        grid-template-rows: 270px;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 12px;
        scroll-snap-type: inline mandatory;
        scrollbar-color: var(--store-blue) #dce5ee;
        scrollbar-width: thin;
    }
    .storefront-category-mosaic > a,
    .storefront-category-mosaic__wide,
    .storefront-category-mosaic__tall { min-height: 270px; grid-column: auto; grid-row: auto; scroll-snap-align: start; }
    .storefront-family-links { display: flex; overflow-x: auto; margin-top: 12px; scroll-snap-type: inline mandatory; }
    .storefront-family-links a { flex: 0 0 190px; padding: 15px 12px; border-right: 1px solid var(--store-line); border-bottom: 0; scroll-snap-align: start; }

    .catalog-hero { padding: 48px 0 52px; }
    .catalog-hero h1 { font-size: clamp(2.55rem, 12vw, 3.15rem); }
    .catalog-hero__grid .button { width: 100%; }
    .catalog-system-nav { padding: 52px 0 0; }
    .catalog-system-nav .home-v2-section-head h2 { font-size: 2.25rem; }
    .catalog-system-nav__grid { border-right: 0; border-bottom: 0; }
    .catalog-system-nav__grid a { min-height: 145px; border: 1px solid var(--line); }
    .catalog-section { padding: 42px 0 64px; }
    .catalog-search { margin-bottom: 18px; }
    .catalog-filters { flex-wrap: nowrap; gap: 8px; margin-right: -16px; margin-bottom: 22px; margin-left: -16px; padding: 0 16px 10px; overflow-x: auto; }
    .catalog-filters a { flex: 0 0 auto; }
    .catalog-card__body { padding: 20px; }
    .catalog-card h2 { font-size: 1.55rem; }

    .product-detail { padding: 20px 0 56px; }
    .breadcrumbs { margin-bottom: 18px; font-size: .7rem; }
    .product-detail__grid { gap: 26px; }
    .product-summary { padding-top: 0; }
    .product-summary h1 { margin-bottom: 15px; font-size: clamp(2.35rem, 11.5vw, 2.8rem); line-height: .98; }
    .product-summary__lead { font-size: .98rem; line-height: 1.6; }
    .product-status { margin: 7px 0 20px; }
    .product-facts div { padding: 12px 0; }
    .product-actions { gap: 13px; margin-top: 24px; }
    .product-actions .button { width: 100%; }
    .product-disclaimer { margin-top: 18px; }
    .product-content { padding: 60px 0; }
    .product-content__grid { gap: 34px; }
    .entry-content h2 { margin: 34px 0 14px; font-size: 2rem; }
    .product-brief { padding: 25px; }
    .product-brief h2 { font-size: 2rem; }
    .related-products,
    .product-faq { padding-block: 62px; }
    .section-heading { margin-bottom: 30px; }
    .product-faq summary { padding: 18px 0; font-size: 1.05rem; line-height: 1.35; }

    .contact-hero { padding: 38px 0 52px; }
    .contact-hero__grid { gap: 28px; }
    .contact-hero h1 { margin-bottom: 16px; font-size: clamp(2.65rem, 12vw, 3.15rem); }
    .contact-identity { margin-top: 24px; }
    .contact-identity div { padding: 11px 0; }
    .contact-hero__image img { aspect-ratio: 1.28 / 1; }
    .contact-main { padding-block: 60px; }
    .contact-main__grid { gap: 32px; }
    .contact-brief h2 { font-size: 2.35rem; }
    .contact-next li { min-height: 205px; border-right: 1px solid var(--line); }

    .trust-hero,
    .project-hero { min-height: 590px; }
    .trust-hero h1,
    .project-hero h1 { font-size: clamp(2.7rem, 12vw, 3.35rem); }
    .trust-section { padding-block: 62px; }
    .factory-flow li { min-height: 190px; }
    .factory-photo-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .factory-photo-grid figure { min-height: 275px; }
    .factory-photo-grid figcaption { padding: 36px 12px 12px; font-size: .9rem; }
    .evidence-boundary { gap: 28px; }
    .page-cta__inner { align-items: flex-start; flex-direction: column; gap: 24px; }
    .page-cta__inner .button { width: 100%; }

    .site-footer { padding-top: 52px; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; padding-bottom: 40px; }
    .footer-grid > div:first-child,
    .footer-grid > div:last-child { grid-column: 1 / -1; }
    .footer-grid h2 { font-size: 1rem; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}

@media (max-width: 420px) {
    .storefront-custom__grid,
    .storefront-models__grid,
    .storefront-advantages__grid,
    .storefront-order__grid,
    .storefront-home .storefront-products .catalog-grid,
    .catalog-system-nav__grid,
    .contact-next,
    .factory-flow,
    .storefront-category-mosaic { grid-auto-columns: 82vw; }
    .quote-form { padding: 23px 18px; }
}

.catalog-filters a.is-active,.catalog-filters a:hover { color: #fff; background: var(--store-blue); border-color: var(--store-blue); }
.catalog-result-summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 20px 0; padding-bottom: 14px; border-bottom: 1px solid #dbe3ec; }
.catalog-result-summary p { margin: 0; color: #657185; }
.catalog-result-summary a { color: var(--store-blue); font-weight: 800; }
.quote-form .consent a { color: var(--store-blue); text-decoration: underline; }
.footer-bottom a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 600px) {
    .catalog-result-summary { align-items: flex-start; flex-direction: column; }
}

.brand--official { display: inline-flex; width: 150px; height: 78px; align-items: center; justify-content: flex-start; }
.brand--official img { display: block; width: 126px; height: 78px; object-fit: contain; }
.brand--footer.brand--official { width: 150px; height: 105px; }
.brand--footer.brand--official img { width: 150px; height: 105px; filter: brightness(0) invert(1); }

.catalog-search { display: grid; align-items: end; gap: 14px; margin-bottom: 26px; padding: 22px; background: #f3f7fb; border: 1px solid #d9e4ef; grid-template-columns: 1.4fr 1fr .75fr auto; }
.catalog-search label { display: block; }
.catalog-search label > span { display: block; margin-bottom: 7px; color: #42536a; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.catalog-search input,.catalog-search select { width: 100%; height: 48px; padding: 0 13px; color: var(--store-ink); background: #fff; border: 1px solid #cbd8e5; border-radius: 0; }
.catalog-search .button { min-height: 48px; white-space: nowrap; }
.desktop-contact-dock { position: fixed; z-index: 90; right: 18px; bottom: 70px; display: grid; width: 128px; overflow: hidden; background: #fff; border: 1px solid #d7e1eb; box-shadow: 0 12px 35px rgba(4,37,72,.18); }
.desktop-contact-dock a { padding: 13px 14px; color: var(--store-ink); border-bottom: 1px solid #d7e1eb; }
.desktop-contact-dock a:last-child { color: #fff; background: var(--store-blue); border-bottom: 0; }
.desktop-contact-dock span,.desktop-contact-dock strong { display: block; }
.desktop-contact-dock span { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.desktop-contact-dock strong { margin-top: 2px; font-size: 13px; }

@media (max-width: 900px) {
    .brand--official { width: 104px; height: 64px; }
    .brand--official img { width: 91px; height: 64px; }
    .catalog-search { grid-template-columns: 1fr 1fr; }
    .desktop-contact-dock { display: none; }
}

@media (max-width: 600px) {
    .catalog-search { grid-template-columns: 1fr; padding: 16px; }
    .catalog-search .button { width: 100%; }
}

@media (max-width: 540px) {
    h1 { font-size: 3.25rem; }
    h2 { font-size: 2.55rem; }
    .brand__text strong { font-size: 1.35rem; }
    .brand__mark { width: 36px; height: 36px; }
    .section { padding: 72px 0; }
    .button-row { align-items: stretch; flex-direction: column; }
    .button-row .button { width: 100%; }
    .proof-grid { grid-template-columns: 1fr; }
    .proof-item { border-right: 0; }
    .product-grid, .factory-intro__grid, .process-grid, .footer-grid, .form-row { grid-template-columns: 1fr; }
    .media-card__body > p { min-height: 0; }
    .factory-tile { min-height: 275px; }
    .quote-form { padding: 25px 18px; }
    .footer-grid { gap: 30px; }
    .inner-hero { min-height: 570px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Product publishing and catalog */
.catalog-hero { padding: 88px 0 76px; color: #fff; background: linear-gradient(120deg, #061c35, #0c3458); }
.catalog-hero--compact { padding-block: 62px; }
.catalog-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 50px; }
.catalog-hero h1 { max-width: 980px; margin-bottom: 18px; color: #fff; font-size: clamp(3.2rem, 5.2vw, 5.5rem); }
.catalog-hero p:not(.eyebrow) { max-width: 760px; margin-bottom: 0; color: #c8d5df; font-size: 1.08rem; }
.catalog-section { padding: 72px 0 100px; background: #f7f9fb; }
.catalog-filters { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 38px; }
.catalog-filters a { display: inline-flex; min-height: 42px; align-items: center; gap: 9px; padding: 8px 15px; color: #31475d; background: #fff; border: 1px solid #d6dfe7; font-size: .84rem; font-weight: 700; }
.catalog-filters a:hover, .catalog-filters a.is-active { color: #fff; background: var(--navy); border-color: var(--navy); }
.catalog-filters span { display: grid; min-width: 22px; height: 22px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.14); font-size: .7rem; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.catalog-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.catalog-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.catalog-card { overflow: hidden; background: #fff; border: 1px solid var(--line); box-shadow: 0 10px 28px rgba(7,31,57,.06); transition: transform .22s ease, box-shadow .22s ease; }
.catalog-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.catalog-card__image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.38 / 1; background: #dfe6ec; }
.catalog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.catalog-card:hover .catalog-card__image img { transform: scale(1.035); }
.catalog-card__placeholder { display: grid; height: 100%; place-items: center; color: #5b6d7e; }
.catalog-card__body { padding: 24px; }
.catalog-card__category { margin-bottom: 10px; color: var(--orange); font-size: .72rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.catalog-card h2 { margin-bottom: 11px; font-size: 1.72rem; }
.catalog-card__body > p:not(.catalog-card__category) { color: var(--muted); font-size: .92rem; }
.image-badge--real { background: rgba(17,104,65,.9); }
.catalog-guide { padding: 90px 0; color: #fff; background: var(--navy); }
.catalog-guide__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.catalog-guide h2 { color: #fff; }
.catalog-guide p { color: #c2cfda; }
.catalog-guide .check-list { margin-bottom: 0; }
.catalog-empty { padding: 60px; text-align: center; background: #fff; border: 1px solid var(--line); }
.navigation.pagination { margin-top: 45px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 7px; justify-content: center; }
.page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; padding-inline: 12px; background: #fff; border: 1px solid var(--line); font-weight: 700; }
.page-numbers.current, .page-numbers:hover { color: #fff; background: var(--navy); border-color: var(--navy); }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; color: #718297; font-size: .77rem; }
.catalog-hero .breadcrumbs { color: #9eb0c1; }
.breadcrumbs a:hover { color: var(--orange); }

.product-detail { padding: 34px 0 90px; background: #f5f7f9; }
.product-detail__grid { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(380px, .84fr); gap: 65px; align-items: start; }
.product-gallery__main { position: relative; overflow: hidden; aspect-ratio: 1.34 / 1; background: #dce3e9; }
.product-gallery__main img { width: 100%; height: 100%; object-fit: cover; }
.product-gallery__thumbs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-top: 10px; }
.product-gallery__thumbs button { overflow: hidden; padding: 0; aspect-ratio: 1; background: #fff; border: 2px solid transparent; cursor: pointer; }
.product-gallery__thumbs button:hover, .product-gallery__thumbs button.is-active { border-color: var(--orange); }
.product-gallery__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.product-gallery__empty { display: grid; min-height: 500px; place-items: center; color: #607181; background: #dfe5ea; }
.product-summary { padding-top: 16px; }
.product-summary h1 { margin-bottom: 19px; font-size: clamp(3rem, 4.4vw, 4.8rem); }
.product-summary__lead { color: #506173; font-size: 1.08rem; }
.product-status { display: inline-flex; align-items: center; gap: 9px; margin: 10px 0 26px; padding: 8px 12px; color: #285b42; background: #e5f3eb; font-size: .74rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.product-status span { width: 8px; height: 8px; border-radius: 50%; background: #27905c; }
.product-facts { margin: 0; border-top: 1px solid #cdd6de; }
.product-facts div { display: grid; grid-template-columns: 40% 60%; padding: 13px 0; border-bottom: 1px solid #d8dfe5; }
.product-facts dt { color: #6c7b8a; font-size: .76rem; font-weight: 700; text-transform: uppercase; }
.product-facts dd { margin: 0; font-weight: 600; }
.product-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; margin-top: 29px; }
.product-disclaimer { margin-top: 23px; color: #71808e; font-size: .73rem; }
.product-content { padding: 92px 0; }
.product-content__grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 90px; }
.entry-content h2 { margin: 48px 0 17px; font-size: clamp(2rem, 3vw, 3rem); }
.entry-content h2:first-child { margin-top: 0; }
.entry-content p, .entry-content li { color: #4e5f70; }
.entry-content li { margin-bottom: 9px; }
.product-brief { position: sticky; top: 120px; padding: 30px; color: #fff; background: var(--navy); box-shadow: var(--shadow); }
.product-brief h2 { color: #fff; font-size: 2.15rem; }
.product-brief ul { margin: 24px 0 28px; padding-left: 20px; color: #c8d3dd; }
.product-brief li { margin-bottom: 9px; }
.related-products { padding: 90px 0; background: var(--soft); }
.product-faq { padding: 90px 0; }
.product-faq details { border-bottom: 1px solid var(--line); }
.product-faq summary { padding: 21px 0; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.25rem; font-weight: 700; cursor: pointer; }
.product-faq details p { padding: 0 0 21px; color: var(--muted); }

@media (max-width: 1050px) {
    .catalog-grid, .catalog-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-detail__grid, .product-content__grid { grid-template-columns: 1fr; }
    .product-content__grid { gap: 45px; }
    .product-brief { position: static; }
}

@media (max-width: 700px) {
    .catalog-hero__grid, .catalog-guide__grid { grid-template-columns: 1fr; align-items: start; gap: 28px; }
    .catalog-grid, .catalog-grid--3, .catalog-grid--4 { grid-template-columns: 1fr; }
    .catalog-section { padding-top: 45px; }
    .product-detail__grid { gap: 32px; }
    .product-gallery__thumbs { grid-template-columns: repeat(4, 1fr); }
    .product-facts div { grid-template-columns: 1fr; gap: 4px; }
}

/* Buyer resources, editorial content and category guidance */
.home-resources,
.catalog-resources { padding: 100px 0; background: #f3f6f9; }
.catalog-resources { background: #fff; }
.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px; }
.resource-card { overflow: hidden; background: #fff; border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(7,31,57,.07); transition: transform .22s ease, box-shadow .22s ease; }
.resource-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.resource-card__image { display: block; overflow: hidden; aspect-ratio: 1.48 / 1; background: #dfe6ec; }
.resource-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.resource-card:hover .resource-card__image img { transform: scale(1.035); }
.resource-card__body { padding: 26px; }
.resource-card__meta { margin-bottom: 12px; color: #6c7b8a; font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.resource-card__meta span { margin-inline: 5px; color: var(--orange); }
.resource-card h2,
.resource-card h3 { margin-bottom: 13px; font-size: 1.82rem; }
.resource-card__body > p:not(.resource-card__meta) { color: var(--muted); font-size: .92rem; }

.resource-hero { position: relative; min-height: 590px; display: grid; align-items: center; overflow: hidden; color: #fff; background: var(--navy); }
.resource-hero__media { position: absolute; inset: 0; }
.resource-hero__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(3,20,38,.97) 0%, rgba(3,20,38,.87) 45%, rgba(3,20,38,.28) 78%, rgba(3,20,38,.1)); }
.resource-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.resource-hero__content { position: relative; z-index: 2; padding-block: 86px; }
.resource-hero h1 { max-width: 850px; margin-bottom: 20px; color: #fff; font-size: clamp(3.4rem, 5.8vw, 6rem); }
.resource-hero__content > p:not(.eyebrow) { max-width: 760px; margin-bottom: 30px; color: #d9e2e9; font-size: 1.1rem; }
.breadcrumbs--light { color: #aebdca; }
.resource-proof { color: #fff; background: #071f39; border-top: 1px solid rgba(255,255,255,.08); }
.resource-proof__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.resource-proof__grid div { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 25px 34px; border-right: 1px solid rgba(255,255,255,.15); }
.resource-proof__grid div:last-child { border-right: 0; }
.resource-proof strong { margin-bottom: 7px; color: #fff; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.18rem; text-transform: uppercase; }
.resource-proof span { color: #b9c8d5; font-size: .78rem; line-height: 1.55; }
.resource-start { padding: 80px 0; background: #fff; }
.resource-start__grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 90px; align-items: start; }
.resource-start__steps { border-top: 1px solid var(--line); }
.resource-start__step { display: grid; grid-template-columns: 68px 1fr; gap: 20px; padding: 22px 14px 22px 0; border-bottom: 1px solid var(--line); transition: padding .2s ease, background .2s ease; }
.resource-start__step:hover { padding-left: 14px; color: inherit; background: #f5f7f9; }
.resource-start__step > span { color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.75rem; font-weight: 700; }
.resource-start__steps h3 { margin-bottom: 5px; font-size: 1.45rem; }
.resource-start__steps p { margin: 0; color: var(--muted); }
.resource-start__steps small { display: inline-block; margin-top: 9px; color: #d94700; font-size: .7rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.resource-library { padding: 100px 0; background: #f3f6f9; }
.resource-brief { padding: 96px 0; color: #fff; background: linear-gradient(120deg, #061c35, #0d3659); }
.resource-brief__grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: 90px; align-items: center; }
.resource-brief h2 { color: #fff; }
.resource-brief p:not(.eyebrow) { max-width: 650px; color: #c4d1dc; }
.resource-brief .button { margin-top: 13px; }
.resource-brief__list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.16); border-left: 1px solid rgba(255,255,255,.16); }
.resource-brief__list li { min-height: 126px; display: grid; grid-template-columns: 48px 1fr; gap: 15px; align-items: start; padding: 24px; border-right: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); }
.resource-brief__list li > span { color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.35rem; font-weight: 700; }
.resource-brief__list strong { display: block; margin-bottom: 5px; color: #fff; font-size: 1rem; }
.resource-brief__list small { display: block; color: #afc0ce; line-height: 1.5; }
.resource-paths { padding: 100px 0; background: #fff; }
.resource-paths__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.resource-paths__grid a { min-height: 190px; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; background: #f5f7f9; border: 1px solid var(--line); transition: .22s ease; }
.resource-paths__grid a:hover { color: #fff; background: var(--navy); border-color: var(--navy); transform: translateY(-4px); }
.resource-paths__grid span { margin-bottom: auto; color: var(--orange); font-size: .7rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.resource-paths__grid strong { font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.45rem; line-height: 1.1; }
.resource-paths__grid small { margin-top: 10px; color: var(--muted); line-height: 1.45; }
.resource-paths__grid a:hover small { color: #c4d0da; }
.resource-boundary { padding: 82px 0; color: #fff; background: var(--navy); }
.resource-boundary__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.resource-boundary h2 { margin: 0; color: #fff; }
.resource-boundary p { color: #c3d0dc; }

.article-header { padding: 62px 0 74px; background: #f3f6f9; }
.article-header__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, .76fr); gap: 75px; align-items: center; }
.article-header h1 { margin-bottom: 22px; font-size: clamp(3.2rem, 5.2vw, 5.6rem); }
.article-header__lead { max-width: 780px; color: #506173; font-size: 1.12rem; }
.article-meta { display: flex; flex-wrap: wrap; gap: 9px 24px; margin-top: 29px; color: #6c7b8a; font-size: .74rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.article-meta span:not(:last-child)::after { margin-left: 24px; color: var(--orange); content: "/"; }
.article-header__image { margin: 0; background: #dfe6ec; box-shadow: var(--shadow); }
.article-header__image img { width: 100%; aspect-ratio: 1.12 / 1; object-fit: cover; }
.article-header__image figcaption { padding: 10px 14px; color: #71808e; background: #fff; font-size: .68rem; }
.article-body { padding: 100px 0; }
.article-body__grid { display: grid; grid-template-columns: minmax(0, 1fr) 370px; gap: 100px; align-items: start; }
.article-content { min-width: 0; font-size: 1.03rem; }
.article-content > p:first-child { color: #334b61; font-size: 1.22rem; }
.article-content h2 { padding-top: 8px; }
.article-content h3 { margin: 30px 0 10px; font-size: 1.55rem; }
.article-content a { color: #d94700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article-content ul,
.article-content ol { margin: 22px 0 30px; padding-left: 25px; }
.article-content li { padding-left: 5px; }
.article-visual-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 34px 0 46px; }
.article-visual-gallery figure { min-width: 0; margin: 0; overflow: hidden; background: #f3f6f8; border: 1px solid var(--line); }
.article-visual-gallery img { display: block; width: 100%; aspect-ratio: 1.36 / 1; object-fit: cover; }
.article-visual-gallery figcaption { display: flex; min-height: 104px; padding: 17px 18px 18px; flex-direction: column; }
.article-visual-gallery figcaption strong { color: var(--navy); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.08rem; }
.article-visual-gallery figcaption span { margin-top: 6px; color: var(--muted); font-size: .75rem; line-height: 1.55; }
.article-table-wrap { overflow-x: auto; margin: 26px 0; }
.article-content table { width: 100%; min-width: 720px; border-collapse: collapse; font-size: .9rem; }
.article-content th { padding: 14px; color: #fff; background: var(--navy); text-align: left; }
.article-content td { padding: 15px 14px; vertical-align: top; border-bottom: 1px solid var(--line); }
.article-content tbody tr:nth-child(even) { background: #f5f7f9; }
.article-callout { margin: 30px 0; padding: 28px 30px; background: #f3f6f9; border-left: 4px solid var(--orange); }
.article-callout p { margin-bottom: 10px; }
.article-callout p:last-child { margin-bottom: 0; }
.article-sidebar { position: sticky; top: 115px; }
.article-sidebar__panel { padding: 31px; color: #fff; background: var(--navy); box-shadow: var(--shadow); }
.article-sidebar__panel h2 { color: #fff; font-size: 2.15rem; }
.article-sidebar__panel ul { margin: 23px 0 28px; padding-left: 20px; color: #c8d3dd; }
.article-sidebar__panel li { margin-bottom: 9px; }
.article-sidebar__note { margin-top: 17px; padding: 22px; background: #f3f6f9; border: 1px solid var(--line); }
.article-sidebar__note strong { display: block; margin-bottom: 8px; color: var(--orange); font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.article-sidebar__note p { margin: 0; color: var(--muted); font-size: .82rem; }
.article-sidebar__links { margin-top: 18px; border-top: 1px solid var(--line); }
.article-sidebar__links a { display: flex; justify-content: space-between; gap: 15px; padding: 15px 4px; border-bottom: 1px solid var(--line); font-size: .86rem; font-weight: 700; }
.article-sidebar__links a:hover { color: var(--orange); }
.related-resources { padding: 100px 0; background: #f3f6f9; }

.category-advice { padding: 95px 0; background: #fff; }
.category-advice__grid { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 90px; align-items: start; }
.category-advice__grid article > p:not(.eyebrow) { color: var(--muted); font-size: 1.01rem; }
.category-advice__grid article h3 { margin-top: 34px; }
.category-advice__resources { padding: 30px; color: #fff; background: var(--navy); box-shadow: var(--shadow); }
.category-advice__resources h2 { color: #fff; font-size: 2.25rem; }
.category-advice__resources > a:not(.button) { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; color: #d3dde5; border-bottom: 1px solid rgba(255,255,255,.13); font-size: .86rem; font-weight: 700; }
.category-advice__resources > a:not(.button):hover { color: #fff; }
.category-advice__resources .button { margin-top: 24px; }
.category-faq { margin-top: 80px; padding-top: 75px; border-top: 1px solid var(--line); }
.category-faq h2 { max-width: 800px; }
.category-faq details { border-bottom: 1px solid var(--line); }
.category-faq summary { padding: 21px 0; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.25rem; font-weight: 700; cursor: pointer; }
.category-faq details p { max-width: 900px; padding-bottom: 20px; color: var(--muted); }
.product-guide-links { margin-top: 28px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.16); }
.product-guide-links > strong { display: block; margin-bottom: 9px; color: #fff; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
.product-guide-links a { display: flex; justify-content: space-between; gap: 14px; padding: 10px 0; color: #c8d3dd; font-size: .8rem; font-weight: 600; }
.product-guide-links a:hover { color: #fff; }

@media (max-width: 1050px) {
    .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .resource-start__grid,
    .resource-boundary__grid,
    .resource-brief__grid,
    .article-header__grid,
    .article-body__grid,
    .category-advice__grid { grid-template-columns: 1fr; gap: 48px; }
    .article-header__image { max-width: 720px; }
    .article-sidebar { position: static; }
    .resource-paths__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
    .home-resources,
    .catalog-resources,
    .resource-library,
    .resource-paths,
    .article-body,
    .related-resources,
    .category-advice { padding-block: 72px; }
    .resource-hero { min-height: 690px; }
    .resource-hero__media::after { background: linear-gradient(90deg, rgba(3,20,38,.94), rgba(3,20,38,.72)); }
    .resource-grid,
    .resource-paths__grid { grid-template-columns: 1fr; }
    .resource-start__grid { gap: 25px; }
    .resource-boundary__grid { gap: 25px; }
    .resource-proof__grid,
    .resource-brief__list { grid-template-columns: 1fr; }
    .resource-proof__grid div { min-height: auto; padding: 21px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
    .resource-proof__grid div:last-child { border-bottom: 0; }
    .resource-brief { padding-block: 72px; }
    .resource-brief__grid { gap: 42px; }
    .resource-brief__list li { min-height: 108px; }
    .article-header { padding-block: 42px 56px; }
    .article-header__grid { gap: 35px; }
    .article-header__image img { aspect-ratio: 1.35 / 1; }
    .article-meta { flex-direction: column; }
    .article-meta span::after { display: none; }
    .article-body__grid { gap: 55px; }
    .article-content { font-size: 1rem; }
    .article-visual-gallery { grid-template-columns: 1fr; gap: 13px; }
    .article-visual-gallery figcaption { min-height: 0; }
    .category-faq { margin-top: 55px; padding-top: 50px; }
}

@media (max-width: 820px) {
    body { padding-bottom: 64px; }
    .mobile-quick-actions { position: fixed; z-index: 120; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; min-height: 64px; color: #fff; background: #061c35; box-shadow: 0 -8px 25px rgba(3,20,38,.18); }
    .mobile-quick-actions a { display: flex; flex-direction: column; justify-content: center; padding: 9px 18px; color: #fff; border-top: 1px solid rgba(255,255,255,.12); text-align: center; }
    .mobile-quick-actions a + a { background: var(--orange); border-top-color: var(--orange); }
    .mobile-quick-actions span { font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; opacity: .78; }
    .mobile-quick-actions strong { font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1rem; text-transform: uppercase; }
}

/* Supplier identity, factory evidence, projects and contact */
.trust-hero,
.project-hero { position: relative; min-height: 620px; display: grid; align-items: center; overflow: hidden; color: #fff; background: var(--navy); }
.trust-hero__media,
.project-hero__media { position: absolute; inset: 0; }
.trust-hero__media::after,
.project-hero__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(3,20,38,.97) 0%, rgba(3,20,38,.88) 48%, rgba(3,20,38,.25) 82%); }
.trust-hero__media img,
.project-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.trust-hero__media img { object-position: center 43%; }
.trust-hero__content,
.project-hero__content { position: relative; z-index: 2; padding-block: 78px; }
.trust-hero h1,
.project-hero h1 { max-width: 920px; margin-bottom: 20px; color: #fff; font-size: clamp(3.4rem, 5.6vw, 5.8rem); }
.trust-hero__content > p:not(.eyebrow),
.project-hero__content > p:not(.eyebrow) { max-width: 760px; color: #d4dfe7; font-size: 1.1rem; }
.project-hero__media img { object-position: center; }

.identity-strip { color: #fff; background: #071f39; }
.identity-strip__grid { display: grid; grid-template-columns: 1.3fr 1fr 1.25fr; }
.identity-strip__grid div { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 25px 32px; border-right: 1px solid rgba(255,255,255,.15); }
.identity-strip__grid div:last-child { border-right: 0; }
.identity-strip span { margin-bottom: 7px; color: #91a6b8; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.identity-strip strong { color: #fff; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.1rem; line-height: 1.35; }

.trust-section { padding: 100px 0; background: #fff; }
.trust-section--soft { background: #f3f6f9; }
.trust-section--dark { color: #fff; background: var(--navy); }
.trust-intro,
.evidence-boundary { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: start; }
.trust-intro p,
.evidence-boundary p { color: var(--muted); font-size: 1.04rem; }
.trust-card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.trust-card-grid article { min-height: 260px; padding: 30px; background: #fff; border: 1px solid var(--line); box-shadow: 0 10px 28px rgba(7,31,57,.05); }
.trust-card-grid article > span,
.project-lanes article > span { display: block; margin-bottom: 40px; color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.8rem; font-weight: 700; }
.trust-card-grid h3 { font-size: 1.55rem; }
.trust-card-grid p { color: var(--muted); font-size: .9rem; }
.trust-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.trust-gallery figure,
.factory-photo-grid figure { position: relative; overflow: hidden; margin: 0; min-height: 430px; background: #dfe6ec; }
.trust-gallery img,
.factory-photo-grid img { width: 100%; height: 100%; object-fit: cover; }
.trust-gallery figcaption,
.factory-photo-grid figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 18px 20px; color: #fff; background: linear-gradient(0deg, rgba(3,20,38,.94), rgba(3,20,38,0)); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.1rem; font-weight: 700; text-transform: uppercase; }
.trust-gallery figcaption small,
.factory-photo-grid figcaption small { display: block; margin-top: 5px; color: #becbd6; font-family: Inter, sans-serif; font-size: .6rem; letter-spacing: .08em; }

.factory-flow { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.factory-flow li { min-height: 210px; display: flex; flex-direction: column; padding: 25px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.factory-flow li > span,
.contact-next li > span,
.project-questions li > span { margin-bottom: auto; color: var(--orange); font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 1.55rem; font-weight: 700; }
.factory-flow strong { margin: 28px 0 8px; font-size: .95rem; }
.factory-flow small { color: var(--muted); line-height: 1.5; }
.factory-photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.factory-photo-grid figure { min-height: 360px; }
.trust-section--dark .section-heading p { color: #c1ced9; }

.contact-hero { padding: 74px 0 88px; background: #f3f6f9; }
.contact-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, .78fr); gap: 80px; align-items: center; }
.contact-hero h1 { margin-bottom: 22px; font-size: clamp(3.5rem, 5.6vw, 5.8rem); }
.contact-hero__grid > div > p:not(.eyebrow) { max-width: 760px; color: #506173; font-size: 1.08rem; }
.contact-hero__image { overflow: hidden; margin: 0; background: #dce4ea; box-shadow: var(--shadow); }
.contact-hero__image img { width: 100%; aspect-ratio: 1.12 / 1; object-fit: cover; }
.contact-hero__image figcaption { padding: 11px 15px; color: #6f7f8f; background: #fff; font-size: .68rem; }
.contact-identity { margin-top: 34px; border-top: 1px solid #cbd5de; }
.contact-identity div { display: grid; grid-template-columns: 145px 1fr; gap: 24px; padding: 14px 0; border-bottom: 1px solid #d5dde4; }
.contact-identity span { color: #748493; font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.contact-identity strong,
.contact-identity a { font-size: .92rem; font-weight: 700; }
.contact-identity a { color: #d94700; }
.contact-main { padding: 100px 0; color: #fff; background: var(--navy); }
.contact-main__grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 95px; align-items: start; }
.contact-brief { position: sticky; top: 115px; }
.contact-brief h2 { color: #fff; }
.contact-brief .check-list { color: #c8d4de; }
.contact-note { margin-top: 25px; padding: 18px; color: #afbfcc; background: rgba(255,255,255,.06); border-left: 3px solid var(--orange); font-size: .78rem; }
.contact-main .quote-form { background: #fff; }
.contact-next,
.project-questions { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; padding: 0; list-style: none; }
.contact-next li,
.project-questions li { min-height: 220px; display: flex; flex-direction: column; padding: 28px; background: #fff; border: 1px solid var(--line); border-right: 0; }
.contact-next li:last-child,
.project-questions li:last-child { border-right: 1px solid var(--line); }
.contact-next strong,
.project-questions strong { margin: 35px 0 9px; font-size: 1rem; }
.contact-next small { color: var(--muted); line-height: 1.5; }

.project-proof { padding: 0 0 18px; color: #fff; background: #071f39; }
.project-proof__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.project-proof__grid div { min-height: 135px; display: flex; flex-direction: column; justify-content: center; padding: 25px 35px; border-right: 1px solid rgba(255,255,255,.15); }
.project-proof__grid div:last-child { border-right: 0; }
.project-proof strong { color: #fff; font-family: "Arial Narrow", "Roboto Condensed", sans-serif; font-size: 2.1rem; }
.project-proof span { color: #b8c7d3; font-size: .75rem; text-transform: uppercase; }
.project-proof > p { width: min(100% - 48px, 1500px); margin: 0 auto; color: #8198aa; text-align: center; font-size: .67rem; }
.project-lanes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.project-lanes article { min-height: 330px; display: flex; flex-direction: column; padding: 32px; background: #f4f7f9; border: 1px solid var(--line); }
.project-lanes h3 { font-size: 1.7rem; }
.project-lanes p { color: var(--muted); }
.project-lanes .text-link { margin-top: auto; }
.project-questions li { color: #fff; background: rgba(255,255,255,.035); border-color: rgba(255,255,255,.14); }
.project-questions li:last-child { border-color: rgba(255,255,255,.14); }
.project-questions small { color: #afbfcc; line-height: 1.5; }
.trust-section--dark .project-questions strong { color: #fff; }

@media (max-width: 1100px) {
    .identity-strip__grid,
    .project-proof__grid { grid-template-columns: 1fr; }
    .identity-strip__grid div,
    .project-proof__grid div { min-height: auto; padding: 22px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
    .identity-strip__grid div:last-child,
    .project-proof__grid div:last-child { border-bottom: 0; }
    .trust-card-grid,
    .factory-flow,
    .contact-next,
    .project-questions { grid-template-columns: repeat(2, 1fr); }
    .contact-hero__grid,
    .contact-main__grid { grid-template-columns: 1fr; gap: 50px; }
    .contact-hero__image { max-width: 760px; }
    .contact-brief { position: static; }
}

@media (max-width: 760px) {
    .trust-hero,
    .project-hero { min-height: 690px; }
    .trust-hero__media::after,
    .project-hero__media::after { background: linear-gradient(90deg, rgba(3,20,38,.95), rgba(3,20,38,.66)); }
    .trust-section,
    .contact-main { padding-block: 72px; }
    .trust-intro,
    .evidence-boundary,
    .trust-card-grid,
    .trust-gallery,
    .factory-photo-grid,
    .project-lanes,
    .contact-next,
    .project-questions { grid-template-columns: 1fr; gap: 18px; }
    .trust-card-grid article { min-height: 220px; }
    .trust-gallery figure,
    .factory-photo-grid figure { min-height: 360px; }
    .factory-flow { grid-template-columns: 1fr; }
    .factory-flow li { min-height: 180px; }
    .contact-hero { padding-block: 48px 68px; }
    .contact-hero__grid { gap: 36px; }
    .contact-identity div { grid-template-columns: 1fr; gap: 5px; }
    .contact-next li,
    .project-questions li { min-height: 190px; border-right: 1px solid var(--line); }
    .project-questions li { border-color: rgba(255,255,255,.14); }
}

/* 2026-09 dense export-showroom UI */
.home-v3 { --v3-navy: #061c35; --v3-blue: #0a6db8; --v3-cyan: #55b9e9; --v3-soft: #eef4f8; --v3-line: #c8d9e5; background: #fff; }
.home-v3-kicker { margin: 0 0 15px; color: #54bced; font-size: .72rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.home-v3-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 70px; align-items: end; margin-bottom: 46px; }
.home-v3-heading h2 { max-width: 900px; margin: 0; color: var(--v3-navy); font-size: clamp(2.7rem,4.4vw,4.8rem); line-height: .98; }
.home-v3-heading > p,.home-v3-heading > div:last-child > p { margin: 0; color: #61758a; }
.home-v3-heading--light h2 { color: #fff; }
.home-v3-heading--light > p { color: #b8cbda; }
.home-v3-index { color: #48b8ee; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.home-v3-card-link { display: inline-flex; justify-content: space-between; gap: 25px; padding-top: 14px; color: #0869ad; border-top: 1px solid var(--v3-line); font-size: .73rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.home-v3-card-link:hover { color: var(--orange-dark); }
.home-v3-button--light { color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.72); }
.home-v3-button--light:hover { color: var(--v3-navy); background: #fff; }

.site-header { color: #fff; background: rgba(6,28,53,.98); border-bottom: 1px solid rgba(255,255,255,.12); box-shadow: 0 5px 22px rgba(1,13,26,.18); }
.site-header .brand,.site-header .site-nav > .site-nav__list > li > a { color: #fff; }
.site-header .brand__text small { color: #9db2c4; }
.site-header .site-nav > .site-nav__list > li > a:hover { color: #59c0ef; }
.site-header .nav-toggle { color: #fff; }
.site-header .nav-toggle__bars,.site-header .nav-toggle__bars::before,.site-header .nav-toggle__bars::after { background: #fff; }
.site-nav__mega a { color: var(--ink); }

.home-v3-hero { overflow: hidden; color: #fff; background: radial-gradient(circle at 84% 14%,#114a75 0,#082c4e 24%,var(--v3-navy) 58%); }
.home-v3-hero__grid { min-height: 750px; display: grid; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); gap: 70px; align-items: center; padding-block: 78px; }
.home-v3-hero__copy h1 { max-width: 820px; margin-bottom: 24px; color: #fff; font-size: clamp(3.8rem,6.3vw,6.8rem); line-height: .88; letter-spacing: -.045em; }
.home-v3-lead { max-width: 680px; color: #d1deea; font-size: 1.12rem; }
.home-v3-hero__proof { display: grid; grid-template-columns: repeat(3,1fr); margin: 50px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); }
.home-v3-hero__proof li { min-height: 95px; padding: 20px 18px 10px 0; color: #dce6ee; border-right: 1px solid rgba(255,255,255,.18); font-size: .77rem; font-weight: 700; }
.home-v3-hero__proof li + li { padding-left: 18px; }
.home-v3-hero__proof span { display: block; margin-bottom: 15px; color: #57bde9; font-size: .64rem; }
.home-v3-hero__visual { position: relative; min-height: 590px; padding: 0 0 70px 65px; }
.home-v3-hero__visual figure { position: absolute; inset: 0 0 80px 65px; margin: 0; overflow: hidden; border: 7px solid #fff; box-shadow: 0 28px 70px rgba(0,0,0,.35); }
.home-v3-hero__visual figure::after { position: absolute; inset: 0; content: ""; box-shadow: inset 0 -120px 90px -85px rgba(0,0,0,.85); }
.home-v3-hero__visual img { width: 100%; height: 100%; object-fit: cover; }
.home-v3-hero__visual figcaption { position: absolute; z-index: 2; right: 18px; bottom: 14px; color: #d9e5ec; font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; }
.home-v3-stat { position: absolute; z-index: 3; bottom: 0; display: flex; width: 245px; min-height: 130px; flex-direction: column; justify-content: center; padding: 23px; color: #fff; background: #0877c7; border: 5px solid var(--v3-navy); }
.home-v3-stat--countries { left: 0; }
.home-v3-stat--units { right: 35px; background: #fff; }
.home-v3-stat strong { color: #fff; font-family: "Arial Narrow","Roboto Condensed",sans-serif; font-size: 2.7rem; line-height: 1; }
.home-v3-stat span { margin-top: 8px; color: #d9edf8; font-size: .66rem; line-height: 1.35; text-transform: uppercase; }
.home-v3-stat--units strong { color: var(--v3-navy); }
.home-v3-stat--units span { color: #66798a; }

.home-v3-products,.home-v3-applications,.home-v3-catalog,.home-v3-guides { padding: 105px 0; background: var(--v3-soft); }
.home-v3-product-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 18px; }
.home-v3-product-card { grid-column: span 2; overflow: hidden; background: #fff; border: 1px solid var(--v3-line); box-shadow: 0 12px 28px rgba(5,40,69,.07); }
.home-v3-product-card:nth-child(4),.home-v3-product-card:nth-child(5) { grid-column: span 3; }
.home-v3-product-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 1.42/1; background: #dbe6ed; }
.home-v3-product-card:nth-child(n+4) .home-v3-product-card__media { aspect-ratio: 2/1; }
.home-v3-product-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.home-v3-product-card:hover img { transform: scale(1.035); }
.home-v3-product-card__media span { position: absolute; right: 10px; bottom: 10px; padding: 5px 8px; color: #fff; background: rgba(6,28,53,.88); font-size: .55rem; font-weight: 800; letter-spacing: .06em; }
.home-v3-product-card__body { padding: 25px; border-top: 5px solid #0c79c5; }
.home-v3-product-card h3 { min-height: 2.1em; margin: 11px 0 20px; font-size: 1.7rem; line-height: 1.05; }
.home-v3-product-card dl { margin: 0 0 21px; }
.home-v3-product-card dl div { display: grid; grid-template-columns: 105px 1fr; gap: 12px; padding: 9px 0; border-top: 1px solid #d9e4eb; }
.home-v3-product-card dt { color: #7a8b98; font-size: .61rem; font-weight: 800; text-transform: uppercase; }
.home-v3-product-card dd { margin: 0; color: #263e53; font-size: .72rem; font-weight: 700; }
.home-v3-note { max-width: 1050px; margin: 24px 0 0 auto; color: #748596; text-align: right; font-size: .68rem; }

.home-v3-factory { padding: 110px 0; color: #fff; background: var(--v3-navy); }
.home-v3-bento { display: grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: 260px; gap: 15px; }
.home-v3-bento > article,.home-v3-bento > figure { position: relative; overflow: hidden; margin: 0; }
.home-v3-bento > figure img { width: 100%; height: 100%; object-fit: cover; }
.home-v3-bento > figure::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg,rgba(2,16,31,.92),transparent 58%); }
.home-v3-bento figcaption { position: absolute; z-index: 2; right: 20px; bottom: 18px; left: 20px; color: #fff; font-family: "Arial Narrow","Roboto Condensed",sans-serif; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; }
.home-v3-bento figcaption small { display: block; margin-top: 5px; color: #c6d4df; font-family: Inter,sans-serif; font-size: .57rem; letter-spacing: .08em; }
.home-v3-bento__about { grid-column: span 5; grid-row: span 2; padding: 40px; color: var(--v3-navy); background: #fff; }
.home-v3-bento__about h3 { margin: 60px 0 22px; font-size: clamp(2.5rem,4vw,4.1rem); line-height: .96; }
.home-v3-bento__about p { color: #5d7184; }
.home-v3-bento__about a,.home-v3-bento__capability a { display: inline-block; margin-top: 22px; color: #0875bd; font-size: .74rem; font-weight: 800; text-transform: uppercase; }
.home-v3-bento__production { grid-column: span 7; }
.home-v3-bento > figure:not(.home-v3-bento__production):not(.home-v3-bento__finish) { grid-column: span 3; }
.home-v3-bento__capability { grid-column: span 4; grid-row: span 2; padding: 35px; background: #0b75bb; }
.home-v3-bento__capability .home-v3-index { color: #c6ecff; }
.home-v3-bento__capability h3 { margin: 35px 0 20px; color: #fff; font-size: 2rem; }
.home-v3-bento__capability ul { margin: 0; padding-left: 18px; color: #e4f2fa; font-size: .84rem; }
.home-v3-bento__capability li { margin-bottom: 9px; }
.home-v3-bento__capability a { color: #fff; }
.home-v3-bento__finish { grid-column: span 8; grid-row: span 2; }

.home-v3-applications { background: #fff; }
.home-v3-application-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.home-v3-application-grid a { position: relative; min-height: 510px; display: flex; overflow: hidden; flex-direction: column; justify-content: flex-end; padding: 30px; color: #fff; background: var(--v3-navy); }
.home-v3-application-grid a::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg,rgba(3,21,40,.95) 0%,rgba(3,21,40,.18) 70%); }
.home-v3-application-grid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.home-v3-application-grid a:hover img { transform: scale(1.035); }
.home-v3-application-grid span,.home-v3-application-grid strong,.home-v3-application-grid small { position: relative; z-index: 2; }
.home-v3-application-grid span { margin-bottom: 16px; color: #55bce9; font-size: .72rem; font-weight: 800; }
.home-v3-application-grid strong { max-width: 360px; color: #fff; font-family: "Arial Narrow","Roboto Condensed",sans-serif; font-size: 2rem; line-height: 1; }
.home-v3-application-grid small { max-width: 340px; margin-top: 11px; color: #c3d2dd; }

.home-v3-process { padding: 105px 0; color: #fff; background: #082846; }
.home-v3-process-grid { display: grid; grid-template-columns: repeat(5,1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); border-left: 1px solid rgba(255,255,255,.2); }
.home-v3-process-grid li { min-height: 235px; padding: 25px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.home-v3-process-grid span { color: #55bce9; font-size: .75rem; font-weight: 800; }
.home-v3-process-grid h3 { margin: 55px 0 12px; color: #fff; font-size: 1.4rem; }
.home-v3-process-grid p { color: #b9cad7; font-size: .8rem; }

.home-v3-catalog { background: var(--v3-soft); }
.home-v3-reach { padding: 105px 0; color: #fff; background: linear-gradient(135deg,#075e9b,#061c35 68%); }
.home-v3-reach__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; align-items: center; }
.home-v3-reach h2 { color: #fff; font-size: clamp(3rem,5vw,5.1rem); line-height: .96; }
.home-v3-reach__copy > p:not(.home-v3-kicker) { color: #c5d5e1; }
.home-v3-reach figure { margin: 0; padding: 8px; background: #fff; }
.home-v3-reach figure img { width: 100%; }
.home-v3-reach figcaption { padding: 8px 8px 2px; color: #687c8d; font-size: .6rem; text-align: right; }
.home-v3-guides { background: #fff; }
.home-v3-quote { padding: 105px 0; background: #eaf2f7; }
.image-badge--reference { color: #fff; background: rgba(6,28,53,.9); }

@media (max-width: 1180px) {
    .site-header .site-nav { background: var(--v3-navy); border-top-color: rgba(255,255,255,.12); }
    .site-header .site-nav a { color: #fff; border-bottom-color: rgba(255,255,255,.12); }
    .site-header .site-nav__mega { background: #092746; }
    .site-header .site-nav__mega strong { color: #fff; }
    .site-header .site-nav__mega small { color: #a9bccb; }
    .site-header .site-nav__mega a:hover { background: rgba(255,255,255,.05); }
    .home-v3-hero__grid { grid-template-columns: 1fr 1fr; gap: 35px; }
    .home-v3-product-card { grid-column: span 3; }
    .home-v3-product-card:nth-child(5) { grid-column: 2 / span 4; }
    .home-v3-bento__about { grid-column: span 6; }
    .home-v3-bento__production { grid-column: span 6; }
    .home-v3-bento > figure:not(.home-v3-bento__production):not(.home-v3-bento__finish) { grid-column: span 3; }
}

@media (max-width: 820px) {
    .home-v3-heading { grid-template-columns: 1fr; gap: 25px; margin-bottom: 35px; }
    .home-v3-hero__grid { min-height: auto; grid-template-columns: 1fr; padding-block: 60px 75px; }
    .home-v3-hero__copy h1 { font-size: clamp(3.4rem,15vw,5rem); }
    .home-v3-hero__proof { grid-template-columns: 1fr; }
    .home-v3-hero__proof li { min-height: auto; padding: 14px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.17); }
    .home-v3-hero__proof li + li { padding-left: 0; }
    .home-v3-hero__proof span { display: inline-block; margin: 0 14px 0 0; }
    .home-v3-hero__visual { min-height: 480px; padding-left: 0; }
    .home-v3-hero__visual figure { inset: 0 0 80px; }
    .home-v3-stat { width: 52%; min-height: 115px; }
    .home-v3-stat--units { right: 0; }
    .home-v3-products,.home-v3-factory,.home-v3-applications,.home-v3-process,.home-v3-catalog,.home-v3-reach,.home-v3-guides,.home-v3-quote { padding-block: 75px; }
    .home-v3-product-grid,.home-v3-application-grid,.home-v3-process-grid,.home-v3-reach__grid { grid-template-columns: 1fr; }
    .home-v3-product-card,.home-v3-product-card:nth-child(4),.home-v3-product-card:nth-child(5) { grid-column: auto; }
    .home-v3-product-card:nth-child(n+4) .home-v3-product-card__media { aspect-ratio: 1.42/1; }
    .home-v3-note { text-align: left; }
    .home-v3-bento { grid-template-columns: 1fr 1fr; grid-auto-rows: 260px; }
    .home-v3-bento__about,.home-v3-bento__production,.home-v3-bento__capability,.home-v3-bento__finish { grid-column: 1/-1; }
    .home-v3-bento > figure:not(.home-v3-bento__production):not(.home-v3-bento__finish) { grid-column: span 1; }
    .home-v3-bento__about { grid-row: span 2; }
    .home-v3-bento__capability { grid-row: span 2; }
    .home-v3-bento__finish { grid-row: span 2; }
    .home-v3-application-grid a { min-height: 430px; }
    .home-v3-process-grid li { min-height: auto; }
    .home-v3-reach__grid { gap: 45px; }
}

@media (max-width: 520px) {
    .home-v3-hero__copy h1 { font-size: 3.45rem; }
    .home-v3-hero__visual { min-height: 420px; }
    .home-v3-stat { padding: 16px; }
    .home-v3-stat strong { font-size: 2rem; }
    .home-v3-stat span { font-size: .55rem; }
    .home-v3-product-card__body { padding: 21px; }
    .home-v3-bento { grid-template-columns: 1fr; }
    .home-v3-bento > figure:not(.home-v3-bento__production):not(.home-v3-bento__finish) { grid-column: 1/-1; }
    .home-v3-bento__about { padding: 28px; }
    .home-v3-bento__about h3 { margin-top: 35px; font-size: 2.65rem; }
}

/* Final storefront header precedence. */
.site-header { color: var(--store-ink); background: rgba(255,255,255,.98); border-bottom: 1px solid #e2e8f0; box-shadow: 0 5px 22px rgba(5,35,68,.08); }
.site-header .brand,.site-header .site-nav > .site-nav__list > li > a,.site-header .nav-toggle { color: var(--store-ink); }
.site-header .brand__mark { width: 48px; color: #fff; background: var(--store-blue); font-size: 13px; letter-spacing: -.03em; }
.site-header .brand__text small { color: #60718a; }
.site-header .site-nav > .site-nav__list > li > a:hover { color: var(--store-blue); }
.site-header .header-cta { color: #fff; background: var(--store-blue); border-color: var(--store-blue); }
.site-header .nav-toggle__bars,.site-header .nav-toggle__bars::before,.site-header .nav-toggle__bars::after { background: var(--store-ink); }
@media (max-width: 900px) {
    .site-header .site-nav { background: #fff; }
    .site-header .site-nav a { color: var(--store-ink); }
}

/* Final 1.12.0 layout precedence after all legacy rules. */
@media (min-width: 821px) {
    .catalog-hero { padding: 74px 0 68px; }
    .catalog-hero h1 { max-width: 880px; font-size: clamp(3.1rem, 4.45vw, 4.65rem); }
    .catalog-section { padding: 62px 0 88px; }
    .product-detail { padding: 30px 0 74px; }
    .product-detail__grid { grid-template-columns: minmax(0, 1.08fr) minmax(420px, .92fr); gap: 48px; }
    .product-summary { padding-top: 10px; }
    .product-summary h1 { font-size: clamp(2.8rem, 3.65vw, 4rem); }
    .product-facts div { grid-template-columns: 37% 63%; gap: 20px; }
    .product-content { padding: 80px 0; }
    .product-content__grid { grid-template-columns: minmax(0, 1fr) 360px; gap: 72px; }
    .related-products,
    .product-faq { padding-block: 78px; }
    .contact-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr); gap: 62px; }
    .contact-hero h1 { font-size: clamp(3.2rem, 4.7vw, 4.9rem); }
    .contact-main__grid { grid-template-columns: .82fr 1.18fr; gap: 72px; }
    .trust-section { padding-block: 84px; }
    .factory-flow li { min-height: 188px; }
}

@media (min-width: 901px) and (max-width: 1599px) {
    .desktop-contact-dock { display: none; }
}

@media (max-width: 820px) {
    .catalog-hero { padding: 48px 0 52px; }
    .catalog-hero h1 { font-size: clamp(2.55rem, 12vw, 3.15rem); }
    .catalog-section { padding: 42px 0 64px; }
    .catalog-filters { flex-wrap: nowrap; margin-right: -16px; margin-bottom: 22px; margin-left: -16px; padding: 0 16px 10px; overflow-x: auto; }
    .catalog-filters a { flex: 0 0 auto; }
    .catalog-system-nav__grid,
    .factory-flow,
    .contact-next { grid-template-columns: none; }
    .product-detail { padding: 20px 0 56px; }
    .product-detail__grid { gap: 26px; }
    .product-summary { padding-top: 0; }
    .product-summary h1 { margin-bottom: 15px; font-size: clamp(2.35rem, 11.5vw, 2.8rem); line-height: .98; }
    .product-summary__lead { font-size: .98rem; line-height: 1.6; }
    .product-status { margin: 7px 0 20px; }
    .product-facts div { padding: 12px 0; }
    .product-actions { gap: 13px; margin-top: 24px; }
    .product-actions .button { width: 100%; }
    .product-content { padding: 60px 0; }
    .product-content__grid { gap: 34px; }
    .entry-content h2 { margin: 34px 0 14px; font-size: 2rem; }
    .product-brief { padding: 25px; }
    .product-brief h2 { font-size: 2rem; }
    .related-products,
    .product-faq { padding-block: 62px; }
    .product-faq summary { padding: 18px 0; font-size: 1.05rem; line-height: 1.35; }
    .contact-hero { padding: 38px 0 52px; }
    .contact-hero__grid { gap: 28px; }
    .contact-hero h1 { margin-bottom: 16px; font-size: clamp(2.65rem, 12vw, 3.15rem); }
    .contact-main { padding-block: 60px; }
    .contact-main__grid { gap: 32px; }
    .contact-next li { min-height: 205px; }
    .trust-hero,
    .project-hero { min-height: 590px; }
    .trust-hero h1,
    .project-hero h1 { font-size: clamp(2.7rem, 12vw, 3.35rem); }
    .trust-section { padding-block: 62px; }
    .factory-flow li { min-height: 190px; }
    .factory-photo-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .factory-photo-grid figure { min-height: 275px; }
    .factory-photo-grid figcaption { padding: 36px 12px 12px; font-size: .9rem; }
}
/* 2.0 streamlined global navigation, footer and clean product-system catalog */
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid #e2e8ed;box-shadow:none}.site-header__inner{min-height:76px}.brand--official{width:145px}.site-nav__list{gap:32px}.site-nav__list>li>a{font-size:13px;font-weight:700;letter-spacing:.02em}.header-cta{min-height:44px;padding:0 22px}.footer-grid--compact{grid-template-columns:1.5fr .65fr .85fr;gap:70px}.footer-grid--compact .footer-intro{max-width:420px}.catalog-page--clean{background:#f7f9fa}.catalog-page--clean .catalog-hero{padding:94px 0;background:#0c2743}.catalog-page--clean .catalog-hero .container{max-width:920px;margin-left:max(24px,calc((100vw - 1280px)/2))}.catalog-page--clean .catalog-hero h1{max-width:850px;margin:0;color:#fff;font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.05em}.catalog-page--clean .catalog-hero p:not(.eyebrow){max-width:720px;margin:25px 0 32px;color:#c2d0db;font-size:17px;line-height:1.7}.catalog-system-nav--visual{padding:88px 0;background:#f7f9fa}.catalog-system-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.catalog-system-card{grid-column:span 2;overflow:hidden;border:1px solid #d5dfe6;background:#fff;color:#112a43;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.catalog-system-card:nth-child(-n+2){grid-column:span 3}.catalog-system-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(12,39,67,.1)}.catalog-system-card img{display:block;width:100%;height:275px;object-fit:cover}.catalog-system-card:nth-child(-n+2) img{height:350px}.catalog-system-card>span{display:flex;min-height:220px;flex-direction:column;padding:28px}.catalog-system-card small{color:#ed682b;font-size:11px;font-weight:800}.catalog-system-card strong{margin-top:10px;font-size:25px}.catalog-system-card p{margin:10px 0;color:#62758a;font-size:14px;line-height:1.6}.catalog-system-card b{margin-top:auto;color:#193f63;font-size:12px;text-transform:uppercase}.catalog-reference-note{margin:22px 0 0;color:#798a99;font-size:11px;text-align:right}.catalog-empty-state{padding:90px 0 105px;background:#fff;text-align:center}.catalog-empty-state .container{max-width:760px}.catalog-empty-state h2{margin:0;color:#112a43;font-size:42px}.catalog-empty-state p:not(.eyebrow){margin:20px 0 30px;color:#62758a;line-height:1.7}
@media(max-width:900px){.footer-grid--compact{grid-template-columns:1.3fr .7fr .8fr;gap:35px}.catalog-system-card,.catalog-system-card:nth-child(-n+2){grid-column:span 3}.catalog-system-card img,.catalog-system-card:nth-child(-n+2) img{height:280px}}
@media(max-width:700px){.site-header__inner{min-height:66px}.brand--official{width:118px}.footer-grid--compact{grid-template-columns:1fr}.catalog-page--clean .catalog-hero{padding:66px 0}.catalog-page--clean .catalog-hero h1{font-size:44px}.catalog-system-nav--visual{padding:58px 0}.catalog-system-cards{grid-template-columns:1fr}.catalog-system-card,.catalog-system-card:nth-child(-n+2){grid-column:1}.catalog-system-card img,.catalog-system-card:nth-child(-n+2) img{height:250px}}
.site-header .header-cta{background:#f15b2a!important;color:#fff!important}

/* 2026-10 shared internal-page navigation, footer and insight archive */
.site-header__inner{grid-template-columns:auto 1fr auto;gap:28px}.site-header .site-nav__list{gap:clamp(18px,2.2vw,34px)}.site-header .site-nav__list>li>a{font-size:13px}
.site-footer--v6{padding-top:0;background:#071c31;color:#b8c7d3}.v6-footer-grid{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(4,minmax(135px,1fr));gap:46px;padding-top:68px;padding-bottom:54px}.v6-footer-intro{padding-right:20px}.v6-footer-intro p{max-width:390px;margin:24px 0 20px;color:#aabac6;font-size:13px;line-height:1.8}.v6-footer-cta{display:inline-flex;padding-bottom:4px;color:#fff;border-bottom:1px solid #708396;font-size:13px;font-weight:700}.v6-footer-grid nav{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:10px}.v6-footer-grid nav h2{margin:0 0 10px;color:#fff;font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.v6-footer-grid nav a{color:#b8c7d3;font-size:12px;line-height:1.5}.v6-footer-grid nav a:hover{color:#fff}.site-footer--v6 .footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-block:20px;color:#7f93a3;border-top:1px solid rgba(255,255,255,.1);font-size:10px}
.insights-archive{background:#f7f9fa}.insights-archive__hero{padding:88px 0;background:#0c2743;color:#fff}.insights-archive__hero .container{max-width:1120px}.insights-archive__hero h1{max-width:850px;margin:0;color:#fff;font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.045em}.insights-archive__hero p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#c4d1dc;font-size:17px;line-height:1.7}.insights-archive__content{padding:80px 0 100px}.resource-grid--archive{grid-template-columns:repeat(3,1fr)}.resource-grid--archive .resource-card h2{font-size:25px}
@media(max-width:1180px){.site-header__inner{grid-template-columns:auto auto 1fr}.site-header .site-nav{position:fixed}.v6-footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.v6-footer-intro{grid-row:span 2}}
@media(max-width:760px){.v6-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px;padding-top:50px}.v6-footer-intro{grid-column:1/-1;grid-row:auto}.site-footer--v6 .footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}.resource-grid--archive{grid-template-columns:1fr}.insights-archive__hero{padding:64px 0}.insights-archive__content{padding:55px 0 70px}}

.decision-section{background:#eef3f5}.decision-section__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}.decision-section h2,.page-faq h2{max-width:620px;margin:0 0 20px;color:#102b43;font-size:clamp(34px,4vw,52px);line-height:1.05}.decision-section__grid>div>p:not(.eyebrow),.page-faq__grid>div>p:not(.eyebrow){max-width:600px;color:#60758a;line-height:1.8}.decision-section .text-link{margin-top:18px}.decision-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;counter-reset:decision;list-style:none;border-top:1px solid #cbd7dd}.decision-list li{position:relative;min-height:98px;padding:25px 20px 22px 58px;color:#17344d;border-right:1px solid #cbd7dd;border-bottom:1px solid #cbd7dd;font-size:14px;line-height:1.6;counter-increment:decision}.decision-list li:nth-child(even){border-right:0}.decision-list li:before{position:absolute;top:25px;left:18px;color:#f15b2a;font-size:11px;font-weight:800;content:counter(decision,decimal-leading-zero)}.page-faq{background:#fff}.page-faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}.page-faq details{border-top:1px solid #d9e1e5}.page-faq details:last-child{border-bottom:1px solid #d9e1e5}.page-faq summary{position:relative;padding:22px 42px 22px 0;color:#17344d;font-size:16px;font-weight:700;cursor:pointer;list-style:none}.page-faq summary:after{position:absolute;right:4px;color:#f15b2a;font-size:22px;content:'+'}.page-faq details[open] summary:after{content:'−'}.page-faq details p{margin:0;padding:0 40px 24px 0;color:#60758a;font-size:14px;line-height:1.8}
@media(max-width:800px){.decision-section__grid,.page-faq__grid{grid-template-columns:1fr;gap:38px}.decision-list{grid-template-columns:1fr}.decision-list li,.decision-list li:nth-child(even){border-right:0}}
.brand--wordmark{display:inline-flex;min-width:164px;flex-direction:column;color:#0c2d4d;text-decoration:none;line-height:1}.brand--wordmark strong{font-size:25px;font-weight:850;letter-spacing:.16em}.brand--wordmark small{margin-top:5px;font-size:8px;font-weight:750;letter-spacing:.18em}.brand--wordmark-light{color:#fff}.brand--wordmark-light strong{font-size:23px}.brand--wordmark-light small{color:#b8c8d7}.v5-footer-grid .brand--wordmark{width:auto;height:auto}@media(max-width:700px){.brand--wordmark{min-width:124px}.brand--wordmark strong{font-size:20px}.brand--wordmark small{font-size:7px}}
.contact-whatsapp-card{display:flex;align-items:center;gap:18px;width:max-content;max-width:100%;margin-top:24px;padding:12px 18px 12px 12px;background:#fff;border:1px solid #d7e0e6;box-shadow:0 12px 32px rgba(8,40,68,.08)}.contact-whatsapp-card img{width:96px;height:96px;object-fit:contain}.contact-whatsapp-card span{display:flex;flex-direction:column}.contact-whatsapp-card strong{color:#102b43;font-size:15px}.contact-whatsapp-card small{margin-top:5px;color:#62758a;font-size:11px}.global-whatsapp{position:fixed;z-index:95;right:22px;bottom:22px}.global-whatsapp__button{display:flex;min-width:166px;flex-direction:column;padding:12px 18px;color:#fff;background:#128c54;border-radius:4px;box-shadow:0 12px 35px rgba(0,0,0,.2);font-size:13px;font-weight:800}.global-whatsapp__button span{margin-top:1px;font-size:10px;font-weight:500}.global-whatsapp__qr{position:absolute;right:0;bottom:calc(100% + 12px);display:flex;width:220px;padding:14px;background:#fff;border:1px solid #d7e0e6;box-shadow:0 16px 42px rgba(0,0,0,.2);visibility:hidden;opacity:0;transform:translateY(8px);transition:.2s;flex-direction:column}.global-whatsapp__qr img{width:190px;height:190px;object-fit:contain}.global-whatsapp__qr strong{margin-top:10px;color:#102b43;font-size:13px}.global-whatsapp__qr small{color:#617384;font-size:11px}.global-whatsapp:hover .global-whatsapp__qr,.global-whatsapp:focus-within .global-whatsapp__qr{visibility:visible;opacity:1;transform:none}@media(max-width:700px){.contact-whatsapp-card{width:100%}.contact-whatsapp-card img{width:82px;height:82px}.global-whatsapp{right:14px;bottom:14px}.global-whatsapp__button{min-width:0;padding:11px 14px}.global-whatsapp__button span,.global-whatsapp__qr{display:none}}
.system-compare{padding:95px 0;background:#fff}.system-compare__table{border-top:1px solid #cfd9df}.system-compare__row{display:grid;grid-template-columns:1.05fr 1.45fr 1.55fr 1.35fr;min-width:0;border-bottom:1px solid #d8e1e6;color:#5b6e80;transition:background .2s}.system-compare__row:not(.system-compare__head):hover{background:#f1f5f7}.system-compare__row>*{min-width:0;padding:22px 20px;border-right:1px solid #e0e7eb;font-size:13px;line-height:1.65}.system-compare__row>*:last-child{border-right:0}.system-compare__row strong{color:#102b43;font-size:15px}.system-compare__head{color:#fff;background:#102f4c}.system-compare__head span{color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.insights-path{padding:82px 0;background:#eef3f5}.insights-path__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ccd8df;border:1px solid #ccd8df}.insights-path__grid a{display:flex;min-height:285px;padding:30px;background:#fff;flex-direction:column}.insights-path__grid a:hover{background:#f8fafb}.insights-path__grid span{color:#f15b2a;font-size:11px;font-weight:800}.insights-path__grid strong{margin-top:28px;color:#102b43;font-size:25px}.insights-path__grid p{color:#617487;font-size:14px;line-height:1.75}.insights-path__grid b{margin-top:auto;color:#153f63;font-size:11px;text-transform:uppercase}@media(max-width:900px){.system-compare__row{grid-template-columns:1fr 1fr}.system-compare__head{display:none}.system-compare__row>*{border-bottom:1px solid #e6ecef}.system-compare__row>*:nth-child(even){border-right:0}.insights-path__grid{grid-template-columns:1fr}}@media(max-width:620px){.system-compare{padding:62px 0}.system-compare__row{display:block;padding:18px}.system-compare__row>*{display:block;padding:7px 0;border:0!important}.system-compare__row span:before{display:block;margin-bottom:2px;color:#8393a1;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.system-compare__row span:nth-child(2):before{content:'Delivery form'}.system-compare__row span:nth-child(3):before{content:'Site work to confirm'}.system-compare__row span:nth-child(4):before{content:'Planning use'}.insights-path{padding:60px 0}.insights-path__grid a{min-height:240px}}
.recommended-systems{background:#fff}.recommended-systems__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recommended-systems__grid>a{display:flex;min-width:0;overflow:hidden;background:#f5f7f8;border:1px solid #d8e1e6;flex-direction:column;transition:transform .2s,box-shadow .2s}.recommended-systems__grid>a:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(11,43,70,.1)}.recommended-systems__grid img{width:100%;aspect-ratio:1.48/1;object-fit:cover}.recommended-systems__grid span{display:flex;min-height:210px;padding:24px;flex-direction:column}.recommended-systems__grid strong{color:#102b43;font-size:23px}.recommended-systems__grid p{color:#617487;font-size:13px;line-height:1.7}.recommended-systems__grid b{margin-top:auto;color:#f15b2a;font-size:10px;letter-spacing:.04em;text-transform:uppercase}@media(max-width:800px){.recommended-systems__grid{grid-template-columns:1fr}.recommended-systems__grid>a{display:grid;grid-template-columns:42% 58%}.recommended-systems__grid img{height:100%;aspect-ratio:auto}.recommended-systems__grid span{min-height:190px}}@media(max-width:520px){.recommended-systems__grid>a{display:block}.recommended-systems__grid img{height:auto;aspect-ratio:1.48/1}.recommended-systems__grid span{min-height:0}.recommended-systems__grid b{margin-top:16px}}

/* Context-aware buyer journey shown before the footer on internal pages. */
.journey-next{padding:88px 0 94px;background:#e9eff2;border-top:1px solid #d6e0e5}.journey-next__heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.62fr);gap:70px;align-items:end;margin-bottom:38px}.journey-next__heading h2{max-width:760px;margin:0;color:#102b43;font-size:clamp(36px,4.4vw,58px);line-height:1.02;letter-spacing:-.035em}.journey-next__heading>p{margin:0;color:#607487;font-size:14px;line-height:1.8}.journey-next__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd7dd;border:1px solid #cbd7dd}.journey-next__grid>a{display:flex;min-width:0;min-height:310px;padding:30px;background:#fff;color:#102b43;flex-direction:column;transition:background .2s,transform .2s}.journey-next__grid>a:hover{z-index:1;background:#f9fbfc;transform:translateY(-3px)}.journey-next__grid>a>span{align-self:flex-end;color:#91a0ab;font-size:11px;font-weight:800}.journey-next__grid small{margin-top:24px;color:#f15b2a;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.journey-next__grid strong{max-width:290px;margin-top:9px;font-size:25px;line-height:1.15}.journey-next__grid p{max-width:330px;margin:14px 0;color:#617487;font-size:13px;line-height:1.75}.journey-next__grid b{margin-top:auto;color:#153f63;font-size:10px;letter-spacing:.04em;text-transform:uppercase}.inner-hero__content>.breadcrumbs{margin-bottom:24px}
@media(max-width:800px){.journey-next{padding:62px 0 68px}.journey-next__heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.journey-next__grid{grid-template-columns:1fr}.journey-next__grid>a{min-height:230px}.journey-next__grid small{margin-top:10px}}

/* Product-family options: model choice before detailed quotation. */
.product-range{background:#eef3f5}.product-range__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-range__grid--4{grid-template-columns:repeat(4,1fr)}.product-range__grid--2{grid-template-columns:repeat(2,1fr)}.product-range article{display:flex;min-width:0;overflow:hidden;background:#fff;border:1px solid #d6e0e5;flex-direction:column}.product-range article>img{width:100%;aspect-ratio:1.42/1;object-fit:cover}.product-range article>div{display:flex;min-height:250px;padding:25px;flex-direction:column}.product-range article small{color:#718493;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.product-range article h3{margin:9px 0 12px;color:#102b43;font-size:29px;line-height:1}.product-range article p{margin:0;color:#617487;font-size:13px;line-height:1.7}.product-range article a{margin-top:auto;padding-top:24px;color:#f15b2a;font-size:10px;font-weight:800;text-transform:uppercase}.product-range__note{max-width:900px;margin:24px 0 0 auto;color:#718493;font-size:11px;line-height:1.7;text-align:right}.product-range__grid--4 article>div{min-height:265px}.product-range__grid--4 article h3{font-size:32px}
.catalog-empty--category{max-width:900px;margin:35px auto 0;padding:58px}.catalog-empty--category h2{margin:0;color:#102b43;font-size:clamp(32px,4vw,46px)}.catalog-empty--category>p:not(.eyebrow){max-width:700px;margin:18px auto 28px;color:#617487;line-height:1.75}.catalog-empty--category>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
@media(max-width:1000px){.product-range__grid,.product-range__grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.product-range__grid,.product-range__grid--4,.product-range__grid--2{grid-template-columns:1fr}.product-range article{display:grid;grid-template-columns:42% 58%}.product-range article.product-range__item--text{display:block}.product-range article>img{height:100%;aspect-ratio:auto}.product-range article>div,.product-range__grid--4 article>div{min-height:220px;padding:20px}.product-range article h3,.product-range__grid--4 article h3{font-size:27px}.product-range__note{text-align:left}}

/* Image-led generic product and solution heroes. */
@media(min-width:821px){.inner-hero{min-height:610px;background:#081f36}.inner-hero__media{left:43%}.inner-hero__media::after{background:linear-gradient(90deg,#081f36 0,rgba(8,31,54,.97) 5%,rgba(8,31,54,.72) 28%,rgba(8,31,54,0) 67%)}.inner-hero__media img{object-position:center}.inner-hero__content{padding-block:90px}.inner-hero__content>*{max-width:610px}.inner-hero h1{max-width:650px;font-size:clamp(3.15rem,4.6vw,4.85rem)}}
@media(max-width:820px){.inner-hero{display:block;min-height:0;padding-top:248px;background:#081f36}.inner-hero__media{inset:0 0 auto;height:248px}.inner-hero__media::after{background:linear-gradient(0deg,#081f36 0,rgba(8,31,54,.08) 46%,rgba(8,31,54,0) 100%)}.inner-hero__content{padding-block:24px 52px}.inner-hero h1{margin-top:12px;font-size:clamp(2.65rem,12vw,3.35rem)}.inner-hero__content>p:not(.eyebrow){font-size:.96rem}.inner-hero__content>.breadcrumbs{margin-bottom:18px}.inner-hero .media-disclosure{display:block;margin-top:18px;color:#9eb2c1;font-size:9px;line-height:1.5}}