@property --intro-edge{syntax:"<percentage>";inherits:true;initial-value:0}.landing-intro{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(62% 48% at 50% 42%,rgba(82,110,78,.09) 0,transparent 72%),linear-gradient(180deg,#fff,#f4f4f5);cursor:pointer;will-change:opacity;animation:landing-intro-out .6s cubic-bezier(.4,0,.2,1) 3.65s forwards}html[data-intro=skip] .landing-intro{animation:landing-intro-out .36s ease forwards}html[data-intro=done] .landing-intro{display:none}html[data-intro=playing],html[data-intro=playing] body{overflow:hidden}.landing-intro__blob{position:absolute;border-radius:9999px;filter:blur(60px);animation:landing-intro-drift 9s ease-in-out infinite alternate}.landing-intro__blob--a{width:26rem;height:26rem;inset-block-start:-6rem;inset-inline-start:-5rem;background:rgba(82,110,78,.16)}.landing-intro__blob--b{width:22rem;height:22rem;inset-block-end:-5rem;inset-inline-end:-4rem;background:hsla(97,17%,62%,.22);animation-delay:1.4s}.landing-intro__glow{position:absolute;width:32rem;height:32rem;border-radius:9999px;background:radial-gradient(circle,hsla(97,17%,62%,.3) 0,transparent 64%);filter:blur(26px);animation:landing-intro-glow 2.4s ease-out both}.landing-intro__stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 1.5rem;text-align:center;animation:landing-intro-lift .35s cubic-bezier(.4,0,1,1) 3.3s both}.landing-intro__badge{position:relative;display:grid;place-items:center;animation:landing-intro-tile .85s cubic-bezier(.22,1,.36,1) .05s both}.landing-intro__ring{position:absolute;inset:-1.5rem;border-radius:9999px;padding:2px;background:conic-gradient(from 0deg,rgba(82,110,78,0) 0deg,rgba(82,110,78,.75) 70deg,hsla(97,17%,62%,.95) 110deg,rgba(82,110,78,0) 210deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:landing-intro-spin 2.4s linear .3s infinite,landing-intro-appear .6s ease .3s both}.landing-intro__tile{position:relative;width:5.25rem;height:5.25rem;padding:1.2rem;border-radius:1.5rem;overflow:hidden;background:linear-gradient(145deg,#26272c,#111113);box-shadow:0 22px 48px -22px rgba(17,17,19,.45),inset 0 1px 0 hsla(0,0%,100%,.08)}.landing-intro__sheen{position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,hsla(0,0%,100%,.45) 50%,transparent 66%);animation:landing-intro-sheen 1s cubic-bezier(.3,0,.2,1) .8s both}.landing-intro__edge{position:absolute;inset:0;width:100%;height:100%}.landing-intro__edge-path{stroke-dasharray:100;animation:landing-intro-draw .85s cubic-bezier(.4,0,.2,1) .15s both}.landing-intro__mark{position:relative;width:100%;height:100%}.landing-intro__rise{transform-box:fill-box;transform-origin:bottom;animation:landing-intro-rise .7s cubic-bezier(.22,1,.36,1) both}.landing-intro__rise--1{animation-delay:.3s}.landing-intro__rise--2{animation-delay:.42s}.landing-intro__rise--3{animation-delay:.54s}.landing-intro__dot{transform-box:fill-box;transform-origin:center;animation:landing-intro-dot .6s cubic-bezier(.34,1.56,.64,1) .75s both}.landing-intro__word{position:relative;display:inline-block;margin-top:1.7rem;animation:landing-intro-sweep 1s cubic-bezier(.33,1,.68,1) .7s both}.landing-intro__title{font-size:clamp(1.75rem,7vw,2.5rem);font-weight:800;letter-spacing:.01em;line-height:1.35;color:#111113;-webkit-mask-image:linear-gradient(to left,#000 0,#000 var(--intro-edge),transparent calc(var(--intro-edge) + 11%),transparent 100%);mask-image:linear-gradient(to left,#000 0,#000 var(--intro-edge),transparent calc(var(--intro-edge) + 11%),transparent 100%)}.landing-intro__beam{position:absolute;top:12%;bottom:12%;right:var(--intro-edge);width:2px;border-radius:9999px;background:linear-gradient(180deg,rgba(82,110,78,0),#526e4e 45%,#99ae8c 78%,rgba(82,110,78,0));box-shadow:0 0 12px rgba(82,110,78,.55);animation:landing-intro-beam .88s cubic-bezier(.33,1,.68,1) .7s both}.landing-intro__subtitle{display:flex;flex-wrap:wrap;justify-content:center;gap:0 .35rem;margin-top:.6rem;font-size:.875rem;color:#4b5565}.landing-intro__subtitle span{display:inline-block;animation:landing-intro-word-in .6s cubic-bezier(.22,1,.36,1) both}.landing-intro__track{position:relative;margin-top:1.7rem;width:9rem;height:2px;border-radius:9999px;background:rgba(135,154,162,.3);overflow:hidden}.landing-intro__fill{display:block;width:100%;height:100%;border-radius:9999px;background:linear-gradient(90deg,#526e4e,#99ae8c);transform-origin:right;animation:landing-intro-fill 3s cubic-bezier(.4,0,.2,1) .25s both}@keyframes landing-intro-out{to{opacity:0;transform:scale(1.03);visibility:hidden}}@keyframes landing-intro-glow{0%{opacity:0;transform:scale(.55)}60%{opacity:1}to{opacity:.85;transform:scale(1)}}@keyframes landing-intro-drift{to{transform:translate3d(4%,3%,0) scale(1.08)}}@keyframes landing-intro-lift{to{opacity:0;transform:translateY(-22px)}}@keyframes landing-intro-tile{0%{opacity:0;transform:scale(.5) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes landing-intro-appear{0%{opacity:0}}@keyframes landing-intro-spin{to{transform:rotate(1turn)}}@keyframes landing-intro-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes landing-intro-sheen{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes landing-intro-rise{0%{transform:scaleY(0);opacity:0}}@keyframes landing-intro-dot{0%{transform:scale(0);opacity:0}}@keyframes landing-intro-sweep{0%{--intro-edge:-12%;filter:blur(8px);transform:translateY(10px)}25%{--intro-edge:28%}50%{--intro-edge:56%}75%{--intro-edge:82%}to{--intro-edge:112%;filter:blur(0);transform:translateY(0)}}@keyframes landing-intro-beam{0%{opacity:0}12%{opacity:1}72%{opacity:.85}to{opacity:0}}@keyframes landing-intro-word-in{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}}@keyframes landing-intro-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.landing-intro{display:none}}