/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * ALL
 * HEADER
 * MAIN
 * AWARDS
 **/
/*------------------------------------*\
    ALL
\*------------------------------------*/
body {
  padding-top: 0;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.navbar {
  background-color: transparent;
}
.navbar-brand [class*=logo-] {
  display: none;
}
.navbar-brand .logo-mobile-light {
  display: block;
}
@media (min-width: 992px) {
  .navbar-brand [class*=logo-] {
    display: none;
  }
  .navbar-brand .logo-desktop-light {
    display: block;
  }
}
.navbar-toggler .icon-bar {
  background-color: #f7f4ed;
}
.navbar-nav .nav-link {
  color: #f7f4ed;
}
.navbar-nav .nav-link:hover {
  color: #d6cebf;
}
.navbar-tool a {
  color: #f7f4ed;
}
.navbar-tool a:hover {
  color: #d6cebf;
}
.navbar-tool .telephone-dark {
  display: none;
}
.navbar-tool .telephone-light {
  display: inline-block;
}
.navbar-tool span {
  background-color: #f7f4ed;
}

.navbar-fixed {
  background-color: #f7f4ed;
}
.navbar-fixed .navbar-brand [class*=logo-] {
  display: none;
}
.navbar-fixed .navbar-brand .logo-mobile-dark {
  display: block;
}
@media (min-width: 992px) {
  .navbar-fixed .navbar-brand [class*=logo-] {
    display: none;
  }
  .navbar-fixed .navbar-brand .logo-desktop-dark {
    display: block;
  }
}
.navbar-fixed .navbar-toggler .icon-bar {
  background-color: #383839;
}
.navbar-fixed .navbar-nav .nav-link {
  color: #383839;
}
.navbar-fixed .navbar-nav .nav-link:hover {
  color: #666666;
}
.navbar-fixed .navbar-tool a {
  color: #383839;
}
.navbar-fixed .navbar-tool a:hover {
  color: #666666;
}
.navbar-fixed .navbar-tool .telephone-dark {
  display: inline-block;
}
.navbar-fixed .navbar-tool .telephone-light {
  display: none;
}
.navbar-fixed .navbar-tool span {
  background-color: #383839;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/
main {
  padding: 0;
}
main > section {
  padding: 10rem 0;
}
@media (min-width: 992px) {
  main > section {
    padding: 13rem 0;
  }
}

/* PAGE-TITLE */
.page-title {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.45rem;
  margin-bottom: 4rem;
}
@media (min-width: 992px) {
  .page-title {
    margin-bottom: 6rem;
  }
}

/* PAGE-LIST */
.page-list > [class*=col-] {
  margin-bottom: 4rem;
}

/* TRANSITION */
.transition {
  height: 100vh;
  position: relative;
}
.transition::before {
  content: "";
  background-color: rgba(56, 56, 57, 0.3);
  position: absolute;
  inset: 0;
  z-index: 2;
  mix-blend-mode: hard-light;
}
.transition .picture {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.transition .picture img {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
  will-change: transform;
  display: block;
}
@media (max-width: 991px) {
  .transition .picture {
    background-image: none !important;
  }
}
@media (min-width: 992px) {
  .transition .picture {
    background-attachment: fixed;
    background-position: 60% 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
    will-change: background-position;
  }
  .transition .picture img {
    display: none;
  }
}
.transition .text {
  color: #f7f4ed;
  font-family: "Cormorant Garamond", serif;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  line-height: 2;
  letter-spacing: 0.09rem;
  position: absolute;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 15%;
  z-index: 3;
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}

/* BUTTON */
.button-wrap {
  margin-bottom: 0;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  .button-wrap {
    margin-top: 2rem;
  }
}

/*------------------------------------*\
    AWARDS
\*------------------------------------*/
.awards-list .item {
  margin-bottom: 5rem;
}