@font-face{font-family:Podkova;src:url('assets/fonts/Podkova.ttf');font-weight:400 800}
@font-face{font-family:Noto;src:url('assets/fonts/NotoSans-Regular.ttf')}
@font-face{font-family:Noto;src:url('assets/fonts/NotoSans-Bold.ttf');font-weight:700}
@font-face{font-family:Oswald;src:url('assets/fonts/Oswald.ttf');font-weight:200 700}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#111;font:14px/1.6 Noto,sans-serif}
.page{position:relative;width:210mm;height:297mm;margin:24px auto;padding:52px 62px 64px;background:#fff;break-after:page}
.page:last-child{break-after:auto}
h1,h2,h3,p{margin:0}
h1,h2{font-family:Oswald,sans-serif;font-weight:600;font-size:48px;line-height:1.12;letter-spacing:0;margin-bottom:18px}
h3{font-family:Oswald,sans-serif;font-weight:600;font-size:20px;line-height:1.35;margin-bottom:10px}
p+p{margin-top:10px}
.eyebrow,.folio,.caption,code{font-family:Noto,sans-serif}
.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-bottom:28px;text-transform:uppercase}
.eyebrow span:last-child{color:#111}
.lead{font-size:16px;line-height:1.6;margin-bottom:25px}
.folio{position:absolute;bottom:26px;left:62px;right:62px;border-top:1px solid #17161535;padding-top:10px;display:flex;justify-content:space-between;font-size:9px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rule{border-top:1px solid #17161535;padding-top:17px;margin-top:23px}
.small{font-size:11px;line-height:1.6}
.source-note{font-size:12px;line-height:1.6;margin-top:22px;color:#444}
a{color:inherit;text-underline-offset:3px}
.dark{background:#111;color:#eee}
figure{margin:0}
.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.logo-card img{display:block;width:100%;object-fit:contain;border:1px solid #17161520;background:#f4ede0 url('assets/materials/paper.jpg') center/cover}
.logo-card:nth-child(even) img{background:#111}
.logo-card.mark img{height:110px}
.logo-card.horizontal img{height:120px}
.logo-card.vertical img{height:190px}
.logo-card figcaption{font-size:10px;margin-top:5px}
table{width:100%;border-collapse:collapse;font-size:12px;margin-top:20px}
th,td{text-align:left;vertical-align:top;padding:10px 0;border-bottom:1px solid #17161530}
th{font-size:10px;letter-spacing:1px;text-transform:uppercase}
.type-sample{background:#fff;border:1px solid #11111120;padding:16px 25px}
.type-row+.type-row{border-top:1px solid #17161525;margin-top:10px;padding-top:10px}
.type-heading{font:600 28px/1.25 Oswald,sans-serif;margin-top:4px}
.type-body{font:14px/1.5 Noto,sans-serif;margin-top:4px}
#fonts .lead{margin-bottom:16px}
#fonts table{margin-top:12px}
#fonts td,#fonts th{padding:7px 0}
#fonts .rule{margin-top:16px;padding-top:14px}
#fonts .source-note{margin-top:14px}
.caption{font-size:10px;letter-spacing:1px}
.type-display{font:600 26px/1.25 Podkova,serif;margin:4px 0 0}
.palette{display:grid;gap:7px;align-content:start}
.palette>div{height:96px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between}
.palette strong{font-size:12px}
.palette code{font-size:12px}
@page{size:A4;margin:0}
@media print{body{background:transparent}.page{margin:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
@media screen and (max-width:820px){body{overflow-x:auto}.page{margin:0 0 16px}}

.cover{text-align:center}
.cover-logo{display:block;width:480px;height:570px;object-fit:contain;margin:48px auto 24px}
.cover h1{font-size:64px;margin-bottom:14px}
.cover-caption{font-size:13px;letter-spacing:2px}
.cover .folio{text-align:left}