.home-hero {
 position: relative;
 width: min(1400px, calc(100% - 32px));
 margin: 18px auto 8px;
 min-height: min(58vh, 520px);
 border-radius: 28px;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: linear-gradient(180deg, rgba(10, 10, 10, 0.98), rgba(6, 6, 6, 0.98));
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.home-hero-media,
.home-hero-overlay,
.header-video {
 position: absolute;
 inset: 0;
}

.header-video {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 88% center;
 opacity: 0.56;
 filter: brightness(1.28) saturate(1.08) contrast(1.08);
 transform: scale(1.01);
}

.home-hero-overlay {
 background:
 linear-gradient(
 90deg,
 rgba(5, 5, 5, 0.72) 0%,
 rgba(8, 8, 8, 0.42) 36%,
 rgba(10, 10, 10, 0.18) 62%,
 rgba(10, 10, 10, 0.06) 100%
 ),
 radial-gradient(circle at 78% 20%, rgba(180, 0, 0, 0.10), transparent 28%),
 radial-gradient(circle at 18% 80%, rgba(255, 255, 255, 0.03), transparent 24%);
}

.home-hero-content {
 position: relative;
 z-index: 1;
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 14px;
 width: min(650px, 100%);
 min-height: min(58vh, 520px);
 padding: 44px clamp(20px, 4vw, 54px);
}

.home-hero-eyebrow {
 margin: 0;
 color: rgba(255, 110, 110, 0.92);
 font-size: 0.82rem;
 letter-spacing: 0.12em;
 text-transform: uppercase;
}

.category-title {
 margin: 0;
 color: #fff;
 font-size: clamp(2.4rem, 5vw, 4.8rem);
 line-height: 0.96;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

.home-hero-copy {
 margin: 0;
 max-width: 650px;
 color: rgba(255, 255, 255, 0.84);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1rem;
 line-height: 1.7;
 text-transform: none;
}

.home-hero-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 margin-top: 4px;
}

.home-hero-btn,
.home-hero-toggle {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 48px;
 padding: 0 18px;
 border-radius: 14px;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 font-size: 0.86rem;
 transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.home-hero-btn-primary {
 background: linear-gradient(180deg, #ff2d2d, #980000);
 color: #fff;
 border: 1px solid rgba(255, 255, 255, 0.14);
 box-shadow: 0 10px 24px rgba(120, 0, 0, 0.22);
}

.home-hero-btn-secondary,
.home-hero-toggle {
 background: rgba(255, 255, 255, 0.04);
 color: #fff;
 border: 1px solid rgba(255, 255, 255, 0.12);
}

.home-hero-btn:hover,
.home-hero-btn:focus-visible,
.home-hero-toggle:hover,
.home-hero-toggle:focus-visible {
 transform: translateY(-1px);
 border-color: rgba(255, 90, 90, 0.32);
 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
}

.home-hero-utility {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 12px;
 margin-top: 2px;
}

.home-hero-note {
 color: rgba(255, 255, 255, 0.62);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.88rem;
 line-height: 1.5;
 text-transform: none;
}

@media (prefers-reduced-motion: reduce) {
 .header-video {
 display: none;
 }

 .home-hero-overlay {
 background:
 linear-gradient(
 90deg,
 rgba(5, 5, 5, 0.90) 0%,
 rgba(8, 8, 8, 0.72) 38%,
 rgba(10, 10, 10, 0.42) 70%,
 rgba(10, 10, 10, 0.22) 100%
 ),
 radial-gradient(circle at 78% 20%, rgba(180, 0, 0, 0.10), transparent 28%),
 radial-gradient(circle at 18% 80%, rgba(255, 255, 255, 0.03), transparent 24%);
 }
}

@media (max-width: 900px) {
 .home-hero {
 width: min(100%, calc(100% - 20px));
 min-height: 430px;
 }

 .header-video {
 object-position: 92% center;
 opacity: 0.60;
 filter: brightness(1.30) saturate(1.06) contrast(1.06);
 }

 .home-hero-content {
 width: 100%;
 min-height: 430px;
 padding: 32px 18px;
 }
}

@media (max-width: 640px) {
 .home-hero {
 margin-top: 12px;
 border-radius: 22px;
 }

 .header-video {
 object-position: 96% center;
 opacity: 0.64;
 filter: brightness(1.34) saturate(1.04) contrast(1.04);
 }

 .home-hero-actions,
 .home-hero-utility {
 flex-direction: column;
 align-items: stretch;
 }

 .home-hero-btn,
 .home-hero-toggle {
 width: 100%;
 }
}.home-hero {
 position: relative;
 width: min(1400px, calc(100% - 32px));
 margin: 18px auto 8px;
 min-height: min(58vh, 520px);
 border-radius: 28px;
 overflow: hidden;
 border: 1px solid rgba(255, 255, 255, 0.08);
 background: linear-gradient(180deg, rgba(10, 10, 10, 0.98), rgba(6, 6, 6, 0.98));
 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}

.home-hero-media,
.home-hero-overlay,
.header-video {
 position: absolute;
 inset: 0;
}

.header-video {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 88% center;
 opacity: 0.56;
 filter: brightness(1.28) saturate(1.08) contrast(1.08);
 transform: scale(1.01);
}

.home-hero-overlay {
 background:
 linear-gradient(
 90deg,
 rgba(5, 5, 5, 0.72) 0%,
 rgba(8, 8, 8, 0.42) 36%,
 rgba(10, 10, 10, 0.18) 62%,
 rgba(10, 10, 10, 0.06) 100%
 ),
 radial-gradient(circle at 78% 20%, rgba(180, 0, 0, 0.10), transparent 28%),
 radial-gradient(circle at 18% 80%, rgba(255, 255, 255, 0.03), transparent 24%);
}

.home-hero-content {
 position: relative;
 z-index: 1;
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 14px;
 width: min(650px, 100%);
 min-height: min(58vh, 520px);
 padding: 44px clamp(20px, 4vw, 54px);
}

.home-hero-eyebrow {
 margin: 0;
 color: rgba(255, 110, 110, 0.92);
 font-size: 0.82rem;
 letter-spacing: 0.12em;
 text-transform: uppercase;
}

.category-title {
 margin: 0;
 color: #fff;
 font-size: clamp(2.4rem, 5vw, 4.8rem);
 line-height: 0.96;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 text-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

.home-hero-copy {
 margin: 0;
 max-width: 650px;
 color: rgba(255, 255, 255, 0.84);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1rem;
 line-height: 1.7;
 text-transform: none;
}

.home-hero-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 12px;
 margin-top: 4px;
}

.home-hero-btn,
.home-hero-toggle {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 48px;
 padding: 0 18px;
 border-radius: 14px;
 text-decoration: none;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 font-size: 0.86rem;
 transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.home-hero-btn-primary {
 background: linear-gradient(180deg, #ff2d2d, #980000);
 color: #fff;
 border: 1px solid rgba(255, 255, 255, 0.14);
 box-shadow: 0 10px 24px rgba(120, 0, 0, 0.22);
}

.home-hero-btn-secondary,
.home-hero-toggle {
 background: rgba(255, 255, 255, 0.04);
 color: #fff;
 border: 1px solid rgba(255, 255, 255, 0.12);
}

.home-hero-btn:hover,
.home-hero-btn:focus-visible,
.home-hero-toggle:hover,
.home-hero-toggle:focus-visible {
 transform: translateY(-1px);
 border-color: rgba(255, 90, 90, 0.32);
 box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
}

.home-hero-utility {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 12px;
 margin-top: 2px;
}

.home-hero-note {
 color: rgba(255, 255, 255, 0.62);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.88rem;
 line-height: 1.5;
 text-transform: none;
}

@media (prefers-reduced-motion: reduce) {
 .header-video {
 display: none;
 }

 .home-hero-overlay {
 background:
 linear-gradient(
 90deg,
 rgba(5, 5, 5, 0.90) 0%,
 rgba(8, 8, 8, 0.72) 38%,
 rgba(10, 10, 10, 0.42) 70%,
 rgba(10, 10, 10, 0.22) 100%
 ),
 radial-gradient(circle at 78% 20%, rgba(180, 0, 0, 0.10), transparent 28%),
 radial-gradient(circle at 18% 80%, rgba(255, 255, 255, 0.03), transparent 24%);
 }
}

@media (max-width: 900px) {
 .home-hero {
 width: min(100%, calc(100% - 20px));
 min-height: 430px;
 }

 .header-video {
 object-position: 92% center;
 opacity: 0.60;
 filter: brightness(1.30) saturate(1.06) contrast(1.06);
 }

 .home-hero-content {
 width: 100%;
 min-height: 430px;
 padding: 32px 18px;
 }
}

@media (max-width: 640px) {
 .home-hero {
 margin-top: 12px;
 border-radius: 22px;
 }

 .header-video {
 object-position: 96% center;
 opacity: 0.64;
 filter: brightness(1.34) saturate(1.04) contrast(1.04);
 }

 .home-hero-actions,
 .home-hero-utility {
 flex-direction: column;
 align-items: stretch;
 }

 .home-hero-btn,
 .home-hero-toggle {
 width: 100%;
 }
}