body { margin: 0; background: #000; color: #eee; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
h2 { margin: 1em 0 0.5em 1em; font-size: 1.4em;}
.slide { flex: 0 0 100%; scroll-snap-align: start; position: relative; aspect-ratio: 16 / 9;
  background: #000; display: flex; align-items: center; justify-content: center;}
.slide a { display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; text-decoration: none;}
.slide img {  display: block; max-width: 100%; max-height: 100%; object-fit: contain;}
.row { margin-bottom: 2em;}
.scroll-row {cursor: grab;}
.scroll-row.dragging {cursor: grabbing;}
.scroll-row { display: flex; overflow-x: auto; gap: 1em; padding: 0 1em;}
.card { flex: 0 0 auto; width: 200px; height: 120px; background: #222;
  border-radius: 6px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.5);
  transition: transform 0.2s ease;}
.card:hover { transform: scale(1.05);}
.card a { display: block;}
.card img { width: 100%; height: 100%; object-fit: cover; display: block;}
.carousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}
.boxousel { position: top; max-width: 90vw;}
.arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 2em;
  background: rgba(0, 0, 0, 0.4); color: #fff; border: none; padding: 0.2em 0.4em;
  cursor: pointer; z-index: 10;}
.arrow.left  { left: 0.3em; }
.arrow.right { right: 0.3em; }
.carousel-container:hover .arrow { opacity: 1;}
.arrow { opacity: 0.5; transition: opacity 0.2s ease;}
.header { position: relative; top: 0; background: #cddf03; color: #0a0a0a; z-index: 100;
  height: 60px; display: flex; align-items: center; box-shadow: 0 2px 5px rgba(0,0,0,0.3);}
.headwrap { display: flex; justify-content: space-between; align-items: center;
  width: 90%; max-width: 1000px; margin: 0 auto; padding: 0 1em; font-weight: bold;}
.logo { font-size: 1.4em;}
.nav { display: flex; gap: 1.2em; font-size: 0.95em;}
.nav a { text-decoration: none; color: #191717;}
.mobilenav { display: none;}
@media (max-width: 600px) {
  .nav {display: none; }
  .mobilenav { display: flex; gap: 1.5em;}}

.featured img {
  max-width: 100%; max-height: 90vh;
  display: block; margin: 0 auto 1em; border-radius: 6px;
}


.gallery-grid { display: flex; flex-wrap: wrap; gap: 1em; justify-content: center;}
.gallery-grid img {  width: 200px; height: auto; border-radius: 6px; transition: transform 0.2s ease;}
.gallery-grid img:hover {transform: scale(1.05);}