@charset "utf-8";
/* CSS Document */

@font-face{
    font-family:"slick";
    src: url(./fonts/slick.eot);
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
         url(./fonts/slick.woff) format("woff"),
         url(./fonts/slick.ttf) format("truetype"),
         url("./fonts/slick.svg#slick") format("svg");
    font-weight:400;
    font-style:normal
}

@font-face {
    font-family: 'ms';
    src: url('fonts/MetroSans-Regular.eot');
    src: url('fonts/MetroSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/MetroSans-Regular.woff2') format('woff2'),
        url('fonts/MetroSans-Regular.woff') format('woff'),
        url('fonts/MetroSans-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'ms';
    src: url('fonts/MetroSans-Medium.eot');
    src: url('fonts/MetroSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/MetroSans-Medium.woff2') format('woff2'),
        url('fonts/MetroSans-Medium.woff') format('woff'),
        url('fonts/MetroSans-Medium.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root{
    --primary-color:#E20613;
    --column-width:calc((100vw - 50px*2 - 25px*7)/8);
    --column-gap:25px;
}

.columns-guide{width:100%;position:fixed;height:100%;top:0;left:0;z-index:100;pointer-events:none;grid-template-rows:1fr}

*{outline:none;margin:0;padding:0;box-sizing:border-box;font-size:inherit;line-height:inherit}
body{font-family:'ms';font-weight:700;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;position:relative;margin:0 auto;font-size:22px;line-height:24px;background-color:#FFF;color:#000}
body.scroll-disabled{overflow:hidden!important;overflow-x:hidden;-webkit-overflow-scrolling:touch}

h1,h2,h3,h4,h5{font-weight:700;font-size:inherit}
p{font-size:inherit}
p a{display:inline;color:#00000050}
a{cursor:pointer;text-decoration:none;color:inherit;font-size:inherit;display:block}
li{list-style:none}
img{width:100%;display:block}
video{position:absolute;left:0;top:0;width:100%;min-height:100%;z-index:1}
video.hovered{opacity:1}

::-webkit-input-placeholder{color:#FFFFFF50}
:-moz-placeholder{color:#FFFFFF50;opacity:1}
::-moz-placeholder{color:#FFFFFF50;opacity:1}
:-ms-input-placeholder{color:#FFFFFF50}
::-ms-input-placeholder{color:#FFFFFF50}
:focus::-webkit-input-placeholder{color:#FFFFFF}
:focus:-moz-placeholder{color:#FFFFFF}
:focus::-moz-placeholder{color:#FFFFFF}
:focus:-ms-input-placeholder{color:#FFFFFF}
:focus::-ms-input-placeholder{color:#FFFFFF}
input[type="submit"]{border:0;appearance:none;-webkit-appearance:none;cursor:pointer}
input[type="text"]{background:transparent;font-weight:normal;appearance:none;-webkit-appearance:none;-moz-appearance:textfield;border-radius:0;border:0;width:100%}
.search-input{width:100%;position:relative}
.search-input input[type="text"]{width:calc(100% - 25px);line-height:36px!important}
.search-input input[type="submit"]{position:absolute;top:9px;right:16px;width:20px;height:20px;background-image:url(../imgs/icon_search.svg);background-position:center;background-size:contain;background-repeat:no-repeat;background-color:transparent}
input[type="radio"]{display:none}
.pill:has(input[type="radio"]:checked){background-color:#000000}
input[type="checkbox"]{display:none}
.pill:has(input[type="checkbox"]:checked){background-color:#000000}
.pill{color:#FFF;background-color:#00000050;transition:background-color .3s ease;line-height:36px!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);-moz-backdrop-filter:blur(30px);-ms-backdrop-filter:blur(30px);padding:1px 20px 3px;border-radius:100px;display:flex}
.pill:hover{background-color:#00000080}

.fs-s{font-size:18px;line-height:20px}
.fs-m{font-size:26px;line-height:28px}
.fs-l{font-size:40px;line-height:44px;font-weight:500}
.fs-xl{font-size:60px;line-height:62px;font-weight:500}
.fs-xxl{font-size:100px;line-height:100px;font-weight:500}
.uppercase{text-transform:uppercase}
.underlined{text-decoration:underline}
.background-primary{background-color:var(--primary-color)}
.background-white{background-color:#FFF}
.color-primary{color:var(--primary-color)}
.color-black{color:#000}
.color-white{color:#FFF}
.color-grey{color:#FFFFFF50}
.color-lightgrey{color:#00000030}
.display-table{display:table}
.display-block{display:block}
.display-inline{display:inline}
.inline-block{display:inline-block}
.ta-left{text-align:left}
.ta-right{text-align:right}
.ta-center{text-align:center}
.no-sides-padding{padding-left:0!important;padding-right:0!important}
.sides-padding{padding-left:50px!important;padding-right:50px!important}
.padding-bottom-20{padding-bottom:20px!important}
.padding-bottom-100{padding-bottom:100px!important}
.padding-bottom-150{padding-bottom:150px!important}
.padding-top-10{padding-top:10px!important}
.padding-top-50{padding-top:50px!important}
.padding-top-100{padding-top:100px!important}
.padding-top-150{padding-top:150px!important}
.padding-vertical-10{padding-top:10px!important;padding-bottom:10px!important}
.padding-vertical-20{padding-top:20px!important;padding-bottom:20px!important}
.padding-vertical-40{padding-top:40px!important;padding-bottom:40px!important}
.margin-top-25{margin-top:25px!important}
.margin-top-40{margin-top:40px!important}
.margin-top-50{margin-top:50px!important}
.margin-top-80{margin-top:80px!important}
.margin-top-100{margin-top:100px!important}
.margin-top-200{margin-top:200px!important}
.margin-bottom-20{margin-bottom:20px!important}
.margin-bottom-25{margin-bottom:25px!important}
.margin-bottom-40{margin-bottom:40px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-bottom-75{margin-bottom:75px!important}
.margin-bottom-100{margin-bottom:100px!important}
.margin-bottom-200{margin-bottom:200px!important}
.margin-right-40{margin-right:40px!important}
.margin-left-40{margin-left:40px!important}
.margin-centered{margin:0 auto!important}
.column-gap-10{column-gap:10px!important}
.column-gap-25{column-gap:25px!important}
.column-gap-40{column-gap:40px!important}
.row-gap-10{row-gap:10px!important}
.row-gap-20{row-gap:20px!important}
.row-gap-25{row-gap:25px!important}
.row-gap-40{row-gap:40px!important}
.row-gap-100{row-gap:100px!important}
.grid-gap-40{grid-gap:40px!important}
.border-top{border-top:2px solid}
.border-bottom{border-bottom:2px solid}
.height-dvh{height:100dvh}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.p-columns-2{columns:2}
.height-100{height:100%}
.width-100{width:100%}
.overflow-hidden{overflow:hidden}

.material-symbols-outlined{transform:translateY(4px)}

.btn{color:#FFF;background-color:#00000050;transition:background-color .3s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);-moz-backdrop-filter:blur(30px);-ms-backdrop-filter:blur(30px);padding:1px 20px 3px;border-radius:100px;text-align:center;display:inline-block}
.btn.fs-m{line-height:52px;padding:0px 25px 3px}
.btn:hover{background-color:#00000080;cursor:pointer}
.btn-round{display:block;width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-color:#00000050;border-radius:40px;transition:background-color .3s ease;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);-moz-backdrop-filter:blur(30px);-ms-backdrop-filter:blur(30px)}
.btn-round.no-blur{backdrop-filter:none;-webkit-backdrop-filter:none;-moz-backdrop-filter:none;-ms-backdrop-filter:none}
.btn-round:hover{background-color:#00000080;cursor:pointer}
.btn-round.prev{background-image:url(../imgs/arrow_prev.svg);background-size:10px;background-position:14px 12px}
.btn-round.next{background-image:url(../imgs/arrow_next.svg);background-size:10px;background-position:16px 12px}
.btn-round.more{background-image:url(../imgs/more.svg);background-size:20px;background-position:center}
.btn-round.close{background-image:url(../imgs/close.svg);background-size:15px;background-position:center}
.btn-round.search{background-image:url(../imgs/icon_search.svg);background-size:20px;background-position:calc(100% - 10px) center;transition:width .3s ease;position:fixed;right:100px;top:25px;z-index:2;overflow:hidden}
.btn-round.list{background-image:url(../imgs/icon_list.svg);background-size:20px;background-position:center;position:fixed;right:50px;bottom:25px;z-index:2}
.btn-round.table{background-image:url(../imgs/icon_table.svg);background-size:18px;background-position:center;position:fixed;right:100px;bottom:25px;z-index:2}
.table-view .btn-round.table{background-image:url(../imgs/icon_grid.svg)}
.featured-projects .btn-round{position:absolute;left:25px;bottom:25px;z-index:2}
.process-projects .btn-round{position:absolute;left:calc(50% - 20px);bottom:calc(50% - 20px);z-index:2}

.overlay{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#00000050;opacity:0;padding:25px;transition:opacity 0s ease;z-index:2}
.hover-overlay:hover .overlay{opacity:1}
.hover-opacity:hover{cursor:pointer;opacity:.7}
.hover-primary:hover{cursor:pointer;color:var(--primary-color)}
.overlay.close{z-index:-1;padding:0;background:transparent;cursor:url('../imgs/nav_close.svg'), auto}

.position-relative{position:relative}
.position-sticky{position:sticky}

.display-flex{display:flex}
.space-between{justify-content:space-between}
.space-evenly{justify-content:space-evenly}
.centered{justify-content:center;align-items:center}
.align-vertical-center{align-items:center}
.align-bottom{margin-top:auto}

.flex-end{justify-content:flex-end}
.flex-vertical{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.column-100{flex:none;width:100px}
.column-150{flex:none;width:150px}
.column-xs{flex:1 1 0}
.column-s{flex:2 1 0}
.column-m{flex:4 1 0}
.column-l{flex:6 1 0}

.grid{display:grid;justify-content:center;width:100%;grid-template-columns:repeat(8, 1fr);padding:0 50px;grid-gap:25px}
.grid.no-padding{padding-left:0;padding-right:0}
.grid > *{grid-column-end:span 8}
.fit-content{height:fit-content}
.align-center{align-content:center;align-items:center;justify-items:center}
.align-end{align-items:end}
.align-start{align-items:start}

.grid .c-1{grid-column-end:span 1}
.grid .c-1  > *{grid-column-end:span 1}
.grid .c-2{grid-column-end:span 2}
.grid .c-2  > *{grid-column-end:span 2}
.grid .c-3{grid-column-end:span 3}
.grid .c-3  > *{grid-column-end:span 3}
.grid .c-4{grid-column-end:span 4}
.grid .c-4  > *{grid-column-end:span 4}
.grid .c-5{grid-column-end:span 5}
.grid .c-5 > *{grid-column-end:span 5}
.grid .c-6{grid-column-end:span 6}
.grid .c-6 > *{grid-column-end:span 6}
.grid .c-7{grid-column-end:span 7}
.grid .c-7 > *{grid-column-end:span 7}

.grid .p-1{grid-column-start:1}
.grid .p-2{grid-column-start:2}
.grid .p-3{grid-column-start:3}
.grid .p-4{grid-column-start:4}
.grid .p-5{grid-column-start:5}
.grid .p-6{grid-column-start:6}
.grid .p-7{grid-column-start:7}

.grid.columns-2{grid-template-columns:repeat(2, 1fr);padding:0}
.grid.columns-2 > *{grid-column-end:span 1}
.grid.columns-2 .c-2{grid-column-end:span 2}

.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:#fff0}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;height:100%}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;height:100%}
.slick-track:before, .slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none;background-position:center center;background-size:cover;position:relative}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid #fff0}
.slick-prev, .slick-next{position:absolute;display:block;line-height:30px;cursor:pointer;background:#fff0;color:#fff0;padding:0;border:none;outline:none;z-index:1;font-size:50px;font-weight:500;overflow:hidden;width:50%;height:100%;top:0}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before, .slick-next:before{font-size:40px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:0;cursor:url(../imgs/nav_prev.svg),auto}
.levels .slick-prev{left:0;cursor:url(../imgs/nav_prev.svg),auto}
.background-black .slick-prev{cursor:url(../imgs/nav_prev_white.svg),auto}
.background-black .levels .slick-prev{cursor:url(../imgs/nav_prev_white.svg),auto}
.slick-next{right:0;cursor:url(../imgs/nav_next.svg),auto}
.levels .slick-next{right:0;cursor:url(../imgs/nav_next.svg),auto}
.background-black .slick-next{cursor:url(../imgs/nav_next_white.svg),auto}
.background-black .levels .slick-next{cursor:url(../imgs/nav_next_white.svg),auto}
.slick-dots{position:absolute;bottom:20px;left:30px;list-style:none;text-align:left;padding:0;z-index:2;width:calc(100% - 60px);background-color:rgb(255 255 255 / .4);height:5px;border-radius:5px}
.page-work .slider .slick-dots{display:flex!important}
.slick-dots li{position:relative;height:5px;width:100%;padding:0;cursor:pointer;display:inline-block;border-radius:5px}
.slick-dots li button{border:0;background:#fff0;display:block;height:5px;width:100%;outline:none;line-height:0;font-size:0;color:#fff0;cursor:pointer;opacity:.2;border-radius:5px;transition:background .3s ease}
.slick-dots li.slick-active button{background:#FFF;opacity:1}

.scrollable{position:relative}
.scrollable .viewport{position:relative;overflow:hidden;height:max-content}
.scrollable .viewport .overview{position:relative;width:max-content;height:max-content}
.scrollable-items{display:flex;flex-wrap:nowrap;gap:25px}
.scrollable-items .item{flex-shrink:0;height:auto;padding-bottom:5px}
.scrollable-items a.disabled{pointer-events:none}
.scrollable-items .item.c-3{width:calc(var(--column-width)*3 + var(--column-gap)*2)}
.scrollable-container .mobile-scroll{display:none}

.bus-container .bus{position:relative;display:flex;width:100%;overflow:hidden}
.bus-container .content{white-space:nowrap;animation:bus var(--bus-time) linear infinite;animation-delay:calc(var(--bus-time)*-1)}
.bus-container .content.duplicate{animation:duplicated-bus var(--bus-time) linear infinite;animation-delay:calc(var(--bus-time)/-2)}
.bus-container .bus span {display:inline-flex;margin:10px;padding:5px 10px}
.bus-container .bus.imgs .content {display:flex;align-items:center;justify-content:center}
.bus-container .bus.imgs .content img {width:130px}
@keyframes bus{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
@keyframes duplicated-bus{0%{transform:translateX(0)}100%{transform:translateX(-200%)}}

.main-fixed .master-wrapper{padding-top:100dvh}
.main-fixed main{position:fixed;top:0;left:0}
.main-fixed .sections-wrapper{background:#FFF;z-index:1;position:relative}

.thumb{background-color:transparent;position:relative}
.aspect{opacity:0;visibility:hidden}
.lazy{opacity:0;visibility:hidden;transition:opacity .3s ease, transform .1s ease;transform:translateY(20px)}
.lazy.visible{opacity:1;visibility:visible;transform:translateY(0)}
.lazy-img-wrapper{position:relative;overflow:hidden;background:#F5F5F5;transition:background .1s ease}
.lazy-img-wrapper .img{position:absolute;top:0;left:0;bottom:0;width:100%;opacity:0;transition:opacity .1s ease;background-position:center;background-size:cover;background-repeat:no-repeat;height:100%;object-fit:cover}
.lazy-img-wrapper .video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.lazy-img-wrapper iframe{position:absolute;top:50%;left:50%;width:calc(100% + 4px);height:calc(100% + 4px);transform:translate(-50%, -50%) scale(1.01);opacity:0;transition:opacity .1s ease;z-index:1}
.lazy-img-wrapper.loaded{background-color:transparent}
.lazy-img-wrapper.loaded .img{opacity:1}
.lazy-img-wrapper.played iframe{opacity:1}

.video-wrapper{padding:0;width:100%;height:100%;overflow:hidden;position:relative;background-position:center;background-size:cover}
.video-wrapper.height-dvh{height:100dvh}
.video-wrapper .video-iframe{width:100%;height:100%}
.video-wrapper iframe{box-sizing:border-box;width:177.77777778dvh;height:56.25vw;min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.01);opacity:0;transition:opacity 1s ease;transition-delay:1s;object-fit:cover}
.c-6 .video-wrapper iframe{width:calc(177.77777778vh / 2);height:calc(56.25vw / 2)}
.video-wrapper .aspect{opacity:0;visibility:hidden}
.video-wrapper.played iframe{opacity:1;pointer-events:none}
.video-wrapper .video-content{position:absolute;left:40px;bottom:40px;z-index:2;width:calc(100% - 80px)}

.banner{position:fixed;width:100vw;height:100dvh;top:0;left:0;opacity:0;background-color:#000000;transition:opacity 2s cubic-bezier(.7, 0, .3, 1);background-image:url(../imgs/logotype_primary.svg);background-position:center;background-repeat:no-repeat;background-size:40%;z-index:5;pointer-events:none}
.banner-visible .banner{opacity:1}

.btn-language{position:absolute;right:100px;top:25px;z-index:3;opacity:0;pointer-events:none;transition:opacity .6s ease}
body.swipe-opened .btn-language{opacity:1;pointer-events:all}
.btn-swipe{cursor:pointer;position:fixed;right:50px;top:25px;z-index:4}
.btn-swipe span{display:block;position:absolute;height:2px;width:20px;background-color:#FFF;opacity:1;left:10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);transition:transform .3s ease-in-out, opacity .3s ease-in-out, top .3s ease-in-out, left .3s ease-in-out}
.btn-swipe span:nth-child(1){top:11px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(2){top:19px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.btn-swipe span:nth-child(3){top:27px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
body.swipe-opened .btn-swipe span:nth-child(1),
body.search-opened .btn-swipe span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:12px;left:13px}
body.swipe-opened .btn-swipe span:nth-child(2),
body.search-opened .btn-swipe span:nth-child(2){width:0%;opacity:0}
body.swipe-opened .btn-swipe span:nth-child(3),
body.search-opened .btn-swipe span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:26px;left:13px}

.swipe{width:100vw;height:100dvh;position:fixed;z-index:3;visibility:hidden;pointer-events:none;transition:visibility 0s;transition-delay:.6s}
.swipe nav{background:#00000050;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-ms-backdrop-filter:blur(20px);transform:translateX(calc(100% + 50px));transition:transform .6s cubic-bezier(.7, 0, .3, 1);padding:25px 100px 25px 50px}
.swipe-opened .swipe{visibility:visible;pointer-events:all;transition-delay:0s}
.swipe-opened .swipe nav{transform:translateX(50px)}

.btn-round.search input{display:none}
body.search-opened .btn-round.search{width:calc(100vw - 150px)}
body.search-opened .btn-round.search input{display:block;line-height:40px;padding:0 60px 0 20px}

.modal{width:100vw;height:100dvh;position:fixed;z-index:4;visibility:hidden;pointer-events:none;transition:visibility 0s;transition-delay:.6s}
.modal header.position-sticky{top:0;z-index:1}
.modal .content{background:#00000050;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-ms-backdrop-filter:blur(20px);transform:translateX(calc(100% + 50px));transition:transform .6s cubic-bezier(.7, 0, .3, 1);padding:25px 100px 25px 50px;height:100dvh}
.modal .content .slider .slide img{object-fit:contain;max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.modal .content .slider .slide .video-iframe{position:relative;z-index:2;width:100%;height:100%;overflow:hidden}
.modal .content .slider .slide .video-iframe iframe{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);opacity:0;transition:opacity .1s ease}
.modal .content .slider .slide .video-iframe.video-loaded iframe{opacity:1}
.modal .content .slider .slide:has(.video-iframe.video-loaded) img{opacity:0!important}
.modal .content .index-wrapper li{border-bottom:1px solid #FFFFFF20;padding-bottom:20px;display:table}
.modal .content .index-wrapper li > div{height:80px}
.modal .content .index-wrapper li a:hover{color:#000}
.modal .content .index-wrapper li img{width:auto;height:80px;margin-left:auto}
.modal.filters-modal{transition-delay:0s;top:100vh;transition:top .6s cubic-bezier(.7, 0, .3, 1);visibility:visible}
.modal.filters-modal .overlay{background:#00000050;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-ms-backdrop-filter:blur(20px);opacity:1}
.modal.filters-modal .content{transform:translateX(0);overflow:auto;background:#FFF;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);-moz-backdrop-filter:blur(0);-ms-backdrop-filter:blur(0);max-height:calc(100dvh - 200px);border-radius:20px;padding:25px}
.modal.filters-modal .content .column-100{padding-top:8px}
.modal.filters-modal .content .tags{flex:none;width:calc(100% - 100px)}
.modal-opened[modal-opened="imgs-modal"] .modal.imgs-modal{visibility:visible;pointer-events:all;transition-delay:0s}
.modal-opened[modal-opened="imgs-modal"] .modal.imgs-modal .content{transform:translateX(50px)}
.modal-opened[modal-opened="index-modal"] .modal.index-modal{visibility:visible;pointer-events:all;transition-delay:0s}
.modal-opened[modal-opened="index-modal"] .modal.index-modal .content{transform:translateX(50px);overflow:auto}
.modal-opened[modal-opened="filters-modal"] .modal.filters-modal{visibility:visible;pointer-events:all;top:0}

.search-master{position:fixed;top:85px;width:calc(100% - 100px);left:50px;z-index:4;padding:25px;border-radius:20px;background:#00000050;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-ms-backdrop-filter:blur(20px);display:none;max-height:calc(100dvh - 110px);overflow:auto}
body.search-active .search-master{display:block}
.search-master ul li a img{width:auto;height:100px}
.search-master ul.press-results{border-top:1px solid #FFFFFF20;padding-top:25px;margin-top:25px}

.master-wrapper{width:100%;position:relative}

header.master{position:absolute;padding:25px 50px;top:0;left:0;width:100%;z-index:1}
header.master .logotype{width:130px}
.search-opened .logotype{visibility:hidden}

main{width:100%;position:relative}

.main-tags{position:fixed;right:50px;bottom:25px;z-index:2;opacity:1}
.tags-hidden .main-tags{opacity:0;pointer-events:none}

section{padding:0 50px}
section.no-padding{padding-left:0;padding-right:0}
section.full-height{height:100dvh;margin-bottom:0}

.featured-projects .btn-round{position:absolute;left:25px;bottom:25px;z-index:2}
.process-projects .btn-round{position:absolute;left:calc(50% - 20px);bottom:calc(50% - 20px);z-index:2}

.projects li .mobile-title{display:none}
.table-view .projects li{height:160px;padding:25px;background-color:#F5F5F5;border-radius:20px;box-sizing:content-box;grid-column-end:span 8;display:grid;grid-template-columns:repeat(8, 1fr);column-gap:25px;align-content:center}
.table-view .projects li > *{height:160px;grid-column-end:span 4;display:flex;column-gap:25px;align-items:center}
.table-view .projects li .tags{justify-content:flex-end}
body:not(.table-view) .projects li .table-view-title{display:none}
body:not(.table-view) .projects li .tags{display:none}
.table-view .projects li .lazy-img-wrapper{height:160px;width:fit-content;max-width:100%}
.table-view .projects li .lazy-img-wrapper .overlay{display:none}
.table-view .projects li .lazy-img-wrapper .img{object-fit:contain;width:auto;height:100%;position:static}

.project-images .overlay .more{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px)}

.press li{height:350px;border-top:1px solid #00000020;padding-top:20px;box-sizing:content-box}
.press li:last-child{border-bottom:1px solid #00000020;padding-bottom:20px}
.press li > *{height:350px}
.press li .lazy-img-wrapper{height:350px;margin-left:auto;width:fit-content;max-width:100%}
.press li .lazy-img-wrapper .img{object-fit:contain;width:auto;height:100%;position:static}

.contact li{padding:25px;border-radius:20px;background-color:#F5F5F5}
.contact li:hover img{opacity:1}
.contact li span{margin-bottom:40px;display:block}
.contact li img{width:40px;opacity:.4;transition:opacity .3s ease}

.map-wrapper{width:100%;height:80dvh}
.map-wrapper .map{width:100%;height:100%}

header.filters{top:25px;z-index:1}
header.filters .filter.mobile{display:none}

footer.master{background-color:#F5F5F5;padding:50px;position:relative;z-index:2}
footer.master .logotype{width:130px}
footer.master .icon{width:25px;height:25px}

.page-projects .btn-swipe, .page-press .btn-swipe{position:absolute}
.page-projects .btn-round.search, .page-press .btn-round.search{position:absolute}



@media (max-aspect-ratio: 2/3) {
    main .video-iframe.mobile iframe{width:56.25vh;height:177.77777778vw}
}

@media
not screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1900px),
not screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 1900px),
not screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1900px),
not screen and (min-device-pixel-ratio: 2) and (min-width: 1900px),
not screen and (min-resolution: 192dpi) and (min-width: 1900px),
not screen and (min-resolution: 2dppx) and (min-width: 1900px){
    .pill{padding:0 20px 2px}
    .btn.fs-m{padding:0 25px 2px}
}

@media screen and (min-width: 1560px){
    .fs-l{font-size:46px;line-height:50px;font-weight:500}
    .fs-xl{font-size:72px;line-height:76px;font-weight:500}
    .fs-xxl{font-size:120px;line-height:124px;font-weight:500}

    .press li h2 a{font-size:30px;line-height:34px}
}

@media (max-width: 1140px){
    .fs-m{font-size:22px;line-height:24px}
    .fs-xxl{font-size:80px;line-height:80px}
    .material-symbols-outlined{font-size:22px!important}

    .modal:not(.filters-modal) .overlay.close{display:none}
    .modal .content{grid-column-end:span 8;grid-column-start:1;padding:25px 50px}
    .modal-opened[modal-opened="index-modal"] .modal.index-modal .content{transform:translateX(0)}
    .modal-opened[modal-opened="imgs-modal"] .modal.imgs-modal .content{transform:translateX(0)}

    .modal .content .index-wrapper li:first-child{display:none}
    .modal .content .index-wrapper li .column-l{flex-direction:column;row-gap:2px;flex:2 1 0}
    .modal .content .index-wrapper li > div,
    .modal .content .index-wrapper li > a{align-items:unset;height:auto}
    .modal .content .index-wrapper li img{}

    .modal.filters-modal{padding:0 20px!important}
    .modal.filters-modal .content{max-height:calc(100dvh - 40px)}

    .swipe nav{grid-column-end:span 8!important;grid-column-start:1!important;padding:25px 50px}
    .swipe-opened .swipe nav{transform:translateX(0)}

    .table-view .projects li a{grid-column-end:span 8}
    .table-view .projects li .tags{display:none}

    footer.master nav{display:block;margin-bottom:40px!important}
    footer.master nav ul{flex-direction:column;row-gap:10px;margin-bottom:10px}
    footer.master div.bottom{display:flex;flex-direction:column;row-gap:40px;margin-bottom:10px}
    footer.master div.bottom .social{order:1;flex-direction:column;row-gap:40px}
    footer.master div.bottom .social p a{display:block;margin-top:25px}

    .page-contact .contact li{grid-column-end:span 4}
}

@media (max-width: 1024px){
    body{font-size:18px;line-height:20px;font-weight:700}
    .fs-l{font-size:30px;line-height:34px;font-weight:700}
    .fs-xl{font-size:42px;line-height:46px;font-weight:500}
    .fs-xxl{font-size:60px;line-height:64px}
    .sides-padding{padding-left:20px!important;padding-right:20px!important}

    .padding-top-100{padding-top:60px!important}
    .padding-bottom-100{padding-bottom:60px!important}

    .grid{padding:0 20px;grid-gap:20px}

    .btn-language{right:70px}
    .btn-round.search{right:70px}
    .btn-round.table{right:70px}
    .btn-round.list{right:20px}
    body.search-opened .btn-round.search{width:calc(100vw - 90px)}
    .search-master{left:20px;width:calc(100% - 40px)}

    .btn-swipe{right:20px}
    .search-master{}

    .swipe nav{padding:20px}

    .video-wrapper.height-dvh{height:auto}
    .video-wrapper .video-content{left:20px;bottom:20px;width:calc(100% - 40px)}
    .c-6 .video-wrapper iframe{width:177.77777778vh;height:56.25vw}

    header.master{padding:25px 20px}

    header.filters .filter:not(.mobile){display:none}
    header.filters .filter.mobile{display:block}

    section{padding:0 20px}

    footer.master{padding:40px 20px}

    .table-view .projects li{height:100px}
    .table-view .projects li > *{height:100px}
    .table-view .projects li .lazy-img-wrapper{height:100px}

    .press li{height:200px}
    .press li > *{height:200px}
    .press li .lazy-img-wrapper{height:200px}
    .press li h2 a{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
}

@media (max-width: 800px){
    body{font-size:18px;line-height:20px}
    .fs-s{font-size:14px;line-height:18px}
    .fs-m{font-size:18px;line-height:20px}
    .fs-l{font-size:24px;line-height:26px;font-weight:500}
    .fs-xl{font-size:34px;line-height:36px;font-weight:500}
    .fs-xxl{font-size:80px;line-height:80px;font-weight:500}
    .pill{padding:1px 20px 2px}

    .material-symbols-outlined{font-size:18px!important;transform:translateY(3px)}

    .grid .c-1{grid-column-end:span 8}
    .grid .c-1  > *{grid-column-end:span 8}
    .grid .c-2{grid-column-end:span 8}
    .grid .c-2  > *{grid-column-end:span 8}
    .grid .c-3{grid-column-end:span 8}
    .grid .c-3  > *{grid-column-end:span 8}
    .grid .c-4{grid-column-end:span 8}
    .grid .c-4  > *{grid-column-end:span 8}
    .grid .c-5{grid-column-end:span 8}
    .grid .c-5 > *{grid-column-end:span 8}
    .grid .c-6{grid-column-end:span 8}
    .grid .c-6 > *{grid-column-end:span 8}
    .grid .c-7{grid-column-end:span 8}
    .grid .c-7 > *{grid-column-end:span 8}

    .grid .p-1{grid-column-start:1}
    .grid .p-2{grid-column-start:1}
    .grid .p-3{grid-column-start:1}
    .grid .p-4{grid-column-start:1}
    .grid .p-5{grid-column-start:1}
    .grid .p-6{grid-column-start:1}
    .grid .p-7{grid-column-start:1}

    .search-master ul li a .btn.pill{display:none}
    .search-master ul li a > *:first-child{width:100%;flex-direction:column;row-gap:10px;align-items:flex-start}
    .search-master ul li a > *:first-child img{width:100%;height:auto}

    ul:not(.projects) .hover-overlay .overlay{opacity:1}
    ul:not(.projects) .hover-overlay .overlay > *{font-size:14px;line-height:18px}
    .projects .hover-overlay .overlay{display:none}
    .project-images .hover-overlay .overlay{display:none}
    body:not(.table-view) .projects .mobile-title{display:block!important;margin:20px 0}

    .scrollable-items .item.c-3{width:calc(var(--column-width)*5 + var(--column-gap)*4)}
    .scrollable-nav{display:none}

    .modal .content{padding:25px 20px}

    .main-tags{right:initial;left:20px;flex-direction:column;row-gap:10px;z-index:1}
    .main-tags .pill{width:fit-content}

    .table-view .projects li{padding:20px}
    .table-view .projects li .lazy-img-wrapper{height:80px}
    .table-view .projects li .lazy-img-wrapper .aspect{position:absolute;top:0;left:0;bottom:0;width:100%}
    .table-view .projects li > *{height:80px}
    .table-view .projects li{height:80px}

    .press li{display:flex;flex-direction:column;height:auto}
    .press li > *{height:auto}
    .press li .info{order:2}
    .press li .info .tags{display:none}
    .press li .lazy-img-wrapper{height:auto;margin-left:0;width:100%}
    .press li .lazy-img-wrapper .img{object-fit:unset;height:auto;width:100%}

    .page-about .slider-content{width:50%;margin:0 auto;padding-bottom:60px}
    .page-about .info ul{row-gap:20px!important}

    .page-article .info-wrapper{margin-top:80px}

    .page-contact .contact li{grid-column-end:span 8}
}

@media (max-width: 460px){
    .scrollable-items .item.c-3{width:calc(var(--column-width)*7 + var(--column-gap)*6)}
}