.flex-carousel{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.flex-carousel[data-hover=open]{cursor:zoom-in}.flex-carousel[data-hover=close]{cursor:zoom-out}.flex-carousel[data-dragging]{cursor:grabbing}.flex-carousel:focus-visible{box-shadow:inset 0 0 0 2px #80808c8c}.flex-carousel__caption{left:0;right:0;top:calc(50% + var(--flex-carousel-half) * var(--flex-carousel-lift,1) + 22px);pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:0 16px;animation:.9s both flex-carousel-reveal;display:flex;position:absolute}.flex-carousel__title{flex-direction:column;align-items:center;max-width:100%;font-size:15px;font-weight:500;line-height:1.35;animation:.52s cubic-bezier(.22,1,.36,1) flex-carousel-title;display:flex}.flex-carousel__subtitle{opacity:.6;font-weight:400}.flex-carousel__count{font-variant-numeric:tabular-nums;opacity:.5;align-items:center;gap:3px;font-size:12px;line-height:1;transition:opacity .4s;display:inline-flex}.flex-carousel__count[data-hidden]{opacity:0}.flex-carousel__digits{display:inline-flex}.flex-carousel__digit{height:1em;display:inline-block;overflow:hidden}.flex-carousel__reel{flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex}.flex-carousel__reel span{height:1em}.flex-carousel__slash{opacity:.6}.flex-carousel__live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes flex-carousel-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flex-carousel-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.flex-carousel__caption,.flex-carousel__title{animation:none}.flex-carousel__reel{transition:none}}#about{place-items:center;display:grid}.about-artboard{width:min(100%, calc((100svh - var(--chrome-safe-top) - var(--chrome-safe-bottom)) * 1.77778));aspect-ratio:16/9;position:relative}#about .stage{width:100%;height:100%}#about-lanyard{pointer-events:none;position:absolute;inset:0}.about-badge-motion,.about-badge-control{width:100%;height:100%}.about-badge-control{opacity:0}.about-badge-motion.is-ready .about-badge-control{opacity:1}.about-lanyard-ready .about-badge-poster{visibility:hidden}.about-badge-control .lanyard:focus-visible{outline:1px dashed var(--color-accent);outline-offset:-2px}.work-section{background:var(--color-bg);height:100svh;min-height:320px;color:var(--color-fg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-artboard{aspect-ratio:4000/2251;isolation:isolate;flex:none;width:min(100%,177.699svh);position:relative}.work-type{pointer-events:none;z-index:2;width:100%;height:100%;transition:opacity .24s;position:absolute;inset:0}.work-artboard:has(.work-carousel[data-focused]) .work-type{opacity:0}#work-carousel{position:absolute;inset:14.4% 1.2% 7%}.work-display{width:100%;height:100%;position:relative}.work-carousel canvas{display:block}.work-carousel:focus-visible{box-shadow:inset 0 0 0 1px #777}.work-project-links:focus-within{clip-path:none;white-space:normal;z-index:5;background:#111;flex-wrap:wrap;gap:16px;width:auto;height:auto;padding:12px 16px;display:flex;position:absolute;bottom:16px;left:20px;overflow:visible}.work-project-links a{color:var(--color-fg);font-size:13px}@media (prefers-reduced-motion:reduce){.work-type{transition:none}}.hero-machine{transform-box:view-box;transform-origin:1050px 880px}.hero-reel-layer,.hero-button-layer,.hero-screen-layer,.hero-lever-layer{visibility:hidden;pointer-events:none}.hero-reel-strip,.hero-button-plunger{transform-box:view-box;transform-origin:0 0}.hero-device-source{-webkit-mask:url(#hero-without-lever);mask:url(#hero-without-lever)}.hero-lever-cutout{opacity:0}.hero-lever-arm{transform-box:view-box;transform-origin:1178px 739px}.hero-screen-picture,.hero-screen-noise,.hero-screen-band,.hero-screen-tears,.hero-screen-lines{opacity:0}.hero-screen-picture,.hero-screen-tear-picture,.hero-screen-noise,.hero-screen-band{transform-box:view-box;transform-origin:0 0}.hero-trigger{cursor:pointer}.hero-trigger ellipse{pointer-events:all}.hero-trigger:focus-visible{outline:none}.hero-trigger:focus-visible ellipse{stroke:var(--color-accent);stroke-width:2px;stroke-dasharray:4 4}.hero-trigger[aria-disabled=true]{cursor:default}@media (prefers-reduced-motion:reduce){[data-hero-intro=pending] .hero-machine{opacity:1}}