@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/web-0.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/web-1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/web-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/web-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/web-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/web-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/web-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/web-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Hero: industrial display typography and readable supporting copy. */
.hero-refined{--hero-font:'Source Sans 3',Arial,sans-serif;--hero-display:'Bebas Neue','Arial Narrow',sans-serif;--hero-secondary:#c4cdd3;--hero-rule:#3b4650;font-family:var(--hero-font)}
.hero-refined .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-block:64px;align-items:center}
.hero-refined .eyebrow{font-family:var(--hero-font);font-size:12px;font-weight:600;letter-spacing:1.6px;line-height:1.5;color:var(--hero-secondary);margin-bottom:24px;gap:10px}
.hero-refined .eyebrow span{width:6px;height:6px}
.hero-refined h1{font-family:var(--hero-display);font-size:clamp(56px,6.4vw,88px);line-height:1.02;letter-spacing:.3px;font-weight:400;margin:0 0 24px}
.hero-refined h1 span{color:var(--white)}
.hero-refined .hero-description{font-family:var(--hero-font);font-size:18px;line-height:1.6;color:var(--hero-secondary);max-width:440px;margin-bottom:32px}
.hero-refined .hero-actions{gap:28px;align-items:center;flex-direction:row}
.hero-refined .button{font-family:var(--hero-font);font-size:16px;font-weight:600;min-height:52px;padding:14px 22px;gap:24px;border-radius:2px}
.hero-refined .catalog-link{font-family:var(--hero-font);font-size:16px;font-weight:600;min-height:48px;gap:10px;white-space:nowrap}
.hero-refined .hero-foot{font-family:var(--hero-font);margin:36px 0 0;padding:0;border:0;font-size:14px;line-height:1.6;color:var(--hero-secondary);gap:8px}
.hero-refined .hero-visual{display:block;background:transparent;overflow:visible;border-radius:0;align-self:center;color:var(--white)}
.hero-refined .hero-visual .hero-product{display:block;aspect-ratio:1.3;min-height:0;overflow:hidden;background:var(--navy-deep)}
.hero-refined .hero-product img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}
.hero-category-links{display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid var(--hero-rule);gap:16px;margin-top:8px}
.hero-category-links a{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:56px;font-family:var(--hero-font);font-size:15px;line-height:1.35;font-weight:600;color:var(--hero-secondary);transition:color var(--transition);cursor:pointer}
.hero-category-links a:hover{color:var(--white)}.hero-category-links a:active{opacity:.7}.hero-category-links svg{width:16px;height:16px;transform:rotate(-45deg)}
@media(min-width:1440px){.hero-refined .hero-grid{padding-block:80px;gap:80px}}
@media(max-width:1024px){.hero-refined .hero-grid{gap:32px;padding-block:48px}.hero-refined h1{font-size:clamp(46px,6.4vw,68px)}.hero-refined .hero-description{font-size:17px}.hero-refined .hero-actions{gap:16px;flex-wrap:wrap}.hero-refined .button{font-size:15px;padding:12px 18px}.hero-refined .catalog-link{font-size:15px}.hero-category-links{gap:12px}.hero-category-links a{font-size:14px;gap:6px}}
@media(max-width:700px){.hero-refined .hero-grid{grid-template-columns:minmax(0,1fr);padding-block:40px;gap:32px}.hero-refined h1{font-size:clamp(51px,11.8vw,76px);letter-spacing:.2px;margin-bottom:20px}.hero-refined .eyebrow{font-size:11px;letter-spacing:1.1px;margin-bottom:20px}.hero-refined .hero-description{font-size:17px;margin-bottom:24px}.hero-refined .hero-actions{gap:20px;flex-wrap:wrap}.hero-refined .hero-foot{margin-top:24px;font-size:14px}.hero-refined .hero-visual .hero-product{aspect-ratio:1.4;min-height:0}.hero-category-links{gap:12px;margin-top:4px}.hero-category-links a{font-size:14px;min-height:56px;gap:6px}.hero-desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.hero-refined a{transition:none}}

@media(max-width:700px){.hero-refined .hero-actions{gap:16px}.hero-refined .hero-actions .button{font-size:15px;padding:12px 16px;gap:16px}.hero-refined .catalog-link{font-size:15px;gap:8px}.hero-category-links a{min-width:0}.hero-category-links svg{flex-shrink:0}}
