.work-hero{--marker:var(--color-coral-deep);--em:var(--color-coral-deep);position:relative;padding-bottom:var(--spacing-section-sm);background:var(--tint-coral);overflow:hidden}.work-hero::before{content:"";position:absolute;top:-12rem;right:-10rem;width:34rem;height:34rem;border:1.5px solid rgba(17,17,17,0.1);border-radius:50%;pointer-events:none}.work-hero__inner{position:relative;display:grid;gap:var(--space-10)}.work-hero--solo .work-hero__inner{grid-template-columns:minmax(0,1fr)}.work-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.work-hero .section-heading__text{max-width:52ch}.work-filter{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);width:100%;margin-top:var(--space-2);padding-top:var(--space-6);border-top:1.5px solid rgba(17,17,17,0.18)}.work-filter__label{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-muted)}.work-filter__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.work-filter__link{--chip:var(--color-ink);--chip-fg:var(--color-cream);display:inline-flex;align-items:center;gap:var(--space-2);padding:0.4rem 0.5rem 0.4rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);transition:background-color var(--duration-fast) var(--ease-out),translate var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.work-filter__link span{display:grid;place-items:center;min-width:1.5rem;height:1.5rem;padding-inline:0.35rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--chip);font-size:var(--text-xs);font-weight:700;color:var(--chip-fg)}.work-filter__link--sky{--chip:var(--color-sky);--chip-fg:var(--color-ink)}.work-filter__link--butter{--chip:var(--color-butter);--chip-fg:var(--color-ink)}.work-filter__link--lilac{--chip:var(--color-lilac);--chip-fg:var(--color-ink)}.work-filter__link--mint{--chip:var(--color-mint);--chip-fg:var(--color-ink)}.work-filter__link--coral{--chip:var(--color-coral);--chip-fg:var(--color-ink)}.work-filter__link:hover{color:var(--color-ink);translate:-2px -2px;box-shadow:3px 3px 0 var(--color-ink)}.work-filter__link[aria-current="page"]{background:var(--color-ink);color:var(--color-cream)}.work-filter__link[aria-current="page"] span{background:var(--color-cream);color:var(--color-ink)}.work-stack{position:relative;container-type:inline-size;width:100%;max-width:18.5rem;aspect-ratio:1 / 0.92;margin-inline:auto}.work-stack [style*="--t"]{animation:work-pop 600ms var(--ease-spring) calc(var(--t,0) * 1ms) both}@keyframes work-pop{from{opacity:0;scale:0.7}to{opacity:1;scale:1}}.work-stack__card{position:absolute;top:10%;left:0;display:flex;flex-direction:column;gap:3cqw;width:58%;padding:3.5cqw 3.5cqw 4cqw;border:var(--border-ink);border-radius:var(--radius-medium);background:var(--color-cream);box-shadow:5px 5px 0 var(--color-ink);transform-origin:50% 100%;rotate:var(--r,0deg);transition:rotate var(--duration-slow) var(--ease-spring),translate var(--duration-slow) var(--ease-spring)}.work-stack__card--1{--r:-9deg;left:0;top:14%;z-index:1}.work-stack__card--2{--r:2deg;left:21%;top:4%;z-index:2}.work-stack__card--3{--r:8deg;left:42%;top:12%;z-index:3}.work-stack:hover .work-stack__card--1{--r:-13deg;translate:-4% 3%}.work-stack:hover .work-stack__card--2{translate:0 -4%}.work-stack:hover .work-stack__card--3{--r:12deg;translate:4% 3%}.work-stack__frame{display:grid;place-items:center;width:100%;aspect-ratio:4 / 3;border:var(--border-ink);border-radius:var(--radius-small);background:var(--color-surface);overflow:hidden}.work-stack__frame img{width:100%;height:100%;object-fit:cover}.work-stack__placeholder{font-family:var(--font-display);font-size:12cqw;font-style:italic;color:var(--color-border-strong)}.work-stack__caption{display:block;overflow:hidden;font-size:3.4cqw;font-weight:700;letter-spacing:-0.01em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.work-stack__sticker{position:absolute;top:-6%;right:-2%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;width:24cqw;aspect-ratio:1;border:var(--border-ink);border-radius:50%;background:var(--color-marigold);box-shadow:4px 4px 0 var(--color-ink);color:var(--color-ink);font-size:2.6cqw;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1;rotate:8deg}.work-stack__sticker b{margin-bottom:1cqw;font-size:9.5cqw;font-weight:800;letter-spacing:-0.03em;line-height:1}.work-stack__note{position:absolute;bottom:2%;left:6%;z-index:4;padding:0.45rem 0.9rem;border:var(--border-ink);border-radius:var(--radius-pill);background:var(--color-cream);box-shadow:3px 3px 0 var(--color-ink);font-size:var(--text-xs);font-weight:700;white-space:nowrap;rotate:-3deg}.work-listing__count{margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:600;color:var(--color-muted)}.work-listing__count a{color:var(--color-cobalt);text-decoration:underline;text-underline-offset:0.2em}.work-listing__grid{display:grid;gap:var(--space-10) var(--space-6)}.project-card--feature .project-card__title{font-size:var(--text-h3)}.project-card--feature .project-card__text{font-size:var(--text-base)}@media (min-width: 480px){.work-stack{max-width:20rem}}@media (min-width: 768px){.work-hero__inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-10)}.work-stack{width:19rem;margin-inline:0}.work-listing__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12) var(--space-6)}.project-card--feature{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.project-card--feature .project-card__media{border-right:var(--border-ink);border-bottom:0}.project-card--feature .project-card__image{height:100%}.project-card--feature .project-card__type{bottom:var(--space-5)}.project-card--feature .project-card__body{justify-content:center;padding:var(--space-8)}.project-card--feature .project-card__title{font-size:var(--text-h2)}}@media (min-width: 1024px){.work-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--space-16)}.work-stack{width:100%;max-width:26rem;margin-inline:auto 0}.work-listing__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12) var(--space-8)}.project-card--feature .project-card__body{padding:var(--space-10)}}@media (min-width: 1280px){.work-stack{max-width:28rem}}@media (prefers-reduced-motion: reduce){.work-stack [style*="--t"]{animation:none}.work-stack__card{transition:none}}