.arb-projects-grid-section{color:var(--arb-ink)}.shopify-section--arb-section-header+.shopify-section--arb-projects-grid .arb-projects-grid-section{margin-top:0}.shopify-section--arb-section-header+.shopify-section--arb-projects-grid .arb-section-header .arb-application-section__header{margin-bottom:0;padding-bottom:0}.arb-projects-grid-section__header .arb-application-section__header{padding-top:0;padding-bottom:0;margin-bottom:0}.arb-projects-filter-group .arb-tech-docs__filters{display:flex;flex-wrap:wrap;gap:.6rem;padding-top:clamp(1.25rem,2.5vw,2.5rem);margin-bottom:2.5rem}.arb-projects-filter-group{position:relative}@media(max-width:700px){.arb-projects-filter-group .arb-tech-docs__filters{gap:.5rem;margin-bottom:1.75rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;padding-inline:5px;margin-inline:-5px}.arb-projects-filter-group .arb-tech-docs__filter{flex:0 0 auto;white-space:nowrap}}.filter-list.arb-projects-grid{position:relative;flex-flow:wrap;width:100%;display:flex;margin:0;padding:0;gap:0}.filter-list__item{width:33.3333%;padding:clamp(.5rem,1vw,.875rem)}.filter-list__item[data-filter-status=active]{transition:opacity .6s cubic-bezier(.625,.05,0,1),transform .6s cubic-bezier(.625,.05,0,1);transform:scale(1) rotate(.001deg);opacity:1;visibility:visible;position:relative;z-index:1;pointer-events:auto}.filter-list__item[data-filter-status=transition-out]{transition:opacity .45s cubic-bezier(.625,.05,0,1),transform .45s cubic-bezier(.625,.05,0,1);transform:scale(.9) rotate(.001deg);opacity:0;visibility:visible;pointer-events:none}.filter-list__item[data-filter-status=not-active]{transform:scale(.9) rotate(.001deg);opacity:0;visibility:hidden;position:absolute;pointer-events:none}.arb-project-card{display:flex;width:100%;min-width:0;height:100%;padding:0;flex-direction:column;color:inherit;background:var(--arb-white);border:1px solid var(--arb-line);border-radius:var(--arb-radius);cursor:pointer;font:inherit;overflow:hidden;text-align:left;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.arb-project-card:hover,.arb-project-card:focus-visible{border-color:#e877228c;box-shadow:var(--arb-shadow-layered, none);transform:translateY(-2px)}.arb-project-card__media{position:relative;display:block;aspect-ratio:1200 / 674;overflow:hidden;background:var(--arb-ink)}.arb-project-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000073;opacity:0;transition:opacity .22s ease;pointer-events:none}.arb-project-card:hover .arb-project-card__media:after,.arb-project-card:focus-visible .arb-project-card__media:after{opacity:1}@media(hover:none){.arb-project-card__media:after{opacity:1}}.arb-project-card__media img,.arb-project-card__media svg.arb-project-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.arb-project-card__play{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:3.5rem;height:3.5rem;margin:0;place-items:center;color:var(--arb-white);background:var(--arb-orange);border:none;border-radius:999px;box-shadow:0 10px 24px #0000002e;opacity:0;visibility:hidden;transform:translate(-50%,-50%);transition:opacity .22s ease,visibility .22s ease;pointer-events:none}.arb-project-card:hover .arb-project-card__play,.arb-project-card:focus-visible .arb-project-card__play{opacity:1;visibility:visible}@media(hover:none){.arb-project-card__play{opacity:1;visibility:visible}}.arb-project-card__play svg{width:1.65rem;height:1.65rem;margin-left:.15rem;fill:currentColor}.arb-project-card__body{display:grid;justify-items:center;padding:clamp(.85rem,1.5vw,1.15rem) clamp(1rem,2vw,1.25rem);text-align:center}.arb-project-card__title{color:var(--arb-ink);font-family:var(--arb-font-body);font-size:clamp(.8125rem,1vw,.9375rem);font-weight:700;letter-spacing:.06em;line-height:1.25;text-transform:uppercase}.arb-projects-grid-section__empty{margin:0;color:var(--arb-charcoal);font-family:var(--arb-font-body);font-size:1.0625rem;font-weight:400;line-height:1.42}.arb-project-video-modal[hidden]{display:none}.arb-project-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;padding:clamp(1rem,3vw,2rem);place-items:center}.arb-project-video-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;background:#000000d1;border:0;cursor:pointer}.arb-project-video-modal__panel{position:relative;z-index:1;width:min(1120px,100%);color:var(--arb-white)}.arb-project-video-modal__frame{width:100%;aspect-ratio:16 / 9;background:var(--arb-ink);box-shadow:0 24px 80px #00000073}.arb-project-video-modal__frame iframe{display:block;width:100%;height:100%;border:0}.arb-project-video-modal__title{display:inline-block;width:fit-content;max-width:calc(100% - 3.75rem);margin:1rem 3.75rem 0 0;padding:clamp(.4rem,.8vw,.6rem) clamp(.75rem,1.5vw,1.125rem);color:var(--arb-white);background:var(--arb-orange);border-radius:var(--arb-radius);font-family:var(--arb-font-body);font-size:clamp(.8125rem,1vw,.9375rem);font-weight:700;letter-spacing:.06em;line-height:1.25;text-transform:uppercase}.arb-project-video-modal__close{position:absolute;right:0;bottom:calc(100% + .75rem);display:grid;width:3rem;height:3rem;padding:0;place-items:center;color:var(--arb-white);background:var(--arb-orange);border:0;border-radius:999px;cursor:pointer}.arb-project-video-modal__close svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.4}body.arb-project-video-modal-open{overflow:hidden}@media(max-width:980px){.filter-list__item{width:50%}}@media(max-width:700px){.filter-list__item{width:100%}.arb-project-video-modal{padding:1rem}.arb-project-video-modal__close{right:0;bottom:calc(100% + .5rem)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/arb-projects-grid.css.map */