.component[data-design-1]{z-index:5;position:relative;background:var(--app-color-dark);height:calc(var(--total-height, 100vh)*3.5)}@supports (height: 100vh){.component[data-design-1]{--total-height: 100vh }}@supports (height: 100dvh){.component[data-design-1]{--total-height: 100dvh }}@media(min-width:1601px){.component[data-design-1]{--item-gap: calc(1.875rem*var(--multiplier, 1)) }}@media(max-width:1600px){.component[data-design-1]{--item-gap: calc(.9375rem*var(--multiplier, 1)) }}.component[data-design-1] .grid,.component[data-design-1] .banner{top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.component[data-design-1] .icon{z-index:10;position:absolute;text-align:center;left:50%;bottom:3.125rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.component[data-design-1] .icon .icon-scroll{display:inline-block;position:relative;color:var(--app-color-white);width:calc(var(--size)*3.5);height:calc(var(--size)*.5);margin-bottom:calc(var(--size)*6);--size: .6rem;--duration: 4s}.component[data-design-1] .icon .icon-scroll div{top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3);-webkit-animation:move-chevron var(--duration) ease-out infinite;animation:move-chevron var(--duration) ease-out infinite}.component[data-design-1] .icon .icon-scroll div:first-child{-webkit-animation:move-chevron var(--duration) ease-out calc(var(--duration)*.33334) infinite;animation:move-chevron var(--duration) ease-out calc(var(--duration)*.33334) infinite}.component[data-design-1] .icon .icon-scroll div:nth-child(2){-webkit-animation:move-chevron var(--duration) ease-out calc(var(--duration)*.66667) infinite;animation:move-chevron var(--duration) ease-out calc(var(--duration)*.66667) infinite}.component[data-design-1] .icon .icon-scroll div:before,.component[data-design-1] .icon .icon-scroll div:after{-webkit-box-flex:1;-ms-flex:1;flex:1;content:"";display:block;width:50%;height:100%;background:currentColor}.component[data-design-1] .icon .icon-scroll div:before{-webkit-transform:skewY(30deg);-ms-transform:skewY(30deg);transform:skewY(30deg)}.component[data-design-1] .icon .icon-scroll div:after{-webkit-transform:skewY(-30deg);-ms-transform:skewY(-30deg);transform:skewY(-30deg)}.component[data-design-1] .icon .icon-text{margin-top:1rem;color:hsla(var(--app-color-white-h),var(--app-color-white-s),var(--app-color-white-l),.6)}.component[data-design-1] .icon .icon-scroll,.component[data-design-1] .icon .icon-text{opacity:0;-webkit-transform:translateY(.9375rem);-ms-transform:translateY(.9375rem);transform:translateY(.9375rem)}.component[data-design-1] .grid{z-index:1;padding:calc(var(--item-gap)*.5)}@media(max-width:700px){.component[data-design-1] .grid{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}.component[data-design-1] .column{margin:calc(var(--item-gap)*.5)}@media(min-width:701px){.component[data-design-1] .column{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}}@media(max-width:700px){.component[data-design-1] .column{display:grid;grid-auto-flow:column;grid-gap:var(--item-gap);height:calc(33.33333% - var(--item-gap))}}.component[data-design-1] .column img{width:100%;height:100%;opacity:.6;border-radius:var(--radius-set-big)}.component[data-design-1] .column picture{-webkit-box-flex:1;-ms-flex:1;flex:1;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex}@media(min-width:701px){.component[data-design-1] .column picture{min-height:calc(33.3334% - var(--item-gap))}}@media(max-width:700px){.component[data-design-1] .column picture{min-height:100%}}@media(min-width:701px){.component[data-design-1] .column picture+picture{margin-top:var(--item-gap)}}@media(max-width:500px){.component[data-design-1] .column:nth-child(2) picture:not(:first-child){display:none}}@media(min-width:701px)and (max-width:1200px){.component[data-design-1] .column:nth-last-child(2),.component[data-design-1] .column:nth-last-child(1){display:none}}@media(max-width:1200px){.component[data-design-1] .column:nth-last-child(1){display:none}}.component[data-design-1] .banner{z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media(min-width:701px){.component[data-design-1] .banner{padding:var(--app-header)}}@media(max-width:700px){.component[data-design-1] .banner{padding:var(--app-header) 0}}.component[data-design-1] .banner svg{color:hsla(var(--app-color-white-h),var(--app-color-white-s),var(--app-color-white-l),.1);-webkit-animation:rotate-circle 15s linear infinite;animation:rotate-circle 15s linear infinite}@media(min-width:701px){.component[data-design-1] .banner svg{width:auto;height:100%}}@media(max-width:700px){.component[data-design-1] .banner svg{width:100%;height:auto}}.component[data-design-1] .wrapper{top:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--total-height, 100vh)}.component[data-design-1] .content{display:grid;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase}@media(min-width:1101px){.component[data-design-1] .content{grid-gap:2.1875rem}}@media(max-width:1100px){.component[data-design-1] .content{grid-gap:1.5rem}}.component[data-design-1] .container{z-index:3;position:relative}@media(max-width:500px){.component[data-design-1]+.component{margin-top:1.875rem}}@-webkit-keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(calc(var(--size)*3.8));transform:translateY(calc(var(--size)*3.8))}66.6%{opacity:1;-webkit-transform:translateY(calc(var(--size)*5.2));transform:translateY(calc(var(--size)*5.2))}to{opacity:0;-webkit-transform:translateY(calc(var(--size)*8)) scale(.5);transform:translateY(calc(var(--size)*8)) scale(.5)}}@keyframes move-chevron{25%{opacity:1}33.3%{opacity:1;-webkit-transform:translateY(calc(var(--size)*3.8));transform:translateY(calc(var(--size)*3.8))}66.6%{opacity:1;-webkit-transform:translateY(calc(var(--size)*5.2));transform:translateY(calc(var(--size)*5.2))}to{opacity:0;-webkit-transform:translateY(calc(var(--size)*8)) scale(.5);transform:translateY(calc(var(--size)*8)) scale(.5)}}