/* Site adjustments. Keep the supplied identity source unchanged. */
:root { --home-inset: clamp(48px, 5vw, 88px); }
img { height: auto; }
.identity { flex-shrink: 0; }
.skip-link { position: absolute; left: 22px; top: -100px; z-index: 3; padding: 12px; background: var(--paper); }
.skip-link:focus { top: 12px; }
/* Poster composition: the upper crop balances the lower-left copy. */
.site-header { position: absolute; top: 0; left: 0; width: 100%; padding-left: var(--home-inset); padding-right: var(--home-inset); }
.hero { height: auto; min-height: max(850px, 100svh); max-height: none; padding-bottom: 112px; }
.hero h1 { padding: clamp(340px, 29vw, 500px) var(--home-inset) 0; font-size: clamp(57.8px, 5.695vw, 98.6px); }
.hero-art { width: 88vw; height: 61vw; max-width: none; max-height: none; right: -11vw; top: -18vw; bottom: auto; }
.hero-mission { font-size: 21px; max-width: 550px; margin-left: var(--home-inset); margin-right: var(--home-inset); }
.hero-waitlist { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 18px; margin: 26px var(--home-inset) 0; padding: 16px 20px; background: var(--lime); color: var(--ink); font-size: 16px; line-height: 1.5; }
.letter-running-head { justify-content: center; }
.encie-button { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; line-height: 1.5; text-decoration: underline; text-underline-offset: 5px; }
.letter-access { margin-top: 45px; padding-top: 24px; border-top: 1px solid var(--rf-rule); display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.rf-arrow { width: 16px; height: 16px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.5; }
.footer-line small { font: inherit; margin-left: auto; }
@media(min-width:701px) and (max-width:1100px) {
  .hero { height: auto; min-height: 850px; padding-bottom: 112px; }
  .hero h1 { padding-top: max(330px, 40vw); font-size: 64.6px; }
  .hero-art { width: 88vw; height: 61vw; right: -11vw; top: -18vw; }
  .hero-mission { max-width: 550px; }

}
@media(max-width:700px) {
  :root { --home-inset: 32px; }
  .identity { width: 160px; }
  .hero { height: auto; min-height: 0; max-height: none; padding-bottom: 88px; }
  .hero h1 { padding-top: max(245px, 65vw); font-size: clamp(36.55px, 9.86vw, 63.75px); }
  .hero-art { width: 100vw; height: 75vw; right: -38vw; top: -20vw; }
  .hero-mission { font-size: 18px; max-width: 330px; }
  .hero-waitlist { font-size: 14px; gap: 12px; }
}