/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:var(--nav-h)}
.hero__img{position:absolute;inset:0;z-index:0}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:center 20%;animation:kenBurns 25s infinite alternate var(--ease)}
@keyframes kenBurns{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.08) translate(-1%,-1%)}}
.hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(170deg,rgba(5,9,17,.82) 0%,rgba(11,17,32,.62) 45%,rgba(11,17,32,.55) 65%,rgba(5,9,17,.78) 100%)}
.hero__overlay::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 60%,rgba(212,114,42,.08),transparent 60%)}
.hero__content{position:relative;z-index:2;max-width:780px;padding:clamp(40px,8vw,80px) 0}
.hero__label{color:var(--accent);margin-bottom:20px;display:flex;align-items:center;gap:12px;opacity:0;animation:fadeUp .8s var(--ease-out) .4s forwards}
.hero__label::before{content:'';width:40px;height:2px;background:var(--accent)}
.hero h1{color:var(--white);margin-bottom:24px;opacity:0;animation:fadeUp .8s var(--ease-out) .55s forwards}
.hero__sub{font-size:clamp(1.08rem,1.8vw,1.3rem);color:var(--text-on-dark);max-width:580px;margin-bottom:40px;line-height:1.75;opacity:0;animation:fadeUp .8s var(--ease-out) .7s forwards}
.hero .btn-group{opacity:0;animation:fadeUp .8s var(--ease-out) .85s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}