.portfolio-page{color:#fff;background:#000;min-height:100dvh}.portfolio-page__header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.portfolio-page__mark{letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0;font-size:.9375rem;font-weight:600;text-decoration:none}.portfolio-page__intro{max-width:40rem;padding:3.5rem 2rem 2.5rem}.portfolio-page__kicker{letter-spacing:.18em;text-transform:uppercase;color:#fff9;margin:0 0 .5rem;font-size:.6875rem;font-weight:600}.portfolio-page__title{letter-spacing:-.01em;margin:0 0 .85rem;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.portfolio-page__lede{color:#ffffffa6;max-width:34rem;margin:0;line-height:1.55}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem 5rem;list-style:none;display:grid}.portfolio-card{background:#0a0a0a;border:1px solid #ffffff1f;border-radius:4px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.portfolio-card__viewer{background:linear-gradient(#1a1a1a,#050505);height:320px}.portfolio-card__viewer model-viewer{--poster-color:transparent;width:100%;height:100%}.portfolio-card__meta{border-top:1px solid #ffffff14;padding:1.25rem 1.5rem 1.5rem}.portfolio-card__title{margin:0 0 .4rem;font-size:1.125rem;line-height:1.2}.portfolio-card__description{color:#ffffffa6;margin:0;font-size:.875rem;line-height:1.5}@media (max-width:760px){.portfolio-page__header{padding:1.25rem}.portfolio-page__intro{padding:2.5rem 1.25rem 2rem}.portfolio-grid{gap:1.25rem;padding:0 1.25rem 3.5rem}}