/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-content:"";--tw-duration:initial;--tw-ease:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}.portfolio #hero{padding-top:calc(var(--spacing,.25rem) * 12)}@media (min-width:80rem){.portfolio #hero{padding-top:calc(var(--spacing,.25rem) * 32)}}.portfolio #hero .inner{justify-content:space-between;gap:calc(var(--spacing,.25rem) * 8);padding-top:calc(var(--spacing,.25rem) * 20);padding-bottom:calc(var(--spacing,.25rem) * 12);grid-column:1/-1;display:flex}@media (min-width:80rem){.portfolio #hero .inner{grid-column:3/span 8}}@media (min-width:64rem){.portfolio #hero .content{padding-right:calc(var(--spacing,.25rem) * 8)}}@media (min-width:80rem){.portfolio #hero .content{width:50%}}.portfolio #hero .pre-title{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2.5);padding-bottom:calc(var(--spacing,.25rem) * 8);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));text-transform:uppercase;display:flex}.portfolio #hero .pre-title:after{background-color:var(--color-secondary,#2c2d41);--tw-content:" ";content:var(--tw-content);width:2.5rem;height:1px}.portfolio #projects .inner{padding-bottom:calc(var(--spacing,.25rem) * 48);grid-column:1/-1}@media (min-width:80rem){.portfolio #projects .inner{grid-column:3/span 8}}.portfolio #projects .listing-filters{column-gap:calc(var(--spacing,.25rem) * 12);row-gap:calc(var(--spacing,.25rem) * 6);width:100%;padding-block:calc(var(--spacing,.25rem) * 12);flex-wrap:wrap;display:flex}.portfolio #projects .listing-filters .underline-link,.portfolio #projects .listing-filters [data-underline-link]{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.35s;--tw-ease:var(--ease-wsp,cubic-bezier(.625, .05, 0, 1));transition-duration:.35s;transition-timing-function:var(--ease-wsp,cubic-bezier(.625, .05, 0, 1));text-decoration-line:none;position:relative}@media (hover:hover){:is(.portfolio #projects .listing-filters .underline-link,.portfolio #projects .listing-filters [data-underline-link]):hover{cursor:pointer;color:var(--color-primary,#98b7ca)}}:is(.portfolio #projects .listing-filters .underline-link,.portfolio #projects .listing-filters [data-underline-link])[data-filter-status=active]{color:var(--color-primary,#98b7ca)}:is(.portfolio #projects .listing-filters .underline-link,.portfolio #projects .listing-filters [data-underline-link])[data-filter-status=active]:before{transform-origin:0;transform:scaleX(1)rotate(.001deg)}:is(.portfolio #projects .listing-filters .underline-link,.portfolio #projects .listing-filters [data-underline-link]).disabled{pointer-events:none;opacity:.5}.portfolio #projects .listing-filters .underline-link:before,.portfolio #projects .listing-filters [data-underline-link]:before{content:"";transform-origin:100%;background-color:currentColor;width:100%;height:.0625em;transition:transform .735s cubic-bezier(.625,.05,0,1);position:absolute;bottom:3px;left:0;transform:scaleX(0)rotate(.001deg)}@media (hover:hover) and (pointer:fine){.portfolio #projects .listing-filters .underline-link:hover:before,.portfolio #projects .listing-filters [data-underline-link]:hover:before{transform-origin:0;transform:scaleX(1)rotate(.001deg)}}.portfolio #projects .listing-items{width:100%;padding-top:calc(var(--spacing,.25rem) * 8);flex-wrap:wrap;display:flex}@media (min-width:80rem){.portfolio #projects .listing-items{margin-inline:calc(var(--spacing,.25rem) * -4)}}.portfolio #projects .listing-item{margin-bottom:calc(var(--spacing,.25rem) * 6);width:100%;position:relative}@media (min-width:64rem){.portfolio #projects .listing-item{width:50%}}@media (min-width:80rem){.portfolio #projects .listing-item{width:33.3333%;padding:calc(var(--spacing,.25rem) * 4)}}.portfolio #projects .listing-item[data-filter-status=active]{opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.625,.05,0,1),transform .6s cubic-bezier(.625,.05,0,1);position:relative;transform:scale(1)rotate(.001deg)}.portfolio #projects .listing-item[data-filter-status=transition-out]{opacity:0;visibility:visible;transition:opacity .45s cubic-bezier(.625,.05,0,1),transform .45s cubic-bezier(.625,.05,0,1);transform:scale(.9)rotate(.001deg)}.portfolio #projects .listing-item[data-filter-status=not-active]{opacity:0;visibility:hidden;position:absolute;transform:scale(.9)rotate(.001deg)}.portfolio #projects .listing-item .listing-item-media{z-index:0;aspect-ratio:3/4;position:relative}.portfolio #projects .listing-item .listing-item-media .media-mask{inset:calc(var(--spacing,.25rem) * 0);z-index:10;--tw-gradient-position:to top;position:absolute}@supports (background-image:linear-gradient(in lab,red,red)){.portfolio #projects .listing-item .listing-item-media .media-mask{--tw-gradient-position:to top in oklab}}.portfolio #projects .listing-item .listing-item-media .media-mask{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:#2c2d41;--tw-gradient-from-position:0%;--tw-gradient-to:oklab(0% 0 0/0);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));--tw-gradient-to-position:65%}.portfolio #projects .listing-item .listing-item-media img{object-fit:cover;background-position:50%;width:100%;height:100%}.portfolio #projects .listing-item .listing-item-content{inset:calc(var(--spacing,.25rem) * 0);z-index:10;justify-content:flex-end;row-gap:calc(var(--spacing,.25rem) * 5);padding:calc(var(--spacing,.25rem) * 11);color:var(--color-white,#fff);flex-direction:column;display:flex;position:absolute}.portfolio #projects .listing-item .listing-item-content .project-label{text-transform:uppercase}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}