.hero-wrapper{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.hero-wrapper.hero-ready{animation:1.4s ease-out forwards heroFadeIn}@keyframes heroFadeIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity 1.5s,transform 7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.2)}.hero-slide.active{opacity:1;transform:scale(1)}.hero-base-overlay{z-index:1;background:linear-gradient(#00000059,#000000bf);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;opacity:0;max-width:550px;animation:1.2s ease-out .6s forwards textIn;position:absolute;top:50%;left:7%;transform:translateY(-50%)}@keyframes textIn{0%{opacity:0;transform:translateY(-50%)translateY(30px)}to{opacity:1;transform:translateY(-50%)translateY(0)}}.hero-title{font-size:clamp(42px,6vw,86px);font-weight:900;line-height:1.1}.hero-title span{color:#d4af37}.hero-sub{color:#d4af37;margin-top:18px;font-size:clamp(16px,1.8vw,22px)}.hero-dots{z-index:3;gap:12px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero-dots button{background:#ffffff59;border-radius:50%;width:10px;height:10px}.hero-dots button.active{background:#d4af37;border-radius:999px;width:26px}@media (max-width:768px){.hero-content{max-width:90%;left:5%}.hero-title{font-size:clamp(32px,8vw,64px)}.hero-sub{font-size:clamp(14px,4vw,18px)}}