@font-face { font-family: Archivo; src: url('/brand/v4/fonts/archivo/Archivo-Variable.woff2') format('woff2'); font-display: swap; }
:root { color-scheme: light; --paper:#f3ebdd; --ink:#161713; --muted:#66675f; --signal:#dfff00; --line:rgba(22,23,19,.18); }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Archivo,Arial,sans-serif; }
a { color:inherit; }
.shell { width:min(1160px,calc(100% - 40px)); margin:auto; }
.event-header { display:flex; min-height:76px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.event-header img { width:150px; height:auto; }
.event-header a:last-child,.event-cta { display:inline-flex; min-height:48px; padding:0 20px; align-items:center; justify-content:center; border-radius:999px; color:var(--ink); background:var(--signal); font-weight:800; text-decoration:none; }
.event-hero { display:grid; min-height:620px; padding:72px 0 58px; align-items:end; gap:44px; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); }
.eyebrow { margin:0 0 18px; font-size:12px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
h1 { max-width:820px; margin:0; font-size:clamp(48px,7vw,92px); letter-spacing:-.055em; line-height:.9; }
h1 strong { color:#4b5c00; }
.lead { max-width:680px; margin:28px 0; color:var(--muted); font-size:20px; line-height:1.45; }
.microcopy { font-size:12px; font-weight:650; }
.event-card { padding:28px; border:1px solid var(--ink); border-radius:28px; background:#fffaf0; box-shadow:10px 10px 0 var(--ink); }
.event-card > span { font-size:10px; font-weight:850; letter-spacing:.1em; }
.event-card h2 { margin:10px 0 20px; font-size:30px; }
.event-facts { display:grid; margin:0; gap:0; }
.event-facts div { display:flex; padding:13px 0; justify-content:space-between; gap:18px; border-top:1px solid var(--line); }
.event-facts dt { color:var(--muted); }
.event-facts dd { margin:0; text-align:right; font-weight:750; }
.event-method { padding:72px 0; color:var(--paper); background:var(--ink); }
.event-method h2 { max-width:760px; margin:0 0 38px; font-size:clamp(34px,5vw,58px); letter-spacing:-.04em; }
.event-method ol { display:grid; margin:0; padding:0; gap:16px; grid-template-columns:repeat(3,1fr); list-style:none; }
.event-method li { padding:24px; border:1px solid rgba(243,235,221,.25); border-radius:22px; }
.event-method li span { color:var(--signal); font-size:12px; font-weight:850; }
.event-method h3 { margin:28px 0 10px; font-size:22px; }
.event-method p { margin:0; color:rgba(243,235,221,.68); line-height:1.5; }
.event-bottom { display:flex; padding:64px 0 78px; align-items:center; justify-content:space-between; gap:32px; }
.event-bottom h2 { max-width:720px; margin:0; font-size:clamp(34px,5vw,60px); letter-spacing:-.04em; }
.event-source { padding:18px 0; color:var(--muted); border-top:1px solid var(--line); font-size:11px; }
@media(max-width:760px){.shell{width:min(100% - 28px,1160px)}.event-header{min-height:64px}.event-header a:last-child{display:none}.event-hero{min-height:auto;padding:52px 0;grid-template-columns:1fr}.event-method ol{grid-template-columns:1fr}.event-bottom{align-items:flex-start;flex-direction:column}.event-cta{width:100%}}