:root {
  --ink: #1f2328;
  --muted: #5b6470;
  --teal: #0f4c5c;
  --teal-dark: #083743;
  --copper: #c8743a;
  --copper-dark: #a95c2c;
  --cream: #f7f6f3;
  --silver: #c9cdd2;
  --silver-light: #e6e8eb;
  --white: #ffffff;
  --line: rgba(31, 35, 40, .13);
  --shadow: 0 18px 45px rgba(15, 76, 92, .08);
  --serif: 'Playfair Display', Georgia, serif;
  --sans: Inter, Arial, sans-serif;
  --shell: min(1180px, calc(100% - 40px));
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: var(--sans); font-size: 15px; line-height: 1.65; }
body, button, input, select, textarea { font-family: var(--sans); }
a { color: inherit; text-decoration: none; }
button, select { cursor: pointer; }
img { display: block; max-width: 100%; }
table { border-collapse: collapse; }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); line-height: 1.07; letter-spacing: -.035em; }
h1 { font-size: clamp(2.85rem, 6.7vw, 5.4rem); margin-bottom: 1.25rem; }
h2 { font-size: clamp(2.1rem, 4.2vw, 3.55rem); margin-bottom: 1rem; }
h3 { font-size: 1.1rem; line-height: 1.3; margin-bottom: .65rem; }
.shell, .section-shell { width: var(--shell); margin-inline: auto; }
.section { padding: 5rem 0; }
.section--cream { background: var(--cream); }
.eyebrow { margin: 0 0 .75rem; color: var(--teal); font-size: .69rem; font-weight: 700; letter-spacing: .135em; line-height: 1.4; text-transform: uppercase; }
.eyebrow--copper { color: var(--copper); }
.icon { display: inline-block; width: 1.1em; height: 1.1em; vertical-align: -.2em; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.placeholder-inline { color: var(--copper); font-weight: 600; }
.microcopy { color: var(--muted); font-size: .78rem; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; min-height: 48px; padding: .75rem 1.12rem; border: 1px solid transparent; font-size: .78rem; font-weight: 700; letter-spacing: .04em; transition: transform .22s ease, background .22s ease, color .22s ease, box-shadow .22s ease; }
.button:hover { transform: translateY(-2px); }
.button--copper { color: var(--white); background: var(--copper); box-shadow: 0 9px 22px rgba(200,116,58,.2); }
.button--copper:hover { background: var(--copper-dark); }
.button--teal { color: var(--white); background: var(--teal); }
.button--light { color: var(--ink); background: var(--white); border-color: var(--silver); }
.button--outline { color: var(--white); border-color: rgba(255,255,255,.65); }
.button--outline-dark { color: var(--teal); border-color: var(--teal); }
.button--small { min-height: 38px; padding: .52rem .75rem; font-size: .68rem; }
.text-action { display: inline-flex; align-items: center; gap: .45rem; color: var(--teal); font-weight: 700; font-size: .78rem; letter-spacing: .04em; }
.text-action:hover { color: var(--copper); }

.utility-bar { display: none; background: var(--teal-dark); color: rgba(255,255,255,.8); font-size: .67rem; letter-spacing: .035em; }
.utility-bar__inner { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; }
.utility-contact, .utility-bar__direct { display: flex; gap: .6rem; align-items: center; }
.utility-contact i, .utility-bar__direct i { height: 3px; width: 3px; flex: 0 0 3px; border-radius: 50%; background: var(--copper); }
.utility-bar__direct a { color: rgba(255,255,255,.84); white-space: nowrap; }
.utility-bar__direct a:hover { color: var(--white); }
.site-header { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(201,205,210,.64); backdrop-filter: blur(15px); }
.header-inner { display: flex; min-height: 68px; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: .48rem; max-width: 240px; line-height: 1; }
.brand-logo { display: block; width: 96px; height: auto; }
.brand-company { padding-left: .48rem; border-left: 1px solid var(--silver); color: var(--muted); font-size: .56rem; font-weight: 700; letter-spacing: .13em; line-height: 1.1; text-transform: uppercase; }
.menu-toggle { display: grid; width: 38px; height: 38px; place-items: center; padding: 0; color: var(--teal); border: 1px solid var(--silver); background: var(--white); }
.menu-toggle .icon { width: 20px; height: 20px; }
.site-nav { display: none; }
.site-nav.is-open { position: absolute; inset: 68px 0 auto; display: flex; flex-direction: column; padding: 1rem 20px 1.25rem; background: var(--white); border-bottom: 1px solid var(--silver); box-shadow: var(--shadow); }
.site-nav > a, .nav-detail summary { padding: .6rem 0; color: var(--ink); font-size: .75rem; font-weight: 600; list-style: none; }
.site-nav > a.is-current { color: var(--teal); }
.nav-detail summary::-webkit-details-marker { display: none; }
.nav-detail summary .icon { margin-left: .2rem; }
.nav-panel { display: grid; gap: .25rem; margin: .15rem 0 .6rem; padding: .6rem .75rem; background: var(--cream); }
.nav-panel a { padding: .32rem 0; color: var(--muted); font-size: .72rem; }
.header-actions { display: grid; gap: .45rem; margin-top: .6rem; }
.phase-toast { position: fixed; z-index: 80; right: 20px; bottom: 90px; max-width: 285px; padding: .9rem 1rem; color: var(--white); background: var(--teal); box-shadow: var(--shadow); font-size: .78rem; opacity: 0; pointer-events: none; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease; }
.phase-toast.is-visible { opacity: 1; transform: translateY(0); }

.hero { position: relative; isolation: isolate; overflow: hidden; color: var(--white); background: var(--teal); }
.hero--photo::before { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(90deg, rgba(8,55,67,.94) 0%, rgba(8,55,67,.82) 64%, rgba(8,55,67,.4) 100%); }
.hero__background { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero__grid { display: grid; min-height: 630px; align-items: center; }
.hero__content { position: relative; z-index: 1; width: min(660px, 100%); padding: 4.8rem 0 3.5rem; }
.hero h1 { max-width: 660px; font-size: clamp(2.35rem, 3.35vw, 3.25rem); }
.hero__content .eyebrow { max-width: 300px; }
.hero__lead { color: rgba(255,255,255,.88); font-size: 1rem; font-weight: 600; }
.hero__copy { max-width: 530px; color: rgba(255,255,255,.72); }
.hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.7rem 0 2.25rem; }
.hero__facts { display: flex; flex-wrap: wrap; gap: .45rem 1rem; color: rgba(255,255,255,.76); font-size: .68rem; }
.hero__facts span { display: inline-flex; align-items: center; gap: .35rem; }
.hero__facts b { color: #fff; font-size: .78rem; font-variant-numeric: tabular-nums; }
.visual-feature figcaption { position: absolute; z-index: 2; right: .8rem; bottom: .8rem; margin: 0; padding: .35rem .5rem; color: var(--ink); background: rgba(255,255,255,.84); font-size: .59rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.product-brand-overlay { position: absolute; z-index: 3; top: .85rem; left: .85rem; display: block; width: 92px; line-height: 0; pointer-events: none; }
.product-brand-overlay img { display: block; width: 100%; height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; filter: drop-shadow(0 1px 2px rgba(255,255,255,.55)); }
.hero__visual .product-brand-overlay img { filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.2)); }

.trust-strip { background: var(--white); border-bottom: 1px solid var(--silver-light); }
.trust-strip__grid { display: grid; grid-template-columns: 1fr 1fr; }
.trust-strip__grid > div { min-height: 100px; padding: 1.2rem; border-right: 1px solid var(--silver-light); border-bottom: 1px solid var(--silver-light); }
.trust-strip span { display: block; margin-bottom: .28rem; color: var(--muted); font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.trust-strip strong { color: var(--teal); font-size: .75rem; font-weight: 600; }
.section-heading { margin-bottom: 2.3rem; }
.section-heading > p { max-width: 430px; color: var(--muted); }
.benefit-grid { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--silver); background: var(--silver); }
.benefit-card { min-height: 286px; padding: 1.6rem; background: var(--white); }
.benefit-card__icon { display: grid; width: 40px; height: 40px; place-items: center; margin-bottom: 2.7rem; color: var(--teal); border-radius: 50%; background: linear-gradient(135deg, #fff, #dde1e5); }
.benefit-card__icon .icon { width: 20px; height: 20px; }
.benefit-card p:last-child { margin-bottom: 0; color: var(--muted); font-size: .88rem; }
.why-benefits { position: relative; overflow: hidden; isolation: isolate; background-color: #dfe5e4; background-image: linear-gradient(90deg, rgba(247,246,243,.8) 0%, rgba(247,246,243,.57) 48%, rgba(247,246,243,.3) 100%), var(--why-aluminum-image); background-position: center; background-size: cover; }
.why-benefits .section-shell { position: relative; z-index: 1; }
.why-benefits .section-heading > p { padding: .55rem .7rem; color: var(--ink); background: rgba(247,246,243,.54); box-shadow: 0 8px 24px rgba(8,55,67,.08); font-weight: 500; }
.why-benefits .benefit-grid { border-color: rgba(15,76,92,.24); background: rgba(15,76,92,.22); box-shadow: 0 18px 42px rgba(8,55,67,.14); }
.why-benefits .benefit-card { background: rgba(255,255,255,.88); backdrop-filter: blur(7px); }
.why-benefits .benefit-card__icon { background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(215,227,228,.95)); }
.why-benefits--home { min-height: 0; aspect-ratio: 1840 / 855; background-color: #edf0f2; background-image: none; }
.why-benefits--home::before { position: absolute; z-index: -1; inset: 0; content: ''; background: linear-gradient(90deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,.18) 52%, rgba(255,255,255,.06) 100%); }
.why-benefits--home .why-benefits__background { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center top; }
.why-benefits--home .benefit-grid { background: rgba(15,76,92,.16); }
.why-benefits--home .benefit-card { background: rgba(255,255,255,.9); }

.application-section { overflow: hidden; }
.application-grid { display: grid; gap: 1px; background: var(--silver-light); border: 1px solid var(--silver-light); }
.application-card { position: relative; display: flex; min-height: 210px; flex-direction: column; padding: 1.35rem; overflow: hidden; background: var(--white); transition: transform .25s ease, background .25s ease; }
.application-card:hover { z-index: 1; background: #fcfcfb; transform: translateY(-4px); box-shadow: var(--shadow); }
.application-card__number { color: var(--silver); font-family: var(--serif); font-size: 1.8rem; }
.application-card__icon { position: absolute; top: 1.45rem; right: 1.3rem; color: var(--teal); }
.application-card__icon .icon { width: 25px; height: 25px; }
.application-card__name { margin-top: auto; font-family: var(--serif); font-size: 1.35rem; font-weight: 600; line-height: 1.05; }
.application-card__copy { margin-top: .55rem; color: var(--muted); font-size: .76rem; }
.application-card__arrow { display: inline-flex; align-items: center; gap: .3rem; margin-top: 1.2rem; color: var(--copper); font-size: .67rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.finder-section { background: var(--teal); color: var(--white); }
.finder-stage { display: grid; gap: 2.1rem; }
.finder-stage__copy > p:not(.eyebrow) { color: rgba(255,255,255,.7); }
.measure-diagram { position: relative; width: 206px; height: 80px; margin-top: 2rem; border-bottom: 1px solid rgba(255,255,255,.25); }
.measure-diagram__tube { position: absolute; top: 18px; left: 35px; width: 106px; height: 28px; border: 2px solid rgba(255,255,255,.8); border-right-width: 10px; border-radius: 2px 14px 14px 2px; transform: skewX(-10deg); }
.measure-diagram__length { position: absolute; bottom: 5px; left: 55px; font-size: .75rem; }
.measure-diagram__diameter { position: absolute; top: 6px; left: 4px; font-size: .75rem; }
.finder { padding: 1.35rem; color: var(--ink); background: var(--white); box-shadow: var(--shadow); }
.finder__heading { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: .8rem; margin-bottom: 1.5rem; }
.finder h2 { margin: 0; font-size: clamp(1.75rem, 5vw, 2.6rem); }
.finder__controls { display: grid; gap: 1rem; }
.finder-tabs { display: inline-flex; width: 100%; padding: 3px; border: 1px solid var(--silver); background: var(--cream); }
.finder-tab { flex: 1; padding: .68rem .55rem; color: var(--muted); border: 0; background: transparent; font-size: .68rem; font-weight: 700; }
.finder-tab.is-active { color: var(--white); background: var(--teal); }
.select-field { display: grid; gap: .45rem; color: var(--teal); font-size: .7rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.select-field select { width: 100%; padding: .76rem .8rem; color: var(--ink); border: 1px solid var(--silver); border-radius: 0; background: var(--white); font-size: .86rem; }
.finder__summary { margin: 1.15rem 0 .65rem; color: var(--muted); font-size: .76rem; }
.finder__summary span { color: var(--copper); font-weight: 700; font-variant-numeric: tabular-nums; }
.finder__results { display: grid; border-top: 1px solid var(--silver-light); }
.size-result { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .8rem 0; border-bottom: 1px solid var(--silver-light); }
.size-result__code { font-size: .75rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.size-result .text-action { flex: 0 0 auto; font-size: .67rem; }
.finder__note { margin: 1rem 0 0; color: var(--muted); font-size: .7rem; }

.custom-grid { display: grid; gap: .8rem; margin-bottom: 1.6rem; }
.custom-grid article { padding: 1.25rem; border-top: 1px solid var(--silver); background: linear-gradient(105deg, rgba(255,255,255,.63), transparent); }
.custom-grid article > span { display: block; margin-bottom: 1.4rem; color: var(--teal); }
.custom-grid .icon { width: 26px; height: 26px; }
.custom-grid p { margin: 0; color: var(--muted); font-size: .8rem; }
.material-layout { display: grid; gap: 2rem; }
.material-layout > div > p:not(.eyebrow) { max-width: 400px; color: var(--muted); }
.material-table-wrap { overflow-x: auto; border: 1px solid var(--silver); }
.material-table { width: 620px; font-size: .72rem; }
.material-table th, .material-table td { padding: .75rem; text-align: left; border-bottom: 1px solid var(--silver-light); }
.material-table thead { color: var(--white); background: var(--teal); }
.material-table tbody th { color: var(--teal); font-weight: 700; }
.material-table td:first-of-type { color: var(--ink); font-weight: 600; }
.process-section { color: var(--white); background: var(--teal-dark); }
.process-section h2 { max-width: 590px; }
.process-list { display: grid; gap: 1px; margin: 2.1rem 0 0; padding: 0; list-style: none; background: rgba(255,255,255,.23); }
.process-list li { display: flex; align-items: center; gap: .8rem; padding: 1rem; background: var(--teal-dark); font-size: .77rem; font-weight: 600; }
.process-list span { color: var(--copper); font-family: var(--serif); font-size: 1.4rem; }
.visual-feature__grid { display: grid; gap: 2.5rem; align-items: center; }
.visual-feature figure { position: relative; margin: 0; overflow: hidden; background: var(--cream); }
.visual-feature figure > img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.visual-feature__grid > div > p:not(.eyebrow) { color: var(--muted); }
.placeholder-panel { display: grid; gap: .35rem; margin: 1.45rem 0; padding: 1.1rem; border-left: 3px solid var(--copper); background: var(--cream); }
.placeholder-panel strong { color: var(--teal); font-size: .78rem; text-transform: uppercase; letter-spacing: .07em; }
.placeholder-panel span { color: var(--muted); font-size: .78rem; }
.proof-grid { display: grid; gap: 1rem; }
.quote-placeholder, .logo-placeholder { display: grid; min-height: 160px; place-content: center; padding: 1.5rem; color: var(--muted); border: 1px dashed var(--silver); text-align: center; }
.quote-placeholder { color: var(--teal); font-family: var(--serif); font-size: 1.4rem; font-style: italic; }
.quote-placeholder span { margin-top: 1rem; color: var(--muted); font-family: var(--sans); font-size: .7rem; font-style: normal; }
.logo-placeholder { font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.insight-grid { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.insight-grid article { padding: 1.4rem; background: var(--white); }
.insight-grid span { color: var(--copper); font-size: .63rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.insight-grid h3 { margin-top: 2.4rem; font-family: var(--serif); font-size: 1.45rem; line-height: 1.05; }
.insight-grid p { margin: 0; color: var(--muted); font-size: .8rem; }

.rfq-section { padding: 4.6rem 0; }
.section--dark { color: var(--white); background: var(--teal); }
.rfq-layout { display: grid; gap: 2.25rem; }
.rfq-intro > p:not(.eyebrow):not(.microcopy) { color: rgba(255,255,255,.72); }
.rfq-facts { display: grid; gap: .6rem; margin: 1.65rem 0; }
.rfq-facts div { display: flex; justify-content: space-between; gap: .8rem; padding-bottom: .6rem; border-bottom: 1px solid rgba(255,255,255,.18); }
.rfq-facts dt { color: rgba(255,255,255,.68); font-size: .69rem; font-weight: 600; }
.rfq-facts dd { margin: 0; color: var(--white); font-size: .72rem; font-weight: 700; }
.rfq-intro .microcopy { color: rgba(255,255,255,.55); }
.rfq-form { padding: 1.15rem; color: var(--ink); background: var(--white); }
.form-grid { display: grid; gap: .9rem; }
.rfq-form label, .decoration-field { display: grid; gap: .4rem; color: var(--teal); font-size: .68rem; font-weight: 700; letter-spacing: .045em; }
.rfq-form input, .rfq-form select, .rfq-form textarea { width: 100%; padding: .75rem; color: var(--ink); border: 1px solid var(--silver); border-radius: 0; background: var(--white); font-size: .8rem; font-weight: 400; letter-spacing: 0; }
.rfq-form textarea { resize: vertical; }
.rfq-form input[readonly] { color: var(--muted); background: var(--cream); }
.rfq-form input[type='file'] { padding: .5rem; font-size: .68rem; }
.decoration-field { margin: 1rem 0; padding: .95rem; border: 1px solid var(--silver); }
.decoration-field legend { padding: 0 .35rem; }
.check-grid { display: grid; gap: .55rem; }
.check-option { display: flex !important; grid-template-columns: auto 1fr; align-items: start; gap: .45rem !important; color: var(--muted) !important; font-size: .67rem !important; font-weight: 500 !important; letter-spacing: 0 !important; }
.check-option input { width: 14px !important; height: 14px; margin: .15rem 0 0; padding: 0 !important; accent-color: var(--teal); }
.honeypot { position: absolute !important; left: -9999px; }
.form-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; margin-top: 1rem; }
.form-footer .microcopy { max-width: 270px; margin: 0; }

.breadcrumb { display: flex; align-items: center; gap: .38rem; padding: .85rem 0; color: var(--muted); font-size: .68rem; }
.breadcrumb .icon { width: 12px; height: 12px; }
.breadcrumb a { color: var(--teal); }
.page-hero { padding: 4.7rem 0 3.6rem; color: var(--white); background: radial-gradient(circle at 84% 18%, rgba(200,116,58,.25), transparent 24%), var(--teal); }
.page-hero > div { max-width: 850px; }
.page-hero p:not(.eyebrow) { max-width: 600px; color: rgba(255,255,255,.72); font-size: 1rem; }
.page-hero__facts { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.7rem; }
.page-hero__facts span { padding: .45rem .65rem; color: rgba(255,255,255,.92); border: 1px solid rgba(255,255,255,.26); font-size: .7rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.measurement-section { padding-bottom: 2rem; }
.measurement-grid { display: grid; gap: 2rem; align-items: center; }
.measurement-grid p:not(.eyebrow):not(.placeholder-inline) { max-width: 500px; color: var(--muted); }
.dimension-card { display: grid; min-height: 290px; place-items: center; overflow: hidden; border: 1px solid var(--silver); background: linear-gradient(135deg, #fff, #f0f1f2); }
.dimension-tube { position: relative; width: 98px; height: 210px; transform: rotate(32deg); }
.dimension-body { position: absolute; inset: 22px 20px 30px; border: 2px solid var(--teal); border-radius: 14px 14px 4px 4px; background: rgba(255,255,255,.4); }
.dimension-cap { position: absolute; z-index: 1; top: 9px; left: 16px; width: 66px; height: 28px; border: 2px solid var(--teal); border-radius: 50% 50% 6px 6px; background: var(--cream); }
.dimension-crimp { position: absolute; bottom: 22px; left: 17px; width: 64px; height: 12px; border: 2px solid var(--copper); }
.dimension-l, .dimension-d, .dimension-shoulder, .dimension-fold { position: absolute; color: var(--teal); font-family: var(--sans); font-size: .6rem; font-style: normal; font-weight: 700; white-space: nowrap; transform: rotate(-32deg); }
.dimension-l { top: 110px; left: 105px; }
.dimension-d { top: 140px; left: -29px; }
.dimension-shoulder { top: 35px; left: 85px; }
.dimension-fold { bottom: -1px; left: 84px; }
.matrix-section { overflow: hidden; }
.matrix-key { display: flex; max-width: 275px; align-items: center; gap: .5rem; color: var(--muted); font-size: .69rem; }
.matrix-key span { width: 13px; height: 13px; flex: 0 0 13px; background: #dce8e9; border: 1px solid #a8c3c6; }
.matrix-wrap { overflow: auto; max-height: 630px; border: 1px solid var(--silver); }
.size-matrix { min-width: 830px; width: 100%; font-variant-numeric: tabular-nums; }
.size-matrix th, .size-matrix td { min-width: 48px; height: 44px; padding: .35rem .25rem; border-right: 1px solid var(--silver-light); border-bottom: 1px solid var(--silver-light); text-align: center; font-size: .68rem; }
.size-matrix thead th { position: sticky; z-index: 3; top: 0; color: var(--white); background: var(--teal); }
.size-matrix tr > :first-child { position: sticky; z-index: 2; left: 0; min-width: 84px; color: var(--teal); background: #fbfbfa; font-weight: 700; }
.size-matrix thead tr > :first-child { z-index: 4; color: var(--white); background: var(--teal-dark); }
.size-matrix td { padding: 0; }
.size-matrix td a { display: grid; width: 100%; height: 100%; place-content: center; color: var(--teal); background: #dce8e9; font-weight: 700; transition: color .2s ease, background .2s ease; }
.size-matrix .matrix-value { display: grid; width: 100%; height: 100%; place-content: center; color: var(--teal); background: #dce8e9; font-weight: 700; }
.size-matrix td a:hover { color: var(--white); background: var(--teal); }
.size-matrix small { display: block; color: var(--muted); font-size: .55rem; font-weight: 500; }
.matrix-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.35rem; }
.matrix-footer p { max-width: 580px; margin: 0; color: var(--muted); font-size: .72rem; }
.size-cta { padding: 4rem 0; color: var(--white); background: var(--teal-dark); }
.size-cta h2 { max-width: 670px; }
.thank-you { display: grid; min-height: calc(100vh - 250px); place-items: center; padding: 3.5rem 20px; background: var(--cream); }
.thank-you__panel { width: min(640px, 100%); padding: 2rem 1.35rem; text-align: center; background: var(--white); box-shadow: var(--shadow); }
.thank-you__mark { display: grid; width: 55px; height: 55px; place-items: center; margin: 0 auto 1.5rem; color: var(--white); border-radius: 50%; background: var(--teal); }
.thank-you__mark .icon { width: 30px; height: 30px; }
.thank-you__panel > p:not(.eyebrow):not(.microcopy) { max-width: 480px; margin-inline: auto; color: var(--muted); }
.thank-you__notice { display: grid; gap: .35rem; margin: 1.4rem 0; padding: 1rem; background: var(--cream); font-size: .76rem; }
.thank-you__notice strong { color: var(--teal); }
.thank-you__notice span { color: var(--muted); }
.thank-you__panel .hero__actions { justify-content: center; margin: 1.5rem 0; }
.site-footer { padding: 3.3rem 0 5rem; color: rgba(255,255,255,.75); background: var(--teal-dark); }
.footer-grid { display: grid; gap: 2rem; }
.footer-grid > div > p { color: rgba(255,255,255,.62); font-size: .75rem; }
.brand--footer { color: var(--white); margin-bottom: 1.1rem; }
.brand--footer .brand-logo { filter: brightness(0) invert(1); }
.brand--footer .brand-company { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.7); }
.footer-grid h3 { color: var(--white); font-size: .69rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-grid a:not(.brand) { display: block; margin: .42rem 0; color: rgba(255,255,255,.64); font-size: .73rem; }
.footer-grid a:not(.brand):hover { color: var(--copper); }
.social-row { display: flex; gap: .45rem; margin: 1rem 0; }
.social-row span { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(255,255,255,.23); border-radius: 50%; font-size: .68rem; }
.cert-placeholder { padding: .65rem; border: 1px dashed rgba(255,255,255,.25); font-size: .62rem !important; }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .6rem; padding-top: 1.3rem; margin-top: 2rem; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.45); font-size: .65rem; }
.footer-bottom a { color: rgba(255,255,255,.7); }
.float-actions { position: fixed; z-index: 20; right: 16px; bottom: 82px; display: grid; gap: .45rem; }
.float-actions a { display: flex; min-height: 37px; align-items: center; justify-content: center; gap: .35rem; padding: .45rem .7rem; box-shadow: 0 6px 17px rgba(0,0,0,.12); font-size: .67rem; font-weight: 700; }
.float-quote { color: var(--white); background: var(--copper); }
.float-email { color: var(--white); background: var(--copper); }
.float-whatsapp { color: var(--white); background: #205f58; }
.mobile-contact-bar { position: fixed; z-index: 29; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(2, 1fr); color: var(--white); background: var(--teal-dark); box-shadow: 0 -6px 20px rgba(0,0,0,.16); }
.mobile-contact-bar a { display: flex; min-height: 52px; flex-direction: column; align-items: center; justify-content: center; gap: .18rem; border-right: 1px solid rgba(255,255,255,.16); font-size: .6rem; font-weight: 700; }
.mobile-contact-bar a:last-child { border-right: 0; }
.mobile-contact-bar .mobile-email { color: var(--white); background: var(--teal); }
.mobile-contact-bar .mobile-whatsapp { color: var(--white); background: #205f58; }
.mobile-contact-bar .icon { width: 16px; height: 16px; }
.cookie-banner { position: fixed; z-index: 35; right: 14px; bottom: 66px; left: 14px; display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .8rem .9rem; color: var(--ink); background: var(--white); border: 1px solid var(--silver); box-shadow: var(--shadow); }
.cookie-banner p { margin: 0; font-size: .66rem; line-height: 1.45; }
.cookie-banner a { color: var(--teal); text-decoration: underline; }
.cookie-banner button { padding: .45rem .65rem; color: var(--white); border: 0; background: var(--teal); font-size: .66rem; font-weight: 700; }

@media (min-width: 560px) {
  :root { --shell: min(1180px, calc(100% - 56px)); }
  .application-grid { grid-template-columns: 1fr 1fr; }
  .custom-grid { grid-template-columns: 1fr 1fr; }
  .process-list { grid-template-columns: 1fr 1fr; }
  .insight-grid { grid-template-columns: repeat(3, 1fr); }
  .form-grid--two { grid-template-columns: 1fr 1fr; }
  .check-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1.55fr 1fr 1fr 1.2fr; }
}
@media (min-width: 760px) {
  .utility-bar { display: block; }
  .header-inner { min-height: 78px; }
  .menu-toggle { display: none; }
  .site-nav { display: flex; align-items: center; gap: .8rem; }
  .site-nav > a, .nav-detail summary { padding: 1.5rem 0; font-size: .65rem; white-space: nowrap; }
  .nav-detail { position: relative; }
  .nav-panel { position: absolute; top: 100%; left: -1rem; min-width: 170px; margin: 0; padding: .75rem 1rem; border: 1px solid var(--silver-light); box-shadow: var(--shadow); }
  .header-actions { display: flex; margin: 0 0 0 .15rem; }
  .header-actions .button { white-space: nowrap; }
  .hero__grid { min-height: 600px; }
  .hero__content { padding: 5.3rem 0; }
  .trust-strip__grid { grid-template-columns: repeat(4, 1fr); }
  .trust-strip__grid > div { border-bottom: 0; }
  .section-heading--split { display: flex; align-items: end; justify-content: space-between; gap: 3rem; }
  .section-heading--split > div { max-width: 630px; }
  .benefit-grid { grid-template-columns: repeat(3, 1fr); }
  .application-grid { grid-template-columns: repeat(4, 1fr); }
  .application-card:nth-child(7) { grid-column: span 2; }
  .finder-stage { grid-template-columns: .8fr 1.2fr; align-items: center; }
  .custom-grid { grid-template-columns: repeat(5, 1fr); }
  .material-layout { grid-template-columns: .78fr 1.22fr; align-items: center; }
  .process-list { grid-template-columns: repeat(6, 1fr); }
  .process-list li { min-height: 116px; flex-direction: column; align-items: flex-start; justify-content: center; }
  .visual-feature__grid { grid-template-columns: .9fr 1.1fr; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .rfq-layout { grid-template-columns: .75fr 1.25fr; align-items: start; }
  .rfq-form { padding: 1.5rem; }
  .measurement-grid { grid-template-columns: 1fr 1fr; }
  .float-actions { bottom: 22px; }
  .mobile-contact-bar { display: none; }
  .cookie-banner { right: auto; bottom: 20px; left: 20px; width: 395px; }
  .site-footer { padding-bottom: 3.3rem; }
}
@media (max-width: 759px) {
  .hero__grid { min-height: 0; }
  .hero__content { padding: 4.1rem 0 3.2rem; }
  .hero h1 { max-width: 330px; font-size: clamp(2rem, 9.3vw, 2.35rem); }
  .hero--photo::before { background: linear-gradient(90deg, rgba(8,55,67,.96) 0%, rgba(8,55,67,.86) 64%, rgba(8,55,67,.54) 100%); }
  .hero__background { object-position: 64% center; }
  .why-benefits--home { aspect-ratio: auto; }
  .why-benefits--home .why-benefits__background { height: auto; aspect-ratio: 1840 / 855; object-fit: contain; object-position: center top; }
}
@media (min-width: 980px) {
  .site-nav { gap: 1rem; }
  .site-nav > a, .nav-detail summary { font-size: .68rem; }
  .header-actions { gap: .4rem; }
  .application-grid { grid-template-columns: repeat(7, 1fr); }
  .application-card { min-height: 260px; }
  .application-card:nth-child(7) { grid-column: auto; }
  .finder--compact { padding: 1.8rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .hero__background { animation: gentleDrift 14s ease-in-out infinite alternate; }
  @keyframes gentleDrift { from { transform: scale(1.015) translateX(0); } to { transform: scale(1.04) translateX(-1.5%); } }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; } }


/* Phase 2 content-page components */
.content-visual { position: relative; margin: 0; overflow: hidden; background: var(--cream); }
.content-visual img { width: 100%; min-height: 260px; aspect-ratio: 4 / 5; object-fit: cover; }
.content-visual .product-brand-overlay { width: 86px; }
.content-visual .product-brand-overlay img { min-height: 0; aspect-ratio: auto; }
.content-visual figcaption { position: absolute; right: .8rem; bottom: .8rem; margin: 0; padding: .35rem .5rem; color: var(--ink); background: rgba(255,255,255,.88); font-size: .59rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.factory-gallery { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--silver); background: var(--silver); }
.factory-gallery figure { position: relative; margin: 0; min-height: 220px; overflow: hidden; background: var(--cream); }
.factory-gallery img { display: block; width: 100%; height: 100%; min-height: 220px; aspect-ratio: 4 / 3; object-fit: cover; }
.factory-gallery figcaption { position: absolute; right: .7rem; bottom: .7rem; margin: 0; padding: .32rem .46rem; color: var(--ink); background: rgba(255,255,255,.88); font-size: .59rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.factory-capability-grid { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.factory-capability-grid article { min-height: 160px; padding: 1.35rem; background: var(--white); }
.factory-capability-grid span { display: block; margin-bottom: 1.35rem; color: var(--muted); font-size: .65rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.factory-capability-grid strong { color: var(--teal); font-family: var(--serif); font-size: 1.7rem; line-height: 1.08; }
.application-focus-list { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.application-focus-list li { padding: .5rem .66rem; color: var(--teal); border: 1px solid var(--silver); background: var(--cream); font-size: .71rem; font-weight: 700; }
.product-overview-grid, .application-detail-grid, .split-copy, .quality-preview, .artwork-grid, .people-grid, .contact-context { display: grid; gap: 2rem; align-items: start; }
.product-gallery { display: grid; gap: 1rem; }
.product-gallery__secondary { max-width: 310px; }
.product-gallery__secondary .content-visual img { min-height: 180px; }
.quick-specs { padding: 1.4rem; border-top: 3px solid var(--copper); background: var(--cream); box-shadow: var(--shadow); }
.quick-specs h2 { font-size: 2.1rem; }
.quick-specs dl { margin: 1.35rem 0; }
.quick-specs dl > div { display: grid; grid-template-columns: 1.1fr 1fr; gap: .7rem; padding: .58rem 0; border-bottom: 1px solid var(--silver); }
.quick-specs dt { color: var(--muted); font-size: .68rem; font-weight: 600; }
.quick-specs dd { margin: 0; color: var(--teal); font-size: .7rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.quick-specs__actions { display: grid; gap: .6rem; }
.split-copy > div > p:not(.eyebrow), .quality-preview > div > p:not(.eyebrow), .application-detail-copy > p:not(.eyebrow), .artwork-grid > div > p:not(.eyebrow), .people-grid > div > p:not(.eyebrow), .contact-context > div > p:not(.eyebrow) { color: var(--muted); }
.application-link-grid { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.application-link-grid a { position: relative; display: grid; min-height: 180px; gap: .7rem; padding: 1.25rem; background: var(--white); transition: transform .2s ease, box-shadow .2s ease; }
.application-link-grid a:hover { z-index: 1; transform: translateY(-3px); box-shadow: var(--shadow); }
.application-link-grid a > span { color: var(--teal); }
.application-link-grid a > span .icon { width: 23px; height: 23px; }
.application-link-grid b { margin-top: auto; font-family: var(--serif); font-size: 1.25rem; line-height: 1.05; }
.application-link-grid small { color: var(--muted); font-size: .72rem; line-height: 1.5; }
.application-link-grid > a > .icon { color: var(--copper); }
.conversion-band { padding: 4.4rem 0; color: var(--white); background: var(--teal-dark); }
.conversion-band__inner { display: grid; gap: 1.6rem; align-items: end; }
.conversion-band h2 { max-width: 730px; margin-bottom: .75rem; }
.conversion-band p:not(.eyebrow) { max-width: 600px; margin-bottom: 0; color: rgba(255,255,255,.7); }
.conversion-band__actions { display: flex; flex-wrap: wrap; gap: .65rem; }
.application-detail-grid .content-visual { max-width: 480px; }
.application-facts { display: grid; gap: .65rem; margin-top: 1.4rem; padding-top: 1.15rem; border-top: 1px solid var(--silver); }
.application-facts span { display: flex; justify-content: space-between; gap: .7rem; color: var(--muted); font-size: .72rem; }
.application-facts b { color: var(--teal); font-variant-numeric: tabular-nums; }
.recommendations { padding: 0; }
.recommendations .section-heading > p:last-child { max-width: 660px; color: var(--muted); }
.recommendation-list { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.recommendation-list article { display: grid; gap: .35rem; padding: 1rem 1.1rem; background: var(--white); }
.recommendation-list article > span { color: var(--teal); font-size: .9rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.recommendation-list small { color: var(--muted); font-size: .66rem; }
.application-customization { display: grid; gap: 1.7rem; }
.application-customization > div > p:not(.eyebrow) { color: var(--muted); }
.application-customization ul { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; background: var(--silver); }
.application-customization li { display: flex; align-items: center; gap: .9rem; padding: 1rem; background: var(--cream); color: var(--muted); font-size: .8rem; }
.application-customization li span { color: var(--copper); font-family: var(--serif); font-size: 1.35rem; }
.faq-list { margin-bottom: 2.6rem; }
.faq-list__items { border-top: 1px solid var(--silver); }
.faq-list details { border-bottom: 1px solid var(--silver); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 0; color: var(--teal); cursor: pointer; font-size: .9rem; font-weight: 700; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary .icon { color: var(--copper); transition: transform .2s ease; }
.faq-list details[open] summary .icon { transform: rotate(180deg); }
.faq-list details p { max-width: 800px; margin: 0; padding: 0 0 1rem; color: var(--muted); font-size: .85rem; }
.customization-grid { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.customization-grid article { position: relative; min-height: 250px; padding: 1.25rem; overflow: hidden; background: var(--white); }
.customization-grid__number { display: block; color: var(--silver); font-family: var(--serif); font-size: 1.65rem; }
.customization-grid__icon { position: absolute; top: 1.35rem; right: 1.25rem; color: var(--teal); }
.customization-grid__icon .icon { width: 24px; height: 24px; }
.customization-grid h3 { margin: 2rem 0 .55rem; font-family: var(--serif); font-size: 1.4rem; }
.customization-grid p { max-width: 325px; color: var(--muted); font-size: .78rem; }
.customization-diagram { position: absolute; right: 1.2rem; bottom: 1.1rem; width: 90px; height: 24px; border: 1px solid var(--silver); border-radius: 0 14px 14px 0; opacity: .9; transform: rotate(-12deg); }
.customization-diagram::after { position: absolute; top: -5px; left: 4px; width: 10px; height: 32px; border: 1px solid var(--copper); content: ''; }
.customization-diagram--2 { border-radius: 18px; background: linear-gradient(110deg, transparent, rgba(200,116,58,.25), transparent); }
.customization-diagram--3 { border-radius: 3px; background: repeating-linear-gradient(90deg, transparent 0 9px, var(--silver-light) 9px 11px); }
.customization-diagram--4 { height: 34px; border-radius: 50%; }
.customization-diagram--5 { width: 120px; height: 15px; border-radius: 0 15px 15px 0; }
.customization-diagram--6 { border-color: var(--copper); }
.customization-diagram--7 { border-style: dashed; }
.artwork-grid .placeholder-panel { align-self: stretch; display: grid; place-content: center; min-height: 220px; border: 1px dashed var(--silver); }
.process-notes { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.process-notes > div { padding: 1.35rem; background: var(--white); }
.process-notes span { color: var(--copper); font-family: var(--serif); font-size: 1.7rem; }
.process-notes h3 { margin-top: 1.5rem; font-family: var(--serif); font-size: 1.35rem; }
.process-notes p { margin: 0; color: var(--muted); font-size: .78rem; }
.people-grid { align-items: center; }
.team-placeholder-grid { display: grid; gap: 1px; border: 1px dashed var(--silver); background: var(--silver); }
.team-placeholder-grid div { display: grid; min-height: 100px; place-items: center; padding: 1rem; color: var(--muted); background: var(--cream); font-size: .7rem; text-align: center; }
.video-placeholder { display: grid; min-height: 280px; place-content: center; gap: 1rem; padding: 2rem; color: var(--white); background: linear-gradient(120deg, rgba(15,76,92,.98), rgba(8,55,67,.92)); text-align: center; }
.video-placeholder > span { display: grid; width: 58px; height: 58px; place-items: center; margin: auto; color: var(--teal); border-radius: 50%; background: var(--white); }
.video-placeholder h2 { max-width: 700px; }
.video-placeholder p:not(.eyebrow) { max-width: 520px; margin-inline: auto; color: rgba(255,255,255,.7); }
.factory-timeline { display: grid; gap: 1px; margin: 0; padding: 0; list-style: none; border: 1px solid var(--silver); background: var(--silver); }
.factory-timeline li { position: relative; min-height: 155px; padding: 1.25rem; background: var(--white); }
.factory-timeline span { display: block; margin-bottom: 1.7rem; color: var(--copper); font-family: var(--serif); font-size: 1.7rem; }
.factory-timeline strong { display: block; color: var(--teal); font-family: var(--serif); font-size: 1.2rem; line-height: 1.1; }
.factory-timeline p { margin: .75rem 0 0; color: var(--muted); font-size: .72rem; }
.certification-wall { padding: 2rem; border: 1px dashed var(--silver); text-align: center; }
.certification-wall h2 { max-width: 620px; margin-inline: auto; }
.certification-wall > div { padding: 1rem; color: var(--muted); background: var(--cream); font-size: .75rem; }
.ordering-facts { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.ordering-facts article { min-height: 175px; padding: 1.25rem; background: var(--white); }
.ordering-facts span { display: block; margin-bottom: 1.5rem; color: var(--muted); font-size: .65rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.ordering-facts strong { display: block; color: var(--teal); font-family: var(--serif); font-size: 1.55rem; line-height: 1.1; }
.ordering-facts p { margin: .85rem 0 0; color: var(--muted); font-size: .74rem; }
.faq-groups .faq-list { padding: 1.5rem 0; border-bottom: 1px solid var(--silver-light); }
.faq-groups .faq-list:last-child { border-bottom: 0; }
.article-grid { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.article-card { display: flex; min-height: 280px; flex-direction: column; padding: 1.4rem; background: var(--white); }
.article-card > span { color: var(--copper); font-size: .65rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.article-card h2 { margin: 2rem 0 .7rem; font-size: 1.55rem; }
.article-card p { color: var(--muted); font-size: .8rem; }
.article-card .text-action { margin-top: auto; }
.article-body__inner { width: min(780px, 100%); margin: auto; }
.article-body__inner > section { position: relative; padding: 1.1rem 0 2rem 3.5rem; border-bottom: 1px solid var(--silver-light); }
.article-body__inner > section > span { position: absolute; top: 1.3rem; left: 0; color: var(--copper); font-family: var(--serif); font-size: 1.7rem; }
.article-body__inner h2 { font-size: 2rem; }
.article-body__inner section p { color: var(--muted); }
.article-body aside { margin-top: 3rem; padding: 1.5rem; border-left: 3px solid var(--copper); background: var(--cream); }
.article-body aside p:not(.eyebrow) { color: var(--muted); }
.policy-body { width: min(780px, 100%); margin: auto; }
.policy-body h2 { margin-top: 2.5rem; font-size: 2rem; }
.policy-body p { color: var(--muted); }
.contact-cards { display: grid; gap: 1px; border: 1px solid var(--silver); background: var(--silver); }
.contact-cards article { min-height: 140px; padding: 1.1rem; background: var(--white); }
.contact-cards article > span { color: var(--teal); }
.contact-cards article > span .icon { width: 22px; height: 22px; }
.contact-cards h3 { margin-top: 1.4rem; font-family: var(--serif); font-size: 1.25rem; }
.contact-cards p { margin: 0; color: var(--muted); font-size: .76rem; }
.map-placeholder { display: grid; min-height: 260px; align-items: center; gap: 1rem; padding: 1.6rem; border: 1px dashed var(--silver); background: linear-gradient(135deg, var(--cream), var(--white)); }
.map-placeholder p:not(.eyebrow) { color: var(--muted); }
.map-placeholder > span { color: var(--copper); }
.map-placeholder > span .icon { width: 64px; height: 64px; }
.not-found { display: grid; min-height: calc(100vh - 330px); place-items: center; padding: 4rem 20px; background: var(--cream); }
.not-found__panel { width: min(720px, 100%); padding: 2rem 1.3rem; background: var(--white); box-shadow: var(--shadow); text-align: center; }
.not-found__panel > p:not(.eyebrow) { max-width: 510px; margin-inline: auto; color: var(--muted); }
.not-found__panel .hero__actions { justify-content: center; margin-bottom: 0; }

@media (min-width: 560px) {
  .factory-gallery { grid-template-columns: 1fr 1fr; }
  .factory-capability-grid { grid-template-columns: repeat(3, 1fr); }
  .recommendation-list { grid-template-columns: repeat(3, 1fr); }
  .customization-grid { grid-template-columns: 1fr 1fr; }
  .process-notes { grid-template-columns: repeat(3, 1fr); }
  .team-placeholder-grid, .contact-cards { grid-template-columns: repeat(3, 1fr); }
  .ordering-facts { grid-template-columns: 1fr 1fr; }
  .factory-timeline { grid-template-columns: 1fr 1fr; }
  .article-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 760px) {
  .product-overview-grid { grid-template-columns: 1.12fr .88fr; }
  .application-detail-grid { grid-template-columns: .78fr 1.22fr; align-items: center; }
  .split-copy, .quality-preview, .artwork-grid, .people-grid, .contact-context { grid-template-columns: 1fr 1fr; gap: 5rem; }
  .application-customization { grid-template-columns: 1fr 1fr; align-items: center; gap: 4rem; }
  .conversion-band__inner { grid-template-columns: 1fr auto; }
  .conversion-band__actions { justify-content: flex-end; }
  .map-placeholder { grid-template-columns: 1fr auto; padding: 2.4rem; }
}
@media (min-width: 980px) {
  .factory-gallery { grid-template-columns: repeat(3, 1fr); }
  .application-link-grid { grid-template-columns: repeat(4, 1fr); }
  .application-link-grid a:nth-child(n+5) { min-height: 210px; }
  .customization-grid { grid-template-columns: repeat(4, 1fr); }
  .customization-grid article:last-child { grid-column: span 2; }
  .factory-timeline { grid-template-columns: repeat(4, 1fr); }
  .ordering-facts { grid-template-columns: repeat(4, 1fr); }
  .article-grid { grid-template-columns: repeat(3, 1fr); }
}