.ex-hero{background:radial-gradient(70% 60% at 50% 0%, #3b4fef24, transparent 65%), var(--bg);text-align:center;padding:clamp(3.5rem,9vw,6rem) clamp(1.25rem,4vw,3rem) clamp(3rem,7vw,4.5rem)}.ex-hero__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 1.2rem;font-size:.75rem;font-weight:700}.ex-hero h1{text-wrap:balance;max-width:22ch;margin:0 auto 1.1rem;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.1}.ex-hero__sub{color:var(--muted);max-width:56ch;margin:0 auto 2rem;font-size:1.05rem;line-height:1.6}.portfolio-section{max-width:1200px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,5.5rem)}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 2.5rem;display:flex}.portfolio-filters__pill{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.portfolio-filters__pill:hover{border-color:var(--navy-text);color:var(--ink)}.portfolio-filters__pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.portfolio-grid{grid-template-columns:1fr;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.portfolio-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;transition:border-color .15s,transform .15s;overflow:hidden}.portfolio-card:hover{border-color:var(--navy-text);transform:translateY(-2px)}.portfolio-card__link{color:inherit;text-decoration:none;display:block}.portfolio-card__media{background:var(--surface-raised);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:168px;display:flex;position:relative;overflow:hidden}.portfolio-card__screenshot{object-fit:cover;object-position:top center}.portfolio-card__logo{object-fit:contain;width:auto;max-width:70%;height:auto;max-height:60%}.portfolio-card__monogram{font-family:var(--font-display), Georgia, serif;color:var(--navy-text);opacity:.5;font-size:2.5rem;font-weight:600}.portfolio-card__body{padding:1.1rem 1.25rem 1.25rem}.portfolio-card__body h3{margin:0 0 .35rem;font-size:1.02rem}.portfolio-card__meta{color:var(--muted);margin:0 0 .6rem;font-size:.82rem;line-height:1.4}.portfolio-card__url{color:var(--navy-text);font-size:.82rem;font-weight:600}.portfolio-card:hover .portfolio-card__url{text-decoration:underline}.ex-hero__crosslink{text-align:center;color:var(--muted);margin:0 auto clamp(1.5rem,4vw,2.5rem);padding:0 1.25rem;font-size:.95rem}.ex-hero__crosslink a{color:var(--navy-text);border-bottom:1px solid;font-weight:600;text-decoration:none}