.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.6;filter:saturate(0.2) contrast(1.2)}
.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to top, var(--bg) 0%, transparent 50%, var(--bg) 100%)}
.hero-content{position:relative;z-index:1;text-align:center;max-width:900px}
.hero-eyebrow{font-family:var(--f-body);font-size:0.65rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--ac);margin-bottom:2.5rem;display:inline-block;border-bottom:1px solid var(--ac);padding-bottom:0.5rem}
.hero-title{font-size:clamp(3.5rem, 8vw, 7rem);line-height:1.05;margin-bottom:2rem;font-weight:400;color:var(--t1)}
.hero-sub{font-size:clamp(1rem, 1.5vw, 1.125rem);color:var(--t2);max-width:500px;margin:0 auto 3.5rem;line-height:1.8}
.marquee{padding:2rem 0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);overflow:hidden;background:var(--bg2)}
.mt{display:flex;gap:4rem;animation:sL 40s linear infinite;width:max-content}
.mt span{font-family:var(--f-head);font-size:1.5rem;font-style:italic;color:var(--t3);display:flex;align-items:center;gap:4rem}
.mt span::after{content:'—';opacity:0.5}
@keyframes sL{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}