.app-projects-section{position:relative;background:#092823}.app-stage{position:relative;isolation:isolate}.app-stage:before{content:'';position:absolute;inset:10% 0 0;background:radial-gradient(ellipse at 50% 45%,#00a99d18,transparent 63%);pointer-events:none;z-index:-1}.app-chooser{display:flex;justify-content:center;gap:8px;padding:0 5% 20px;flex-wrap:wrap}.app-chooser button{background:transparent;border:1px solid #86ad9c40;border-radius:30px;color:#c4d8cd;min-height:44px;padding:11px 16px;font:13px Arial,sans-serif;cursor:pointer;transition:background .25s,color .25s,border .25s}.app-chooser button span{font-size:10px;color:#739e8b;margin-right:9px}.app-chooser button[aria-pressed=true]{background:#f99a1e;color:#102d2a;border-color:#f99a1e}.app-chooser button[aria-pressed=true] span{color:#725018}.app-chooser button:hover{border-color:#f99a1e}.app-chooser button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.app-journey-line{height:2px;background:#799b881f;margin:15px 5% 0}.app-journey-line i{display:block;width:100%;height:100%;background:#00a99d;transform-origin:left;transform:scaleX(var(--app-progress,0))}.app-project-caption{transition:opacity .2s}.app-project-card:focus-within{opacity:1!important}.project-phone{background:#f7faf9}.app-gallery{scroll-padding-inline:9vw}
@media(min-width:900px) and (min-height:650px){.choreography-on .app-projects-section{height:340svh;padding:0;overflow:clip}.choreography-on .app-stage{position:sticky;top:0;height:100svh;overflow:clip}.choreography-on .app-stage>.wrap{padding-top:32px}.choreography-on .app-stage .section-head{padding-bottom:0;margin:0;align-items:start}.choreography-on .app-stage .section-head h2{font-size:clamp(38px,3.8vw,57px);line-height:1.03}.choreography-on .app-stage .section-head>.eyebrow{padding-top:8px}.choreography-on .app-gallery{position:absolute;top:160px;bottom:80px;left:0;right:0;padding:0;display:block;overflow:visible;perspective:1350px;scroll-snap-type:none;scrollbar-width:none}.choreography-on .app-project-card{position:absolute;top:0;left:50%;width:clamp(150px,calc((100svh - 320px) / 2.1695),245px);max-width:none;min-width:0;padding:0;transform:translateX(calc(-50% + var(--orbit-x,0px))) translateY(var(--orbit-y,0px)) translateZ(var(--orbit-z,0px)) rotateY(var(--orbit-angle,0deg)) scale(var(--orbit-scale,1));opacity:var(--orbit-opacity,1);transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;flex:none}.choreography-on .app-project-card>a{perspective:none}.choreography-on .project-phone{transform:none;border-width:5px;border-radius:29px;box-shadow:0 0 0 1px #9fb8a94d,0 30px 65px #0007}.choreography-on .app-project-caption{padding-top:18px;text-align:center}.choreography-on .app-project-caption>span{font-size:10px;letter-spacing:1.4px}.choreography-on .app-project-caption h3{font-size:20px;margin:6px 0}.choreography-on .app-project-caption p{font-size:12px;white-space:nowrap}.choreography-on .app-chooser{position:absolute;bottom:24px;left:0;right:0;padding:0 5%;z-index:50;flex-wrap:nowrap}.choreography-on .app-journey-line{position:absolute;bottom:0;left:5%;right:5%;margin:0}.choreography-on .app-gallery:focus-visible{outline:2px solid #00a99d;outline-offset:-5px}}
@media(max-width:899px),(max-height:649px){.app-projects-section{padding-top:65px;padding-bottom:30px}.app-gallery{gap:32px;padding-top:28px;padding-bottom:35px}.app-project-card{flex-basis:62vw;max-width:265px;opacity:1}.project-phone{box-shadow:0 0 0 1px #9fb8a94d,0 20px 40px #0007}.app-project-caption{text-align:center;padding-top:23px}.app-chooser{gap:7px;padding:0 5% 16px}.app-chooser button{padding:10px 12px;font-size:12px;min-height:44px}.app-chooser button span{display:none}.app-journey-line{margin-top:0}.app-stage .section-head h2{font-size:clamp(37px,7.5vw,57px)}}
.motion-paused .app-projects-section{height:auto!important;padding:80px 0 40px!important}.motion-paused .app-stage{position:relative!important;height:auto!important}.motion-paused .app-gallery{position:relative!important;display:flex!important;overflow-x:auto!important;inset:auto!important;padding:30px 5%!important}.motion-paused .app-project-card{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;flex:0 0 230px!important}.motion-paused .app-chooser{position:relative!important;inset:auto!important}.motion-paused .app-journey-line{position:relative!important;inset:auto!important}@media(prefers-reduced-motion:reduce){.app-projects-section{height:auto!important}.app-stage{position:relative!important;height:auto!important}.app-gallery{display:flex!important;position:relative!important;inset:auto!important;overflow-x:auto!important}.app-project-card{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important}}