.work-page{padding:clamp(2.25rem,5vw,4rem) 0 clamp(4rem,8vw,6rem)}.work-page__frame{display:grid;gap:2.5rem}.work-page__subnav{position:sticky;top:84px;z-index:20;display:flex;flex-wrap:wrap;gap:.75rem;padding:.9rem;border:1px solid var(--border);border-radius:999px;background:#fef8e1e6;backdrop-filter:blur(10px)}.work-page__subnav-link{display:inline-flex;align-items:center;padding:.72rem 1.05rem;border-radius:999px;color:var(--muted);font-family:Space Mono,monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;transition:background .18s ease,color .18s ease,transform .18s ease}.work-page__subnav-link:hover,.work-page__subnav-link:focus-visible{color:var(--text);background:#2221200f;transform:translateY(-1px)}.work-page__subnav-link.is-active{background:var(--text);color:var(--bg)}.work-page__hero{display:grid;gap:1.1rem;max-width:58rem}.work-page__eyebrow{margin:0;font-family:Space Mono,monospace;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.work-page__title{margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.93;letter-spacing:-.06em;text-wrap:balance}.work-page__lede{margin:0;max-width:46rem;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55;color:var(--muted)}.work-page__simple{display:grid;gap:1rem;max-width:46rem}.work-page__simple-card{padding:1.5rem 1.6rem;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#ffffff61,#ffffff1f)}.work-page__simple-card h2,.work-page__simple-card p{margin:0}.work-page__simple-card h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.04em}.work-page__simple-card p{margin-top:.7rem;color:var(--muted);line-height:1.5}.extra-credit{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.95fr);gap:clamp(1.5rem,4vw,3rem);align-items:start}.extra-credit__list{display:grid;gap:.75rem}.extra-credit__item{display:grid}.extra-credit__link{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border);transition:color .18s ease}.extra-credit__title{margin:0;font-size:clamp(1.5rem,3.2vw,2.35rem);line-height:1;letter-spacing:-.05em}.extra-credit__meta,.extra-credit__arrow{font-family:Space Mono,monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.extra-credit__arrow{transition:transform .18s ease,color .18s ease}.extra-credit__link:hover .extra-credit__arrow,.extra-credit__link:focus-visible .extra-credit__arrow,.extra-credit__link.is-active .extra-credit__arrow{color:var(--text);transform:translate(4px,-4px)}.extra-credit__link:hover .extra-credit__title,.extra-credit__link:focus-visible .extra-credit__title,.extra-credit__link.is-active .extra-credit__title{color:var(--accent)}.extra-credit__preview{position:sticky;top:178px}.extra-credit__card{overflow:hidden;border:1px solid var(--border);border-radius:28px;background:#ffffff57;box-shadow:0 20px 40px #2221200f}.extra-credit__media{aspect-ratio:1.16;overflow:hidden;background:radial-gradient(circle at top left,rgba(163,234,95,.24),transparent 45%),linear-gradient(180deg,#ffffffa3,#d7d3ca3d)}.extra-credit__media img{width:100%;height:100%;object-fit:cover}.extra-credit__body{display:grid;gap:.8rem;padding:1.35rem 1.35rem 1.45rem}.extra-credit__body h2,.extra-credit__body p{margin:0}.extra-credit__body h2{font-size:clamp(1.4rem,2vw,1.9rem);letter-spacing:-.04em}.extra-credit__body p{color:var(--muted);line-height:1.55}.extra-credit__tags{display:flex;flex-wrap:wrap;gap:.5rem}.extra-credit__tag{display:inline-flex;align-items:center;padding:.38rem .68rem;border-radius:999px;background:#2221200f;font-family:Space Mono,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:920px){.extra-credit{grid-template-columns:1fr}.extra-credit__preview{position:static;order:-1}}@media(max-width:720px){.work-page__subnav{position:static;border-radius:22px;padding:.75rem}.work-page__subnav-link{padding:.62rem .88rem;font-size:.74rem}.extra-credit__link{grid-template-columns:1fr auto;align-items:start}.extra-credit__meta{grid-column:1 / -1}}