[data-app-intro]{display:none}html[data-arrival] [data-app-intro]{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;--medal:min(38.5vw,11rem,26vh);background:hsl(var(--navy-900));color:hsl(var(--cream))}[data-app-intro] .a-stage{position:relative;width:calc(var(--medal) * var(--a-stage-per-medal));height:calc(var(--medal) * var(--a-stage-per-medal));flex:none}[data-app-intro] .a-layer{position:absolute;inset:0;width:100%;height:100%;will-change:transform,opacity}[data-app-intro] svg.a-layer{overflow:visible}[data-app-intro] .a-medal{transform-origin:50% var(--a-pivot-y)}[data-app-intro] .a-rose{transform-origin:50% 50%}[data-app-intro] .a-glow{border-radius:50%;inset:8%;width:auto;height:auto;background:radial-gradient(closest-side,hsl(var(--gold-400)/.36),hsl(var(--gold-400)/.12) 55%,hsl(var(--gold-400)/0))}[data-app-intro] .a-rays polygon{fill:hsl(var(--gold-300))}[data-app-intro] .a-disc{position:absolute;left:var(--a-disc-at);top:var(--a-disc-at);width:var(--a-disc-size);height:var(--a-disc-size);border-radius:50%;overflow:hidden}[data-app-intro] .a-sheen{position:absolute;inset:0;background:linear-gradient(105deg,hsl(var(--cream)/0) 34%,hsl(var(--cream)/.7) 50%,hsl(var(--cream)/0) 66%);will-change:transform}[data-app-intro] .a-burst,[data-app-intro] .a-ring{position:absolute;left:var(--a-disc-at);top:var(--a-disc-at);width:var(--a-disc-size);height:var(--a-disc-size);pointer-events:none}[data-app-intro] .a-ring{border-radius:50%;border:2px solid hsl(var(--gold-300)/.8);opacity:0;will-change:transform,opacity}[data-app-intro] .a-sliver{position:absolute;left:50%;top:50%;width:3px;height:9px;margin:-4.5px 0 0 -1.5px;border-radius:1px;opacity:0;background:hsl(var(--gold-300))}[data-app-intro] .a-sliver:nth-child(3n+2){background:hsl(var(--gold-400))}[data-app-intro] .a-sliver:nth-child(3n){background:hsl(var(--cream))}[data-app-intro] .a-word{margin-top:calc(var(--medal) * -.2);font-size:1.875rem;line-height:2.25rem;will-change:transform,opacity}@media (min-width:640px){[data-app-intro] .a-word{font-size:2.25rem;line-height:2.5rem}}[data-app-intro] .a-name{color:hsl(var(--cream))}[data-app-intro] .a-product{color:hsl(var(--gold-400))}[data-app-intro] .a-skip{position:absolute;bottom:calc(1.5rem + env(safe-area-inset-bottom));min-height:44px;min-width:44px;padding:.625rem 1rem;border-radius:var(--radius);font-size:1rem;line-height:1.5rem;font-weight:500;color:hsl(var(--navy-200));background:transparent;transition:color var(--dur-fast,.2s) ease,background-color var(--dur-fast,.2s) ease}[data-app-intro] .a-skip:hover{color:hsl(var(--cream));background:hsl(var(--navy-800))}[data-app-intro] .a-skip:active{background:hsl(var(--navy-700))}[data-app-intro] .a-skip:focus-visible{outline:2px solid hsl(var(--gold-300));outline-offset:2px}@keyframes bl-a-drop{0%{opacity:0;transform:translateY(-34px);animation-timing-function:cubic-bezier(.3,.7,.4,1)}25%{opacity:1}68%{transform:translateY(4px);animation-timing-function:ease-in-out}to{opacity:1;transform:translateY(0)}}@keyframes bl-a-swing{0%{opacity:0;transform:rotate(11deg);animation-timing-function:ease-in-out}12%{opacity:1}30%{transform:rotate(-8deg);animation-timing-function:ease-in-out}50%{transform:rotate(5deg);animation-timing-function:ease-in-out}68%{transform:rotate(-2.5deg);animation-timing-function:ease-in-out}84%{transform:rotate(1deg);animation-timing-function:ease-in-out}to{opacity:1;transform:rotate(0)}}@keyframes bl-a-north{0%{transform:rotate(-160deg);animation-timing-function:cubic-bezier(.25,.6,.3,1)}78%{transform:rotate(5deg);animation-timing-function:ease-in-out}90%{transform:rotate(-1.5deg);animation-timing-function:ease-in-out}to{transform:rotate(0)}}@keyframes bl-a-glint{0%,to{opacity:0}40%{opacity:.9}}@keyframes bl-a-sheen{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bl-a-sheen-rtl{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes bl-a-glow{0%{opacity:0;transform:scale(.85)}45%{opacity:1;transform:scale(1)}to{opacity:.75;transform:scale(1.03)}}@keyframes bl-a-rays{0%{opacity:0;transform:scale(.72) rotate(-4deg)}35%{opacity:.95}to{opacity:.22;transform:scale(1.04) rotate(2deg)}}@keyframes bl-a-ring{0%{opacity:0;transform:scale(.92)}8%{opacity:.85}to{opacity:0;transform:scale(1.5)}}@keyframes bl-a-sliver{0%{opacity:0;transform:translate(0) rotate(var(--sr)) scale(.4)}18%{opacity:1}70%{opacity:.85}to{opacity:0;transform:translate(calc(var(--medal) * var(--sx)),calc(var(--medal) * var(--sy))) rotate(var(--sr)) scale(1)}}@keyframes bl-a-backstop{to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes bl-a-word{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes bl-a-in{0%{opacity:0}to{opacity:1}}@keyframes bl-a-out{0%{opacity:1}to{opacity:0}}html[data-arrival] [data-app-intro]{animation:bl-a-backstop var(--a-backstop-fade) var(--a-backstop) forwards}html[data-arrival=play] [data-app-intro] .a-hang{animation:bl-a-drop .7s both}html[data-arrival=play] [data-app-intro] .a-medal{animation:bl-a-swing 1.5s both}html[data-arrival=play] [data-app-intro] .a-rose{animation:bl-a-north 1.3s .25s both}html[data-arrival=play] [data-app-intro] .a-glint{animation:bl-a-glint .4s 1.55s both}html[data-arrival=play] [data-app-intro] .a-sheen{animation:bl-a-sheen .65s cubic-bezier(.4,0,.2,1) 1.3s both}html[data-arrival=play][dir=rtl] [data-app-intro] .a-sheen{animation-name:bl-a-sheen-rtl}html[data-arrival=play] [data-app-intro] .a-glow{animation:bl-a-glow .65s ease-out 1.35s both}html[data-arrival=play] [data-app-intro] .a-rays{animation:bl-a-rays .6s cubic-bezier(.2,.8,.2,1) 1.4s both}html[data-arrival=play] [data-app-intro] .a-ring{animation:bl-a-ring .7s cubic-bezier(.2,.7,.3,1) 1.35s both}html[data-arrival=play] [data-app-intro] .a-sliver{animation:bl-a-sliver .75s cubic-bezier(.15,.7,.3,1) 1.36s both}html[data-arrival=play] [data-app-intro] .a-sliver:nth-child(3n+2){animation:bl-a-sliver .75s cubic-bezier(.15,.7,.3,1) 1.42s both}html[data-arrival=play] [data-app-intro] .a-sliver:nth-child(3n){animation:bl-a-sliver .75s cubic-bezier(.15,.7,.3,1) 1.48s both}html[data-arrival=play] [data-app-intro] .a-word{animation:bl-a-word .55s cubic-bezier(.2,.8,.2,1) 1.2s both}html[data-arrival=play] [data-app-intro] .a-skip{animation:bl-a-in .2s .15s both}html[data-arrival=play][data-arrival-leaving] [data-app-intro]{animation:bl-a-out var(--a-leave-field) var(--a-leave-first) cubic-bezier(.4,0,1,1) both}html[data-arrival=play][data-arrival-leaving] [data-app-intro] .a-stage,html[data-arrival=play][data-arrival-leaving] [data-app-intro] .a-word{animation:bl-a-out var(--a-leave-stage) cubic-bezier(.2,.8,.2,1) forwards}html[data-arrival=calm] [data-app-intro] .a-burst,html[data-arrival=calm] [data-app-intro] .a-disc,html[data-arrival=calm] [data-app-intro] .a-glint,html[data-arrival=calm] [data-app-intro] .a-rays,html[data-arrival=calm] [data-app-intro] .a-ring{display:none}html[data-arrival=calm] [data-app-intro] .a-glow{opacity:.75}html[data-arrival=calm] [data-app-intro] .a-stage,html[data-arrival=calm] [data-app-intro] .a-word{animation:bl-a-in .15s cubic-bezier(.2,.8,.2,1) both!important}html[data-arrival=calm][data-arrival-leaving] [data-app-intro]{animation:bl-a-out var(--a-calm-fade) cubic-bezier(.4,0,1,1) forwards!important}html[data-arrival=calm][data-arrival-leaving] [data-app-intro] .a-stage,html[data-arrival=calm][data-arrival-leaving] [data-app-intro] .a-word{animation:bl-a-out 80ms cubic-bezier(.4,0,1,1) forwards!important}html[data-arrival][data-arrival-leaving] [data-app-intro] .a-skip{visibility:hidden}@media print{html[data-arrival] [data-app-intro]{display:none}}