.work-hero{position:relative;width:100%;height:100svh;display:flex;align-items:center;justify-content:center;padding-inline:2rem;overflow:hidden}.work-hero-header{width:100%;display:flex;justify-content:center}.work-hero-header .container{display:flex;justify-content:center;width:100%;max-width:none;padding-inline:0;overflow:visible}.work-hero .pixelated-text{position:relative;width:max-content;height:auto}.work-hero h1{width:max-content;white-space:nowrap;font-family:"Instrument Serif",serif;font-size:12vw;line-height:.95;letter-spacing:-.2rem;text-transform:uppercase;padding:.15em .06em .12em;text-align:center;color:var(--merlot)}.work-hero h1 span{position:relative;font-family:Mea Culpa,serif;font-size:inherit;bottom:.08em;font-size:13vw;letter-spacing:.78rem}.work-footer{position:absolute;left:0;bottom:0;width:100%}.work-footer .container{display:flex;justify-content:center;align-items:center}.work-projects .container{max-width:1600px;margin-top:6rem}.work-layout{display:flex;flex-direction:column;gap:3rem;align-items:start}.work-filters{width:100%}.work-filters ul{list-style:none;display:flex;gap:2rem;align-items:center;justify-content:center}.work-filter{display:flex;align-items:center;padding:0;border:0;background:none;cursor:pointer;font-family:Neue Montreal,sans-serif;font-size:1.25rem;line-height:1.2;text-align:left;color:var(--sage);transition:color .3s ease}.work-filter .work-filter-label{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-transform:uppercase}.work-filter:hover,.work-filter.is-active{color:var(--merlot)}.work-filter-count{margin-left:.35rem;font-size:.75rem;opacity:.8}.work-grid{position:relative;width:100%;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.25rem;row-gap:3.5rem}.work-card.is-filtered-out{display:none}.work-empty{grid-column:1 / -1;margin-bottom:0;text-align:center}.work-card a,.work-card .work-card-inner{display:block;font-family:inherit;font-style:normal;color:inherit}.work-card-media{position:relative;width:100%;aspect-ratio:5 / 6;overflow:hidden;background:var(--khaki)}.work-card-media img{width:100%;height:100%;object-fit:cover;opacity:0;will-change:clip-path,transform;transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1)}.work-card-media img.is-loaded{opacity:1}.work-card a:hover .work-card-media img,.work-card .work-card-inner:hover .work-card-media img{transform:scale(1.02)}.work-card-caption{padding-top:1rem}.work-card-caption .work-card-title{margin:0;font-family:Neue Montreal,sans-serif;font-style:normal;text-transform:uppercase;color:var(--merlot)}.work-card-caption .work-card-desc{margin:.4rem 0 0;line-height:1.5}.work-card-blur{position:absolute;left:0;right:0;bottom:0;height:65%;z-index:1;pointer-events:none;transform:scaleY(-1) translateZ(0);backface-visibility:hidden}.work-card-blur .layer{position:absolute;inset:0;transform:translateZ(0);-webkit-backdrop-filter:blur(calc(var(--b, 0px) * var(--on, 0)));backdrop-filter:blur(calc(var(--b, 0px) * var(--on, 0)));-webkit-mask-image:linear-gradient(to top,transparent var(--start),#000 var(--end));mask-image:linear-gradient(to top,transparent var(--start),#000 var(--end));transition:backdrop-filter .9s ease,-webkit-backdrop-filter .9s ease}@media(hover:hover)and (pointer:fine){.work-card a,.work-card .work-card-inner{position:relative}.work-card-caption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:1.5rem 1.25rem 1.25rem}.work-card-caption .work-card-title,.work-card-caption .work-card-desc{opacity:0;transform:translateY(.75rem);transition:opacity .4s ease,transform .4s ease}.work-card-caption .work-card-title{color:#fff}.work-card-caption .work-card-desc{color:#fff;transition-delay:.1s}.work-card a:hover .work-card-title,.work-card a:hover .work-card-desc,.work-card a:focus-visible .work-card-title,.work-card a:focus-visible .work-card-desc,.work-card .work-card-inner:hover .work-card-title,.work-card .work-card-inner:hover .work-card-desc{opacity:1;transform:translateY(0)}.work-card a:hover .work-card-blur,.work-card a:focus-visible .work-card-blur,.work-card .work-card-inner:hover .work-card-blur{--on: 1}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.work-card-caption:before{content:"";position:absolute;left:0;right:0;bottom:0;height:240%;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s ease;background:linear-gradient(to top,#181818bf,#18181800)}.work-card a:hover .work-card-caption:before,.work-card a:focus-visible .work-card-caption:before,.work-card .work-card-inner:hover .work-card-caption:before{opacity:1}}}@media(hover:none),(pointer:coarse){.work-card-blur{display:none}}@media(prefers-reduced-motion:reduce){.work-card-caption .work-card-title,.work-card-caption .work-card-desc,.work-card-blur .layer{transition-duration:.01ms;transition-delay:0s}}@media(max-width:1024px){.work-layout{grid-template-columns:1fr;gap:2.5rem}.work-filters ul{flex-direction:row;flex-wrap:wrap;gap:1rem 1.5rem}.work-grid{grid-template-columns:repeat(2,1fr);row-gap:2.5rem}}@media(max-width:576px){.work-grid{grid-template-columns:1fr}}