section{scroll-snap-align:start;flex-direction:row;align-items:stretch;padding:5vmin 10vw;gap:5vw}@media(orientation: portrait){section{flex-direction:column}}@media(orientation: landscape){section.reverse{flex-direction:row-reverse}}section.onlytext{padding:10vmin 17vw 20vmin;flex-direction:column}section.full{background-color:var(--beige);flex-direction:column;padding:15vh 15vw;margin-top:10vh}@media(orientation: portrait){section.full .links{flex-direction:column;align-items:flex-end}}section.image{padding:0;overflow:hidden;height:60vh}section.image img{transform:scale(1.2);transition:transform 5s;width:100%;height:100%;object-fit:cover}section.bigger-left .text{flex:50% 0}section.bigger-left>figure,section.bigger-left .slider_wrapper{flex:40% 1}section.bigger-right .text{flex:40% 1}section.bigger-right>figure,section.bigger-right .slider_wrapper{flex:50% 0}section.equal .text,section.equal>figure{flex:1}section.equal .text{justify-content:flex-start;padding:15vh 0 0 5vw}section.equal .stripes{top:65vh;transform:skewY(20deg)}section.equal .stripes:last-of-type{width:10vw;top:15vh;bottom:auto}section.two-links>div:first-of-type{flex:50% 0;background:var(--blue);padding:3vw;color:#fff}section.two-links>div:first-of-type .arrow-link{color:#fff;--color: white }section.two-links>div:last-of-type{flex:40% 1}section.two-links>div:last-of-type h3{transition-delay:.3s}section .text{align-items:flex-start;gap:3vh}section .text>a{margin-bottom:5vw}@media(orientation: landscape){section .text.white{color:#fff}section .text.white a{color:#fff}section .text.white .arrow-link{--color: white}}section .text.top{justify-content:flex-start}section .topic{padding-left:2vw}section .topic::before{content:"/";position:absolute;left:0;font-family:GT America;font-size:1.6vw;line-height:1;margin-right:1vw;color:var(--brand)}@media(orientation: portrait){section .topic{padding-left:4vw}section .topic::before{font-size:4vw}}section h1,section h2,section h3{clip-path:inset(0 0 100% 0);transform:translate3d(0, 10vh, 0);transition:clip-path .4s var(--ease),transform .4s var(--ease)}section .box{position:absolute;background:var(--brand);clip-path:polygon(0 0, 0 0, 0 0, 0 50%);transition:clip-path .4s var(--ease)}section>figure{clip-path:polygon(0 0, 0 0, 0 0, 0 50%);transition:clip-path .4s var(--ease);overflow:hidden}section>figure img{transform:scale(1.2);transition:transform .4s var(--ease);width:100%;object-fit:cover}section>figure figcaption.ativo::after{content:"Ativo desenvolvido pela Tishman Speyer";position:absolute;right:1.5vw;top:-4vw;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.5)}section .stripes{position:absolute;right:0;top:0;width:10vw;gap:2vmin;z-index:2;transform:skewY(-20deg);pointer-events:none}section .stripes.white span{background-color:#fff}section .stripes span{width:100%;height:1.2vmin;background-color:var(--brand);transform:scaleX(0);transition:transform .4s var(--ease);transform-origin:right;transition-delay:0s}section .stripes:last-of-type{width:15vw;left:0;top:auto;bottom:15vh}section .stripes:last-of-type span{transform-origin:left}section.in-view h1,section.in-view h2,section.in-view h3{transition:clip-path var(--duration) var(--ease),transform var(--duration) var(--ease);clip-path:inset(0 -10vw 0 0);transform:translateZ(0)}section.in-view.image img{transform:scale(1)}section.in-view .box{clip-path:polygon(-50% 0, 200% 0, 0 200%, 0 -50%);transition:clip-path var(--duration) var(--ease)}section.in-view>figure{clip-path:polygon(-50% 0, 200% 0, 0 200%, 0 -50%);transition:clip-path var(--duration) var(--ease)}section.in-view>figure img{transform:scale(1);transition:transform var(--duration) var(--ease)}section.in-view .stripes span{transition:transform .7s var(--ease);transform:scaleX(1)}section.in-view .stripes span:nth-child(6){transition-delay:.5s}section.in-view .stripes span:nth-child(5){transition-delay:.4s}section.in-view .stripes span:nth-child(4){transition-delay:.3s}section.in-view .stripes span:nth-child(3){transition-delay:.2s}section.in-view .stripes span:nth-child(2){transition-delay:.1s}section.in-view .stripes:last-of-type span:nth-child(6){transition-delay:.9s}section.in-view .stripes:last-of-type span:nth-child(5){transition-delay:.8s}section.in-view .stripes:last-of-type span:nth-child(4){transition-delay:.7s}section.in-view .stripes:last-of-type span:nth-child(3){transition-delay:.6s}section.in-view .stripes:last-of-type span:nth-child(2){transition-delay:.5s}section.in-view .stripes:last-of-type span:nth-child(1){transition-delay:.4s}section#contact{padding:10vw;flex-direction:column;gap:0}section#contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4vw;justify-items:start;align-items:start}@media(orientation: portrait){section#contact .contact-grid{grid-template-columns:1fr}}section#contact .contact-grid>div{align-items:flex-start;justify-content:flex-start;gap:.7vmax}section#contact .contact-card{flex:1;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:5vmax;background-color:var(--green);color:#fff}@media(orientation: portrait){section#contact .contact-card{flex-direction:column;align-items:flex-start;gap:5vh}}section#contact .contact-card p,section#contact .contact-card .arrow-link{color:var(--green-light)}section#contact .contact-card a{color:#fff}section#contact .contact-card .arrow-link{--color: var(--green-light)}.links{flex-direction:row;gap:8vw}.contact-form{display:grid;grid-template-columns:repeat(4, 1fr);gap:0 2vw;padding:0 5vmax 5vmax 5vmax;background-color:var(--green);color:var(--green-light)}.contact-form form{display:contents}@media(orientation: portrait){.contact-form{grid-template-columns:1fr}}.contact-form fieldset,.contact-form input,.contact-form select,.contact-form button{appearance:none;outline:none;border:0}.contact-form fieldset{display:flex;gap:.5vw;padding:1vw 0}@media(orientation: landscape){.contact-form fieldset.span2{grid-column:span 2}.contact-form fieldset.span3{grid-column:span 3}}.contact-form fieldset.field{flex-direction:column}.contact-form fieldset.field>input{background:rgba(0,0,0,0);border-bottom:1px solid var(--green-light);padding-bottom:.5vw}.contact-form fieldset.field>label{transform-origin:top left;transform:translateY(20px) scale(1);transition:.3s}.contact-form fieldset.field:has(input:focus,input:not(:placeholder-shown)) label{transform:translateY(0px) scale(0.8)}.contact-form label,.contact-form input,.contact-form button,.contact-form datalist,.contact-form option{font-family:GT America;color:var(--green-light);font-size:1vw}@media(orientation: portrait){.contact-form label,.contact-form input,.contact-form button,.contact-form datalist,.contact-form option{font-size:3vw}}.contact-form label{font-weight:700}.contact-form datalist{position:absolute;top:4.5vw;max-height:17vw;border:0 none;overflow-x:hidden;overflow-y:auto;z-index:2}.contact-form datalist option{padding:1vw;color:var(--green);background-color:var(--green-light);cursor:pointer}.contact-form datalist option:hover,.contact-form datalist option:focus{color:var(--green-light);background-color:var(--green);outline:0 none}.contact-form button.arrow-link{align-items:flex-start;background:rgba(0,0,0,0);border-bottom:1px solid var(--green-light);--color: var(--green-light);font-weight:700;line-height:3.5;cursor:pointer}.contact-form button.arrow-link::after,.contact-form button.arrow-link::before{right:2vw}#video{position:fixed;width:100vw;height:100vh;max-height:-webkit-fill-available;overflow:hidden;pointer-events:none;z-index:999}#video:target{z-index:2000;background:#fff;pointer-events:auto}#video:target .menu-icon span{background-color:var(--black) !important}#video:target .menu-icon span:nth-of-type(1){transform:rotate(45deg) translate(5px, 4px)}#video:target .menu-icon span:nth-of-type(2){transform:rotate(-45deg)}#video:target .menu-icon span:nth-of-type(3){transform:scaleX(0)}#video:target .wipeWhite,#video:target .wipeBeige{clip-path:polygon(-50% 0, 200% 0, 0 200%, 0 -50%)}#video:target .wipeBeige{transition:clip-path .5s var(--ease)}#video:target .wipeWhite{transition:clip-path 1s var(--ease)}#video:target video{clip-path:polygon(-50% 0, 200% 0, 0 200%, 0 -50%);transition:clip-path var(--duration) var(--ease)}#video video{width:80vw;max-height:80vh;object-fit:contain;z-index:2;clip-path:polygon(0 0, 0 0, 0 0, 0 50%);transition:clip-path .4s var(--ease)}/*# sourceMappingURL=section.css.map */