:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #000; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; }
body { background: #000; }
#summit { position: fixed; inset: 0; overflow: hidden; isolation: isolate; background: #000; --header-height: 60px; --header-top: env(safe-area-inset-top, 0px); --edge: 14px; }
#summit-film { position: absolute; inset: calc(var(--header-height) + var(--header-top)) 0 0; overflow: hidden; }
#summit-stage, #summit-fallback { position: absolute; inset: 0; overflow: hidden; }
#summit-stage { z-index: 1; }
#summit-stage canvas { display: block; width: 100%; height: 100%; }
#summit-fallback { display: grid; grid-template-rows: repeat(4, 1fr); gap: 20px; padding: 10px 0; }
.summit-fallback-row { display: flex; gap: 10px; min-height: 0; width: max-content; transform: translateX(-8%); }
.summit-fallback-row:nth-child(even) { transform: translateX(-17%); }
.summit-fallback-row img { height: 100%; width: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.summit-fallback-row img[data-kind="photo"] { filter: url("#summit-photo-clarity"); }
#summit-header { position: absolute; inset: 0 0 auto; z-index: 3; height: calc(var(--header-height) + var(--header-top)); padding: var(--header-top) max(var(--edge), env(safe-area-inset-right)) 0 max(var(--edge), env(safe-area-inset-left)); display: flex; align-items: center; justify-content: space-between; background: #000; gap: 16px; }
#summit-brand, #summit-newsletter { position: relative; flex-shrink: 0; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#summit-brand { width: 140px; min-height: 44px; display: grid; align-content: center; }
#summit-brand img { display: block; width: 100%; height: auto; }
#summit-newsletter { display: grid; place-items: center; min-height: 32px; padding: 0 15px; color: #fff; background: #000; border: 1px solid #666; border-radius: 999px; text-decoration: none; white-space: nowrap; font-size: 11px; font-weight: 500; line-height: 1; letter-spacing: -.01em; transition: background-color .18s, border-color .18s; }
#summit-newsletter::before { content: ''; position: absolute; inset: -6px 0; }
#summit-newsletter:hover { background: #171717; border-color: #fff; }
#summit-brand:focus-visible, #summit-newsletter:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
#summit[data-renderer="three"] #summit-fallback { visibility: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
  #summit { --header-height: 52px; --edge: 10px; }
  #summit-brand { width: 108px; }
  #summit-newsletter { padding: 0 12px; min-height: 30px; font-size: 11px; }
  #summit-newsletter::before { inset: -7px 0; }
  #summit-fallback { gap: 14px; }
  .summit-fallback-row { gap: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  #summit-newsletter { transition: none; }
}