/* Tietokoneversio */

.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 12px 40px; padding-block: 22px; }
.menu { display: flex; align-items: center; gap: 32px; }
.nav { display: flex; gap: 0 26px; }
.nav a { min-height: 44px; }
.nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background: var(--accent);
}

.hero-inner { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 72px; align-items: center; }
.hero-img { max-height: 620px; }

.kortit { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nostot { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
.nosto { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }

.split { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.split-kaanteinen > .kuva { order: 2; }
.split-ajat { grid-template-columns: minmax(0, 4fr) minmax(0, 6fr); align-items: start; }
.split-tasan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.split-contact { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); }
.split > .kuva-kaari, .split > .kuva-pyorea { max-width: 460px; justify-self: center; }

.steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.elaimet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tuotteet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.insta { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.valinnat { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.footer-top { grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) auto; }
.footer-nav { grid-template-columns: repeat(2, max-content); }

/* Kapea tietokoneikkuna: sarakkeet vähenevät */
@media (max-width: 1000px) {
  .header-inner { flex-wrap: wrap; }
  .menu { flex-wrap: wrap; }
  .nav { flex-wrap: wrap; }
}
@media (max-width: 900px) {
  .hero-inner, .split, .split-ajat, .split-tasan, .split-contact, .nostot, .footer-top { grid-template-columns: minmax(0, 1fr); }
  .split-kaanteinen > .kuva { order: 0; }
  .kortit, .steps, .elaimet, .tuotteet { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .elaimet { padding-inline: 0; }
  .hero-kuva { max-width: 420px; }
}

.kuvarivi-lista, .galleria { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) {
  .kuvarivi-lista, .galleria { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.esittely-kohdat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.esittely .split, .esittely.band .split { align-items: start; }
.esittely .kuva-kaari { position: sticky; top: 32px; }
.esittely .split { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 56px; }
@media (max-width: 900px) { .esittely .split { grid-template-columns: minmax(0, 1fr); } .esittely .kuva-kaari { position: static; } }

.logo-merkki { width: 48px; height: 48px; }

.site-header .logo-teksti { font-size: 2.1rem; }

.galleria.keijut { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
@media (max-width: 900px) { .galleria.keijut { grid-template-columns: repeat(2, minmax(0, 1fr)); } }