@import "_reset.css";
/* —— Base —— */
*{ box-sizing:border-box; margin:0; padding:0; }
html,body{ height:100%; }
body{
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px; line-height:1.5; color:#fff; background:#000;
}
a,button{ color:inherit; text-decoration:none; font:inherit; }

/* ===== Zamino 72 – Sticky Galerie ===== */

.project-content[data-project="zamino72"] .gallery-sticky.zamino72-group {
  position: relative;
  margin-bottom: 80px;
  height: auto;
}

.project-content[data-project="zamino72"] .zamino72-group .sticky-canvas {
  position: static;
  height: auto;
  display: block;
}

.project-content[data-project="zamino72"] .zamino72-group .piece {
  position: relative;
  display: block;
  max-width: none;
  width: min(86vw, 720px);
  width: 65vw;
  margin: 10vw 15vw;
  transform: rotate(var(--rot));
  opacity: 1;
}

/* Rotationen */
.zamino72-group .piece.zam1 { --rot: -3deg; }
.zamino72-group .piece.zam2 { --rot: 4deg; }
.zamino72-group .piece.zam3 { --rot: -2deg; }
.zamino72-group .piece.zam4 { --rot: 3deg; }

/* ===== Zamino 72 – Sticky Galerie ===== */


/* Broschüren (normale Größe &  Rotation) */
.zamino72-group .piece.zamino-brochure1 { width: 80vw; --rot: 4deg; }
.zamino72-group .piece.zamino-brochure2 { width: 80vw; --rot: -3deg; }
.zamino72-group .piece.zamino-brochure3 { width: 80vw; --rot: 2deg; }
.zamino72-group .piece.zamino-brochure4 { width: 80vw; --rot: -5deg; }
.zamino72-group .piece.zamino-brochure5 { width: 80vw; --rot: 4deg; }

/* Nur Poster – größer als der Rest */
.zamino72-group .piece.zamino-poster {
  width: min(95vw, 880px);
  --rot: 0deg;
}

/* Responsive Anpassung */
@media (max-width: 980px) {
.project-content[data-project="zamino72"] .zamino72-group .sticky-canvas {
 position: relative;
  display: block;
  max-width: none;
  width: min(86vw, 720px);
  width: 65vw;
  margin: 10vw 0vw;
  transform: rotate(var(--rot));
  opacity: 1;
    }
}

@media (max-width: 980px) {
  .zamino72-group .piece {
    position: relative;
    width: min(86vw, 720px);
    left: 5%;
    transform: translateX(-50%) rotate(var(--rot));
    margin: 10vh 0;
  }
}

@media (min-width: 981px) and (max-width: 1400px) {
  .zamino72-group .zam1,
  .zamino72-group .zam2,
  .zamino72-group .zam3,
  .zamino72-group .zam4,
  .zamino72-group .piece {
    position: relative;
    width: min(80vw, 860px);
    left: 5%;
    transform: translateX(-50%) rotate(var(--rot));
    margin: 10vh 0;
  }
}