:root{--vw:calc(100vw - 100%)}@media(hover:none){:root{--vw:100vw}}.work-page-grid-m,.work-page-grid-m__step{display:flex;flex-direction:column}.work-page-grid-m__content{display:flex;padding:3.25rem 1.5rem 6.75rem;justify-content:space-between;align-items:flex-start}.work-page-grid-m__step._task .work-page-grid-m__content{background-color:#f44b44}.work-page-grid-m__step._solution .work-page-grid-m__content{background-color:#515151}.work-page-grid-m__step._result .work-page-grid-m__content{background-color:#fff}.work-page-grid-m__main{width:100%;min-width:0}.work-page-grid-m__title{font-family:Aeonik Pro;display:flex;flex-direction:column;text-transform:uppercase;color:#fff;font-size:3.75rem;line-height:4.125rem;font-weight:400;letter-spacing:-.075rem}.work-page-grid-m__step._result .work-page-grid-m__title,.work-page-grid-m__step._solution .work-page-grid-m__title{color:#f44b44}.work-page-grid-m__title-num{line-height:1;display:inline-flex;align-items:flex-start;gap:.6875rem;font-size:3.75rem;line-height:4.125rem;font-weight:400;letter-spacing:-.075rem}.work-page-grid-m__title-slash{display:block}.work-page-grid-m__vertical{margin-top:.6875rem;text-transform:uppercase;color:#fff;flex-shrink:0;writing-mode:vertical-rl;font-size:.625rem;line-height:.625rem;font-weight:400;letter-spacing:0}.work-page-grid-m__step._result .work-page-grid-m__vertical{color:#252525}.work-page-grid-m__text{margin-top:2.1875rem;padding-top:2.5rem;color:#fff;border-top:.0625rem solid hsla(0,0%,100%,.4);font-size:1.25rem;line-height:1.75rem;font-weight:400;letter-spacing:0}.work-page-grid-m__step._result .work-page-grid-m__text{color:#252525;border-top-color:rgba(37,37,37,.2)}.work-page-grid-m__cards{display:flex;flex-direction:column;gap:3rem}@supports(animation-timeline:view()){.work-page-grid-m__card-wrap{view-timeline:--work-page-grid-m-card-timeline block}}.work-page-grid-m__card-pic,.work-page-grid-m__card-video{width:100%}.work-page-grid-m__card-text{display:block;position:absolute;right:1.5rem;white-space:nowrap;text-transform:uppercase;color:#fff;writing-mode:vertical-rl;font-size:.625rem;line-height:.625rem;font-weight:400;letter-spacing:0;padding:3rem 0;top:0}@supports(animation-timeline:view()){.work-page-grid-m__card-text{animation:work-page-grid-m-card-title linear forwards;animation-timeline:--work-page-grid-m-card-timeline;animation-range:entry 0 exit 100%}}.work-page-grid-m__button{margin-top:2.5rem;text-transform:uppercase}@keyframes work-page-grid-m-card-title{0%{padding:0;top:100%;transform:translateY(-100%)}to{padding:0;top:0;transform:translateY(0)}}