.hhz-home-hero { position: relative; min-height: 540px; display: flex; align-items: center; background: center / cover no-repeat; }
.hhz-home-hero-track { position: relative; min-height: 540px; }
.hhz-home-hero-slide { position: absolute; inset: 0; min-height: 540px; opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility .35s ease; }
.hhz-home-hero-slide.is-active { position: relative; opacity: 1; visibility: visible; }
.hhz-hero-slider { overflow: hidden; }
.hhz-hero-slider-controls { position: absolute; z-index: 3; right: 28px; bottom: 24px; display: flex; gap: 7px; }
.hhz-hero-slider-dot { width: 9px; height: 9px; padding: 0; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: transparent; cursor: pointer; }
.hhz-hero-slider-dot.is-active { background: #fff; }
.hhz-home-hero-slide { background-image: var(--hhz-hero-image); }
.hhz-home-hero::before { content: ''; position: absolute; inset: 0; background: var(--hhz-hero-overlay, #000); opacity: var(--hhz-hero-opacity, .45); pointer-events: none; }
.hhz-home-hero-inner { position: relative; z-index: 1; width: min(var(--hhz-container), calc(100% - 32px)); margin-inline: auto; }
.hhz-home-hero-copy { max-width: 520px; color: #fff; }
.hhz-home-hero-copy h1 { margin: 0 0 14px; color: #fff; font-family: var(--hhz-font-heading); font-size: clamp(32px, 4.45vw, 64px); font-weight: 600; line-height: 1.16; letter-spacing: -.025em; }
.hhz-home-hero-copy p { max-width: 500px; margin: 0 0 21px; font-size: 14px; line-height: 1.7; }
.hhz-home-hero-copy .hhz-eyebrow { color: #fff; }
.hhz-home-hero-copy .hhz-button { background: var(--hhz-accent); color: #fff; }
.hhz-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.hhz-hero-review { font-size: 12px; color: #fff; }
.hhz-hero-actions img { width: 125px; height: 25px; object-fit: contain; }
.hhz-home-products { padding: 10px 0 38px; }
.hhz-home-products .hhz-section-heading { margin-bottom: 14px; }
.hhz-home-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; padding: 60px 0 100px; }
.hhz-home-copy h2 { margin: 0; color: var(--hhz-heading); font-family: var(--hhz-font-heading); font-size: clamp(30px, 4vw, 46px); font-weight: var(--hhz-heading-weight); line-height: 1.12; letter-spacing: -.025em; }
.hhz-home-copy p { margin: 0 0 18px; color: var(--hhz-muted); font-size: 13px; line-height: 1.75; }
.hhz-home-bottom-banner { position: relative; min-height: 280px; display: flex; align-items: center; overflow: hidden; background-color: var(--hhz-accent); background-position: center; background-size: cover; background-repeat: no-repeat; background-image: var(--hhz-bottom-banner-image); }
.hhz-home-bottom-banner::before { content: ''; position: absolute; inset: 0; background: var(--hhz-bottom-banner-overlay, #000); opacity: var(--hhz-bottom-banner-opacity, .35); pointer-events: none; }
.hhz-home-bottom-banner-inner { position: relative; z-index: 1; }
.hhz-home-bottom-banner-copy { max-width: 680px; color: var(--hhz-bottom-banner-text, #fff); }
.hhz-home-bottom-banner-copy h2 { margin: 0 0 10px; color: inherit; font-family: var(--hhz-font-heading); font-size: clamp(28px, 4vw, 48px); font-weight: var(--hhz-heading-weight); line-height: 1.12; }
.hhz-home-bottom-banner-copy p { max-width: 600px; margin: 0 0 20px; color: inherit; font-size: 14px; line-height: 1.7; }
.hhz-home-bottom-banner-copy .hhz-button { background: var(--hhz-accent); color: #fff; }
@media (max-width: 900px) { .hhz-home-hero, .hhz-home-hero-track, .hhz-home-hero-slide { min-height: 430px; } .hhz-home-copy { gap: 28px; padding-bottom: 65px; } }
@media (max-width: 640px) { .hhz-home-hero, .hhz-home-hero-track, .hhz-home-hero-slide { min-height: 420px; } .hhz-home-hero { align-items: flex-end; padding-bottom: 35px; } .hhz-home-hero-slide { background-image: var(--hhz-hero-image-mobile); } .hhz-home-hero::before { background: var(--hhz-hero-overlay, #000); opacity: var(--hhz-hero-opacity, .45); } .hhz-home-hero-copy h1 { font-size: 32px; line-height: 1.3; } .hhz-home-hero-copy p { font-size: 12px; } .hhz-hero-review { display: none; } .hhz-hero-actions img { width: 100px; height: 20px; } .hhz-hero-slider-controls { right: 16px; bottom: 17px; } .hhz-home-copy { grid-template-columns: 1fr; gap: 18px; padding: 38px 0 55px; } .hhz-home-bottom-banner { min-height: 260px; background-image: var(--hhz-bottom-banner-image-mobile); } .hhz-home-bottom-banner-copy h2 { font-size: 30px; } .hhz-home-bottom-banner-copy p { font-size: 13px; } }
@media (prefers-reduced-motion: reduce) { .hhz-home-hero-slide { transition: none; } }