@font-face{font-family:"safiromedium";src:url("../font/safiro-medium-webfont.eot");src:url("../font/safiro-medium-webfont.eot?#iefix") format("embedded-opentype"),url("../font/safiro-medium-webfont.woff2") format("woff2"),url("../font/safiro-medium-webfont.woff") format("woff"),url("../font/safiro-medium-webfont.ttf") format("truetype");font-weight:normal;font-style:normal}html{scrollbar-color:#3f3f3f #000;scrollbar-width:thin}html,body{scroll-behavior:auto !important;font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal}body{margin:0;display:flex;flex-direction:column;height:100vh;background-color:#000;color:#fff;overflow-x:hidden}header{position:relative;overflow:hidden;flex:0 0 100%;display:flex;justify-content:center;align-items:center;width:100%;view-timeline:--scroll}header::after{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;background:linear-gradient(0deg, rgba(0, 0, 0, 0.85) 10%, rgba(0, 0, 0, 0.25) 90%);width:100%;height:100%;content:""}header .content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}header .header-text{text-align:center}header .header-footer{position:absolute;bottom:0;width:100%;opacity:.4}main{display:block}h1,h2,h3,h4,h5,h6,p,span,small{cursor:default}h2{font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal;font-size:5vw;line-height:5vw}.navbar{border-radius:30px;padding:0 20px;position:fixed;top:10px;margin:0 auto;font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;font-size:.75rem;letter-spacing:2px;z-index:9999;transition:background 1s ease-in-out}.navbar ul{list-style:none;padding:0px;margin:0px;display:flex}.navbar ul li{padding:15px}.navbar ul li a{color:#fff;text-decoration:none}.navbar ul li a{position:relative;display:inline-table;color:#fff}.navbar ul li a::after{content:"";position:absolute;bottom:-3px;right:0;width:0;height:1px;background-color:#fff;mix-blend-mode:difference;transition:width .25s ease-in-out,right .25s ease-in-out}.navbar ul li a:hover::after{width:100%;right:0;left:0}.navbar.scrolled{background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background 1s ease-in-out;z-index:9999}@media(max-width: 768px){.navbar{font-size:.6rem}}.safiro{font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal}.image-grid{display:flex;gap:20px;perspective:1000px;transform:rotateX(50deg) rotateZ(-35deg) translate(0%, 5%) scale(1.3)}.image-column{display:flex;flex-direction:column;gap:20px;animation:columnPan 20s infinite alternate ease-in-out}.image-grid-item{overflow:hidden;background-size:cover;background-position:center;width:300px;min-height:300px;border-radius:10px;background:red}@media(max-width: 768px){.image-grid-item{width:150px;min-height:100px}}@keyframes columnPan{0%{transform:translateY(0px)}50%{transform:translateY(-200px)}100%{transform:translateY(0px)}}.brand{width:100px}.text-featured{font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal;color:#fff;font-size:6vw;line-height:5vw;text-align:center;width:60vw;display:block;text-shadow:0px 0px 50px #000;margin:0 0 30px 0;cursor:default;opacity:1;animation:scale-up both ease-in-out,fade-away both linear;animation-timeline:--scroll;animation-range:exit 0% exit 100%,exit 25% exit 100%}h1{font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal;color:#fff;font-size:20px;text-align:center;animation:fade-away both linear;animation-timeline:--scroll;animation-range:exit 0% exit 75%}@media(max-width: 768px){.brand{width:100px}.text-featured{font-size:16vw;line-height:14vw;width:80vw;margin:0 0 30px 0;animation:none}h1{animation:none}}@keyframes scale-up{to{scale:.5}}@keyframes fade-away{to{opacity:0}}.tooltipCustom{position:fixed;top:-30px;left:-30px;width:60px;height:60px;background:rgba(0,0,0,0);border:2px solid rgba(255,255,255,.25);border-radius:30px;pointer-events:none;transition:width .25s ease-in-out,height .25s ease-in-out,background .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out}.tooltip-modified{width:15px;height:15px;top:20px;left:20px;border-radius:100px;border-color:red;background:red;transition:width .25s ease-in-out,height .25s ease-in-out,background .25s ease-in-out,top .25s ease-in-out,left .25s ease-in-out}@media(max-width: 768px){.tooltipCustom,.tooltip-modified{display:none}}.text-big{text-indent:6rem;font-size:2vw;line-height:2.5vw;font-family:"safiromedium",sans-serif;font-weight:400;font-style:normal}.text-big span{text-indent:0}.hover-text:hover span{z-index:20}.hover-text span{position:relative;display:inline-table;color:#fff}.hover-text span::after{content:"";position:absolute;bottom:0;right:0;width:0;height:2.25vw;background-color:#fff;mix-blend-mode:difference;transition:width .5s ease-in-out,right .5s ease-in-out}.hover-text:hover span::after{width:100%;right:0;left:0}@media(max-width: 768px){h2{font-size:2rem}.text-big,.fs-5{font-size:1.1rem !important;line-height:1.5rem !important;text-indent:0 !important}.hover-text span::after{height:5vw}}.position-sticky{position:sticky;top:100px}#portfolio img{border-radius:10px}#portfolio .portfolio-client-brand{margin-top:50px;width:150px}@media(max-width: 768px){#portfolio{overflow-x:hidden}#portfolio .portfolio-client-brand{margin-top:0px;width:100px}}.infinite-scroll{position:relative;overflow:hidden}.infinite-scroll .line p{font-size:7vw;line-height:6vw;margin:0;color:#222}.line{display:flex;position:relative;white-space:nowrap;transition:color .25s ease-in-out}.line p:hover{color:#fff;transition:color .25s ease-in-out}@media(max-width: 768px){.infinite-scroll .line{text-transform:uppercase}.infinite-scroll .line p{font-size:15vw;line-height:15vw}.infinite-scroll .line p:hover{color:inherit}}/*# sourceMappingURL=main.min.css.map */