@font-face{font-family:Syne;src:url('brand/fonts/syne-latin-wght.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Manrope;src:url('brand/fonts/manrope-latin-wght.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--ink:#07111d;--blue:#597ca4;--paper:#f3f0ea;--sand:#c9aa88}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Manrope,sans-serif}::selection{background:var(--sand);color:var(--ink)}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 32px}header>a{font:700 27px Syne,sans-serif;text-decoration:none}header span{color:var(--blue)}button{font:inherit;min-height:48px;padding:12px 20px;border:0;background:var(--ink);color:var(--paper);cursor:pointer}button:hover{background:#203347}button:active{background:var(--blue)}main{max-width:1160px;margin:24px auto 60px;padding:0 32px}.instructions{max-width:650px;margin-bottom:32px}h1{font:700 clamp(32px,4vw,48px)/1.08 Syne,sans-serif;letter-spacing:-.03em;margin:0 0 20px}p{margin:0 0 14px}.test-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:40px;align-items:center}.postcard{display:block;width:100%;height:auto;aspect-ratio:148/105}aside{text-align:center}.qr{display:block;width:180px;height:180px;margin:0 auto 18px}h2{font:700 23px/1.2 Syne,sans-serif;margin:0 0 10px}.download{display:inline-block;padding:10px 0;min-height:44px}.print-note,.print-help{font-size:13px}.print-note{margin-top:12px}.print-help{margin-top:28px;max-width:650px}
@media(max-width:760px){header{padding:20px 18px;align-items:flex-start}header>a{font-size:23px}button{max-width:170px;padding:12px;font-size:13px}main{padding:0 18px;margin-top:20px}.test-layout{grid-template-columns:minmax(0,1fr);gap:32px}.instructions{margin-bottom:24px}}
@page{size:A4;margin:15mm}
@media print{body{background:white}header,.instructions,.print-help,.download{display:none}main{margin:0;padding:0;max-width:none}.test-layout{display:block}.postcard{width:148mm;height:105mm}aside{margin:12mm 0 0;text-align:left;break-inside:avoid}.qr{width:32mm;height:32mm;margin:0 0 5mm}h2{font-size:16px}aside p{font-size:12px;margin:0}.print-note{margin-top:3mm}}