.brand-entrance{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#0b100e66;opacity:1;transition:opacity 1700ms cubic-bezier(.45,0,.25,1)}
html{scrollbar-gutter:stable}
html.entrance-pending{overflow:hidden}
.entrance-door{position:absolute;top:0;bottom:0;width:50.1%;background:#0b100e;will-change:transform;transition:transform 1650ms cubic-bezier(.76,0,.17,1)}
.entrance-door-left{left:0;border-right:1px solid #cdb57a29}
.entrance-door,.entrance-light{pointer-events:none}
.entrance-door-right{right:0;border-left:1px solid #cdb57a29}
.entrance-door::after{content:"";position:absolute;top:0;bottom:0;width:200%;background:url('./media/industrial-poster.webp') center/cover;opacity:.055;filter:grayscale(1)}
.entrance-door-left::after{left:0}
.entrance-door-right::after{right:0}
.entrance-logo{position:relative;z-index:2;padding:20px;border:0;background:transparent;color:white;width:396px;max-width:80%;cursor:pointer;opacity:0;transform:scale(.91);animation:entrance-logo-arrive 700ms cubic-bezier(.2,.7,.2,1) 80ms both;transition:opacity 420ms ease,transform 900ms cubic-bezier(.2,.7,.2,1),filter 700ms ease}
.entrance-logo img{width:100%;height:auto;pointer-events:none}
.entrance-logo:focus-visible{outline:1px solid #d2b674;outline-offset:10px}
.entrance-light{position:absolute;z-index:1;top:0;left:calc(50% - 1px);width:2px;height:100%;background:#e1c894;box-shadow:0 0 16px #d2b6748c,0 0 55px #d2b67438;transform:scaleY(0);transform-origin:center;animation:entrance-line-arrive 950ms cubic-bezier(.65,0,.25,1) 250ms both;transition:opacity 450ms ease}
.entrance-light{mask-image:linear-gradient(#000 calc(50% - 145px),transparent calc(50% - 115px),transparent calc(50% + 115px),#000 calc(50% + 145px))}
.brand-entrance.is-opening{opacity:0}
.brand-entrance.is-opening .entrance-door-left{transform:translateX(-100%)}
.brand-entrance.is-opening .entrance-door-right{transform:translateX(100%)}
.brand-entrance.is-opening .entrance-logo{animation:none;opacity:0;transform:scale(1.5);filter:blur(5px);pointer-events:none;background:transparent}
.brand-entrance.is-opening .entrance-light{animation:none;transform:scaleY(1);opacity:0}
@keyframes entrance-logo-arrive{from{opacity:0;transform:scale(.91)}to{opacity:1;transform:scale(1)}}
@keyframes entrance-line-arrive{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}
@media(max-width:760px){.entrance-logo{width:280px;padding:16px}.entrance-door::after{background-image:url('./media/industrial-mobile.webp')}}
@media(prefers-reduced-motion:reduce){.brand-entrance{display:none!important}html.entrance-pending{overflow:auto}}