*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}
.landing{position:fixed;inset:0;isolation:isolate;overflow:hidden;background:#000}
.background-video,.background-poster{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:0;transition:opacity 2s ease-out}
.background-video{z-index:1}
.identity{position:absolute;z-index:2;left:50%;top:50%;width:min(760px,calc(100vw - 48px));transform:translate(-50%,-50%);text-align:center;opacity:0;transition:opacity 2s ease-out}
.identity.is-ready,.background-video.is-ready,.background-poster.is-ready{opacity:1}
#brand-name{margin:0;font-size:0;line-height:0}
.logo{display:block;width:90%;height:auto;margin-inline:auto;filter:brightness(0) invert(1)}
.buy-now{position:absolute;top:calc(100% + 28px);left:0;right:0;margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;text-decoration:none}
@media(max-width:600px){.identity{width:calc(100vw - 40px)}.buy-now{top:calc(100% + 24px);letter-spacing:.2em}}
@media(prefers-reduced-motion:reduce){.identity,.background-video,.background-poster{transition:none}.background-video{display:none}}

.buy-now:hover,.buy-now:visited,.buy-now:active{color:#fff;text-decoration:none}
.buy-now:focus-visible{outline:2px solid #fff;outline-offset:6px}