/* Everything is scoped under .igs-wrap so it cannot affect the rest of the site. */
.igs-wrap{position:relative;width:100%;margin:0;padding:0;box-sizing:border-box}
.igs-wrap *,.igs-wrap *::before,.igs-wrap *::after{box-sizing:border-box}
.igs-wrap.igs-full{max-width:none}  /* width/offset are set by JS so it spans the full browser width */

.igs-wrap .igs-hero{position:relative;width:100%;overflow:hidden;background:#0d0f1a;aspect-ratio:var(--igs-ar-d,16/7)}
@media (max-width:900px){.igs-wrap .igs-hero{aspect-ratio:var(--igs-ar-t,16/9)}}
@media (max-width:520px){.igs-wrap .igs-hero{aspect-ratio:var(--igs-ar-p,4/3)}}

.igs-wrap .igs-slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;opacity:0;visibility:hidden;will-change:transform,opacity}
.igs-wrap .igs-slide.igs-active{opacity:1;visibility:visible}
.igs-wrap .igs-slide img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important;object-position:top center!important;-webkit-user-drag:none;user-select:none}

/* Arrows: icon only, transparent background */
.igs-wrap button.igs-arrow{all:unset;box-sizing:border-box;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;background:transparent;-webkit-tap-highlight-color:transparent}
.igs-wrap .igs-arrow svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:transform .2s}
.igs-wrap .igs-arrow:hover svg{transform:scale(1.2)}
.igs-wrap button.igs-arrow:focus-visible{outline:2px solid #fff;outline-offset:-6px;border-radius:8px}
/* higher specificity than the 'all:unset' rule above, so left/right are not reset */
.igs-wrap button.igs-arrow.igs-prev{left:8px;right:auto}
.igs-wrap button.igs-arrow.igs-next{right:8px;left:auto}
@media (max-width:520px){.igs-wrap button.igs-arrow{width:44px;height:44px}.igs-wrap .igs-arrow svg{width:28px;height:28px}}

.igs-wrap .igs-dots{position:absolute;left:0;right:0;bottom:12px;z-index:5;display:flex;justify-content:center;gap:8px;margin:0;padding:0}
.igs-wrap .igs-dots button{all:unset;box-sizing:border-box;display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}
.igs-wrap .igs-dots button.igs-on{background:#fff;width:26px;border-radius:6px}
.igs-wrap .igs-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}