.topbar nav .active { color: var(--green); }
.events-hero { min-height: 690px; position: relative; display: flex; align-items: center; overflow: hidden; padding: 120px clamp(1.2rem,8vw,9rem) 5rem; }
.events-hero-bg { position: absolute; inset: 0; background: linear-gradient(90deg,#090b0af7 5%,#090b0acc 50%,#090b0a66),linear-gradient(0deg,#090b0a 0%,transparent 35%),url('hero-fleet.png') center/cover no-repeat; filter: saturate(.65); }
.events-hero-copy { position: relative; z-index: 1; width: min(720px,100%); }
.events-hero h1 { font: 800 clamp(5rem,12vw,11rem)/.8 var(--display); letter-spacing: -.035em; margin: 1.5rem 0 2rem; }
.events-hero-copy>p:last-child { color: #b6bdb7; max-width: 630px; }
.no-events { display: inline-flex; align-items: center; gap: 1rem; border: 1px solid var(--line); background: #0d100ee6; padding: .85rem 1.2rem; margin-bottom: 1.5rem; }
.no-events i { width: 10px; height: 10px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 16px #d7a84a99; }
.no-events div { display: flex; flex-direction: column; }
.no-events small,.event-type { color: #737b75; font: 600 .68rem var(--body); letter-spacing: .15em; }
.no-events strong { font: 700 1rem var(--display); letter-spacing: .08em; }
.future-events { background: #0d100e; }
.event-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 4rem; }
.event-grid article { background: #101411; padding: 2rem; min-height: 320px; display: flex; flex-direction: column; transition: .25s; }
.event-grid article:hover { background: #171c18; transform: translateY(-4px); }
.event-grid article>b { color: var(--green); font: 700 .8rem var(--body); }
.event-type { margin-top: auto; color: var(--green); }
.event-grid h3 { font: 800 2rem/1 var(--display); letter-spacing: .04em; margin: .7rem 0 1rem; }
.event-grid p { color: var(--muted); font-size: .9rem; margin: 0; }
.mission-block { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem,8vw,9rem); }
.mission-intro { position: sticky; top: 120px; align-self: start; }
.mission-intro h2 { margin-bottom: 2rem; }
.mission-intro>p { color: var(--muted); max-width: 430px; }
.mission-list { border-top: 1px solid var(--line); }
.mission-list article { display: grid; grid-template-columns: 52px 1fr; gap: 1rem; border-bottom: 1px solid var(--line); padding: 1.6rem 0; }
.mission-list article>b { color: var(--green); font: 700 .8rem var(--body); }
.mission-list h3 { font: 700 1.55rem var(--display); letter-spacing: .07em; margin: 0; }
.mission-list p { color: var(--muted); font-size: .9rem; margin: .25rem 0 0; }
.event-cta { min-height: 560px; padding: 6rem 1.2rem; display: grid; place-content: center; justify-items: center; text-align: center; border-top: 1px solid var(--line); background: radial-gradient(circle at center,#aaff2014,transparent 45%),#0c0f0d; }
.event-cta h2 { font: 800 clamp(3.7rem,7vw,7rem)/.82 var(--display); letter-spacing: -.03em; margin: 1.5rem 0 2rem; }
.event-cta h2 em { color: var(--green); font-style: normal; }
.event-cta>p:not(.eyebrow) { color: var(--muted); margin: 0 0 2rem; }
@media(max-width:900px){.event-grid{grid-template-columns:1fr}.event-grid article{min-height:260px}.mission-block{grid-template-columns:1fr}.mission-intro{position:static}}
@media(max-width:560px){.events-hero{min-height:620px;padding-inline:1.2rem}.events-hero h1{font-size:5rem}.event-grid h3{font-size:1.75rem}.mission-list article{grid-template-columns:38px 1fr}}