.choose{flex-direction:column;gap:1.75rem;max-width:76rem;min-height:100svh;margin:0 auto;padding:clamp(1.5rem,5vh,3rem) 1rem 1.25rem;display:flex}.choose-head{text-align:center}.choose-name{letter-spacing:-.03em;color:#fff;margin-top:.9rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.05}.choose-roles{font-family:var(--font-mono);color:var(--color-muted);margin-top:.5rem;font-size:clamp(.7rem,2.9vw,.9rem)}.choose-lede{max-width:36rem;color:var(--color-fg);text-wrap:balance;margin:.9rem auto 0;font-size:1.1rem;line-height:1.5}.doors{flex-direction:column;flex:1;gap:1rem;display:flex}@media (width>=48rem){.doors{flex-direction:row;min-height:30rem}.doors>.door{flex:1 1 0}}.door{isolation:isolate;border:1px solid var(--color-line);border-radius:1.25rem;flex-direction:column;flex:none;min-width:0;text-decoration:none;transition:flex-grow .55s cubic-bezier(.2,.8,.2,1),filter .4s,border-color .3s,box-shadow .4s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px -45px #000000e6}.door:focus-visible{outline:3px solid var(--color-cyan);outline-offset:4px}.door:active{transform:scale(.985)}.door-art{flex:1;min-height:13rem;position:relative;overflow:hidden}.door-text{padding:1.2rem 1.4rem 1.35rem}.door-kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.door-title{letter-spacing:-.02em;margin-top:.3rem;font-size:1.75rem;font-weight:600;line-height:1.15}.door-line{margin-top:.4rem;line-height:1.5}.door-go{font-family:var(--font-mono);gap:.4rem;margin-top:.85rem;font-size:.85rem;font-weight:600;display:inline-flex}.door-go span{transition:transform .3s}.door:is(:hover,:focus-visible) .door-go span{transform:translate(.3rem)}@media (hover:hover) and (width>=48rem){.doors:has(>.door:is(:hover,:focus-visible))>.door:not(:hover,:focus-visible){filter:saturate(.4)brightness(.65);flex-grow:.72}.doors>.door:is(:hover,:focus-visible){flex-grow:1.4}}.door-pipeline{background:radial-gradient(30rem 20rem at 85% 0%, color-mix(in oklab, var(--color-violet) 22%, transparent), transparent 70%), radial-gradient(26rem 18rem at 0% 100%, color-mix(in oklab, var(--color-cyan) 14%, transparent), transparent 70%), var(--color-ink-850);color:var(--color-fg)}.door-pipeline .door-art{background:linear-gradient(color-mix(in oklab, var(--color-line) 55%, transparent) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, color-mix(in oklab, var(--color-line) 55%, transparent) 1px, transparent 1px) 0 0 / 2rem 2rem}.door-pipeline:is(:hover,:focus-visible){border-color:color-mix(in oklab, var(--color-cyan) 60%, var(--color-line));box-shadow:0 30px 80px -40px color-mix(in oklab, var(--color-cyan) 55%, transparent)}.door-pipeline .door-kicker,.door-pipeline .door-go{color:var(--color-cyan)}.door-pipeline .door-title{color:#fff}.door-pipeline .door-line{color:var(--color-muted)}.door-dev{width:min(40%,12.5rem);position:absolute;bottom:-.6rem;left:9%}.door-run{font-family:var(--font-mono);position:absolute;top:50%;right:9%;translate:0 -50%}.door-run-head{color:var(--color-muted);margin-bottom:.9rem;font-size:.72rem}.door-run-head b{color:var(--color-fg);font-weight:600}@media (width<=34rem){.door-dev{width:34%;left:5%}.door-pipeline .door-art{min-height:15.5rem}.door-run{right:5%}.door-jobs{gap:.6rem}.door-run-when{display:none}}.door-jobs{gap:.8rem;display:grid;position:relative}.door-run-done{color:var(--color-ok);opacity:0;margin-top:.9rem;font-size:.72rem;transition:opacity .2s,translate .2s;translate:0 .3rem}.door-pipeline:is(:hover,:focus-visible) .door-run-done{opacity:1;transition-delay:1s;translate:0}.door-jobs:before,.door-jobs:after{content:"";background:var(--color-line);width:2px;position:absolute;top:.6rem;bottom:.6rem;left:calc(.6rem - 1px)}.door-jobs:after{background:linear-gradient(var(--color-cyan), var(--color-ok));transform-origin:top;transition:transform .25s;transform:scaleY(0)}.door-jobs li{font-family:var(--font-mono);color:var(--color-muted);align-items:center;gap:.75rem;font-size:.85rem;transition:color .25s;display:flex;position:relative}.door-node{z-index:1;border:2px dashed var(--color-muted);background:var(--color-ink-850);border-radius:999px;place-items:center;width:1.2rem;height:1.2rem;transition:background-color .25s,border-color .25s;display:grid;position:relative}.door-node:after{content:"";border:solid var(--color-ink-950);opacity:0;border-width:0 2px 2px 0;width:.28rem;height:.52rem;margin-top:-.12rem;transition:opacity .2s;rotate:45deg}.door-pipeline:is(:hover,:focus-visible) .door-jobs:after{transition:transform .9s linear;transform:scaleY(1)}.door-pipeline:is(:hover,:focus-visible) .door-jobs li{color:var(--color-fg);transition-delay:calc(var(--i) * .18s)}.door-pipeline:is(:hover,:focus-visible) .door-node{border-style:solid;border-color:var(--color-ok);background:var(--color-ok);transition-delay:calc(var(--i) * .18s)}.door-pipeline:is(:hover,:focus-visible) .door-node:after{opacity:1;transition-delay:calc(var(--i) * .18s + .1s)}.door-helm{color:#2b2118;background:#171d45}.door-helm:is(:hover,:focus-visible){border-color:#f99b5a;box-shadow:0 30px 80px -40px #f99b5a99}.door-sea{width:100%;height:100%;position:absolute;inset:0}.door-helmsman{width:min(42%,13rem);position:absolute;bottom:-.6rem;left:9%}.door-captain{width:100%;height:auto;display:block;overflow:visible}.door-helm .door-text{background:linear-gradient(#ffffff73,#0000 40%),#f7f0e1}.door-helm .door-kicker{color:#94622a}.door-helm .door-title{letter-spacing:-.01em;color:#2b2118;font-family:ui-serif,Iowan Old Style,Palatino Linotype,Palatino,Book Antiqua,Georgia,serif;font-size:1.9rem}.door-helm .door-line{color:#5d4b38}.door-helm .door-go{color:#0f5e8a}.door-sun,.door-ship,.door-wheel,.door-waves path{transform-box:view-box}.door-sun{transition:transform 1.4s cubic-bezier(.3,.7,.3,1)}.door-ship{transition:transform 3s ease-in-out}.door-wheel{transform-origin:118px 150px;transition:transform 1.6s cubic-bezier(.3,.7,.3,1)}.door-helm:is(:hover,:focus-visible) .door-sun{transform:translateY(-14px)}.door-helm:is(:hover,:focus-visible) .door-ship{transform:translate(-60px)}.door-helm:is(:hover,:focus-visible) .door-wheel{transform:rotate(250deg)}@media (prefers-reduced-motion:no-preference){.door-waves path{animation:5s linear infinite paused door-roll}.door-waves path:nth-child(2){--roll:-96px;animation-duration:6.5s}.door-waves path:nth-child(3){--roll:-112px;animation-duration:8s}.door-glint{animation:2.4s ease-in-out infinite paused door-glitter}.door-helm:is(:hover,:focus-visible) :is(.door-waves path,.door-glint){animation-play-state:running}.door-helm:is(:hover,:focus-visible) .avatar .av-body{animation:.9s ease-in-out infinite av-walk-bob}.door-pipeline:is(:hover,:focus-visible) .avatar .av-arm-b{animation:1.5s ease-in-out infinite av-wave}.door-pipeline:is(:hover,:focus-visible) .avatar .av-body{animation:.9s ease-in-out 2 av-hop}}@keyframes door-roll{to{transform:translateX(var(--roll,-80px))}}@keyframes door-glitter{50%{opacity:.45}}.choose-foot{font-family:var(--font-mono);flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;font-size:.82rem;display:flex}.choose-foot a{color:var(--color-muted)}.choose-foot a:hover{color:var(--color-fg);text-underline-offset:.2em;text-decoration:underline}