.portfolio{background-color:var(--color-bg-alt);padding-block:clamp(3.5rem,7vw,6.25rem) clamp(4rem,8.6vw,8.125rem);position:relative}.portfolio .section-header--centered{align-items:end;display:grid;gap:clamp(1.5rem,4.4vw,4rem);margin-inline:0;max-width:none;text-align:left}@media (min-width:1024px){.portfolio .section-header--centered{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto}.portfolio .section-header__topper{align-self:end;grid-column:1;grid-row:1}.portfolio .section-header__title{grid-column:1;grid-row:2}.portfolio .section-header__description{align-self:end;grid-column:2;grid-row:1/span 2}}.portfolio .section-header__title{font-size:clamp(2.5rem,4.7vw,4.25rem);line-height:1.02;margin:0}.portfolio .section-header__description{font-size:1.125rem;margin:0;text-wrap:pretty}.portfolio__grid{display:grid;gap:3rem;list-style:none;margin-top:clamp(2.5rem,4.4vw,4rem);padding:0}@media (min-width:900px){.portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.browser-frame--titled .browser-frame__bar{background-color:var(--color-hero-bg);border-bottom:3px solid var(--color-accent);border-radius:14px 14px 0 0;display:block;padding:1.125rem 1.5rem;text-align:center}.browser-frame__title{color:var(--color-accent);font-family:var(--font-heading);font-size:clamp(1.125rem,1.6vw,1.375rem);letter-spacing:.04em}.browser-frame--titled{background-color:#2a2036;border:0;border-radius:14px 14px 8px 8px;box-shadow:0 24px 40px rgba(45,12,87,.18);padding:0}.portfolio-card{background-color:transparent;border:0;box-shadow:none;padding:0}.portfolio-card:hover{box-shadow:none;transform:none}.browser-frame--titled picture{display:block}.browser-frame--titled .browser-frame__screenshot{aspect-ratio:1125/674;border-radius:0;display:block;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.portfolio-card__title{color:var(--color-primary);font-family:var(--font-heading);font-size:clamp(1.625rem,2.2vw,2rem);font-weight:400;line-height:1.1;margin:1.75rem 0 .625rem}.portfolio-card__description{font-size:1rem;margin:0 0 1rem}.portfolio-card__button.button--primary{background-color:transparent;border-radius:0;box-shadow:none;color:var(--color-primary);display:inline;font-family:var(--font-sans);font-size:1rem;font-weight:700;min-width:0;padding:0;text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:6px}.portfolio-card:hover .portfolio-card__button.button--primary{background-color:transparent;box-shadow:none;color:var(--color-primary-hover);transform:none}