@font-face{font-family:Barlow Condensed;src:url('/assets/barlow-condensed-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/barlow-500.woff2') format('woff2');font-style:normal;font-weight:400 600;font-display:swap}
:root{color-scheme:dark;--black:#050505;--white:#f9f9f6;--muted:#b4b4b2;--red:#ff1730;--gutter:clamp(1.5rem,4.4vw,5rem);--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Barlow,Arial,sans-serif}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);font-weight:500;-webkit-font-smoothing:antialiased}
body,button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--red);color:#fff}
button,a{color:inherit}
a{text-decoration:none}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--white);outline-offset:7px;border-radius:1px}
button[hidden]{display:none}
.skip-link{position:fixed;z-index:50;left:1rem;top:1rem;transform:translateY(-180%);background:var(--white);color:var(--black);padding:.8rem 1rem;font-size:1rem}
.skip-link:focus{transform:translateY(0)}
main{width:100%;overflow:clip}
h1,h2,p{margin:0}
.hero{min-height:48rem;min-height:max(48rem,100svh);position:relative;isolation:isolate;display:flex;flex-direction:column;background:#090a0a}
.hero-environment,.hero-shade,.hero-light{position:absolute;inset:0;pointer-events:none}
.hero-environment{z-index:-3;overflow:hidden}
.hero-picture{display:block;width:100%;height:100%;transform:scale(1.025);transform-origin:73% 35%}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:62% 48%;display:block}
.hero-light{background:radial-gradient(ellipse at 76% 22%,rgba(229,236,239,.13),transparent 60%);opacity:.2;mix-blend-mode:screen}
.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.22) 42%,transparent 78%),linear-gradient(0deg,#050505 0%,rgba(5,5,5,.68) 14%,transparent 66%,rgba(0,0,0,.4) 100%)}
.viewfinder{position:absolute;inset:1.5rem;pointer-events:none;z-index:-1}
.viewfinder i{position:absolute;width:1.55rem;height:1.55rem;border-color:rgba(255,255,255,.36);border-style:solid;border-width:0}
.viewfinder i:nth-child(1){top:0;left:0;border-left-width:1px;border-top-width:1px}
.viewfinder i:nth-child(2){top:0;right:0;border-right-width:1px;border-top-width:1px}
.viewfinder i:nth-child(3){bottom:0;left:0;border-left-width:1px;border-bottom-width:1px}
.viewfinder i:nth-child(4){bottom:0;right:0;border-right-width:1px;border-bottom-width:1px}
.masthead{padding:3rem var(--gutter) 0;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.5rem}
.brand{width:7rem;flex:none;mix-blend-mode:screen}
.brand-window{position:relative;width:100%;aspect-ratio:835/644;overflow:hidden;isolation:isolate}
.brand-window img{position:absolute;width:153.2934%;height:auto;max-width:none;left:-25.1497%;top:-47.5155%;display:block}
.brand-dot{clip-path:ellipse(7.8% 7.8% at 71.8% 37%)}
.brand-entrance .brand-dot{animation:record-on .26s ease-out both}
.brand-entrance .brand-full{animation:logo-resolve .45s .17s ease-out both}
.location{font-size:.8125rem;letter-spacing:.18em;margin-top:.65rem;color:#d9d9d6;line-height:1.5}
.hero-content{margin-top:auto;padding:8rem var(--gutter) 1.9rem;width:100%}
.eyebrow{font-size:.875rem;line-height:1.5;letter-spacing:.17em;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.eyebrow>span{display:block;width:1.9rem;height:2px;background:var(--red);flex:none}
.hero-support{margin-bottom:1.6rem;animation:copy-arrive .4s .3s ease-out both}
h1{font-family:var(--display);font-size:clamp(6rem,14.4vw,14rem);font-weight:800;letter-spacing:-.015em;line-height:.86;text-transform:uppercase;text-shadow:0 4px 40px rgba(0,0,0,.12)}
h1>span{display:block;width:max-content;max-width:100%;overflow-wrap:anywhere;padding-bottom:.09em;margin-bottom:-.09em;animation:headline-arrive .48s cubic-bezier(.16,1,.3,1) both}
h1>span:first-child{animation-delay:.38s}
h1>span:last-child{animation-delay:.47s;margin-top:.075em}
.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem var(--gutter) 3.3rem}
.scroll-cue{display:inline-flex;align-items:center;min-height:44px;gap:1.6rem;font-size:.75rem;letter-spacing:.19em;color:#d1d1cf}
.scroll-cue svg{height:28px;width:20px;transition:transform .25s ease}
.scroll-cue:hover svg{transform:translateY(4px)}
.scroll-cue:hover{color:#fff}
.motion-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #797979;border-radius:50%;background:rgba(5,5,5,.25);cursor:pointer;transition:background .2s,color .2s}
.motion-toggle svg{width:20px;height:20px;grid-area:1/1}
.motion-toggle:hover{background:var(--white);color:var(--black)}
.motion-toggle .play-icon{display:none}
.motion-toggle[aria-pressed=true] .pause-icon{display:none}
.motion-toggle[aria-pressed=true] .play-icon{display:block}
.record{position:relative;isolation:isolate;min-height:46rem;min-height:clamp(42rem,90svh,58rem);display:flex;align-items:center;background:#060707}
.record-image{position:absolute;inset:0;z-index:-3;overflow:hidden}
.record-image picture{display:block;height:100%;width:100%;transform:translateY(var(--record-shift,0px)) scale(1.035)}
.record-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.record-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,5,5,.93) 0%,rgba(5,5,5,.7) 32%,rgba(5,5,5,.14) 66%,rgba(5,5,5,.1)),linear-gradient(180deg,#050505,transparent 22%,transparent 74%,#050505)}
.record-content{padding:7rem var(--gutter);width:100%}
.red-rule{display:block;width:2.5rem;height:2px;background:var(--red);margin-bottom:2.2rem}
.record h2{font-family:var(--display);font-size:clamp(5rem,8.5vw,8rem);font-weight:800;line-height:.96;letter-spacing:-.005em}
.record h2 span{display:block}
.record-content p{margin-top:2rem;font-size:clamp(1rem,1.45vw,1.3rem);letter-spacing:.16em;line-height:1.5;color:#e4e4e1}
.record-corner{position:absolute;right:var(--gutter);bottom:4.5rem;width:1.5rem;height:1.5rem;border-bottom:1px solid #747474;border-right:1px solid #747474}
.closing{position:relative;background:var(--black);padding:0 var(--gutter);text-align:center}
.closing-content{padding:6rem 0 6.5rem;max-width:100rem;margin:auto}
.brand-closing{width:8.5rem;margin:0 auto 4.5rem}
.closing h2{font-family:var(--display);font-weight:800;line-height:.88;letter-spacing:-.012em}
.closing h2 span{display:block}
.houston{font-size:clamp(6rem,19vw,19rem);overflow-wrap:anywhere}
.the-start{font-size:clamp(2.5rem,6vw,6rem);margin-top:.22em}
.coming{margin-top:3rem;font-size:.875rem;letter-spacing:.2em;line-height:1.7;color:var(--muted)}
footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:5.8rem;border-top:1px solid #292929;text-align:left}
footer p{font-size:.75rem;letter-spacing:.09em;color:#a3a3a1;line-height:1.8}
.footer-mark{width:7px;height:7px;border-radius:50%;background:var(--red);flex:none}
html.motion-active .hero-picture{animation:slow-push 16s ease-in-out infinite alternate}
html.motion-active .hero-light{animation:light-breathe 10s ease-in-out infinite alternate}
html.motion-paused .hero-picture,html.motion-paused .hero-light,html.page-inactive .hero-picture,html.page-inactive .hero-light,html.hero-away .hero-picture,html.hero-away .hero-light{animation-play-state:paused}
@keyframes record-on{from{opacity:.18;filter:brightness(.25)}to{opacity:1;filter:brightness(1)}}
@keyframes logo-resolve{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes copy-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes headline-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes slow-push{from{transform:scale(1.025)}to{transform:scale(1.065)}}
@keyframes light-breathe{from{opacity:.1}to{opacity:.65}}
@media(min-width:1800px){.hero-content{padding-top:10rem}.hero{min-height:58rem;min-height:max(58rem,100svh)}}
@media(max-width:760px){
  :root{--gutter:1.5rem}
  .hero{min-height:43rem;min-height:max(43rem,100svh)}
  .masthead{padding-top:2.2rem;align-items:flex-start}
  .brand{width:5.4rem}
  .location{font-size:.75rem;letter-spacing:.12em;margin-top:.35rem;max-width:8.5rem;text-align:right}
  .viewfinder{inset:.75rem}
  .viewfinder i{width:1rem;height:1rem;border-color:rgba(255,255,255,.3)}
  .hero-picture img{object-position:78% 45%}
  .hero-shade{background:linear-gradient(0deg,#050505 0%,rgba(5,5,5,.78) 19%,rgba(5,5,5,.12) 64%,rgba(5,5,5,.2) 100%)}
  .hero-content{padding-top:15rem;padding-bottom:1rem}
  h1{font-size:clamp(4rem,23.5vw,10rem);line-height:.9;letter-spacing:-.013em}
  h1>span:last-child{margin-top:.035em}
  .eyebrow{font-size:.75rem;letter-spacing:.125em;gap:.7rem}
  .eyebrow>span{width:1.2rem}
  .hero-support{margin-bottom:1.25rem}
  .hero-bottom{padding-top:1.3rem;padding-bottom:2.1rem}
  .scroll-cue{font-size:.75rem;letter-spacing:.13em;gap:.8rem}
  .record{min-height:48rem;align-items:flex-start}
  .record-content{padding-top:5.5rem;padding-bottom:20rem}
  .red-rule{margin-bottom:1.8rem;width:2rem}
  .record h2{font-size:clamp(4.7rem,16vw,6.8rem);line-height:.97}
  .record-content p{margin-top:1.7rem;font-size:.875rem;letter-spacing:.12em}
  .record-image{inset:10rem -9rem 0 -6rem}
  .record-image img{object-position:68% 65%}
  .record-shade{background:linear-gradient(180deg,#050505 0%,rgba(5,5,5,.88) 14%,rgba(5,5,5,.65) 30%,rgba(5,5,5,.08) 61%,#050505 100%),linear-gradient(90deg,rgba(5,5,5,.35),transparent 75%)}
  .record-corner{right:1.5rem;bottom:3rem}
  .closing-content{padding:4.5rem 0 5rem}
  .brand-closing{width:7rem;margin-bottom:3.5rem}
  .houston{font-size:clamp(4rem,20vw,9rem)}
  .the-start{font-size:clamp(2.25rem,8.4vw,4rem);margin-top:.35em}
  .coming{font-size:.75rem;letter-spacing:.14em;margin-top:2.5rem}
  footer{min-height:6rem;gap:1rem}
  footer p{font-size:.75rem;letter-spacing:.045em;max-width:19rem}
}
@media(max-width:359px){
  :root{--gutter:1.2rem}
  .eyebrow{letter-spacing:.05em;gap:.5rem}
  .record h2{font-size:4.3rem}
  .record-content p{font-size:.8125rem;letter-spacing:.09em}
  .coming{letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .hero-picture{transform:none!important}
  .record-image picture{transform:none!important}
  .motion-toggle{display:none!important}
}
html.constrained{scroll-behavior:auto}
html.constrained *,html.constrained *::before,html.constrained *::after{animation:none!important;transition:none!important}
html.constrained .hero-picture,html.constrained .record-image picture{transform:none!important}