:root{--outer-size:0.1875rem;--inner-size:1.25rem;--max-content:76.25rem;--spacing:3.125rem}@media only screen and (min-width:414px){:root{--outer-size:0.3125rem;--inner-size:1.5rem}}@media only screen and (min-width:768px){:root{--header-height:4.375rem;--outer-size:0.625rem;--inner-size:1.875rem;--spacing:3.75rem}}@media only screen and (min-width:1024px){:root{--outer-size:2.0625rem;--inner-size:2.5rem}}@media only screen and (min-width:1280px){:root{--spacing:4.375rem}}@media only screen and (min-width:1600px){:root{--outer-size:5.625rem;--inner-size:3.75rem;--max-content:81.25rem}}.sc-grid{display:grid;grid-template-columns:[full-start] minmax(var(--outer-size),1fr) [wide-start] var(--inner-size) [main-start] minmax(0,var(--max-content)) [main-end] var(--inner-size) [wide-end] minmax(var(--outer-size),1fr)}.sc-subtitle{font-size:1rem;font-weight:700;grid-column:wide-start/main-end;line-height:1.5;margin-bottom:var(--spacing);text-transform:uppercase}.works{grid-column:full;padding-bottom:3.125rem}.works__content{padding-left:1.25rem;position:relative}.works__slider{overflow:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.works__video{padding-bottom:60%;position:relative}.works__video__frame,.works__video__poster{height:100%;position:absolute;top:0;width:100%}.works-section img,.works-section picture,.works-section svg{display:block;max-width:100%}.works-section a,.works-section button{-webkit-tap-highlight-color:transparent;outline:none;transition:all .25s}.works__video iframe,.works__video img,.works__video picture{height:100%;object-fit:cover;object-position:center;width:100%}.works__video__play{align-items:center;bottom:0;cursor:pointer;display:flex;height:3.75rem;justify-content:center;left:0;position:absolute;transition:.15s linear;width:3.75rem;z-index:10}.works__video__play svg{height:1.25rem;transition:.15s linear;width:1.25rem}.works__slide__text{padding-top:.9375rem}.works__slide__text span{display:block;font-size:.875rem;max-width:85%;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.works__desc{font-size:1rem;margin-top:.3125rem}.works__desc a{color:#025453;transition:.15s linear}.works__next{bottom:0;cursor:pointer;position:absolute;right:.1875rem;transform:translateY(50%);transition:.15s linear;z-index:10}.works__next svg{height:3.75rem;width:3.75rem}.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.works__pagination{font-size:1rem;font-weight:600;line-height:1.25rem;margin-top:2.1875rem;pointer-events:none;user-select:none}@media only screen and (min-width:768px){.sc-subtitle{font-size:1.25rem;grid-column:main;line-height:1.25}.works{grid-column:main-start/full-end}.works__content{padding-left:0}.works__video__play{height:5.75rem;width:5.5625rem}.works__video__play svg{height:1.9375rem;width:1.3125rem}.works__slide__text span{font-size:1.25rem}.works__next{transform:translateY(-15%)}.works__next svg{height:6.5rem;width:6.5rem}}@media only screen and (min-width:1024px){.sc-subtitle{margin-bottom:3.125rem}.sc-subtitle,.works{grid-column:wide}.works .swiper-slide,.works .swiper-wrapper{position:static}.works__slide{align-items:flex-end;display:flex;justify-content:space-between}.works .swiper-slide.swiper-slide-next,.works .swiper-slide.swiper-slide-prev{opacity:0}.works__video{flex-shrink:0;padding-bottom:43%;width:100%;width:68%;z-index:15}.works__video__play{left:auto;right:0}.works__video__play svg{margin-right:-.3125rem}.works__slide__text{max-width:32%;padding-left:1.25rem;text-align:right}.works__slide__text span{max-width:100%;white-space:normal}.works__desc{margin-top:0}.works__next{bottom:auto;right:0;top:0;transform:none}.works__pagination{bottom:auto;left:72%;position:absolute;top:2.8125rem;transform:none;width:auto;z-index:10}}@media only screen and (min-width:1280px){.works__next{top:.3125rem}}@media only screen and (hover:hover) and (pointer:fine){.works__next:hover{transform:translateX(15%)}.works__desc a:hover{opacity:.4}}@media (max-width:1023px){.works-section .section-container{padding-right:0}}