@import url("https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@400;500;600;700&family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap");
/*==================== VARIABLES ====================*/
/*==================== MIXINS ====================*/
/*==================== STYLE RESET ====================*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*==================== BASE STYLING ====================*/
body {
  margin: 0;
  background-color: #f2e7d3;
  font-family: "Source Serif Pro", serif;
  max-width: 100vw;
}

section {
  padding: 10vw;
}

h1,
h2 {
  font-weight: 600;
  font-size: clamp(1rem, 2vw, 4vw);
  font-family: "Inknut Antiqua", serif;
  color: #392b1b;
  text-align: right;
  text-decoration: underline;
}

h3 {
  font-size: clamp(1rem, 1.5vw, 3.5vw);
  font-weight: 600;
  color: #392b1b;
}

p {
  font-size: clamp(0.8rem, 1.5vw, 2vw);
  font-weight: 400;
  color: #392b1b;
  text-align: justify;
  padding-top: 1em;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #392b1b;
}

main {
  height: 100vh;
  width: 100vw;
  overflow-y: auto;
  overflow-x: hidden;
  perspective: 10px;
}

/*==================== MAIN WRAPPER ====================*/
.wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100vw;
}

/*==================== PAPER TEXTURE OVERLAY ====================*/
.paper-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  mix-blend-mode: multiply;
  background-repeat: repeat;
  pointer-events: none;
  background-image: url("data:image/jpeg;base64,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");
}

/*==================== HEADER ====================*/
header {
  width: 100%;
  position: fixed;
  z-index: 1;
  padding: 3vh 10vw;
  background: linear-gradient(to bottom, rgba(242, 231, 211, 0.8), rgba(242, 231, 211, 0));
}
header h1,
header li,
header i {
  text-shadow: 1px 1px 3px rgba(242, 231, 211, 0.6);
  text-decoration: none;
}

.navigation,
nav > ul {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

nav ul {
  display: none;
}
@media screen and (min-width: 769px) {
  nav ul {
    display: flex;
  }
}
nav li {
  list-style-type: none;
  padding-left: 4vw;
  font-weight: 600;
  font-size: clamp(1rem, 1.5vw, 2vw);
  color: #614C30;
}
nav li a:hover,
nav li a:active {
  text-decoration: underline;
}

.toggle-btn {
  position: absolute;
  right: 0;
}
.toggle-btn i {
  color: #392b1b;
}
@media screen and (min-width: 769px) {
  .toggle-btn {
    display: none;
  }
}

/*==================== HERO BANNER ====================*/
.hero-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60%;
  padding: 0;
  transform-style: preserve-3d;
  z-index: -1;
  margin-top: 15%;
}
@media screen and (min-width: 769px) {
  .hero-banner {
    height: 100%;
  }
}

.hero-layer {
  max-width: 90vw;
  position: absolute;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (min-width: 769px) {
  .hero-layer {
    max-width: 70vw;
  }
}

.layer-1 {
  transform: translateZ(-10px) scale(2.3);
}

.layer-2 {
  transform: translateZ(-5px) scale(1.8);
}

.layer-3 {
  transform: translateZ(-3px) scale(1.6);
}

.layer-4 {
  transform: translateZ(-2.5px) scale(1.55);
}

/*==================== SINGLE PROMOTION ====================*/
.new-single {
  background: #614C30;
  z-index: 2;
  display: flex;
  width: 100vw;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .new-single {
    flex-direction: row;
  }
}
.new-single .left .single-text {
  text-align: center;
}
.new-single .left .single-text h2 {
  color: #f2e7d3;
  text-decoration: none;
  text-align: center;
}
.new-single .left .single-text h3,
.new-single .left .single-text a {
  color: #C7AE8B;
}
.new-single .left .single-text a {
  text-decoration: underline;
}
.new-single .left .single-links {
  padding-top: 2em;
  text-align: center;
}
.new-single .left .single-links i {
  padding: 0.5em;
  color: #d9e998;
}
.new-single .single-preview {
  margin: 10vw 0 0 0;
  width: 80%;
  max-width: 500px;
}
@media screen and (min-width: 769px) {
  .new-single .single-preview {
    width: 50%;
    margin: 0 0 0 10vw;
  }
}
.new-single .single-preview .tv-frame {
  width: 100%;
}

/*==================== ABOUT ====================*/
.about {
  position: relative;
  width: 100vw;
  padding: 0;
}
.about .content {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  padding: 10vw;
}
@media screen and (min-width: 769px) {
  .about .content {
    flex-direction: row;
  }
}
.about .left {
  margin-top: 10vw;
  align-self: flex-start;
}
@media screen and (min-width: 769px) {
  .about .left {
    margin: 0;
  }
}
.about .left img {
  width: 60vw;
}
@media screen and (min-width: 769px) {
  .about .left img {
    width: 30vw;
  }
}
.about .right {
  height: 100%;
}
@media screen and (min-width: 769px) {
  .about .right {
    width: 45%;
    display: flex;
    flex-direction: row;
  }
}
.about .right .socials {
  align-self: center;
  margin-top: 2em;
  text-align: center;
}
.about .right .socials i {
  padding: 0 0.5em;
  color: #726389;
}
@media screen and (min-width: 769px) {
  .about .right .socials i {
    padding: 1em 2em;
  }
}
.about .blue-paper-bg {
  position: absolute;
  bottom: 0;
  z-index: -1;
  width: 100vw;
  height: 60%;
  background-image: linear-gradient(to bottom, transparent 90%, #DEE7E2 100%), url("../images/bg-img/blue-transition.png");
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 769px) {
  .about .blue-paper-bg {
    height: 70%;
  }
}

/*==================== DISCOGRAPHY ====================*/
.discography {
  background-color: #DEE7E2;
  background-image: url("../images/bg-img/pressed-flowers.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 10vw 0;
}
@media screen and (min-width: 769px) {
  .discography {
    padding: 10vw;
  }
}
.discography h2 {
  text-align: center;
}
.discography .swiper {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
.discography .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 350px;
}
.discography .swiper-slide img {
  display: block;
  width: 100%;
  border-radius: 12px;
}
.discography .spotify-embed {
  position: absolute;
  bottom: -5px;
  width: 350px;
}
.discography .swiper-pagination-bullet {
  background-color: #C7AE8B;
  opacity: 0.6;
}
.discography .swiper-pagination-bullet-active {
  background-color: #d9e998;
  opacity: 1;
}

/*==================== MAILING LIST ====================*/
.mailing-list {
  background-color: #DEE7E2;
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  .mailing-list {
    padding-top: 10vw;
  }
}
.mailing-list .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .mailing-list .container {
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  .mailing-list .mailing-text {
    flex: 0.4;
  }
}
.mailing-list .mailing-form {
  margin-top: 10vw;
  background-image: url("../images/bg-img/form-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 769px) {
  .mailing-list .mailing-form {
    flex: 0.5;
    margin: 0;
  }
}
.mailing-list .mailing-form form {
  padding: 8vh 4vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mailing-list .mailing-form form input,
.mailing-list .mailing-form form label {
  margin: 2vh 0;
  font-size: clamp(0.8rem, 0.8vw, 2vw);
}
.mailing-list .mailing-form form input[type=email] {
  width: 80%;
  background-color: transparent;
  border: 0;
  border-bottom: 1.5px solid #392b1b;
  font-family: "Source Serif Pro", serif;
}
.mailing-list .mailing-form form ::-moz-placeholder {
  color: #392b1b;
  opacity: 0.7;
}
.mailing-list .mailing-form form ::placeholder {
  color: #392b1b;
  opacity: 0.7;
}
.mailing-list .mailing-form form :-ms-input-placeholder {
  color: #392b1b;
  opacity: 0.7;
}
.mailing-list .mailing-form form ::-ms-input-placeholder {
  color: #392b1b;
  opacity: 0.7;
}
.mailing-list .mailing-form form .checkbox-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
}
.mailing-list .mailing-form form .checkbox-container input {
  margin: 1em;
}
.mailing-list .mailing-form form .checkbox-container label {
  text-align: center;
}
.mailing-list .mailing-form form .checkbox-container input[type=checkbox] {
  filter: hue-rotate(210deg) brightness(1.3);
}
.mailing-list .mailing-form form input[type=submit] {
  padding: 1vh;
  width: 50%;
  background-color: transparent;
  border: 1px solid #392b1b;
  font-family: "Source Serif Pro", serif;
}

/*==================== FOOTER ====================*/
footer {
  background-color: #DEE7E2;
}
footer p {
  padding: 3vw;
  text-align: center;
}
footer .funders {
  padding: 0 10vw;
}
footer .funders .funders-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 769px) {
  footer .funders .funders-img {
    flex-direction: row;
  }
}
footer .funders .funders-img img {
  width: 80%;
}
@media screen and (min-width: 769px) {
  footer .funders .funders-img img {
    width: 50%;
  }
}
footer .footer-text {
  margin-top: 10vw;
  padding: 2vw;
  background-color: #614C30;
}
footer .footer-text p,
footer .footer-text a {
  color: #C7AE8B;
}
footer .footer-text a {
  text-decoration: underline;
}/*# sourceMappingURL=style.css.map */