.mission-page{color:var(--foreground);background:var(--background)}.mission-main{--descent:1}.spell-sky{--sky-poster:url(/media/incanta-flight-poster.webp);--sky-tint:linear-gradient(to top, #082035a8, #08203561);--sky-ink:#fff;--sky-presence:1;isolation:isolate;text-align:center;min-height:100svh;padding-top:max(140px, calc(env(safe-area-inset-top) + 120px));color:var(--sky-ink);background:var(--background);place-items:center;padding-bottom:clamp(96px,14vh,150px);display:grid;position:relative;overflow:clip}:root[data-theme=dark] .spell-sky{--sky-poster:url(/media/incanta-night-poster.webp);--sky-tint:linear-gradient(to top, #00000052, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .spell-sky{--sky-poster:url(/media/incanta-night-poster.webp);--sky-tint:linear-gradient(to top, #00000052, transparent)}}.spell-sky__image{z-index:-1;opacity:var(--sky-presence);background:var(--sky-tint), var(--sky-poster) center / cover no-repeat;transform-origin:50% 100%;transform:perspective(1400px) rotateX(calc((1 - var(--descent)) * 9deg)) translateY(calc((1 - var(--descent)) * -6%)) scale(calc(1 + (1 - var(--descent)) * .06));position:absolute;inset:-8% 0 0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.spell-sky .site-header{color:#fff}.spell-sky__content{justify-items:center;max-width:880px;display:grid}.spell-sky h1{letter-spacing:-.04em;text-wrap:balance;perspective:1000px;font-size:clamp(44px,6.2vw,92px);font-weight:500;line-height:1.04;animation:none}.spell-word{animation:spell-word .64s var(--ease-out) both;animation-delay:calc(80ms + var(--i,0) * 70ms);display:inline-block}@keyframes spell-word{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}.spell-sky .mission-lede{text-wrap:balance;max-width:44ch;margin-top:28px;font-size:20px;line-height:1.6}.spell-sky :focus-visible{outline-color:var(--sky-ink)}.spell-sky__star{top:calc(max(24px, env(safe-area-inset-top)) + 26px);left:calc(max(5vw, env(safe-area-inset-left)) + 26px);z-index:1;opacity:0;background:color-mix(in srgb, #fff calc(var(--descent) * 100%), var(--blue));pointer-events:none;border-radius:50%;width:10px;height:10px;animation:3.2s ease-in-out infinite spell-twinkle;position:absolute;translate:-50% -50%;box-shadow:0 0 10px 3px #fff9,0 0 24px 6px #ffffff40}@keyframes spell-twinkle{0%,to{box-shadow:0 0 10px 3px #fff9,0 0 24px 6px #ffffff40}50%{box-shadow:0 0 12px 5px #ffffffbf,0 0 30px 9px #ffffff52}}.spell-sky__scroll{bottom:max(28px, env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, currentColor 55%, transparent);width:44px;height:44px;color:var(--sky-ink);opacity:var(--descent);animation:spell-beckon 2.4s var(--ease-out) infinite;border-radius:50%;place-items:center;display:grid;position:absolute;left:50%;translate:-50%}@keyframes spell-beckon{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.spell-ground{padding-bottom:0;position:relative}.spell-route{--route-gutter:44px}.spell-route>.spell:first-of-type{padding-top:112px}.spell-route .route-line__track{-webkit-mask-image:linear-gradient(#0000,#000 72px calc(100% - 160px),#0000);mask-image:linear-gradient(#0000,#000 72px calc(100% - 160px),#0000)}.spell-route[data-route-state=armed] .route-line__rail{stroke:var(--link-border);opacity:.28}.spell-route[data-route-state=armed] .route-line__draw{stroke:var(--blue);opacity:.75}.spell-route .route-line__tip{opacity:0;width:10px;height:10px;transition:opacity .16s var(--ease-out);box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 22%, transparent), 0 0 22px 4px color-mix(in srgb, var(--blue) 55%, transparent)}.spell-route[data-route-lit] .route-line__tip{opacity:1}.route-line__trail{opacity:0;background:linear-gradient(to top, var(--blue), color-mix(in srgb, var(--blue) 55%, transparent) 35%, transparent);transform-origin:50% 100%;filter:blur(.4px);pointer-events:none;border-radius:2px;width:3px;height:0;display:none;position:absolute;top:0;left:1px;translate:-50% -100%}.route-line__flare{opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--blue) 85%, #fff) 0 18%, color-mix(in srgb, var(--blue) 40%, transparent) 45%, transparent 72%);pointer-events:none;border-radius:50%;width:28px;height:28px;display:none;position:absolute;top:100%;left:1px;translate:-50% -50%}[data-route-state=armed] .route-line__trail,[data-route-state=armed] .route-line__flare{display:block}.spell__passage{isolation:isolate;align-content:center;min-height:64svh;padding-block:clamp(40px,7vh,80px);display:grid;position:relative}h2.spell__text{font-weight:500}.spell__text{letter-spacing:-.03em;text-wrap:pretty;max-width:26ch;font-size:clamp(28px,3.9vw,58px);font-weight:500;line-height:1.22;position:relative}.mission-name__phrase{white-space:nowrap}.spell__text .mission-name__word{font-family:var(--font-display);font-size:.95em;font-style:normal}.spell__copy .display-word{display:inline}.mission-work-link{min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--link-border);text-decoration-color:var(--link-border);text-underline-offset:5px;justify-self:start;align-items:center;gap:12px;margin-top:24px;font-size:18px;line-height:1.4;display:inline-flex}.mission-work-link svg{flex-shrink:0}.spell--close .spell__passage{min-height:auto;padding-bottom:max(24svh,160px)}.spell--close .spell__backdrop{bottom:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 70%,#0000);mask-image:linear-gradient(#0000,#000 15% 70%,#0000)}.mission-close__links{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px;display:flex}.mission-close__links .button-filled{min-height:48px}.mission-close__invitation{max-width:36ch;margin-top:20px;font-size:clamp(18px,1.6vw,23px);line-height:1.5}.spell__backdrop{z-index:-1;opacity:.32;pointer-events:none;position:absolute;inset:-12% 0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}[data-backdrop=grid] .spell__backdrop{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:120px 120px}[data-backdrop=maple] .spell__backdrop{opacity:1}[data-backdrop=maple] .spell__backdrop:before{content:"";aspect-ratio:1;background:var(--foreground);opacity:.07;width:min(40vw,500px);position:absolute;top:50%;right:4%;translate:0 -50%;rotate:-8deg;-webkit-mask:url(/media/maple-leaf.svg) 50%/contain no-repeat;mask:url(/media/maple-leaf.svg) 50%/contain no-repeat}[data-backdrop=mark] .spell__backdrop{opacity:.12;filter:var(--brand-filter);background:url(/brand/incanta-mark.png) right 4% center/min(46vw,560px) no-repeat}[data-backdrop=field] .spell__backdrop{opacity:.55;background-image:radial-gradient(circle, var(--link-border) 1.4px, transparent 1.6px);background-position:22px 22px;background-size:44px 44px}[data-backdrop=contours] .spell__backdrop{opacity:.4;background:repeating-linear-gradient(-32deg, transparent 0 46px, var(--border) 46px 47.5px)}@media (max-width:700px){.spell-sky .mission-lede{font-size:18px}.spell-sky__scroll{bottom:max(72px, env(safe-area-inset-bottom))}.spell-sky__star,.route-line__trail,.route-line__flare{display:none}.spell-route>.spell:first-of-type{padding-top:24px}.spell__passage,.spell--close .spell__passage{min-height:auto;padding-block:clamp(40px,8vh,72px)}.spell__text{max-width:none}[data-backdrop=mark] .spell__backdrop{background-position:right -10% bottom;background-size:60vw}[data-backdrop=maple] .spell__backdrop:before{width:64vw;top:auto;bottom:0;right:-12%;translate:none}}@media (prefers-reduced-motion:reduce){.spell-sky__scroll,.spell-sky__star,.spell-word{animation:none}.spell__copy,.spell__copy .display-word{filter:none!important;opacity:1!important}}
