/* Continuous motion; backdrop and monogram leave separately, in that order. */
html.landing-active{overflow:hidden;background:#4b0b1b}
.landing-active body{overflow:hidden}
.landing-active:not(.landing-mounted)::before{content:'';position:fixed;inset:0;z-index:5000;background:#4b0b1b}
.sr-landing{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;perspective:1100px;overflow:hidden;user-select:none;-webkit-touch-callout:none}
.sr-landing__backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 42%,#651328 0%,#310810 78%);will-change:opacity}
.sr-landing__mark{width:min(76vw,70vh,360px);aspect-ratio:1;position:relative;opacity:0;will-change:opacity}
.sr-landing svg{display:block;width:100%;height:100%;overflow:hidden;transform:translateZ(0);filter:drop-shadow(2px 8px 10px #0004);will-change:transform}
.sr-vine{stroke-dasharray:1;stroke-dashoffset:1;opacity:0}
.sr-landing__complete,.sr-landing__letters,.sr-landing__spark{opacity:0}
.is-playing .sr-landing__mark{animation:sr-presence 5.75s linear both}
.is-playing svg{animation:sr-motion 5.75s cubic-bezier(.4,0,.2,1) both}
.is-playing .sr-landing__letters{animation:sr-show .65s ease-out .1s forwards}
.is-playing .sr-vine{animation:sr-grow 1.65s cubic-bezier(.25,.1,.25,1) calc(.85s + var(--branch-delay)) forwards}
.is-playing .sr-vine--left{animation-delay:calc(.95s + var(--branch-delay))}
.is-playing .sr-vine--right{animation-delay:calc(1s + var(--branch-delay))}
.is-playing .sr-vine--bottom{animation-delay:calc(1.05s + var(--branch-delay))}
.is-playing .sr-landing__complete{animation:sr-show .45s ease 2.65s forwards}
.is-playing .sr-landing__construction{animation:sr-leave .45s ease 2.65s forwards}
.is-playing .sr-landing__light{animation:sr-shine 1.7s ease-in-out 2.95s both}
.is-playing .sr-landing__spark{animation:sr-spark .55s ease 3.55s both}
.is-playing .sr-landing__spark--second{animation-delay:4s}
.is-playing .sr-landing__backdrop{animation:sr-leave .75s cubic-bezier(.4,0,.2,1) 4.3s forwards}
@keyframes sr-presence{0%{opacity:0}12%,88%{opacity:1}100%{opacity:0}}
/* One transform timeline avoids jumps between the entrance and swivel poses. */
@keyframes sr-motion{0%{transform:translateZ(0) scale(.97) rotateY(-3deg)}15%,45%{transform:translateZ(0) scale(1) rotateY(-3deg)}68%{transform:translateZ(0) scale(1) rotateX(-1deg) rotateY(4deg)}88%,100%{transform:translateZ(0) scale(1) rotateX(0) rotateY(0)}}
@keyframes sr-show{to{opacity:1}}
@keyframes sr-grow{0%{stroke-dashoffset:1;opacity:0}12%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes sr-shine{0%{transform:translateX(0);opacity:0}20%,70%{opacity:.8}100%{transform:translateX(1900px);opacity:0}}
@keyframes sr-spark{0%,100%{opacity:0}40%{opacity:.85}}
@keyframes sr-leave{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.sr-landing__mark,.sr-landing__complete{opacity:1}.sr-landing__letters,.sr-vine,.sr-landing__light,.sr-landing__spark{display:none}.is-playing .sr-landing__mark,.is-playing svg,.is-playing .sr-landing__backdrop{animation:none!important;transform:none;will-change:auto}}