/* A4 window poster. From artboard 5a. 794 × 1123 px is A4 at 96 dpi. */
@page { size: A4; margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #dedbd4; color: #161513; font-family: var(--brand-font); -webkit-print-color-adjust: exact; print-color-adjust: exact; }
.toolbar { display: flex; justify-content: center; padding: 24px 24px 0; }
.toolbar button { min-height: 48px; padding: 0 18px; border-radius: 12px; border: 2px solid #161513; background: #fff; font: 700 16px var(--brand-font); color: #161513; cursor: pointer; }
.sheet { width: 794px; height: 1123px; margin: 24px auto; background: #fbfaf7; box-shadow: 0 0 0 1px #c9c4ba; display: flex; flex-direction: column; overflow: hidden; }
.framed body { background: transparent; }
.framed .toolbar { display: none; }
.framed .sheet { margin: 0; }

.sheet-main { padding: 56px 64px 0; display: flex; flex-direction: column; gap: 20px; flex: 1; }
.top { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; border-bottom: 3px solid #161513; padding-bottom: 18px; }
.top-name { font-weight: 800; font-size: 34px; }
.top-area { font-weight: 700; font-size: 22px; color: #3b3935; }
.headline { margin-top: 12px; }
.h-first { font-weight: 800; font-size: 100px; line-height: .95; letter-spacing: -.03em; white-space: nowrap; }
.h-second { font-weight: 800; font-size: 64px; line-height: 1.1; letter-spacing: -.02em; color: #c2410c; }
.qr-row { display: flex; gap: 36px; align-items: center; margin-top: 20px; }
.qr-box { flex: none; width: 360px; height: 360px; padding: 24px; background: #fff; border: 4px solid #161513; border-radius: 28px; display: flex; align-items: center; justify-content: center; }
.qr, .qr svg { width: 304px; height: 304px; display: block; }
.qr-text { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.line-first { font-size: 30px; font-weight: 800; line-height: 1.2; }
.line-second { font-size: 26px; font-weight: 600; line-height: 1.25; color: #3b3935; }
.langs { font-size: 22px; font-weight: 600; line-height: 1.35; }
.domain { font-weight: 800; font-size: 40px; letter-spacing: -.01em; margin-top: 8px; overflow-wrap: anywhere; }
.band { background: #161513; color: #fff; padding: 32px 64px; display: flex; flex-direction: column; gap: 6px; }
.scan-first { font-weight: 800; font-size: 30px; }
.scan-second { font-weight: 600; font-size: 24px; color: #e6e2d9; }
.foot { padding: 16px 64px; display: flex; justify-content: space-between; font-size: 16px; font-weight: 600; color: #3b3935; }

@media print {
  body { background: none; }
  .toolbar { display: none; }
  .sheet { margin: 0; box-shadow: none; width: 210mm; height: 297mm; }
}
