*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#fff;font-family:DM Sans,sans-serif}#root{width:100%;margin:0 auto}h1,h2,h3{font-weight:600}p{line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit}.hero-wrapper{aspect-ratio:16/6;border-radius:0;width:100%;min-height:300px;max-height:90vh;position:relative;overflow:hidden}.hero-slider{height:100%;transition:transform .7s cubic-bezier(.77,0,.18,1);display:flex}.hero-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:0 0 100%;height:100%;position:relative}.hero-overlay{background:#00000040;position:absolute;inset:0}.hero-arrow{cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;width:clamp(35px,4vw,48px);height:clamp(35px,4vw,48px);font-size:18px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{transform:translateY(-50%)scale(1.1)}.hero-arrow.left{left:12px}.hero-arrow.right{right:12px}.hero-dots{z-index:10;justify-content:center;gap:8px;width:100%;display:flex;position:absolute;bottom:15px}.dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:#177bc0;transform:scale(1.3)}@media (width<=1024px){.hero-wrapper{aspect-ratio:16/7}}@media (width<=768px){.hero-wrapper{aspect-ratio:16/9;min-height:250px}.hero-arrow{display:none}}@media (width<=400px){.hero-wrapper{aspect-ratio:4/3}}