.work-card{border:1px solid var(--color-border);background:var(--color-background);border-radius:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.work-card:hover{border-color:oklch(from var(--color-primary) l c h / .25);box-shadow:0 20px 40px -10px oklch(from var(--color-primary) l c h / .08), 0 8px 16px -6px oklch(from var(--color-primary) l c h / .04);transform:translateY(-2px)}.work-card__image{aspect-ratio:16/10;background:var(--color-muted);position:relative;overflow:hidden}.work-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.work-card:hover .work-card__image img{transform:scale(1.03)}.work-card__body{padding:1.25rem 1.5rem 1.5rem}@container (min-width:512px){.work-card__body{padding:1.5rem 1.75rem 1.75rem}}.work-hero{background:linear-gradient(180deg, var(--river-dark-950) 0%, var(--river-dark-mid) 30%, var(--river-dark-900) 50%, var(--river-dark-mid) 70%, var(--river-dark-950) 100%);position:relative;overflow:hidden}.work-hero__image{border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;box-shadow:0 25px 50px -12px lab(0% 0 0/.5),0 0 0 1px lab(100% 0 0/.05)}.work-hero--corner .work-hero__image{max-width:100%}@container (min-width:768px){.work-hero--corner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.work-hero--corner .work-hero__image{align-self:end;height:clamp(20rem,34vw,28rem);margin-bottom:-5rem}.work-hero--corner .work-hero__image-media{object-fit:cover;object-position:top center;width:100%;height:100%}}.work-hero--content .work-hero__image,.work-hero--cover .work-hero__image{margin-top:2rem}.work-section{gap:2rem;display:grid}@container (min-width:768px){.work-section{grid-template-columns:280px 1fr;gap:3rem}}@container (min-width:1024px){.work-section{grid-template-columns:320px 1fr;gap:4rem}}.work-section__heading{position:relative}@container (min-width:768px){.work-section__heading{align-self:start;position:sticky;top:2rem}}.work-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;display:grid}.work-stat{text-align:center;background:oklch(from var(--color-primary) l c h / .06);border:1px solid oklch(from var(--color-primary) l c h / .1);border-radius:.75rem;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}:root.dark .work-stat{background:oklch(from var(--color-primary) l c h / .08);border-color:oklch(from var(--color-primary) l c h / .15)}.work-stat--dark{background:#ffffff0f;background:lab(100% 0 0/.06);border-color:#ffffff1a;border-color:lab(100% 0 0/.1)}.work-testimonial{border:1px solid var(--color-border);background:oklch(from var(--color-muted) l c h / .3);border-radius:1rem;padding:2rem;position:relative}:root.dark .work-testimonial{background:oklch(from var(--color-muted) l c h / .15)}.work-testimonial__quote:before{content:"“";color:oklch(from var(--color-primary) l c h / .15);font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:.5rem;left:1rem}.work-gallery-image{border:1px solid var(--color-border);border-radius:.75rem;overflow:hidden}.work-gallery-image img{width:100%;height:auto;display:block}.work-filter-strip{flex-wrap:wrap;gap:.5rem;display:flex}.work-filter-pill{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-muted-foreground);cursor:pointer;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:all .2s}.work-filter-pill:hover{border-color:oklch(from var(--color-primary) l c h / .4);color:var(--color-foreground)}.work-filter-pill--active{background:oklch(from var(--color-primary) l c h / .1);border-color:oklch(from var(--color-primary) l c h / .3);color:var(--color-foreground)}:root.dark .work-filter-pill{background:oklch(from var(--color-muted) l c h / .15)}:root.dark .work-filter-pill--active{background:oklch(from var(--color-primary) l c h / .15);border-color:oklch(from var(--color-primary) l c h / .3)}