#topArea{min-height:calc(100vh - var(--nav-height));flex-direction:column}#topArea,#topArea header{position:relative;display:flex}#topArea header{overflow:hidden;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;max-width:clamp(80vw,1500px,100%);margin:0 auto;flex:1;gap:1rem}#topArea header .globe{width:clamp(500px,40vw,40vw);height:clamp(500px,40vw,50vh);max-height:55vh;cursor:grab;position:relative;isolation:isolate;-webkit-mask-image:radial-gradient(#000 85%,transparent);mask-image:radial-gradient(#000 85%,transparent)}#topArea header .globe:after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;aspect-ratio:1/1;background:url(/test.png);background-size:20%;-webkit-mask-image:radial-gradient(#000 40%,transparent);mask-image:radial-gradient(#000 40%,transparent);z-index:-1}#topArea header .globe:active{cursor:grabbing}#topArea header .globe>div{overflow:visible!important}#topArea header #top{font-size:3rem;z-index:2;position:relative;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-width:550px;padding:0 20px}#topArea header #top h1{font-size:min(7vh,16vw);line-height:min(7vh,16vw);position:relative;isolation:isolate;font-family:alpha-omega}#topArea header #top #scrollLink{display:block;color:var(--spotlight-color);font-weight:700;border:3px solid var(--spotlight-color);padding:5px 8px;border-radius:var(--button-BR);margin-top:.5rem;font-size:1rem;width:-moz-fit-content;width:fit-content;max-width:100%}#topArea header #top #scrollLink:after{content:"\ea16";font-family:tabler-icons;margin-left:4px}#topArea header #top p{text-align:right;font-size:1rem;color:#ffffffa8;line-height:1}#topArea #horizontal-text{opacity:.8;display:flex;flex-direction:column;gap:clamp(0rem,1vw,.4rem);border-block:1px solid #00000039;padding:.4rem;margin-top:2rem}#topArea #horizontal-text .textSlide{display:flex;gap:clamp(.5rem,5vw,1.25rem);position:relative;white-space:nowrap;line-height:1}#topArea #horizontal-text .textPhrase{display:flex;gap:clamp(.5rem,5vw,1.25rem);align-items:center}#topArea #horizontal-text .textPhrase .mainText{font-family:dela-gothic;font-size:clamp(1.3rem,5vw,2rem);opacity:.9}#topArea #horizontal-text .textPhrase .textIcon{overflow:hidden;width:clamp(1.5rem,10vw,2.85rem)}#topArea #horizontal-text .textPhrase .textIcon img{-o-object-fit:contain;object-fit:contain}#whatWeDo{max-width:min(1200px,100%);margin:0 auto;min-height:100vh;padding:max(var(--nav-height),2.5rem) 2rem;align-items:center;flex-direction:column;scroll-padding-top:0;scroll-margin-top:calc(-1 * var(--nav-height))}#whatWeDo,#whatWeDo .secondInner{display:flex;justify-content:center}#whatWeDo .secondInner{gap:1rem}#whatWeDo .secondInner #txtSide{display:flex;flex-direction:column;gap:1rem;justify-content:space-between}#whatWeDo .secondInner h2{font-size:2rem;border-bottom:3px solid var(--spotlight-color);line-height:1.4}#whatWeDo .secondInner p{margin-top:1rem}#whatWeDo .secondInner>img{height:min(30em,70vh);aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;border-radius:13px}.projInner{width:100%}.projInner ul{display:flex;margin-top:.8rem;gap:.5rem;width:100%;overflow:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.projInner ul li{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(90deg,#fafafa,#ededed);isolation:isolate;width:15em;scroll-snap-align:start;flex-shrink:0;border-radius:10px;overflow:hidden}.projInner ul li a{width:100%;border-radius:10px;display:block;position:relative}.projInner ul li:not(.allProj) a:after{content:"Open project";position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);transition:transform var(--longTransition) cubic-bezier(.16,1,.3,1),box-shadow var(--longTransition) cubic-bezier(.16,1,.3,1);background:#fff;padding:7px 12px;font-size:1.1rem;font-weight:600}.projInner ul li a:focus-visible:after{transform:translateY(0);box-shadow:0 0 20px 13px #0000005c}.projInner ul li.allProj a{display:flex;flex-direction:column;justify-content:space-between;padding:10px;background:linear-gradient(#458cd7,#9edfdc);height:100%;font-size:3rem;font-weight:700;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.projInner ul li.allProj a p{color:#fff}.projInner ul li.allProj a svg{width:100%;height:4.5rem;background-color:#fff;padding:5px;border-radius:7px;transition:all var(--quickTransition)}.projInner ul li.allProj a:active svg{scale:.95}.projInner ul li.allProj a:focus-visible svg{outline:4px solid #458cd7}.projInner ul li a img{aspect-ratio:1/1;width:100%;-o-object-fit:cover;object-fit:cover;transition:filter var(--longTransition) cubic-bezier(.16,1,.3,1)}.projInner ul li a:focus-visible img{filter:brightness(.85)}#logoBox{height:15vh;background:linear-gradient(135deg,#117deee0,#177ed88c,#49b8acdb)}#logoBox,#logoBox:before{width:100%;background-attachment:fixed}#logoBox:before{content:"";background-image:url(/logoWhite.svg);background-repeat:no-repeat;background-position:50%;background-size:calc(100% - 10vw) calc(100% - 10vh);height:100%;display:block}#sectionList{overflow:clip}#sectionList>div{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}#sectionList>div h2{font-size:3rem;text-align:center;line-height:1.2}#sectionList>div .textAndImg{position:relative}#sectionList>div .textAndImg img{position:absolute;bottom:100%;left:50%;height:30vh;-o-object-fit:contain;object-fit:contain;transform-origin:center;animation-timeline:view(80% 0);animation-name:recycle;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:cubic-bezier(0,0,.2,1)}@keyframes recycle{0%{transform:rotate(-18deg) translateX(-50%);opacity:0}to{transform:rotate(0deg) translateX(-50%);opacity:1}}#sectionList>div .ground{position:absolute;width:100%;left:0;right:0;bottom:0;height:10vh;background-image:url(/vision/ground.png);background-repeat:repeat-x;background-size:contain}#sectionList>div .tree,#sectionList>div .windTurbine{position:absolute;bottom:10vh}#sectionList>div .tree{left:0;width:43vw}#sectionList>div .windTurbine{right:0;width:35vw}#sectionList>div .sun{width:100%;right:0;top:0;height:29vh;-o-object-fit:cover;object-fit:cover}#sectionList>div .happierleft,#sectionList>div .inclusiveleft,#sectionList>div .sun{position:absolute;left:0}#sectionList>div .inclusiveleft .hug{margin-left:2vw}#sectionList>div .happierright,#sectionList>div .inclusiveright{position:absolute;right:0}#sectionList>div .happierright{bottom:7vh}#sectionList>div .happierleft{height:100%;display:flex;align-items:center}#sectionList>div .divider{position:absolute;top:100%;transform:translateY(-50%);width:min(500px,100%);opacity:.5}#sectionList>div .smile{position:absolute;right:15vw;top:20vh;height:clamp(150px,20vw,250px);-o-object-fit:contain;object-fit:contain;transform-origin:center;animation-timeline:view(block 60% 0);animation-name:happy-show;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:ease-out}@keyframes happy-show{0%{opacity:.5;transform:rotate(-20deg) scale(.5)}to{opacity:1;transform:rotate(0deg) scale(1)}}#sectionList>div .happierleft .ballon{position:absolute;width:clamp(55px,10vw,150px);animation-timeline:view(block 50% 0);animation-name:ballon-show;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}@keyframes ballon-show{0%{opacity:.5;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}#sectionList>div .happierleft .ballon.one{top:0;left:0;z-index:2}#sectionList>div .happierleft .ballon.two{top:50%;transform:translateY(-50%);right:0;z-index:3;animation-timeline:view(block 80% 0)}#sectionList>div .happierleft .ballon.three{bottom:50px;left:0;z-index:5;animation-timeline:view(block 80% 0)}#sectionList>div .happierleft .guyBox{width:25vw;position:relative;max-height:80vh;display:flex;align-items:center;justify-content:center}#sectionList>div .happierleft .guyBox .guy{z-index:4;-o-object-fit:contain;object-fit:contain;max-width:100%;height:100%;width:25vw;position:relative;max-height:80vh}#sectionList>div .happierright .readingOnConcrete{transform:translateY(50px)}#sectionList>div .happierright .concrete,#sectionList>div .happierright .readingOnConcrete{width:clamp(200px,35vmin,550px)}#sectionList>div .inclusiveleft{height:100%;display:flex;flex-direction:column;justify-content:space-between;width:clamp(200px,20vw,400px);padding:10vh 0 15vh}#sectionList>div .inclusiveleft .Peace{animation-timeline:view();animation-name:rotate;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}@keyframes rotate{0%{transform:rotate(20deg)}to{transform:rotate(-30deg)}}#sectionList>div .inclusiveright{height:100%;display:flex;flex-direction:column;justify-content:space-between;z-index:2}#sectionList>div .inclusiveright .bottom{margin-bottom:10vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#sectionList>div .inclusiveright .topHand{width:clamp(200px,25vw,400px);margin-left:auto;-o-object-fit:contain;object-fit:contain;transform-origin:top;animation-timeline:view(0 0);animation-name:topHand;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}@keyframes topHand{0%{transform:rotate(-10deg)}33%{transform:rotate(5deg)}66%{transform:rotate(-10deg)}to{transform:rotate(2deg)}}#sectionList>div .inclusiveright .bottomHand{width:clamp(140px,8vw,200px);max-width:300px;-o-object-fit:contain;object-fit:contain;transform-origin:bottom;animation-timeline:view(0 0);animation-name:bottomHand;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:linear}@keyframes bottomHand{0%{transform:rotate(7deg) translateY(30px)}33%{transform:rotate(-10deg) translateY(30px)}66%{transform:rotate(7deg) translateY(30px)}to{transform:rotate(-10deg) translateY(30px)}}#sectionList>div .inclusiveright .cloud{position:relative;z-index:3;width:clamp(200px,30vw,600px)}#sectionList>div#finalCard{display:grid;align-items:end}#sectionList>div#finalCard .top{width:100%;display:flex;flex-direction:column;justify-content:center}#sectionList>div#finalCard .top>img{max-height:min(600px,35vh);width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:10px;margin:1.5rem 0;box-shadow:0 0 15px 6px #00000029;transform-origin:bottom;animation-timeline:view(block 60% 0);animation-name:img-show;animation-fill-mode:both;animation-duration:1ms;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}@keyframes img-show{0%{opacity:.5;transform:scale(.7)}to{opacity:1;transform:scale(1)}}#sectionList>div#finalCard .finalBottom{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:4rem}#sectionList>div#finalCard .finalBottom>div.action{gap:1.5rem;align-items:center;padding:.2rem 0}#sectionList>div#finalCard .finalBottom>div.action .mainButton{text-align:center}#sectionList>div#finalCard .finalBottom>div{display:flex;justify-content:center;align-items:center}#sectionList>div#finalCard .extraInfo>.logoArea{aspect-ratio:1/1;opacity:.6;transition:opacity var(--longTransition);background:url(/logoLight.svg);background-repeat:no-repeat;min-width:130px}#sectionList>div#finalCard .extraInfo ul{border-left:1px solid #000;margin-left:15px;overflow:hidden}#sectionList>div#finalCard .extraInfo li a{display:block;width:100%;padding:5px 15px;position:relative;outline:none}#sectionList>div#finalCard .extraInfo li a:before{content:"\ea1f";font-family:tabler-icons;margin-left:4px;opacity:0;pointer-events:none;transform:translateX(-10px);position:absolute;right:calc(100% - 15px);transition:all var(--quickTransition)}#sectionList>div#finalCard .extraInfo li a:focus-visible:before,#sectionList>div#finalCard .extraInfo li a:hover:before{opacity:1;transform:translateX(0)}#sectionList>div#finalCard .extraInfo:has(a:focus-visible)>.logoArea,#sectionList>div#finalCard .extraInfo:has(a:hover)>.logoArea{opacity:1}#sectionList>div#finalCard h3{font-family:dela-gothic;font-size:2rem;line-height:1.1}@media screen and (max-width:1100px){#sectionList>div .happierleft .ballon.three{left:-20px;bottom:10px}#sectionList>div .inclusiveleft .Peace{margin-top:auto}#sectionList>div .divider{display:none}#sectionList>div#finalCard .finalBottom>div.action{margin-top:1rem;border-block:2.5px dashed var(--spotlight-color);text-align:center;flex-direction:column;gap:.75rem;padding:.63rem 0 .75rem}#sectionList>div#finalCard .finalBottom>div.action .mainButton{width:100%;max-width:500px}#sectionList>div .inclusiveleft{padding:8vh 0 20vh;width:clamp(50px,30vmin,300px)}#sectionList>div .inclusiveright .topHand{height:clamp(180px,40vh,350px);width:auto;transform:rotate(-10deg)}#sectionList>div .inclusiveright .bottomHand{height:clamp(180px,30vh,350px);width:auto}#sectionList>div .inclusiveright .cloud{width:clamp(100px,60vmin,500px)}#sectionList>div .smile{right:5vw;top:3vh;height:clamp(150px,10vw,250px)}#sectionList>div .happierleft{width:100%;top:2vh;height:auto;left:10vw}#sectionList>div .happierleft .guyBox{height:40vh;width:auto}#sectionList>div .happierleft .ballon{width:clamp(55px,6vh,150px)}#sectionList>div .happierleft .guyBox .guy{width:100%;max-height:45vh;opacity:0}#sectionList>div .happierright{left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;bottom:0}#sectionList>div .happierright .concrete,#sectionList>div .happierright .readingOnConcrete{width:33vh}#whatWeDo .secondInner{flex-direction:column-reverse}#whatWeDo .secondInner>img{aspect-ratio:unset}}@media screen and (max-width:400px){#topArea #horizontal-text{opacity:1}}