@font-face { font-family:"Bebas Neue"; src:url("fonts/BebasNeue-Regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Montserrat"; src:url("fonts/Montserrat-Variable.ttf") format("truetype"); font-weight:100 900; font-style:normal; font-display:swap; }
:root { --ink:#111a2b; --navy:#111a2b; --blue:#15549a; --cyan:#1476df; --paper:#f5f8fc; --line:#d8e2ec; --muted:#627085; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:"Montserrat",Arial,sans-serif; font-size:16px; line-height:1.65; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }
button, input, textarea, select { font:inherit; }
.container { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.section { padding:120px 0; }
.utility-bar { background:var(--navy); color:#b7c4cf; font-size:12px; letter-spacing:.02em; }
.utility-inner { height:38px; display:flex; align-items:center; gap:28px; }
.utility-inner p { margin:0; display:flex; gap:8px; }
.utility-inner p span { color:#5d7182; text-transform:uppercase; font-size:10px; letter-spacing:.14em; }
.utility-inner a:hover { color:white; }
.utility-cta { margin-left:auto; color:white!important; text-transform:uppercase; font-weight:700; letter-spacing:.12em; font-size:10px; }
.utility-cta b { color:var(--cyan); margin-left:5px; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.96); border:0; backdrop-filter:blur(16px); }
.nav-wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { width:185px; height:56px; display:flex; align-items:center; overflow:hidden; }
.brand img { width:auto; max-width:178px; height:auto; max-height:52px; object-fit:contain; object-position:left center; }
.main-nav { display:flex; align-items:center; gap:34px; font-size:13px; font-weight:700; }
.main-nav a { position:relative; padding:30px 0; }
.main-nav a:after { content:""; position:absolute; left:0; right:100%; bottom:22px; height:2px; background:var(--blue); transition:.25s; }
.main-nav a:hover:after { right:0; }
.nav-dropdown { position:relative; display:flex; align-items:center; }
.nav-dropdown>a { padding-right:17px; }
.nav-dropdown>a:before { content:"⌄"; position:absolute; right:0; top:29px; color:#0967d8; font-size:11px; }
.inventory-menu { position:absolute; top:72px; left:-22px; width:350px; padding:8px; background:white; border:1px solid #dce4ec; box-shadow:0 24px 55px rgba(8,27,45,.16); display:grid; opacity:0; visibility:hidden; transform:translateY(8px); transition:.22s; }
.inventory-menu a { padding:9px 12px; color:#526270; font-family:"Montserrat",Arial,sans-serif; font-size:16px; font-weight:600; line-height:1.25; letter-spacing:.01em; }
.inventory-menu a:after { display:none; }
.inventory-menu a:hover { color:#0967d8; background:#f4f7fa; }
.solutions-menu { width:250px; }
.nav-dropdown:hover .inventory-menu,.nav-dropdown:focus-within .inventory-menu { opacity:1; visibility:visible; transform:none; }
.menu-button { display:none; border:0; background:transparent; width:42px; padding:8px; }
.menu-button i { display:block; height:2px; background:var(--ink); margin:6px 0; }
.hero { min-height:calc(100vh - 120px); position:relative; background:var(--navy); color:white; overflow:hidden; display:flex; align-items:center; }
.hero-image { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,18,30,.96) 0%,rgba(4,18,30,.8) 48%,rgba(4,18,30,.18) 100%),url('assets/categories/display-hero.jpg') center/cover; transform:scale(1.02); }
.hero-grid { position:absolute; inset:0; opacity:.11; background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to right,black,transparent 65%); }
.hero-content { position:relative; z-index:2; padding:110px 0 125px; }
.eyebrow { display:flex; align-items:center; gap:12px; color:var(--blue); text-transform:uppercase; letter-spacing:.17em; font-size:11px; font-weight:800; margin-bottom:24px; }
.eyebrow span { width:34px; height:2px; background:currentColor; }
.eyebrow.light { color:var(--cyan); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(46px,6vw,82px); line-height:1.08; letter-spacing:-.04em; max-width:860px; margin-bottom:30px; font-weight:750; text-wrap:balance; }
h1 em,h2 em { color:var(--cyan); font-style:normal; font-weight:400; }
.hero-content>p { max-width:660px; color:#c8d3dc; font-size:18px; line-height:1.75; }
.hero-actions { margin-top:42px; display:flex; align-items:center; gap:36px; }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-width:224px; padding:17px 22px; text-transform:uppercase; letter-spacing:.1em; font-size:11px; font-weight:800; border:0; cursor:pointer; transition:.25s; }
.button.primary { background:var(--cyan); color:var(--navy); box-shadow:0 14px 36px rgba(67,216,255,.16); }
.button:hover { transform:translateY(-3px); }
.text-link { font-size:12px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.text-link b { color:var(--cyan); margin-left:8px; }
.hero-proof { display:flex; gap:0; margin-top:88px; }
.hero-proof div { padding:0 46px; border-left:1px solid rgba(255,255,255,.18); display:grid; }
.hero-proof div:first-child { padding-left:0; border:0; }
.hero-proof strong { font-size:23px; color:white; }
.hero-proof span { color:#8093a4; text-transform:uppercase; letter-spacing:.12em; font-size:9px; }
.scroll-note { position:absolute; right:32px; bottom:40px; color:#8797a5; font-size:9px; letter-spacing:.16em; writing-mode:vertical-rl; }
.scroll-note span { color:var(--cyan); margin-top:14px; }
.about { background:white; }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.about-visual { position:relative; padding:0 0 42px 40px; }
.image-frame { height:610px; background:#e9eef2; overflow:hidden; box-shadow:0 30px 80px rgba(8,27,45,.13); }
.image-frame img { width:100%; height:100%; object-fit:cover; }
.about-visual:before { content:""; position:absolute; left:0; top:48px; bottom:0; width:62%; background:var(--blue); z-index:-1; }
.since-card { position:absolute; right:-25px; bottom:0; width:220px; background:var(--navy); color:white; padding:28px; display:grid; box-shadow:0 18px 50px rgba(8,27,45,.28); }
.since-card small { color:var(--cyan); letter-spacing:.16em; font-size:9px; }
.since-card strong { font-size:52px; line-height:1.1; letter-spacing:-.05em; }
.since-card span { color:#93a4b3; font-size:11px; }
h2 { font-size:clamp(36px,4vw,58px); line-height:1.13; letter-spacing:-.035em; margin-bottom:30px; text-wrap:balance; }
.about-copy h2 em,.brands h2 em,.contact h2 em { color:var(--blue); }
.about-copy .lead { color:var(--ink); font-weight:650; font-size:18px; line-height:1.7; }
.about-copy p { color:var(--muted); }
.arrow-link { display:inline-flex; align-items:center; gap:36px; border-bottom:2px solid var(--ink); padding:10px 0; margin-top:18px; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.arrow-link b { color:var(--blue); }
.inventory { background:var(--navy); color:white; position:relative; overflow:hidden; }
.inventory:before { content:""; position:absolute; width:700px; height:700px; border:1px solid rgba(67,216,255,.1); border-radius:50%; top:-400px; right:-150px; box-shadow:0 0 0 120px rgba(67,216,255,.02),0 0 0 240px rgba(67,216,255,.02); }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:62px; position:relative; }
.section-heading h2 { margin:0; }
.section-heading>p { color:#8da0b0; max-width:390px; margin-bottom:8px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); border-left:1px solid rgba(255,255,255,.12); border-top:1px solid rgba(255,255,255,.12); position:relative; }
.product-card { min-height:390px; padding:34px 30px 28px; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; position:relative; transition:.3s; }
.product-card:hover { background:#0b2941; transform:translateY(-4px); box-shadow:0 20px 50px rgba(0,0,0,.18); }
.card-index { position:absolute; right:22px; top:18px; color:#435868; font-size:10px; letter-spacing:.12em; }
.product-icon { width:72px; height:72px; margin:14px 0 26px; border-radius:12px; display:grid; place-items:center; background:#fff; padding:12px; overflow:hidden; }
.product-icon img { width:46px; height:46px; max-width:46px; max-height:46px; object-fit:contain; object-position:center; }
.product-card h3 { font-size:15px; line-height:1.4; letter-spacing:.02em; min-height:44px; }
.product-card p { color:#91a2b1; font-size:13px; line-height:1.65; }
.product-card a { margin-top:auto; color:var(--cyan); font-size:10px; letter-spacing:.13em; text-transform:uppercase; font-weight:800; }
.product-card a b { float:right; font-size:14px; }
.testimonial { background:var(--blue); color:white; text-align:center; padding:100px 0; }
.quote-wrap { max-width:940px; }
.quote-mark { color:var(--cyan); font-family:Georgia,serif; font-size:90px; line-height:.6; }
blockquote { font-size:clamp(23px,3vw,38px); line-height:1.45; letter-spacing:-.025em; margin:32px auto 42px; font-weight:500; }
.quote-author { display:flex; justify-content:center; align-items:center; gap:14px; }
.quote-author>span { width:44px; height:44px; background:var(--cyan); color:var(--navy); display:grid; place-items:center; border-radius:50%; font-weight:800; font-size:12px; }
.quote-author div { text-align:left; display:grid; }
.quote-author small { color:#bed6ec; text-transform:uppercase; letter-spacing:.12em; font-size:9px; }
.brands { background:var(--paper); }
.section-heading.dark>p { color:var(--muted); }
.brand-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); background:white; }
.brand-card { min-width:0; height:145px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; place-items:center; padding:30px; position:relative; }
.brand-card img { max-width:140px; max-height:65px; object-fit:contain; filter:grayscale(1); opacity:.65; transition:.3s; }
.brand-card:hover img { filter:none; opacity:1; transform:scale(1.05); }
.brand-card span { position:absolute; left:18px; bottom:12px; color:var(--blue); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; opacity:0; transition:.25s; }
.brand-card:hover span,.brand-card:focus-visible span { opacity:1; }
.coverage { position:relative; background:var(--navy); color:white; padding:120px 0; overflow:hidden; }
.coverage-image { position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,18,30,.96) 0%,rgba(4,18,30,.78) 50%,rgba(4,18,30,.4)),url('images/cities.jpg') center/cover; opacity:.75; }
.coverage-inner { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; }
.coverage-copy p { color:#b7c4ce; max-width:530px; font-size:17px; }
.coverage-copy .button { margin-top:24px; }
.city-panel { background:rgba(6,23,39,.83); border:1px solid rgba(255,255,255,.18); padding:44px; backdrop-filter:blur(10px); }
.city-panel h3 { color:var(--cyan); font-size:11px; text-transform:uppercase; letter-spacing:.16em; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.16); }
.city-grid { display:grid; grid-template-columns:1fr 1fr; gap:11px 24px; }
.city-grid span { font-size:13px; color:#d3dde5; }
.city-grid span:before { content:"+"; color:var(--cyan); margin-right:9px; }
.contact { background:#fff; }
.contact-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; }
.contact-copy>p { color:var(--muted); font-size:17px; }
.contact-list { margin-top:46px; border-top:1px solid var(--line); }
.contact-list a { display:flex; align-items:center; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }
.contact-list a>b { color:var(--blue); font-size:10px; }
.contact-list a>span { display:grid; font-size:13px; }
.contact-list small { color:#92a0ad; font-size:9px; letter-spacing:.13em; }
.contact-form { background:var(--paper); padding:48px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.contact-form label { display:grid; gap:9px; margin-bottom:22px; color:#5c6a77; text-transform:uppercase; letter-spacing:.1em; font-size:9px; font-weight:800; }
.contact-form input,.contact-form textarea,.contact-form select { width:100%; background:transparent; border:0; border-bottom:1px solid #bac6d0; border-radius:0; padding:11px 0; color:var(--ink); outline:none; text-transform:none; letter-spacing:0; font-size:14px; resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus { border-color:var(--blue); }
.dark-button { background:var(--navy); color:white; width:100%; margin-top:8px; }
.success { color:#087a55; font-size:13px; margin-top:16px; margin-bottom:0; }
.form-error { color:#a4261d; font-size:13px; margin-top:16px; margin-bottom:0; }
.form-trap { position:absolute!important; left:-10000px!important; top:auto!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.contact-form button:disabled { opacity:.65; cursor:wait; transform:none; }
.location-map { position:relative; height:500px; overflow:hidden; background:#dfe7ea; }
.location-map iframe { display:block; width:100%; height:100%; border:0; filter:saturate(.78) contrast(.95); }
.map-card-wrap { display:none; }
footer { background:var(--navy); color:white; padding:58px 0 26px; }
.footer-top { display:flex; align-items:center; padding-bottom:44px; border-bottom:1px solid rgba(255,255,255,.12); }
.footer-top img { width:76px; height:76px; flex:0 0 76px; border:1px solid rgba(255,255,255,.9); border-radius:50%; object-fit:contain; object-position:center; filter:none; }
.footer-top p { color:#8092a1; margin:0 0 0 40px; font-size:12px; }
.footer-top a { margin-left:auto; color:var(--cyan); text-transform:uppercase; letter-spacing:.13em; font-size:9px; font-weight:800; }
.footer-bottom { display:flex; justify-content:space-between; padding-top:24px; color:#627786; font-size:10px; }
.mailing-address { text-align:right; line-height:1.55; letter-spacing:.05em; }

@media (max-width:1000px) {
  .section { padding:90px 0; }
  .main-nav { gap:18px; }
  .about-grid,.contact-grid { gap:55px; }
  .product-grid { grid-template-columns:repeat(2,1fr); }
  .brand-grid { grid-template-columns:repeat(3,1fr); }
  .image-frame { height:520px; }
}
@media (max-width:900px) {
  .site-header { padding:0 12px; }
  .nav-wrap { min-height:70px; }
  .brand { width:150px; }
  .brand img { width:auto; max-width:144px; max-height:46px; }
  .menu-button { display:block; }
  .main-nav { display:none; position:absolute; left:0; right:0; top:70px; max-height:calc(100vh - 108px); overflow-y:auto; background:white; padding:18px 24px 28px; flex-direction:column; align-items:flex-start; gap:0; border:0; box-shadow:0 20px 40px rgba(8,27,45,.15); }
  .main-nav.open { display:flex; }
  .main-nav a { padding:10px 0; width:100%; }
  .main-nav a:after { display:none; }
  .nav-dropdown { display:block; width:100%; }
  .nav-dropdown>a:before { top:9px; }
  .inventory-menu { position:static; width:100%; padding:4px 0 8px 14px; border:0; box-shadow:none; opacity:1; visibility:visible; transform:none; }
  .inventory-menu a { padding:8px 10px; font-size:15px; }
}
@media (max-width:760px) {
  .container { width:min(100% - 32px, 1180px); }
  .utility-inner { gap:15px; }
  .utility-inner p:first-child span,.utility-inner p:nth-child(2) { display:none; }
  .nav-wrap { min-height:70px; }
  .brand { width:150px; }
  .brand img { width:auto; max-width:144px; max-height:46px; }
  .menu-button { display:block; }
  .main-nav { display:none; position:absolute; left:0; right:0; top:70px; background:white; padding:18px 24px 28px; flex-direction:column; align-items:flex-start; gap:0; border:0; box-shadow:0 20px 40px rgba(8,27,45,.15); }
  .main-nav.open { display:flex; }
  .main-nav a { padding:10px 0; width:100%; }
  .main-nav a:after { display:none; }
  .nav-dropdown { display:block; width:100%; }
  .nav-dropdown>a:before { top:9px; }
  .inventory-menu { position:static; width:100%; padding:4px 0 8px 14px; border:0; box-shadow:none; opacity:1; visibility:visible; transform:none; }
  .inventory-menu a { padding:8px 10px; font-size:15px; }
  .hero { min-height:760px; }
  .hero-image { background-position:62% center; }
  .hero-content { padding:88px 0 105px; }
  h1 { font-size:clamp(38px,10.5vw,46px); line-height:1.12; letter-spacing:-.032em; }
  h2 { font-size:clamp(32px,8.6vw,40px); line-height:1.16; letter-spacing:-.025em; }
  .hero-content>p { font-size:15px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:24px; }
  .hero-proof { margin-top:60px; gap:0; }
  .hero-proof div { padding:0 16px; }
  .hero-proof strong { font-size:18px; }
  .hero-proof span { font-size:7px; }
  .scroll-note { display:none; }
  .about-grid,.coverage-inner,.contact-grid { grid-template-columns:1fr; gap:60px; }
  .about-visual { padding-left:18px; }
  .image-frame { height:440px; }
  .since-card { right:-4px; width:185px; }
  .section-heading { display:block; }
  .section-heading>p { margin-top:25px; }
  .product-grid { grid-template-columns:1fr; }
  .product-card { min-height:330px; }
  .brand-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-card { height:120px; }
  .city-panel { padding:28px; }
  .contact-form { padding:30px 22px; }
  .form-row { grid-template-columns:1fr; gap:0; }
  .location-map { height:360px; }
  .footer-top { align-items:flex-start; flex-wrap:wrap; gap:24px; }
  .footer-top img { width:68px; height:68px; flex-basis:68px; }
  .footer-top p { margin:0; width:100%; }
  .footer-bottom { display:grid; gap:8px; }
  .mailing-address { text-align:left; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* Shared Taboche header and typography used by every linked page. */
.utility-bar { display:none; }
.site-header {
  position:relative;
  top:auto;
  z-index:50;
  width:min(100%,1680px);
  margin:0 auto;
  padding:0 15px;
  background:#fff;
  border:0;
  backdrop-filter:none;
}
.sub-brand-row {
  width:100%;
  min-height:220px;
  margin:0 auto;
  padding:12px 42px 8px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
}
.site-header .brand {
  width:auto;
  height:auto;
  display:flex;
  align-items:center;
  overflow:visible;
  flex:0 1 760px;
}
.site-header .brand .brand-symbol {
  width:185px;
  height:185px;
  max-width:none;
  max-height:none;
  flex:0 0 185px;
  object-fit:contain;
}
.site-header .brand .brand-wordmark {
  width:min(390px,34vw);
  height:auto;
  max-width:none;
  max-height:none;
  margin-left:20px;
  object-fit:contain;
}
.sub-header-contact {
  margin:0;
  min-width:255px;
  display:grid;
  gap:6px;
  font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;
  font-size:27px;
  line-height:1.03;
  letter-spacing:.01em;
  font-style:normal;
}
.sub-header-contact a { display:flex; align-items:center; gap:9px; }
.sub-header-contact span { width:20px; text-align:center; font-family:Arial,sans-serif; font-size:16px; color:#000; }
.site-header .sub-main-nav {
  min-height:68px;
  padding:0 max(24px,calc((100% - 1120px)/2));
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(45px,7vw,110px);
  border:0;
  background:#fff;
  font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;
  font-size:32px;
  font-weight:400;
  line-height:1;
}
.site-header .sub-main-nav > a,
.site-header .sub-main-nav > .nav-dropdown > a {
  padding:18px 0 16px;
  color:var(--blue);
  font-weight:400;
  letter-spacing:.005em;
  text-transform:uppercase;
  white-space:nowrap;
}
.site-header .sub-main-nav a:after { bottom:10px; background:var(--blue); }
.site-header .sub-main-nav .nav-dropdown > a { padding-right:15px; }
.site-header .sub-main-nav .nav-dropdown > a:before { top:22px; color:var(--blue); font-family:Arial,sans-serif; font-size:9px; }
.site-header .inventory-menu { top:59px; width:300px; padding:8px; }
.site-header .solutions-menu { width:300px; }
.site-header .menu-button { flex:0 0 44px; }
.site-header .menu-button i { height:3px; background:var(--blue); }
h1,h2,h3 { font-family:"Montserrat",Arial,sans-serif; }
.inventory-hero h1,.solution-hero h1,.brand-hero h1 { letter-spacing:-.035em; }
.button,.eyebrow,.breadcrumb,.category-links a,.machine-kicker { font-family:"Montserrat",Arial,sans-serif; }
footer { background:var(--ink); }
.footer-top a,.breadcrumb a,.machine-kicker { color:var(--bright,var(--cyan)); }

@media (max-width:1100px) {
  .sub-brand-row { min-height:175px; }
  .site-header .brand .brand-symbol { width:140px; height:140px; flex-basis:140px; }
  .site-header .brand .brand-wordmark { width:320px; }
  .sub-header-contact { min-width:220px; font-size:22px; }
  .site-header .sub-main-nav { gap:clamp(26px,5vw,65px); font-size:27px; }
}
@media (max-width:900px) {
  .sub-brand-row { min-height:125px; padding:8px 24px 6px 12px; }
  .site-header .brand .brand-symbol { width:100px; height:100px; flex-basis:100px; }
  .site-header .brand .brand-wordmark { width:250px; margin-left:10px; }
  .sub-header-contact { min-width:185px; font-size:18px; }
  .site-header .sub-main-nav {
    display:flex;
    position:static;
    min-height:58px;
    max-height:none;
    overflow:visible;
    padding:0 38px;
    flex-direction:row;
    align-items:center;
    gap:clamp(22px,5vw,48px);
    border:0;
    box-shadow:none;
    font-size:23px;
  }
  .site-header .sub-main-nav > a,
  .site-header .sub-main-nav > .nav-dropdown > a { width:auto; padding:15px 0 13px; }
  .site-header .sub-main-nav .nav-dropdown > a:before { top:17px; }
  .site-header .sub-main-nav .inventory-menu { position:absolute; width:300px; top:49px; padding:8px; border:1px solid var(--line); box-shadow:0 24px 55px rgba(17,26,43,.16); opacity:0; visibility:hidden; }
  .site-header .sub-main-nav .nav-dropdown:hover .inventory-menu,
  .site-header .sub-main-nav .nav-dropdown:focus-within .inventory-menu { opacity:1; visibility:visible; }
  .site-header .menu-button { display:none; }
}
@media (max-width:680px) {
  .sub-brand-row { min-height:96px; padding:6px 12px; }
  .site-header .brand .brand-symbol { width:76px; height:76px; flex-basis:76px; }
  .site-header .brand .brand-wordmark { width:min(200px,50vw); margin-left:6px; }
  .sub-header-contact { display:none; }
  .site-header .menu-button { display:block; }
  .site-header .sub-main-nav {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:96px;
    z-index:70;
    max-height:calc(100vh - 96px);
    overflow-y:auto;
    padding:15px 22px 24px;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    background:#fff;
    box-shadow:0 20px 40px rgba(17,26,43,.17);
    font-size:25px;
  }
  .site-header .sub-main-nav.open { display:flex; }
  .site-header .sub-main-nav > a,
  .site-header .sub-main-nav > .nav-dropdown > a { width:100%; padding:10px 0; }
  .site-header .sub-main-nav .nav-dropdown { width:100%; display:block; }
  .site-header .sub-main-nav .nav-dropdown > a:before { top:10px; }
  .site-header .sub-main-nav .inventory-menu {
    position:static;
    width:100%;
    padding:4px 0 8px 14px;
    border:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .site-header .sub-main-nav .inventory-menu a { padding:8px 10px; font-family:"Montserrat",Arial,sans-serif; font-size:15px; font-weight:600; line-height:1.25; }
  .category-bar { top:0; }
}
@media (max-width:650px) {
  .site-header { padding:0 8px; }
}