/* Poster layout: large comparison photos and a fixed single A4 page. */
.poster{width:794px;max-width:calc(100% - 32px);padding:28px;margin:24px auto}
.poster h1{font-size:48px;line-height:1.05;letter-spacing:-1.5px}
.poster-comparison{margin:20px 0;gap:16px}
.poster-comparison img{width:100%;height:460px;object-fit:cover;background:transparent;border-radius:0;margin:0}
@media screen and (max-width:500px){
 .poster{padding:18px;max-width:calc(100% - 20px)}
 .poster h1{font-size:34px}
 .poster-comparison{gap:10px}
 .poster-comparison img{height:300px}
}
@media print{
 @page{size:A4 portrait;margin:10mm}
 html,body{width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:white}
 .poster-tools{display:none!important}
 .poster{
  width:190mm;max-width:none;height:277mm;min-height:0;
  margin:0!important;padding:0!important;
  display:grid;grid-template-rows:6mm 24mm 152mm 18mm minmax(0,1fr);gap:4mm;
  line-height:1.3;text-align:center;box-sizing:border-box;
  break-inside:avoid;page-break-inside:avoid;
  print-color-adjust:exact;-webkit-print-color-adjust:exact
 }
 .poster>p,.poster h1,.poster h2{margin:0}
 .poster>.eyebrow{font-size:8pt;letter-spacing:1px;align-self:center}
 .poster h1{font-size:28pt;line-height:1.05;letter-spacing:-1px;align-self:center}
 .poster-comparison{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin:0;min-height:0}
 .poster-comparison figure{display:grid;grid-template-rows:6mm 140mm 6mm;gap:0;margin:0;min-width:0}
 .poster-comparison figcaption{font-size:11pt;line-height:1.2;margin:0;align-self:start}
 .poster-comparison img{height:140mm;max-height:none;width:100%;object-fit:cover;background:transparent;border-radius:0;margin:0}
 .poster-comparison p{font-size:9pt;line-height:1.2;margin:0;align-self:end}
 .poster .poster-intro{font-size:10pt;line-height:1.4;align-self:center}
 .poster-action{display:grid;grid-template-columns:minmax(0,1fr) 52mm;gap:6mm;align-items:center;margin:0;min-height:0;text-align:left}
 .poster-action h2{font-size:19pt;line-height:1.1;margin:0 0 3mm;letter-spacing:-.5px}
 .poster-action .poster-points{font-size:10pt;line-height:1.4;margin:0 0 3mm;padding-left:4mm}
 .poster-action .poster-points li{margin:1mm 0}
 .poster-action p{font-size:10pt;line-height:1.4;margin:0}
 .poster-qr{min-width:0;text-align:center}
 .poster-qr img#qr{width:48mm;height:48mm;margin:0 auto 2mm;max-width:none}
 .poster-qr .url{font-size:7pt;line-height:1.2;overflow-wrap:anywhere;margin:0}
}