/* ============================================================
   De posterfabriek
   ============================================================ */
.po-body{background:var(--blue-950)}

.po-kop{position:relative;padding:clamp(6.5rem,13vh,9rem) 0 clamp(1rem,3vh,2rem);overflow:hidden}
.po-kop h1{
  font-family:var(--font-display);text-transform:uppercase;
  font-size:clamp(2.2rem,6vw,4.4rem);line-height:1;margin:.5rem 0 .8rem;
}
.po-kop .lead{max-width:52ch}

.po-vlak{padding:0 0 clamp(3rem,8vh,5rem)}
.po-bediening{
  display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1.2rem;
}
.po-bediening select{
  padding:.7rem 1rem;border-radius:12px;border:0;font:inherit;font-size:.95rem;
  background:rgba(255,255,255,.08);color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.po-bediening select:focus{outline:2px solid var(--yellow);outline-offset:2px}
.po-stand{margin:0;color:rgba(255,255,255,.6);font-size:.86rem}

.po-blad{
  background:rgba(255,255,255,.04);border-radius:16px;padding:clamp(.6rem,2vw,1.2rem);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
  display:grid;place-items:center;
}
.po-blad canvas{
  width:100%;max-width:520px;height:auto;display:block;border-radius:8px;
  background:var(--blue-900);box-shadow:0 30px 70px rgba(3,5,28,.6);
}
#poHaal[hidden]{display:none}