.hero-slider{position:relative;width:100%;max-width:1150px;height:450px;margin:0 auto;overflow:hidden;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.15)}.slide-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity .3s ease}.slide-image.hidden{opacity:0}.checkerboard-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:grid;grid-template-columns:repeat(25,1fr);grid-template-rows:repeat(15,1fr);gap:0}.checkerboard-square{background:white;transform:scale(0);opacity:0}.checkerboard-overlay.animating .checkerboard-square{animation:revealSquare 1.2s ease forwards}.checkerboard-overlay.animating .checkerboard-square:nth-child(2n){animation-delay:.02s}.checkerboard-overlay.animating .checkerboard-square:nth-child(3n){animation-delay:.04s}.checkerboard-overlay.animating .checkerboard-square:nth-child(4n){animation-delay:.06s}.checkerboard-overlay.animating .checkerboard-square:nth-child(5n){animation-delay:.08s}@keyframes revealSquare{0%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}.indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease}.indicator.active{background:white;transform:scale(1.5);box-shadow:0 0 10px rgba(255,255,255,.5)}.indicator:hover:not(.active){background:rgba(255,255,255,.8);transform:scale(1.2)}@media (max-width:1200px){.hero-slider{max-width:95%;height:400px}}@media (max-width:768px){.hero-slider{height:300px;border-radius:16px}.checkerboard-overlay{grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(12,1fr)}}@media (max-width:480px){.hero-slider{height:250px;border-radius:12px}.checkerboard-overlay{grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(10,1fr)}}