@layer blocks{.portfolio-cards__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.625rem;position:relative}@media(max-width: 47.999rem){.portfolio-cards__filters{gap:0}}.portfolio-cards__filters-control{position:relative;width:100%;max-width:28.125rem;padding:0.75rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--clr-neutral-100);border:1px solid var(--clr-neutral-300);border-radius:0.25rem;color:var(--clr-neutral-700);font-size:var(--step--1);font-weight:700;text-align:left;text-transform:uppercase;cursor:pointer}.portfolio-cards__filters-control:focus{outline:2px solid var(--clr-orange-500);outline-offset:1px}.portfolio-cards__filters-control::after{content:"";position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:0.625rem;height:0.625rem;border-right:2px solid var(--clr-neutral-700);border-bottom:2px solid var(--clr-neutral-700);-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);pointer-events:none}@media(min-width: 48rem){.portfolio-cards__filters-control{display:none}}@media(max-width: 47.999rem){.portfolio-cards__filters-list-wrapper{width:100%;max-width:28.125rem;max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-in-out;transition:max-height .2s ease-in-out}}@media(max-width: 47.999rem){.portfolio-cards__filters-list{width:100%;display:grid;padding:0.5rem 0;background-color:var(--clr-neutral-100);border:1px solid var(--clr-neutral-300);border-top:0;border-radius:0 0 0.25rem 0.25rem}.portfolio-cards__filters-list li{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.portfolio-cards__filters-list li a{width:100%;padding:0.5rem 1rem;color:var(--clr-neutral-700);font-size:var(--step--1);font-weight:700;text-decoration:none;text-transform:uppercase;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.portfolio-cards__filters-list li a:hover,.portfolio-cards__filters-list li a:focus{background-color:var(--clr-neutral-200);color:var(--clr-orange-500)}.portfolio-cards__filters-list li a.active{color:var(--clr-orange-500)}}@media(min-width: 48rem){.portfolio-cards__filters-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.625rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none}.portfolio-cards__filters-list li{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.portfolio-cards__filters-list li+li{-webkit-border-start:1px solid #ccc;border-inline-start:1px solid #ccc;text-transform:uppercase}.portfolio-cards__filters-list li:first-child a{-webkit-padding-start:0;padding-inline-start:0}.portfolio-cards__filters-list a{display:block;padding:0.3125rem 1.5625rem;text-decoration:none;text-transform:uppercase;color:var(--clr-neutral-700);font-size:var(--step--1);font-weight:700}.portfolio-cards__filters-list a.active{color:var(--clr-orange-500)}.portfolio-cards__filters-list a:hover,.portfolio-cards__filters-list a:focus{color:var(--clr-orange-500)}}@media(max-width: 47.999rem){.portfolio-cards__filters-control[aria-expanded=true]{border-radius:0.25rem 0.25rem 0 0}}@media(max-width: 47.999rem){.portfolio-cards__filters-control[aria-expanded=true]+.portfolio-cards__filters-list-wrapper{max-height:500px}}.portfolio-cards{container:portfolioCards/inline-size;display:grid;gap:1.5rem;grid-template-columns:100%;padding-block:1.875rem;padding-inline:var(--wrapper-fluid-xxl)}@media(min-width: 48rem){.portfolio-cards{gap:2rem;padding-block:2.5rem}}@media(min-width: 62rem){.portfolio-cards{gap:2.5rem;padding-block:3.125rem}}.portfolio-cards>h2{text-align:center}.portfolio-cards__grid{display:grid;gap:1.5rem;grid-template-columns:100%}@media(min-width: 48rem){.portfolio-cards__grid{gap:2rem}}@media(min-width: 62rem){.portfolio-cards__grid{gap:2.5rem}}@container portfolioCards (min-width: 50rem){.portfolio-cards__grid{grid-template-columns:repeat(2, calc(50% - 1.375rem))}}.portfolio-card{aspect-ratio:769/456;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;cursor:pointer}.portfolio-card>a{grid-column:1/-1;grid-row:1/-1;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;text-decoration:none}.portfolio-card__image{grid-column:1;grid-row:1;position:relative;z-index:1;opacity:1}.portfolio-card__image img{width:100%;height:100%;position:absolute;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.portfolio-card__content{grid-column:1;grid-row:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:5;padding-block:var(--space-m) var(--space-m);padding-inline:var(--space-m);opacity:0;background:var(--clr-orange-500);-webkit-transition:var(--transition-base);transition:var(--transition-base);color:var(--clr-neutral-100)}@media(min-width: 48rem){.portfolio-card__content{padding-block:var(--space-2xl) var(--space-m)}}.portfolio-card__content h2,.portfolio-card__content h3{font-size:var(--step--1);font-weight:600;text-transform:uppercase}.portfolio-card__content p{font-size:var(--step-2)}.portfolio-card.js-active .portfolio-card__content{opacity:1}}
/*# sourceMappingURL=portfolio-cards.css.map */