/* Macro cinematography above; the complete interactive object appears below. */
.bgc-hero{min-height:100svh;background:#000;overflow:clip!important}
.bgc-hero-content{position:relative;z-index:2;box-sizing:border-box;min-height:100svh;max-width:1500px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:145px 28px 110px;pointer-events:none}
.bgc-hero-content>h1{font-size:clamp(52px,7.4vw,108px)!important;line-height:.98!important;max-width:1200px;letter-spacing:-.035em!important}
.bgc-hero-content>p{max-width:560px!important}
#bgc-hero-bg{position:absolute;inset:0;pointer-events:none;background:#000;will-change:transform}
.bgc-hero-object{position:absolute;inset:0;overflow:clip;animation:bgcMacroArrive 1.4s ease both}
.bgc-hero-object>img,.bgc-hero-object>.bgc-hero-video{position:absolute;inset:0;width:100%!important;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;mask-image:none!important;-webkit-mask-image:none!important}
.bgc-hero-object:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 75% at 50% 50%,rgba(0,0,0,.76),rgba(0,0,0,.32) 85%),linear-gradient(180deg,rgba(0,0,0,.2),transparent 40%,#02040a)}
.bgc-hero-object>.bgc-hero-video{opacity:0;transition:opacity .6s ease}
.bgc-hero-object>.bgc-hero-video.is-ready{opacity:1}
#bgc-hero-vignette{position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(180deg,transparent,#02040a);opacity:.5}
.bgc-hero-motion-toggle{position:absolute;z-index:3;right:24px;bottom:20px;min-width:110px;min-height:44px;border:0;background:none;color:rgba(200,215,238,.65);font:10px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .2s}
.bgc-hero-motion-toggle:hover{color:#e8ecf1}
.bgc-hero-motion-toggle[hidden]{display:none}
@keyframes bgcMacroArrive{from{opacity:0}to{opacity:1}}
@media(max-width:820px){
 .bgc-hero-content{padding:140px 24px 100px}
 .bgc-hero-content>h1{font-size:clamp(34px,9.2vw,62px)!important;margin-bottom:24px!important;max-width:100%}
 .bgc-hero-content>p{font-size:15px!important;line-height:1.65!important;margin-bottom:32px!important}
 .bgc-hero-content>[data-hero-par]:first-child{font-size:9px!important;letter-spacing:.22em!important;margin-bottom:24px!important}
 .bgc-hero .bgc-scroll-cue{display:none!important}
 .bgc-hero-motion-toggle{right:12px;bottom:12px;font-size:8px}
 .bgc-hero-object:after{background:radial-gradient(ellipse 100% 65% at 50% 50%,rgba(0,0,0,.8),rgba(0,0,0,.36)),linear-gradient(180deg,transparent,#02040a)}
}
@media(max-width:480px){
 .bgc-hero .bgc-nav{gap:12px!important;padding:8px 10px!important}
 .bgc-hero .bgc-nav-wordmark{width:105px}
 .bgc-hero .bgc-nav-cube{width:32px;height:32px}
 .bgc-hero .bgc-nav>button{font-size:12px!important;padding:11px 16px!important}
}
@media(prefers-reduced-motion:reduce){
 .bgc-hero-object{animation:none}
 .bgc-hero-object>.bgc-hero-video{display:none;transition:none}
 .bgc-hero-motion-toggle{display:none}
}