* { margin:0; padding:0; box-sizing:border-box; }

body {
    font-family:'Inter',sans-serif;
    background:#fff;
} 

/* HERO */
.hero {
    height:100vh;
    width:100%;
    background:url('../img/main_evening.png') center/cover no-repeat;
    position:fixed;
    top:0;
    left:0;
    z-index:10;
		color:#fff;
}
/* NAV PANEL */
.hero__nav {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 40px;
}

/* BRAND */
.brand {
    display:flex;
    flex-direction:column;
}

.brand__title {
    font-size:20px;
    font-weight:600;		
}

.brand__subtitle {
    font-size:14px;
    opacity:0.8;
}
/* label */

.hero__label {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    font-size:12px;
    letter-spacing:.25em;
    transition: opacity .2s linear;
}

.tm {
    font-size:10px;
    vertical-align:super;
}
/* NAVIGATION */

.nav {
    display:flex;
    gap:30px;
}

.nav a {
    text-decoration:none;
    color:#fff;
    font-size:14px;
    letter-spacing:.08em;
    transition:opacity .2s ease;
}

.nav a:hover {
    opacity:.7;
}

/* CONTENT */
.content {
    margin-top:100vh;
    background:#f5f5f5;
}