.what-we-do-container{height:100%;display:flex;flex-direction:column;max-height:100%;padding:1rem}.what-we-do-title{margin:1rem;margin-bottom:0;padding-bottom:1rem;border-bottom:var(--primary-color) solid 2px;text-shadow:black 0px 2px 4px;text-transform:uppercase;text-align:center;user-select:none}.what-we-do-grid{display:grid;max-height:100%;overflow:hidden;height:100%;grid-template-rows:1fr;grid-template-columns:repeat(4,1fr);width:100%;gap:0.35rem;margin-top:1rem}.grid-card{overflow:hidden;grid-column:span 1;position:relative;animation:animateCell 600ms ease-out;animation-play-state:paused;animation-fill-mode:backwards;user-select:none}.grid-card:hover{& .grid-card-inner{border:solid var(--primary-color) 2px}& .grid-card-img{backdrop-filter:blur(2px);background-color:color-mix(in srgb,transparent,var(--background-color) 30%);transform:scale(1.1)}& .grid-card-title{top:5%;color:var(--primary-color)}& .grid-card-tagline{opacity:1}}.grid-card-inner{height:100%;width:100%;border-radius:0.6rem;overflow:clip;border:solid var(--border-color) 1px;transition:all 0.25s}.grid-card-inner.first{border-radius:0.3rem}.grid-card-img{object-fit:cover;aspect-ratio:1/2;height:100%;width:100%;transition:all 0.5s;background-size:cover;background-position:center;background-blend-mode:multiply}.grid-card-title{text-shadow:rgba(0,0,0,0.5) 0px 2px 11px,var(--background-color-second) 0px 3px 5px;text-decoration:underline;text-align:center;position:absolute;top:50%;left:50%;translate:-50%;transition:top 0.3s;font-size:min(4rem,4vw)}.grid-card-tagline{position:absolute;bottom:20%;right:10%;left:10%;height:auto;font-size:1.2rem;font-variant-caps:all-small-caps;text-align:center;padding:1rem;border-radius:0.5rem;opacity:0;background:var(--background-color-second);transition:opacity 0.5s;z-index:2;user-select:text}.grid-card-tagline-icons{background:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0.5em;row-gap:1.25em;& >*{color:#fff;width:64px;height:64px;font-size:64px;place-self:center}}@media (max-width:600px){.what-we-do-container{padding:0}.what-we-do-title{position:sticky;top:0;padding:1rem;margin:0;font-size:2rem;background-image:linear-gradient(transparent -50%,var(--background-color-second) 125%);z-index:10;outline:var(--background-color-second) solid 1px}.what-we-do-grid{grid-template-columns:auto;padding:0.35rem;margin-top:0}.grid-card-tagline{padding:1rem}.grid-card{max-height:65vh;margin-top:0}.grid-card-title{font-size:13vw}.grid-card:hover{& .grid-card-title{top:5%}}}@keyframes animateCell{from{opacity:0;transform:scale(0.3)}to{opacity:1;transform:scale(1)}}