.work__item{background:#f7a100;border-bottom:0;border-radius:12px;box-shadow:0 12px 16px -4px #0000001a,0 4px 8px -2px #0000000d;color:#fff;display:grid;grid-auto-rows:auto;grid-column:full;grid-template-columns:[full-start] minmax(24px,1fr) [main-start] minmax(0,1200px) [main-end] minmax(24px,1fr) [full-end];margin:0 .75rem 1.5rem;padding:1.5rem 0 0;position:relative;transition:transform .5s ease-out;z-index:10}@media screen and (min-width:1020px){.work__item{grid-template-columns:[full-start] minmax(24px,1fr) [main-start col-left-start] minmax(0,578px) [col-left-end] 44px [col-right-start] minmax(0,578px) [col-right-end main-end] minmax(24px,1fr) [full-end]}}@media screen and (min-width:1600px){.work__item{grid-template-columns:[full-start] 1fr [main-large-start] minmax(0,200px) [main-start col-left-start] minmax(0,578px) [col-left-end] 44px [col-right-start] minmax(0,578px) [col-right-end main-end] minmax(0,200px) [main-large-end] 1fr [full-end]}}@media screen and (min-width:1020px){.work__item{margin:0 .75rem 2.5rem;padding:0}}@media screen and (min-width:1600px){.work__item{grid-column:main-large}.work__item:after{border-radius:4px;box-shadow:0 12px 60px -4px #0000001f;content:"";height:100%;opacity:0;position:absolute;transition:opacity .5s ease-out;width:100%;z-index:0}.work__item:focus:after,.work__item:hover:after{opacity:1;transition:opacity 1s ease-out}}.work__item:last-of-type{margin-bottom:0}.work__item:focus,.work__item:hover{opacity:1}@media screen and (min-width:1600px){.work__item:focus,.work__item:hover{transform:scale(1.01);transition:transform 1s ease-out}}.work__item.inverse{color:#000}.work__item-content{align-items:center;display:flex;flex-direction:column;grid-column:main;justify-content:center;z-index:10}@media screen and (min-width:1020px){.work__item-content{align-items:flex-start;display:flex;flex-direction:column;grid-column:col-left;justify-content:flex-end;padding:0 0 4.5rem}}.work__item-title{margin:.25rem 0}@media screen and (min-width:1020px){.work__item-title{margin:0 0 .5rem}}.work__item-description{margin:0 0 1rem}@media screen and (min-width:1020px){.work__item-description{font-size:1.75rem;line-height:2.25rem;margin:0 0 5.25rem}}.work__item-link{align-items:center;border:1px solid;border-radius:100px;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-out}@media screen and (min-width:1020px){.work__item-link{font-size:1rem}}.work__item-link:focus,.work__item-link:hover{background:#fff3;text-decoration:none}.work__item-link.disabled{opacity:.5;pointer-events:none}.work__item-image{align-items:flex-start;aspect-ratio:1/1.25;clip-path:inset(0);display:flex;grid-column:main;justify-content:center;margin:1.25rem 0 0;overflow:hidden;z-index:10}@media screen and (min-width:1020px){.work__item-image{align-items:center;flex-direction:column;grid-column:col-right;height:692px;justify-content:flex-start;margin:0;padding:1.75rem 0 0}}.work__item-image img{display:block;height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}@media screen and (min-width:1020px){.work__item-image img{width:auto}}.case__section-header{grid-column:main}@media screen and (min-width:1020px){.case__section-header{grid-column:col-left}}.case__section-title{margin:0 0 .5rem}@media screen and (min-width:760px){.case__section-title{margin:0 0 1.5rem}}.case__section-description{margin:0 0 .75rem}@media screen and (min-width:760px){.case__section-description{margin:0 0 1.5rem}}@media screen and (min-width:1020px){.case__section-description{margin:0 0 2.5rem}}.work{display:grid;grid-auto-rows:auto;grid-template-columns:[full-start] minmax(24px,1fr) [main-start] minmax(0,1200px) [main-end] minmax(24px,1fr) [full-end];position:relative}@media screen and (min-width:1020px){.work{grid-template-columns:[full-start] minmax(24px,1fr) [main-start col-left-start] minmax(0,578px) [col-left-end] 44px [col-right-start] minmax(0,578px) [col-right-end main-end] minmax(24px,1fr) [full-end]}}@media screen and (min-width:1600px){.work{grid-template-columns:[full-start] 1fr [main-large-start] minmax(0,200px) [main-start col-left-start] minmax(0,578px) [col-left-end] 44px [col-right-start] minmax(0,578px) [col-right-end main-end] minmax(0,200px) [main-large-end] 1fr [full-end]}}.work--case{padding:2rem 0 1rem}@media screen and (min-width:760px){.work--case{padding:3rem 0 2.5rem}}@media screen and (min-width:1020px){.work--case{padding:6.75rem 0 4.5rem}}@media screen and (min-width:1600px){.work--case:after,.work--case:before{display:none}}