body { font-family: Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif; background: #F3EFE6; color: #1C1B19; max-width: 720px; margin: 0 auto; padding: 44px 24px 80px; line-height: 1.6; }
h1 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 46px; line-height: 1.02; margin: 0 0 12px; }
h1 em, h2 em { color: #BC3D2B; }
h2 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 27px; margin: 34px 0 6px; }
p, li { color: #3A3732; font-size: 15px; }
ul { padding-left: 20px; }
a { color: #BC3D2B; }
.tape { display: inline-block; background: #1C1B19; color: #F6F2E9; font: 700 12px 'Space Mono', ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; padding: 5px 9px 4px; border-radius: 2px; }
.tape.red { background: #BC3D2B; } .tape.yel { background: #E7B53B; color: #1C1B19; }
.kicker { font: 700 11px 'Space Mono', ui-monospace, monospace; letter-spacing: .14em; text-transform: uppercase; color: #6F695F; margin-bottom: 26px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-bottom: 30px; }
.brand img { width: 34px; height: 34px; border-radius: 9px; }
.hero { position: relative; border-radius: 14px; overflow: hidden; margin: 22px 0; }
.hero img { width: 100%; display: block; aspect-ratio: 4/3; object-fit: cover; }
.hero .rows { position: absolute; left: 14px; right: 14px; bottom: 14px; display: grid; gap: 6px; }
.hero .rows div { display: flex; justify-content: space-between; }
.card { border-top: 1.5px solid #1C1B19; padding: 14px 0; }
footer { margin-top: 48px; font-size: 13px; color: #6F695F; border-top: 1px solid #DDD6C8; padding-top: 16px; }
footer a { color: #6F695F; margin-right: 14px; }