.project-card{position:relative;display:flex;flex-direction:column;gap:16px;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-base),background-color var(--transition-base)}.project-card:hover{border-color:var(--color-border-bright);background-color:var(--color-bg-card-hover)}.project-card__number{position:absolute;top:12px;left:12px;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.15em;color:var(--color-accent);z-index:1}.project-card__cover{width:100%;aspect-ratio:16/9;background-color:var(--color-bg-secondary);overflow:hidden}.project-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-card__image{transform:scale(1.04)}.project-card__info{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__tag{font-family:var(--font-hud);font-size:.55rem;letter-spacing:.1em;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:2px 7px;border-radius:var(--radius-sm)}.project-card__name{font-family:var(--font-display);font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;color:var(--color-text-primary);line-height:1.2}.project-card__desc{font-family:var(--font-body);font-size:.82rem;font-weight:300;line-height:1.6;color:var(--color-text-secondary)}.project-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--color-border)}.project-card__year{letter-spacing:.12em;color:var(--color-text-dim)}.project-card__platform,.project-card__year{font-family:var(--font-hud);font-size:.58rem}.project-card__platform{letter-spacing:.1em;color:var(--color-accent)}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-border-bright) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.project-card-skeleton{display:flex;flex-direction:column;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card)}.project-card-skeleton__info{display:flex;flex-direction:column;gap:10px;padding:16px}.project-card-skeleton__footer{display:flex;justify-content:space-between;margin-top:4px}.footer{width:100%;border-top:1px solid var(--color-border);padding:40px 0 24px}.footer__container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--section-padding-x);display:flex;flex-direction:column;gap:48px}.footer__top{display:flex;justify-content:space-between;align-items:center;gap:48px}.footer__brand-block{display:flex;flex-direction:column;gap:12px}.footer__brand{font-family:var(--font-hud);font-size:1rem;letter-spacing:.15em;color:var(--color-text-primary);transition:color var(--transition-fast)}.footer__brand:hover{color:var(--color-accent)}.footer__tagline{font-family:var(--font-body);font-size:.85rem;font-weight:300;color:var(--color-text-secondary);line-height:1.6;max-width:280px}.footer__socials{display:flex;align-items:center;gap:20px}.footer__social-link{color:var(--color-text-secondary);transition:color var(--transition-fast);display:flex;align-items:center}.footer__social-link:hover{color:var(--color-accent)}.footer__social-link svg{width:18px;height:18px}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--color-border)}.footer__copyright{font-family:var(--font-body);font-size:.78rem;font-weight:300;color:var(--color-text-dim)}.footer__hud{font-family:var(--font-hud);font-size:.6rem;letter-spacing:.15em;color:var(--color-text-dim)}@media (max-width:768px){.footer__top{grid-template-columns:1fr;gap:32px}.footer__bottom{flex-direction:column;align-items:flex-start;gap:8px}}.modal__overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:overlay-fade-in .25s ease forwards}.modal{position:relative;width:100%;max-width:860px;max-height:90vh;background:var(--color-bg-card);border:1px solid var(--color-border);border-bottom:none;border-radius:12px 12px 0 0;overflow-y:auto;animation:modal-slide-up .35s cubic-bezier(.16,1,.3,1) forwards}.modal__close{position:absolute;top:0;right:0;float:right;margin:16px 16px 0 0;width:32px;height:32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:color var(--transition-fast),border-color var(--transition-fast)}.modal__close:hover{color:var(--color-text-primary);border-color:var(--color-border-bright)}.modal__media{width:100%;aspect-ratio:16/9;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);overflow:hidden}.modal__iframe{width:100%;height:100%;border:none}.modal__media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-dim);font-family:var(--font-hud);font-size:.65rem;letter-spacing:.15em}.modal__content{padding:28px 32px 40px;gap:20px}.modal__content,.modal__header{display:flex;flex-direction:column}.modal__header{gap:8px}.modal__tags{display:flex;flex-wrap:wrap;gap:6px}.modal__tag{font-family:var(--font-hud);font-size:.58rem;letter-spacing:.12em;color:var(--color-accent);border:1px solid var(--color-accent);padding:2px 8px;border-radius:2px}.modal__name{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--color-text-primary);line-height:1.2;margin:0}.modal__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.1em;color:var(--color-text-secondary)}.modal__separator{color:var(--color-text-dim)}.modal__desc{font-family:var(--font-body);font-size:.95rem;font-weight:300;color:var(--color-text-secondary);line-height:1.7;margin:0}.modal__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.15em;color:var(--color-accent);border:1px solid var(--color-accent);padding:10px 20px;border-radius:4px;text-decoration:none;align-self:flex-start;transition:background var(--transition-fast),color var(--transition-fast)}.modal__link:hover{background:var(--color-accent);color:var(--color-bg)}.modal__carousel{position:relative;width:100%;height:100%;background-color:var(--color-accent-dim)}.modal__carousel-img{background-color:rgba(0,0,0,.4)}.modal__carousel-img,.modal__video{width:100%;height:100%;object-fit:contain;display:block}.modal__carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);border:1px solid var(--light);color:var(--light);font-size:1.4rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:background var(--transition-fast);z-index:2}.modal__carousel-btn--prev{left:12px}.modal__carousel-btn--next{right:12px}.modal__carousel-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.modal__carousel-counter{position:absolute;bottom:10px;right:12px;font-family:var(--font-hud);font-size:.6rem;letter-spacing:.1em;color:var(--light);background:rgba(0,0,0,.6);padding:3px 8px;border-radius:2px}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}