.sustainable-hero{position:relative;z-index:6;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 991px){.sustainable-hero{height:100dvh;display:block}}.sustainable-hero-title{max-width:129.5rem;text-align:center;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;padding-top:25.2rem;padding-bottom:27.4rem}@media screen and (max-width: 991px){.sustainable-hero-title{padding-top:23rem;padding-bottom:0;font-size:var(--fs-h1);line-height:var(--lh-h1);max-width:64rem}}@media screen and (max-width: 767px){.sustainable-hero-title{padding-top:18rem;font-size:var(--fs-h3);line-height:var(--lh-h3);max-width:40rem}}@media screen and (max-width: 476px){.sustainable-hero-title{font-size:var(--fs-h4);line-height:var(--lh-h4)}}@media screen and (max-width: 991px){.sustainable-hero-title .txt-180{font-size:var(--fs-h0);line-height:var(--lh-h0)}}@media screen and (max-width: 767px){.sustainable-hero-title .txt-180{font-size:var(--fs-h1);line-height:var(--lh-h1)}}@media screen and (max-width: 476px){.sustainable-hero-title .txt-180{font-size:var(--fs-h2);line-height:var(--lh-h2)}}.sustainable-hero-three{position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;pointer-events:none}.sustainable-hero-three-loading{width:20rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 991px){.sustainable-hero-three-loading{width:15rem}}@media screen and (max-width: 767px){.sustainable-hero-three-loading{width:8rem}}.sustainable-hero-three-wrap{position:relative;z-index:2}.sustainable-hero-three-stick{position:sticky;top:0;left:0;width:100%;height:100vh;overflow:hidden}.sustainable-hero-three-stick-inner{width:100%;height:100%}.sustainable-hero-three *{pointer-events:none!important}.sustainable-intro{display:flex;justify-content:center;align-items:center;padding-top:14.7rem;padding-bottom:15rem;position:relative;z-index:6}@media screen and (max-width: 991px){.sustainable-intro{padding-top:13.5rem;padding-bottom:11rem}}@media screen and (max-width: 767px){.sustainable-intro{padding-block:6rem}}.sustainable-intro-content{text-align:center;max-width:121rem;margin:0 auto}@media screen and (max-width: 991px){.sustainable-intro-content{max-width:unset}}@media screen and (max-width: 767px){.sustainable-intro-content{font-size:var(--fs-h5);line-height:var(--lh-h5)}}@media screen and (max-width: 476px){.sustainable-intro-content{font-size:var(--fs-h6);line-height:var(--lh-h6)}}.sustainable-practice{position:relative;z-index:5}.sustainable-practice-wrap{padding-top:15rem;padding-bottom:12.6rem;display:flex;flex-direction:column;align-items:center;gap:4rem 0;text-align:center;max-width:92rem;margin:0 auto}@media screen and (max-width: 991px){.sustainable-practice-wrap{padding-top:11rem;padding-bottom:10rem;max-width:unset}}@media screen and (max-width: 767px){.sustainable-practice-wrap{gap:3.2rem 0;padding-block:6rem}}.sustainable-practice-title{text-align:center;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.sustainable-practice-title-grp{display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (max-width: 991px){.sustainable-practice-title-grp{font-size:var(--fs-h1);line-height:var(--lh-h1);max-width:50rem}}@media screen and (max-width: 767px){.sustainable-practice-title-grp{font-size:var(--fs-h2);line-height:var(--lh-h2);max-width:40rem}}@media screen and (max-width: 476px){.sustainable-practice-title-grp{font-size:var(--fs-h3);line-height:var(--lh-h3);max-width:30rem}}.sustainable-practice-title-grp span{display:inline-block;text-align:center}.sustainable-practice-title-grp.title-bot:not(.clone-el){opacity:0!important}.sustainable-practice-title-grp.clone-el{top:100vh;z-index:-1}.sustainable-practice-link{display:flex;column-gap:.8rem;align-items:center;transition:color .4s ease}@media screen and (max-width: 767px){.sustainable-practice-link{font-size:var(--fs-18);line-height:var(--lh-18)}}.sustainable-practice-link svg{width:1.6rem;height:1.6rem}@media (hover: hover){.sustainable-practice-link:hover{color:var(--cl-orange)}}.sustainable-practice-listing{grid-column:2/-2;display:flex;flex-direction:column;padding-bottom:20rem}@media screen and (max-width: 991px){.sustainable-practice-listing{grid-column:1/-1;gap:12rem 0;padding-bottom:10rem}}@media screen and (max-width: 767px){.sustainable-practice-listing{gap:3.2rem 0;padding-bottom:18.5rem}}.sustainable-practice-item{display:flex;align-items:start;flex-direction:column;gap:4rem 0;width:calc(50% - 10rem)}.sustainable-practice-item:not(:last-child){min-height:70vh}@media screen and (max-width: 991px){.sustainable-practice-item:not(:last-child){min-height:unset}}@media screen and (max-width: 767px){.sustainable-practice-item:not(:last-child){padding-bottom:3.2rem}}@media screen and (max-width: 991px){.sustainable-practice-item{gap:3.2rem 0;width:calc(50% - .8rem)}}@media screen and (max-width: 767px){.sustainable-practice-item{display:grid;grid-template-columns:repeat(2,1fr);width:100%}}.sustainable-practice-item:nth-child(2n){align-self:end}.sustainable-practice-item:nth-child(odd){align-self:start}@media screen and (max-width: 991px){.sustainable-practice-item-title{font-size:var(--fs-h2);line-height:var(--lh-h2)}}@media screen and (max-width: 767px){.sustainable-practice-item-title{grid-column:1/2;grid-row:1/2;font-size:var(--fs-h4);line-height:var(--lh-h4)}}@media screen and (max-width: 767px){.sustainable-practice-item-desc{grid-column:span 2}}.sustainable-practice-item-ic{display:flex;align-items:center;gap:0 2rem}.sustainable-practice-item-ic>*{width:8rem;height:8rem}@media screen and (max-width: 767px){.sustainable-practice-item-ic>*{gap:0 .8rem;width:6rem;height:6rem}}@media screen and (max-width: 767px){.sustainable-practice-item-ic{grid-column:2/3;grid-row:1/2;justify-self:end}}.sustainable-practice-item .line.line-bot{display:none}@media screen and (max-width: 767px){.sustainable-practice-item .line.line-bot{display:block;grid-column:span 2}}.sustainable-commit{color:var(--cl-txt-light);padding-top:18rem;background-color:var(--cl-bg-dark);background:var(--bg-txt-dark) repeat;background-size:20rem auto}@media screen and (max-width: 991px){.sustainable-commit{padding-block:8rem}}@media screen and (max-width: 767px){.sustainable-commit{padding-bottom:0}}.sustainable-commit-title{text-align:center;margin-bottom:12rem;margin-left:auto;margin-right:auto;max-width:131rem}@media screen and (max-width: 991px){.sustainable-commit-title{font-size:var(--fs-h1);line-height:var(--lh-h1);margin-bottom:6rem;max-width:55rem}}@media screen and (max-width: 767px){.sustainable-commit-title{font-size:var(--fs-h2);line-height:var(--lh-h2)}}.sustainable-commit-listing{position:relative;margin-left:calc(var(--container-padding) * -1);margin-right:calc(var(--container-padding) * -1)}@media screen and (max-width: 991px){.sustainable-commit-listing{margin:0;display:grid;grid-template-columns:repeat(2,1fr);border-bottom:.2rem solid var(--cl-txt)}}@media screen and (max-width: 767px){.sustainable-commit-listing{margin-bottom:0;display:flex;flex-direction:column}}.sustainable-commit-item{position:relative;z-index:1;padding:6rem var(--container-padding);display:grid;align-items:center;justify-items:center;grid-template-columns:repeat(16,1fr);column-gap:var(--grid-gap);min-height:19.2rem}@media screen and (max-width: 991px){.sustainable-commit-item{padding:4rem 0;display:flex;align-items:start;flex-direction:column}.sustainable-commit-item:nth-child(odd){padding-right:4rem}}@media screen and (max-width: 991px) and (max-width: 767px){.sustainable-commit-item:nth-child(odd){padding-right:0}}@media screen and (max-width: 991px){.sustainable-commit-item:nth-child(2n){padding-left:4rem}}@media screen and (max-width: 991px) and (max-width: 767px){.sustainable-commit-item:nth-child(2n){padding-left:0}}@media screen and (max-width: 767px){.sustainable-commit-item{text-align:center}}.sustainable-commit-item>*{z-index:2}.sustainable-commit-item-ic{display:none}@media screen and (max-width: 991px){.sustainable-commit-item-ic{width:6rem;height:6rem;margin-bottom:2rem;display:flex}}@media screen and (max-width: 767px){.sustainable-commit-item-ic{align-self:center}}.sustainable-commit-item-title{margin-right:-2rem;grid-column:1/11;justify-self:start;transition:color .4s ease}@media screen and (max-width: 991px){.sustainable-commit-item-title{font-size:var(--fs-h5);line-height:var(--lh-h5);margin-bottom:1.2rem;max-width:34rem}}@media screen and (max-width: 767px){.sustainable-commit-item-title{margin-left:auto;margin-right:auto}}.sustainable-commit-item-desc{grid-column:12/17;opacity:.6;width:100%;max-width:48.6rem;font-kerning:none;justify-self:end}@media screen and (max-width: 767px){.sustainable-commit-item-desc{font-size:var(--fs-16);line-height:var(--lh-16)}}.sustainable-commit-item-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--cl-bg-dark);opacity:0;z-index:1;transition:opacity .4s ease}.sustainable-commit-item:nth-child(n+2){margin-top:-.2rem}@media screen and (max-width: 991px){.sustainable-commit-item:nth-child(n+2){margin-top:0}}.sustainable-commit-item .line{position:absolute;top:-.1rem;left:var(--container-padding);right:var(--container-padding);transition:left .4s ease-in-out,right .4s ease-in-out;background:none;width:auto}@media screen and (max-width: 991px){.sustainable-commit-item .line{left:0;right:0}}.sustainable-commit-item .line .line-inner{width:100%;height:100%;background-color:var(--cl-txt)}.sustainable-commit-item .line:nth-last-child(2){top:0}.sustainable-commit-item .line:last-child{top:auto;bottom:0}@media screen and (max-width: 991px){.sustainable-commit-item .line:last-child{display:none}}.sustainable-commit-item .line-ver{display:none}@media screen and (max-width: 991px){.sustainable-commit-item .line-ver{position:absolute;top:0;left:-.1rem;display:block;width:.2rem;background-color:var(--cl-txt)}}@media screen and (max-width: 767px){.sustainable-commit-item .line-ver{display:none}}@media screen and (hover: hover) and (min-width: 992px){.sustainable-commit-item:hover{z-index:2}.sustainable-commit-item:hover .sustainable-commit-item-title{color:var(--cl-orange)}.sustainable-commit-item:hover .sustainable-commit-item-bg{opacity:1}.sustainable-commit-item:hover .line{left:0;right:0}}.sustainable-commit-thumb{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media screen and (max-width: 991px){.sustainable-commit-thumb{display:none}}.sustainable-commit-thumb-wrap{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:40rem;height:40rem}.sustainable-commit-thumb-item{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(.8);opacity:0;transition:all .4s ease}.sustainable-commit-thumb-item.active{opacity:1;transform:scale(1)}:root{--cl-bg: #E7DDCF;--cl-bg-dark: #181818;--cl-txt: #3D3D3D;--cl-txt-light: #DBCAB6;--cl-orange: #DD6013;--cl-orange-dark: #96410D;--cl-green: #789904;--cl-white: #ffffff}.sustainable-response{padding-block:20rem}@media screen and (max-width: 991px){.sustainable-response{padding:8rem 0 10rem}}.sustainable-response-title{text-align:center;margin:0 auto 10rem;max-width:96rem}@media screen and (max-width: 991px){.sustainable-response-title{font-size:var(--fs-h1);line-height:var(--lh-h1);margin-bottom:6rem;max-width:50rem}}@media screen and (max-width: 767px){.sustainable-response-title{font-size:var(--fs-h3);line-height:var(--lh-h3);margin-bottom:4rem;text-align:start}}.sustainable-response-main{position:relative}.sustainable-response-main-headline,.sustainable-response-main-listing{display:grid;grid-template-columns:repeat(2,1fr);gap:0}@media screen and (max-width: 767px){.sustainable-response-main-headline,.sustainable-response-main-listing{display:flex;flex-direction:column}}.sustainable-response-main-listing.mod-mb{display:none}@media screen and (max-width: 767px){.sustainable-response-main-listing.mod-mb{display:flex}}@media screen and (max-width: 767px){.sustainable-response-main-listing{display:none}}.sustainable-response-main-item{position:relative}.sustainable-response-main-item.headline{display:flex;flex-direction:column;gap:4rem 0;padding-top:6rem;height:64rem}@media screen and (max-width: 991px){.sustainable-response-main-item.headline{padding-top:4rem;height:42rem;gap:2.8rem 0}}@media screen and (max-width: 767px){.sustainable-response-main-item.headline{padding-block:3.2rem;height:auto}}.sustainable-response-main-item.headline:first-child .sustainable-response-main-item-img{right:4rem}.sustainable-response-main-item.headline:not(:first-child){padding-left:8rem}@media screen and (max-width: 991px){.sustainable-response-main-item.headline:not(:first-child){padding-left:4rem}}@media screen and (max-width: 767px){.sustainable-response-main-item.headline:not(:first-child){padding-left:0}}.sustainable-response-main-item.listing{display:flex;flex-direction:column}.sustainable-response-main-item.listing:nth-child(2n){padding-left:0}.sustainable-response-main-item.listing:nth-child(2n) .sustainable-response-main-item-desc p{margin-left:8rem}@media screen and (max-width: 991px){.sustainable-response-main-item.listing:nth-child(2n) .sustainable-response-main-item-desc p{margin-left:4rem}}@media screen and (max-width: 767px){.sustainable-response-main-item.listing:nth-child(2n) .sustainable-response-main-item-desc p{margin-left:0}}.sustainable-response-main-item-title{max-width:64rem}@media screen and (max-width: 991px){.sustainable-response-main-item-title{font-size:var(--fs-h3);line-height:var(--lh-h3)}}@media screen and (max-width: 767px){.sustainable-response-main-item-title{font-size:var(--fs-h4);line-height:var(--lh-h4)}}.sustainable-response-main-item-desc{position:relative}@media screen and (max-width: 991px){.sustainable-response-main-item-desc{font-size:var(--fs-16);line-height:var(--lh-16)}}@media screen and (max-width: 991px){.sustainable-response-main-item-desc p{font-size:var(--fs-16);line-height:var(--lh-16)}}.sustainable-response-main-item-img{position:absolute;bottom:4rem;right:0;display:flex;justify-content:center;align-items:center;overflow:hidden;width:28.4rem;height:21.1rem}@media screen and (max-width: 991px){.sustainable-response-main-item-img{width:16rem;height:11rem}}@media screen and (max-width: 767px){.sustainable-response-main-item-img{position:relative;inset:0;width:100%;height:23rem}}.sustainable-response-main ul{list-style:none}.sustainable-response-main ul li{padding-block:4rem;padding-left:2.2rem}@media screen and (max-width: 991px){.sustainable-response-main ul li{padding-block:2.65rem}}.sustainable-response-main ul li p{position:relative}@media screen and (max-width: 991px){.sustainable-response-main ul li p{display:flex;align-items:center}}.sustainable-response-main ul li p:after{content:"";position:absolute;display:block;width:.8rem;height:.8rem;top:.45em;left:-2.2rem;border-radius:50%;background-color:var(--cl-txt)}@media screen and (max-width: 991px){.sustainable-response-main ul li p:after{top:inherit}}.sustainable-response .line{position:absolute}.sustainable-response .line-top{top:0}.sustainable-response .line-ver{left:calc(50% + 1px);top:0}@media screen and (max-width: 767px){.sustainable-response .line-ver{display:none}}.sustainable-response .line-bot{bottom:0;left:0}
