.intro{z-index:60;animation:.3s 6s forwards intro-fallback;position:fixed;inset:0;overflow:hidden}.intro[data-state=flying],.intro[data-state=landed]{animation:none}.intro-veil{background:var(--background);position:absolute;inset:0}.intro-skip{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.intro-skip-hint{left:0;right:0;bottom:max(2rem, calc(env(safe-area-inset-bottom) + 1rem));text-align:center;font-size:var(--text-note);color:var(--muted-foreground);animation:.3s .3s both intro-appear;position:absolute}.intro[data-state=flying] .intro-skip-hint,.intro[data-state=landed] .intro-skip-hint{opacity:0;animation:none}.intro-flight{transform-origin:120px 190px;pointer-events:none;width:240px;height:340px;position:absolute;top:calc(46% - 190px);left:calc(50% - 120px)}.intro[data-state=landed] .intro-flight{visibility:hidden}.intro-size,.intro-drop,.intro-bob,.intro-sheet,.intro-body,.intro-fold,.intro-wing{transform-origin:120px 190px;position:absolute;inset:0}.intro-size{scale:1}@media (max-width:30rem){.intro-size{scale:.8}}.intro-drop{animation:intro-drop .45s var(--ease-out) both}.intro-bob{animation:1.8s ease-in-out 1.52s infinite intro-bob}.intro-sheet{perspective:900px;perspective-origin:120px 140px;animation:1.04s ease-in-out both intro-tilt,.46s ease-in-out 1.06s both intro-squash}.intro-body{background:var(--color-plane);clip-path:polygon(15px 35px,120px 35px,225px 35px,225px 140px,225px 325px,15px 325px,15px 140px);animation:1.52s linear both intro-body}.intro-ink{box-sizing:border-box;color:#0b0c0c;width:210px;height:290px;font-family:var(--font-sans);flex-direction:column;gap:9px;padding:26px 22px;animation:.17s linear .43s both intro-vanish;display:flex;position:absolute;top:35px;left:15px}.intro-ink-title{letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0 0 2px;font-size:15px;font-weight:700;line-height:1.15}.intro-ink-rule{background:currentColor;height:2px}.intro-ink-line{opacity:.2;background:currentColor;border-radius:3px;height:6px}.intro-ink-line:nth-of-type(2){width:92%}.intro-ink-line:nth-of-type(3){width:76%}.intro-ink-line:nth-of-type(4){width:86%}.intro-ink-amount{border:2px solid;border-radius:4px;align-self:flex-start;margin:6px 0;padding:4px 12px;font-size:17px;font-weight:700}.intro-ink-barcode{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 5px,currentColor 5px 9px,#0000 9px 11px,currentColor 11px 12px,#0000 12px 15px);height:38px;margin-top:auto}.intro-fold{background:var(--color-plane);transform-origin:120px 35px}.intro-fold-l{clip-path:polygon(120px 35px,15px 140px,15px 35px);animation:.48s ease-in-out .56s both intro-fold-l,1ms linear 1.06s both intro-vanish}.intro-fold-r{clip-path:polygon(120px 35px,225px 140px,225px 35px);animation:.48s ease-in-out .56s both intro-fold-r,1ms linear 1.06s both intro-vanish}.intro-wing{opacity:0}.intro-wing-l{animation:1ms linear 1.06s both intro-appear,.46s ease-in-out 1.06s both intro-wing-l}.intro-wing-r{animation:1ms linear 1.06s both intro-appear,.46s ease-in-out 1.06s both intro-wing-r}@media (prefers-reduced-motion:no-preference){:is(html:has(.intro[data-state=flying]) .topbar .logo-letters,html:has(.intro[data-state=flying]) .topbar .logo-plane){opacity:0}html:has(.intro[data-state=landed]) .topbar .logo-letters{transform-box:view-box;transform-origin:664px 491px;animation:.42s cubic-bezier(.34,1.56,.64,1) both intro-letters}}@media (prefers-reduced-motion:reduce){.intro{display:none}}@media print{.intro{display:none}}@keyframes intro-fallback{to{opacity:0;visibility:hidden}}@keyframes intro-appear{0%{opacity:0}to{opacity:1}}@keyframes intro-vanish{0%{opacity:1}to{opacity:0}}@keyframes intro-drop{0%{opacity:0;translate:0 18px;scale:.92}to{opacity:1;translate:0;scale:1}}@keyframes intro-bob{0%,to{translate:0}50%{translate:0 -3px}}@keyframes intro-tilt{0%{rotate:-8deg}43%,54%{rotate:-3deg}to{rotate:none}}@keyframes intro-squash{0%,to{scale:1}50%{scale:.76 1}}@keyframes intro-fold-l{0%{filter:brightness();transform:rotate3d(-1,1,0,0)}50%{filter:brightness(.86)}to{filter:brightness(.94);transform:rotate3d(-1,1,0,180deg)}}@keyframes intro-fold-r{0%{filter:brightness();transform:rotate3d(1,1,0,0)}50%{filter:brightness(.86)}to{filter:brightness(.94);transform:rotate3d(1,1,0,-180deg)}}@keyframes intro-body{0%,36.8%{clip-path:polygon(15px 35px,120px 35px,225px 35px,225px 140px,225px 325px,15px 325px,15px 140px)}36.9%,69.7%{clip-path:polygon(15px 140px,120px 35px,225px 140px,225px 140px,225px 325px,15px 325px,15px 140px);animation-timing-function:ease-in-out}to{clip-path:polygon(40.32px 272.9px,120px 6.19px,204.93px 250.06px,204.93px 250.06px,115.56px 231.44px,115.56px 231.44px,40.32px 272.9px)}}@keyframes intro-wing-l{0%{clip-path:polygon(120px 35px,15px 140px,120px 140px);background-color:#ecc91a}to{clip-path:polygon(120px 6.19px,40.32px 272.9px,115.56px 231.44px);background-color:var(--color-plane)}}@keyframes intro-wing-r{0%{clip-path:polygon(120px 35px,225px 140px,120px 140px);background-color:#ecc91a}to{clip-path:polygon(124.65px 126.36px,160.05px 241.85px,115.56px 231.44px);background-color:var(--color-plane-deep)}}@keyframes intro-letters{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}
