:root{--navy:#14243c;--red:#af2027;--ink:#16253a;--muted:#4a5869;--line:#dce1e7;--tint:#f1f3f5;--white:#fff;--mono:Consolas,"Courier New",monospace}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font:16px/1.62 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--red);text-underline-offset:.2em}img{max-width:100%;display:block}figure,p,dl{margin:0}p+p{margin-top:1em}h1,h2{margin:0;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}h1{font-size:clamp(2.65rem,6.15vw,5.4rem);font-weight:780}h2{font-size:clamp(1.55rem,3vw,2.65rem)}h2+p,.eyebrow+h2{margin-top:.75rem}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid #2066b1;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:0;left:1rem;z-index:5;background:white;padding:1rem;transform:translateY(-120%)}.skip:focus{transform:translateY(0)}.wrap{width:min(100% - 3rem,1220px);margin-inline:auto}.measure{max-width:740px}.section{padding-block:clamp(2.7rem,6vw,5.5rem)}.section .section{margin-top:2rem;padding-block:2rem}.tint{background:var(--tint)}.dark{background:var(--navy);color:white}.dark .eyebrow{color:#ffadb1}.dark p:not(.eyebrow){color:#e0e6ef}.lead{color:var(--muted);font-size:clamp(1.03rem,2vw,1.25rem);line-height:1.65;margin-top:1.15rem}.eyebrow{font:700 .9rem/1.095rem var(--mono);letter-spacing:.06em;color:var(--red);text-transform:uppercase}.eyebrow i{display:inline-block;width:.6rem;height:.6rem;margin-right:.35rem;background:var(--red);border-radius:50%}.button{display:inline-flex;justify-content:center;align-items:center;gap:.6em;min-height:46px;padding:.65rem 1.05rem;border:1px solid transparent;border-radius:5px;font-weight:720;font-size:.89rem;text-decoration:none;line-height:1.25;text-align:center}.button:hover{filter:brightness(.9)}.primary{background:var(--red);color:white}.outline{border-color:#aeb9c7;color:var(--navy);background:white}.light{background:white;color:var(--navy)}.text{padding-inline:0;color:var(--red);justify-content:flex-start}.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}header{border-bottom:1px solid var(--line);background:white}.header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{flex:0 0 183px}.brand img{height:auto}.header nav{display:flex;align-items:center;gap:clamp(.6rem,1.3vw,1.3rem)}.header nav a{color:var(--navy);font-size:.87rem;font-weight:650;text-decoration:none;white-space:nowrap;padding:.55rem 0;border-bottom:2px solid transparent}.header nav a:hover,.header nav a[aria-current=page]{color:var(--red);border-color:var(--red)}.menu{display:none;background:white;border:1px solid var(--line);padding:.45rem .85rem;border-radius:4px;color:var(--navy);font-weight:700}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(1.4rem,5vw,5.5rem);padding-block:clamp(2.8rem,6.5vw,6rem)}.hero h1{margin-top:.85rem}.hero h1 em{display:block;color:var(--red);font-style:normal}.hero .lead{max-width:29rem}.hero-image{border:1px solid #202a35;border-radius:8px;overflow:hidden;background:#171b20;box-shadow:0 12px 30px #14243c22}.hero-image img{width:100%;height:clamp(280px,36vw,448px);object-fit:cover;object-position:center 36%}.hero-image figcaption{padding:.9rem 1rem;display:flex;justify-content:space-between;gap:.5rem;color:white;font:700 clamp(.55rem,1vw,.7rem)/1.4 var(--mono);letter-spacing:.08em}.stat-band{background:var(--navy);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);padding-block:1.35rem}.stats div{display:grid;gap:.15rem;padding-left:clamp(.5rem,2.2vw,2rem);border-left:1px solid #718096}.stats strong{font-size:clamp(1.4rem,3vw,2.25rem);line-height:1.1}.stats span{font-size:.84rem;color:#e1e7ed}.grid{display:grid;gap:1.2rem;align-items:start}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.lead+.grid{margin-top:1.6rem}.tile,.panel{padding:clamp(1.25rem,3vw,2.3rem);border-radius:8px}.tile{height:100%;border:1px solid var(--line);background:white}.tile h2,.product h2,.test h2{font-size:clamp(1.35rem,2.45vw,1.9rem)}.tile .button{margin-top:1rem}.panel.split{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-head{background:var(--tint);border-bottom:1px solid var(--line);padding:clamp(2.8rem,7vw,6.5rem) 0}.page-head h1{font-size:clamp(2.4rem,6vw,4.8rem);margin-top:.65rem}.page-head .lead{max-width:46rem}.toolbar{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.toolbar h2{font-size:1.35rem;margin-bottom:.65rem}.toolbar>.button{flex-shrink:0}.filters{display:flex;gap:.45rem;flex-wrap:wrap}.filters button{min-height:44px;padding:.45rem .7rem;border:1px solid var(--line);border-radius:4px;background:white;color:var(--navy);font-size:.9rem;font-weight:700}.filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.results{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;margin-bottom:1rem;color:var(--muted);font-size:.9rem}.results p{margin:0}.product,.test{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:white}.product-photo{position:relative;background:#14191e}.product-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.badge{position:absolute;top:.75rem;left:.75rem;background:var(--red);color:white;border-radius:4px;padding:.25rem .5rem;font:700 .78rem var(--mono)}.product-body,.test figcaption{padding:1.2rem}.product h2{margin-top:.25rem}.product h2+p{margin-top:.25rem}.product dl{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0;padding:1rem 0;border-block:1px solid var(--line)}dt{font-size:.8rem;color:var(--muted)}dd{margin:0;font-weight:700}.price{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.8rem;font-size:.85rem}.price strong{font-size:1.12rem}.product .button{width:100%}.test img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#e8ebee}.field img{object-fit:cover}.test h2{margin-top:.35rem}.placeholder{min-height:220px;display:grid;align-content:center;justify-items:center;text-align:center;padding:1rem;border:1px dashed #aeb9c7;border-radius:8px;background:var(--tint);color:var(--muted)}.placeholder span{font:700 .92rem/.9rem var(--mono);letter-spacing:.05em;color:var(--red)}.placeholder p{margin-top:.5rem}.features{padding-left:1.2em;margin:1rem 0 1.5rem}.features li{margin:.35rem 0}.pending{margin-top:.65rem;color:var(--muted);font-size:.9rem}.tint .measure{margin-inline:auto}.section.tint h2+p{margin-top:1.2rem}footer{border-top:1px solid var(--line);background:var(--tint);padding:1.75rem 0}.footer{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center}.footer div{margin-right:auto}.footer p,.footer a{font-size:.85rem}
@media(max-width:1050px){.header-order{display:none}}
@media(max-width:820px){.header{min-height:64px;flex-wrap:wrap;padding-block:.6rem}.menu{display:block;min-height:44px}.header nav{width:100%;flex-wrap:wrap;padding-bottom:.5rem;gap:.3rem 1rem}.header nav a{min-height:44px;display:flex;align-items:center}.js .header nav:not(.open){display:none}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:1.5rem}}
@media(max-width:600px){.wrap{width:calc(100% - 2rem)}.hero,.grid.two,.grid.three{grid-template-columns:1fr}.hero-image img{height:clamp(225px,70vw,355px)}.toolbar,.panel.split{flex-direction:column;align-items:start}.results{display:block}.stats span{font-size:.75rem}.product-photo img{aspect-ratio:5/4;object-fit:contain}.product .button{min-height:48px}}

/* Compact page rhythm and responsive galleries */
h1{font-size:clamp(2.35rem,4.65vw,4.1rem)}
h2{font-size:clamp(1.45rem,2.45vw,2.25rem)}
.section{padding-block:clamp(1.9rem,4vw,3.8rem)}
.section .section{margin-top:1.4rem;padding-block:1.45rem}
.lead{font-size:clamp(1rem,1.65vw,1.16rem);margin-top:.85rem}
.page-head{padding-block:clamp(1.55rem,3.55vw,3rem)}
.page-head h1{font-size:clamp(2rem,4.55vw,3.65rem);margin-top:.4rem}
.header{min-height:76px}
.brand{flex-basis:205px}
.hero{padding-block:clamp(1.9rem,4.5vw,4.15rem)}
.hero-image img{height:clamp(250px,29vw,365px)}
.hero-image figcaption{padding:.65rem .85rem}
.stats{padding-block:1rem}
.tile,.panel{padding:clamp(1rem,2.2vw,1.7rem)}
.tile h2,.test h2{font-size:clamp(1.2rem,2vw,1.6rem)}
.placeholder{min-height:175px}
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:.85rem}
.product{display:flex;flex-direction:column}
.product-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.product-body{display:flex;flex-direction:column;flex:1;padding:.85rem;min-width:0}
.product-body h2{font-size:clamp(1.24rem,1.75vw,1.55rem)}
.product dl{margin:.7rem 0;padding:.65rem 0;gap:.5rem .4rem}
.product dd{font-size:.94rem}
.price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-bottom:.65rem}
.price strong{display:block;font-size:1.03rem}
.product .button{margin-top:auto;padding-inline:.45rem}
.test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.test-grid .test img{height:clamp(145px,17vw,195px);aspect-ratio:auto}
.test figcaption{padding:.9rem 1rem}
.about-layout{gap:clamp(1rem,4vw,3rem)}
.about-layout .field{width:100%;max-width:475px;justify-self:center}
.about-layout .field img{aspect-ratio:auto}
.story p+p{margin-top:.7rem}
.app-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(1.35rem,4vw,3.25rem)}
.app-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:470px}
.app-shot{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--tint)}
.app-shot a{display:block;padding:.5rem;background:#e8ebee}
.app-shot a:focus-visible{outline-offset:-3px}
.app-shot img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;max-height:295px}
.app-shot figcaption{padding:.42rem .6rem;font-size:.9rem;font-weight:700;text-align:center}
footer{padding:1.2rem 0}
@media(max-width:1150px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  .header{min-height:64px}
  .product-grid,.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-image img{height:clamp(225px,35vw,300px)}
}
@media(max-width:600px){
  .brand{flex:0 1 205px;min-width:0}
  .product-grid,.test-grid,.app-layout{grid-template-columns:minmax(0,1fr)}
  .product-photo img{aspect-ratio:16/10;max-height:260px;object-fit:contain}
  .hero-image img{height:clamp(210px,60vw,300px)}
  .test-grid .test img{height:clamp(150px,48vw,220px)}
  .app-gallery{width:100%;margin-inline:auto}
}

/* Match the desktop Order button’s height at the logo’s native aspect ratio. */
@media(min-width:1051px){.brand{flex-basis:280px}}

/* Version 3 media follows the existing gallery and panel styles. */
.manufacturing-photos,.customer-photos{margin-top:1rem}
.manufacturing-video{margin-top:1.2rem;background:#fff;border:1px solid var(--line);align-items:center}
.manufacturing-video video{display:block;width:min(100%,240px);height:auto;aspect-ratio:9/16;background:var(--navy);border-radius:5px;justify-self:center}
.customer-target>p:not(.eyebrow){max-width:760px}
.customer-photos .test img{height:clamp(170px,32vw,330px);aspect-ratio:auto}