.work-page{background:var(--brand-white);width:100%;position:relative;overflow:clip}.work-container{width:100%;max-width:2000px;margin:0 auto;padding:0 2.125rem}.work-background{z-index:0;opacity:0;pointer-events:none;transition:opacity .8s;position:fixed;inset:0;overflow:hidden}.work-background.active{opacity:1}.work-background img{object-fit:cover;filter:blur(40px)brightness(1.3)saturate(.4);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.15)}.work-background__current{animation:.6s forwards workBackgroundFade}@keyframes workBackgroundFade{0%{opacity:0}to{opacity:1}}.work-background:after{content:"";background:#edf1e8b8;position:absolute;inset:0}.work-hero{z-index:1;padding:clamp(8.5rem,14vw,11rem) 0 0;position:relative}.work-hero__intro{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:end;gap:clamp(2rem,6vw,7rem);padding-bottom:clamp(4rem,7vw,6.25rem);display:grid}.work-hero__breadcrumb{color:var(--base-700);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.work-hero__breadcrumb i{display:inline-flex}.work-hero__breadcrumb svg{width:14px;height:14px}.work-hero__breadcrumb span,.work-hero__breadcrumb a{font-family:var(--font-manrope),sans-serif;letter-spacing:.01em;text-transform:uppercase;color:var(--base-700);font-size:.8rem;font-weight:600}.work-hero__breadcrumb-current{color:var(--base-500)}.work-hero__lead h1{letter-spacing:-.05em;color:var(--brand-blue);margin:0 0 clamp(1.5rem,3vw,2.5rem);font-size:clamp(2.75rem,5.5vw,5.5rem);font-weight:600;line-height:1.05}.work-hero__title-reveal{color:inherit}.work-hero__side{max-width:34rem;padding-bottom:.3rem}.work-hero__side p{color:var(--base-700);margin:0;font-size:clamp(1.1rem,1.6vw,1.45rem);font-weight:500;line-height:1.45}.work-grid-section{z-index:1;padding:clamp(3rem,6vw,6rem) 0 8rem;position:relative}.work-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(2rem,4vw,3.5rem);display:flex}.work-filter__btn{border:1px solid var(--base-200);background:var(--brand-white);font-family:var(--font-manrope),sans-serif;color:var(--base-700);cursor:pointer;border-radius:999px;padding:.5rem 1.15rem;font-size:.8rem;font-weight:500;transition:background .25s,color .25s,border-color .25s}@media (hover:hover){.work-filter__btn:hover{background:var(--base-700);border-color:var(--base-700);color:var(--brand-white)}}.work-filter__btn.is-active{background:var(--brand-black);border-color:var(--brand-black);color:var(--brand-white)}.work-grid{opacity:1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:clamp(1.5rem,2.5vw,2rem);transition:opacity .18s,transform .18s;display:grid;transform:translateY(0)}.work-grid.is-filtering{opacity:0;pointer-events:none;transform:translateY(12px)}.work-card.is-hidden{display:none}@media (prefers-reduced-motion:reduce){.work-grid{transition:none}}.work-card{z-index:2;min-width:0;color:inherit;--card-accent:var(--brand-blue);border-radius:10px;flex-direction:column;gap:1.15rem;display:flex;position:relative;overflow:hidden}.work-card__image{aspect-ratio:16/10;background:var(--base-200);border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.work-card__image>img:first-child{object-fit:cover;transform-origin:50%;width:100%;height:100%;transition:transform .6s}@media (hover:hover){.work-card:hover .work-card__image>img:first-child{transform:scale(1.04)}}.work-card__flag{object-fit:cover;border-radius:2px;width:24px;height:16px;display:block;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 1px 4px #00000059}.work-card__content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem 2rem;padding-top:.25rem;display:flex}.work-card__copy{flex:14rem;min-width:0;max-width:75%}.work-card__name{font-family:var(--font-manrope),sans-serif;letter-spacing:-.03em;margin:0 0 .45rem;font-size:clamp(1.35rem,2vw,1.75rem);font-weight:600;line-height:1.15}.work-card__name a{color:color-mix(in srgb,var(--card-accent)72%,#101410);font:inherit;letter-spacing:inherit;text-decoration:none;transition:opacity .25s}@media (hover:hover){.work-card__name a:hover{opacity:.7}}.work-card__description{max-width:36rem;font-family:var(--font-manrope),sans-serif;letter-spacing:-.015em;color:var(--base-500);margin:0;font-size:clamp(.95rem,1vw,1.05rem);font-weight:400;line-height:1.4}.work-card__tags{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;max-width:16rem;margin:0;padding:0;list-style:none;display:flex}.work-card__tags span{border:1px solid var(--base-200);font-family:var(--font-manrope),sans-serif;letter-spacing:-.02em;text-transform:none;color:var(--base-700);background:0 0;border-radius:999px;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;line-height:1;transition:background .25s,color .25s,border-color .25s;display:inline-flex}@media (hover:hover){.work-card:hover .work-card__tags span{border-color:color-mix(in srgb,var(--card-accent)55%,var(--base-700))}.work-card__tags span:hover{background:var(--brand-black);border-color:var(--brand-black);color:var(--brand-white)}}@media (max-width:1024px){.work-card__copy{max-width:none}}@media (max-width:900px){.work-hero__intro{grid-template-columns:1fr}.work-grid{grid-template-columns:1fr;max-width:42rem;margin-inline:auto}}@media (max-width:700px){.work-container{padding:0 1rem}.work-grid-section{padding:clamp(2rem,8vw,3rem) 0 5rem}.work-filter{gap:.6rem;margin-bottom:clamp(1.75rem,6vw,2.5rem)}.work-filter__btn{padding:.7rem 1.25rem;font-size:.875rem}.work-grid{gap:2.25rem;max-width:none}.work-card__content{flex-direction:column;gap:.85rem}.work-card__tags{justify-content:flex-start;max-width:none}}