/* assets/css/hero.css */
.hero{padding:clamp(60px,10vw,120px) 0 0;overflow:hidden;}
.hero .glow.g1{width:620px;height:620px;background:radial-gradient(circle,rgba(212,175,55,.28),transparent 65%);top:-220px;right:-120px;}
.hero .glow.g2{width:420px;height:420px;background:radial-gradient(circle,rgba(120,90,255,.10),transparent 65%);bottom:80px;left:-160px;}
.hero-in{position:relative;z-index:2;text-align:center;max-width:960px;margin:0 auto;}
.hero .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--disp);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);background:rgba(212,175,55,.06);padding:8px 16px;border-radius:999px;margin-bottom:30px;}
.hero h1{font-family:var(--disp);font-weight:700;font-size:clamp(38px,7vw,78px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance;}
.hero h1 .grad{background:linear-gradient(120deg,var(--gold-2),var(--gold) 60%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p.sub{font-size:clamp(17px,2.1vw,21px);color:var(--muted);max-width:64ch;margin:26px auto 0;line-height:1.55;}
.hero p.sub b{color:var(--text);font-weight:600;}
.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:38px;}
.hero-cta .btn{padding:15px 28px;font-size:15px;}

/* Vitrine do portfólio em movimento */
.showcase{margin-top:clamp(48px,7vw,88px);position:relative;z-index:2;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.showcase-track{display:flex;gap:22px;width:max-content;animation:slide 46s linear infinite;}
.showcase:hover .showcase-track{animation-play-state:paused;}
.shot{width:340px;flex:none;border-radius:12px;overflow:hidden;border:1px solid var(--line-soft);background:var(--panel);box-shadow:0 20px 50px -24px #000;}
.shot .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--panel-2);border-bottom:1px solid var(--line-soft);}
.shot .bar i{width:9px;height:9px;border-radius:50%;background:#3a3a42;}
.shot .bar i:nth-child(1){background:#e0605e;}.shot .bar i:nth-child(2){background:#e2c04b;}.shot .bar i:nth-child(3){background:#5cb85c;}
.shot .bar span{margin-left:8px;font-family:var(--disp);font-size:10.5px;color:var(--faint);letter-spacing:.02em;}
.shot img{height:200px;object-fit:cover;object-position:top center;}
