@font-face { font-family:Inter; src:url("../fonts/inter-latin-400-normal.woff2") format("woff2"); font-display:swap; font-style:normal; font-weight:400; }
@font-face { font-family:Inter; src:url("../fonts/inter-latin-700-normal.woff2") format("woff2"); font-display:swap; font-style:normal; font-weight:700 900; }
@font-face { font-family:"Barlow Condensed"; src:url("../fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); font-display:swap; font-style:normal; font-weight:700; }

:root { --ink:#10161c; --steel:#26333e; --muted:#5b6973; --mist:#e7ebed; --paper:#f7f7f3; --white:#fff; --red:#de1f10; --red-dark:#b2190d; --red-rgb:222,31,16; --line:rgba(16,22,28,.15); --max:1380px; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,Arial,Helvetica,sans-serif; font-size:16px; line-height:1.6; }
.admin-bar .site-header { top:32px; }
.wp-site-blocks { overflow:clip; }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
body, main { max-width:100%; }
img { max-width:100%; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid #ffb300; outline-offset:3px; }
.container { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; }
.skip-link { position:fixed; top:8px; left:8px; z-index:1000; padding:12px 16px; color:#fff; background:var(--ink); transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.utility { background:var(--ink); color:#cbd3d8; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.utility .container { min-height:36px; display:flex; align-items:center; justify-content:space-between; }
.utility .container>div { display:flex; gap:24px; }
.utility a:hover { color:#fff; }
.site-header { background:rgba(247,247,243,.93); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; backdrop-filter:blur(18px); box-shadow:0 8px 30px rgba(16,22,28,.035); }
.nav-wrap { min-height:96px; display:flex; align-items:center; gap:24px; }
.brand { display:flex; align-items:center; width:214px; order:1; flex:0 0 auto; }
.brand img { width:100%; height:auto; }
.header-hippo { position:relative; order:3; display:flex; align-items:center; flex:0 0 214px; width:214px; min-height:78px; transition:transform .2s ease; }
.header-hippo:hover { transform:translateY(-2px); }
.header-hippo-stripes,.header-hippo-stripes img { display:block; width:100%; height:auto; }
.header-hippo .header-hippo-mascot { position:absolute; z-index:1; top:50%; right:4%; width:auto; height:71px; transform:translateY(-50%); }
.primary-nav { order:2; margin-left:auto; display:flex; align-items:center; gap:18px; font-size:14px; font-weight:700; }
.primary-nav>a { white-space:nowrap; }
.primary-nav>a:not(.nav-cta) { padding:28px 0; border-bottom:2px solid transparent; }
.primary-nav>a:not(.nav-cta):hover { border-color:var(--red); }
.primary-nav>a[aria-current="page"]:not(.nav-cta) { color:var(--red); border-color:var(--red); }
.nav-cta { background:var(--red); color:#fff; padding:12px 14px; display:flex; gap:10px; align-items:center; border-radius:7px; font-size:13px; line-height:1.2; }
.nav-cta:hover { background:var(--red-dark); }
.menu-toggle { order:4; display:none; border:0; background:transparent; font-weight:700; min-width:64px; min-height:48px; }
@media (min-width:1291px) and (max-width:1400px) {
  .primary-nav { gap:12px; font-size:13px; }
  .header-hippo { flex-basis:214px; width:214px; min-width:214px; }
}
.eyebrow { margin:0 0 14px; color:var(--red); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
h1,h2,h3 { margin:0; font-family:"Barlow Condensed","Arial Narrow",Arial,Helvetica,sans-serif; font-weight:700; line-height:.94; letter-spacing:-.018em; }
h1 { font-size:clamp(3.25rem,6.4vw,6.7rem); }
h2 { font-size:clamp(2.15rem,4.2vw,4.25rem); }
h3 { font-size:1.55rem; line-height:1.08; }
p { margin:0 0 1.15em; }
.hero { min-height:720px; display:flex; align-items:center; position:relative; background:linear-gradient(90deg,var(--paper) 0 62%,#e1e5e6 62%); }
.hero:after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.35; background-image:linear-gradient(rgba(16,22,28,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,22,28,.05) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to right,transparent 20%,black); }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr); align-items:center; gap:40px; padding-block:68px; position:relative; z-index:1; }
.hero h1 { max-width:900px; }
.hero-lead { font-size:clamp(1.05rem,1.5vw,1.35rem); color:#44525d; max-width:700px; margin:28px 0 34px; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.button { min-height:52px; padding:13px 20px; display:inline-flex; align-items:center; justify-content:center; gap:24px; border:1px solid var(--ink); border-radius:8px; font-size:14px; font-weight:800; cursor:pointer; transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#fff; background:var(--red); border-color:var(--red); }
.button-primary:hover { background:var(--red-dark); border-color:var(--red-dark); }
.button-ghost { background:transparent; }
.button-ghost:hover { background:var(--ink); color:#fff; }
.button-light { background:#fff; color:var(--ink); border-color:#fff; }
.hero-machine { min-height:460px; position:relative; display:flex; align-items:center; justify-content:center; }
.hero-machine img { width:100%; height:auto; object-fit:contain; filter:drop-shadow(0 30px 22px rgba(16,22,28,.28)); }
.hero-product-link{display:block;width:100%}
.tech-label { position:absolute; z-index:2; top:0; left:0; display:flex; flex-direction:column; padding:12px 16px; border-left:3px solid var(--red); background:rgba(247,247,243,.9); }
.tech-label span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.15em; }
.tech-label strong { font-size:18px; }
.hero-specs { position:absolute; z-index:2; bottom:0; left:0; right:0; display:grid; grid-template-columns:repeat(3,1fr); background:var(--ink); color:#fff; }
.hero-specs span { padding:16px; font-size:11px; text-transform:uppercase; letter-spacing:.06em; border-right:1px solid rgba(255,255,255,.16); }
.hero-specs strong { display:block; color:#fff; font-size:22px; letter-spacing:-.04em; }
@media (min-width:861px) and (max-width:1400px) {
  .hero-specs strong { font-size:clamp(14px,1.45vw,21px); line-height:1.1; overflow-wrap:anywhere; }
}
@media (min-width:601px) and (max-width:700px) {
  .hero-specs strong { font-size:20px; }
}
.proof-bar { background:#fff; border-block:1px solid var(--line); }
.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.proof-grid>div { padding:24px 22px; border-right:1px solid var(--line); }
.proof-grid>div:first-child { border-left:1px solid var(--line); }
.proof-grid strong { font-size:24px; display:block; }
.proof-grid span { color:var(--muted); font-size:13px; }
.section { padding:110px 0; }
.section-dark { background:var(--ink); color:#fff; }
.section-heading { max-width:920px; margin-bottom:54px; position:relative; }
.section-heading>p:not(.eyebrow) { color:var(--muted); font-size:18px; max-width:640px; margin-top:22px; }
.section-heading.inverse>p:not(.eyebrow) { color:#aebbc4; }
.text-link { display:inline-block; font-size:14px; font-weight:800; border-bottom:1px solid var(--ink); margin-top:24px; }
.application-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.17); border-left:1px solid rgba(255,255,255,.17); }
.application-grid button,.application-grid>a { min-width:0; min-height:190px; display:grid; grid-template-columns:46px minmax(0,1fr) auto; gap:12px; align-items:start; padding:26px; border:0; border-right:1px solid rgba(255,255,255,.17); border-bottom:1px solid rgba(255,255,255,.17); color:#fff; background:transparent; text-align:left; cursor:pointer; transition:.2s ease; }
.application-grid button:hover,.application-grid button[aria-selected="true"],.application-grid>a:hover,.application-grid>a[aria-current="true"] { background:var(--red); }
.application-grid span { color:#8b9aa5; font-size:12px; }
.application-grid button[aria-selected="true"] span,.application-grid>a[aria-current="true"] span { color:#fff; }
.application-grid strong { font-size:22px; line-height:1.15; max-width:260px; }
.application-grid b { font-size:18px; }
.application-results { margin-top:34px; padding:36px; border-radius:16px; color:var(--ink); background:#eef1f1; }
.application-results-heading { display:flex; justify-content:space-between; gap:34px; align-items:end; margin-bottom:30px; }
.application-results-heading>div { max-width:780px; }
.application-results-heading h3 { font-size:clamp(2.4rem,4vw,4rem); }
.application-results-heading p:not(.eyebrow) { margin:14px 0 0; color:var(--muted); }
.application-result-tools { flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.application-result-tools strong { padding:9px 13px; border:1px solid var(--line); border-radius:999px; font-size:12px; }
.application-result-tools button { min-height:44px; padding:8px 0; border:0; border-bottom:1px solid var(--ink); color:var(--ink); background:transparent; font-size:12px; font-weight:800; cursor:pointer; }
.card-grid { display:grid; gap:20px; }
.product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.article-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-card,.article-card { position:relative; background:#fff; border:1px solid rgba(16,22,28,.12); border-radius:14px; min-width:0; overflow:hidden; box-shadow:0 12px 34px rgba(16,22,28,.045); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.product-card:before,.article-card:before { content:""; position:absolute; inset:0 0 auto; z-index:2; height:3px; background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; }
.product-card:hover,.article-card:hover { transform:translateY(-5px); border-color:rgba(var(--red-rgb),.25); box-shadow:0 20px 48px rgba(16,22,28,.09); }
.product-card:hover:before,.article-card:hover:before { transform:scaleX(1); }
.card-image { display:block; width:100%; height:auto; aspect-ratio:16/10; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 42%,#fff 0,#eef1f2 72%,#e2e7e8 100%); border-bottom:1px solid rgba(16,22,28,.08); }
.card-image img { object-fit:contain; object-position:center; padding:0; transition:transform .5s ease; }
.product-card .card-image img { padding:24px; }
.product-card:hover .card-image img,.article-card:hover .card-image img { transform:scale(1.018); }
.card-body { padding:26px; }
.card-meta { color:var(--red); font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.card-body h3 { margin:12px 0 15px; font-size:1.9rem; line-height:1; }
.card-body p { color:var(--muted); font-size:14px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.card-link { font-size:13px; font-weight:800; display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:16px; margin-top:22px; }
.product-showcase { display:grid; grid-template-columns:minmax(440px,42%) minmax(0,58%); grid-template-rows:660px auto; grid-template-areas:"copy visual" "index index"; color:#fff; background:var(--ink); border-radius:18px; overflow:hidden; box-shadow:0 28px 70px rgba(16,22,28,.16); }
.showcase-copy { grid-area:copy; height:660px; min-height:0; padding:44px; display:flex; flex-direction:column; align-items:flex-start; position:relative; overflow:hidden; }
.showcase-counter { display:flex; align-items:baseline; gap:8px; margin-bottom:26px; color:#7f8f99; }
.showcase-counter strong { color:#fff; font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif; font-size:3rem; line-height:1; }
.showcase-counter span { font-size:12px; font-weight:800; letter-spacing:.1em; }
.showcase-copy h3 { max-width:520px; font-size:clamp(2.8rem,3.7vw,4.2rem); line-height:.93; }
.showcase-copy>p:not(.eyebrow) { max-width:540px; margin:18px 0; color:#afbbc3; }
.showcase-specs { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:0 0 20px; background:rgba(255,255,255,.14); }
.showcase-specs>div { padding:13px 14px; background:var(--ink); }
.showcase-specs dt { color:#85959f; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.showcase-specs dd { margin:3px 0 0; font-size:14px; font-weight:800; }
.showcase-copy .button { width:auto; }
.showcase-controls { display:flex; gap:8px; margin-top:18px; }
.showcase-controls button { min-width:48px; min-height:48px; border:1px solid rgba(255,255,255,.28); border-radius:8px; color:#fff; background:transparent; font-size:14px; font-weight:800; cursor:pointer; }
.showcase-controls button:last-child { min-width:80px; padding-inline:14px; }
.showcase-controls button:hover { border-color:#fff; background:rgba(255,255,255,.1); }
.showcase-visual { grid-area:visual; min-width:0; height:660px; min-height:0; position:relative; overflow:hidden; background:radial-gradient(circle at 50% 48%,#fff 0,#edf0ef 62%,#d5dcdd 100%); }
.showcase-visual:after { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; background:linear-gradient(rgba(16,22,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,22,28,.045) 1px,transparent 1px); background-size:42px 42px; }
.showcase-visual>span { position:absolute; top:30px; left:30px; z-index:2; padding:9px 12px; border-left:3px solid var(--red); color:var(--ink); background:rgba(255,255,255,.9); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.showcase-media-frame { position:absolute; z-index:1; inset:96px 64px 68px; overflow:hidden; background:transparent; }
.showcase-media-frame img { filter:drop-shadow(0 22px 18px rgba(16,22,28,.16)); animation:showcase-reveal .45s ease both; }
.showcase-media-frame:after { content:""; position:absolute; z-index:2; inset:-1px; pointer-events:none; background:linear-gradient(to bottom,rgba(229,234,234,.36) 0,transparent 27%,transparent 73%,rgba(229,234,234,.36) 100%),linear-gradient(to right,rgba(229,234,234,.4) 0,transparent 18%,transparent 82%,rgba(229,234,234,.4) 100%); }
@keyframes showcase-reveal { from { opacity:0; transform:scale(.975); } to { opacity:1; transform:scale(1); } }
.showcase-index { grid-area:index; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-top:1px solid rgba(255,255,255,.14); }
.showcase-index button { min-width:0; min-height:100px; padding:16px; display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:0; border-right:1px solid rgba(255,255,255,.14); border-top:3px solid transparent; color:#8e9da7; background:#151d24; text-align:left; cursor:pointer; }
.showcase-index button:hover { color:#fff; background:#1c2730; }
.showcase-index button.active { color:#fff; border-top-color:var(--red); background:#202b34; }
.showcase-index button span { font-size:10px; letter-spacing:.12em; }
.showcase-index button strong { max-width:100%; font-size:12px; line-height:1.25; overflow:hidden; text-overflow:ellipsis; }
.equipment-story { position:relative; color:#fff; background:#0d141a; }
.story-mobile-toolbar { display:contents; }
.story-skip { position:absolute; z-index:5; right:max(18px,calc((100vw - 1440px)/2 + 20px)); top:18px; min-height:44px; padding:11px 14px; display:none; align-items:center; gap:8px; border:1px solid rgba(255,255,255,.28); border-radius:999px; color:#fff; background:rgba(13,20,26,.86); font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.story-sticky { position:sticky; top:86px; height:calc(100vh - 86px); min-height:650px; overflow:hidden; }
.story-grid-lines { position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to right,transparent 5%,black 48%,black 90%,transparent); }
.story-image { position:absolute; inset:0; opacity:0; transform:scale(.985) translateY(12px); transition:opacity 1.05s ease-in-out,transform 1.15s cubic-bezier(.2,.75,.25,1); }
.story-image.active { opacity:1; transform:scale(1) translateY(0); }
.equipment-story[data-story-direction="backward"] .story-image:not(.active){transform:scale(.985) translateY(-12px)}
.story-image img { filter:drop-shadow(0 34px 32px rgba(0,0,0,.34)); }
.story-local-video { position:absolute; z-index:1; inset:0; width:100%; height:100%; display:block; object-fit:contain; object-position:center; background:#0d141a; pointer-events:none; }
.story-image:after { content:""; position:absolute; z-index:2; inset:-2px; pointer-events:none; background:linear-gradient(to bottom,rgba(13,20,26,.2) 0,transparent 22%,transparent 78%,rgba(13,20,26,.2) 100%),linear-gradient(to right,rgba(13,20,26,.22) 0,transparent 12%,transparent 88%,rgba(13,20,26,.22) 100%); }
.story-video-badge { position:absolute; z-index:3; right:8%; bottom:11%; padding:9px 12px; border-left:3px solid var(--red); color:#fff; background:rgba(13,20,26,.82); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.story-progress { position:absolute; z-index:2; right:34px; bottom:28px; display:grid; grid-template-columns:auto 150px auto; gap:12px; align-items:center; color:#87959f; font-size:10px; font-weight:800; letter-spacing:.12em; }
.story-progress i { height:2px; position:relative; overflow:hidden; background:rgba(255,255,255,.2); }
.story-progress b { position:absolute; inset:0 auto 0 0; background:var(--red); transition:width .5s ease; }
.story-mobile-progress { display:none; }
.story-steps { position:relative; z-index:2; margin-top:calc(-100vh + 86px); pointer-events:none; }
.story-step { min-height:128vh; display:flex; align-items:center; }
.story-card { width:min(520px,46vw); padding:38px; border-left:3px solid rgba(var(--red-rgb),.35); background:rgba(13,20,26,.76); opacity:.35; transform:translateY(18px); backdrop-filter:blur(14px); transition:opacity .85s ease,transform .9s cubic-bezier(.2,.75,.25,1),border-color .85s ease; pointer-events:auto; }
.story-step.active .story-card { opacity:1; transform:none; border-left-color:var(--red); }
.story-intro { color:#a6b2ba!important; font-size:11px!important; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.story-number { display:block; margin-bottom:14px; color:#7f8f99; font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif; font-size:3rem; line-height:1; }
.story-card h2 { max-width:430px; font-size:clamp(3rem,4.5vw,5rem); }
.story-card>p:not(.eyebrow):not(.story-intro) { margin:22px 0; color:#b2bdc4; }
.story-card dl { display:grid; grid-template-columns:1fr 1fr; gap:1px; margin:0 0 26px; background:rgba(255,255,255,.15); }
.story-card dl>div { padding:12px; background:#10181f; }
.story-card dt { color:#81909a; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.story-card dd { margin:3px 0 0; font-size:14px; font-weight:800; }
.story-points { display:grid; gap:7px; margin:0 0 24px; padding:0; list-style:none; }
.story-points li { position:relative; padding-left:18px; color:#b2bdc4; font-size:13px; font-weight:650; }
.story-points li:before { content:""; width:6px; height:6px; position:absolute; top:.55em; left:0; border-radius:50%; background:var(--red); }
.story-actions { display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.story-equipment-link { min-height:48px; display:inline-flex; align-items:center; gap:24px; border-bottom:1px solid rgba(255,255,255,.5); font-size:13px; font-weight:800; }
.story-equipment-link:hover { border-color:#fff; }
.story-card small { display:block; margin-top:12px; color:#7f8f99; font-size:10px; }
.story-mobile-image { display:none; }
/*
 * At 4K, five transformed viewport-sized layers plus animated grid/blur can
 * exceed the compositor budget even though the source films are only 720p.
 * Keep the same contained cinematic presentation while limiting the active
 * surfaces and removing effects that do not add useful detail at this scale.
 */
@media (min-width:2000px) {
  .story-grid-lines { animation:none!important; opacity:.14; background-size:84px 84px; }
  .story-image { visibility:hidden; transform:none; contain:layout paint; transition:opacity .46s ease,visibility 0s linear .46s; }
  .story-image.active { visibility:visible; transform:none; transition-delay:0s; }
  .equipment-story[data-story-direction="backward"] .story-image:not(.active) { transform:none; }
  .story-card { background:rgba(13,20,26,.91); backdrop-filter:none; }
  .story-local-video { transform:translateZ(0); backface-visibility:hidden; }
}
@media (min-width:861px) and (max-height:820px) {
  .story-card { width:min(500px,43vw); margin-top:82px; padding:22px 26px; }
  .story-card .eyebrow,.story-intro { margin-bottom:6px; }
  .story-number { margin-bottom:8px; font-size:2rem; }
  .story-card h2 { max-width:460px; font-size:clamp(2.35rem,3.35vw,3.75rem); }
  .story-card>p:not(.eyebrow):not(.story-intro) { margin:11px 0; font-size:13px; line-height:1.5; }
  .story-card dl { margin-bottom:12px; }
  .story-card dl>div { padding:8px 10px; }
  .story-card dt { font-size:9px; }
  .story-card dd { font-size:12px; }
  .story-points { gap:3px; margin-bottom:10px; }
  .story-points li { font-size:11px; line-height:1.35; }
  .story-actions { gap:12px; }
  .story-equipment-link { min-height:40px; font-size:12px; }
}
.signature { background:#e5e9e9; }
.signature-grid { display:grid; grid-template-columns:1.18fr .82fr; min-height:650px; background:var(--white); border-radius:16px; overflow:hidden; box-shadow:0 24px 60px rgba(16,22,28,.08); }
.signature-image { position:relative; min-height:500px; }
.signature-image img { object-fit:cover; }
.signature-copy { padding:64px; align-self:center; }
.signature-copy>p:not(.eyebrow) { color:var(--muted); margin:24px 0; font-size:17px; }
.spec-list { margin:34px 0; border-top:1px solid var(--line); }
.spec-list>div { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:12px 0; border-bottom:1px solid var(--line); }
.spec-list dt { color:var(--muted); font-size:13px; }
.spec-list dd { margin:0; font-weight:800; }
.helpful-content { position:relative; overflow:hidden; scroll-margin-top:130px; background:#edf0ef; }
.helpful-content:before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.48; background-image:linear-gradient(rgba(16,22,28,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,22,28,.045) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(120deg,#000,transparent 70%); }
.helpful-content>.container { position:relative; z-index:1; }
.helpful-content-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.68fr); gap:clamp(42px,8vw,110px); align-items:end; margin-bottom:48px; }
.helpful-content-heading h2 { max-width:780px; }
.helpful-content-heading>div:last-child { max-width:620px; justify-self:end; }
.helpful-content-heading>div:last-child>p { margin:0; color:#43515b; font-size:18px; }
.helpful-content-heading .text-link { margin-top:20px; }
.helpful-content-feature { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr); overflow:hidden; border:1px solid rgba(16,22,28,.13); border-radius:18px; background:#fff; box-shadow:0 26px 68px rgba(16,22,28,.12); }
.helpful-content-media { position:relative; display:grid; place-items:center; min-width:0; min-height:450px; overflow:hidden; background:#0d141a; }
.helpful-content-media video,.helpful-content-media>a,.helpful-content-media img { display:block; width:100%; height:100%; }
.helpful-content-media video { min-height:450px; object-fit:contain; background:#0d141a; }
.helpful-content-media img { object-fit:cover; }
.helpful-content-media>a:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(13,20,26,.68)); }
.helpful-content-play { position:absolute; z-index:2; left:26px; bottom:24px; display:inline-flex; align-items:center; gap:12px; padding:11px 15px; border:1px solid rgba(255,255,255,.65); border-radius:999px; color:#fff; background:rgba(13,20,26,.78); font-size:12px; font-weight:800; }
.helpful-content-play b { font-size:10px; }
.helpful-content-copy { display:flex; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(34px,4.5vw,68px); }
.helpful-content-meta { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
.helpful-content-meta span { padding:7px 10px; border:1px solid rgba(var(--red-rgb),.24); border-radius:999px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.12em; line-height:1; text-transform:uppercase; }
.helpful-content-copy h3 { font-size:clamp(2.5rem,4vw,4.6rem); line-height:.92; text-wrap:balance; }
.helpful-content-copy h3 a:hover { color:var(--red-dark); }
.helpful-content-copy>p:not(.helpful-content-meta) { margin:24px 0 30px; color:var(--muted); }
.helpful-content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
.helpful-content-grid>article { display:grid; grid-template-columns:minmax(140px,.72fr) minmax(0,1fr); overflow:hidden; border:1px solid var(--line); border-radius:12px; background:#fff; }
.helpful-content-grid>article>div { min-width:0; padding:22px; }
.helpful-content-grid h3 { margin:8px 0 18px; font-size:1.45rem; }
.helpful-content-card-image { position:relative; display:block; min-height:190px; overflow:hidden; background:#dfe4e5; }
.helpful-content-card-image img { width:100%; height:100%; object-fit:cover; }
.helpful-content-card-image span { position:absolute; right:10px; bottom:10px; padding:5px 8px; border-radius:999px; color:#fff; background:rgba(13,20,26,.82); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.helpful-content-grid .card-link { margin-top:auto; }
.helpful-library-hero { padding-block:clamp(58px,7vw,96px); }
.helpful-library-hero-layout { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.6fr); gap:clamp(48px,8vw,120px); align-items:end; }
.helpful-library-hero h1 { max-width:950px; font-size:clamp(3.4rem,6.7vw,7rem); }
.helpful-library-hero h1+p { max-width:800px; margin:26px 0 0; color:#43515b; font-size:clamp(1.05rem,1.5vw,1.28rem); }
.helpful-library-hero .button-row { margin-top:34px; }
.helpful-library-summary { display:grid; margin:0; border:1px solid #aeb9be; background:rgba(255,255,255,.68); box-shadow:0 22px 55px rgba(16,22,28,.08); }
.helpful-library-summary>div { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; min-height:82px; padding:18px 22px; border-bottom:1px solid #c6ced1; }
.helpful-library-summary>div:last-child { border-bottom:0; }
.helpful-library-summary dt { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.helpful-library-summary dd { margin:0; color:var(--ink); font-family:"Barlow Condensed","Arial Narrow",sans-serif; font-size:28px; font-weight:700; line-height:1; text-align:right; }
.helpful-library { scroll-margin-top:130px; background:var(--paper); }
.helpful-library-toolbar { display:grid; grid-template-columns:minmax(0,.8fr) minmax(380px,1.2fr); gap:clamp(36px,7vw,100px); align-items:end; margin-bottom:46px; }
.helpful-library-toolbar h2 { max-width:780px; }
.helpful-topic-filters { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.helpful-topic-filters a { display:inline-flex; align-items:center; gap:9px; min-height:42px; padding:8px 12px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:11px; font-weight:800; }
.helpful-topic-filters a:hover,.helpful-topic-filters a[aria-current="page"] { border-color:var(--ink); color:#fff; background:var(--ink); }
.helpful-topic-filters span { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; color:var(--ink); background:#e6eaeb; font-size:10px; }
.helpful-library-feature { margin-bottom:30px; }
.helpful-library-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.helpful-library-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; border:1px solid rgba(16,22,28,.13); border-radius:14px; background:#fff; box-shadow:0 14px 38px rgba(16,22,28,.055); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.helpful-library-card:hover { transform:translateY(-5px); border-color:rgba(var(--red-rgb),.28); box-shadow:0 22px 52px rgba(16,22,28,.1); }
.helpful-library-card-media { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#0d141a; }
.helpful-library-card-media img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.helpful-library-card:hover img { transform:scale(1.025); }
.helpful-library-card-media>span { position:absolute; right:14px; bottom:14px; display:inline-flex; align-items:center; gap:8px; padding:8px 11px; border-radius:999px; color:#fff; background:rgba(13,20,26,.84); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.helpful-library-card-media b { color:#ff7777; font-size:9px; }
.helpful-library-card>div { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:26px; }
.helpful-library-card h3 { margin:10px 0 16px; font-size:clamp(1.8rem,2.5vw,2.45rem); line-height:.98; text-wrap:balance; }
.helpful-library-card h3 a:hover { color:var(--red-dark); }
.helpful-library-card>div>p:not(.card-meta) { display:-webkit-box; overflow:hidden; color:var(--muted); font-size:14px; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.helpful-library-card .card-link { width:100%; margin-top:auto; }
.helpful-library-empty { max-width:850px; padding:44px; border-left:5px solid var(--red); background:#fff; }
.helpful-library-empty p { max-width:660px; margin:18px 0 26px; color:var(--muted); }
.page-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.article-video { margin:0 0 34px; overflow:hidden; border-radius:14px; background:#0d141a; box-shadow:0 20px 52px rgba(16,22,28,.14); }
.article-video video { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#0d141a; }
.article-video figcaption { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:10px 16px; color:#c6d0d5; background:#19232b; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.article-video figcaption a { color:#fff; }
.article-video figcaption a:hover { color:#ff8a8a; }
@media(max-width:1100px){.helpful-content-feature{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.helpful-content-grid{grid-template-columns:1fr}.helpful-content-grid>article{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:1100px){.helpful-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.helpful-content-heading,.helpful-content-feature,.helpful-library-hero-layout,.helpful-library-toolbar{grid-template-columns:1fr}.helpful-content-heading{gap:26px}.helpful-content-heading>div:last-child{justify-self:start}.helpful-content-media,.helpful-content-media video{min-height:0;aspect-ratio:16/9}.helpful-content-copy{padding:34px}.helpful-content-grid>article{grid-template-columns:180px minmax(0,1fr)}.helpful-library-hero-layout{gap:36px}.helpful-library-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.helpful-library-summary>div{display:block;min-height:0;border-right:1px solid #c6ced1;border-bottom:0}.helpful-library-summary>div:last-child{border-right:0}.helpful-library-summary dd{margin-top:8px;text-align:left}.helpful-library-toolbar{gap:26px}.helpful-topic-filters{justify-content:flex-start}}
@media(max-width:600px){.helpful-content-heading>div:last-child>p{font-size:16px}.helpful-content-feature{border-radius:12px}.helpful-content-copy{padding:28px 22px}.helpful-content-copy h3{font-size:clamp(2.35rem,12vw,3.2rem)}.helpful-content-grid>article{grid-template-columns:1fr}.helpful-content-card-image{min-height:0;aspect-ratio:16/9}.article-video{margin-inline:-24px;border-radius:0}.article-video figcaption{align-items:flex-start;flex-direction:column;gap:6px}.helpful-library-hero .button-row{align-items:stretch;flex-direction:column}.helpful-library-hero .button{width:100%}.helpful-library-summary{grid-template-columns:1fr}.helpful-library-summary>div{display:grid;border-right:0;border-bottom:1px solid #c6ced1}.helpful-library-summary dd{margin-top:0;text-align:right}.helpful-library-grid{grid-template-columns:1fr}.helpful-topic-filters{width:100%;max-width:100%;flex-wrap:nowrap;padding:0 0 8px;overflow-x:auto}.helpful-topic-filters a{flex:0 0 auto}.helpful-library-empty{padding:30px 24px}}

.support-band { background:var(--steel); color:#fff; }
.support-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; align-items:center; }
.support-grid>div:first-child>p:not(.eyebrow) { color:#bec8ce; font-size:18px; margin-top:24px; }
.support-intro { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr); gap:80px; align-items:end; margin-bottom:50px; }
.support-intro>p { max-width:720px; margin:0; color:#c3cdd3; font-size:18px; }
.service-capabilities { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.service-capabilities article { min-height:300px; padding:32px; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.service-capabilities span,.service-detail-grid span { color:#ff7777; font-size:11px; font-weight:800; letter-spacing:.12em; }
.service-capabilities h3 { margin:60px 0 16px; font-size:32px; }
.service-capabilities p { margin:0; color:#b9c5cc; font-size:14px; }
.support-actions { border-top:1px solid rgba(255,255,255,.2); }
.support-actions a { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:16px; padding:24px 0; border-bottom:1px solid rgba(255,255,255,.2); }
.support-actions a:hover strong { color:#ff7474; }
.support-actions span { color:#95a4ae; font-size:12px; }
.support-actions strong { font-size:20px; }
.support-actions-row { display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid rgba(255,255,255,.2); }
.support-actions-row a { padding:24px; border-right:1px solid rgba(255,255,255,.2); }
.cta-band { padding:64px 0; color:#fff; background:var(--red); }
.cta-band .container { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.cta-band .eyebrow { color:#fff; opacity:1; }
.cta-band h2 { max-width:900px; font-size:clamp(2.2rem,4vw,4rem); }
.page-hero { position:relative; overflow:hidden; padding:58px 0 80px; background:#e4e8e8; border-bottom:1px solid var(--line); }
.page-hero:before { content:""; position:absolute; inset:0 0 0 auto; width:min(48%,760px); opacity:.38; background:linear-gradient(90deg,transparent,rgba(255,255,255,.56)),linear-gradient(rgba(116,130,138,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(116,130,138,.14) 1px,transparent 1px); background-size:auto,48px 48px,48px 48px; mask-image:linear-gradient(90deg,transparent,black 38%); pointer-events:none; }
.page-hero>.container:has(.page-hero-corporate) { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,430px); column-gap:clamp(50px,7vw,118px); align-items:start; }
.page-hero>.container:has(.page-hero-corporate)>.eyebrow { grid-column:1; grid-row:1; }
.page-hero>.container:has(.page-hero-corporate)>h1 { grid-column:1; grid-row:2; }
.page-hero>.container:has(.page-hero-corporate)>h1+p { grid-column:1; grid-row:3; }
.page-hero>.container:has(.page-hero-corporate):after { grid-column:1; grid-row:4; }
.page-hero-corporate { position:relative; grid-column:2; grid-row:1/span 4; align-self:stretch; min-height:260px; display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; border:1px solid #aeb9be; background:rgba(250,251,250,.72); box-shadow:0 20px 54px rgba(16,22,28,.08); }
.page-hero-corporate:before { content:""; position:absolute; inset:0 auto 0 0; width:4px; background:var(--red); transform-origin:top; }
.page-hero-corporate-head { position:relative; z-index:1; display:flex; justify-content:space-between; gap:20px; padding:18px 20px; border-bottom:1px solid #c6ced1; color:#52616a; font-size:9px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.page-hero-corporate-head strong { color:var(--red-dark); font-size:10px; }
.page-hero-corporate-focus { position:relative; min-height:108px; display:flex; flex-direction:column; justify-content:center; padding:22px 24px; overflow:hidden; border-bottom:1px solid #c6ced1; background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(222,227,228,.76)); }
.page-hero-corporate-focus:before { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(98,111,118,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(98,111,118,.18) 1px,transparent 1px); background-size:34px 34px; }
.page-hero-corporate-focus:after { content:""; position:absolute; left:24px; bottom:16px; width:56px; height:3px; background:var(--red); }
.page-hero-corporate-focus strong,.page-hero-corporate-focus p { position:relative; z-index:1; }
.page-hero-corporate-focus strong { color:var(--ink); font-family:var(--font-display),sans-serif; font-size:clamp(38px,4vw,54px); line-height:.88; letter-spacing:-.025em; text-transform:uppercase; }
.page-hero-corporate-focus p { max-width:31ch; margin:10px 0 17px; color:#3d4a52; font-size:11px; font-weight:700; line-height:1.45; }
.page-hero-corporate dl { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
.page-hero-corporate dl>div { min-width:0; padding:16px 14px 18px; border-right:1px solid #c6ced1; }
.page-hero-corporate dl>div:last-child { border-right:0; }
.page-hero-corporate dt { color:var(--red-dark); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.page-hero-corporate dd { margin:7px 0 0; color:var(--ink); font-size:11px; font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; color:#4c5a64; font-size:12px; margin-bottom:60px; }
.breadcrumbs span { display:flex; gap:8px; }
.breadcrumbs a:hover { color:var(--red); }
.page-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.8fr); gap:70px; align-items:center; }
.page-hero h1 { font-size:clamp(3.2rem,6vw,6rem); }
.page-hero-grid>div>p:not(.eyebrow) { color:#46545e; font-size:19px; max-width:720px; margin:24px 0 0; }
.page-hero-image { min-height:410px; position:relative; }
.page-hero-image img { object-fit:cover; }
.company-video-frame { aspect-ratio:16/9; position:relative; overflow:hidden; border-radius:16px; background:#0e1419; box-shadow:0 26px 64px rgba(16,22,28,.2); }
.company-video-frame video { width:100%; height:100%; display:block; object-fit:cover; }
.company-video-frame>span { position:absolute; left:20px; bottom:18px; padding:8px 11px; border-left:3px solid var(--red); color:#fff; background:rgba(16,22,28,.78); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.company-what { border-bottom:1px solid var(--line); background:#fff; }
.company-what-grid { display:grid; grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr); gap:100px; }
.company-what-grid h2 { max-width:680px; }
.company-what-grid .prose>p:first-child { color:var(--ink); font-size:22px; line-height:1.65; }
.company-motto { display:grid; margin-top:48px; border-top:1px solid var(--line); }
.company-motto strong { padding:16px 0; border-bottom:1px solid var(--line); font-family:"Barlow Condensed","Arial Narrow",sans-serif; font-size:28px; }
.company-what blockquote { margin:38px 0; padding:24px 28px; border-left:4px solid var(--red); color:var(--ink); background:#f0f2f1; font-size:20px; font-weight:700; }
.company-world-line { margin-top:36px!important; color:var(--red)!important; font-family:"Barlow Condensed","Arial Narrow",sans-serif; font-size:clamp(2rem,3.6vw,3.6rem)!important; font-weight:800; line-height:1!important; text-transform:uppercase; }
.filter-row { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:34px; }
.filter-row button { min-height:44px; border:1px solid var(--line); border-radius:999px; background:#fff; padding:10px 16px; font-size:12px; font-weight:700; cursor:pointer; transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease; }
.filter-row button:hover { border-color:var(--ink); transform:translateY(-1px); }
.filter-row button.active { background:var(--ink); color:#fff; border-color:var(--ink); }
.filter-status { margin:-20px 0 28px; color:var(--muted); font-size:12px; font-weight:700; }
.product-hero { padding:45px 0 0; background:#e4e8e8; }
.product-hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:50px; min-height:570px; padding-bottom:clamp(20px,2vw,30px); }
.product-hero h1 { font-size:clamp(3.4rem,5.6vw,5.9rem); }
.product-stage { min-height:500px; position:relative; background:linear-gradient(135deg,#d2d8da,#f3f4f2); border-radius:16px 16px 0 0; overflow:hidden; }
.product-stage img { object-fit:contain; padding:55px; }
.product-stage>span { position:absolute; top:24px; left:24px; z-index:1; padding:8px 10px; border-left:3px solid var(--red); background:rgba(255,255,255,.82); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.1em; }
.spec-band { background:var(--ink); color:#fff; }
.spec-band .container { display:grid; grid-template-columns:repeat(4,1fr); }
.spec-band .container>div { padding:26px; border-right:1px solid rgba(255,255,255,.16); }
.spec-band .container>div:first-child { border-left:1px solid rgba(255,255,255,.16); }
.spec-band span { display:block; color:#98a7b1; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.spec-band strong { display:block; margin-top:6px; font-size:18px; }
.active-model-summary { display:flex; flex-direction:column; margin:-12px 0 25px; padding:12px 15px; border-left:3px solid var(--red); background:rgba(255,255,255,.52); }
.active-model-summary span { color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.active-model-summary strong { margin:3px 0; font-size:18px; }
.active-model-summary small { color:var(--muted); font-weight:700; }
.sewer-product-stage img { animation:model-image-in .42s ease both; }
@keyframes model-image-in { from { opacity:0; transform:translateY(8px) scale(.985); } to { opacity:1; transform:none; } }
.model-selector-band .container { grid-template-columns:repeat(4,1fr); }
.model-selector-band button { min-width:0; min-height:110px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:26px; border:0; border-right:1px solid rgba(255,255,255,.16); color:#fff; background:var(--ink); text-align:left; cursor:pointer; box-shadow:inset 0 0 0 0 var(--red); transition:background-color .22s ease,box-shadow .22s ease; }
.model-selector-band button:first-child { border-left:1px solid rgba(255,255,255,.16); }
.model-selector-band button:hover { background:#172129; }
.model-selector-band button[aria-selected="true"] { background:#172129; box-shadow:inset 0 4px 0 var(--red); }
.model-selector-band button span,.mounting-cell span { color:#8fc7df; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.model-selector-band button strong,.mounting-cell strong { margin-top:7px; color:#fff; font-size:20px; }
.mounting-cell { min-height:110px; display:flex; flex-direction:column; justify-content:center; padding:26px; border-right:1px solid rgba(255,255,255,.16); }
.sewer-models { padding:92px 0; background:#e8ecec; }
.sewer-models .section-heading { margin-bottom:34px; }
.model-explanation { display:grid; grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr); border:1px solid var(--line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 20px 55px rgba(16,22,28,.08); }
.model-identity { display:flex; flex-direction:column; justify-content:center; min-height:440px; padding:48px; color:#fff; background:var(--ink); }
.model-identity>span { color:#ff7777; font-size:12px; font-weight:800; letter-spacing:.12em; }
.model-identity h3 { margin:28px 0 8px; font-size:clamp(4rem,7vw,7rem); }
.model-identity strong { color:#8fc7df; font-size:20px; }
.model-identity p { margin:10px 0 0; color:#aebbc4; }
.model-explanation-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:48px; }
.model-explanation-copy>p { color:#3e4b54; font-size:17px; }
.model-specs { display:grid; gap:1px; margin:0 0 26px; background:var(--line); }
.model-specs>div { display:grid; grid-template-columns:1fr 1.2fr; gap:16px; padding:12px 14px; background:#f7f8f7; }
.model-specs dt { color:var(--muted); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.model-specs dd { margin:0; font-size:13px; font-weight:800; }
.model-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.model-actions button { min-width:48px; min-height:48px; border:1px solid var(--line); border-radius:7px; background:#fff; font-size:20px; cursor:pointer; }
.model-actions button:hover { border-color:var(--ink); }
.model-actions .button { min-width:0; }
.detail-grid,.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:90px; align-items:start; }
.prose { max-width:780px; }
.prose h2 { font-size:clamp(2.2rem,3.8vw,3.8rem); margin:0 0 28px; }
.prose p { color:#3e4b54; font-size:17px; }
.aside-card { border-top:4px solid var(--red); border-radius:0 0 12px 12px; background:#fff; padding:30px; position:sticky; top:122px; box-shadow:0 12px 40px rgba(16,22,28,.08); }
.aside-card h2 { font-size:30px; margin:8px 0 18px; }
.aside-card>p { color:var(--muted); }
.aside-card>a:not(.button) { display:block; padding:10px 0; border-top:1px solid var(--line); font-weight:700; font-size:14px; overflow-wrap:anywhere; }
.product-contact { display:grid; grid-template-columns:1fr auto; gap:2px 16px; padding:18px 0; border-top:1px solid var(--line); }
.product-contact strong { font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif; font-size:22px; line-height:1; }
.product-contact span { grid-column:1/-1; margin-bottom:8px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.product-contact a { min-height:28px; color:var(--muted); font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.product-contact a[href^="mailto:"] { grid-column:1/-1; }
.product-contact a:hover { color:var(--red); }
.prose h3 { margin:34px 0 10px; font-size:25px; }
.content-list { margin:18px 0 30px; padding-left:22px; color:#3e4b54; font-size:17px; }
.content-list li { margin:8px 0; padding-left:5px; }
.detail-grid .prose>p:first-of-type { color:var(--ink); font-size:20px; line-height:1.65; }
.detail-grid .content-list { padding:0; list-style:none; }
.detail-grid .content-list li { position:relative; margin:11px 0; padding-left:24px; }
.detail-grid .content-list li:before { content:""; width:7px; height:7px; position:absolute; top:.62em; left:0; border-radius:50%; background:var(--red); }
.product-promise { padding:96px 0; color:#fff; background:linear-gradient(125deg,#10161c 0,#1d2932 100%); border-top:4px solid var(--red); }
.product-promise .container { display:grid; grid-template-columns:minmax(280px,.78fr) minmax(560px,1.22fr); gap:80px; align-items:start; }
.product-promise-heading h2 { max-width:680px; font-size:clamp(2.8rem,4.4vw,4.8rem); }
.product-promise-heading>p:last-child { max-width:640px; margin-top:25px; color:#b7c2c9; font-size:17px; }
.product-promise-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.18); border-left:1px solid rgba(255,255,255,.18); }
.product-promise-grid article { min-height:250px; padding:28px 24px; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.product-promise-grid span { color:#ff7777; font-size:11px; font-weight:800; letter-spacing:.12em; }
.product-promise-grid h3 { margin:44px 0 14px; font-size:25px; }
.product-promise-grid p { margin:0; color:#b7c2c9; font-size:14px; line-height:1.65; }
.download-panel { margin-top:60px; border-top:1px solid var(--line); }
.download-panel h2 { font-size:28px; padding:24px 0; margin:0; }
.download-list { display:grid; border-bottom:1px solid var(--line); }
.download-row { display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:20px; align-items:center; min-width:0; min-height:92px; padding:17px 0; border-top:1px solid var(--line); color:var(--ink); text-decoration:none; }
.download-file-icon { position:relative; display:grid; width:46px; height:56px; place-items:center; color:var(--red); }
.download-file-icon svg { display:block; width:40px; height:48px; overflow:visible; fill:#fff; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; transition:transform var(--motion-fast) var(--motion-ease),fill var(--motion-fast) ease; }
.download-file-icon>span { position:absolute; left:0; bottom:7px; min-width:34px; padding:4px 5px; color:#fff; background:var(--red); font-size:8px; font-weight:900; line-height:1; letter-spacing:.09em; text-align:center; }
.download-copy { display:grid; min-width:0; gap:6px; }
.download-category { color:var(--red); font-size:10px; font-weight:800; line-height:1.2; letter-spacing:.1em; text-transform:uppercase; }
.download-copy strong { min-width:0; font-size:15px; line-height:1.35; overflow-wrap:anywhere; transition:color var(--motion-fast) ease; }
.download-row-action { display:inline-flex; align-items:center; gap:9px; min-height:38px; padding:8px 12px; border:1px solid var(--line); border-radius:999px; color:var(--ink); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease; }
.download-row-action>span { color:var(--red); font-size:16px; line-height:1; transition:transform var(--motion-fast) var(--motion-ease); }
.download-row:hover .download-file-icon svg { fill:#f4dddd; transform:translateY(-2px); }
.download-row:hover .download-copy strong { color:var(--red); }
.download-row:hover .download-row-action { border-color:var(--red); color:#fff; background:var(--red); }
.download-row:hover .download-row-action>span { color:#fff; transform:translateY(2px); }
.form-section { background:#e5e9e9; scroll-margin-top:100px; }
.product-enquiry-panel[hidden] { display:none; }
.product-enquiry-panel.is-open .form-layout { animation:enquiry-panel-in .48s cubic-bezier(.2,.75,.25,1) both; }
@keyframes enquiry-panel-in { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
.enquiry-close { min-height:46px; display:inline-flex; align-items:center; gap:18px; margin-top:18px; padding:10px 14px; border:1px solid #8e9ba2; border-radius:7px; color:var(--ink); background:transparent; font-size:13px; font-weight:800; cursor:pointer; }
.enquiry-close:hover { color:#fff; border-color:var(--ink); background:var(--ink); }
.enquiry-close span { font-size:22px; line-height:1; }
.form-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:80px; align-items:start; }
.form-layout>div>h2 { font-size:clamp(2.5rem,4vw,4.2rem); }
.form-layout>div>p:not(.eyebrow) { color:var(--muted); font-size:18px; margin-top:24px; }
.enquiry-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:34px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 20px 50px rgba(16,22,28,.06); }
.form-note { grid-column:1/-1; margin:0; color:var(--muted); font-size:12px; }
.form-selection { grid-column:1/-1; margin:0; padding:14px 16px; border-left:4px solid var(--red); background:#f1f4f4; color:var(--ink); font-size:15px; }
.form-selection strong { display:block; margin-top:3px; font-size:18px; }
.form-verification { min-height:68px; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.form-verification p { margin:8px 0 0; color:var(--muted); font-size:12px; }
.form-trap { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); opacity:0; white-space:nowrap; border:0; pointer-events:none; }
.field { display:flex; flex-direction:column; gap:7px; }
.field.full { grid-column:1/-1; }
.field label { font-size:13px; font-weight:800; }
.field input,.field select,.field textarea { width:100%; border:1px solid #aeb8bd; border-radius:7px; background:#fff; min-height:50px; padding:11px; }
.field textarea { resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--red); }
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible { outline:3px solid #ffb300; outline-offset:2px; }
.field input[type="file"] { min-height:58px; padding:14px; }
.field button { justify-self:start; }
.field button:disabled { opacity:.6; }
.form-trap { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.form-status { grid-column:1/-1; margin:0; padding:12px 14px; border-left:3px solid #287646; color:#194d2e; background:#edf7f0; font-size:13px; font-weight:700; }
.form-status.error { border-left-color:var(--red); color:#7a1717; background:#fff0f0; }
.form-error-summary { grid-column:1/-1; margin:0; padding:14px 16px; border-left:4px solid var(--red); color:#7a1717; background:#fff0f0; font-weight:750; }
.field-error { display:block; margin-top:6px; color:#9c1f24; font-size:13px; font-weight:700; }
.enquiry-form [aria-invalid="true"] { border-color:#b52228; box-shadow:0 0 0 2px rgba(181,34,40,.14); }
.article-hero { padding:45px 0 80px; background:#e4e8e8; }
.article-head { display:grid; grid-template-columns:1.03fr .97fr; gap:70px; align-items:center; }
.article-head,.article-head>div { min-width:0; }
.article-head h1 { font-size:clamp(3rem,5.2vw,5.35rem); }
.article-head>div:first-child>p:not(.eyebrow) { color:var(--muted); font-size:18px; margin-top:26px; }
.article-hero-image { min-height:450px; position:relative; }
.article-hero-image img { object-fit:cover; }
.article-prose p:first-child { font-size:21px; color:var(--ink); }
.source-card { margin-top:24px; padding:26px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.source-card h2 { margin:8px 0 16px; font-size:25px; }
.source-card a { min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); font-size:13px; font-weight:800; }
.source-card a:hover { color:var(--red); }
.pagination { display:block; margin-top:45px; }
.pagination .navigation { width:100%; }
.pagination .nav-links { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; width:100%; }
.pagination .page-numbers { flex:0 0 auto; min-width:44px; min-height:44px; padding:0 12px; display:grid; place-items:center; border:1px solid var(--line); background:#fff; color:var(--ink); font-weight:700; line-height:1; text-decoration:none; }
.pagination .page-numbers.current { color:#fff; background:var(--red); border-color:var(--red); }
.pagination .page-numbers.dots { min-width:24px; padding:0; border-color:transparent; background:transparent; }
.pagination .page-numbers.prev,.pagination .page-numbers.next { width:auto; padding-inline:18px; }
.split-copy { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; }
.company-story { background:#f7f8f6; }
.company-story-heading { align-self:start; position:sticky; top:130px; }
.company-milestones { margin-top:38px; border-top:1px solid var(--line); }
.company-milestones>div { display:grid; grid-template-columns:76px 1fr; gap:18px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); }
.company-milestones strong { color:var(--red); font-family:var(--font-display),sans-serif; font-size:28px; line-height:1; }
.company-milestones span { color:var(--muted); font-size:13px; font-weight:700; line-height:1.45; }
@media (min-width:861px) and (max-height:820px) { .company-story-heading { position:static; } }
.company-story-copy>p:first-child { color:var(--ink); font-size:22px; line-height:1.65; }
.legacy-callout { margin:42px 0; padding:34px 36px; border-left:4px solid var(--red); background:var(--ink); color:#fff; }
.legacy-callout span { display:block; margin-bottom:16px; color:#ff7979; font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.legacy-callout p { margin:0; color:#d4dde2; font-size:17px; line-height:1.75; }
.company-closing { margin-top:44px!important; color:var(--ink)!important; font-family:var(--font-display),sans-serif; font-size:clamp(2.4rem,4vw,4rem)!important; font-weight:800; line-height:.98!important; text-transform:uppercase; }
.company-capability { border-top:1px solid var(--line); background:#e4e8e8; }
.credentials-section { background:#fff; }
.credentials-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid var(--line); }
.credential-card { min-width:0; padding:30px 24px; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.credential-card:last-child { border-right:0; }
.credential-art { min-height:150px; display:flex; align-items:center; justify-content:center; margin-bottom:28px; }
.credential-art img { width:100%; max-width:180px; max-height:132px; object-fit:contain; }
.credential-logo .credential-art img { max-width:210px; }
.credential-hippo .credential-art img { max-width:150px; }
.credential-cert .credential-art img { max-width:205px; }
.credential-card h3 { margin-bottom:12px; font-size:25px; }
.credential-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.65; }
.established-mark { width:126px; aspect-ratio:1; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; background:linear-gradient(135deg,var(--red) 0 52%,#8e9599 53%); box-shadow:inset 0 0 0 6px #fff,0 8px 24px rgba(16,22,28,.12); }
.established-mark span { font-size:11px; line-height:1; }
.established-mark strong { font-family:"Barlow Condensed","Arial Narrow",sans-serif; font-size:58px; line-height:.82; letter-spacing:-.05em; }
.service-overview { background:#f7f8f6; }
.service-detail-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-detail-grid article { min-height:310px; padding:38px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-detail-grid span { color:var(--red-dark); }
.service-detail-grid h3 { margin:54px 0 16px; font-size:34px; }
.service-detail-grid p { color:var(--muted); }
.service-fleet-feature { position:relative; margin-top:clamp(34px,5vw,68px); padding:clamp(30px,4vw,54px) clamp(22px,5vw,72px) 0; scroll-margin-top:120px; overflow:hidden; background:var(--ink); color:#fff; }
.service-fleet-feature:before { content:""; position:absolute; inset:0; opacity:.18; background:linear-gradient(90deg,transparent 49.8%,#73818a 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#73818a 50%,transparent 50.2%); background-size:88px 88px; mask-image:linear-gradient(to bottom,black,transparent 72%); }
.service-fleet-copy { position:relative; z-index:1; max-width:820px; }
.service-fleet-copy .eyebrow { color:#ff7777; }
.service-fleet-copy h2 { max-width:760px; margin:0 0 18px; color:#fff; }
.service-fleet-copy>p:not(.eyebrow) { max-width:760px; color:#d6dfe4; }
.service-fleet-copy .button { margin-top:10px; }
.service-fleet-media { position:relative; z-index:1; margin:26px clamp(-72px,-5vw,-22px) 0; }
.service-fleet-media img { display:block; width:100%; height:auto; object-fit:contain; }
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.15); }
.values-grid>div { background:var(--ink); padding:44px; }
.values-grid span { color:#ff7777; font-weight:800; }
.values-grid h2 { font-size:34px; margin:20px 0; }
.values-grid p { color:#aebbc4; }
.icon-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; }
.hippo-mark { background:#e4e8e8; min-height:500px; display:grid; place-items:center; }
.hippo-mark img { max-width:72%; height:auto; }
.stock-list { display:grid; gap:18px; }
.stock-list article { display:grid; grid-template-columns:70px 420px 1fr; gap:36px; align-items:center; border:1px solid var(--line); border-radius:14px; background:#fff; padding:26px; box-shadow:0 12px 34px rgba(16,22,28,.04); }
.stock-number { align-self:start; color:var(--muted); font-size:12px; }
.stock-image { position:relative; min-height:250px; background:radial-gradient(circle at 50% 42%,#fff 0,#eef1f2 72%,#e2e7e8 100%); border-radius:10px; overflow:hidden; }
.stock-image img { object-fit:contain; padding:12px; }
.stock-detail .stock-image { min-height:0; aspect-ratio:3/2; }
.stock-detail .stock-image img { padding:8px; }
.stock-list h2 { font-size:38px; margin:8px 0 14px; }
.stock-list p { color:var(--muted); font-size:18px; }
.contact-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.contact-grid article { background:#fff; padding:30px; min-width:0; }
.contact-grid span { color:var(--red); font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.contact-grid h2 { font-size:30px; margin:16px 0 24px; }
.contact-grid a { display:block; padding:8px 0; border-top:1px solid var(--line); font-size:14px; overflow-wrap:anywhere; }
.office-list { margin-top:34px; }
.office-list a { display:flex; justify-content:space-between; gap:24px; padding:12px 0; border-top:1px solid var(--line); font-size:13px; }
.download-library { display:grid; grid-template-columns:1fr 1fr; column-gap:50px; }
.thanks { min-height:660px; display:flex; align-items:center; text-align:center; }
.thanks .container { max-width:900px; }
.thanks h1 { font-size:clamp(3rem,6vw,6rem); }
.thanks p:not(.eyebrow) { max-width:680px; margin:28px auto; color:var(--muted); font-size:19px; }
.thanks .button-row { justify-content:center; }
.thanks-mark { width:72px; height:72px; display:grid; place-items:center; margin:0 auto 28px; background:var(--red); color:#fff; border-radius:50%; font-size:34px; }
.site-footer { background:var(--ink); color:#fff; padding-top:72px; }
.footer-top { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:60px; padding-bottom:56px; }
.footer-brand img { height:auto; }
.footer-logo-on-dark { position:relative; display:inline-block; width:180px; max-width:100%; line-height:0; }
.footer-logo-on-dark>img { display:block; width:100%; }
.footer-logo-on-dark .footer-logo-white-detail { position:absolute; inset:0; filter:brightness(0) invert(1); clip-path:inset(80% 0 0 0); pointer-events:none; }
.footer-brand p { max-width:360px; color:#9dabb4; margin-top:24px; }
.footer-top h2 { font-family:Arial,Helvetica,sans-serif; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#86959f; margin-bottom:20px; }
.footer-top>div:not(.footer-brand) a { display:block; padding:6px 0; font-size:14px; color:#d5dce0; }
.footer-top a:hover { color:#fff; }
.locations { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15); }
.locations>div { display:flex; flex-direction:column; padding:24px; border-right:1px solid rgba(255,255,255,.15); }
.locations strong { font-size:12px; color:#8e9da7; text-transform:uppercase; letter-spacing:.1em; }
.locations a { font-size:20px; font-weight:700; }
.legal { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; color:#84939d; font-size:11px; }
.legal>div { display:flex; gap:20px; }

/* Application-led sales journey */
.advisor-step { display:flex; align-items:center; gap:14px; margin-bottom:18px; color:#c9d1d6; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
#equipment-advisor { scroll-margin-top:86px; }
.advisor-step span { color:#ff7373; font-weight:800; }
.advisor-step strong { color:#fff; }
.advisor-refine { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin:38px 0 20px; padding:28px; background:#f0f2f1; border:1px solid var(--line); }
.advisor-refine fieldset { min-width:0; padding:0; border:0; }
.advisor-refine legend { margin-bottom:14px; font-size:13px; font-weight:800; }
.advisor-refine legend span { margin-right:8px; color:var(--red); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.advisor-refine fieldset>div { display:flex; flex-wrap:wrap; gap:8px; }
.advisor-duty { grid-column:1/-1; }
.advisor-duty label { flex:1 1 220px; display:grid; gap:7px; color:#495760; font-size:12px; font-weight:800; }
.advisor-duty input { width:100%; min-height:46px; padding:10px 12px; border:1px solid #aab4ba; background:#fff; color:var(--ink); }
.advisor-refine button { min-height:42px; padding:9px 13px; border:1px solid #aab4ba; border-radius:999px; background:#fff; color:var(--ink); font-size:12px; font-weight:800; cursor:pointer; }
.advisor-refine button.active { border-color:var(--ink); background:var(--ink); color:#fff; }
.advisor-pump-shortcut { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 20px; border-left:4px solid var(--red); background:#fff; }
.advisor-pump-shortcut[hidden] { display:none; }
.advisor-pump-shortcut span { display:block; color:var(--red-dark); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.advisor-pump-shortcut strong { display:block; margin-top:4px; color:var(--ink); font-size:15px; }
.advisor-pump-shortcut a { flex:0 0 auto; color:var(--red-dark); font-size:12px; font-weight:800; }
.advisor-result-note { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:26px; padding-bottom:20px; border-bottom:1px solid var(--line); color:var(--muted); font-size:13px; }
.advisor-result-note>div { display:flex; flex-direction:column; }
.advisor-result-note strong { color:var(--ink); }
.advisor-brief-link { flex:0 0 auto; color:var(--red); font-size:12px; font-weight:800; }
.advisor-product { position:relative; padding-top:31px; }
.advisor-product>.fit-label { position:absolute; z-index:4; top:0; left:0; padding:7px 11px; color:#fff; background:var(--red); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

/* Pipe-size and cleaning-reach selector */
.pump-selection-section { scroll-margin-top:96px; overflow:hidden; background:#e5e9e9; }
.pump-selection-heading { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr); gap:clamp(34px,6vw,88px); align-items:end; margin-bottom:38px; }
.pump-selection-heading h2 { max-width:780px; margin:0; }
.pump-selection-heading>p { margin:0; color:#46555e; font-size:17px; line-height:1.7; }
.pump-selector-shell { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.82fr); border:1px solid #bcc5c9; background:#fff; box-shadow:0 22px 60px rgba(16,22,28,.08); }
.pump-selector-form { padding:clamp(26px,4vw,54px); }
.pump-selector-step { display:flex; align-items:center; gap:12px; margin-bottom:30px; color:var(--ink); }
.pump-selector-step span { color:var(--red); font-size:11px; font-weight:800; letter-spacing:.1em; }
.pump-selector-step strong { font-size:14px; }
.pump-selector-fields { display:grid; gap:18px; margin-bottom:28px; }
.pump-selector-fields label { display:grid; gap:8px; color:var(--ink); font-size:13px; font-weight:800; }
.pump-selector-fields label span { color:#64727a; font-size:11px; font-weight:700; }
.pump-selector-fields select,.pump-selector-fields input { width:100%; min-height:52px; padding:11px 44px 11px 14px; border:1px solid #9da9af; border-radius:0; background:#fff; color:var(--ink); font:inherit; }
.pump-selector-fields select:focus-visible,.pump-selector-fields input:focus-visible { outline:3px solid rgba(var(--red-rgb),.28); outline-offset:2px; border-color:var(--red); }
.pump-selector-result { min-width:0; padding:clamp(26px,4vw,54px); background:var(--ink); color:#fff; }
.pump-result-empty { min-height:100%; display:flex; flex-direction:column; justify-content:center; }
.pump-result-empty span { margin-bottom:22px; color:#ff7777; font-size:12px; font-weight:800; letter-spacing:.1em; }
.pump-result-empty strong { max-width:430px; font-family:var(--font-display),sans-serif; font-size:clamp(2.2rem,4vw,4rem); line-height:.95; text-transform:uppercase; }
.pump-result-empty p { max-width:430px; margin:24px 0 0; color:#b9c4ca; }
.pump-selector-result .eyebrow { color:#ff7777; }
.pump-selector-result h3 { margin:0 0 28px; color:#fff; font-size:clamp(2.7rem,5vw,5.4rem); line-height:.88; }
.pump-selector-result dl { display:grid; grid-template-columns:1fr 1fr; margin:0 0 24px; border-top:1px solid rgba(255,255,255,.2); border-left:1px solid rgba(255,255,255,.2); }
.pump-selector-result dl>div { padding:18px; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2); }
.pump-selector-result dt { color:#8fa0aa; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pump-selector-result dd { margin:6px 0 0; font-weight:800; }
.pump-selector-result [data-pump-explanation] { color:#c7d0d5; line-height:1.65; }
.pump-result-ranges { margin:28px 0; }
.pump-result-ranges>strong { display:block; margin-bottom:10px; color:#ff7777; font-size:11px; letter-spacing:.08em; text-transform:uppercase; }
.pump-result-ranges>div { display:grid; gap:8px; }
.pump-result-ranges a { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:48px; padding:10px 14px; border:1px solid rgba(255,255,255,.22); color:#fff; font-size:13px; font-weight:800; }
.pump-result-ranges a:hover { border-color:#fff; background:rgba(255,255,255,.06); }
.pump-selector-notice { margin:18px 0 0; color:#54636b; font-size:12px; line-height:1.6; }
.pump-selector-notice strong { color:var(--ink); }
.pump-selector-shortcut { border-bottom:1px solid var(--line); background:#fff; }
.pump-selector-shortcut>.container { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.pump-selector-shortcut span { display:block; color:var(--red-dark); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pump-selector-shortcut strong { display:block; margin-top:3px; color:var(--ink); font-size:14px; }
.pump-selector-shortcut a { flex:0 0 auto; color:var(--red-dark); font-size:12px; font-weight:800; }

/* Product comparison */
.filter-toolbar { display:grid; grid-template-columns:1fr minmax(280px,520px); align-items:end; gap:40px; margin-bottom:40px; }
.filter-toolbar h2 { font-size:clamp(2.4rem,4vw,4rem); }
.filter-toolbar>p { color:var(--muted); font-size:17px; }
.compare-card-wrap { position:relative; display:flex; flex-direction:column; border:1px solid transparent; transition:border-color .2s ease,box-shadow .2s ease; }
.compare-card-wrap.selected { border-color:var(--red); box-shadow:0 0 0 2px rgba(var(--red-rgb),.1); }
.compare-card-wrap .product-card { flex:1; border:0; }
.compare-toggle { min-height:46px; display:flex; align-items:center; justify-content:center; gap:9px; border:0; border-bottom:1px solid var(--line); background:#eef1f1; color:var(--ink); font-size:12px; font-weight:800; cursor:pointer; }
.compare-toggle span { width:23px; height:23px; display:inline-grid; place-items:center; border:1px solid #7c8991; border-radius:50%; }
.compare-toggle[aria-pressed="true"] { color:#fff; background:var(--ink); }
.compare-toggle[aria-pressed="true"] span { border-color:#fff; }
.compare-toggle:disabled { opacity:.42; cursor:not-allowed; }
.compare-dock { position:fixed; z-index:80; left:50%; bottom:24px; width:min(calc(100% - 32px),1120px); min-height:84px; transform:translateX(-50%); display:flex; align-items:center; justify-content:space-between; gap:24px; padding:16px 18px 16px 24px; color:#fff; background:rgba(16,22,28,.96); border:1px solid rgba(255,255,255,.2); border-radius:12px; box-shadow:0 24px 70px rgba(0,0,0,.3); backdrop-filter:blur(18px); }
.compare-dock>div:first-child { min-width:0; display:flex; flex-direction:column; }
.compare-dock span { color:#ff7a7a; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.compare-dock strong { max-width:680px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.compare-dock>div:last-child { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.compare-dock>div:last-child>button:first-child { min-height:44px; border:0; color:#fff; background:transparent; font-weight:800; cursor:pointer; }
.comparison-modal { position:fixed; z-index:100; inset:0; padding:24px; display:grid; place-items:center; background:rgba(8,12,15,.78); }
.comparison-panel { width:min(1180px,100%); max-height:calc(100vh - 48px); overflow:auto; padding:36px; background:#fff; box-shadow:0 30px 100px rgba(0,0,0,.35); }
.comparison-head { display:flex; justify-content:space-between; gap:40px; margin-bottom:30px; }
.comparison-head h2 { font-size:clamp(2.6rem,5vw,4.6rem); }
.comparison-head p:not(.eyebrow) { max-width:700px; color:var(--muted); }
.comparison-head>button { align-self:start; min-height:44px; padding:10px 14px; border:1px solid var(--ink); background:#fff; font-weight:800; cursor:pointer; }
.comparison-scroll { overflow:auto; border:1px solid var(--line); }
.comparison-scroll table { width:100%; min-width:760px; border-collapse:collapse; }
.comparison-scroll th,.comparison-scroll td { width:25%; padding:16px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); vertical-align:top; text-align:left; }
.comparison-scroll thead th { position:sticky; top:0; color:#fff; background:var(--ink); font-size:14px; }
.comparison-scroll tbody th { background:#eef1f1; font-size:12px; text-transform:uppercase; letter-spacing:.06em; }
.comparison-scroll td { font-size:14px; font-weight:700; }
.comparison-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.comparison-scroll-cue { display:none; margin:-12px 0 12px; color:#4c5a64; font-size:13px; font-weight:700; }
body.modal-open { overflow:hidden; }
.comparison-panel { overscroll-behavior:contain; }

/* Industry solutions */
.solutions-home { background:#eef1f1; }
.solution-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.solution-card { min-height:245px; position:relative; display:flex; flex-direction:column; padding:28px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; transition:color .25s ease,background-color .25s ease,transform .25s ease; }
.solution-card:hover { z-index:1; color:#fff; background:var(--ink); transform:translateY(-4px); }
.solution-card>span { color:var(--red); font-size:11px; font-weight:800; }
.solution-card p { margin:42px 0 8px; color:var(--muted); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.solution-card:hover p { color:#aeb9c0; }
.solution-card h3 { max-width:300px; font-size:30px; }
.solution-card b { position:absolute; right:26px; bottom:24px; font-size:20px; }
.solution-hero { padding:82px 0 100px; background:linear-gradient(105deg,var(--paper) 0 66%,#e2e6e7 66%); }
.solution-hero h1 { max-width:970px; }
.solution-hero>.container>p:not(.eyebrow) { max-width:850px; margin:28px 0 34px; color:#43515b; font-size:21px; }
.solution-decision { color:#fff; background:var(--ink); }
.solution-decision>.container { display:grid; grid-template-columns:1.1fr .9fr; }
.solution-decision>.container>div { padding:58px 50px; border-right:1px solid rgba(255,255,255,.15); }
.solution-decision span { display:block; margin-bottom:20px; color:#ff7777; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.solution-decision h2 { margin-bottom:22px; font-size:42px; }
.solution-decision p { color:#b6c1c8; }
.solution-decision ul { margin:0; padding:0; list-style:none; }
.solution-decision li { padding:13px 0 13px 24px; border-bottom:1px solid rgba(255,255,255,.14); position:relative; }
.solution-decision li:before { content:""; width:7px; height:7px; position:absolute; left:0; top:23px; border-radius:50%; background:var(--red); }
.solution-brief { background:#e3e8e8; }
.solution-brief>.container { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.solution-brief h2 { margin-bottom:24px; }
.solution-brief>div>div>p:not(.eyebrow) { color:var(--muted); margin-bottom:28px; }
.solution-brief ol { display:grid; grid-template-columns:1fr 1fr; margin:0; padding:0; list-style:none; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.solution-brief li { min-height:130px; display:flex; flex-direction:column; justify-content:space-between; padding:22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.solution-brief li span { color:var(--red); font-size:11px; font-weight:800; }
.field-proof { background:#fff; }
.approved-proof { margin-top:36px; padding:26px; border-left:3px solid var(--red); background:#eef1f1; }
.approved-proof h3 { margin-bottom:18px; font-size:28px; }
.approved-proof>div { padding:14px 0; border-top:1px solid var(--line); }
.approved-proof strong { font-size:14px; }
.approved-proof p { margin:5px 0 0; }

/* Product decision navigation and configuration */
.product-section-nav { position:sticky; z-index:40; top:var(--product-header-offset,86px); background:rgba(247,247,243,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.product-section-nav .container { min-height:58px; display:flex; align-items:center; gap:25px; overflow:auto; scrollbar-width:none; }
.product-section-nav .container::-webkit-scrollbar { display:none; }
.product-section-nav span { flex:0 0 auto; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.product-section-nav a { flex:0 0 auto; padding:17px 0 14px; border-bottom:3px solid transparent; font-size:12px; font-weight:800; white-space:nowrap; }
.product-section-nav a:hover { border-color:var(--red); }
.product-section-nav a[aria-current="location"] { color:var(--red); border-color:var(--red); }
#overview,#performance,#variants,#process,#engineering,#configuration,#literature,#related-news,#support,#product-enquiry { scroll-margin-top:calc(var(--product-header-offset,86px) + var(--product-nav-height,58px) + 16px); }
.configuration-planner { color:#fff; background:var(--ink); }
.engineering-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.engineering-facts>div { min-height:150px; display:flex; flex-direction:column; gap:18px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.engineering-facts span { color:var(--red); font-size:10px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.engineering-facts strong { font-size:17px; line-height:1.35; }
.fit-reasons { margin:24px 0 0; padding:0; list-style:none; }
.fit-reasons li { position:relative; padding:7px 0 7px 20px; color:var(--muted); font-size:13px; }
.fit-reasons li:before { content:""; width:7px; height:7px; position:absolute; left:0; top:14px; border-radius:50%; background:var(--red); }
.configuration-options { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 32px; }
.configuration-options button { min-height:46px; padding:11px 16px; border:1px solid rgba(255,255,255,.3); border-radius:999px; color:#fff; background:transparent; font-size:12px; font-weight:800; cursor:pointer; }
.configuration-options button:hover,.configuration-options button.active { border-color:#fff; background:#fff; color:var(--ink); }
.configuration-action { display:flex; justify-content:flex-end; padding-top:28px; }
.configuration-heading { display:grid; grid-template-columns:1fr minmax(280px,520px); align-items:end; gap:60px; margin-bottom:54px; }
.configuration-heading>p { color:#aeb9c0; font-size:17px; }
.configuration-flow { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.18); border-left:1px solid rgba(255,255,255,.18); }
.configuration-flow article { min-height:330px; padding:28px; border-right:1px solid rgba(255,255,255,.18); border-bottom:1px solid rgba(255,255,255,.18); }
.configuration-flow article>span { color:#ff7777; font-size:11px; font-weight:800; }
.configuration-flow h3 { margin:58px 0 22px; font-size:30px; }
.configuration-flow p { color:#aeb9c0; font-size:14px; }
.configuration-flow dl { margin:0; }
.configuration-flow dl>div { padding:8px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.configuration-flow dt { color:#82919a; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.configuration-flow dd { margin:2px 0 0; font-size:13px; font-weight:800; }
.configuration-cta { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:28px; border:1px solid rgba(255,255,255,.18); border-top:0; }
.configuration-cta>div { display:flex; flex-direction:column; }
.configuration-cta span { color:#aeb9c0; font-size:13px; }
.service-plans { background:#fff; }
.service-plan-scroll { overflow:auto; border:1px solid var(--line); }
.service-plan-scroll table { width:100%; min-width:980px; border-collapse:collapse; }
.service-plan-scroll th,.service-plan-scroll td { padding:17px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); vertical-align:top; text-align:left; }
.service-plan-scroll thead th { color:#fff; background:var(--ink); font-size:11px; text-transform:uppercase; letter-spacing:.07em; }
.service-plan-scroll tbody th { color:var(--red); font-size:14px; }
.service-plan-scroll td { color:#4f5d66; font-size:13px; }
.service-plan-note { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:24px; }
.service-plan-note p { max-width:720px; margin:0; color:var(--muted); font-size:13px; }

@media (max-width:1100px) {
  .solution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .configuration-flow { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:860px) {
	.pump-selection-heading,.pump-selector-shell { grid-template-columns:1fr; }
	.pump-selection-heading { gap:18px; }
	.pump-selector-result { min-height:420px; }
	.pump-selector-shortcut>.container,.advisor-pump-shortcut { align-items:flex-start; flex-direction:column; padding-top:18px; padding-bottom:18px; }
	.pump-selector-shortcut a,.advisor-pump-shortcut a { flex:initial; min-height:44px; display:flex; align-items:center; }
	.page-hero>.container:has(.page-hero-corporate) { grid-template-columns:1fr; gap:0; }
	.page-hero-corporate { grid-column:1; grid-row:5; width:100%; min-height:230px; margin-top:32px; }
  .advisor-refine,.filter-toolbar,.solution-decision>.container,.solution-brief>.container,.configuration-heading { grid-template-columns:1fr; }
  .advisor-result-note,.configuration-cta { align-items:flex-start; flex-direction:column; }
  .compare-dock { bottom:12px; align-items:flex-start; flex-direction:column; }
  .compare-dock>div:last-child { width:100%; }
  .compare-dock .button { flex:1; }
  .comparison-modal { padding:10px; }
  .comparison-panel { max-height:calc(100vh - 20px); padding:24px 18px; }
  .comparison-head { gap:20px; }
  .solution-hero { padding:60px 0 76px; background:var(--paper); }
  .solution-decision>.container>div { padding:44px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.15); }
  .solution-brief>.container { gap:50px; }
  .product-section-nav { top:var(--product-header-offset,72px); }
  .configuration-flow { grid-template-columns:1fr 1fr; }
  .engineering-facts { grid-template-columns:1fr 1fr; }
  .service-plan-note { align-items:flex-start; flex-direction:column; }
}

@media (max-width:600px) {
  .advisor-refine { padding:22px 16px; }
  .advisor-refine fieldset>div { flex-direction:column; }
  .advisor-refine button { width:100%; text-align:left; }
  .compare-dock strong { max-width:290px; }
  .compare-dock>div:last-child { flex-direction:column; align-items:stretch; }
  .comparison-head { flex-direction:column; }
  .solution-grid { grid-template-columns:1fr; }
  .solution-card { min-height:205px; }
  .solution-brief ol,.configuration-flow { grid-template-columns:1fr; }
  .configuration-flow article { min-height:270px; }
  .engineering-facts { grid-template-columns:1fr; }
  .configuration-flow h3 { margin-top:38px; }
  .product-section-nav .container { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding-block:8px; overflow:visible; }
  .product-section-nav .container>span { grid-column:1/-1; padding:0 6px 5px; }
  .product-section-nav a { min-height:44px; display:flex; align-items:center; justify-content:center; padding:7px 5px; border-bottom:1px solid var(--line); white-space:normal; text-align:center; font-size:10px; line-height:1.2; }
  #overview,#performance,#variants,#process,#engineering,#configuration,#literature,#related-news,#support,#product-enquiry { scroll-margin-top:calc(var(--product-header-offset,72px) + var(--product-nav-height,126px) + 16px); }
}

@media (max-width:1100px) {
  .primary-nav { gap:17px; font-size:13px; }
  .header-hippo { min-width:70px; }
  .hero { background:linear-gradient(90deg,var(--paper) 0 54%,#e1e5e6 54%); }
  .hero-grid { grid-template-columns:1fr 1fr; }
  .hero-machine { min-height:400px; }
  .product-grid,.article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .credentials-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .credential-card { border-bottom:1px solid var(--line); }
  .credential-card:nth-child(3) { border-right:0; }
  .application-grid { grid-template-columns:repeat(2,1fr); }
  .contact-grid { grid-template-columns:repeat(2,1fr); }
  .stock-list article { grid-template-columns:50px 320px 1fr; }
  .detail-grid,.article-layout { gap:50px; grid-template-columns:minmax(0,1fr) 320px; }
  .product-showcase { grid-template-columns:minmax(390px,44%) minmax(0,56%); grid-template-rows:640px auto; }
  .showcase-copy,.showcase-visual { height:640px; }
  .showcase-copy { padding:34px; }
  .showcase-media-frame { inset:88px 48px 54px; }
}

@media (max-width:1290px) {
  .utility .container>span { display:none; }
  .utility .container { justify-content:flex-end; }
  .menu-toggle { display:flex; align-items:center; gap:8px; }
  .menu-toggle i,.menu-toggle i:before,.menu-toggle i:after { content:""; display:block; width:19px; height:2px; background:var(--ink); }
  .menu-toggle i { position:relative; }
  .menu-toggle i:before { position:absolute; top:-6px; }
  .menu-toggle i:after { position:absolute; top:6px; }
  .primary-nav { display:none; position:absolute; top:100%; left:0; right:0; padding:12px 16px 22px; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 18px 40px rgba(16,22,28,.12); }
  .primary-nav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .primary-nav>a:not(.nav-cta) { padding:13px 6px; border-bottom:1px solid var(--line); min-height:48px; }
  .nav-cta { margin-top:14px; justify-content:space-between; }
  .header-hippo { margin-left:auto; flex-basis:214px; width:214px; min-width:214px; min-height:70px; }
}

@media (max-width:860px) {
  .container { width:min(calc(100% - 32px),var(--max)); }
  .utility .container>span { display:none; }
  .utility .container { justify-content:flex-end; }
  .menu-toggle { display:flex; align-items:center; gap:8px; }
  .header-hippo { margin-left:auto; flex-basis:214px; width:214px; min-width:214px; min-height:62px; }
  .menu-toggle i,.menu-toggle i:before,.menu-toggle i:after { content:""; display:block; width:19px; height:2px; background:var(--ink); }
  .menu-toggle i { position:relative; }
  .menu-toggle i:before { position:absolute; top:-6px; }
  .menu-toggle i:after { position:absolute; top:6px; }
  .primary-nav { display:none; position:absolute; top:100%; left:0; right:0; padding:12px 16px 22px; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 18px 40px rgba(16,22,28,.12); }
  .primary-nav.open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .primary-nav>a:not(.nav-cta) { padding:13px 6px; border-bottom:1px solid var(--line); min-height:48px; }
  .nav-cta { margin-top:14px; justify-content:space-between; }
  .hero { min-height:auto; background:var(--paper); }
  .hero-grid { grid-template-columns:1fr; padding:62px 0 36px; }
  .hero-machine { min-height:430px; background:#e1e5e6; margin-inline:-16px; padding:25px; }
  .hero-machine img { transform:none; }
  .proof-grid { grid-template-columns:repeat(2,1fr); }
  .section { padding:76px 0; }
  .signature-grid,.support-grid,.support-intro,.company-what-grid,.page-hero-grid,.product-hero-grid,.article-head,.split-copy,.icon-story,.form-layout { grid-template-columns:1fr; }
  .support-intro,.company-what-grid { gap:44px; }
  .service-capabilities,.support-actions-row,.service-detail-grid { grid-template-columns:1fr; }
  .service-capabilities article,.service-detail-grid article { min-height:0; }
  .service-capabilities h3,.service-detail-grid h3 { margin-top:28px; }
  .product-showcase { grid-template-columns:1fr; grid-template-rows:480px 620px auto; grid-template-areas:"visual" "copy" "index"; }
  .showcase-visual { height:480px; }
  .showcase-copy { height:620px; }
  .showcase-media-frame { inset:82px 48px 44px; }
  .showcase-counter { margin-bottom:38px; }
  .showcase-index { display:flex; max-width:100%; overflow-x:auto; overscroll-behavior-inline:contain; }
  .showcase-index button { flex:0 0 190px; }
  .story-sticky { display:none; }
  .story-mobile-toolbar { position:sticky; z-index:18; top:97px; display:grid; grid-template-rows:56px 46px; color:#fff; background:rgba(13,20,26,.96); backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,.12); }
  .story-mobile-progress { height:46px; position:relative; z-index:auto; inset:auto; display:grid; grid-template-columns:auto minmax(90px,1fr) auto; gap:12px; padding:0 20px; color:#aab5bc; background:transparent; }
  .story-steps { margin-top:0; padding-block:30px; }
  .story-skip { display:flex; position:relative; z-index:auto; inset:auto; width:max-content; margin:0 16px 0 auto; align-self:center; }
  .story-step { min-height:1260px; display:grid; grid-template-columns:1fr; grid-template-rows:1fr; position:relative; padding:30px 0; border-bottom:1px solid rgba(255,255,255,.14); overflow:hidden; }
  .story-mobile-image { grid-area:1/1; display:block; height:430px; position:relative; align-self:start; margin-bottom:0; }
  .story-mobile-image:after { content:""; position:absolute; z-index:2; inset:-2px; pointer-events:none; background:linear-gradient(to bottom,rgba(13,20,26,.2) 0,transparent 22%,transparent 78%,rgba(13,20,26,.2) 100%),linear-gradient(to right,rgba(13,20,26,.22) 0,transparent 12%,transparent 88%,rgba(13,20,26,.22) 100%); }
  .story-mobile-image .story-video-badge { top:18px; left:18px; right:auto; bottom:auto; max-width:calc(100% - 36px); }
  .story-card { grid-area:1/1; width:100%; min-height:960px; margin-top:255px; padding:105px 26px 42px; z-index:3; align-self:start; border-left-color:var(--red); opacity:1; transform:none; background:linear-gradient(to bottom,transparent 0,rgba(13,20,26,.92) 94px,#0d141a 210px); backdrop-filter:none; }
  .story-card h2 { font-size:clamp(3rem,8vw,4.5rem); }
  .signature-copy { padding:42px 30px; }
  .support-grid,.split-copy,.icon-story,.form-layout { gap:48px; }
  .company-story-heading { position:static; }
  .spec-band .container { grid-template-columns:repeat(2,1fr); }
  .detail-grid,.article-layout { grid-template-columns:1fr; }
  .aside-card { position:static; }
  .article-head { gap:40px; }
  .article-hero-image { min-height:380px; }
  .page-hero-grid { gap:40px; }
  .page-hero-image { min-height:370px; }
  .product-stage { min-height:450px; }
  .model-selector-band .container { grid-template-columns:repeat(2,1fr); }
  .model-selector-band button:nth-child(3) { border-left:1px solid rgba(255,255,255,.16); }
  .model-explanation { grid-template-columns:1fr; }
  .model-identity { min-height:290px; }
  .model-explanation-copy { padding:38px; }
  .model-description { margin:12px 0; }
  .model-specs { margin-bottom:16px; }
  .stock-list article { grid-template-columns:50px 1fr; }
  .stock-image { grid-column:2; }
  .stock-list article>div:last-child { grid-column:2; }
  .footer-top { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .values-grid { grid-template-columns:1fr; }
}

@media (max-width:600px) {
  .utility { display:none; }
  .story-mobile-toolbar { top:73px; }
  .nav-wrap { width:100%; min-height:72px; padding-inline:4px; display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); gap:0; }
  .brand { grid-column:1; width:100%; max-width:174px; justify-self:start; }
  .menu-toggle { order:2; grid-column:2; min-width:44px; width:44px; padding-inline:0; justify-content:center; }
  .menu-toggle>span { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
  .header-hippo { order:3; grid-column:3; margin-left:0; flex-basis:auto; width:100%; min-width:0; min-height:64px; justify-self:end; }
  .header-hippo-stripes { width:100%; height:64px; }
  .header-hippo-stripes img { width:100%; height:100%; object-fit:fill; }
  .header-hippo .header-hippo-mascot { right:2%; width:auto; height:clamp(44px,calc((100vw - 52px)/6.03),58px); }
  h1 { font-size:3.25rem; }
  .hero-grid { gap:25px; }
  .hero-lead { margin:20px 0 26px; }
  .button { width:100%; }
  .hero-machine { min-height:340px; }
  .tech-label { top:16px; left:16px; }
  .hero-specs { grid-template-columns:1fr; left:16px; right:16px; bottom:16px; }
  .hero-specs span { display:flex; justify-content:space-between; align-items:center; padding:8px 12px; }
  .hero-specs strong { display:inline; font-size:17px; }
  .proof-grid,.product-grid,.article-grid,.application-grid,.contact-grid,.download-library,.values-grid { grid-template-columns:1fr; }
  .credentials-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .credential-card { padding:24px 16px; }
  .credential-card:nth-child(3) { border-right:1px solid var(--line); }
  .credential-card:nth-child(even) { border-right:0; }
  .credential-card:last-child { grid-column:1/-1; border-right:0; }
  .credential-art { min-height:120px; margin-bottom:20px; }
  .credential-card h3 { font-size:22px; }
  .proof-grid>div { border-left:1px solid var(--line); }
  .application-grid button,.application-grid>a { min-height:130px; padding:22px 18px; grid-template-columns:34px minmax(0,1fr) auto; }
  .application-results { margin-top:22px; padding:22px 16px; }
  .application-results-heading { align-items:flex-start; flex-direction:column; gap:18px; }
  .application-result-tools { align-items:flex-start; }
  .company-video-frame { border-radius:10px; }
  .company-video-frame>span { left:12px; bottom:12px; max-width:calc(100% - 24px); }
  .company-motto { margin-top:30px; }
  .company-what blockquote { margin:28px 0; padding:20px; font-size:17px; }
  .service-capabilities article,.service-detail-grid article { padding:28px 22px; }
  .section-heading { margin-bottom:34px; }
  .card-image { height:auto; aspect-ratio:16/10; }
  .product-showcase { grid-template-rows:340px 760px auto; }
  .showcase-visual { height:340px; }
  .showcase-media-frame { inset:66px 22px 24px; }
  .showcase-visual>span { top:18px; left:18px; }
  .showcase-copy { height:760px; padding:30px 22px; }
  .showcase-copy h3 { font-size:3rem; }
  .showcase-copy .button { width:100%; }
  .showcase-controls { width:100%; }
  .showcase-controls button { flex:1; }
  .signature-image { min-height:350px; }
  .cta-band .container { flex-direction:column; align-items:flex-start; }
  .breadcrumbs { margin-bottom:36px; }
  .page-hero { padding:36px 0 58px; }
  .page-hero-image { min-height:280px; }
  .product-hero-grid { min-height:0; padding-bottom:30px; }
  .product-stage { min-height:360px; }
  .product-stage img { padding:35px 18px; }
  .sewer-models { padding:70px 0; }
  .model-selector-band button,.mounting-cell { min-height:92px; padding:16px 12px; }
  .model-selector-band button strong,.mounting-cell strong { font-size:16px; }
  .model-selector-band button span,.mounting-cell span { font-size:9px; }
  .model-identity { min-height:250px; padding:30px 24px; }
  .model-identity h3 { margin:18px 0 6px; font-size:4.5rem; }
  .model-explanation-copy { padding:30px 22px; }
  .model-actions .button { width:100%; order:-1; }
  .spec-band .container { grid-template-columns:1fr 1fr; }
  .spec-band .container>div { padding:18px 12px; }
  .spec-band strong { font-size:14px; }
  .enquiry-form { grid-template-columns:1fr; padding:22px 18px; }
  .field.full,.form-note,.form-selection { grid-column:auto; }
  .article-hero-image { min-height:280px; }
  .stock-list article { grid-template-columns:1fr; padding:18px; gap:16px; }
  .stock-image,.stock-list article>div:last-child { grid-column:auto; }
  .stock-image { min-height:220px; }
  .stock-list h2 { font-size:30px; }
  .contact-grid article { padding:24px 20px; }
  .download-library a { min-width:0; }
  .download-library strong { overflow-wrap:anywhere; }
  .footer-top { grid-template-columns:1fr 1fr; gap:38px 24px; }
  .locations { grid-template-columns:1fr; }
  .legal { flex-direction:column; align-items:flex-start; padding-block:22px; }
}

@media (max-width:1000px) {
  .product-promise .container { grid-template-columns:1fr; gap:44px; }
}

@media (max-width:700px) {
  .product-promise { padding:72px 0; }
  .product-promise-grid { grid-template-columns:1fr; }
  .product-promise-grid article { min-height:0; }
  .product-promise-grid h3 { margin-top:24px; }
}

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

/* WordPress conversion components */
.application-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #34404a;border-left:1px solid #34404a;margin-top:3rem}
.application-links a{min-height:190px;display:grid;grid-template-columns:42px 1fr auto;align-content:start;gap:1.2rem;padding:1.7rem;color:#fff;text-decoration:none;border-right:1px solid #34404a;border-bottom:1px solid #34404a;transition:background-color .2s ease,color .2s ease}
.application-links a:hover,.application-links a:focus-visible{background:#c9282d;color:#fff}.application-links span{color:#9cb8d4;font-size:.78rem}.application-links strong{font:700 clamp(1.1rem,2vw,1.5rem)/1.08 var(--font-display)}.application-links b{font-size:1.4rem}
.story-image>img,.story-local-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.story-mobile-image>img,.story-mobile-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.story-local-video,.story-mobile-video{opacity:0;background:transparent;transition:opacity .22s ease}.story-local-video.is-playing,.story-mobile-video.is-playing{opacity:1}.story-mobile-video{z-index:1;display:block;pointer-events:none}.story-image:not(.active){pointer-events:none}
.product-card .card-image{display:grid;place-items:center;aspect-ratio:4/3;background:#f2f4f5;overflow:hidden}.product-card .card-image img{width:100%;height:100%;padding:1rem;object-fit:contain;object-position:center}.product-card h2 a{color:inherit;text-decoration:none}
.filter-result{margin:.9rem 0 2rem;color:var(--muted)}
.filter-bar{display:flex;flex-wrap:wrap;gap:.65rem;width:100%}.filter-bar a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#fff;text-decoration:none;font-size:.82rem;font-weight:700;line-height:1.15}.filter-bar a:hover,.filter-bar a:focus-visible,.filter-bar a.active{background:var(--ink);border-color:var(--ink);color:#fff}
.product-stage img{width:100%;height:100%;object-fit:contain;object-position:center;padding:1rem}
.product-gallery{display:grid;grid-template-rows:auto auto auto;min-height:0}.product-gallery-main{position:relative;width:100%;height:clamp(360px,38vw,540px);min-height:0}.product-gallery-main img{position:absolute;inset:0}.variant-media-label{position:absolute;z-index:3;top:14px;right:14px;left:auto;max-width:calc(100% - 28px);padding:7px 10px;border-right:3px solid var(--red);background:rgba(255,255,255,.96);color:var(--ink);font-size:10px;font-weight:800;line-height:1.25;letter-spacing:.1em;text-align:right;text-transform:uppercase;overflow-wrap:anywhere}.product-gallery-controls{display:grid;grid-template-columns:44px 1fr auto 44px;gap:10px;align-items:center;min-height:60px;padding:8px 12px}.product-gallery-controls button{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:18px;cursor:pointer}.product-gallery-controls strong{justify-self:center;font-size:12px;letter-spacing:.08em}.product-gallery-controls .gallery-playback{width:auto;padding:0 14px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.product-gallery-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:80px;padding:8px 12px 14px}.product-gallery-thumbs button{flex:0 0 72px;width:72px;height:58px;padding:3px;border:1px solid var(--line);background:#fff;cursor:pointer}.product-gallery-thumbs button.active{border:2px solid #c9282d}.product-gallery-thumbs img{display:block;width:100%;height:100%;padding:0;object-fit:contain}
.article-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.sales-team{display:grid;gap:1.1rem}.sales-team>div{display:flex;flex-direction:column;gap:.25rem;padding:1rem 0;border-top:1px solid var(--line)}.sales-team a{color:inherit}.sales-team span{color:var(--muted)}
.product-content-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:clamp(2rem,6vw,6rem)}
.product-content-grid>div>h2{line-height:1.04;margin-bottom:clamp(1.35rem,3vw,2.1rem);text-wrap:balance}.product-content-grid>div>.prose>:first-child{margin-top:0}
.product-enquiry-panel{padding:0}.product-enquiry-panel:not([open])>.form-layout{display:none}.product-enquiry-panel>summary{display:flex;justify-content:center;max-width:360px;margin:3rem auto;cursor:pointer;list-style:none}.product-enquiry-panel>summary::-webkit-details-marker{display:none}.product-enquiry-panel[open]>summary{margin-bottom:0}.product-enquiry-panel .form-layout{padding-top:clamp(2rem,5vw,5rem);padding-bottom:clamp(3rem,6vw,6rem)}
.service-fields{display:contents}.service-fields[hidden]{display:none}.form-trap{display:none!important}
@media (max-width:480px){#wpadminbar{min-width:0!important}#wpadminbar .display-name{display:none!important}}
@media (max-width:360px){.nav-wrap{gap:0;padding-inline:4px}.brand{width:100%;max-width:174px}.header-hippo{flex-basis:auto;width:100%;min-width:0}.header-hippo .header-hippo-mascot{height:clamp(44px,calc((100vw - 52px)/6.03),58px)}.menu-toggle{min-width:44px;width:44px;padding-inline:0}}
.company-hero{position:relative;min-height:clamp(620px,56.25vw,810px);display:flex;align-items:flex-end;overflow:hidden;background:#0d151b;color:#fff}.company-film,.company-film video,.company-film-shade{position:absolute;inset:0;width:100%;height:100%}.company-film video{object-fit:contain;object-position:center;background:#0d151b}.company-film-shade{background:linear-gradient(90deg,rgba(10,18,24,.92) 0%,rgba(10,18,24,.5) 48%,rgba(10,18,24,.2) 100%),linear-gradient(0deg,rgba(10,18,24,.75),transparent 55%)}.company-hero .container{position:relative;z-index:1;padding-top:9rem;padding-bottom:5rem}.company-hero h1{max-width:800px}.company-hero p:not(.eyebrow){max-width:690px;font-size:clamp(1.1rem,2vw,1.4rem)}.company-story-section{background:#f7f8f6}.company-story-copy blockquote{margin:2.5rem 0;padding:1.4rem 1.8rem;border-left:4px solid #c9282d;background:#f0f2f3;font-size:1.15rem}.milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #34404a;border-left:1px solid #34404a}.milestone-grid article{min-height:180px;padding:1.5rem;border-right:1px solid #34404a;border-bottom:1px solid #34404a}.milestone-grid span{display:block;color:#ef3f44;font:700 2rem/1 var(--font-display);margin-bottom:1rem}.milestone-grid p{color:#d7dfe5}
.icon-hero{background:#eef1f2;overflow:hidden}.icon-hero>.container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;min-height:650px;gap:3rem}.icon-hero h1{max-width:780px}.icon-hero p:not(.eyebrow){max-width:650px;font-size:1.2rem}.icon-hero-art{position:relative;display:grid;place-items:center;min-height:520px}.icon-hero-art span{position:absolute;inset:15% 0;background:linear-gradient(90deg,transparent,#c9282d 30% 70%,transparent);height:6px}.icon-hero-art img{position:relative;width:min(100%,500px);height:auto;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(10,18,24,.2))}
.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-grid article{min-height:310px;padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-grid span{color:#c9282d}.solution-grid h2{margin:2rem 0 1rem}.solution-grid h2 a{color:inherit;text-decoration:none}.solution-grid .text-link{display:inline-block;margin-top:1rem}.stock-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:1rem}
@media(max-width:860px){.application-links{grid-template-columns:1fr}.application-links a{min-height:116px}.product-content-grid{grid-template-columns:1fr}.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-hero{display:block;min-height:0;padding-top:56.25vw}.company-film{height:56.25vw;bottom:auto}.company-film-shade{background:linear-gradient(0deg,rgba(10,18,24,.48) 0%,rgba(10,18,24,.12) 65%,rgba(10,18,24,.05) 100%)}.company-hero .container{padding-top:clamp(2.25rem,7vw,4rem);padding-bottom:clamp(3.5rem,10vw,5rem)}}
@media(max-width:860px){.icon-hero>.container{grid-template-columns:1fr;padding-top:5rem}.icon-hero-art{min-height:340px}.icon-hero-art img{max-height:320px}}
@media(max-width:860px){.solution-grid{grid-template-columns:1fr}.solution-grid article{min-height:0}}
@media(max-width:480px){.application-links a{grid-template-columns:32px 1fr auto;padding:1.25rem;gap:.75rem}.milestone-grid{grid-template-columns:1fr}.company-hero h1{font-size:clamp(2.7rem,14vw,4.2rem)}}
.article-head h1{overflow-wrap:anywhere}.article-facts{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem}.article-facts span{display:grid;gap:.25rem;color:var(--muted);font-size:.84rem}.article-facts strong{color:var(--ink);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2.5rem 0}.article-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f2f4f5}.article-source{padding-top:1.2rem;border-top:1px solid var(--line)}.news-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(16,22,28,.04)}.news-card-image{display:grid;place-items:center;aspect-ratio:2/1;overflow:hidden;background:#f2f4f5}.news-card-image img{width:100%;height:100%;padding:.65rem;object-fit:contain}.news-card-body{display:flex;flex:1;flex-direction:column;min-width:0;padding:clamp(1.1rem,2.2vw,1.5rem)}.news-card .card-meta{display:block;min-height:2.4em;line-height:1.2}.news-card h2{display:-webkit-box;min-width:0;margin:.8rem 0 .7rem;overflow:hidden;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.04;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-wrap:balance}.news-card h2 a{color:inherit;text-decoration:none}.news-card-body>p{display:-webkit-box;margin:0;overflow:hidden;color:var(--muted);font-size:.9rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.news-card .text-link{align-self:flex-start;margin-top:auto;padding-top:1.1rem;font-size:.78rem}.stock-status{color:#c9282d}.stock-public-note{padding:.8rem 1rem;border-left:3px solid #c9282d;background:#f4f5f6}.stock-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:1.2rem 0}.stock-details div{padding:.75rem;border:1px solid var(--line)}.stock-details dt{color:var(--muted);font-size:.72rem;text-transform:uppercase}.stock-details dd{margin:.25rem 0 0;font-weight:700}.stock-status-sold{opacity:.88}.stock-status-sold .stock-image{filter:grayscale(.35)}
@media(max-width:600px){.article-gallery,.stock-details{grid-template-columns:1fr}.article-facts{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:520px){.download-row{grid-template-columns:46px minmax(0,1fr);gap:8px 14px;min-height:106px;padding:16px 0}.download-file-icon{grid-row:1/3;width:42px}.download-row-action{grid-column:2;justify-self:start;min-height:34px;padding:6px 10px}.download-copy{align-self:end}}
/* Readable heading rhythm: condensed display glyphs must never touch adjacent copy. */
h1,h2,h3{line-height:1}
.page-hero>.container>h1{max-width:1200px;font-size:clamp(2.8rem,6vw,6rem);line-height:1;text-wrap:balance;overflow-wrap:break-word}
.company-hero .eyebrow{color:#ff7777}
.page-hero .eyebrow{color:var(--red-dark)}
.page-hero>.container>h1+p{max-width:900px;margin:clamp(20px,2.2vw,30px) 0 0;color:#43515b;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}
.news-hero{padding-block:clamp(52px,6vw,82px)}
.news-hero .eyebrow{margin-bottom:20px}
.news-card h2{line-height:1.08}
.product-card .card-body h2{margin:14px 0 18px;font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.08;text-wrap:balance;overflow-wrap:anywhere}
.related-news{background:#eef1f2;border-block:1px solid var(--line)}
.related-news .section-heading{margin-bottom:clamp(28px,4vw,48px)}
.section-action{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}
@media(max-width:600px){.page-hero>.container>h1{font-size:clamp(2.55rem,13vw,3.35rem)}.page-hero>.container>h1+p{margin-top:18px}.news-hero{padding-block:42px 54px}.related-news .article-grid{gap:16px}}
.utility{display:none}
.product-variants{padding:clamp(64px,7vw,96px) 0;background:#f4f6f6}
.variant-selector-guide{padding:0 0 clamp(20px,3vw,32px)}.variant-selector-guide .container{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.variant-selector-guide .eyebrow{margin:0 0 8px}.variant-selector-guide strong{display:block;max-width:720px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.45}.variant-selector-guide>div>span{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--red);font-size:20px}.product-variant-selector button small{margin-top:12px;color:#b8c6cd;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-variant-selector button[aria-selected="true"] small{color:#fff}
.product-variants .section-heading{margin-bottom:clamp(28px,4vw,46px)}
.product-variant-selector .container{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-variant-selector button{min-height:110px}
.variant-panel{height:592px}
.variant-panel[hidden]{display:none}
.variant-panel .model-identity{min-height:0}
.variant-panel .model-identity h3{font-size:clamp(3rem,6vw,6rem)}
.variant-panel .model-explanation-copy{height:100%;min-height:0;justify-content:stretch;overflow:hidden}
.variant-scroll-region{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:10px}
.variant-scroll-region:focus-visible{outline:3px solid var(--red);outline-offset:4px}
.variant-scroll-region>p{font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.7}
.variant-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:12px;margin-top:0;padding-top:20px}
.variant-actions button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:19px;cursor:pointer}
@media(max-width:1290px){.variant-panel{height:auto}.variant-panel .model-identity{height:290px;min-height:290px}.variant-panel .model-explanation-copy{height:590px}}
@media(max-width:720px){.variant-selector-guide .container{align-items:center}.variant-selector-guide>div>span{flex-basis:40px;width:40px;height:40px}.product-variant-selector .container{grid-template-columns:1fr 1fr}.product-variant-selector .mounting-cell{grid-column:1/-1}.product-variant-selector button{min-height:104px}.variant-panel .model-identity{height:250px;min-height:250px}.variant-panel .model-identity h3{font-size:clamp(3rem,14vw,4.5rem)}.variant-panel .model-explanation-copy{height:560px}.variant-actions{margin-inline:0;padding-top:14px;background:#fff}}

/* Canonical product composition: bounded hero treatments, contained media and option groups. */
.product-hero-copy{min-width:0}.product-hero h1,.product-hero-promise,.active-model-summary strong,.spec-band strong,.model-selector-band button strong{overflow-wrap:anywhere}.product-hero h1,.product-hero-promise{text-wrap:balance}.product-hero-promise{max-width:640px;margin:14px 0 18px;color:var(--red-dark);font-family:var(--font-display,"Barlow Condensed"),sans-serif;font-size:clamp(1.55rem,2.6vw,2.45rem);font-weight:700;line-height:1.08}.product-hero--layout-media-left .product-hero-copy{order:2}.product-hero--layout-media-left .product-stage{order:1}.product-hero--layout-full .product-hero-grid{grid-template-columns:1fr}.product-hero--layout-full .product-hero-copy{max-width:900px}.product-hero--layout-full .product-stage{width:100%;max-width:1100px;justify-self:center}.product-hero--tone-dark{color:#fff;background:var(--ink)}.product-hero--tone-dark .hero-lead,.product-hero--tone-dark .breadcrumbs,.product-hero--tone-dark .breadcrumbs a{color:#c4cdd2}.product-hero--tone-dark .product-hero-promise{color:#ff8b8e}.product-hero--tone-dark .active-model-summary{background:rgba(255,255,255,.08)}.product-hero--tone-brand{color:#fff;background:#9d2024}.product-hero--tone-brand .hero-lead,.product-hero--tone-brand .breadcrumbs,.product-hero--tone-brand .breadcrumbs a{color:#fff}.product-hero--tone-brand .product-hero-promise{color:#fff}.product-hero--tone-brand .active-model-summary{border-left-color:#fff;background:rgba(255,255,255,.12)}.product-hero--tone-brand .active-model-summary span,.product-hero--tone-brand .active-model-summary small{color:#fff}
.product-media-gallery .product-gallery-main>img,.product-media-gallery .product-gallery-main>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}.product-media-gallery .product-gallery-main>video{padding:1rem;background:#10161c}.product-gallery-thumbs button{position:relative;overflow:hidden}.media-type-badge{position:absolute;right:3px;bottom:3px;padding:3px 5px;color:#fff;background:rgba(16,22,28,.88);font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.media-video-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#fff;background:var(--ink);font-size:10px;font-weight:800;text-transform:uppercase}
.model-identity h3{overflow-wrap:anywhere}.product-variant-content{padding-top:clamp(44px,5vw,72px)}.variant-panel [data-variant-paragraphs]{display:grid;gap:12px;margin:0 0 24px}.variant-panel [data-variant-paragraphs] p{margin:0;color:#4a5861;font-size:14px;line-height:1.65}.variant-actions .button{width:auto;height:auto;min-height:46px}
.configuration-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 42px}.configuration-group{min-width:0;margin:0;padding:24px;border:1px solid rgba(255,255,255,.24);border-radius:12px}.configuration-group legend{display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-width:100%;padding:0 8px;color:#fff;font-family:var(--font-display,"Barlow Condensed"),sans-serif;font-size:25px;font-weight:700;line-height:1.1;overflow-wrap:anywhere}.configuration-group legend>span{color:#ff8b8e;font-size:12px;letter-spacing:.1em}.configuration-group legend>small{padding:4px 7px;border-radius:999px;color:var(--ink);background:#fff;font-family:inherit;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.configuration-group>p{margin:4px 0 18px;color:#b9c4ca;font-size:13px}.configuration-group-options{display:grid;gap:9px}.configuration-group-options label{display:flex;min-width:0;min-height:58px;align-items:flex-start;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.035);cursor:pointer}.configuration-group-options label:hover,.configuration-group-options label:has(input:checked){border-color:#ff8b8e;background:rgba(255,255,255,.09)}.configuration-group-options label:has(input:focus-visible){outline:3px solid #ffb300;outline-offset:3px}.configuration-group-options input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--red)}.configuration-group-options label>span{display:grid;min-width:0;gap:4px}.configuration-group-options strong{color:#fff;font-size:13px;line-height:1.3}.configuration-group-options small{color:#b9c4ca;font-size:11px;line-height:1.45}.configuration-group-options strong,.configuration-group-options small{overflow-wrap:anywhere}.configuration-action{align-items:center;flex-wrap:wrap;gap:18px}.configuration-validation{margin:0;color:#ffb9bb;font-size:13px;font-weight:800}
.tank-runtime-estimator{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(250px,1fr);gap:20px;align-items:center;margin:-18px 0 42px;padding:24px 28px;border:1px solid rgba(255,255,255,.28);border-left:4px solid var(--red);border-radius:10px;background:linear-gradient(120deg,rgba(210,38,42,.16),rgba(255,255,255,.045));color:#fff}.tank-runtime-estimator .eyebrow{margin:0 0 7px;color:#ff9c9f}.tank-runtime-estimator h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:34px;line-height:1}.tank-runtime-estimator h3 small{color:#b9c4ca;font-family:var(--font-body,"Inter"),sans-serif;font-size:12px;font-weight:700}.tank-runtime-estimator>p{margin:0;color:#e5eaed;font-size:14px;line-height:1.55}.tank-runtime-estimator>small{grid-column:1/-1;color:#aeb9c0;font-size:11px;line-height:1.5}
.product-planning-estimator{display:grid;grid-template-columns:minmax(210px,.7fr) minmax(320px,1.15fr) minmax(230px,.7fr);gap:24px;align-items:stretch;margin:0 0 42px;padding:28px;border:1px solid rgba(255,255,255,.24);border-left:4px solid var(--red);border-radius:12px;background:linear-gradient(125deg,rgba(210,38,42,.18),rgba(255,255,255,.04) 48%,rgba(73,182,229,.08));color:#fff}.product-estimator-heading{align-self:center}.product-estimator-heading .eyebrow{margin:0 0 8px;color:#ff9c9f}.product-estimator-heading h3{margin:0;font-size:clamp(28px,2.5vw,42px);line-height:.98}.product-estimator-controls{display:grid;gap:14px;padding:4px 0}.product-estimator-controls label{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.product-estimator-controls label>span{color:#dbe4e9;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.product-estimator-controls label>strong{color:#75cef3;font-size:15px}.product-estimator-controls input[type="range"]{grid-column:1/-1;width:100%;height:30px;margin:0;accent-color:var(--red);cursor:pointer}.product-estimator-controls input[type="number"]{grid-column:1/-1;width:100%;min-height:44px;padding:9px 12px;border:1px solid rgba(255,255,255,.28);border-radius:6px;color:#fff;background:#101920;font:inherit}.product-estimator-controls input[type="number"]:focus-visible{outline:3px solid #ffb300;outline-offset:2px}.product-estimator-result{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(8,17,23,.64)}.product-estimator-result>span,.product-estimator-throughput>span,.product-estimator-cycle span{color:#ff9c9f;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.product-estimator-result>strong{margin:7px 0 5px;font-family:var(--font-heading,"Barlow Condensed"),sans-serif;font-size:clamp(34px,3vw,52px);line-height:.95}.product-estimator-result>small,.product-estimator-throughput>small,.product-estimator-cycle small{color:#b9c4ca;font-size:11px;line-height:1.45}.product-estimator-throughput{grid-column:1/-1;display:grid;grid-template-columns:minmax(190px,.6fr) minmax(250px,1fr);gap:5px 24px;align-items:center;padding:18px 20px;border:1px solid rgba(117,206,243,.28);border-radius:8px;background:rgba(8,17,23,.48)}.product-estimator-throughput>strong{color:#75cef3;font-size:20px}.product-estimator-throughput>small{grid-column:2}.product-estimator-cycle{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.14)}.product-estimator-cycle>div{display:grid;min-width:0;gap:7px;padding:18px;background:#111a21}.product-estimator-cycle strong{font-size:17px;line-height:1.25;overflow-wrap:anywhere}.product-estimator-note{grid-column:1/-1;margin:0;color:#aeb9c0;font-size:11px;line-height:1.55}
@media(max-width:860px){.product-hero--layout-media-left .product-hero-copy,.product-hero--layout-media-left .product-stage{order:initial}.configuration-groups{grid-template-columns:1fr}.tank-runtime-estimator{grid-template-columns:1fr;margin-top:-16px}.product-planning-estimator{grid-template-columns:1fr;padding:22px}.product-estimator-throughput,.product-estimator-cycle{grid-column:auto}.product-estimator-cycle{grid-template-columns:repeat(2,minmax(0,1fr))}.product-estimator-note{grid-column:auto}.product-stage{min-height:0}.product-media-gallery .product-gallery-main>video{padding:.5rem}}
@media(max-width:600px){.product-hero-promise{font-size:1.65rem}.active-model-summary{margin-top:0}.configuration-group{padding:18px 14px}.configuration-group legend{font-size:22px}.configuration-action{align-items:stretch;flex-direction:column}.configuration-action .button{width:100%}.product-variant-selector .container{grid-template-columns:1fr}.product-variant-selector .mounting-cell{grid-column:auto}.variant-actions{display:grid;grid-template-columns:46px 46px minmax(0,1fr)}.variant-actions .button{grid-column:1/-1;justify-content:center}.product-estimator-throughput{grid-template-columns:1fr}.product-estimator-throughput>small{grid-column:auto}.product-estimator-cycle{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.product-media-gallery *,.product-variant-selector *{scroll-behavior:auto!important;transition:none!important}}
.product-estimator-cycle{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.product-planning-estimator--combination{grid-template-columns:minmax(210px,.75fr) minmax(260px,1fr)}.product-planning-estimator--combination .product-estimator-controls{display:none}
@media(max-width:860px){.product-planning-estimator--combination{grid-template-columns:1fr}}

/* Release accessibility and motion refinements. */
.section-dark .eyebrow,.support-band .eyebrow,.equipment-story .eyebrow{color:#ff7777}
.product-process .eyebrow{color:#9d2024}
.story-card{visibility:hidden;opacity:0}
.story-step.active .story-card{visibility:visible;opacity:1}
@media(max-width:860px){.story-step .story-card{visibility:visible;opacity:1}}
@media(max-width:860px){.application-grid>*,.product-grid>*{opacity:1!important;transform:none!important;transition-delay:0s!important}}
.company-film-toggle,.product-process-media [data-process-toggle]{position:absolute;z-index:3;right:18px;bottom:18px;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.62);border-radius:999px;color:#fff;background:rgba(13,20,26,.86);font-size:12px;font-weight:800;cursor:pointer;backdrop-filter:blur(10px)}
.company-film-toggle:hover,.product-process-media [data-process-toggle]:hover{background:#fff;color:var(--ink)}
.product-process{background:#e8ecec;border-block:1px solid var(--line)}
.product-process-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,84px);align-items:center}
.product-process-copy>p:not(.eyebrow){max-width:600px;margin:24px 0;color:#43515b;font-size:18px}
.product-process-copy small{display:block;padding-left:14px;border-left:3px solid var(--red);color:#4c5a64}
.product-process-media{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#0d141a;box-shadow:0 24px 60px rgba(16,22,28,.18)}
.product-process-media video,.product-process-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#0d141a}
@media(max-width:860px){.product-process-grid{grid-template-columns:1fr}.product-process-media{border-radius:10px}.product-process-copy>p:not(.eyebrow){font-size:16px}}
@media(max-width:600px){.product-gallery-main{height:300px}.product-gallery-controls{grid-template-columns:44px minmax(34px,1fr) auto 44px;gap:6px;padding-inline:8px}.product-gallery-controls .gallery-playback{padding-inline:10px}.comparison-scroll-cue{display:block}.comparison-scroll{background:linear-gradient(90deg,#fff 0,#fff calc(100% - 24px),#d7dddf 100%);scrollbar-gutter:stable}.comparison-panel{padding:22px 16px}.company-film-toggle,.product-process-media [data-process-toggle]{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.story-card{transform:none}.company-film video,.product-process-media video{visibility:visible}}

/* Werner motion system: one restrained engineering language across templates. */
:root{--motion-ease:cubic-bezier(.2,.75,.25,1);--motion-fast:250ms;--motion-medium:580ms;--motion-slow:880ms}
.werner-motion-boot:not(.werner-motion-fallback) body.motion-cinematic :is(.hero-machine,.page-hero .container,.company-hero .container,.product-hero-grid,.section-heading,.split-copy,.proof-grid,.application-grid,.product-grid,.article-grid,.credentials-grid,.values-grid,.engineering-facts,.configuration-flow,.download-list,.company-milestones,.contact-grid,.service-support-grid,.solution-grid,.stock-grid,.model-explanation,.product-process-grid,.product-process-steps,.helpful-content-heading,.helpful-content-feature,.helpful-content-grid,.helpful-library-hero-layout,.helpful-library-toolbar,.helpful-library-grid)>:where(:not(script):not(style):not([hidden])){opacity:0;transform:translate3d(0,28px,0)}
.werner-motion-boot:not(.werner-motion-fallback) body.motion-subtle :is(.hero-machine,.page-hero .container,.company-hero .container,.product-hero-grid,.section-heading,.split-copy,.proof-grid,.application-grid,.product-grid,.article-grid,.credentials-grid,.values-grid,.engineering-facts,.configuration-flow,.download-list,.company-milestones,.contact-grid,.service-support-grid,.solution-grid,.stock-grid,.model-explanation,.product-process-grid,.product-process-steps,.helpful-content-heading,.helpful-content-feature,.helpful-content-grid,.helpful-library-hero-layout,.helpful-library-toolbar,.helpful-library-grid)>:where(:not(script):not(style):not([hidden])){opacity:0;transform:translate3d(0,14px,0)}
.werner-motion-boot body:is(.motion-cinematic,.motion-subtle) :is(.hero-machine,.page-hero .container,.company-hero .container,.product-hero-grid,.section-heading,.split-copy,.proof-grid,.application-grid,.product-grid,.article-grid,.credentials-grid,.values-grid,.engineering-facts,.configuration-flow,.download-list,.company-milestones,.contact-grid,.service-support-grid,.solution-grid,.stock-grid,.model-explanation,.product-process-grid,.product-process-steps,.helpful-content-heading,.helpful-content-feature,.helpful-content-grid,.helpful-library-hero-layout,.helpful-library-toolbar,.helpful-library-grid).motion-seen>:where(:not(script):not(style):not([hidden])){opacity:1;transform:none}
@view-transition{navigation:auto}
.site-header{view-transition-name:werner-site-header}
::view-transition-old(root){animation:werner-page-out .26s ease both}
::view-transition-new(root){animation:werner-page-in .46s var(--motion-ease) both}
::view-transition-old(werner-site-header),::view-transition-new(werner-site-header){animation:none;mix-blend-mode:normal}
@keyframes werner-page-out{to{opacity:.35;transform:translate3d(0,-8px,0)}}
@keyframes werner-page-in{from{opacity:.01;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}

.site-header,.nav-wrap,.brand,.primary-nav,.header-hippo{transition-duration:var(--motion-fast);transition-timing-function:ease}
@media(min-width:1291px){.header-condensed .site-header{box-shadow:0 12px 36px rgba(16,22,28,.08)}}

.page-hero .container:after,.section-heading:after{content:"";display:block;width:clamp(54px,7vw,96px);height:3px;margin-top:30px;background:var(--red);transform:scaleX(.28);transform-origin:left;transition:transform var(--motion-slow) var(--motion-ease)}
.page-hero .container.motion-seen:after,.section-heading.motion-seen:after{transform:scaleX(1)}
.section-heading.inverse:after{background:#fff}

.motion-cinematic .hero-machine{--hero-scroll-lift:0px;--hero-pointer-x:0px;--hero-pointer-y:0px;isolation:isolate}
.motion-cinematic .hero-machine:before{content:"";position:absolute;z-index:-1;width:min(72%,460px);aspect-ratio:1;border:1px solid rgba(16,22,28,.12);border-radius:50%;background:linear-gradient(90deg,transparent 49.8%,rgba(var(--red-rgb),.34) 50%,transparent 50.2%),linear-gradient(transparent 49.8%,rgba(16,22,28,.18) 50%,transparent 50.2%);transform:scale(.82);opacity:.65;transition:transform 1.1s var(--motion-ease),opacity 1.1s ease}
.motion-cinematic .hero-machine.motion-seen:before{transform:scale(1);opacity:1}
.motion-cinematic .hero-machine img{transform:translate3d(var(--hero-pointer-x),calc(var(--hero-scroll-lift) + var(--hero-pointer-y)),0);transition:transform .18s ease-out}
.motion-cinematic .tech-label:after{content:"";position:absolute;right:-46px;top:50%;width:34px;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;animation:tech-label-line .7s .65s var(--motion-ease) forwards}
@keyframes tech-label-line{to{transform:scaleX(1)}}
.hero-specs span{position:relative;overflow:hidden}
.hero-specs span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--motion-ease)}
.hero-specs span:hover:after{transform:scaleX(1)}

.motion-cinematic .story-grid-lines{animation:story-grid-drift 18s linear infinite}
@keyframes story-grid-drift{50%{background-position:27px 27px}}
.story-progress b{width:100%!important;transform:scaleX(0);transform-origin:left;transition:transform .65s var(--motion-ease)}
.story-card{box-shadow:0 26px 70px rgba(0,0,0,.14)}
.story-step.active .story-card{box-shadow:0 30px 86px rgba(0,0,0,.32)}
.story-step.active .story-number{color:#fff;text-shadow:3px 0 0 rgba(var(--red-rgb),.78)}
.story-equipment-link span,.button span,.nav-cta span{display:inline-block;transition:transform var(--motion-fast) ease}
.story-equipment-link:hover span,.button:hover span,.nav-cta:hover span,.motion-hover span{transform:translateX(5px)}

html.component-transition::view-transition-old(root),html.component-transition::view-transition-new(root){animation:none}
::view-transition-old(product-gallery-image){animation:gallery-out .28s ease both}
::view-transition-new(product-gallery-image){animation:gallery-in .52s var(--motion-ease) both}
@keyframes gallery-out{to{opacity:0;transform:scale(.985)}}
@keyframes gallery-in{from{opacity:0;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}
.product-gallery-controls button{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,transform var(--motion-fast) ease}
.product-gallery-controls button:hover{color:#fff;background:var(--ink);border-color:var(--ink);transform:scale(1.06)}
.product-gallery-thumbs button{transition:border-color var(--motion-fast) ease,transform var(--motion-fast) ease,opacity var(--motion-fast) ease}
.product-gallery-thumbs button:hover{transform:translateY(-3px)}
::view-transition-old(product-variant-panel){animation:variant-out .22s ease both}
::view-transition-new(product-variant-panel){animation:variant-in .48s var(--motion-ease) both}
::view-transition-old(product-model-image),::view-transition-old(product-model-panel){animation:variant-out .22s ease both}
::view-transition-new(product-model-image),::view-transition-new(product-model-panel){animation:variant-in .48s var(--motion-ease) both}
@keyframes variant-out{to{opacity:0;transform:translateX(-16px)}}
@keyframes variant-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}

.product-process-media:before,.product-process-media:after{content:"";position:absolute;z-index:2;pointer-events:none}
.product-process-media:before{inset:0;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 0 0 10px rgba(13,20,26,.08)}
.product-process-media:after{left:0;right:0;top:-12%;height:3px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:0;filter:drop-shadow(0 0 8px rgba(var(--red-rgb),.55))}
.product-process-media.motion-process-active:after{animation:process-scan 2.6s .25s var(--motion-ease) 1}
@keyframes process-scan{10%{opacity:.85}90%{opacity:.7}100%{top:112%;opacity:0}}
.product-process-media img,.product-process-media video{transition:transform 1.1s var(--motion-ease),filter 1.1s ease}
.product-process-media.motion-process-active img,.product-process-media.motion-process-active video{transform:scale(1.008)}
.product-process-steps{display:grid;gap:0;margin:28px 0;padding:0;list-style:none;border-top:1px solid rgba(16,22,28,.16)}
.product-process-steps li{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;min-height:58px;border-bottom:1px solid rgba(16,22,28,.16)}
.product-process-steps span{color:var(--red);font-family:var(--font-display,"Barlow Condensed"),sans-serif;font-size:20px;font-weight:700}
.product-process-steps strong{font-size:13px;line-height:1.35}

.configuration-flow{position:relative}
.configuration-flow:before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 1.1s .2s var(--motion-ease)}
.configuration-flow.motion-seen:before{transform:scaleX(1)}
.configuration-flow article{position:relative;z-index:1}
.engineering-facts>div,.proof-grid>div,.credentials-grid>article,.values-grid>div{transition:transform var(--motion-fast) ease,box-shadow var(--motion-fast) ease,border-color var(--motion-fast) ease}
.engineering-facts>div:hover,.credentials-grid>article:hover{transform:translateY(-4px);border-color:rgba(var(--red-rgb),.34);box-shadow:0 20px 48px rgba(16,22,28,.08)}

.company-milestones{position:relative;border-top:0;padding-left:18px}
.company-milestones:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(var(--red),rgba(var(--red-rgb),.14));transform:scaleY(0);transform-origin:top;transition:transform 1.25s var(--motion-ease)}
.company-milestones.motion-seen:before{transform:scaleY(1)}
.company-milestones>div{position:relative}
.company-milestones>div:before{content:"";position:absolute;left:-23px;top:22px;width:9px;height:9px;border:2px solid var(--paper);border-radius:50%;background:var(--red);box-shadow:0 0 0 1px var(--red);transform:scale(.4);transition:transform .45s var(--motion-ease)}
.company-milestones.motion-seen>div:before{transform:scale(1)}

.news-card{position:relative;transition:transform .34s var(--motion-ease),box-shadow .34s ease,border-color .34s ease}
.news-card:before{content:"";position:absolute;z-index:3;left:0;right:0;top:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .38s var(--motion-ease)}
.news-card:hover{transform:translateY(-6px);border-color:rgba(var(--red-rgb),.28);box-shadow:0 24px 58px rgba(16,22,28,.1)}
.news-card:hover:before{transform:scaleX(1)}
.news-card-image img{transition:transform .65s var(--motion-ease),filter .65s ease}
.news-card:hover .news-card-image img{transform:scale(1.025);filter:saturate(1.06)}
.news-card-featured{grid-column:span 2;border-color:rgba(var(--red-rgb),.35);box-shadow:0 24px 58px rgba(16,22,28,.09)}
.news-card-featured:before{transform:scaleX(1)}
.stock-featured{border-color:rgba(var(--red-rgb),.35);box-shadow:0 18px 45px rgba(16,22,28,.08)}
.stock-featured-label{display:block;margin-bottom:.3rem;color:var(--red);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:600px){.news-card-featured{grid-column:1}}
.motion-cinematic .company-film video{transform:scale(1.018);transition:transform 9s linear,filter 1s ease}
.motion-cinematic .company-hero.film-playing .company-film video{transform:scale(1.055)}

@media(max-width:1290px){
  .primary-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;pointer-events:none;transform:translate3d(0,-14px,0);transform-origin:top;transition:opacity .24s ease,transform .34s var(--motion-ease),visibility 0s .34s}
  .primary-nav.open{display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
  .primary-nav>a{opacity:0;transform:translateY(-7px);transition:opacity .24s ease,transform .34s var(--motion-ease),background-color .2s ease}
  .primary-nav.open>a{opacity:1;transform:none}
  .primary-nav.open>a:nth-child(2){transition-delay:.025s}.primary-nav.open>a:nth-child(3){transition-delay:.05s}.primary-nav.open>a:nth-child(4){transition-delay:.075s}.primary-nav.open>a:nth-child(5){transition-delay:.1s}.primary-nav.open>a:nth-child(6){transition-delay:.125s}.primary-nav.open>a:nth-child(7){transition-delay:.15s}.primary-nav.open>a:nth-child(8){transition-delay:.175s}.primary-nav.open>a:nth-child(9){transition-delay:.2s}
  .menu-toggle i,.menu-toggle i:before,.menu-toggle i:after{transition:transform .28s var(--motion-ease),top .28s var(--motion-ease),background-color .2s ease}
  .menu-toggle[aria-expanded="true"] i{background:transparent}
  .menu-toggle[aria-expanded="true"] i:before{top:0;transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] i:after{top:0;transform:rotate(-45deg)}
}

.motion-off *{scroll-behavior:auto}
@media(max-width:860px){@view-transition{navigation:auto}.motion-cinematic .story-grid-lines{animation:none}.page-hero .container:after{margin-top:22px}.company-milestones{padding-left:14px}.company-milestones>div:before{left:-19px}}
@media(max-width:480px){.motion-cinematic .tech-label:after{display:none}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root),::view-transition-old(product-gallery-image),::view-transition-new(product-gallery-image),::view-transition-old(product-variant-panel),::view-transition-new(product-variant-panel){animation:none!important}.motion-cinematic .story-grid-lines,.product-process-media.motion-process-active:after,.motion-cinematic .tech-label:after{animation:none!important}.motion-cinematic .hero-machine img{transform:none!important}.configuration-flow:before,.company-milestones:before,.company-milestones>div:before,.page-hero .container:after,.section-heading:after{transition:none!important;transform:none!important}}
@media(prefers-reduced-motion:reduce){.werner-motion-boot body:is(.motion-cinematic,.motion-subtle) :is(.hero-machine,.page-hero .container,.company-hero .container,.product-hero-grid,.section-heading,.split-copy,.proof-grid,.application-grid,.product-grid,.article-grid,.credentials-grid,.values-grid,.engineering-facts,.configuration-flow,.download-list,.company-milestones,.contact-grid,.service-support-grid,.solution-grid,.stock-grid,.model-explanation,.product-process-grid,.product-process-steps,.helpful-content-heading,.helpful-content-feature,.helpful-content-grid,.helpful-library-hero-layout,.helpful-library-toolbar,.helpful-library-grid)>*{opacity:1!important;transform:none!important}}
.contact-person-image{display:block;width:100%;aspect-ratio:4/3;margin:0 0 20px;object-fit:contain;background:#f3f5f6}.solution-card-media{display:block;margin:-2rem -2rem 1.4rem;padding:1rem;border-bottom:1px solid var(--line);background:#f3f5f6}.solution-card-media img{display:block;width:100%;height:150px;object-fit:contain}.approved-proof-record{display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:8px 20px}.approved-proof-record>img{grid-row:1/6;width:100%;height:130px;object-fit:contain;background:#f3f5f6}.approved-proof-record>strong,.approved-proof-record>span,.approved-proof-record>p,.approved-proof-record>blockquote{grid-column:2}.approved-proof-record>span{color:var(--muted);font-size:12px}.approved-proof-record blockquote{margin:4px 0 0;padding:12px;border-left:3px solid var(--red)}.approved-proof-record cite{display:block;margin-top:7px;font-style:normal;font-weight:700}@media(max-width:620px){.approved-proof-record{grid-template-columns:1fr}.approved-proof-record>img,.approved-proof-record>strong,.approved-proof-record>span,.approved-proof-record>p,.approved-proof-record>blockquote{grid-column:1;grid-row:auto}}
.solution-media-strip{padding:clamp(20px,3vw,42px) 0;border-bottom:1px solid var(--line);background:#eef1f2}.solution-media-strip .container{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x proximity}.solution-media-strip figure{display:grid;min-height:260px;margin:0;place-items:center;scroll-snap-align:start;background:#fff}.solution-media-strip img{display:block;width:100%;height:260px;object-fit:contain;padding:16px}