.project-page{--container:min(1360px,calc(100% - 48px));display:flex;flex-direction:column;justify-content:flex-start;flex:1 1 auto;min-height:100%;gap:clamp(var(--space-6),3.5vw,var(--space-7))}.project-page>*{flex:0 0 auto}.project-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:min(62vh,28rem);color:var(--color-text);font-size:.9375rem;font-weight:600;text-align:center}.project-loading p{margin:0}.project-loading__spinner{width:28px;height:28px;border:2px solid color-mix(in srgb,var(--color-teal) 28%,transparent);border-top-color:var(--color-teal);border-radius:50%;animation:uiButtonSpin .7s linear infinite}section:has(.project-page){flex:1 1 auto;min-height:100dvh;padding-top:calc(var(--nav-height) + var(--space-6));padding-bottom:calc(44px + var(--space-8))}.project-overview{display:flex;flex-direction:column;gap:var(--space-6)}.project-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5)}.project-context .term-prompt{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .85rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.project-hero__identity{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);width:100%}.project-hero__about,.project-hero__features{display:grid;grid-gap:var(--space-3);gap:var(--space-3);width:100%}.project-hero__features{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent)}.project-hero__label,.project-page .project-stack__title{margin:0;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;color:var(--brand-cyan)}.project-hero__about p{margin:0;color:var(--color-text-muted);font-size:1rem;line-height:1.7;text-wrap:pretty}.project-nav__copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-nav__dir{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim)}.project-nav__dir:after{content:" "}.project-nav__name{color:var(--color-text)}.project-back{color:var(--brand-cyan);text-decoration:none;font-size:var(--text-caption);font-weight:500;letter-spacing:.01em;width:-moz-fit-content;width:fit-content;opacity:.82;transition:opacity var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.project-back:hover{opacity:1;color:var(--brand-cyan)}.project-hero{display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);grid-gap:clamp(var(--space-5),4vw,var(--space-7));gap:clamp(var(--space-5),4vw,var(--space-7));align-items:start}.project-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);min-width:0;max-width:36rem}.project-hero__title{margin:0;font-family:var(--font-display);font-size:clamp(1.85rem,2.8vw,2.55rem);font-weight:800;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}.project-hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.project-hero__visual{position:-webkit-sticky;position:sticky;top:calc(var(--nav-height) + var(--space-4));min-width:0}.project-hero__visual:before{content:"";position:absolute;inset:14% 8%;background:color-mix(in srgb,var(--brand-blue) 16%,transparent);filter:blur(42px);border-radius:48%;pointer-events:none;z-index:0}.project-hero__image{display:block;width:100%;height:auto}.project-hero__image,.project-preview{position:relative;z-index:1;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-teal) 18%,var(--color-border));box-shadow:0 18px 36px color-mix(in srgb,#000 28%,transparent)}.project-preview{overflow:hidden;background:var(--color-canvas-deep)}.project-preview__bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;min-height:40px;padding:0 10px;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-glass) 78%,transparent)}.project-preview__place{gap:.45rem;margin:0;color:var(--color-text-dim);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.project-preview__place,.project-preview__url{display:inline-flex;align-items:center;min-width:0;font-family:var(--font-mono);font-size:.6875rem;line-height:1}.project-preview__url{justify-content:center;gap:6px;width:100%;height:26px;padding:0 10px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-canvas-deep) 62%,transparent);color:var(--color-text-muted);letter-spacing:.01em;cursor:pointer}.project-preview__url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-preview__open:hover,.project-preview__url:hover{color:var(--color-text);border-color:color-mix(in srgb,var(--color-teal) 32%,var(--color-border))}.project-preview__exit:focus-visible,.project-preview__open:focus-visible,.project-preview__url:focus-visible,.project-preview__veil:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.project-preview__tools{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px}.project-preview__live{color:var(--status-success);font-family:var(--font-mono);font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-preview__open{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);cursor:pointer}.project-preview__screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-canvas-deep)}.project-preview__poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:top center;transition:opacity .35s var(--ease-out)}.project-preview.is-ready .project-preview__poster,.project-preview__frame{opacity:0;pointer-events:none}.project-preview__frame{position:absolute;top:0;left:0;z-index:2;border:0;transform-origin:0 0;background:var(--color-canvas-deep);transition:opacity .35s var(--ease-out)}.project-preview.is-ready .project-preview__frame{opacity:1}.project-preview.is-active .project-preview__frame{pointer-events:auto}.project-preview__exit,.project-preview__veil{position:absolute;z-index:3;border:0;cursor:pointer}.project-preview__veil{inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 16px 18px;background:linear-gradient(to top,color-mix(in srgb,var(--color-canvas-deep) 62%,transparent) 0,transparent 42%)}.project-preview__exit,.project-preview__veil span{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface-glass) 88%,transparent);color:var(--color-text);font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.project-preview__veil span{border:1px solid color-mix(in srgb,var(--color-teal) 28%,var(--color-border))}.project-preview__exit{top:10px;right:10px;border:1px solid var(--color-border)}body:not(.dark) .project-hero__image,body:not(.dark) .project-preview{box-shadow:0 16px 32px color-mix(in srgb,var(--color-canvas-deep) 22%,transparent)}body:not(.dark) .project-preview,body:not(.dark) .project-preview__screen{background:var(--color-surface)}.project-highlights{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.project-highlights li{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-4) 0}.project-highlights li+li{border-top:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.project-highlights li:first-child{padding-top:0}.project-highlights li:last-child{padding-bottom:0}.project-highlights__icon{display:inline-flex;color:var(--brand-cyan);flex-shrink:0;margin-top:.2em;opacity:.88}.project-highlights__icon svg{width:18px;height:18px}.project-highlights__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.project-highlights__copy strong{color:var(--color-text);font-size:.975rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}.project-highlights__copy span{color:var(--color-text-dim);font-size:.875rem;font-weight:400;line-height:1.5}.project-stack{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid color-mix(in srgb,var(--color-text) 10%,transparent);text-align:center}.project-page .project-stack__title{color:var(--color-text-dim)}.project-tech{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.project-tech .reveal{display:inline-flex}.project-tech .ui-tech-badge{padding:5px 12px;pointer-events:none}.project-nav-wrap{position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-nav) - 1);display:flex;justify-content:center;width:100%;padding:var(--space-3) 0 max(var(--space-4),env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--color-canvas) 48%,color-mix(in srgb,var(--color-canvas) 72%,transparent) 78%,transparent);pointer-events:none}.project-nav-wrap .reveal{width:var(--container);pointer-events:auto}.project-nav{display:flex;justify-content:space-between;gap:12px;width:100%;height:44px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-glass) 82%,transparent);backdrop-filter:blur(var(--glass-blur,5px));-webkit-backdrop-filter:blur(var(--glass-blur,5px))}.project-nav,.project-nav__link{flex-flow:row nowrap;align-items:center}.project-nav__link{display:inline-flex;gap:.4rem;min-width:0;flex:1 1;max-width:50%;height:100%;color:var(--color-text-dim);font-size:var(--text-caption);font-weight:500;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out)}.project-nav__link--next{justify-content:flex-end;text-align:right}.project-nav__link svg{width:14px;height:14px;flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out)}.project-nav__link:hover{color:var(--color-text-muted)}.project-nav__link:hover:not(.is-disabled):not(.project-nav__link--next) svg{transform:translateX(-3px)}.project-nav__link--next:hover:not(.is-disabled) svg{transform:translateX(3px)}.project-nav__link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.project-nav__link.is-disabled{opacity:.38;pointer-events:none}.project-page .reveal{--reveal-duration:0.36s}.project-hero__visual.reveal{--reveal-y:8px;--reveal-scale:0.99;--reveal-duration:0.42s}@media(max-width:1100px){.project-hero{gap:var(--space-5)}}@media(max-width:899px){.project-hero{grid-template-columns:1fr;gap:var(--space-6)}.project-hero__copy{max-width:none}.project-preview__bar{grid-template-columns:minmax(0,1fr) auto}.project-preview__place{display:none}.project-hero__visual{position:relative;top:auto}}@media(max-width:767px){section:has(.project-page){padding-bottom:calc(40px + var(--space-7))}.project-page{--container:min(1360px,calc(100% - 32px));gap:var(--space-6)}.project-overview{gap:var(--space-5)}.project-context{flex-direction:column;align-items:flex-start}.project-hero__copy{gap:var(--space-5)}.project-hero__title{font-size:clamp(1.65rem,7vw,2rem)}.project-hero__about p{font-size:.975rem}.project-hero__features{padding-top:var(--space-4)}.project-stack{padding-top:var(--space-5)}.project-nav{gap:8px;height:40px;padding:0 10px}}@media(prefers-reduced-motion:reduce){.project-back,.project-nav__link,.project-nav__link svg,.project-preview__frame,.project-preview__poster{transition:none}.project-nav__link--next:hover svg,.project-nav__link:hover svg{transform:none}.project-loading__spinner{animation:none;border-top-color:currentColor;opacity:.7}}.swal2-popup{background-color:var(--color-surface-glass)!important;-webkit-backdrop-filter:blur(var(--glass-blur,5px));backdrop-filter:blur(var(--glass-blur,5px));border:1px solid var(--color-border);font-family:var(--font-sans)!important;border-radius:var(--radius-lg);color:var(--color-text)}.swal2-popup h2{font-weight:600!important;margin-top:0!important;font-size:1.125rem!important;color:var(--color-text)!important}.swal2-popup .swal2-html-container{color:var(--color-text-muted);font-family:var(--font-sans)!important;font-size:.9375rem}.swal2-popup .swal2-confirm{border-radius:var(--radius-pill)!important;background:var(--color-teal)!important;color:#041016!important}.swal2-popup .swal2-cancel{border-radius:var(--radius-pill)!important;background:transparent!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}.swal2-popup .swal2-actions{gap:.75rem}