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

* { font-family: 'Instrument Sans'; font-size: clamp(16px, 1vw, 20px); color: #fff; }
*:focus { outline: 0; }

html { scroll-behavior: smooth; }
body { -webkit-tap-highlight-color: transparent; }

p, li { line-height: 1.5; }
ul, ol { margin: 0; }
a, a:link, a:hover, a:focus, a:active { text-decoration: none; outline: 0; -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; height: auto; }

.container {  position: relative; padding: 0 60px; }

header { position: absolute; top: 0; width: 100%; padding-top: 50px; z-index: 1; }
header .container { display: flex; justify-content: space-between; width: 100%; }
header p { text-align: right; }

.hero { position: relative; height: 100vh; height: 100dvh; min-height: 800px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) -0.9%, rgba(0, 0, 0, 0.32) 42.27%, rgba(0, 0, 0, 0.40) 57.31%, rgba(0, 0, 0, 0.80) 100%); text-align: center; }
.hero .container { height: 100%; }
.hero .cover-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.hero .center-content { position: absolute; left: 50%; top: 43%; width: calc(100% - 120px); transform: translate(-50%,-50%); }
.hero h1 { font-family: 'Instrument Serif'; font-size: clamp(54px, 8vw, 100px); line-height: 1.1; font-weight: 400; }
.hero h1 span { display: block; font-size: clamp(16px, 1vw, 20px); }
.hero .text-uppercase { text-transform: uppercase; margin: 20px auto 0 auto; }
.hero p { max-width: 400px; margin: 0 auto; text-wrap: balance; }

.hero .bottom-content { position: absolute; left: 50%; bottom: 100px; width: calc(100% - 120px); transform: translateX(-50%); }
.buttons { display: flex; justify-content: center; gap: 20px; margin-top: 40px; }
.buttons a { display: inline-block; line-height: 1; padding: 16px 50px; border: 1px solid #fff; border-radius: 30px; transition: all 0.3s; }
.buttons a:hover { background: #fff; color: #000; }

@media only screen and (max-width: 991px) {
    .hero h1 { font-size: clamp(54px, 10vw, 100px); }
    
}

@media only screen and (max-width: 600px) {
    .container { padding: 0 25px; }

    header { padding-top: 30px; }
    header .logo img { width: 70px; } 

    .hero { min-height: unset; }
    .hero .center-content, .hero .bottom-content { width: calc(100% - 50px); }
    .hero .center-content { top: 38%; }
    .hero .bottom-content { bottom: 50px; }
    .hero .bottom-content .buttons { flex-direction: column; margin-top: 30px; }
    .hero .buttons a { padding: 12px 30px; }
    .hero p { max-width: 100%; }

}

.font-icon { font-family: "font-icons"!important; }


/* latin-ext */
@font-face {
    font-family: 'Instrument Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/instrument-serif-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Instrument Serif';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/instrument-serif-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    src: url('../fonts/instrument-sans-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Instrument Sans';
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    src: url('../fonts/instrument-sans-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

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