:root{
  --gap: 64px;     /* eksakt avstand mellom bilder */
  --maxw: 1200px;  /* innholdsbredde */
}

*{ box-sizing: border-box; }
html,body{ height:100%; }

body{
  margin:0;
  background:#fff;            /* hvit bakgrunn */
  color:#111;
  font:16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

.wrap{
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 24px 16px;         /* litt sidepadding på mobil */
  display: grid;
  row-gap: var(--gap);        /* 64px mellom hver figure */
}

@media (min-width: 768px){
  .wrap{ padding: 48px 32px; }
}
@media (min-width: 1200px){
  .wrap{ padding: 64px; }     /* matcher “64px” feel på store skjermer */
}

.shot{
  margin:0;
}

.shot img{
  display:block;
  width:100%;
  height:auto;                /* responsivt */
}
.video{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* Valgfritt: skjul tomme bildetekster */
.shot figcaption:empty{ display:none; }