/* Hallmark · genre: industrial editorial · macrostructure: Catalogue
 * hero: H2 Split Diptych 7/5, product photo, negative-space divider
 * features: F3 Tabular Spec Sheet · products: F6 3-up View links
 * nav: inherited N5 + product disclosure · footer: inherited Ft3 contact index
 * theme: existing Samurai tokens · enrichment: supplied product imagery · motion: none
 */
:root {
  --inverter-image-paper: var(--color-paper); --inverter-rule: 1px solid var(--color-line);
  --inverter-accent-text: oklch(54% 0.20 28);
  --gutter: clamp(1rem, 4vw, 3rem);
  --space-2: var(--space-2xs); --space-3: var(--space-xs); --space-4: var(--space-sm);
  --space-5: var(--space-md); --space-6: var(--space-lg); --space-7: var(--space-xl);
  --space-8: var(--space-2xl); --space-9: var(--space-3xl);
}
.inverter-main { padding-top: 6.5rem; }
.iv-inner { width: min(var(--content-max), calc(100% - 2 * var(--gutter))); margin-inline: auto; }
.iv-hero { min-height: 72dvh; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; gap: var(--space-8); padding-block: var(--space-6) var(--space-9); }
.iv-hero > *, .iv-row > *, .iv-storage > * { min-width: 0; }
.iv-hero h1 { font-family: var(--font-display); font-size: clamp(2.3rem, 4.8vw, 4.7rem); font-weight: 800; letter-spacing: -.035em; line-height: 1.06; margin: var(--space-4) 0 var(--space-5); overflow-wrap: anywhere; }
.iv-hero h1 > span:first-child { color: var(--inverter-accent-text); }
.iv-hero h1:not(:has(> span)) { color: var(--inverter-accent-text); }
.iv-model .iv-hero h1 { font-size: clamp(2rem, 3.8vw, 3.7rem); }
.iv-eyebrow { color: var(--color-brand-deep); font-size: var(--text-sm); font-weight: 700; }
.iv-red { color: var(--color-sun); }
.iv-lede { font-size: var(--text-lg); line-height: 1.7; max-width: 54ch; font-weight: 500; color: var(--color-ink-soft); }
.iv-hero-media { margin: 0; background: var(--inverter-image-paper); padding: var(--space-3); }
.iv-hero-media img { display: block; width: 100%; height: auto; max-height: 27rem; object-fit: contain; }
.iv-hero-media figcaption { color: var(--color-ink-soft); font-size: var(--text-sm); padding: var(--space-4) var(--space-3); }
.iv-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-block: var(--space-5); }
.iv-actions .btn { white-space: nowrap; max-width: 100%; font-size: var(--text-sm); }
.iv-jump { display: flex; flex-wrap: wrap; gap: var(--space-4); border-block: var(--inverter-rule); padding-block: var(--space-4); }
.iv-jump a { font-weight: 700; padding: var(--space-2) 0; text-underline-offset: .3em; }
.iv-section { padding-block: var(--space-8); scroll-margin-top: 7rem; }
.iv-section h2 { font: 800 clamp(1.8rem, 3.5vw, 3rem)/1.15 var(--font-display); letter-spacing: -.025em; max-width: 26ch; margin: 0 0 var(--space-5); overflow-wrap: anywhere; min-width: 0; }
.iv-section h2 { color: var(--inverter-accent-text); }
.iv-section h3 { font: 700 var(--text-xl)/1.3 var(--font-display); margin: 0 0 var(--space-4); }
.iv-section p { font-size: var(--text-lg); line-height: 1.75; font-weight: 500; }
.iv-tint { background: var(--color-paper-soft); }
.iv-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); align-items: center; gap: var(--space-8); padding-block: var(--space-7); border-bottom: var(--inverter-rule); }
.iv-row img { width: 100%; height: 20rem; object-fit: contain; background: var(--inverter-image-paper); }
.iv-section .iv-series { color: var(--inverter-accent-text); font-weight: 700; }
.iv-model-links { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }
.iv-model-links a { border: var(--inverter-rule); padding: var(--space-3) var(--space-4); font-weight: 700; background: var(--color-paper); text-decoration: none; transition: border-color 160ms; }
.iv-model-links a:hover { border-color: var(--color-brand-deep); }
.iv-model-links a:active { background: var(--color-paper-tint); }
.inverter-main a[aria-disabled="true"] { opacity: .55; cursor: not-allowed; pointer-events: none; }
.iv-spots { display: flex; flex-wrap: wrap; gap: var(--space-5); padding-block: var(--space-5); }
.iv-spots strong { display: block; font: 800 clamp(1.5rem, 2.7vw, 2.3rem)/1.2 var(--font-display); color: var(--color-sun); }
.iv-spots small { color: var(--color-ink-soft); font-size: var(--text-sm); }
.iv-features { list-style: none; padding: 0; margin: 0; counter-reset: benefit; }
.iv-features li { counter-increment: benefit; display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); border-top: var(--inverter-rule); padding-block: var(--space-4); font-size: var(--text-lg); line-height: 1.7; font-weight: 500; }
.iv-features li::before { content: counter(benefit, decimal-leading-zero); color: var(--color-sun); font-weight: 700; }
.iv-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.iv-product { border-bottom: var(--inverter-rule); padding-bottom: var(--space-5); }
.iv-product img { width: 100%; height: 15rem; object-fit: contain; background: var(--inverter-image-paper); }
.iv-product h3 { font-size: var(--text-lg); margin-top: var(--space-4); overflow-wrap: anywhere; }
.iv-product p { font-size: var(--text-base); }
.iv-product a { text-underline-offset: .3em; font-weight: 700; }
.iv-spec-block { margin-block: var(--space-7); }
.iv-spec-wrap { overflow-x: auto; overscroll-behavior-inline: contain; border: var(--inverter-rule); }
.iv-spec { width: 100%; border-collapse: collapse; font-size: var(--text-base); line-height: 1.6; font-variant-numeric: tabular-nums; }
.iv-spec th, .iv-spec td { padding: var(--space-4); text-align: left; border-bottom: var(--inverter-rule); overflow-wrap: anywhere; }
.iv-spec th { font-weight: 700; width: 46%; }
.iv-spec td { font-weight: 500; }
.iv-spec tr:nth-child(odd) { background: var(--color-paper-soft); }
.iv-comparison { min-width: 48rem; }
.iv-comparison th { width: auto; }
.iv-comparison thead { color: var(--color-paper); background: var(--color-brand-deep); }
.iv-comparison thead tr { background: var(--color-brand-deep); }
.iv-notes { padding-left: var(--space-5); }
.iv-notes li { font-weight: 500; font-size: var(--text-base); line-height: 1.75; margin-bottom: var(--space-4); }
.iv-storage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-8); }
.iv-storage img { width: 100%; height: 25rem; object-fit: contain; background: var(--inverter-image-paper); margin-bottom: var(--space-5); }
.iv-banner { display: block; width: 100%; height: auto; margin-block: var(--space-6); }
.iv-download { display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4); border-top: var(--inverter-rule); padding-block: var(--space-5); align-items: center; }
.iv-download p { margin: 0; font-size: var(--text-base); }
.iv-download h3 { margin-bottom: var(--space-2); }
.iv-section .iv-pride { text-align: center; color: var(--color-sun); font: 800 clamp(1.3rem, 2.8vw, 2.4rem)/1.3 var(--font-display); margin-block: var(--space-6); }
.product-submenu { max-height: 74dvh; overflow-y: auto; }
.product-category li a { font-size: var(--text-sm); }
.iv-submodel { padding-left: var(--space-3); }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
@media (max-width: 64rem) { .iv-hero { gap: var(--space-5); } .iv-row { gap: var(--space-5); } .iv-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 44rem) { .inverter-main { padding-top: 5.5rem; } .iv-hero { grid-template-columns: minmax(0, 1fr); padding-block: var(--space-5) var(--space-7); } .iv-hero-media img { max-height: 20rem; } .iv-row, .iv-storage { grid-template-columns: minmax(0, 1fr); } .iv-row img { height: 18rem; } .iv-storage img { height: 22rem; } .iv-section { padding-block: var(--space-7); } .iv-spec th,.iv-spec td { padding: var(--space-3); font-size: var(--text-sm); } .iv-actions .btn { padding-inline: var(--space-4); } .iv-product-grid { gap: var(--space-4); } .iv-product img { height: 12rem; } }
@media (max-width: 24rem) { .iv-product-grid { grid-template-columns: minmax(0, 1fr); } .iv-hero h1 { font-size: 2rem; } }
@media (prefers-reduced-motion: reduce) { .iv-model-links a { transition: none; } }
@media print { .site-header,.site-footer,.contact-tools,.iv-actions,.iv-jump { display: none !important; } .inverter-main { padding-top: 0; } .iv-hero { min-height: 0; } .iv-spec-wrap { overflow: visible; } }