@media only screen and (min-width:0rem){#banner-310 .cs-background:before{background:#000;content:"";display:block;height:100%;left:0;opacity:.72;position:absolute;top:0;width:100%;z-index:1}}#work-index{background:var(--dark);padding:var(--sectionPadding)}#work-index .cs-container{display:flex;flex-direction:column;gap:clamp(3rem,6vw,4.5rem);margin:auto;max-width:80rem;width:100%}#work-index .wi-index-tag{border-bottom:1px solid hsla(0,0%,100%,.08);color:var(--primary);font-size:.8125rem;font-weight:700;letter-spacing:.12em;margin:0 0 1.25rem;padding-bottom:.75rem;text-transform:uppercase}#work-index .sw-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16.25rem),1fr));width:100%}#work-index .sw-item{background:#1a1a1a;border-radius:.5rem;display:block;overflow:hidden;position:relative;text-decoration:none}#work-index .sw-item:hover .sw-media img,#work-index .sw-item:hover .sw-media video{transform:scale(1.03)}#work-index .sw-item:hover .sw-info{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 60%,transparent)}#work-index .sw-media{aspect-ratio:3/4;overflow:hidden;width:100%}#work-index .sw-media img,#work-index .sw-media video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}#work-index .sw-info{background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.3) 60%,transparent);bottom:0;left:0;padding:1.25rem 1rem 1rem;position:absolute;right:0;transition:background .3s ease}#work-index .sw-tag{color:var(--primary);display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.1em;margin-bottom:.25rem;text-transform:uppercase}#work-index .sw-name{color:var(--white);font-size:1rem;font-weight:700;margin:0}#work-index .sw-client{color:#a0a0a0;display:block;font-size:.75rem;margin-top:.125rem}