.projects-section{position:relative;background:transparent}.projects-sticky{position:sticky;top:0;height:100svh;overflow:hidden;overflow:clip;perspective:1400px;perspective-origin:50% 44%}.projects-track{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;pointer-events:none}.project-panel,.flagship-panel,.category-panel{position:absolute;left:50%;top:50%;width:var(--panel-w, 52vw);height:var(--panel-h, 60svh);margin:calc(var(--panel-h, 60svh) / -2) 0 0 calc(var(--panel-w, 52vw) / -2);display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none;pointer-events:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}.project-panel{cursor:pointer}.flagship-panel{cursor:default}.category-panel{justify-content:center;align-items:center;text-align:center;padding:0 2vw}.flagship-info,.panel-info{opacity:0;transition:opacity .35s ease}.is-active .flagship-info,.is-active .panel-info{opacity:1}.project-panel.is-active .panel-desc-wrap{grid-template-rows:1fr;margin-top:8px;opacity:1}.project-panel.is-active .panel-link-icon{color:#fff}.is-active .flagship-media,.is-active .panel-media{box-shadow:0 24px 90px #00000080}.flagship-media,.panel-media{background:var(--poster, none) center / cover no-repeat,#0b0d10}
