/* Logo choreography uses the same artwork in the intro, header and footer. */
.brand{width:190px}.footer-brand{width:255px}.brand img,.footer-brand img{aspect-ratio:2086/754;object-fit:contain}
.brand-intro{display:none}.intro-pending .brand-intro{display:block;position:fixed;inset:0;z-index:200;isolation:isolate;color:#e9ce95;overflow:hidden}.intro-pending{overflow:hidden}.intro-pending .brand>img{visibility:hidden}.intro-pending .hero-media img,.intro-pending .line>span,.intro-pending .hero-in{animation-play-state:paused}.intro-releasing .hero-media img,.intro-releasing .line>span,.intro-releasing .hero-in{animation-play-state:running}
.intro-curtain{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#3b2b162b,transparent 58%),#10120f;transition:clip-path 1s cubic-bezier(.76,0,.24,1),opacity 1s;clip-path:inset(0)}.intro-curtain::after{content:'';position:absolute;inset:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.13' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.intro-aura{position:absolute;width:min(90vw,1100px);aspect-ratio:1.8;top:43%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#c7913333,transparent 67%);opacity:0;animation:aura-rise 3.2s .1s both;pointer-events:none}.intro-guide{position:absolute;background:linear-gradient(90deg,transparent,#c8a7775a,transparent);height:1px;width:75%;left:12.5%;top:28%;transform:scaleX(0);animation:guide-draw 1.3s .15s both}.intro-guide.second{top:67%;animation-delay:.4s}.intro-guide::after{content:'+';position:absolute;left:50%;top:-11px;color:#c8a77780;font-size:13px}
.intro-kicker{position:absolute;top:calc(50% - min(16vw,225px));left:0;right:0;text-align:center;font-size:9px;letter-spacing:5px;color:#bba987;opacity:0;animation:intro-caption-in .8s .25s both}.intro-logo{position:absolute;width:min(64vw,840px);aspect-ratio:2086/754;top:46%;left:50%;transform:translate(-50%,-50%);transform-origin:0 0;will-change:transform}.intro-logo>img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}.logo-fragment{opacity:0;will-change:transform,opacity;animation:logo-piece 1.3s var(--ease) both}.logo-fragment.one{clip-path:polygon(0 0,35% 0,35% 76%,0 76%);--x:-25px;--y:14px;animation-delay:.15s}.logo-fragment.two{clip-path:polygon(35% 0,56% 0,56% 76%,35% 76%);--x:0px;--y:28px;animation-delay:.35s}.logo-fragment.three{clip-path:polygon(56% 0,100% 0,100% 76%,56% 76%);--x:24px;--y:12px;animation-delay:.55s}.logo-fragment.four{clip-path:polygon(0 76%,100% 76%,100% 100%,0 100%);--x:0px;--y:18px;animation-delay:.8s}.logo-complete{opacity:0;animation:logo-complete .3s 2.05s both}
.logo-sheen{position:absolute;inset:0;mask:url('assets/logo-gold-v2.png') center/contain no-repeat;-webkit-mask:url('assets/logo-gold-v2.png') center/contain no-repeat;pointer-events:none}.logo-sheen::after{content:'';position:absolute;inset:-10% -80%;background:linear-gradient(105deg,transparent 37%,#ffe6ab20 43%,#fff6dddf 49%,#ffe4a92b 54%,transparent 60%);transform:translateX(-70%);mix-blend-mode:screen;animation:gold-sweep 1.6s .9s both}.intro-tagline{position:absolute;top:calc(46% + min(15vw,190px));left:20px;right:20px;text-align:center;font-size:clamp(12px,1.5vw,18px);font-weight:400;letter-spacing:3px;color:#d7c8ad;opacity:0;animation:intro-caption-in .9s 1.1s both}.intro-bottom-line{position:absolute;left:var(--gutter);right:var(--gutter);bottom:79px;height:1px;background:#c8a77724;overflow:hidden}.intro-bottom-line::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ad8651,#f3d895);transform:scaleX(0);transform-origin:left;animation:guide-draw 2.65s linear both}.intro-location{position:absolute;left:var(--gutter);bottom:38px;font-size:8px;letter-spacing:2px;color:#aaa18d}.intro-skip{position:absolute;right:var(--gutter);bottom:25px;color:#d4c5aa;display:flex;align-items:center;gap:20px;border:0;background:transparent;padding:13px 0;font-size:10px;letter-spacing:.3px;min-height:44px}.intro-skip:hover{color:#ffe4b3}.intro-skip span{font-size:16px}.intro-dust{position:absolute;inset:0;pointer-events:none}.intro-dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:#e8bd6a;opacity:0;box-shadow:0 0 8px #d6ac66;animation:dust-float 3s ease-out both;animation-delay:var(--delay)}
.intro-releasing .intro-curtain{clip-path:inset(0 0 100% 0);opacity:.7}.intro-releasing .intro-aura,.intro-releasing .intro-guide,.intro-releasing .intro-kicker,.intro-releasing .intro-tagline,.intro-releasing .intro-bottom-line,.intro-releasing .intro-location,.intro-releasing .intro-skip,.intro-releasing .intro-dust{animation:none;opacity:0;transition:opacity .35s}.intro-releasing .intro-logo>img.logo-fragment,.intro-releasing .logo-sheen{display:none}.intro-releasing .intro-logo>.logo-complete{animation:none;opacity:1}.intro-releasing .intro-logo{transition:transform .95s cubic-bezier(.76,0,.24,1)}.intro-releasing .brand-intro{pointer-events:none}
@keyframes logo-piece{from{opacity:0;transform:translate(var(--x),var(--y)) scale(1.025);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes gold-sweep{to{transform:translateX(65%)}}@keyframes logo-complete{to{opacity:1}}@keyframes aura-rise{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}55%{opacity:1}100%{opacity:.5;transform:translate(-50%,-50%) scale(1.15)}}@keyframes intro-caption-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes guide-draw{to{transform:scaleX(1)}}@keyframes dust-float{0%{opacity:0;transform:translateY(35px)}30%{opacity:.5}100%{opacity:0;transform:translateY(-50px)}}
@media(max-width:900px){.brand{width:155px}.footer-brand{width:215px}.intro-logo{width:78vw}.intro-kicker{top:calc(46% - 23vw);font-size:8px;letter-spacing:3px}.intro-tagline{top:calc(46% + 20vw)}}
@media(max-width:700px){.brand{width:150px}.footer-brand{width:210px}.intro-logo{width:88vw}.intro-kicker{top:calc(44% - 25vw);font-size:7px;letter-spacing:2.5px}.intro-logo{top:44%}.intro-tagline{top:calc(44% + 23vw);font-size:12px;letter-spacing:1.5px}.intro-guide{top:26%;width:88%;left:6%}.intro-guide.second{top:63%}.intro-bottom-line{bottom:83px}.intro-location{bottom:44px;font-size:7px;letter-spacing:1px}.intro-skip{bottom:28px;font-size:9px;gap:12px}}
@media(max-width:370px){.brand{width:125px}.intro-location{max-width:120px}.intro-kicker{letter-spacing:1.7px}}
@media(prefers-reduced-motion:reduce){.intro-pending .brand-intro{display:none}.intro-pending{overflow:auto}.intro-pending .brand>img{visibility:visible}}
.intro-guide{top:23%}.intro-guide.second{top:74%}@media(max-width:700px){.intro-guide{top:26%}.intro-guide.second{top:66%}}