.hero-slider{position:relative;width:100%;height:400px;overflow:hidden;transition:background .7s ease}.hero-illustration-wrap,.hero-slider{display:flex;align-items:center;justify-content:center}.hero-illustration-wrap{position:absolute;inset:0;pointer-events:none}.hero-illustration{width:70%;max-width:600px;height:100%;opacity:.25}.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.15);pointer-events:none}.hero-content{text-align:center;color:#fff;padding:0 2rem;max-width:600px;z-index:1;position:relative}.hero-fade-in{animation:fadeInUp .45s ease forwards}.hero-fade-out{animation:fadeOut .3s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hero-tag{display:inline-block;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.35);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .85rem;border-radius:99px;margin-bottom:1.1rem}.hero-title{font-size:2.4rem;font-weight:800;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 12px rgba(0,0,0,.2)}.hero-subtitle{font-size:1.05rem;opacity:.88;line-height:1.6;max-width:520px;margin:0 auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.8rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2;padding:0}.hero-arrow:hover{background:hsla(0,0%,100%,.28)}.hero-arrow-left{left:1.5rem}.hero-arrow-right{right:1.5rem}.hero-dots{position:absolute;bottom:1.25rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:2}.hero-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.4);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.hero-dot-active{background:#fff;transform:scale(1.3)}@media (max-width:600px){.hero-slider{height:300px}.hero-title{font-size:1.6rem}.hero-subtitle{font-size:.9rem}.hero-arrow{display:none}}