.brand-opening{position:fixed;z-index:75;top:clamp(108px,11vh,148px);right:clamp(20px,5vw,80px);width:clamp(240px,31vw,440px);padding:32px 28px 20px;color:var(--omni-paper-50,#faf9f6);pointer-events:none;isolation:isolate;animation:brand-opening-exit .2s ease .9s both}.brand-opening-art{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;pointer-events:none}.brand-opening-plane{position:absolute;inset:0;z-index:-1;border:1px solid color-mix(in srgb,var(--omni-gold-400,#ddc28e) 65%,transparent);border-radius:12px;background:color-mix(in srgb,var(--omni-ink-950,#090a0b) 90%,transparent);transform-origin:50% 65%}.brand-opening-plane-one{animation:brand-opening-plane-one .65s cubic-bezier(.16,1,.3,1) both}.brand-opening-plane-two{inset:12px;background:transparent;animation:brand-opening-plane-two .7s cubic-bezier(.16,1,.3,1) both}.brand-opening .brand-opening-mark{width:clamp(160px,19vw,240px);color:var(--omni-paper-50,#faf9f6);margin:32px 16px 20px}.brand-opening .omni-brand-symbol>path{transform-box:fill-box;transform-origin:center;animation:brand-opening-module .6s cubic-bezier(.16,1,.3,1) both}.brand-opening .omni-brand-symbol>path:nth-child(2){animation-delay:70ms}.brand-opening .omni-brand-symbol>path:nth-child(3){animation-delay:.14s}.brand-opening .omni-brand-symbol>path:nth-child(4){animation-delay:.21s}.brand-opening .brand-opening-mark>svg>g:last-child{animation:brand-opening-wordmark .5s cubic-bezier(.16,1,.3,1) .25s both}.brand-opening-caption{font-family:var(--font-mono,"IBM Plex Mono",monospace);font-size:13px;line-height:1.5;letter-spacing:.08em;margin-bottom:28px;animation:brand-opening-caption .45s ease .35s both}.brand-opening-skip{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;margin:12px 0 0 auto;padding:10px 14px;border:1px solid currentColor;border-radius:4px;background:var(--omni-ink-950,#090a0b);color:var(--omni-paper-50,#faf9f6);font:inherit;font-size:14px;line-height:1.4;cursor:pointer}.brand-opening-skip:focus-visible{outline:3px solid var(--omni-gold-400,#ddc28e);outline-offset:5px}.brand-opening:has(.brand-opening-skip:focus-visible){animation:none}@keyframes brand-opening-plane-one{0%{opacity:0;transform:translate(30px,20px) rotate(7deg) scale(.9)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes brand-opening-plane-two{0%{opacity:0;transform:translate(-24px,16px) rotate(-7deg)}to{opacity:1;transform:translate(0) rotate(0)}}@keyframes brand-opening-module{0%{opacity:0;transform:translateY(18px) scale(.65) rotate(-18deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes brand-opening-wordmark{0%{opacity:0}to{opacity:1}}@keyframes brand-opening-caption{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-opening-exit{0%{opacity:1}to{opacity:0}}@media(max-width:760px){.brand-opening{top:auto;bottom:max(20px,env(safe-area-inset-bottom));right:20px;width:min(300px,calc(100vw - 40px));padding:16px}.brand-opening-art{min-height:180px;flex-direction:row;gap:16px;padding:12px}.brand-opening .brand-opening-mark{width:140px;margin:12px 0}.brand-opening-caption{font-size:13px;letter-spacing:.02em;margin:0;max-width:12ch}.brand-opening-skip{margin-top:10px;font-size:14px}}@media(prefers-reduced-motion:reduce){.brand-opening{display:none!important}.brand-opening *{animation:none!important}}@media(forced-colors:active){.brand-opening-plane{border-color:CanvasText;background:Canvas}.brand-opening{color:CanvasText}.brand-opening-skip{color:ButtonText;background:ButtonFace}}