@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: 'rr';
    src: url('fonts/RiformaLLWeb-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'rr';
    src: url('fonts/RiformaLLWeb-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

:root{
    --primary-color:#ED3A00;
    --out-color:#0064CA;
    --line-color:#ED3A00;
    --column-width:calc((100vw - 30px*2 - 30px*7)/8);
    --column-gap:30px;
}

.line-in{--line-color:#ED3A00}
.line-out{--line-color:#0064CA}

.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:'rr';font-weight:500;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;overflow-x:hidden;position:relative;margin:0 auto;font-size:25px;line-height:27px;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:500;font-size:inherit}
p{font-size:inherit}
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}

::-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}
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%}
input[type="radio"]{display:none}
input[type="checkbox"]{display:none}

.fs-s{font-size:18px;line-height:20px}
.fs-m{font-size:25px;line-height:27px}
.fs-l{font-size:52px;line-height:57px}
.fs-xl{font-size:63px;line-height:44px}
.fs-xxl{font-size:126px;line-height:88px}
.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-out{color:var(--out-color)}
.color-line{color:var(--line-color)}
.color-black{color:#000}
.color-white{color:#FFF}
.color-grey{color:#F6F6F6}
.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:30px!important;padding-right:30px!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-120{padding-top:120px!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}
.margin-top-25{margin-top:25px!important}
.margin-top-40{margin-top:40px!important}
.margin-top-50{margin-top:50px!important}
.margin-top-100{margin-top:100px!important}
.margin-bottom-25{margin-bottom:25px!important}
.margin-bottom-50{margin-bottom:50px!important}
.margin-bottom-75{margin-bottom:75px!important}
.margin-bottom-100{margin-bottom:100px!important}
.margin-centered{margin:0 auto!important}
.column-gap-10{column-gap:10px!important}
.column-gap-25{column-gap:25px!important}
.column-gap-30{column-gap:30px!important}
.column-gap-40{column-gap:40px!important}
.row-gap-10{row-gap:10px!important}
.row-gap-25{row-gap:25px!important}
.row-gap-40{row-gap:40px!important}
.height-dvh{height:100dvh}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.height-100{height:100%}
.width-100{width:100%}
.overflow-hidden{overflow:hidden}

.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;visibility:hidden;transition:visibility 0s}
.line-out .overlay.close{cursor:url('../imgs/nav_close_out.svg'), auto}
.swipe-opened .swipe .overlay.close, .modal-opened[modal-opened="info-modal"] .modal.info-modal .overlay.close{visibility:visible;transition-delay:.6s}

.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 30px;grid-gap:30px}
.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-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}

.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}
.line-out .slick-prev{cursor:url(../imgs/nav_prev_out.svg),auto}
.slick-next{right:0;cursor:url(../imgs/nav_next.svg),auto}
.line-out .slick-next{cursor:url(../imgs/nav_next_out.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;display:none}
.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}

.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:#F6F6F6;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}
.video-wrapper .aspect{opacity:0;visibility:hidden}
.video-wrapper.played iframe{opacity:1;pointer-events:none}

.btn-swipe{cursor:pointer}

.swipe{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:3;visibility:hidden;pointer-events:none;transition:visibility 0s;transition-delay:.6s}
.swipe nav{position:relative;background:var(--line-color);max-height:100dvh;overflow:auto;padding:30px 30px 40px;transform:translateY(calc(-100% - 50px));transition:transform .6s cubic-bezier(.7, 0, .3, 1)}
.swipe nav a{color:#FFF}
.swipe nav ul{margin-top:129px}
.swipe nav li{margin-bottom:35px}
.swipe nav li:last-child{margin-bottom:0}
.swipe-opened .swipe{visibility:visible;pointer-events:all;transition-delay:0s}
.swipe-opened .swipe nav{transform:translateY(0)}

.modal{width:100vw;height:100dvh;position:fixed;top:0;left:0;z-index:4;visibility:hidden;pointer-events:none;transition:visibility 0s;transition-delay:.6s}
.modal.info-modal{background-color:#00000000;transition:visibility 0s .6s, background-color .6s cubic-bezier(.7, 0, .3, 1) 0s}
.modal.info-modal .content{position:absolute;bottom:0;left:0;width:100%;background:var(--line-color);color:#FFF;height:678px;max-height:100dvh;overflow:hidden;transform:translateY(calc(100% + 50px));transition:transform .6s cubic-bezier(.7, 0, .3, 1)}
.modal.info-modal .content .scroll{height:100%;overflow:auto;padding:100px 30px}
.modal.info-modal .content .fade{position:absolute;top:0;left:0;width:100%;height:98px;background:linear-gradient(180deg, var(--line-color) 0%, transparent 100%);pointer-events:none}
.modal.info-modal .content .inner{width:1028px;max-width:100%;margin:0 auto}
.modal.info-modal .specs{border-bottom:2px solid #FFF}
.modal.info-modal .specs li{border-top:2px solid #FFF;padding:10px 0 14px;display:flex;justify-content:space-between}
.modal.info-modal .specs li span:last-child{text-align:right}
.modal.info-modal .info{margin-top:100px}
.modal.info-modal .info p{margin-bottom:27px}
.modal.info-modal .info p:last-child{margin-bottom:0}
.modal.info-modal .cerrar{position:absolute;right:0;bottom:0;color:#FFF;padding:13px 30px 25px 35px}
.modal-opened[modal-opened="info-modal"] .modal.info-modal{visibility:visible;pointer-events:all;background-color:#00000066;transition-delay:0s}
.modal-opened[modal-opened="info-modal"] .modal.info-modal .content{transform:translateY(0)}

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

header.master{position:fixed;padding:30px;top:0;left:0;width:100%;z-index:2;color:var(--line-color)}
header.master .logotype .short{display:none}
body.header-collapsed header.master .logotype .full{display:none}
body.header-collapsed header.master .logotype .short{display:inline}
.page-home header.master .logotype, .page-home header.master .menu{font-size:calc((100vw - 60px)/10.91);line-height:.7em}

main{width:100%;position:relative}

section{padding:0 30px}
section.no-padding{padding-left:0;padding-right:0}

.hairline{border-top:1px solid var(--line-color);margin:0 30px}
.anchor-label{color:var(--line-color);margin-top:20px;margin-bottom:90px}

.featured li{position:relative;height:100dvh;background:#FFF;overflow:hidden;transform:none}
.featured li .lazy-img-wrapper{width:100%;height:100%}
.featured li.animated .lazy-img-wrapper.loaded .img{animation:zoom 6s cubic-bezier(.25, .5, .5, 1) forwards}
    @keyframes zoom{0%{transform:scale(1)}100%{transform:scale(1.05)}}
.home-meta{position:fixed;left:30px;right:30px;bottom:30px;width:auto;z-index:2;color:var(--line-color);align-items:start}
.home-meta.anchored{position:absolute}
.home-meta .scopes, .home-meta .title{min-width:0}

.page-projects main{padding-top:252px}
header.filters{position:relative;z-index:2;color:var(--line-color);width:auto;margin:0 30px;padding:0 0 42px;border-bottom:1px solid var(--line-color)}
.filters .filter{position:relative;width:fit-content}
.filters .btn-filter{width:fit-content}
.filters .btn-filter .plus{margin-left:30px;display:inline-block;transition:transform .3s ease}
.filters .filter.opened .btn-filter .plus{transform:rotate(45deg)}
.filters .filter .options{position:absolute;left:-20px;top:100%;min-width:calc(100% + 40px);width:max-content;padding:20px;background:#FFF;display:none}
.filters .filter.opened .options{display:block}
.filters .filter .options .option{width:fit-content}
.filters .filter .options .option:hover, .filters .filter .options .option.active{text-decoration:underline}
.filters .btn-line.active{text-decoration:underline}

.projects{grid-template-columns:repeat(4, 1fr);grid-gap:0 30px}
.projects > *{grid-column-end:span 1}
.projects li .lazy-img-wrapper .img-hover{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;transition:opacity .3s ease}
.projects li .title{color:var(--line-color);margin-top:12px;height:58px;opacity:0;transition:opacity .3s ease}
.projects li:hover .lazy-img-wrapper .img-hover{opacity:1}
.projects li:hover .title{opacity:1}

.page-project main .hero-meta{position:absolute;left:30px;right:30px;bottom:30px;z-index:1;color:var(--line-color)}
.page-project .btn-info{position:fixed;right:30px;bottom:30px;z-index:3;color:var(--line-color);transition:opacity .3s ease}
.page-project .btn-info.hidden{opacity:0;pointer-events:none}
.blocks{grid-gap:60px 30px}
.blocks .block .slider .slide img{width:100%}
.blocks .block .caption{margin-top:20px;color:var(--line-color)}
.related{margin:0 30px;border-top:1px solid var(--line-color)}

.page-about .intro{color:var(--primary-color)}
.page-about .intro p{margin-bottom:57px}
.page-about .services-text p{margin-bottom:27px}
.page-about .contact{padding-top:20px}
.page-about .contact a{width:fit-content}

footer.master{border-top:1px solid var(--line-color);margin:100px 30px 0;padding:15px 0 30px;height:348px;display:flex;flex-direction:column;justify-content:space-between;color:var(--line-color);position:relative;z-index:2}
.page-home footer.master{--line-color:var(--primary-color)}
footer.master .top a{width:fit-content}
footer.master .top a.ta-right{margin-left:auto}
footer.master .bottom a{width:fit-content}
footer.master .bottom a.ta-right{margin-left:auto}


@media screen and (min-width: 1900px){
    .fs-xxl{font-size:150px;line-height:105px}
}

@media screen and (max-width: 1560px){
    .fs-xxl{font-size:110px;line-height:77px}
}

@media screen and (max-width: 1140px){
    body{font-size:22px;line-height:24px}
    .fs-m{font-size:22px;line-height:24px}
    .fs-l{font-size:34px;line-height:38px}
    .fs-xl{font-size:40px;line-height:28px}
    .fs-xxl{font-size:64px;line-height:45px}

    .swipe nav ul{margin-top:80px}
    .swipe nav li{margin-bottom:30px}

    .modal.info-modal .content .scroll{padding:60px 30px}

    .page-projects main{padding-top:190px}
    .projects{grid-template-columns:repeat(3, 1fr)}
}

@media screen and (max-width: 1024px){
    .sides-padding{padding-left:20px!important;padding-right:20px!important}
    .padding-top-100{padding-top:60px!important}
    .padding-top-120{padding-top:70px!important}
    .padding-bottom-100{padding-bottom:60px!important}
    .padding-bottom-150{padding-bottom:80px!important}

    .grid{padding:0 20px;grid-gap:20px}
    section{padding:0 20px}
    .hairline{margin:0 20px}
    .related{margin:0 20px}

    header.master{padding:20px}
    .page-home header.master .logotype, .page-home header.master .menu{font-size:calc((100vw - 40px)/10.91)}
    .swipe nav{padding:20px 20px 30px}

    .home-meta{left:20px;right:20px;bottom:20px}

    .page-projects main{padding-top:160px}
    header.filters{margin:0 20px}
    .projects{grid-gap:0 20px}

    .page-project main .hero-meta{left:20px;right:20px;bottom:20px}
    .page-project .btn-info{right:20px;bottom:20px}

    footer.master{margin:100px 20px 0}
}

@media screen and (min-width: 801px){
    .page-home header.master:hover .logotype .full{display:none}
    .page-home header.master:hover .logotype .short{display:inline}
    .page-home header.master .menu{display:none}
    .page-home header.master:hover .menu, .page-home.header-collapsed header.master .menu{display:block}
}

@media screen and (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:28px;line-height:32px}
    .fs-xl{font-size:34px;line-height:24px}
    .fs-xxl{font-size:48px;line-height:34px}

    .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}

    .slick-prev, .slick-next{display:none!important}

    .page-home header.master .logotype, .page-home header.master .menu{font-size:48px;line-height:34px}
    .page-home header.master .logotype .long{display:none}

    .home-meta{grid-gap:5px}
    .home-meta .meta-top{display:contents}
    .home-meta .index, .home-meta .view{grid-column-end:span 8}
    .home-meta .title{order:1}
    .home-meta .scopes{order:2}
    .home-meta .view{order:3;margin-top:20px}

    .page-projects main{padding-top:130px}
    header.filters{grid-gap:10px;padding-bottom:10px}
    .filters .filter{width:auto;border-top:1px solid var(--line-color);padding-top:10px}
    .filters .btn-filter{width:auto;display:flex;justify-content:space-between}
    .filters .btn-filter .plus{margin-left:0}
    .filters .filter .options{position:relative;top:auto;left:auto;min-width:0;width:auto}
    .filters .lines{justify-content:space-between;border-top:1px solid var(--line-color);padding-top:10px}
    .projects{grid-template-columns:repeat(2, 1fr)}
    .projects li .title{opacity:1;height:auto;margin-bottom:20px}

    footer.master{height:auto;row-gap:60px}
    footer.master .top{grid-gap:10px}
    footer.master .bottom{grid-gap:10px}
    footer.master .top a.ta-right{margin-left:0;text-align:left}
    footer.master .bottom a.ta-right{margin-left:0;text-align:left}
}

@media screen and (max-width: 460px){
    .fs-xxl{font-size:40px;line-height:28px}

    .page-home header.master .logotype, .page-home header.master .menu{font-size:40px;line-height:28px}

    .projects{grid-template-columns:repeat(1, 1fr)}
}

@media screen and (max-width: 360px){
    header.master .logotype .full{display:none}
    header.master .logotype .short{display:inline}
}