.shero{position:relative;min-height:clamp(480px,62vw,720px);display:flex;align-items:flex-end;overflow:hidden;background:#000}
.shero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 55%}
.shero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.92) 0%,rgba(7,8,10,.55) 45%,rgba(7,8,10,0) 75%),linear-gradient(0deg,rgba(7,8,10,.9) 0%,rgba(7,8,10,0) 40%)}
.shero .wrap{position:relative;z-index:1;padding-block:clamp(32px,6vw,72px);display:flex;flex-direction:column;gap:20px;width:100%}
.shero h1{font-size:clamp(60px,9vw,136px)}
.shero h1 em{font-style:normal;color:var(--amber)}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cat{position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;color:var(--text);background:#0d0e11}
.cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.cat:hover img{transform:scale(1.05)}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,8,10,.92),rgba(7,8,10,0) 60%)}
.cat div{position:relative;z-index:1;padding:24px;display:flex;flex-direction:column;gap:6px}
.cat h3{margin:0;font-size:clamp(34px,3.5vw,48px);font-weight:800;font-stretch:70%;text-transform:uppercase;line-height:1}
.cat span{color:var(--soft);font-size:15px}
.cat:hover{color:var(--text)}.cat:hover h3{color:var(--amber)}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.feat-img{border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#101216}
.feat-img img{width:100%;height:100%;object-fit:cover;display:block}
.feat h2{font-size:clamp(48px,6vw,96px)}
.feat h2 em{font-style:normal;color:var(--amber)}
.sup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sup div{background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:8px}
.sup b{font-size:18px}.sup p{margin:0;color:var(--muted);font-size:15px}
@media (max-width:900px){.cats,.sup{grid-template-columns:1fr}.cat{aspect-ratio:16/10}.feat{grid-template-columns:1fr}}