.topbar .brand{min-height:44px}.brand-logo{display:block;width:118px;aspect-ratio:817/311;background:currentColor;-webkit-mask:url('assets/logo/adda-logo-final.png') center/contain no-repeat;mask:url('assets/logo/adda-logo-final.png') center/contain no-repeat}
.logo-loader{--veil:1;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:var(--paper);background:rgba(8,8,8,var(--veil))}
.logo-loader::backdrop{background:transparent}.logo-loader:not([open]){display:none}
.logo-film{position:fixed;left:0;top:0;display:block;max-width:none;pointer-events:none;visibility:hidden;transform-origin:0 0}
.logo-still .logo-film{left:50%;top:50%;width:min(64.5vw,480px,97.5vh);height:auto;transform:translate(-50%,-50%)}
.logo-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));min-width:90px;min-height:44px;padding:0 12px;color:var(--paper);font:500 15px BigShoulders,sans-serif;text-transform:uppercase;letter-spacing:.08em;border:1px solid #f1eddf55;border-radius:99px;background:#080808;transition:color .15s,background-color .15s,opacity .25s}
.logo-skip:hover{color:var(--ink);background:var(--paper)}.logo-skip:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
.logo-pending,.logo-pending body{overflow:hidden}.logo-pending .brand-logo{visibility:hidden}.logo-pending .topbar nav,.logo-pending .studio-status{opacity:0}.logo-revealing .topbar nav,.logo-revealing .studio-status{opacity:1;transition:opacity .45s ease-out}.logo-revealing .logo-skip{opacity:0;pointer-events:none}
@media(max-width:720px){.brand-logo{width:98px}.logo-skip{right:16px;bottom:16px;font-size:13px}}
@media(max-width:350px){.brand-logo{width:88px}}
@media(prefers-reduced-motion:reduce){.logo-skip{transition:none}}
@media(forced-colors:active){.brand-logo{display:none}.brand .sr-only{position:static;clip:auto;clip-path:none;width:auto;height:auto;white-space:normal}}
