.project-main{z-index:1;background:0 0;min-height:100vh;position:relative}.project-page{background:radial-gradient(55% 40% at 12% 18%,#ffffff14,#0000 60%),radial-gradient(40% 30% at 90% 0,#ffffff0a,#0000 55%);flex-direction:column;min-height:100vh;padding:clamp(6.5rem,11vh,8rem) clamp(1.25rem,3.5vw,2.5rem) 2.25rem;display:flex}.project-inner{flex-direction:column;flex:1;width:100%;max-width:1440px;min-height:0;margin:0 auto;display:flex}.project-back{color:#e4e4e7;align-items:center;gap:.35rem;margin-bottom:1.1rem;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.project-back:hover{text-underline-offset:3px;text-decoration:underline}.project-layout{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(300px,.62fr);align-items:start;gap:clamp(1.35rem,3vw,2.5rem);min-height:0;display:grid}.project-stage{align-items:start;min-width:0;min-height:0;display:flex}.project-stage .device.is-desktop{flex:none;width:100%;height:fit-content}.project-stage.is-tablet,.project-stage.is-mobile{justify-content:center;align-items:stretch;display:flex}.project-stage.is-tablet .device{width:100%;max-width:420px}.project-stage.is-mobile .device{max-width:280px}.project-copy{flex-direction:column;justify-content:flex-start;min-width:0;display:flex}.project-sidebar-sticky{scrollbar-width:thin;scrollbar-color:#fff3 transparent;max-height:calc(100vh - 6.5rem);padding-right:.25rem;position:sticky;top:5.5rem;overflow-y:auto}.project-kicker{letter-spacing:.14em;text-transform:uppercase;color:#a1a1aa;margin:0 0 .55rem;font-size:.72rem;font-weight:700}.project-title{letter-spacing:-.04em;color:#f8fafc;margin:0 0 1rem;font-size:clamp(2.1rem,4.2vw,3.1rem);font-weight:800}.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0 0 1.35rem;display:grid}.project-metrics.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-metric-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:.2rem;padding:.55rem .65rem;display:flex}.project-metric-label{letter-spacing:.12em;text-transform:uppercase;color:#71717a;font-size:.62rem;font-weight:700}.project-metric-value{letter-spacing:-.02em;color:#f4f4f5;font-size:.82rem;font-weight:700;line-height:1.25}.project-role{color:#e4e4e7;background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.55rem;margin:0 0 1rem;padding:.42rem .85rem .42rem .7rem;font-size:.82rem;line-height:1.35;display:inline-flex}.project-role-dot{background:#fafafa;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 8px #ffffff73}.project-block{margin-bottom:1.45rem}.project-block h2{letter-spacing:.14em;text-transform:uppercase;color:#a1a1aa;margin:0 0 .55rem;font-size:.72rem;font-weight:700}.project-pipeline-link-wrap{margin-top:.75rem!important}.project-pipeline-link{color:#e4e4e7;font-size:.86rem;font-weight:600;text-decoration:none}.project-pipeline-link:hover{text-underline-offset:3px;text-decoration:underline}.project-block p,.project-block li{color:#94a3b8;margin:0;font-size:.95rem;line-height:1.65}.project-block ul{flex-direction:column;gap:.4rem;margin:0;padding:0 0 0 1.1rem;display:flex}.project-tags{flex-wrap:wrap;gap:.45rem;display:flex}.project-tag{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:.28rem .7rem;font-size:.75rem;font-weight:600}.project-tag-with-icon{align-items:center;gap:.35rem;display:inline-flex}.project-stack-icon{opacity:.9;flex-shrink:0;width:.95rem;height:.95rem}.project-media-stage{flex-direction:column;gap:.65rem;width:100%;display:flex}.project-media-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.project-media-tabs{background:#ffffff0f;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem;display:inline-flex}.project-media-tab{color:#a1a1aa;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;border-radius:9999px;padding:.42rem .85rem;font-size:.78rem;font-weight:600;transition:background-color .2s,color .2s}.project-media-tab.is-active{color:#fafafa;background:#ffffff1f}.project-media-tab:focus-visible{outline-offset:2px;outline:2px solid #ffffff73}.project-media-expand{color:#e4e4e7;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.76rem;font-weight:600;display:inline-flex}.project-media-expand:hover{background:#ffffff1a}.project-media-live-link{color:#e4e4e7;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.76rem;font-weight:600;text-decoration:none;display:inline-flex}.project-media-live-link:hover{background:#ffffff1a}.project-live-hint{color:#71717a;margin:.65rem 0 0;font-size:.78rem;line-height:1.45}.project-live-hint a{color:#e4e4e7;font-weight:600}.project-live-hint a:hover{text-underline-offset:3px;text-decoration:underline}.project-screen-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.project-screen-tab{color:#a1a1aa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;padding:.32rem .65rem;font-size:.72rem;font-weight:600}.project-screen-tab.is-active{color:#fafafa;background:#ffffff1a;border-color:#ffffff47}.project-media-panel,.project-media-motion-frame{width:100%;min-width:0}.preview-lightbox{color:#fff;background:0 0;border:0;border-radius:16px;width:min(96vw,1200px);max-width:96vw;padding:0}.preview-lightbox::backdrop{background:#000000d1}.preview-lightbox-inner{background:#0b1220;border:1px solid #ffffff1f;border-radius:16px;padding:.75rem;position:relative}.preview-lightbox-close{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex;position:absolute;top:.65rem;right:.65rem}.preview-lightbox-image{object-fit:contain;border-radius:10px;width:100%;max-height:min(82vh,900px);display:block}@media (prefers-reduced-motion:reduce){.project-media-tab,.project-media-expand,.project-screen-tab{transition:none}}@media (max-width:900px){.project-layout{flex:none;grid-template-columns:1fr}.project-stage .device.is-desktop{min-height:0}.project-stage.is-tablet .device{max-width:280px}.project-sidebar-sticky{max-height:none;padding-right:0;position:static;overflow:visible}.project-metrics.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}.project-metrics.is-three .project-metric-card:last-child{grid-column:span 2}}@media (max-width:560px){.project-page{padding:5.5rem .85rem 1.5rem}.project-back{margin-bottom:.8rem;font-size:.78rem}.project-layout{gap:1.25rem}.project-media-toolbar{align-items:flex-start;gap:.5rem}.project-media-tabs,.project-screen-tabs{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding-bottom:.15rem;overflow-x:auto}.project-media-tabs::-webkit-scrollbar{display:none}.project-screen-tabs::-webkit-scrollbar{display:none}.project-media-tab,.project-screen-tab{flex:none;min-height:2.2rem}.project-sidebar-sticky{max-height:none}.project-metrics.is-three{grid-template-columns:1fr}.project-metrics.is-three .project-metric-card:last-child{grid-column:auto}}html[dir=rtl] .project-copy,html[dir=rtl] .project-sidebar-sticky,html[dir=rtl] .project-block{text-align:right;direction:rtl}html[dir=rtl] .project-role,html[dir=rtl] .project-metrics,html[dir=rtl] .project-tags{direction:rtl}