.esg-block .esg-block-content .content-inner .content-item h2 span{transition:all .3s ease-out}@keyframes scrollDown{to{transform:translateY(15%)}}@keyframes scrollUp{to{transform:translateY(0%)}}.esg-block-container{padding-inline:var(--container-wide)}.esg-block{--offset: 30%;display:grid;grid-template-columns:minmax(0, 1fr);-moz-column-gap:var(--gutter-standard);column-gap:var(--gutter-standard);row-gap:var(--space-l);position:relative}@media only screen and (min-width: calc(48rem + 1px)){.esg-block{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media only screen and (min-width: calc(64rem + 1px)){.esg-block{-moz-column-gap:var(--space-2xl);column-gap:var(--space-2xl)}}.esg-block .esg-block-content{max-width:23.625rem;flex-grow:1;flex-basis:0;display:flex;gap:var(--space-m);text-align:center;align-items:center}@media only screen and (max-width: 48rem){.esg-block .esg-block-content{max-width:unset;padding-inline:var(--space-m)}}.esg-block .esg-block-content .content-inner{width:100%;display:flex;flex-direction:column;gap:var(--row-m)}.esg-block .esg-block-content .content-inner:hover .content-item{opacity:.2}.esg-block .esg-block-content .content-inner .content-item p{margin-bottom:0}.esg-block .esg-block-content .content-inner .content-item h2 span{width:1px;opacity:0;visibility:hidden;padding-left:.5rem}.esg-block .esg-block-content .content-inner .content-item:hover{opacity:1}.esg-block .esg-block-content .content-inner .content-item:hover h2 span{width:auto;opacity:1;visibility:visible}.esg-block .img{position:relative;max-width:26.25rem;height:32.8125rem;width:100%;will-change:transform}.esg-block .img img{width:100%;height:100%;border-radius:1rem 1rem 7rem 1rem;box-shadow:4px 8px 24px 0 rgba(51,51,51,.05)}@media only screen and (min-width: calc(64rem + 1px)){.esg-block .img.top{transform:translateY(calc(-1 * var(--offset)));animation:scrollDown linear both;animation-timeline:view();animation-range:entry 0% cover 100%}.esg-block .img.bottom{transform:translateY(var(--offset));animation:scrollUp linear both;animation-timeline:view();animation-range:entry 0% cover 100%}}@media only screen and (max-width: 48rem){.esg-block .img{margin:auto;max-width:20.8rem;height:26rem}}.esg-block .img.bottom img{border-radius:1rem 1rem 1rem 7rem;box-shadow:4px 8px 24px 0 rgba(51,51,51,.05)}
/*# sourceMappingURL=esg_block.css.map */