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