.hero{isolation:isolate;min-height:100vh;padding-right:max(var(--gutter), env(safe-area-inset-right));padding-left:max(var(--gutter), env(safe-area-inset-left));background:#000;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}@supports (height:100svh){.hero{min-height:100svh}}.hero-earth{z-index:-1;position:absolute;inset:0}.hero-still,.hero-video{object-fit:cover;object-position:50% 0;width:100%;height:100%;position:absolute;inset:0}.hero-video{opacity:0;transition:opacity 1.6s}.hero-video[data-playing=true]{opacity:1}.hero-earth:after{content:"";background:linear-gradient(#0000008c,#0000 16%),linear-gradient(#0000 32%,#00000080 54%,#000000e0 74%,#000 94%);position:absolute;inset:0}.hero-header{padding-top:max(clamp(20px, 3.2vh, 32px), env(safe-area-inset-top));white-space:nowrap;justify-content:space-between;align-items:center;gap:16px;font-size:clamp(.8125rem,3.9vw,.9375rem);animation:.9s both hero-in;display:flex}.hero-wordmark{width:auto;height:clamp(15px,1.25vw,18px)}.hero-body{text-align:center;align-self:end;justify-items:center;padding-block:32px clamp(28px,6vh,64px);animation:.9s .15s both hero-in;display:grid}.hero-mark{transform-origin:50% 100%;width:auto;height:clamp(56px,10vh,104px)}.hero[data-playback=playing] .hero-mark,.hero[data-playback=paused] .hero-mark{animation:10s infinite hero-breathe}.hero-breath{color:#ffffff9e;width:100%;height:1.4em;margin-top:12px;font-size:.9375rem;position:relative}.hero-breath span{opacity:0;position:absolute;inset:0}.hero[data-playback=playing] .hero-breath span:first-child,.hero[data-playback=paused] .hero-breath span:first-child{animation:10s 3 both hero-breathe-in}.hero[data-playback=playing] .hero-breath span:last-child,.hero[data-playback=paused] .hero-breath span:last-child{animation:10s 3 both hero-breathe-out}.hero[data-playback=paused] .hero-mark,.hero[data-playback=paused] .hero-breath span{animation-play-state:paused}.hero-title{letter-spacing:-.025em;margin-top:clamp(10px,1.8vh,20px);font-size:clamp(2.25rem,1.35rem + 3.6vw,4.25rem);font-weight:400;line-height:1.05}.hero-lede{color:#ffffffad;text-wrap:balance;max-width:31em;margin-top:clamp(12px,1.8vh,18px);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.45}.hero-footer{padding-bottom:max(clamp(18px, 2.8vh, 28px), env(safe-area-inset-bottom));color:#ffffff8c;justify-content:space-between;align-items:baseline;gap:6px 24px;font-size:.8125rem;animation:.9s .3s both hero-in;display:flex}.hero-credit{gap:16px;display:flex}.hero-toggle{color:inherit;text-underline-offset:3px;cursor:pointer;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d;transition:color .15s,text-decoration-color .15s}.hero-toggle:hover{color:#fff;text-decoration-color:#fff}.hero-toggle:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (max-width:639px){.hero-footer{text-align:center;flex-direction:column;align-items:center}}@keyframes hero-in{0%{opacity:0}}@keyframes hero-breathe{0%,to{opacity:.8;animation-timing-function:cubic-bezier(.4,0,.4,1);transform:scale(1)}40%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.4,1);transform:scale(1.08)}}@keyframes hero-breathe-in{0%,40%,to{opacity:0}8%,32%{opacity:1}}@keyframes hero-breathe-out{0%,40%,to{opacity:0}48%,90%{opacity:1}}@media (prefers-reduced-motion:reduce){.hero-header,.hero-body,.hero-footer{animation:none}.hero-video{transition:none}}