.span-12 { grid-column: span 12; aspect-ratio: 21/9; }
.notify-inline { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; max-width: 460px; margin-top: 0; }
.notify-inline input { flex: 1 1 220px; background: transparent; border: 0; border-bottom: 0.5px solid var(--forest-deep); padding: 8px 0; font-family: var(--sans); font-size: 13px; letter-spacing: 0.02em; color: var(--ink); }
.notify-inline input::placeholder { color: var(--meta); letter-spacing: 0.04em; }
.notify-inline input:focus { outline: none; border-color: var(--ink); }
.notify-inline button { background: transparent; border: 0; padding: 8px 0; font-family: var(--sans); font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--forest-deep); cursor: pointer; border-bottom: 0.5px solid var(--forest-deep); white-space: nowrap; }
.notify-inline button:hover { color: var(--ink); border-color: var(--ink); }
.notify-inline button:disabled { cursor: default; opacity: 0.8; }
.video-frame { position: relative; width: 100%; aspect-ratio: 16/9; background: var(--forest); border: 0.5px solid var(--rule); overflow: hidden; }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.essays { margin: var(--sp-5) 0; }
.essays-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-4); margin: 0 0 var(--sp-4) 0; padding-top: var(--sp-4); border-top: 0.5px solid var(--rule); }
.essays-head h3 { font-family: var(--serif); font-weight: 400; font-style: italic; font-size: clamp(24px, 2.6vw, 32px); line-height: 1.12; color: var(--forest-deep); margin: 0; max-width: 28ch; }
.essays-head .em-caps { font-family: var(--sans); font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--meta); white-space: nowrap; }
.essays-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 2vw, 24px); }
.essay-card { display: grid; grid-template-rows: auto auto 1fr auto; gap: var(--sp-3); padding: clamp(24px, 2.4vw, 32px); background: var(--paper); border: 0.5px solid var(--rule); text-decoration: none; color: var(--ink); transition: background 200ms ease, transform 200ms ease; }
.essay-card:hover { background: #fff; transform: translateY(-2px); }
.essay-num { font-family: var(--serif); font-style: italic; font-size: 22px; color: var(--meta); line-height: 1; margin: 0; }
.essay-title { font-family: var(--serif); font-weight: 400; font-style: italic; font-size: clamp(22px, 2.2vw, 26px); line-height: 1.2; color: var(--forest-deep); margin: 0; max-width: 18ch; }
.essay-dek { font-family: var(--serif); font-size: 17.5px; line-height: 1.55; color: var(--ink); margin: 0; font-weight: 500; }
.essay-author { display: flex; justify-content: space-between; align-items: baseline; font-family: var(--sans); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--meta); margin: 0; padding-top: var(--sp-3); border-top: 0.5px solid var(--rule); }
.essay-author .essay-arrow { color: var(--forest-deep); }
@media (max-width: 880px) { .essays-grid { grid-template-columns: 1fr; } }