.avv-header { position: absolute; inset: 0 0 auto; z-index: 1; display: flex; align-items: center; justify-content: space-between; min-height: var(--header-height); padding-inline: max(24px, calc((100vw - 1200px) / 2)); }
.avv-header a { color: var(--on-ink); text-decoration: none; }
.avv-header nav { display: flex; align-items: center; gap: 24px; }
.wordmark { font-size: 23px; font-weight: 800; letter-spacing: -0.06em; }
.skip { position: absolute; z-index: 3; top: -100px; left: 16px; background: var(--bg); padding: 12px; }
.skip:focus { top: 8px; }
.avv-hero { padding: calc(var(--header-height) + 85px) 0 94px; background: var(--ink-field); color: var(--on-ink); }
.avv-hero .display { max-width: 1000px; overflow-wrap: anywhere; hyphens: auto; }
.avv-hero .lead { max-width: 700px; margin-top: 30px; color: var(--on-ink-muted); }
.avv-hero .eyebrow { color: var(--accent-on-dark); }
.avv-secondary { align-self: center; color: var(--on-ink); text-underline-offset: 5px; }
.avv-content .intro-row { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; }
.avv-content .intro-row p { margin: 0; }
.avv-rules { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-top: 80px; }
.avv-rules article { border-top: 1px solid var(--line-strong); padding-top: 25px; }
.avv-rules p { color: var(--muted-strong); line-height: 1.65; }
.avv-contact { display: flex; align-items: center; justify-content: space-between; gap: 60px; }
.avv-contact > div { max-width: 740px; }
.avv-contact .button { flex-shrink: 0; }
.avv-footer { display: flex; justify-content: space-between; padding-block: 35px; }
.avv-footer a { color: var(--ink); }
@media (max-width: 760px) { .avv-header { padding-inline: 16px; } .avv-header nav { gap: 14px; } .avv-header nav a { min-height: 44px; display: inline-flex; align-items: center; } .avv-hero { padding: calc(var(--header-height) + 54px) 0 70px; } .avv-content .intro-row, .avv-rules { display: block; } .avv-content .intro-row p { margin-top: 28px; } .avv-rules { margin-top: 50px; } .avv-rules article + article { margin-top: 42px; } .avv-contact { display: block; } .avv-contact .button { margin-top: 24px; } }