.tech-stack{isolation:isolate;position:relative}.tech-stack__atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tech-stack__atmosphere:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 78% 12%,#000 0%,#0000 70%);mask-image:radial-gradient(120% 90% at 78% 12%,#000 0%,#0000 70%)}.tech-stack__atmosphere:after{content:"";filter:blur(8px);background:radial-gradient(circle,#1399ff38 0%,#0000 62%);width:min(48rem,70%);height:min(48rem,70%);position:absolute;top:-12%;right:-6%}.tech-stack__grid{gap:1.5rem;display:grid}@media (min-width:1024px){.tech-stack__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;gap:2.5rem}}.tech-stack__rail{flex-direction:column;gap:.5rem;display:flex;position:relative}.tech-stack__layer{border-radius:var(--radius-media,10px);color:#fff;text-align:left;cursor:pointer;width:100%;transition:border-color var(--motion-control,.2s) var(--ease-standard,ease), background-color var(--motion-control,.2s) var(--ease-standard,ease), transform var(--motion-control,.2s) var(--ease-standard,ease);background:#ffffff0a;border:1px solid #ffffff1f;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.125rem;display:grid;position:relative}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tech-stack__layer:hover{background:#ffffff12;border-color:#ffffff47;transform:translate(3px)}}.tech-stack__layer[aria-selected=true]{background:linear-gradient(90deg,#1399ff29,#1399ff0a);border-color:#1399ff8c}.tech-stack__layer:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}.tech-stack__layer-icon{border-radius:var(--radius,5px);color:#ffffffb3;width:2.75rem;height:2.75rem;transition:background-color var(--motion-control,.2s), color var(--motion-control,.2s);background:#ffffff14;justify-content:center;align-items:center;display:inline-flex}.tech-stack__layer[aria-selected=true] .tech-stack__layer-icon{background:var(--brand-primary);color:#fff}.tech-stack__layer-icon svg{width:1.375rem;height:1.375rem}.tech-stack__layer-label{min-width:0}.tech-stack__layer-name{font-weight:700;line-height:1.3}.tech-stack__layer-meta{color:#ffffff8c;margin-top:.125rem;font-size:.75rem}.tech-stack__layer-index{letter-spacing:.1em;color:#ffffffa6;font-size:.75rem;font-weight:700}.tech-stack__layer[aria-selected=true] .tech-stack__layer-index{color:var(--brand-text-on-dark)}.tech-stack__panel{border-radius:var(--radius-media,10px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0f;border:1px solid #ffffff24;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;position:relative}@media (min-width:768px){.tech-stack__panel{padding:2.25rem}}@media (min-width:1024px){.tech-stack__panel{height:100%}}.tech-stack__panel-icon{border-radius:var(--radius,5px);background:var(--brand-primary);color:#fff;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:inline-flex}.tech-stack__panel-icon svg{width:1.625rem;height:1.625rem}.tech-stack__panel-eyebrow{color:var(--brand-text-on-dark)}.tech-stack__panel-desc{color:#ffffffd1;max-width:60ch}.tech-stack__panel-subhead{letter-spacing:.1em;text-transform:uppercase;color:#ffffff8c;font-size:.75rem;font-weight:700}.tech-stack__chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tech-stack__chip{color:#ffffffe0;transition:border-color var(--motion-control,.2s), background-color var(--motion-control,.2s);border:1px solid #ffffff2e;border-radius:999px;padding:.375rem .75rem;font-size:.8125rem}@media (hover:hover){.tech-stack__chip:hover{background:#1399ff1f;border-color:#1399ff99}}.tech-stack__panel-media{aspect-ratio:16/9;border-radius:var(--radius,5px);background:#ffffff0f;margin-top:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.tech-stack__panel-media img{-o-object-fit:cover;object-fit:cover;transition:transform var(--motion-reveal,.5s) var(--ease-standard,ease)}.tech-stack__panel-media:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#2b303673 100%);position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tech-stack__panel-media:hover img{transform:scale(1.04)}}@media (min-width:1024px){.tech-stack__panel-media{aspect-ratio:auto;flex:1;min-height:12rem;margin-top:auto}}.tech-stack__panel-body{flex:1}@media (prefers-reduced-motion:no-preference){.tech-stack__panel-body{animation:tech-stack-fade var(--motion-reveal,.5s) var(--ease-standard,ease)}}@keyframes tech-stack-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}