/* Diagonal marquee hero background — Midnight Gold edition */
.fhm{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#0B1220}
.fhm-rot{position:absolute;top:50%;left:50%;width:230vw;transform:translate(-50%,-50%) rotate(-22deg);display:flex;flex-direction:column;gap:22px}
.fhm-row{display:flex;width:100%;overflow:visible}
.fhm-track{display:flex;flex-shrink:0;gap:22px;padding-right:22px;will-change:transform}
.fhm-l{animation:fhm-left var(--sp,95s) linear infinite}
.fhm-r{animation:fhm-right var(--sp,95s) linear infinite}
@keyframes fhm-left{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@keyframes fhm-right{0%{transform:translate3d(-50%,0,0)}100%{transform:translate3d(0,0,0)}}
.fhm-card{position:relative;flex-shrink:0;width:300px;height:200px;border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(2,6,16,.55);outline:1px solid rgba(233,164,27,.14)}
.fhm-card img{width:100%;height:100%;object-fit:cover;display:block}
.fhm-card::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,18,32,.18),rgba(11,18,32,.42))}
.fhm-scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 82% 72% at 50% 46%,rgba(11,18,32,.82) 0%,rgba(11,18,32,.68) 52%,rgba(11,18,32,.52) 100%)}
.fhm-fade-t{position:absolute;left:0;right:0;top:0;height:26%;z-index:2;background:linear-gradient(to bottom,#0B1220,rgba(11,18,32,0))}
.fhm-fade-b{position:absolute;left:0;right:0;bottom:0;height:26%;z-index:2;background:linear-gradient(to top,#0B1220,rgba(11,18,32,0))}
@media(max-width:640px){.fhm-card{width:210px;height:140px}.fhm-rot{gap:16px}}
@media(prefers-reduced-motion:reduce){.fhm-l,.fhm-r{animation:none}}