body{margin:0;font-family:Inter;background:#0b0b0d;color:#fff}
.topbar{padding:14px;background:#000}
.hero{text-align:center;padding:60px 20px}
.section{padding:40px 20px;text-align:center}
h1,h2,h3{font-family:Fjalla One}

.carousel{position:relative;max-width:100%;overflow:hidden}
.track{display:flex;transition:transform .4s ease}
.slide{min-width:80%;padding:20px}
.slide img{width:100%;border-radius:16px;cursor:pointer}

.nav{
  position:absolute;top:50%;
  transform:translateY(-50%);
  background:rgba(0,0,0,.6);
  border:none;color:#fff;
  font-size:28px;padding:10px;
}
.prev{left:0}
.next{right:0}

#zoomOverlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:999;align-items:center;justify-content:center}
#zoomOverlay img{max-width:95%;max-height:95%}
#zoomClose{position:absolute;top:20px;right:20px;font-size:32px;cursor:pointer}