.work--filter-btns{margin-bottom:var(--gap);display:flex;flex-wrap:wrap;gap:calc(var(--gap) * .5);width:80%}.work--filter-btns button{border:1px solid;border-radius:100vw;padding:.4em .8em .35em;color:var(--color-gray)}.work--filter-btns button .txt{white-space:nowrap}.work--filter-btns button.active{color:var(--color-black)}.work--list{display:grid;grid-template-columns:1fr;gap:2px}.work--card{display:flex}.work--card .img-wrap{flex-basis:80%;width:80%}.work--card-title{width:20%;position:relative}.work--card-title h2{position:absolute;top:50%;left:50%;-webkit-transform:rotate(90deg) translate(-50%,-50%);transform:rotate(90deg) translate(-50%,-50%);-webkit-transform-origin:0 0;transform-origin:0 0;white-space:nowrap}.work--content:not(.show){opacity:0}.work--content.show{animation-name:workfade;animation-duration:.45s}@keyframes workfade{0%{opacity:0}to{opacity:1}}.project--meta-sep{color:var(--color-gray);padding:0 .333em}.project--details{margin-top:2em;grid-row-gap:var(--pspace)}.project--details h3{margin-bottom:.2em}.project--detail{text-indent:-.75em;padding-left:.75em}.project--description{margin-top:1.5em}.project--gallery>.row{gap:var(--gap)}.project--gallery-image img{background:var(--color-gray-lt)}.project--footer{margin-top:var(--header-height);display:flex;justify-content:space-between;align-items:center}@media only screen and (min-width: 640px){.work--filter-btns{width:100%}.work--list{grid-template-columns:1fr 1fr}.work--card{display:block;position:relative}.work--card .img-wrap{width:100%}.work--card-title{position:absolute;right:0;bottom:0;width:75%;background:var(--color-gray-95);padding:.65em 1em .35em}.work--card-title h2{position:static;-webkit-transform:none;transform:none}.project--title-meta{align-items:baseline}}@media only screen and (min-width: 640px) and (hover: hover){.work--card-title{opacity:0;transition:opacity .35s ease-in-out}.work--card:hover .work--card-title{opacity:1}}@media only screen and (min-width: 1024px){.work--list{grid-template-columns:1fr 1fr 1fr}.work--card-title{width:66.666667%;padding:.85em calc(var(--gap) * .5) .55em}.work--card-title h2{position:static;-webkit-transform:none;transform:none}.project--title-meta{align-items:flex-end}.project--meta-wrap{padding-bottom:.7em}.project--details{margin-top:2.45em;grid-row-gap:var(--gap)}.project--details h3{margin-bottom:.35em}.project--details-decription{align-items:baseline}.project--description{padding-bottom:.15em;order:-1}.project--gallery>.row{gap:calc(var(--gap) * 2)}.project--gallery .lg-10-12:nth-child(even){grid-column:3/13}.project--gallery .lg-7-12:nth-child(even){grid-column:6/13}}