.action-section { background: #edf0ee; }
.action-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.action-card { position: relative; display: block; min-height: 280px; padding: 27px 25px 24px; background: #fff; border: 1px solid #cdd5d0; color: var(--ink); text-decoration: none; transition: transform .2s, box-shadow .2s; }
.action-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px #17253812; }
.action-card h3 { font: 700 28px/1.05 var(--serif); letter-spacing: -.8px; margin: 0 0 14px; max-width: 270px; }
.action-card p:not(.kicker) { color: #53606b; margin: 0 0 28px; }
.action-card b { position: absolute; bottom: 23px; color: var(--red); font-size: 10px; letter-spacing: .8px; text-transform: uppercase; }
.action-number { float: right; color: #c4cec8; font: 700 27px var(--serif); }
.peaceful-note { margin-top: 22px; padding: 17px 20px; background: #d9e0dc; color: #3d5047; font-size: 14px; }
.action-feature { display: grid; grid-template-columns: 230px 1fr; max-width: 900px; margin: 0 0 22px; background: var(--ink); color: #fff; cursor: pointer; }
.action-feature img { width: 100%; height: 100%; min-height: 250px; object-fit: cover; object-position: center top; }
.action-feature-copy { padding: 32px 35px; }
.action-feature-copy .kicker { color: #eeb9bb; }
.action-feature-copy h3 { max-width: 620px; margin: 0 0 14px; font: 700 37px/1.02 var(--serif); letter-spacing: -1px; }
.action-feature-copy p { max-width: 600px; color: #d4dce2; margin: 0 0 15px; }
.action-feature-copy .event-meta { color: #efc3c5; font-size: 13px; }
.action-feature-copy .read-link { color: #fff; }
@media (max-width: 760px) { .action-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .action-feature { grid-template-columns: 1fr; } .action-feature img { min-height: 180px; max-height: 260px; } .action-feature-copy { padding: 28px; } .action-feature-copy h3 { font-size: 31px; } }

.wordmark-mark {
  display: block;
  width: 42px;
  height: 42px;
  background: transparent;
}
.footer-mark .wordmark-mark { width: 42px; height: 42px; background: transparent; }

.hero-photo { position: relative; margin: 0; min-height: 420px; overflow: hidden; background: #0b1728; }
.hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #12233a22 0%, transparent 45%, #07132433 100%); pointer-events: none; }
.hero-photo img { display: block; width: 100%; height: 100%; min-height: 555px; object-fit: cover; object-position: center; }
.hero-photo figcaption { position: absolute; z-index: 1; right: 20px; bottom: 16px; max-width: 280px; color: #f5f2ea; font-size: 10px; letter-spacing: .35px; text-align: right; text-shadow: 0 1px 3px #000; }
.hero-photo figcaption a { color: #fff; }
@media (max-width: 760px) { .hero-photo { min-height: 255px; } .hero-photo img { min-height: 255px; } .hero-photo figcaption { right: 12px; bottom: 10px; font-size: 9px; } }

.menu-button:focus-visible,
.dialog-close:focus-visible,
a:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}
.article-dialog[open] { display: block; }
.not-found { min-height: 100vh; display: grid; place-content: center; justify-items: start; gap: 18px; max-width: 760px; padding: 10vw; background: var(--paper); }
.not-found h1 { margin: 0; font: 700 clamp(44px, 8vw, 82px)/.95 var(--serif); letter-spacing: -3px; }
.not-found p { max-width: 520px; margin: 0; color: var(--muted); }