.our-work-grid{padding:40px 0}.our-work-grid__list{align-items:center;display:flex;flex-direction:column;gap:24px;list-style:none;margin:0;padding:0 20px;width:100%}.our-work-grid__card{align-items:flex-start;background:#f4f1ec;border-radius:12px;box-shadow:0 0 2px 0 rgba(48,49,51,.1),0 4px 8px 0 rgba(48,49,51,.2);display:flex;flex-direction:column;height:468px;justify-content:flex-start;overflow:hidden;position:relative;text-decoration:none;width:100%;&:after{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 85%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}}.our-work-grid__card-page{align-items:center;background:#204d46;border-radius:0 0 4px 4px;box-shadow:0 0 2px 0 rgba(48,49,51,.1),0 4px 8px 0 rgba(48,49,51,.2);color:#f4f1ec;display:flex;font-size:14px;font-style:normal;font-weight:600;gap:16px;left:24px;letter-spacing:var(--Font-Letter-spacing-opened,2px);line-height:1;padding:8px 12px;position:absolute;text-transform:uppercase;top:0;z-index:1}.our-work-grid__media{background:#000;height:100%;margin:0;position:relative;transition:height .4s ease-in-out;width:100%}.our-work-grid__media img{display:block;height:100%;object-fit:cover;width:100%}.our-work-grid__body{bottom:0;display:flex;flex-direction:column;gap:16px;left:0;padding:20px;position:absolute;transform:translateY(0);transition:transform .45s ease;z-index:1}.our-work-grid__body-inner{align-self:stretch;display:flex;flex-direction:column;gap:16px;overflow:hidden;position:relative}.our-work-grid__body-hidden{background:#f4f1ec;transform:translateY(120%);z-index:2;&:before{background-color:#f25d2b;left:0;top:-8px;width:55%}&:after,&:before{content:"";height:8px;position:absolute}&:after{background-color:#6aa89f;right:0;top:0;width:45%}.our-work-grid__meta,.our-work-grid__summary,.our-work-grid__title{color:#000}.our-work-grid__meta{margin-top:-60px;transition:all .4s ease-in-out}}.our-work-grid__title{font-size:20px;font-weight:700;letter-spacing:-1px;line-height:24px;text-overflow:ellipsis}.our-work-grid__meta,.our-work-grid__title{color:#fff;font-style:normal;overflow:hidden}.our-work-grid__meta{font-size:14px;font-weight:600;letter-spacing:2px;line-height:1;text-transform:uppercase}.our-work-grid__summary{color:#fff;display:-webkit-box;font-size:16px;font-style:normal;font-weight:400;letter-spacing:0;line-height:24px;margin-top:0;max-height:0;opacity:0;transition:max-height .42s ease,opacity .3s ease 60ms,margin-top .3s ease;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;line-clamp:3}.our-work-grid__card:hover .our-work-grid__media{height:75%}.our-work-grid__card:hover .our-work-grid__body:not(.our-work-grid__body-hidden){transform:translateY(40px)}.our-work-grid__card:hover .our-work-grid__body{transform:translateY(0)}.our-work-grid__card:hover .our-work-grid__body-hidden .our-work-grid__meta{margin-top:0}.our-work-grid__card:hover .our-work-grid__summary{max-height:140px;opacity:1}.our-work-grid__card:hover .our-work-grid__read-more{margin-top:24px;max-height:60px;opacity:1}.our-work-grid__card:hover .our-work-grid__read-more svg{transform:translateX(4px)}.our-work-grid__read-more{align-items:center;color:#1c1c1c;display:flex;font-size:18px;font-style:normal;font-weight:600;gap:18px;line-height:20px;margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:4px 0;transition:max-height .42s ease,opacity .3s ease 80ms,margin-top .3s ease;width:195px;svg{aspect-ratio:16.33/16.33;flex-shrink:0;height:16.333px;transition:transform .3s ease;width:16.333px}}.our-work-grid--empty{padding:40px 0;text-align:center}@media (min-width:768px){.our-work-grid__list{display:grid;gap:40px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.our-work-grid{align-items:center;display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1440px;padding:0 72px;width:100%}.our-work-grid__list{display:grid;gap:40px 24px;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 12px}.our-work-grid__inner{width:100%}.our-work-grid__card{height:555px;max-width:384px;width:100%}.our-work-grid__item:nth-child(3n+1) .our-work-grid__card{justify-self:start}.our-work-grid__item:nth-child(3n+2) .our-work-grid__card{justify-self:center}.our-work-grid__item:nth-child(3n+3) .our-work-grid__card{justify-self:end}.our-work-grid__title{font-size:20px;line-height:24px}}@media (min-width:2200px){.our-work-grid{gap:48px;margin:0 auto;max-width:1556px;padding:0}.our-work-grid__card{height:604px;max-width:436px}.our-work-grid__title{font-size:32px;line-height:36px}}