.js-about-section2{height:300vh;height:calc(var(--vh,1vh)*300);margin-top:-300vh;margin-top:calc(var(--vh,1vh)*-300);z-index:2;width:100%;position:absolute}.js-about-section2 .js-about-section2-sticky{height:100vh;height:calc(var(--vh,1vh)*100);justify-content:center;align-items:center;display:flex;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.js-about-section2-images-container{z-index:0;direction:ltr;grid-area:1/1/2/2;width:100%;margin-left:auto;margin-right:auto;position:absolute;top:0}.js-about-section2-images-container .js-content{content:"-spacing";width:94%;width:calc(var(--vw,1vw)*94);margin:0 auto}.js-about-section2-images-container .js-gird{min-height:30vh;min-height:calc(var(--vh,1vh)*30);perspective:var(--perspective);place-items:center;width:100%;margin:0 auto;display:grid}.js-about-section2-images-container .js-wrapper{gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-columns),1fr);height:var(--grid-height);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;width:var(--grid-width);display:grid}.js-about-section2-images-container .js-gird-item{aspect-ratio:var(--grid-item-ratio);width:100%;height:auto;position:relative}.js-about-section2-images-container .js-gird-item-img{height:calc(1/var(--grid-inner-scale)*100%);object-fit:cover;object-position:center;width:calc(1/var(--grid-inner-scale)*100%);position:absolute;overflow:hidden}.js-about-section3{height:var(--boom-sticky-height);margin-top:-100vh;margin-top:calc(var(--vh,1vh)*-100)}.js-about-section3 .js-about-section3-container{grid-column-gap:0;grid-row-gap:0;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.js-about-section3 .js-main-img{grid-column-gap:0;grid-row-gap:0;z-index:1;height:calc(var(--vh,1vh)*100);grid-area:1/1/2/2;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;align-content:end;align-self:end;align-items:end;display:grid;position:relative;overflow:hidden}.js-about-section3 .js-main-img .js-content{transform-style:preserve-3d;z-index:3;width:100%;height:calc(var(--vh,1vh)*100);grid-area:1/1/2/2;align-self:end;position:relative;overflow:hidden}@media screen and (min-width:1024px){.js-about-section3 .js-main-img .js-content{padding-top:50px;padding-bottom:50px}}.js-about-section3 .js-main-img .js-img-lists{grid-column-gap:8vw;grid-column-gap:calc(var(--vw,1vw)*8);grid-row-gap:8vw;grid-row-gap:calc(var(--vw,1vw)*8);grid-template-columns:40vw 40vw;grid-auto-columns:1fr;grid-template-columns:calc(var(--vw,1vw)*40)calc(var(--vw,1vw)*40);perspective:1000px;grid-template-rows:100%;grid-template-columns:1fr 1fr;width:94%;height:100%;margin-left:auto;margin-right:auto;display:grid;transform:translate(0)}@media screen and (max-width:640px){.js-about-section3 .js-main-img .js-img-lists{grid-column-gap:0;grid-template-columns:50% 50%;width:100%}}.js-about-section3 .js-main-img .js-img-lists-item{text-align:left;border-radius:8px;flex-direction:column;justify-content:center;display:flex;position:relative}@media screen and (max-width:640px){.js-about-section3 .js-main-img .js-img-lists-item{z-index:var(--pics-item-index)}}.js-about-section3 .js-main-img .js-img-lists-item:nth-of-type(odd){grid-area:1/1}.js-about-section3 .js-main-img .js-img-lists-item:nth-of-type(2n){grid-area:1/2}.js-about-section3 .js-main-img .js-img-lists-item-inner{text-align:left;width:100%;position:relative}.js-about-section3 .js-main-img .js-img-lists-item-inner-wrapper{border-radius:8px;width:688px;height:388px;overflow:hidden}@media screen and (max-width:1280px){.js-about-section3 .js-main-img .js-img-lists-item-inner-wrapper{width:412px;height:232px}}@media screen and (max-width:640px){.js-about-section3 .js-main-img .js-img-lists-item-inner-wrapper{width:200px;height:286px}}.js-about-section3 .js-main-img .js-img-lists-item-inner-img{grid-column-gap:16px;grid-row-gap:16px;grid-area:span 1/span 1/span 1/span 1/span 1/span 1;object-fit:contain;grid-template-rows:100%;grid-template-columns:1fr;grid-auto-columns:1fr;display:grid;overflow:hidden}.js-about-section3 .js-main-img .js-img-lists-item-inner-img img{object-fit:cover;width:688px;height:388px}@media screen and (max-width:1280px){.js-about-section3 .js-main-img .js-img-lists-item-inner-img img{width:412px;height:232px}}@media screen and (max-width:640px){.js-about-section3 .js-main-img .js-img-lists-item-inner-img img{width:200px;height:286px}}.js-about-section3 .js-main-img .js-img-lists-item-inner-text{text-align:left;margin-top:24px}@media screen and (max-width:640px){.js-about-section3 .js-main-img .js-img-lists-item-inner-text{margin-top:12px}}.js-about-section3 .js-text-mask{opacity:0;pointer-events:none;z-index:1;background:linear-gradient(#000,transparent);width:100%;height:100%;position:relative}.js-about-section3 .js-last-mask{pointer-events:none;background:rgba(0,0,0,.6);width:100%;height:100%;position:absolute;top:0;left:0}.js-about-section3 .js-bg-img{height:100vh;height:calc(var(--vh,1vh)*100);opacity:0;z-index:-5;width:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}@media screen and (min-width:1024px){.js-about-section3 .js-bg-img{filter:blur(100px)}}.js-about-section3 .js-bg-img .js-bg-img-lists{grid-column-gap:0;grid-row-gap:0;opacity:.5;grid-template-rows:100%;grid-template-columns:1fr;grid-auto-columns:1fr;width:100%;height:100%;display:grid}.js-about-section3 .js-bg-img .js-bg-img-lists-item{-webkit-background-size:cover;opacity:0;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;grid-area:1/1;width:100%;height:100%;position:relative}.js-about-section3 .js-bg-img .js-bg-img-lists-item.active{opacity:1}@media screen and (max-width:640px){.js-about-section3 .js-bg-img .js-bg-img-lists-item.active{transition:opacity .5 ease-in-out}}@media screen and (max-width:640px){.js-about-section3 .js-bg-img .js-bg-img-lists-item{filter:blur(35px);transform:scale(1.25)}}.js-about-section1{height:400vh;height:calc(var(--vh,1vh)*400);z-index:3;position:relative}.js-about-section1 .sticky-section{height:100vh;height:calc(var(--vh,1vh)*100);position:-webkit-sticky;position:sticky;top:0;left:0}.js-about-section1 .brand-bg{z-index:1;width:100%;position:absolute;left:0}.js-about-section1 .brand-bg .brand-text{text-align:center}
