.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#3f493e;z-index:0}.hero-shade{z-index:1;background:linear-gradient(180deg,#0004,transparent 28%,#0002 55%,#0006)}.hero-center{top:54%;z-index:3}.hero-center h1{font-size:clamp(40px,4.8vw,84px);letter-spacing:-2.4px;text-shadow:0 2px 25px #0003}.hero-center h1 a{transition:opacity .3s,color .3s}.hero-center h1 a:after{display:none}.hero-center.has-preview h1 a:not(.hero-link-active){opacity:.42}.hero-center.has-preview h1 a.hero-link-active{opacity:1}.hero-center .slash{opacity:.65}.hero-bottom{z-index:4}.hover-preview{position:absolute;left:0;top:0;width:73vmin;max-width:1000px;aspect-ratio:3/2;pointer-events:none;z-index:2;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.94);transition:opacity .6s,visibility .6s,transform .7s cubic-bezier(.19,1,.22,1);will-change:left,top;overflow:hidden}.hover-preview.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.hover-preview img{position:absolute;inset:0;width:100%;height:100%;opacity:0;object-fit:cover;transition:opacity .6s ease,transform .85s ease;transform:scale(1.06)}.hover-preview img.is-active{opacity:1;transform:scale(1)}.film-controls{display:flex;gap:35px;align-items:center}.film-caption>span{display:block;font-size:9px;letter-spacing:2px}.film-caption>a{display:block;font-size:7px;letter-spacing:1px;opacity:.65;margin-top:8px}.film-caption>a:hover{opacity:1}#pause-film{display:flex;align-items:center;gap:18px;color:var(--white);padding:8px 0 8px 23px;border-left:1px solid #fff5}.film-control-label{font-size:8px;letter-spacing:1.5px}.film-control-icon{font-size:19px;line-height:1;width:22px;text-align:center}#pause-film:hover{opacity:.65}.film-progress{position:absolute;z-index:4;bottom:0;left:0;height:2px;width:100%;background:#ffffff20;pointer-events:none}.film-progress span{height:100%;display:block;background:#ffffff90;transform-origin:left;transform:scaleX(0);transition:transform .3s linear}.credits-dialog{max-height:90dvh;overflow:auto}
@media(max-width:950px){.hero-center h1{font-size:5.2vw}.film-caption{display:none}.film-controls{gap:0}#pause-film{border:0;padding-left:0}}
@media(max-width:650px){.hero-center{top:48%}.hero-center h1{font-size:clamp(40px,11vw,67px);letter-spacing:-1.6px;gap:15px}.hero-bottom{align-items:center}.film-control-label{font-size:7px;letter-spacing:1px}#pause-film{gap:10px}.film-control-icon{font-size:17px}.hover-preview{display:none}}
@media(prefers-reduced-motion:reduce){.hover-preview{display:none}.film-progress{display:none}}
.hero h1{user-select:none;-webkit-user-select:none}