@font-face{font-family:'10996';src:url(../font/10996.OTF)}@font-face{font-family:'10990';src:url(../font/10990.OTF)}@font-face{font-family:'10997';src:url(../font/10997.OTF)}.i-top{position:relative}.i-top .container{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:var(--header-height);padding-bottom:10px;z-index:2;height:100vh;max-height:calc(100vw * 9 /16)}.i-top #bgvid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.i-top-title{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:center;flex:1;max-width:85%;padding:15px 0 15px 87px}.i-top-title .title{font-size:clamp(36px, 5.65vw, 108px);line-height:1;font-weight:500;color:#fff}.i-top-item{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;margin-left:auto;width:41%;justify-content:flex-end}.i-top-item-box{height:calc(24vw * 9 / 16);flex:0.5 1 0%;position:relative;transition:flex 0.65s cubic-bezier(0.4, 0.15, 0, 1);overflow:hidden;border-radius:clamp(10px, 1.1vw, 20px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(9px, 1vw, 18px)}.i-top-item-box:nth-child(1){transform-origin:left center}.i-top-item-box:nth-child(2){transform-origin:right center}.i-top-item-box span{display:block;color:#fff;font-size:clamp(16px, 1vw, 18px);position:relative;z-index:2}.i-top-item-box picture{position:relative;display:block;position:absolute;top:0;left:0;width:calc(100% + 25px);height:calc(100% + 100px);border-radius:20px;overflow:hidden;aspect-ratio:unset;left:50%;top:50%;transform:translate(-50%, -50%);transition:width 0.65s cubic-bezier(0.4, 0.15, 0, 1)}.i-top-item-box picture img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:unset}.i-top-item-box picture:after{content:'';background-color:color-mix(in srgb, var(--color-dark-blue), transparent 70%);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;transition:opacity 0.5s cubic-bezier(0.4, 0.15, 0, 1)}.i-top-item-box .circle-btn{position:relative;margin-top:auto;margin-left:auto;width:clamp(30px, 2.65vw, 50px);height:clamp(30px, 2.65vw, 50px);border-radius:50%;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:0.65s cubic-bezier(0.4, 0.15, 0, 1)}.i-top-item-box .circle-btn svg{width:40%;height:40%}@media (hover: hover){.i-top-item-box:hover{flex:0.58 1 0%}.i-top-item-box:hover .circle-btn{transform:scale(1)}.i-top-item-box:hover picture{width:100%}.i-top-item-box:hover picture:after{opacity:1}}@media only screen and (min-width: 0px) and (max-width: 767px){.i-top .container{height:auto;max-height:initial;min-height:500px}.i-top-title{max-width:100%;padding:15px 0}.i-top-title .title{font-size:clamp(24px, 7.2vw, 36px)}.i-top-item{gap:12px;width:100%}.i-top-item-box{height:130px;border-radius:10px;padding:15px}.i-top-item-box span{font-size:16px}.i-top-item-box .circle-btn{transform:scale(1)}}.i-phrase{position:relative;padding-top:calc(5vw * 9 / 16);padding-bottom:calc(14vw * 9 / 16)}.i-phrase .i-phrase-top{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:flex-end;align-items:flex-end;justify-content:space-between}.i-phrase .i-top-item{width:48%}.i-phrase .uptitle-wr{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:center;align-items:center;text-transform:uppercase;font-size:16px;gap:0 16px;font-weight:bold;line-height:1}.i-phrase .uptitle-wr .icon{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:center;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px}.i-phrase .uptitle-wr .icon img{display:block;width:100%}.i-phrase .title{position:relative;line-height:1.1;margin-top:calc(8.5vw * 9 / 16);font-size:clamp(32px, 5vw, 96px)}@media only screen and (min-width: 768px) and (max-width: 1023px){.i-phrase .i-top-item{width:50%}}@media only screen and (min-width: 0px) and (max-width: 767px){.i-phrase .i-phrase-top{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-ms-align-items:flex-start;align-items:flex-start;gap:20px 0}.i-phrase .i-top-item{width:100%}.i-phrase{padding-top:40px;padding-bottom:40px}.i-phrase .title{margin-top:20px;font-size:26px}}.i-icons{position:relative;padding-top:calc(13vw * 9 / 16)}.i-icons .title{position:relative;line-height:1.1;font-size:clamp(26px, 4vw, 76px)}.i-icons .result{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(5vw * 9 / 16);padding:0 96px}.i-icon-bl{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;width:25%;min-height:calc(35vw * 9 / 16);border-top:1px dashed #1f1f1f33;border-bottom:1px dashed #1f1f1f33;border-left:1px dashed #1f1f1f33;padding:clamp(12px, 1.25vw, 24px) clamp(16px, 1.7vw, 32px)}.i-icon-bl:nth-child(4){border-right:1px dashed #1f1f1f33}.i-icon-bl .icon{position:relative;height:clamp(40px, 3.25vw, 62px);margin-bottom:clamp(12px, 1.25vw, 24px)}.i-icon-bl .icon img{display:block;height:100%;width:auto}.i-icon-bl .small-title{margin-top:auto;font-size:clamp(18px, 1.4vw, 27px);line-height:1.1}.i-icon-bl .text{font-size:clamp(16px, 1.1vw, 20px);line-height:1.3}@media only screen and (min-width: 768px) and (max-width: 1023px){.i-icons .result{padding:0 15px}.i-icon-bl{width:50%;min-height:calc(55vw * 9 / 16);padding:16px 24px}.i-icon-bl:nth-child(2){border-right:0}.i-icon-bl .icon{height:50px;margin-bottom:16px}.i-icon-bl .small-title{font-size:22px}.i-icon-bl .text{font-size:16px}}@media only screen and (min-width: 0px) and (max-width: 767px){.i-icons{padding-top:40px}.i-icons .title{font-size:26px}.i-icons .result{margin-top:20px;padding:0}.i-icon-bl{width:100%;min-height:clamp(150px, 45vw, 175px);border-top:1px dashed #1f1f1f33;border-bottom:0;border-left:0;padding:15px 20px}.i-icon-bl:nth-child(4){border-right:0;border-bottom:1px dashed #1f1f1f33}.i-icon-bl .icon{height:44px;margin-bottom:15px}.i-icon-bl .small-title{font-size:20px}.i-icon-bl .text{font-size:16px;margin-top:5px}}.i-partner{position:relative}.i-partner .section-title{margin-left:calc(25% + 10px)}.i-partner .section-title span{color:#fe1822}.i-partner-wr{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;margin-top:calc(7.4vw * 9 /16)}.i-partner-box{position:relative}.i-partner-box:nth-child(8n+1){grid-column-start:1}.i-partner-box:nth-child(8n+3){grid-column-start:4}.i-partner-box:nth-child(8n+4),.i-partner-box:nth-child(8n+7){grid-column-start:2}.i-partner-box .picture{position:relative;aspect-ratio:8 / 5;background-color:#ededed;border-radius:4px;display:flex;position:relative;z-index:0;justify-content:center;align-items:center}.i-partner-box .picture picture{filter:grayscale(1);max-width:70%;max-height:70%;transition:.3s ease-in-out}.i-partner-box .picture img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.i-partner-box small{font-size:11px;display:block;text-transform:uppercase;position:absolute;bottom:0;left:0;padding:5px 10px;z-index:2;letter-spacing:1px}@media (hover: hover){.i-partner-box:hover .picture picture{filter:grayscale(0)}}@media only screen and (min-width: 1024px) and (max-width: 1279px){.i-partner-wr{grid-template-columns:repeat(3, minmax(0, 1fr))}.i-partner-box{position:relative}.i-partner-box:nth-child(8n+1){grid-column-start:1}.i-partner-box:nth-child(8n+3){grid-column-start:1}.i-partner-box:nth-child(8n+4){grid-column-start:3}.i-partner-box:nth-child(8n+7){grid-column-start:2}}@media only screen and (min-width: 768px) and (max-width: 1023px){.i-partner-wr{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}.i-partner-box{width:calc((100% - 20px) / 2)}}@media only screen and (min-width: 0px) and (max-width: 767px){.i-partner .section-title{margin-left:0}.i-partner-wr{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin-top:20px}.i-partner-box{width:100%}}.i-about{position:relative;background:rgba(28,57,80,0.9);color:#fff;padding-top:calc(9vw * 9 / 16);padding-bottom:24px}.i-about-top{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;gap:0 20px}.i-about-top .title{width:calc((100% - 20px) / 2);text-transform:uppercase;font-size:clamp(14px, 1vw, 18px)}.i-about-top .text{width:calc((100% - 20px) / 2);font-size:clamp(18px, 1.7vw, 32px)}.i-about-bot{position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;padding-top:calc(9vw * 9 / 16)}.i-about-bot .left{position:relative;width:50%;counter-reset:section}.i-about-bot .right{position:relative;width:50%}.i-about-bot .right .sticky{position:sticky;top:0;padding:32px;height:100vh;max-height:calc(100vw * 9 / 16)}.i-about-bot .right .treangl{position:absolute;top:50%;left:50%;width:33vw;max-width:630px;aspect-ratio:1;transform:translate(-50%, -50%);opacity:0}.i-about-bot .right .treangl img{display:block;width:100%}.i-about-bot .right .treangl.active{opacity:1}.i-about-bot-bl{position:sticky;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-ms-align-items:center;align-items:center;text-align:center;top:0;padding:clamp(10px, 1.7vw, 32px);height:90vh;max-height:calc(90vw * 9 / 16)}.i-about-bot-bl:not(.colored){justify-content:center}.i-about-bot-bl.colored{background:#1c3950;border-top:1px solid rgba(255,255,255,0.1)}.i-about-bot-bl.colored .title:after{counter-increment:section;content:"(0" counter(section) ")";display:block;font-style:italic;font-family:'10996';font-size:0.5em}.i-about-bot-bl .trigger{position:absolute;top:75%;left:0;width:100%;height:1px;pointer-events:none;opacity:0}.i-about-bot-bl .treangl{display:none}.i-about-bot-bl .first-title{font-size:clamp(24px, 2.5vw, 48px)}.i-about-bot-bl .title{text-transform:uppercase;font-size:clamp(30px, 4.1vw, 78px);line-height:1}.i-about-bot-bl .text{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:center;flex:1;max-width:564px;text-wrap:balance;line-height:1.2;font-size:clamp(16px, 1.4vw, 26px)}@media only screen and (min-width: 0px) and (max-width: 767px){.i-about{padding-top:40px;padding-bottom:40px}.i-about-top{gap:20px}.i-about-top .title{width:100%;font-size:16px}.i-about-top .text{width:100%;font-size:18px}.i-about-bot{display:block;padding-top:40px}.i-about-bot .left{width:100%}.i-about-bot .right{display:none}.i-about-bot-bl{padding:20px;height:auto;min-height:120vw;max-height:initial}.i-about-bot-bl .trigger{display:none}.i-about-bot-bl .treangl{display:block;width:250px;margin:0 auto}.i-about-bot-bl .treangl img{display:block;width:100%}.i-about-bot-bl .first-title{font-size:24px}.i-about-bot-bl .title{font-size:30px}.i-about-bot-bl .text{max-width:564px;font-size:16px}}.i-sustainability{position:relative;contain:content}.i-sustainability-img-wr{position:absolute;top:-50%;height:200%;width:100%}.i-sustainability-img{display:block;position:sticky;top:0;height:100vh;width:100%}.i-sustainability-img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#1c3950;opacity:0.2}.i-sustainability-img img{display:block;width:100%;height:100%;object-fit:cover}.i-sustainability-content{position:relative;z-index:2;padding-top:calc(34vw * 9 / 16)}.i-sustainability-content .container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between;-ms-align-items:flex-start;align-items:flex-start;color:#fff}.i-sustainability-content .title{position:sticky;line-height:0.8;top:47%;width:45%;font-size:clamp(24px, 3.65vw, 70px);transition:0.3s ease all}.i-sustainability-content .text-wr{position:relative;width:50%;padding:calc(43vw * 9 / 16) 0}.i-sustainability-content .text{font-size:clamp(20px, 3.35vw, 64px);line-height:1}.i-sustainability-content .site-btn-arrow{margin-top:30px}.i-sustainability-animation{position:absolute;bottom:0;right:0;width:33%;background:#fff;z-index:2;transition:0.3s ease all}.i-sustainability-animation.center{right:33%}@media only screen and (min-width: 1024px) and (max-width: 1279px){.i-sustainability-content .text-wr{width:55%}}@media only screen and (min-width: 768px) and (max-width: 1023px){.i-sustainability-content .container{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:flex-start}.i-sustainability-content .title{position:relative;top:0;width:100%}.i-sustainability-content .text-wr{width:100%}.i-sustainability-content .text-wr .text{max-width:70%}.i-sustainability-animation{max-height:35% !important}}@media only screen and (min-width: 0px) and (max-width: 767px){.i-sustainability-img-wr{top:-100%}.i-sustainability-img{height:220vw}.i-sustainability-content{padding-top:100px}.i-sustainability-content .container{-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;justify-content:flex-start}.i-sustainability-content .title{position:relative;top:initial;width:100%;font-size:24px}.i-sustainability-content .text-wr{width:100%;padding:100px 0}.i-sustainability-content .text{font-size:18px}.i-sustainability-content .site-btn-arrow{margin-top:20px}.i-sustainability-animation{width:50%}.i-sustainability-animation.center{right:50%}}.i-double-photo{position:relative;padding-top:calc(13vw * 9 / 16);padding-bottom:calc(13vw * 9 / 16)}.i-double-photo .container{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-align-items:flex-start;align-items:flex-start;justify-content:space-between}.i-double-photo-col{position:relative;width:760px;max-width:calc((100% - 96px) / 2);text-transform:uppercase;font-size:17px;font-weight:bold}.i-double-photo-col.hor .i-double-photo-wr .img-wr .img img,.i-double-photo-col.hor .i-double-photo-wr .img-wr .small-img img{aspect-ratio:759/506}@media (hover: hover){.i-double-photo-col:hover .i-double-photo-wr .img-wr .img img{transform:scale(1.1)}.i-double-photo-col:hover .i-double-photo-wr .img-wr .img:after{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);will-change:backdrop-filter;background-color:rgba(0,0,0,0.5)}.i-double-photo-col:hover .i-double-photo-wr .img-desc{opacity:1;transform:translate(-50%, -50%) scale(1)}}.i-double-photo-wr{position:relative}.i-double-photo-wr .img-wr{position:relative}.i-double-photo-wr .img-wr .img,.i-double-photo-wr .img-wr .small-img{position:relative;overflow:hidden;display:block;width:100%}.i-double-photo-wr .img-wr .img img,.i-double-photo-wr .img-wr .small-img img{display:block;width:100%;aspect-ratio:759/1012;object-fit:cover;transition:transform 0.875s cubic-bezier(0.16, 1, 0.3, 1)}.i-double-photo-wr .img-wr .img:after,.i-double-photo-wr .img-wr .small-img:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:transform 0.875s cubic-bezier(0.16, 1, 0.3, 1);z-index:2}.i-double-photo-wr .img-wr .img-desc{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-ms-align-items:center;align-items:center;text-align:center;color:#fff;gap:8px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.6);width:60%;opacity:0;transform-origin:center;transition:transform 0.875s cubic-bezier(0.16, 1, 0.3, 1),opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);z-index:2}.i-double-photo-wr .desc{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;gap:0 24px;margin-top:12px}.i-double-photo-wr .desc p:nth-last-child(1){margin-left:auto}@media only screen and (min-width: 1024px) and (max-width: 1279px){.i-double-photo-col{font-size:15px}}@media only screen and (min-width: 768px) and (max-width: 1023px){.i-double-photo-col{max-width:calc((100% - 15px) / 2);font-size:14px}.i-double-photo-wr .desc{gap:0 12px;margin-top:6px}}@media only screen and (min-width: 0px) and (max-width: 767px){.i-double-photo{padding-top:40px;padding-bottom:40px}.i-double-photo .container{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;gap:40px 0}.i-double-photo-col{width:100%;max-width:100%;font-size:14px}.i-double-photo-wr .desc{gap:0 12px;margin-top:6px}}.project{position:relative}.project-wr{position:relative;display:flex;justify-content:space-between}.project-col{width:72%}.project-col-row{display:flex;align-items:center;justify-content:space-between}@media (hover: hover){.project-col-row:hover .project-col-hidden{opacity:1}.project-col-row:hover .project-col-title{transform:translateX(0.7em);opacity:1}}.project-col-hidden{font-size:clamp(12px, 0.95vw, 16px);width:23%;text-transform:uppercase;opacity:0;transition-duration:.4s;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.project-col-title{font-size:clamp(36px, 5.65vw, 108px);text-transform:uppercase;line-height:1;font-weight:700;width:calc(100% - 25%);opacity:.3;transition-duration:.4s;transition-property:opacity, transform;transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}.project-col-picture{display:none}.project-sticky{width:24%;position:relative;margin-top:-35px}.project-sticky-wr{position:sticky;top:50px;right:0;width:100%}.project-sticky-picture{position:relative;width:100%;height:100%;display:block;display:none}.project-sticky-picture.active{display:block}.project-sticky-picture img{width:100%;display:block}@media only screen and (min-width: 1024px) and (max-width: 1279px){.project-col-hidden{width:15%}.project-col-title{width:calc(100% - 16%)}}@media only screen and (min-width: 768px) and (max-width: 1023px){.project-col{width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;gap:30px 0}.project-col-row{position:relative;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-ms-align-items:flex-start;align-items:flex-start;padding-left:130px;min-height:140px}}@media only screen and (min-width: 768px) and (max-width: 1023px) and (hover: hover){.project-col-row:hover .project-col-title{transform:translateX(0)}}@media only screen and (min-width: 768px) and (max-width: 1023px){.project-col-hidden{font-size:14px;width:100%;opacity:1}.project-col-title{-webkit-order:-1;-moz-order:-1;-ms-order:-1;-o-order:-1;order:-1;font-size:36px;width:100%;opacity:1}.project-col-picture{display:block;position:absolute;top:0;left:0;aspect-ratio:640/853;width:100px}.project-col-picture img{display:block;width:100%;height:100%;object-fit:cover}.project-sticky{display:none}}@media only screen and (min-width: 0px) and (max-width: 767px){.project-col{width:100%;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;gap:20px 0}.project-col-row{position:relative;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;-ms-align-items:flex-start;align-items:flex-start;padding-left:85px;min-height:95px}}@media only screen and (min-width: 0px) and (max-width: 767px) and (hover: hover){.project-col-row:hover .project-col-title{transform:translateX(0)}}@media only screen and (min-width: 0px) and (max-width: 767px){.project-col-hidden{font-size:14px;width:100%;opacity:1}.project-col-title{-webkit-order:-1;-moz-order:-1;-ms-order:-1;-o-order:-1;order:-1;font-size:26px;width:100%;opacity:1}.project-col-picture{display:block;position:absolute;top:0;left:0;aspect-ratio:640/853;width:70px}.project-col-picture img{display:block;width:100%;height:100%;object-fit:cover}.project-sticky{display:none}}
/*# sourceMappingURL=index.css.map */