.project-masonry{color:#fff;background:radial-gradient(circle at 92% 4%, #ffd10021, transparent 26rem), var(--black-main);padding:5rem 1rem;position:relative;overflow:hidden}.project-masonry--archive{padding-top:9rem}.project-masonry:before{pointer-events:none;content:"";opacity:.28;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 34rem);mask-image:linear-gradient(#000,#0000 34rem)}.project-masonry__container{z-index:1;width:100%;max-width:90rem;margin-inline:auto;position:relative}.project-masonry__header{margin-bottom:3rem}.project-masonry__eyebrow{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-masonry__eyebrow-mark{background:var(--yellow-main);width:2.5rem;height:.125rem}.project-masonry__heading{gap:1.5rem;display:grid}.project-masonry__all-link{width:100%;min-height:3.5rem;color:var(--black-main);letter-spacing:.04em;background:var(--yellow-main);border-radius:999px;justify-content:center;align-items:center;gap:.65rem;padding:.9rem 1.4rem;font-size:.875rem;font-weight:800;text-decoration:none;transition:color .25s,background-color .25s,box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.project-masonry__all-link svg{flex:none;width:1.15rem;height:1.15rem;transition:transform .3s}.project-masonry__all-link:focus-visible{outline-offset:.25rem;outline:2px solid #fff}.project-masonry__grid{--project-masonry-gap:1rem;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(20rem, calc((100% - 2 * var(--project-masonry-gap)) / 3))), 1fr));gap:var(--project-masonry-gap);align-items:start;display:grid}.project-masonry__item{min-width:0;height:29rem;position:relative}.project-masonry__item--compact{height:23rem}.project-masonry__item--tall{height:35rem}@supports (display:grid-lanes){.project-masonry__grid{display:grid-lanes;reading-flow:grid-rows}}@supports (display:grid-lanes) and (inset:anchor(inside)){.project-masonry__item{anchor-name:--project-masonry-cell;anchor-scope:--project-masonry-cell}.project-masonry__card{position-anchor:--project-masonry-cell;inset:anchor(inside);width:auto;height:auto;min-height:0;transition:inset .65s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .45s;position:absolute}}.project-masonry__card{width:100%;height:100%;min-height:inherit;color:#fff;background:#2b2b2b;border:1px solid #ffffff29;border-radius:1.5rem;flex-direction:column;justify-content:flex-end;padding:1.25rem;text-decoration:none;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .45s;display:flex;position:relative;overflow:hidden}.project-masonry__card[data-tone=yellow]{background:#4b4214}.project-masonry__card[data-tone=dark]{background:#2b2b2b}.project-masonry__card-title,.project-masonry__card-description{color:inherit}.project-masonry__visual{z-index:0;border-radius:inherit;background:#2b2b2b;position:absolute;inset:0;overflow:hidden}.project-masonry__visual:before,.project-masonry__visual:after{pointer-events:none;content:"";position:absolute}.project-masonry__visual:before{z-index:2;-webkit-backdrop-filter:blur(.5rem)saturate(.88);backdrop-filter:blur(.5rem)saturate(.88);background:#12121224;height:40%;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 45% 100%);mask-image:linear-gradient(#0000 0%,#000 45% 100%)}.project-masonry__visual:after{z-index:3;background:linear-gradient(#0003 0%,#0000 48%,#000c 100%);inset:0}.project-masonry__visual img,.project-masonry__visual video{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.project-masonry__visual img{z-index:0}.project-masonry__visual video{z-index:1}.project-masonry__card-copy{z-index:2;text-shadow:0 1px 1rem #0000008c;max-width:27rem;position:relative}.project-masonry__card:focus-visible{outline:2px solid var(--yellow-main);outline-offset:.3rem}.project-masonry__card-description{opacity:.82;max-width:22rem;margin-top:.5rem}.project-masonry__card-link{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.45rem;margin-top:.9rem;font-size:.75rem;font-weight:800;display:inline-flex}.project-masonry__card-link svg{width:1rem;height:1rem;transition:transform .3s}@media (hover:hover){.project-masonry__all-link:hover{color:var(--black-main);background:#fff;transform:translateY(-.2rem);box-shadow:0 1rem 3rem #ffd10033}.project-masonry__all-link:hover svg{transform:translate(.15rem,-.15rem)}.project-masonry__card:hover{border-color:#ffffff6b;transform:translateY(-.5rem);box-shadow:0 2rem 5rem #00000047}.project-masonry__card:hover .project-masonry__visual img,.project-masonry__card:hover .project-masonry__visual video{transform:scale(1.045)}.project-masonry__card:hover .project-masonry__card-link svg{transform:translate(.2rem,-.2rem)}}@media (width>=640px){.project-masonry{padding:7rem 2.5rem}.project-masonry--archive{padding-top:9rem}.project-masonry__heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.55fr);align-items:end}.project-masonry__all-link{justify-self:end;width:fit-content}.project-masonry__grid{--project-masonry-gap:1.25rem}}@media (width>=1100px){.project-masonry--archive{padding-top:11rem}.project-masonry__header{margin-bottom:4rem}}@supports (animation-timeline:view()){.project-masonry--archive .project-masonry__card{animation-name:project-card-reveal;animation-duration:1ms;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:entry 5% cover 34%}.project-masonry--archive .project-masonry__item:nth-child(2) .project-masonry__card{animation-range:entry 10% cover 39%}.project-masonry--archive .project-masonry__item:nth-child(3) .project-masonry__card{animation-range:entry 15% cover 44%}.project-masonry--archive .project-masonry__item:nth-child(4) .project-masonry__card{animation-range:entry 20% cover 49%}}@keyframes project-card-reveal{0%{opacity:0;clip-path:inset(10% 0 0 round 1.5rem);filter:blur(.75rem)}to{opacity:1;clip-path:inset(0 round 1.5rem);filter:blur()}}@media (prefers-reduced-motion:reduce){.project-masonry__card,.project-masonry__all-link,.project-masonry__all-link svg,.project-masonry__visual img,.project-masonry__visual video,.project-masonry__card-link svg{transition:none}.project-masonry--archive .project-masonry__card{animation:none}.project-masonry__visual video{display:none}}