@layer components{.hero-atmosphere{z-index:-10;pointer-events:none;background:radial-gradient(ellipse at 50% 42%, color-mix(in oklab, var(--accent) 11%, transparent), transparent 56%), var(--bg);position:absolute;inset:0;overflow:hidden}.hero-atmosphere__wash,.hero-atmosphere__ribbon,.hero-atmosphere__grain{position:absolute;inset:-18%}.hero-atmosphere__wash{background:radial-gradient(ellipse at 26% 44%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 31%), radial-gradient(ellipse at 74% 60%, oklab(59.8921% .00262815 -.217565/.13), transparent 34%);filter:blur(64px);opacity:.72;animation:18s ease-in-out infinite alternate hero-atmosphere-breathe}.hero-atmosphere__ribbon{border:clamp(3rem, 9vw, 10rem) solid color-mix(in oklab, var(--accent) 12%, transparent);filter:blur(26px);opacity:.6;border-radius:50%;animation:22s cubic-bezier(.65,0,.35,1) infinite alternate hero-atmosphere-drift;inset:-30% -18%;transform:rotate(-18deg)translate(-8%)}.hero-atmosphere__ribbon--two{border-color:oklab(62.1763% -.00153619 -.203176/.1);animation-duration:28s;animation-direction:alternate-reverse;transform:rotate(22deg)translate(10%,3%)}.hero-atmosphere__grain{opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");inset:0}.hero-atmosphere__toggle{z-index:2;border:1px solid color-mix(in oklab, var(--fg) 24%, transparent);min-height:2.75rem;color:color-mix(in oklab, var(--fg) 72%, transparent);background:color-mix(in oklab, var(--bg) 65%, transparent);font-family:var(--font-mono);pointer-events:auto;backdrop-filter:blur(12px);border-radius:999px;padding:.65rem .85rem;font-size:.6875rem;transition:border-color .2s,color .2s;position:absolute;bottom:1.25rem;right:clamp(1.25rem,4vw,2.5rem)}.hero-atmosphere__toggle:hover{border-color:var(--fg);color:var(--fg)}.hero-atmosphere[data-paused=true] .hero-atmosphere__wash,.hero-atmosphere[data-paused=true] .hero-atmosphere__ribbon{animation-play-state:paused}@keyframes hero-atmosphere-breathe{0%{transform:scale(.94)translate(-2%,1%)}to{transform:scale(1.08)translate(3%,-2%)}}@keyframes hero-atmosphere-drift{0%{transform:rotate(-18deg)translate(-8%,2%)scale(.96)}to{transform:rotate(-4deg)translate(10%,-5%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.hero-atmosphere__wash,.hero-atmosphere__ribbon{animation:none}}.tech-text{touch-action:pan-y;user-select:none;width:100%;height:100%;position:relative}.tech-text-canvas{width:100%;height:100%;display:block}.depth-carousel{perspective:1400px;perspective-origin:50%;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.depth-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:16px}.depth-carousel__card{transform-origin:50%;background:var(--bg-3);border:1px solid var(--line);will-change:transform, opacity, filter;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.depth-carousel__link{width:100%;height:100%;color:inherit;cursor:pointer;text-decoration:none;display:block}.depth-carousel__link:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:inherit}.depth-carousel__img{object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.depth-carousel__video{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.depth-carousel__label{inset-inline:0;z-index:2;pointer-events:none;background:linear-gradient(#08090a00,#08090aeb);flex-direction:column;gap:2px;padding:2.75rem 1.25rem 1rem;display:flex;position:absolute;bottom:0}.depth-carousel__label-title{font-family:var(--font-display);letter-spacing:-.02em;color:#f4f4f2;font-size:1.0625rem;line-height:1.2}.depth-carousel__label-meta{font-family:var(--font-mono);color:#f4f4f29e;font-size:.6875rem}.depth-carousel__tint{z-index:1;opacity:0;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.depth-carousel__arrow{z-index:3000;border:1px solid var(--line-2);background:color-mix(in oklab, var(--bg-2) 82%, transparent);backdrop-filter:blur(8px);width:2.5rem;height:2.5rem;color:var(--fg);cursor:pointer;border-radius:999px;place-items:center;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.depth-carousel__arrow:hover{background:var(--bg-3);border-color:var(--fg)}.depth-carousel__arrow:active{transform:translateY(-50%)scale(.94)}.depth-carousel__arrow--prev{left:.5rem}.depth-carousel__arrow--next{right:.5rem}.depth-carousel__dots{z-index:3000;border-radius:999px;gap:7px;padding:7px 10px;display:flex;position:absolute;bottom:-2.25rem;left:50%;transform:translate(-50%)}.depth-carousel__dot{background:var(--line-2);cursor:pointer;border:none;border-radius:999px;width:7px;height:7px;padding:0;transition:width .25s,background .25s}.depth-carousel__dot:hover{background:var(--muted)}.depth-carousel__dot.is-active{background:var(--accent);width:22px}@media (prefers-reduced-motion:reduce){.depth-carousel__card{will-change:auto;transition:none}.depth-carousel__arrow,.depth-carousel__dot{transition:none}}}