#projects{display:grid;grid-template-columns:13.75rem minmax(0, 1fr);gap:3.125rem;align-items:start}@media only screen and (width < 64rem){#projects{display:block}}#projects .project-filter-sentinel{display:none}@media only screen and (width < 64rem){#projects .project-filter-sentinel{display:block;height:.0625rem;margin-bottom:-0.0625rem;pointer-events:none}}#projects .project-filters{position:-webkit-sticky;position:sticky;top:7.5rem;z-index:50}#projects .project-filters h2{margin:0 0 1.5625rem}@media only screen and (width < 75rem){#projects .project-filters{top:6.25rem}}@media only screen and (width < 64rem){#projects .project-filters{top:3.1875rem;margin:0 -3.125rem 3.125rem;padding:0 3.125rem .9375rem}#projects .project-filters::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;z-index:-1;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);opacity:0;pointer-events:none;transform:translateX(-50%);transition:opacity 200ms ease-in-out}#projects .project-filters.is-floating::before{opacity:1}}@media only screen and (width < 48rem){#projects .project-filters{top:1.9375rem}}@media only screen and (width < 40rem){#projects .project-filters{top:2.8125rem;margin-right:-1.5625rem;margin-left:-1.5625rem;padding-right:1.5625rem;padding-left:1.5625rem}}#projects .project-filter-options{display:flex;flex-direction:column;align-items:flex-start;gap:.625rem}@media only screen and (width < 64rem){#projects .project-filter-options{flex-direction:row;gap:1.25rem;margin-right:-3.125rem;margin-left:-3.125rem;padding-right:3.125rem;padding-left:3.125rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}#projects .project-filter-options::-webkit-scrollbar{display:none}}@media only screen and (width < 40rem){#projects .project-filter-options{margin-right:-1.5625rem;margin-left:-1.5625rem;padding-right:1.5625rem;padding-left:1.5625rem}}#projects .project-filter{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:auto;min-height:0;padding:0;color:#4d4d4d;font-size:1.125rem;line-height:1.5625rem;text-align:left;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;margin-left:-1.5rem;-moz-column-gap:0;column-gap:0}@media only screen and (width < 64rem){#projects .project-filter{margin-left:0}}#projects .project-filter::before{position:static;display:inline-block;width:.875rem;height:.875rem;margin-right:.625rem;background:#62ae45;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l10 10M12 2L2 12' stroke='%23000' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2l10 10M12 2L2 12' stroke='%23000' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E");transition:opacity .15s ease-in-out,width .15s ease-in-out,margin-right .15s ease-in-out;opacity:0}@media only screen and (width < 64rem){#projects .project-filter::before{width:0;margin-right:0}}#projects .project-filter:hover,#projects .project-filter:focus,#projects .project-filter.active{color:#62ae45}#projects .project-filter.active::before{opacity:1}@media only screen and (width < 64rem){#projects .project-filter.active::before{width:.875rem;margin-right:.375rem}}#projects .project-filter:active{transform:none}@media only screen and (width < 48rem){#projects .project-filter{font-size:1rem;line-height:1.375rem}}#projects .projects{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:3.125rem}@supports(grid-template-rows: masonry){#projects .projects{grid-template-rows:masonry;align-tracks:start}}@media only screen and (width < 90rem){#projects .projects{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media only screen and (width < 40rem){#projects .projects{gap:1.5625rem}}@media only screen and (width < 30rem){#projects .projects{grid-template-columns:1fr;gap:3.125rem}}#projects .projects.masonry-polyfill{grid-auto-rows:1px;row-gap:0;align-items:start}@media only screen and (width >= 90rem){#projects .project:nth-child(2n)::after{background-color:rgba(255,255,255,.6);background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h13v13m0-13L1.5 20.5' stroke-width='3' stroke='%234D4D4D' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")}}@media only screen and (width >= 30rem)and (width < 90rem){#projects .project:nth-child(4n-2)::after,#projects .project:nth-child(4n-1)::after{background-color:rgba(255,255,255,.6);background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h13v13m0-13L1.5 20.5' stroke-width='3' stroke='%234D4D4D' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")}}@media only screen and (width < 30rem){#projects .project:nth-child(2n)::after{background-color:rgba(255,255,255,.6);background-image:url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2h13v13m0-13L1.5 20.5' stroke-width='3' stroke='%234D4D4D' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")}}ul.links{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:3.125rem}@media only screen and (width < 48rem){ul.links{grid-template-columns:1fr}}ul.links a.button+p{margin:1.5625rem 0 0}#gallery{padding-left:0;padding-right:0}