.hp-work__inner{padding-block:var(--pt) var(--pb)}.hp-work__heading{margin:0 0 40px}.hp-work__filter-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.hp-work__filters{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:56px}.hp-work__filters label{padding:9px 14px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.hp-work__filters label:hover{opacity:.7}.hp-work__pagination{display:flex;align-items:center;justify-content:center;gap:32px;padding-top:96px;font-size:var(--text-md)}.hp-work__pagination a{display:inline-flex;align-items:center;gap:12px}.hp-work__pagination a:hover{opacity:.6}.hp-work__pagination svg{width:24px;height:13px}.hp-work__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}.hp-work-card{position:relative;display:flex;flex-direction:column;height:100%}.hp-work-card__media{position:relative;display:block;aspect-ratio:608 / 760;overflow:hidden;background:var(--color-border-soft)}.hp-work-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}.hp-work-card:has(.hp-work-card__link:hover) .hp-work-card__media img{transform:scale(1.035)}.hp-work-card__tags{position:absolute;bottom:12px;left:12px;display:flex;flex-wrap:nowrap;right:12px;gap:6px}.hp-work-card__tags .chip{min-width:0;padding:7px 10px;background:#ffffffeb;color:var(--brand-ink);font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hp-work-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1;padding-top:16px}.hp-work-card__row{display:flex;align-self:stretch;align-items:baseline;justify-content:space-between;gap:16px}.hp-work-card__client{margin:0;min-width:0}.hp-work-card__link{color:inherit}.hp-work-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hp-work-card__site{position:relative;z-index:1;display:inline-flex;flex:none;align-items:center;gap:6px;padding-bottom:2px;border-bottom:1px solid currentcolor;color:var(--color-subdued);font-size:13px;line-height:1.2;white-space:nowrap;transition:opacity .2s ease}.hp-work-card__site:hover{opacity:.62}.hp-work-card__site svg{width:9px;height:auto}.hp-work-card__blurb{margin:0;font-weight:300;line-height:1.35;color:var(--color-subdued)}@media screen and (max-width:1023px){.hp-work__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px}}@media screen and (max-width:599px){.hp-work__filters{padding-bottom:36px}.hp-work__inner{padding-block:calc(var(--pt) * .6) calc(var(--pb) * .5)}.hp-work__grid{grid-template-columns:1fr;gap:46px}.hp-work__grid--carousel{display:flex;gap:16px;margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--page-margin);scrollbar-width:none}.hp-work__grid--carousel::-webkit-scrollbar{display:none}.hp-work__grid--carousel>*{flex:0 0 78%;scroll-snap-align:start}.hp-work-card__media{aspect-ratio:1 / 1.22}}@media(prefers-reduced-motion:reduce){.hp-work-card__media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/hp-work-grid.css.map */