.intro{display:none}:root[data-intro] .intro{z-index:1000;background:var(--cloud);animation:intro-out .36s var(--ease) 4.3s forwards;display:block;position:fixed;inset:0;overflow:hidden}:root[data-intro=short] .intro{animation:intro-in .2s ease both, intro-out .2s var(--ease) .4s forwards}.intro-body{z-index:1;place-content:center;justify-items:center;gap:28px;padding:0 20px;display:grid;position:absolute;inset:0}.intro-night{z-index:0;background:var(--phantom);display:none;position:absolute;inset:0}.intro-logo{width:140px;height:auto}.intro-name{font:700 min(19px, 5.2vw) / 1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--phantom);align-items:baseline;margin:0;font-stretch:125%;display:flex}.intro .ini{color:var(--fame-blue)}.intro-belief{font:italic 400 17px / 1.3 var(--font-belief);color:var(--deep-ash);margin:0;display:none}.spark-slot{width:.7em;height:.7em;display:inline-block;position:relative}.spark{width:7px;height:7px;position:absolute;bottom:.02em;left:.18em}.spark .ash,.spark .hot,.spark .halo{border-radius:50%;position:absolute}.spark .ash{background:var(--ash);inset:0}.spark .hot{background:var(--ember);opacity:0;inset:0}.spark .halo{opacity:0;background:radial-gradient(circle,#d73d2680 0%,#d73d2629 30%,#d73d2600 68%);width:150px;height:150px;margin:-75px 0 0 -75px;top:50%;left:50%}:root[data-intro=full]:not([data-motion=off]) .intro-night{animation:1s ease-in-out 1.15s both intro-dawn;display:block}:root[data-intro=full]:not([data-motion=off]) .intro-logo{animation:.6s 1.7s both intro-in}:root[data-intro=full]:not([data-motion=off]) .intro .ini{animation:intro-rise .65s var(--ease) calc(1.45s + var(--w) * .12s) both}:root[data-intro=full]:not([data-motion=off]) .intro .r{animation:intro-flow .8s var(--ease) calc(1.95s + var(--w) * .18s + var(--n) * 55ms) both}:root[data-intro=full]:not([data-motion=off]) .intro-belief{animation:intro-rise .7s var(--ease) 3.5s both;display:block}:root[data-intro=full]:not([data-motion=off]) .spark{animation:intro-drift 1s var(--ease) 2.55s both}:root[data-intro=full]:not([data-motion=off]) .spark .hot{opacity:1;animation:.5s ease-out .25s both intro-kindle,.6s 3.65s forwards intro-cool}:root[data-intro=full]:not([data-motion=off]) .spark .halo{animation:3.3s ease-in-out .25s both intro-breathe}:root[data-intro][data-motion=off] .intro{--lift:0px;animation:.4s both intro-in,.15s linear .9s forwards intro-out}:root[data-intro-end] .intro{animation:intro-out-early .2s var(--ease) forwards}:root[data-intro-end][data-motion=off] .intro{animation:.15s linear forwards intro-out-early}@media (min-width:768px){.intro-logo{width:180px}.intro-name{font-size:24px}.intro-belief{font-size:22px}.spark{width:9px;height:9px}}@keyframes intro-in{0%{opacity:0}}@keyframes intro-dawn{to{opacity:0}}@keyframes intro-cool{to{opacity:0}}@keyframes intro-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes intro-flow{0%{opacity:0;color:var(--fame-blue);transform:translate(-.55em)}45%{opacity:1;color:var(--fame-blue)}to{opacity:1;color:var(--phantom);transform:none}}@keyframes intro-drift{0%{transform:translate(var(--dx,0px), var(--dy,0px)) scale(1.3)}}@keyframes intro-kindle{0%{opacity:0;transform:scale(.2)}}@keyframes intro-breathe{0%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:scale(1)}30%{opacity:.85;transform:scale(1.18)}42%{opacity:1;transform:scale(1)}72%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(.4)}}@keyframes intro-out{to{opacity:0;transform:translateY(var(--lift,-8px));visibility:hidden}}@keyframes intro-out-early{to{opacity:0;transform:translateY(var(--lift,-8px));visibility:hidden}}