.work-hero{background-color:#dad5cb;display:flex;height:100vh;height:100svh;min-height:480px;position:relative;width:100%}.work-hero .gutter{align-items:flex-end;display:grid;grid-template-columns:1fr;padding:32px 0;position:relative;width:100%}@media (min-width:768px){.work-hero .gutter{gap:40px;grid-template-columns:repeat(2,1fr);padding:40px 0}}.work-hero .content-box{background-color:#ece7dc;padding:40px calc((100vw - var(--scrollbar-width))*.07143);position:relative}.work-hero .content-box .h1{margin-bottom:24px}.work-hero .content-box p{margin-bottom:24px;max-width:390px;width:100%}@media (min-width:768px){.work-hero .content-box{padding:48px calc((100vw - var(--scrollbar-width))*.03571 + 1px)}.work-hero .content-box p{margin-bottom:32px}}@media (min-width:1280px){.work-hero .content-box{padding:56px 48px}}@media (min-width:1920px){.work-hero .content-box{padding:56px calc((100vw - var(--scrollbar-width))*.02679 + 1px)}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}section.work-grid,section.work-grid .grid-container{position:relative}section.work-grid .items{display:grid;gap:calc((100vw - var(--scrollbar-width))*.14286);grid-template-columns:1fr;position:relative}section.work-grid .items .item-wrapper{display:flex}section.work-grid .items .item{background-color:#ece7dc;border:1px solid #333;box-shadow:0 0 0 0 transparent;display:flex;flex:1;flex-direction:column;padding:32px calc((100vw - var(--scrollbar-width))*.07143);text-decoration:none;transition:background-color 333ms cubic-bezier(.333,1,.666,1),box-shadow 333ms cubic-bezier(.333,1,.666,1),color 333ms cubic-bezier(.333,1,.666,1)}@media (hover:hover){section.work-grid .items .item:hover{background-color:#bf351d;border-color:transparent;box-shadow:0 0 0 8px #bf351d;color:#ece7dc}}section.work-grid .items .item.hovered{background-color:#bf351d;border-color:transparent;box-shadow:0 0 0 8px #bf351d;color:#ece7dc}section.work-grid .items .item .image-holder{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}section.work-grid .items .item .meta-block{display:flex;flex:1;flex-direction:column}section.work-grid .items .item .meta-block .h2{margin-top:32px;transition:color 333ms cubic-bezier(.333,1,.666,1)}section.work-grid .items .item .meta-block p{margin-top:16px;transition:color 333ms cubic-bezier(.333,1,.666,1)}section.work-grid .load-more{display:flex;justify-content:center}@media (min-width:768px){section.work-grid .items{gap:32px;grid-template-columns:repeat(2,1fr)}section.work-grid .items .item{padding:32px}section.work-grid .items .item .meta-block p{margin-top:8px}}@media (min-width:1024px){section.work-grid .items{gap:40px}section.work-grid .items .item{padding:40px}}@media (min-width:1680px){section.work-grid .items{gap:48px}section.work-grid .items .item{padding:48px}}.case-study-enter-active,.case-study-leave-active,.case-study-move{transition:all 333ms cubic-bezier(.333,1,.666,1)}.case-study-enter-from{opacity:0;transform:translateY(32px)}.case-study-leave-to{opacity:0;transform:translateY(-32px)}.case-study-leave-active{position:absolute}
