@import url('https://rsms.me/inter/inter.css');
html { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', sans-serif; }
}

:root {
  --typo: #ff2800;
}
body{
overflow: overlay;
overflow-x: hidden; /*overflow-x:hidden !important; */
margin: 0px;
background: white;
}
body, html {
font-family: 'Inter var', sans-serif;	
font-size: 14px;
line-height: 1.18em;
font-weight: 520;
letter-spacing: -0.02em;
text-transform: uppercase;	
cursor:  default;
text-rendering: optimizeLegibility;	
-moz-font-feature-settings: "calt=1","dlig=1", "cpsp=1", "ss01=1", "cv10=1", "cv01=1";
-ms-font-feature-settings: "calt" 1, "dlig" 1, "cpsp" 1, "ss01" 1, "cv10" 1, "cv01" 1;
-webkit-font-feature-settings: "calt" 1, "dlig" 1, "cpsp" 1, "ss01" 1, "cv10" 1, "cv01" 1;
-o-font-feature-settings: "calt" 1, "dlig" 1, "cpsp" 1, "ss01" 1, "cv10" 1, "cv01" 1;
font-feature-settings: "calt" 1, "dlig" 1, "cpsp" 1, "ss01" 1, "cv10" 1, "cv01" 1;	
}
table, th, td {
padding-right: 12px;
vertical-align: baseline;	
}
h1 {
font-family: 'Inter var', sans-serif;
color: var(--typo);
margin-top: 0px;
margin-bottom: 0px;	
font-size: 14px;
line-height: 1.18em;
font-weight: 520;
letter-spacing: -0.02em;
text-transform: uppercase;
}
h3{
font-family: 'Inter var', sans-serif;
color: var(--typo);
margin-top: 0px;
margin-right: 5px;	
padding-top: 1px;
font-size: 32px;
line-height: 35px;
font-weight: 480;
letter-spacing: -0.015em;
text-transform: none;		
}
.title-heading {
font-family: 'Inter var', sans-serif;
color: var(--typo);	
text-align: center;
font-size: 9.7vw;
line-height: 8.2vw;
font-weight: 750;
letter-spacing: -0.4vw;
text-transform: uppercase;
margin-left: -1.2vw;
margin-top: 4px;
}


/* NEW BUTTON */
.new-btn {
position: absolute;
width: 42px;
height: 42px;
margin-top: 14px;
left: 14px;
font-size: 16px;
letter-spacing: -0.04em;
padding-top: 11px;
text-align: center;
z-index: 9996;
animation: new-btn 2s infinite linear;
color: var(--typo);
background-color: white;
mix-blend-mode: screen;		
}
@keyframes new-btn{
0% {
transform: scale(100%) rotate(0deg);
}
75% {
transform: scale(100%) rotate(0deg);
}
100% {
transform: scale(100%) rotate(360deg);}	
}
.new-btn:before,
.new-btn:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 42px;
width: 42px;
background: white;
z-index: -1;
}
.new-btn:before {
transform: rotate(30deg);
}
.new-btn:after {
transform: rotate(60deg);
}


/* PRELOADER */
html.preloader-running, body.preloader-running {
overflow: hidden;
}
div#preloader {
background: none repeat scroll 0 0 none;
position: fixed;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;	
}
.loader-wrapper {
position: fixed;
width: 100%;
background: white;
}
.loader-wrapper h1 {
position: fixed;
width: 100%;
padding-top: 4px;
}
.loader-wrapper img {
position: fixed;	
width: 100%;
max-height: 80vh;
top: 50%;
left: 50%;		
transform: translate(-50%, -50%);
}
.loading-logo {
position: absolute;
top: 49%;
animation: lds-ring 1.4s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}


/* Ticker */
.marquee {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 44px;
background-color: white;
z-index: 9996;	
}
.marquee .inner {
position: relative;
width: 100%;
display: flex;
}
.marquee .inner h3 {
margin-top: 4px;
color: var(--typo);
}
.marquee .inner > * {
white-space: nowrap;
padding: 0 24px;
}


/* SCROLLBAR */
::-webkit-scrollbar {
width: 0 !important	
}
::-webkit-scrollbar-track {
background: none;
}
::-webkit-scrollbar-thumb {
background: white;
}



/* SD SPIN */
.sd-spin {
position: fixed;
left: 50%;		
top: 48%;	
z-index: 9997;
background: none;
height: 60vh;
width: 60vh;	
transform: translate(-50%, -50%);	
mix-blend-mode: screen;
object-fit:cover;	
}
.sd-spin img {
width:100%;
height:100%;
}




/* NAVIGATION / INFO / LEGAL */

#nav {
display: flex;	
position: relative;
right: 12px;
margin-bottom: 4px;
justify-content: space-between;
}

.menu-notification {

margin-left: 26px;
}


:root{
  --masthead-visible: 44px;
}
#masthead{
  position: fixed;
  top: 0; left: 0; right: 0;
  will-change: transform;
  z-index: 1000;
  transform: translateY(0);
}

header.masthead {
position: sticky;
top: 0px;
height: auto;	
width: 100%;
overflow: hidden;
z-index: 9999;
}

.masthead, .masthead a {
text-decoration:none;
color: var(--typo);
background: white;
z-index: 9990;
}
.mastnav {
display: none;
position: relative;
padding-top: 32px;
margin-top: 0px;
width: 100%;
height: auto;
z-index: 999;	
background: white;
overflow-y: scroll;
/* Hide scrollbar for IE, Edge and Firefox */	
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */	
}
/* Hide scrollbar for Chrome, Safari and Opera */
.mastnav::-webkit-scrollbar {
  display: none;
}
.mastnav h1 {
margin-top: 10px;
padding-left: 0px;
margin-bottom: 40px;
}
.mastnav h3 {
margin-top: 0px;	
padding-left: 8px;	
padding-right: 4px;
}
.mastnav a {
text-decoration:none;	
top: 0px;
margin-left: -8px;	
padding: 0px 8px 0px;
border-radius: 100px;
color: var(--typo);
background: none;
}
.mastnav a:hover, .mastnav a:focus, .mastnav a:visited {
text-decoration:none;	
top: 0px;
margin-left: -8px;	
padding: 0px 8px 0px;
border-radius: 100px;
color: var(--typo);
background: white;
}

span {
margin-right: -22px;
display: inline-block;
list-style-type: '●';	
color: transparent;
background: none;	
}
span li:hover {
list-style-type: '●';
color: var(--typo);
  -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
     -o-transition: all .1s ease-in-out;
      transition: all .1s ease-in-out;	
}
.rwd-break { 
display: none;
}
.komma { 
display: none;
}
.credit{
display: none;	
position: absolute;	
top: -38px;	
right: -10px;	
transform: rotate(-90deg);
font-size: 9px;
font-weight: 450;
letter-spacing: 2,3em;
color: var(--typo);
}
a, a:visited {
text-decoration:none;
color: var(--typo);
z-index: 9990;
}
.sub-heading {
margin-left: 8px;
color: var(--typo);
white-space: nowrap;
}
.sub-heading a {
text-decoration:none;
margin-left: -8px;	
padding: 0px 8px 0px;
border-radius: 100px;
color: var(--typo);
background: none;
}
.sub-heading a:hover, .sub-heading a:focus, .sub-heading a:visited {
text-decoration:none;
margin-left: -8px;	
padding: 0px 8px 0px;
border-radius: 100px;
color: var(--typo);
background: white;
}
.info-last {	
margin-top: 21px;	
}


/* PORTFOLIO */
.carousel-indicators  {
z-index: 995;

}
.logo .carousel-indicators li , .logo .carousel-indicators li:hover, .logo .carousel-indicators .active {
	background: var(--typo);
}	
.works-item {
position:relative;	
padding-left: 0px;
padding-right: 0px;
margin-bottom: 0px;
}
.works-item h3 {
display: block;
position: absolute;
width: 100%;
padding-left: 8px;
bottom: -39px;	
text-decoration: none !important;
font-size: 14px;
font-weight: 440;
letter-spacing: -0.01em;
}

.ShowInfo {
display: block;	
position: absolute;
bottom: 0px;
left: 0px;
margin-top: 0px;	
	
cursor: pointer;
}
.ShowInfo span {
height: 44px;
width: 44px;
	color: white;
	text-align: center;
	padding-right: 2px;
	padding-top: 3px;
	font-size: 44px;
	line-height: 0.7em;
	font-weight: 250;
background-color: white;
opacity: 0.4;
}
.ShowInfo span:hover {
height: 44px;
width: 44px;
background-color: var(--typo);
color: var(--typo);
opacity: 1;
}
.ShowInfo:active .item-info { 
visibility: visible;
}
.item-info:hover {
visibility: visible;
}
.item-info {
position: absolute;
visibility: hidden;
bottom: 0px;
left: 0px;
padding: 6px 8px 6px 8px;	
width: max-content;
color: var(--typo);
background-color: white;
z-index: 999;
}
.logo img {	
padding-top: 12%;	
padding-bottom: 13%;
}
.logo {	
background: white;
}
.last {
top: 0px;		
height: 100vh;
margin-bottom: 0px;
z-index: 9997;
}
.last a {
text-decoration:none;
color: none;
border: none;
cursor: pointer;
}
.last img {
width:100%;
height:100%;
object-fit:cover;	
}
.mobile-only {
display: none;
}