@font-face{font-family:"Funnel Display";src:url("funnel-display-var.woff2") format("woff2");font-style:normal;font-weight:300 800;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("cormorant-garamond-italic-var.woff2") format("woff2");font-style:italic;font-weight:300 700;font-display:swap}
:root{color-scheme:dark;background:#04121d;color:#f2e7d3}
*{box-sizing:border-box}
html,body{margin:0;min-width:280px;min-height:100%;background:#04121d}
body{font-family:"Funnel Display",Arial,sans-serif}
.coming-soon{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}
.scene{position:absolute;inset:0;z-index:-2;background:#04121d}
.scene video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,18,29,.03) 40%,rgba(4,18,29,.24) 60%,rgba(4,18,29,.92) 81%,#04121d 100%)}
.hero-heading{position:absolute;left:50%;bottom:clamp(48px,6vh,88px);transform:translateX(-50%);width:min(1560px,calc(100% - 80px));text-align:center}
.hero-heading h1{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,36px);margin:0;font:900 clamp(36px,7.1vw,150px)/.95 "Funnel Display",Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 12px 36px rgba(0,0,0,.35)}
.hero-heading h1::before,.hero-heading h1::after{content:"";flex:1 1 clamp(90px,12vw,220px);min-width:24px;max-width:220px;height:3px;opacity:.94}
.hero-heading h1::before{background:linear-gradient(90deg,transparent,#b6503d)}
.hero-heading h1::after{background:linear-gradient(90deg,#b6503d,transparent)}
.hero-heading p{margin:18px 0 0;font:italic 500 clamp(20px,2.1vw,32px)/1.25 "Cormorant Garamond",Georgia,serif;text-wrap:balance;text-shadow:0 6px 24px rgba(0,0,0,.55)}
.video-toggle{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;place-items:center;width:42px;height:42px;padding:10px;border:1px solid rgba(242,231,211,.35);border-radius:50%;background:rgba(4,18,29,.38);color:#f2e7d3;cursor:pointer}
.video-toggle[hidden]{display:none}
.video-toggle:hover{background:rgba(242,231,211,.15)}
.video-toggle:focus-visible{outline:2px solid #f2e7d3;outline-offset:4px}
.video-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.video-toggle .play-icon{display:none}
.video-toggle[aria-pressed="true"] .pause-icon{display:none}
.video-toggle[aria-pressed="true"] .play-icon{display:block}
@media(max-width:640px){
  .coming-soon{display:flex;flex-direction:column;justify-content:center;gap:44px;padding:0 0 92px}
  .scene{position:relative;inset:auto;z-index:0;aspect-ratio:16/9;width:100%}
  .scene video{object-fit:contain}
  .scene::after{background:linear-gradient(180deg,rgba(4,18,29,.1),transparent 20%,transparent 76%,#04121d)}
  .hero-heading{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 36px);margin:0 auto}
  .hero-heading h1{font-size:clamp(32px,10vw,64px);gap:12px}
  .hero-heading h1::before,.hero-heading h1::after{min-width:12px;height:2px}
  .hero-heading p{max-width:310px;margin:18px auto 0;font-size:24px}
}
@media(min-width:641px) and (max-aspect-ratio:1/1){
  .scene video{object-fit:contain;object-position:center 25%}
  .scene::after{background:linear-gradient(180deg,transparent 40%,#04121d 82%)}
  .hero-heading{bottom:10vh}
}
@media(max-height:480px) and (min-width:641px){
  .hero-heading{bottom:24px}
  .hero-heading h1{font-size:clamp(36px,7vw,64px)}
  .hero-heading p{margin-top:12px;font-size:22px}
}