.archive-page{max-width:1000px;margin:0 auto;padding:2rem 2rem 4rem}.archive-page__back{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-purple);text-decoration:none;margin-bottom:1.5rem;transition:color .2s ease,gap .2s ease}.archive-page__back:hover{color:#ffffff;gap:.7rem}.archive-page__back-icon{width:1rem;height:1rem;flex-shrink:0}.archive-page__header{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.archive-page__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#ffffff,var(--color-warm));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .75rem}.archive-page__intro{font-size:1.05rem;color:var(--color-purple);line-height:1.6;max-width:600px;margin:0 auto}.archive-page__section{margin-bottom:3rem}.archive-page__section-label{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--color-teal);margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06)}.archive-page__section-svg{width:1.25rem;height:1.25rem;opacity:.85;padding:.2rem;background:#f3f3f3;border-radius:5px}.archive-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));grid-gap:1.5rem;gap:1.5rem}.archive-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.3);scroll-margin-top:calc(var(--nav-height) + 1rem)}.archive-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.5)}.archive-card:target{border-color:var(--color-warm);box-shadow:0 0 0 2px rgba(173,164,151,.3),0 16px 40px rgba(0,0,0,.5)}.archive-card__media{width:100%;overflow:hidden;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.04)}.archive-card__media video{width:100%;height:auto;display:block;transition:transform .4s ease}.archive-card:hover .archive-card__media video{transform:scale(1.02)}.archive-card__body{padding:1.25rem}.archive-card__badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .6rem;border-radius:4px;background:rgba(152,151,173,.2);color:var(--color-purple);margin-bottom:.75rem}.archive-card__badge-svg{width:.8rem;height:.8rem;opacity:.85;padding:.1rem;background:#f3f3f3;border-radius:3px}.archive-card__badge--js{background:rgba(151,172,173,.2);color:var(--color-teal)}.archive-card__title{font-size:1.25rem;font-weight:700;color:#ffffff;margin:0 0 .5rem}.archive-card__desc{font-size:.9rem;color:rgba(255,255,255,.7);line-height:1.5;margin:0 0 1rem}.archive-card__tech{display:flex;flex-wrap:wrap;gap:.4rem}.archive-card__tag{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:6px;background:rgba(173,164,151,.12);color:var(--color-warm);border:1px solid rgba(173,164,151,.15)}.archive-card__tag-svg{width:.7rem;height:.7rem;opacity:.7;padding:.1rem;background:#f3f3f3;border-radius:3px}@media (max-width:768px){.archive-page{padding:1.5rem 1rem 3rem}.archive-page__header{padding:1.5rem;margin-bottom:2rem}.archive-page__grid{grid-template-columns:1fr;gap:1.25rem}}@media (max-width:480px){.archive-page__header{border-radius:16px;padding:1.25rem}.archive-card{border-radius:12px}.archive-card__body{padding:1rem}}