body { background: #000; }
.hvl-page { background: radial-gradient(circle at top left, rgba(214,179,106,.14), transparent 32%), linear-gradient(180deg,#020202 0%,#000 100%); color:#fff; padding:80px 24px; }
.hvl-header { max-width:1100px; margin:0 auto 54px; }
.hvl-kicker { color:#b8924e; font-size:12px; letter-spacing:3px; text-transform:uppercase; margin:0 0 20px; }
.hvl-header h1 { color:#d6b36a; font-size:clamp(42px,7vw,86px); line-height:.95; margin:0 0 24px; font-weight:500; }
.hvl-header p { max-width:760px; color:#cfc7b8; font-size:18px; line-height:1.75; margin:0; }
.hvl-grid { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr; gap:34px; }
.hvl-card { background:#050505; border:1px solid rgba(214,179,106,.28); overflow:hidden; }
.hvl-video-wrap { background:#000; border-bottom:1px solid rgba(214,179,106,.18); }
.hvl-video-wrap video { width:100%; display:block; background:#000; aspect-ratio:16/9; }
.hvl-placeholder { aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; color:#9f8651; letter-spacing:2px; text-transform:uppercase; }
.hvl-card-body { padding:30px; }
.hvl-meta { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.hvl-meta span { color:#d6b36a; border:1px solid rgba(214,179,106,.42); padding:7px 10px; font-size:11px; letter-spacing:1.7px; text-transform:uppercase; }
.hvl-card h2 { color:#d6b36a; font-size:clamp(26px,4vw,42px); line-height:1.05; margin:0 0 18px; font-weight:500; }
.hvl-description { color:#cfc7b8; font-size:16px; line-height:1.75; }
.hvl-description p { margin:0 0 16px; }
.hvl-empty { color:#cfc7b8; border:1px solid rgba(214,179,106,.28); padding:28px; background:#050505; }
@media (max-width:720px) { .hvl-page { padding:56px 18px; } .hvl-card-body { padding:24px; } .hvl-header p { font-size:16px; } }