.takeoff{--takeoff-bg:var(--color-beacon);--takeoff-bg-hover:var(--color-beacon-hover);--takeoff-text:var(--color-ink);--takeoff-disc:var(--color-surface);--takeoff-plane:var(--color-navy-900);--takeoff-disc-size:2.5rem;--takeoff-plane-size:1.375rem;--takeoff-fly:1.6rem;border-radius:var(--radius-pill);background:var(--takeoff-bg);min-height:3.25rem;color:var(--takeoff-text);white-space:nowrap;align-items:center;gap:.875rem;padding:.375rem .375rem .375rem 1.5rem;font-size:1rem;font-weight:500;transition:transform .14s cubic-bezier(.22,1,.36,1),background-color .18s,color .18s;display:inline-flex}.takeoff:active{transform:scale(.97)}.takeoff[aria-disabled=true]{pointer-events:none;opacity:.45}.takeoff:focus-visible{outline:2px solid var(--color-navy-800);outline-offset:3px}.takeoff--navy{--takeoff-bg:var(--color-navy-900);--takeoff-bg-hover:var(--color-navy-800);--takeoff-text:var(--color-surface);--takeoff-disc:var(--color-surface);--takeoff-plane:var(--color-navy-900)}.takeoff--paper{--takeoff-bg:var(--color-surface);--takeoff-bg-hover:var(--color-surface);--takeoff-text:var(--color-navy-900);--takeoff-text-hover:var(--color-beacon-text);--takeoff-disc:var(--color-navy-900);--takeoff-plane:var(--color-ice)}.takeoff--paper:focus-visible{outline-color:var(--color-beacon)}.takeoff--lg{--takeoff-disc-size:clamp(2.75rem, 2.2rem + 1.6vw, 4rem);--takeoff-plane-size:calc(var(--takeoff-disc-size) * .52);--takeoff-fly:calc(var(--takeoff-disc-size) * .66);min-height:calc(var(--takeoff-disc-size) + 1rem);font-family:var(--font-heading);letter-spacing:.01em;text-transform:var(--heading-case);gap:clamp(.875rem,.6rem + .8vw,1.5rem);padding:.5rem .5rem .5rem clamp(1.25rem,.8rem + 1.2vw,2.25rem);font-size:clamp(.875rem,.6rem + 1.3vw,1.75rem);font-weight:500;line-height:1}.takeoff--band{--takeoff-disc-size:3rem;--takeoff-plane-size:calc(var(--takeoff-disc-size) * .52);--takeoff-fly:calc(var(--takeoff-disc-size) * .66);min-height:calc(var(--takeoff-disc-size) + .75rem);font-family:var(--font-heading);letter-spacing:.01em;text-transform:var(--heading-case);gap:1rem;padding:.375rem .375rem .375rem 1.75rem;font-size:clamp(.875rem,.75rem + .45vw,1.125rem);font-weight:500;line-height:1}@media (hover:hover) and (pointer:fine){.takeoff:hover{background:var(--takeoff-bg-hover);color:var(--takeoff-text-hover,var(--takeoff-text))}}.takeoff__disc{width:var(--takeoff-disc-size);height:var(--takeoff-disc-size);background:var(--takeoff-disc);color:var(--takeoff-plane);isolation:isolate;border-radius:50%;flex:none;position:relative;overflow:hidden}.takeoff__plane{width:var(--takeoff-plane-size);height:var(--takeoff-plane-size);margin:calc(var(--takeoff-plane-size) / -2) 0 0 calc(var(--takeoff-plane-size) / -2);position:absolute;top:50%;left:50%;transform:rotate(-45deg)}.takeoff--arrow{--takeoff-plane-size:calc(var(--takeoff-disc-size) * .36)}.takeoff--arrow .takeoff__plane{transform:none}@media (prefers-reduced-motion:no-preference){.takeoff[data-flight] .takeoff__plane{animation:.72s both takeoff-flight}.takeoff--arrow[data-flight] .takeoff__plane{animation-name:takeoff-slide}}@keyframes takeoff-slide{0%{animation-timing-function:cubic-bezier(.55,0,.8,.4);transform:translate(0)}42%{transform:translateX(calc(var(--takeoff-disc-size) * .75));animation-timing-function:step-end}42.01%{transform:translateX(calc(var(--takeoff-disc-size) * -.75));animation-timing-function:cubic-bezier(.22,1,.36,1)}to{transform:translate(0)}}@keyframes takeoff-flight{0%{animation-timing-function:cubic-bezier(.55,0,.8,.4);transform:translate(0)rotate(-45deg)}42%{transform:translate(var(--takeoff-fly), calc(-1 * var(--takeoff-fly))) rotate(-45deg);animation-timing-function:step-end}42.01%{transform:translate(calc(-1 * var(--takeoff-fly)), var(--takeoff-fly)) rotate(-45deg);animation-timing-function:cubic-bezier(.22,1,.36,1)}to{transform:translate(0)rotate(-45deg)}}