:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; color: #111; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; padding: 0 clamp(24px, 6vw, 96px); }
header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 32px 0; border-bottom: 1px solid #e5e5e5; }
.brand { display: inline-flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; font-size: 25px; font-weight: 650; letter-spacing: -1.2px; }
.brand img { object-fit: contain; }
.brand:focus-visible { outline: 2px solid currentColor; outline-offset: 8px; border-radius: 4px; }
.status { display: flex; align-items: center; gap: 8px; color: #666; font-size: 12px; }
.status span { width: 5px; height: 5px; background: #111; border-radius: 50%; }
main { flex: 1; padding: clamp(64px, 10vh, 120px) 0 72px; }
.eyebrow { margin: 0 0 28px; color: #666; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; }
h1 { margin: 0; font-size: clamp(74px, 13vw, 188px); font-weight: 550; line-height: .94; letter-spacing: -.065em; }
.hero { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.hero-character { display: block; width: clamp(150px, 24vw, 300px); height: auto; flex: none; }
.intro { margin-top: 44px; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.intro p { margin: 0; font-size: clamp(17px, 2vw, 22px); line-height: 1.55; letter-spacing: -.3px; }
.edition { color: #777; font-size: 13px; line-height: 1.7; }
footer { display: flex; justify-content: space-between; gap: 24px; border-top: 1px solid #e5e5e5; padding: 22px 0 28px; color: #777; font-size: 12px; }
@media (max-width: 700px) { .hero { flex-direction: column; align-items: flex-start; gap: 28px; } .hero-character { width: 110px; align-self: flex-end; } }
@media (max-width: 580px) { header { padding: 24px 0; } .status { font-size: 10px; } .intro { flex-direction: column; align-items: flex-start; } main { padding-top: 64px; } }