@import url(https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400&display=swap);
/*
 * Breakpoints
 * WordPress Breakpoints: 782px 600px
 * Other Breakpoints: 1280px 960px 425px
 * Example usage:
 *
 *   .container {
 *     flex-direction: column;
 *     @include above(782px) {
 *       flex-direction: row;
 *     }
 *   }
 *
 */
#wpadminbar {
  background: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
#wpadminbar ul {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}
#wpadminbar ul.ab-top-menu:before {
  content: " ";
  background-color: rgba(29, 35, 39, 0.9);
  width: 10px;
  height: 46px;
  display: block;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:before {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu:after {
  content: " ";
  width: 40px;
  height: 46px;
  display: block;
  background: rgba(29, 35, 39, 0.9);
  border-radius: 0 0 10px 0;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:after {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu > li {
  background: rgba(29, 35, 39, 0.9);
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name a:after {
  content: " Dashboard";
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name .ab-sub-wrapper {
  display: none;
}
#wpadminbar ul.ab-top-secondary {
  display: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

summary::-webkit-details-marker {
  display: none;
}

html {
  line-height: 1;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: currentColor;
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

details > summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
}

select {
  display: block;
}

@font-face {
  font-family: "Beausite Grand";
  src: url("fonts/BeausiteGrand-Light.woff2") format("woff2"), url("fonts/BeausiteGrand-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
.archive-banner {
  position: relative;
  padding: clamp(246.5px, 17.7083333333vw, 374px) 0 clamp(104.4px, 7.5vw, 158.4px);
}
.archive-banner .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(522px, 37.5vw, 792px);
  text-align: center;
  color: #01273B;
}
@media (max-width: 782px) {
  .archive-banner .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.archive-banner h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(52.2px, 3.75vw, 79.2px);
  text-transform: uppercase;
}
.archive-banner p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(26.1px, 1.875vw, 39.6px) 0 0;
}

.archive-listing {
  position: relative;
  padding: 0 0 clamp(104.4px, 7.5vw, 158.4px);
}
.archive-listing .items {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  color: #01273B;
  display: grid;
}
@media (max-width: 782px) {
  .archive-listing .items {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .archive-listing .items {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(69.6px, 5vw, 105.6px) clamp(17.4px, 1.25vw, 26.4px);
  }
}

.article-banner {
  position: relative;
  color: #F4F4F1;
}
.article-banner .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.article-banner .image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.6);
  display: block;
}
.article-banner .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-banner .inner {
  position: relative;
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 100vh;
  padding: 0 0 clamp(87px, 6.25vw, 132px);
  z-index: 2;
}
@media (max-width: 782px) {
  .article-banner .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.article-banner .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.article-banner .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
}
.article-banner .content h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(52.2px, 3.75vw, 79.2px);
}
@media (min-width: 782px) {
  .article-banner .content h1 {
    max-width: clamp(522px, 37.5vw, 792px);
  }
}
.article-banner .content .author {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(26.1px, 1.875vw, 39.6px) 0 0;
}
.article-banner .share {
  display: flex;
  align-items: center;
}
.article-banner .share .prompt {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  margin: 0 clamp(17.4px, 1.25vw, 26.4px) 0 0;
}

.article-image {
  padding: clamp(104.4px, 7.5vw, 158.4px) 0;
}
.article-image .image {
  background: rgb(228.292, 228.292, 221.008);
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  position: relative;
}
@media (max-width: 782px) {
  .article-image .image {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.article-image .image:before {
  content: " ";
  padding: 0 0 50%;
  display: block;
}

.article-text-1 {
  position: relative;
  padding: clamp(104.4px, 7.5vw, 158.4px) 0 clamp(174px, 12.5vw, 264px);
}
.article-text-1 .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .article-text-1 .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .article-text-1 .inner {
    display: flex;
    justify-content: space-between;
  }
}
.article-text-1 h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
}
@media (min-width: 782px) {
  .article-text-1 h2 {
    width: 40%;
  }
}
.article-text-1 .text-content {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.article-text-1 .text-content h2,
.article-text-1 .text-content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-1 .text-content h2:nth-child(n+2),
.article-text-1 .text-content h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-1 .text-content p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.article-text-1 .text-content p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.article-text-1 .text-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-1 .text-content ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.article-text-1 .text-content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-1 .text-content ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.article-text-1 .text-content li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.article-text-1 .text-content strong {
  font-weight: 600;
}
.article-text-1 .text-content a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .article-text-1 .text-content a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .article-text-1 .text-content a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.article-text-1 .text-content a:after {
  top: calc(50% + 0.65em);
}
@media (min-width: 782px) {
  .article-text-1 .text-content {
    width: 50%;
    margin: 0;
  }
}

.article-text-2 {
  position: relative;
  padding: clamp(104.4px, 7.5vw, 158.4px) 0 clamp(174px, 12.5vw, 264px);
}
.article-text-2 .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(855.5px, 61.4583333333vw, 1298px);
}
@media (max-width: 782px) {
  .article-text-2 .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.article-text-2 .text-content h2,
.article-text-2 .text-content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-2 .text-content h2:nth-child(n+2),
.article-text-2 .text-content h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-2 .text-content p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.article-text-2 .text-content p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.article-text-2 .text-content ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-2 .text-content ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.article-text-2 .text-content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.article-text-2 .text-content ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.article-text-2 .text-content li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.article-text-2 .text-content strong {
  font-weight: 600;
}
.article-text-2 .text-content a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .article-text-2 .text-content a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .article-text-2 .text-content a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.article-text-2 .text-content a:after {
  top: calc(50% + 0.65em);
}
.article-text-2 .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
  display: inline-block;
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .article-text-2 .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.article-text-2 .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.article-text-2 .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .article-text-2 .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .article-text-2 .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.article-text-2 .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .article-text-2 .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.article-text-2 .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .article-text-2 .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .article-text-2 .button:hover {
    transform: scale(1.15);
  }
  .article-text-2 .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.banksia {
  background: #F4F4F1;
  position: relative;
  padding: clamp(116px, 8.3333333333vw, 176px) 0 clamp(145px, 10.4166666667vw, 220px);
  margin: -1px 0 0;
}
.banksia[data-background=white] {
  background: #F4F4F1;
  color: #01273B;
}
.banksia[data-background=white] .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #01273B;
}
.banksia[data-background=white] .content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.banksia[data-background=white] .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.banksia[data-background=white] .content .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.banksia[data-background=white] .content .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.banksia[data-background=white] .content .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .button:hover {
    transform: scale(1.15);
  }
  .banksia[data-background=white] .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.banksia[data-background=white] .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.banksia[data-background=white] .content .kicker[data-animation-status=active] {
  opacity: 1;
}
.banksia[data-background=white] .content h1,
.banksia[data-background=white] .content h2,
.banksia[data-background=white] .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.banksia[data-background=white] .content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.banksia[data-background=white] .content .detail h2,
.banksia[data-background=white] .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=white] .content .detail h2:nth-child(n+2),
.banksia[data-background=white] .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=white] .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.banksia[data-background=white] .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.banksia[data-background=white] .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=white] .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.banksia[data-background=white] .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=white] .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.banksia[data-background=white] .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.banksia[data-background=white] .content .detail strong {
  font-weight: 600;
}
.banksia[data-background=white] .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .banksia[data-background=white] .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .banksia[data-background=white] .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.banksia[data-background=white] .content .detail a:after {
  top: calc(50% + 0.65em);
}
.banksia[data-background=white] .content .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.banksia[data-background=white] .content .button[data-animation-status=active] {
  opacity: 1;
}
.banksia[data-background=white] .content .logo {
  border: 1px solid #bbbbbb;
}
.banksia[data-background=white] .content .logo path {
  fill: #222;
}
.banksia[data-background=white] .image {
  background: rgb(235.024, 235.024, 229.576);
}
.banksia[data-background=black] {
  background: #01273B;
  color: #F4F4F1;
}
.banksia[data-background=black] .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #F4F4F1;
}
.banksia[data-background=black] .content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.banksia[data-background=black] .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.banksia[data-background=black] .content .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.banksia[data-background=black] .content .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.banksia[data-background=black] .content .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .button:hover {
    transform: scale(1.15);
  }
  .banksia[data-background=black] .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.banksia[data-background=black] .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.banksia[data-background=black] .content .kicker[data-animation-status=active] {
  opacity: 1;
}
.banksia[data-background=black] .content h1,
.banksia[data-background=black] .content h2,
.banksia[data-background=black] .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.banksia[data-background=black] .content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.banksia[data-background=black] .content .detail h2,
.banksia[data-background=black] .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=black] .content .detail h2:nth-child(n+2),
.banksia[data-background=black] .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=black] .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.banksia[data-background=black] .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.banksia[data-background=black] .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=black] .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.banksia[data-background=black] .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.banksia[data-background=black] .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.banksia[data-background=black] .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.banksia[data-background=black] .content .detail strong {
  font-weight: 600;
}
.banksia[data-background=black] .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .banksia[data-background=black] .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .banksia[data-background=black] .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.banksia[data-background=black] .content .detail a:after {
  top: calc(50% + 0.65em);
}
.banksia[data-background=black] .content .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.banksia[data-background=black] .content .button[data-animation-status=active] {
  opacity: 1;
}
.banksia[data-background=black] .content .logo {
  border: 1px solid rgba(244, 244, 241, 0.3);
}
.banksia[data-background=black] .content .logo path {
  fill: #F4F4F1;
}
.banksia[data-background=black] .image {
  background: rgb(1.17, 45.63, 69.03);
}
.banksia .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  position: relative;
}
@media (max-width: 782px) {
  .banksia .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .banksia .inner {
    height: clamp(884.5px, 63.5416666667vw, 1342px);
  }
}
@media (min-width: 782px) {
  .banksia .content {
    width: clamp(565.5px, 40.625vw, 858px);
  }
}
.banksia .content .logo {
  padding: clamp(17.4px, 1.25vw, 26.4px) clamp(21.75px, 1.5625vw, 33px);
  border-radius: clamp(4.35px, 0.3125vw, 6.6px);
  margin: 0 0 clamp(43.5px, 3.125vw, 66px);
  opacity: 0;
  transition: opacity 0.6s;
}
.banksia .content .logo[data-animation-status=active] {
  opacity: 1;
}
.banksia .content .logo svg,
.banksia .content .logo img {
  width: clamp(166.75px, 11.9791666667vw, 253px);
  height: auto;
  display: block;
}
.banksia .content h2 {
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  text-transform: uppercase;
}
@media (min-width: 782px) {
  .banksia .content h2 {
    font-size: clamp(43.5px, 3.125vw, 66px);
  }
}
@media (min-width: 782px) {
  .banksia .content p {
    max-width: clamp(435px, 31.25vw, 660px);
  }
}
.banksia .image {
  position: relative;
}
@media (min-width: 782px) {
  .banksia .image {
    position: absolute;
  }
}
.banksia .image.left {
  width: 80%;
  height: clamp(533.6px, 38.3333333333vw, 809.6px);
  margin: clamp(69.6px, 5vw, 105.6px) 0 0 auto;
}
@media (min-width: 782px) {
  .banksia .image.left {
    bottom: 0;
    left: 0;
    width: clamp(551px, 39.5833333333vw, 836px);
    height: clamp(326.25px, 23.4375vw, 495px);
    margin: 0;
  }
}
.banksia .image.right {
  width: 45%;
  height: clamp(268.25px, 19.2708333333vw, 407px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .banksia .image.right {
    right: 0;
    bottom: clamp(101.5px, 7.2916666667vw, 154px);
    margin: 0;
    width: clamp(442.25px, 31.7708333333vw, 671px);
    height: clamp(580px, 41.6666666667vw, 880px);
  }
}

.call-to-action {
  background: #F4F4F1;
  position: relative;
}
.call-to-action .inner {
  position: relative;
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
.call-to-action .image {
  background: rgb(228.292, 228.292, 221.008);
  position: relative;
}
.call-to-action .image:before {
  content: " ";
  padding: 0 0 150%;
  display: block;
}
@media (min-width: 782px) {
  .call-to-action .image:before {
    padding: 0 0 50%;
  }
}
.call-to-action .image .image-inner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  background: rgba(0, 0, 0, 0.6);
}
.call-to-action .text-content {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #F4F4F1;
  max-width: clamp(478.5px, 34.375vw, 726px);
  text-align: center;
  width: calc(100% - clamp(69.6px, 5vw, 105.6px));
  transform: translate(-50%, -50%);
}
.call-to-action .text-content h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
.call-to-action .text-content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.call-to-action .text-content .detail h2,
.call-to-action .text-content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.call-to-action .text-content .detail h2:nth-child(n+2),
.call-to-action .text-content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.call-to-action .text-content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.call-to-action .text-content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.call-to-action .text-content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.call-to-action .text-content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.call-to-action .text-content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.call-to-action .text-content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.call-to-action .text-content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.call-to-action .text-content .detail strong {
  font-weight: 600;
}
.call-to-action .text-content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .call-to-action .text-content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .call-to-action .text-content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.call-to-action .text-content .detail a:after {
  top: calc(50% + 0.65em);
}
.call-to-action .text-content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .call-to-action .text-content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.call-to-action .text-content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.call-to-action .text-content .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .call-to-action .text-content .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .call-to-action .text-content .button:hover {
    transform: scale(1.15);
  }
  .call-to-action .text-content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.careers-listing {
  position: relative;
  padding: clamp(174px, 12.5vw, 264px) 0 clamp(34.8px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .careers-listing {
    padding: clamp(261px, 18.75vw, 396px) 0 clamp(69.6px, 5vw, 105.6px);
  }
}
.careers-listing .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .careers-listing .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.careers-listing .upper h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
@media (min-width: 782px) {
  .careers-listing .upper h1 {
    font-size: clamp(52.2px, 3.75vw, 79.2px);
  }
}
.careers-listing .filter {
  position: relative;
  margin: clamp(130.5px, 9.375vw, 198px) 0 0;
}
@media (min-width: 782px) {
  .careers-listing .filter {
    display: flex;
  }
}
.careers-listing .filter.disable-search select,
.careers-listing .filter.disable-search .select2-container {
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.careers-listing .filter .label {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  width: 100%;
  margin: 0 0 clamp(13.05px, 0.9375vw, 19.8px);
}
.careers-listing .filter .tag-button {
  cursor: pointer;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
}
.careers-listing .filter .tag-button:before {
  content: " ";
  background: #01273B;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
@media (min-width: 782px) {
  .careers-listing .filter .tag-button:hover {
    color: #F4F4F1;
    transform: scale(1.15);
    z-index: 4;
  }
  .careers-listing .filter .tag-button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.careers-listing .career-select {
  width: clamp(304.5px, 21.875vw, 462px);
}
@media (min-width: 782px) {
  .careers-listing .career-select {
    width: clamp(435px, 31.25vw, 660px);
    margin: 0 clamp(26.1px, 1.875vw, 39.6px) 0 0;
  }
}
.careers-listing .career-select select,
.careers-listing .career-select .select2-container {
  transition: opacity 0.3s;
}
.careers-listing .tag-buttons {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 782px) {
  .careers-listing .tag-buttons {
    max-width: clamp(435px, 31.25vw, 660px);
  }
}
.careers-listing .tag-button {
  font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
  text-transform: uppercase;
  height: clamp(25.375px, 1.8229166667vw, 38.5px);
  line-height: calc(clamp(25.0125px, 1.796875vw, 37.95px) - 2px);
  padding: 0 clamp(13.05px, 0.9375vw, 19.8px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  border: 1px solid #bbbbbb;
  background: #F4F4F1;
  color: #01273B;
  margin: clamp(2.175px, 0.15625vw, 3.3px) clamp(4.35px, 0.3125vw, 6.6px) clamp(2.175px, 0.15625vw, 3.3px) 0;
}
.careers-listing .items {
  margin: clamp(87px, 6.25vw, 132px) 0 0;
}
.careers-listing .item {
  border-bottom: 1px solid #01273B;
  padding: 0 0 clamp(52.2px, 3.75vw, 79.2px);
  margin: 0 0 clamp(52.2px, 3.75vw, 79.2px);
}
@media (min-width: 782px) {
  .careers-listing .item {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: auto 1fr;
    grid-gap: clamp(34.8px, 2.5vw, 52.8px) clamp(17.4px, 1.25vw, 26.4px);
  }
}
.careers-listing .item h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
  text-transform: uppercase;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
}
@media (min-width: 782px) {
  .careers-listing .item h2 {
    grid-column: span 3;
    margin: 0;
  }
}
.careers-listing .item .job-description {
  grid-row: span 2;
  grid-column: span 7;
}
.careers-listing .item .job-description h2,
.careers-listing .item .job-description h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.careers-listing .item .job-description h2:nth-child(n+2),
.careers-listing .item .job-description h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.careers-listing .item .job-description p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.careers-listing .item .job-description p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.careers-listing .item .job-description ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.careers-listing .item .job-description ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.careers-listing .item .job-description ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.careers-listing .item .job-description ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.careers-listing .item .job-description li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.careers-listing .item .job-description strong {
  font-weight: 600;
}
.careers-listing .item .job-description a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .careers-listing .item .job-description a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .careers-listing .item .job-description a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.careers-listing .item .job-description a:after {
  top: calc(50% + 0.65em);
}
.careers-listing .item .action {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .careers-listing .item .action {
    margin: 0;
    grid-column: span 3;
  }
}
.careers-listing .item .tag-buttons {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
@media (min-width: 782px) {
  .careers-listing .item .tag-buttons {
    margin: 0;
    grid-column: 4/span 7;
    grid-row: 3;
  }
}
.careers-listing .item .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  display: inline-block;
  grid-column: 1;
}
@media (min-width: 782px) {
  .careers-listing .item .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.careers-listing .item .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.careers-listing .item .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .careers-listing .item .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .careers-listing .item .button:hover {
    transform: scale(1.15);
  }
  .careers-listing .item .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .careers-listing .item .button {
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}

.contact-banner {
  position: relative;
  background: #01273B;
  color: #F4F4F1;
  overflow: hidden;
  padding: clamp(174px, 12.5vw, 264px) 0 0;
}
.contact-banner .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .contact-banner .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.contact-banner .image-outer {
  padding: 0 clamp(17.4px, 1.25vw, 26.4px) clamp(17.4px, 1.25vw, 26.4px);
}
.contact-banner .image {
  background: rgb(1.17, 45.63, 69.03);
  position: relative;
  width: 100%;
  height: calc(100vw - clamp(34.8px, 2.5vw, 52.8px));
}
@media (min-width: 782px) {
  .contact-banner .image {
    height: calc((100vw - clamp(34.8px, 2.5vw, 52.8px)) * 0.45);
  }
}
.contact-banner .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.contact-banner .image-inner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  background: rgba(0, 0, 0, 0.4);
}
.contact-banner .content {
  position: absolute;
  left: clamp(17.4px, 1.25vw, 26.4px);
  bottom: clamp(116px, 8.3333333333vw, 176px);
  width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
}
.contact-banner .content .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .contact-banner .content .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.contact-banner .content h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(56.55px, 4.0625vw, 85.8px);
}
.contact-banner .loader {
  top: 50vh;
  left: calc(50% - clamp(174px, 12.5vw, 264px));
  width: clamp(348px, 25vw, 528px);
}
@media (min-width: 782px) {
  .contact-banner .loader {
    left: calc(50% - clamp(217.5px, 15.625vw, 330px));
    width: clamp(435px, 31.25vw, 660px);
  }
}
.contact-banner .loader:before {
  border-bottom: 1px solid #F4F4F1;
}

.contact-form {
  background: #01273B;
  position: relative;
  padding: clamp(104.4px, 7.5vw, 158.4px) 0;
}
.contact-form .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  background: #F4F4F1;
  padding: clamp(43.5px, 3.125vw, 66px) clamp(17.4px, 1.25vw, 26.4px);
}
@media (max-width: 782px) {
  .contact-form .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .contact-form .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(34.8px, 2.5vw, 52.8px);
  }
}
@media (min-width: 782px) {
  .contact-form .content {
    width: clamp(333.5px, 23.9583333333vw, 506px);
    max-width: 45%;
    margin: 0 0 0 clamp(52.2px, 3.75vw, 79.2px);
  }
}
@media (min-width: 960px) {
  .contact-form .content {
    margin: 0 0 0 clamp(87px, 6.25vw, 132px);
  }
}
.contact-form .content h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: clamp(43.5px, 3.125vw, 66px);
}
.contact-form .content p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.contact-form .content .direct-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.6;
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
@media (min-width: 782px) {
  .contact-form .content .direct-contact {
    margin: clamp(52.2px, 3.75vw, 79.2px) 0 0;
  }
}
.contact-form .content a {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  position: relative;
}
@media (min-width: 782px) {
  .contact-form .content a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .contact-form .content a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.contact-form .gform_wrapper,
.contact-form .gform_confirmation_wrapper {
  margin: clamp(43.5px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .contact-form .gform_wrapper,
  .contact-form .gform_confirmation_wrapper {
    width: 50%;
    margin: 0;
  }
}

.contact-map {
  position: relative;
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
.contact-map .inner {
  position: relative;
}
@media (max-width: 782px) {
  .contact-map .inner {
    display: flex;
    flex-direction: column-reverse;
  }
}
.contact-map .content {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .contact-map .content {
    position: absolute;
    margin: 0;
    top: 50%;
    left: clamp(116px, 8.3333333333vw, 176px);
    transform: translateY(-50%);
    z-index: 2;
  }
}
.contact-map .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  display: inline-block;
}
.contact-map .content address {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
.contact-map .map {
  position: relative;
  height: clamp(522px, 37.5vw, 792px);
}
@media (min-width: 782px) {
  .contact-map .map {
    width: 66.6%;
    height: clamp(609px, 43.75vw, 924px);
    margin: 0 0 0 auto;
  }
  .contact-map .map:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    background: linear-gradient(90deg, #f4f4f1 0%, rgba(244, 244, 241, 0) 100%);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
  }
}

.ui-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 1rem 1.2rem;
  width: 17rem;
  font-size: 14px;
  color: #333;
}

.ui-datepicker-header {
  text-align: center;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #222;
  background: none;
  border: none;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
  position: absolute;
  top: 1rem;
  width: 1.5rem;
  height: 1.5rem;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.ui-datepicker-title {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.ui-datepicker-title select {
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  background: #FFFFFF;
  height: clamp(56.55px, 4.0625vw, 85.8px);
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  line-height: clamp(56.55px, 4.0625vw, 85.8px);
  padding: 0 clamp(17.4px, 1.25vw, 26.4px);
  display: block;
  width: 100%;
  color: #01273B;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  width: 72px;
  border: 1px solid #cccccc;
}
@media (min-width: 782px) {
  .ui-datepicker-title select {
    font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
@media (min-width: 782px) {
  .ui-datepicker-title select {
    padding: 0 10px;
  }
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
  opacity: 1;
}

.ui-datepicker-prev {
  left: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg fill='gray' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M12.707 15.707a1 1 0 01-1.414 0l-5-5a1 1 0 010-1.414l5-5a1 1 0 111.414 1.414L9.414 10l4.293 4.293a1 1 0 010 1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.ui-datepicker-next {
  right: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg fill='gray' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M7.293 4.293a1 1 0 011.414 0l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414-1.414L10.586 10 7.293 6.707a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.ui-datepicker-calendar {
  width: 100%;
  border-collapse: collapse;
}
.ui-datepicker-calendar th {
  text-align: center;
  font-weight: 500;
  color: #666;
  padding: 0.4rem 0;
}
.ui-datepicker-calendar td {
  text-align: center;
  padding: 0.4rem 0.3rem;
  cursor: pointer;
  border-radius: 3px;
  transition: background 0.2s;
}
.ui-datepicker-calendar td:hover {
  background: #f0f0f0;
}
.ui-datepicker-calendar td.ui-datepicker-today {
  background: #e6f7ff;
  font-weight: 600;
}
.ui-datepicker-calendar td.ui-datepicker-current-day {
  background: #0f94f0;
  color: #fff;
}
.ui-datepicker-calendar td.ui-state-disabled {
  color: #ccc;
  pointer-events: none;
}

.ui-datepicker .ui-icon {
  display: none;
}

.error-404 {
  position: relative;
  background: #F4F4F1;
  color: #01273B;
  padding: clamp(304.5px, 21.875vw, 462px) 0 clamp(104.4px, 7.5vw, 158.4px);
}
.error-404 .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (max-width: 782px) {
  .error-404 .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.error-404 h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
@media (min-width: 782px) {
  .error-404 h1 {
    font-size: clamp(116px, 8.3333333333vw, 176px);
  }
}
.error-404 .detail {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.error-404 .sketch {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.error-404 img {
  width: clamp(101.5px, 7.2916666667vw, 154px);
  height: clamp(81.2px, 5.8333333333vw, 123.2px);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.error-404 p {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
}
.error-404 .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .error-404 .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.error-404 .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.error-404 .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .error-404 .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .error-404 .button:hover {
    transform: scale(1.15);
  }
  .error-404 .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.faqs {
  position: relative;
  padding: clamp(52.2px, 3.75vw, 79.2px) 0;
}
[data-background=white] + .faqs {
  padding-top: 0;
}
@media (min-width: 782px) {
  .faqs {
    padding: clamp(104.4px, 7.5vw, 158.4px) 0;
  }
}
.faqs:first-child {
  padding-top: clamp(174px, 12.5vw, 264px);
}
@media (min-width: 782px) {
  .faqs:first-child {
    padding-top: clamp(217.5px, 15.625vw, 330px);
  }
}
.faqs .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .faqs .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.faqs h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
  margin: 0 0 clamp(43.5px, 3.125vw, 66px);
}
@media (min-width: 782px) {
  .faqs h1 {
    font-size: clamp(52.2px, 3.75vw, 79.2px);
    margin: 0 0 clamp(174px, 12.5vw, 264px);
  }
}
.faqs h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 clamp(43.5px, 3.125vw, 66px);
}
@media (min-width: 782px) {
  .faqs h2 {
    margin: 0 0 clamp(104.4px, 7.5vw, 158.4px);
  }
}
.faqs .item {
  border-bottom: 1px solid #01273B;
  overflow: hidden;
  transform: translateY(clamp(17.4px, 1.25vw, 26.4px));
  transition: height 0.4s, opacity 0.6s, transform 0.6s;
}
.faqs .item[data-animation-status=active] {
  transform: translateY(0);
  opacity: 1;
}
.faqs .item[open] .question .question-inner:after {
  transform: rotate(0deg);
}
.faqs .item .question {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
  cursor: pointer;
}
.faqs .item .question .question-inner {
  position: relative;
  font-size: clamp(23.2px, 1.6666666667vw, 35.2px);
  line-height: 1.15;
  padding: clamp(30.45px, 2.1875vw, 46.2px) clamp(69.6px, 5vw, 105.6px) clamp(30.45px, 2.1875vw, 46.2px) 0;
}
.faqs .item .question .question-inner:before, .faqs .item .question .question-inner:after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 0;
  width: clamp(17.4px, 1.25vw, 26.4px);
  background: pink;
  border-top: 1px solid #01273B;
  transition: transform 0.4s;
}
.faqs .item .question .question-inner:after {
  transform: rotate(-90deg);
}
@media (min-width: 782px) {
  .faqs .item .question span {
    display: inline-block;
    max-width: clamp(435px, 31.25vw, 660px);
  }
}
.faqs .item .answer {
  padding: 0 0 clamp(30.45px, 2.1875vw, 46.2px);
}
.faqs .item .answer h2,
.faqs .item .answer h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.faqs .item .answer h2:nth-child(n+2),
.faqs .item .answer h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.faqs .item .answer p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.faqs .item .answer p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.faqs .item .answer ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.faqs .item .answer ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.faqs .item .answer ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.faqs .item .answer ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.faqs .item .answer li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.faqs .item .answer strong {
  font-weight: 600;
}
.faqs .item .answer a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .faqs .item .answer a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .faqs .item .answer a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.faqs .item .answer a:after {
  top: calc(50% + 0.65em);
}
@media (min-width: 782px) {
  .faqs .item .answer {
    max-width: clamp(652.5px, 46.875vw, 990px);
  }
}
.faqs .lower {
  display: flex;
  justify-content: center;
  margin: clamp(52.2px, 3.75vw, 79.2px) 0 0;
}
.faqs .lower .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
}
@media (min-width: 782px) {
  .faqs .lower .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.faqs .lower .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.faqs .lower .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .faqs .lower .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .faqs .lower .button:hover {
    transform: scale(1.15);
  }
  .faqs .lower .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.feature-content {
  position: relative;
  background: #01273B;
  padding: clamp(145px, 10.4166666667vw, 220px) 0;
  margin: -1px 0 0;
}
.feature-content[data-animation] {
  opacity: 1;
}
.feature-content[data-background=white] {
  background: #F4F4F1;
  color: #01273B;
}
.feature-content[data-background=white] .image {
  background: rgb(235.024, 235.024, 229.576);
}
.feature-content[data-background=white] .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #01273B;
}
.feature-content[data-background=white] .content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.feature-content[data-background=white] .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.feature-content[data-background=white] .content .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.feature-content[data-background=white] .content .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.feature-content[data-background=white] .content .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .button:hover {
    transform: scale(1.15);
  }
  .feature-content[data-background=white] .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.feature-content[data-background=white] .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.feature-content[data-background=white] .content .kicker[data-animation-status=active] {
  opacity: 1;
}
.feature-content[data-background=white] .content h1,
.feature-content[data-background=white] .content h2,
.feature-content[data-background=white] .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.feature-content[data-background=white] .content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.feature-content[data-background=white] .content .detail h2,
.feature-content[data-background=white] .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=white] .content .detail h2:nth-child(n+2),
.feature-content[data-background=white] .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=white] .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.feature-content[data-background=white] .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.feature-content[data-background=white] .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=white] .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.feature-content[data-background=white] .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=white] .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.feature-content[data-background=white] .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.feature-content[data-background=white] .content .detail strong {
  font-weight: 600;
}
.feature-content[data-background=white] .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .feature-content[data-background=white] .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .feature-content[data-background=white] .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.feature-content[data-background=white] .content .detail a:after {
  top: calc(50% + 0.65em);
}
.feature-content[data-background=white] .content .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.feature-content[data-background=white] .content .button[data-animation-status=active] {
  opacity: 1;
}
.feature-content[data-background=black] {
  background: #01273B;
  color: #F4F4F1;
}
[data-background=black] + .feature-content[data-background=black] {
  padding-top: 0;
}
@media (min-width: 782px) {
  .feature-content[data-background=black] {
    clip-path: polygon(0 40vh, 100% 40vh, 100% 100%, 0% 100%);
    transition: clip-path 1s;
  }
  [data-background=black] + .feature-content[data-background=black] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    transition: none;
  }
  .feature-content[data-background=black][data-animation-status=active] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.feature-content[data-background=black] .image {
  background: rgb(1.17, 45.63, 69.03);
}
.feature-content[data-background=black] .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #F4F4F1;
}
.feature-content[data-background=black] .content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.feature-content[data-background=black] .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.feature-content[data-background=black] .content .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.feature-content[data-background=black] .content .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.feature-content[data-background=black] .content .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .button:hover {
    transform: scale(1.15);
  }
  .feature-content[data-background=black] .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.feature-content[data-background=black] .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.feature-content[data-background=black] .content .kicker[data-animation-status=active] {
  opacity: 1;
}
.feature-content[data-background=black] .content h1,
.feature-content[data-background=black] .content h2,
.feature-content[data-background=black] .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.feature-content[data-background=black] .content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.feature-content[data-background=black] .content .detail h2,
.feature-content[data-background=black] .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=black] .content .detail h2:nth-child(n+2),
.feature-content[data-background=black] .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=black] .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.feature-content[data-background=black] .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.feature-content[data-background=black] .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=black] .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.feature-content[data-background=black] .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.feature-content[data-background=black] .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.feature-content[data-background=black] .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.feature-content[data-background=black] .content .detail strong {
  font-weight: 600;
}
.feature-content[data-background=black] .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .feature-content[data-background=black] .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .feature-content[data-background=black] .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.feature-content[data-background=black] .content .detail a:after {
  top: calc(50% + 0.65em);
}
.feature-content[data-background=black] .content .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.feature-content[data-background=black] .content .button[data-animation-status=active] {
  opacity: 1;
}
@media (min-width: 782px) {
  .feature-content[data-layout=forwards] .inner {
    flex-direction: row;
  }
}
@media (min-width: 782px) {
  .feature-content[data-layout=reverse] .inner {
    flex-direction: row-reverse;
  }
}
.feature-content .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .feature-content .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .feature-content .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.feature-content .image {
  position: relative;
  height: clamp(522px, 37.5vw, 792px);
}
@media (min-width: 782px) {
  .feature-content .image {
    height: clamp(616.25px, 44.2708333333vw, 935px);
    width: clamp(551px, 39.5833333333vw, 836px);
  }
}
.feature-content .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.feature-content .content {
  margin: clamp(43.5px, 3.125vw, 66px) 0 0;
}
@media (min-width: 782px) {
  .feature-content .content {
    width: clamp(435px, 31.25vw, 660px);
    margin: 0;
  }
}
.feature-content .content h2 {
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  text-transform: uppercase;
}
@media (min-width: 782px) {
  .feature-content .content h2 {
    font-size: clamp(43.5px, 3.125vw, 66px);
  }
}

.features {
  background: #F4F4F1;
  color: #01273B;
  position: relative;
  margin: -1px 0 0;
}
.features[data-animation] {
  opacity: 1;
}
[data-background=white] + .features .inner {
  padding-top: clamp(34.8px, 2.5vw, 52.8px);
  border-top: 1px solid #01273B;
}
.features .inner {
  position: relative;
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  padding: clamp(116px, 8.3333333333vw, 176px) 0 clamp(145px, 10.4166666667vw, 220px);
}
@media (max-width: 782px) {
  .features .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.features h2 {
  display: none;
}
.features .swiper-slide {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  width: 75%;
}
@media (min-width: 782px) {
  .features .swiper-slide {
    width: calc(33.33% - clamp(29px, 2.0833333333vw, 44px));
  }
}
.features .swiper-slide:nth-child(n+2) {
  margin: 0 0 0 clamp(34.8px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .features .swiper-slide:nth-child(n+2) {
    margin: 0 0 0 clamp(43.5px, 3.125vw, 66px);
  }
}
.features .swiper-slide:nth-child(n+2):before {
  content: " ";
  position: absolute;
  top: 0;
  left: calc(clamp(17.4px, 1.25vw, 26.4px) * -1);
  height: 100%;
  border-left: 1px solid #01273B;
}
@media (min-width: 782px) {
  .features .swiper-slide:nth-child(n+2):before {
    left: calc(clamp(21.75px, 1.5625vw, 33px) * -1);
  }
}
.features .swiper-slide .frame {
  background: rgb(228.292, 228.292, 221.008);
  position: relative;
  width: 100%;
  margin: 0 0 clamp(43.5px, 3.125vw, 66px);
}
.features .swiper-slide .image {
  background: rgb(1.255, 48.945, 74.045);
  position: relative;
  height: clamp(377px, 27.0833333333vw, 572px);
}
.features .swiper-slide img {
  height: clamp(377px, 27.0833333333vw, 572px);
}
.features .swiper-slide h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
}
.features .swiper-slide p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 clamp(26.1px, 1.875vw, 39.6px);
}
.features .swiper-slide .link {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  text-transform: uppercase;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: clamp(20.3px, 1.4583333333vw, 30.8px) auto;
  padding: 0 clamp(34.8px, 2.5vw, 52.8px) 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  margin: auto 0 0;
  transition: padding 0.3s;
}
.features .swiper-slide .link:hover {
  padding: 0 clamp(43.5px, 3.125vw, 66px) 0 0;
}
.features .swiper-slide .link:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
}
.features .buttons {
  display: flex;
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.features .buttons button {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: clamp(20.3px, 1.4583333333vw, 30.8px) auto;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  background-color: transparent;
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  transition: opacity 0.4s;
}
.features .buttons button.swiper-button-disabled {
  opacity: 0.4;
}
.features .buttons button:nth-child(1) {
  margin: 0 clamp(8.7px, 0.625vw, 13.2px) 0 0;
  transform: scaleX(-1);
}
.features .buttons button .label {
  display: none;
}

.site-footer {
  background: #F4F4F1;
  color: #F4F4F1;
  padding: clamp(15.95px, 1.1458333333vw, 24.2px);
}
.site-footer[data-animation] {
  opacity: 1;
}
.site-footer[data-animation-status=active] .introduction:after,
.site-footer[data-animation-status=active] .navigation:after,
.site-footer[data-animation-status=active] .company:after,
.site-footer[data-animation-status=active] .social-media:after,
.site-footer[data-animation-status=active] .legal:after {
  width: 100%;
}
.site-footer[data-animation-status=active] .navigation:before,
.site-footer[data-animation-status=active] .social-media:before,
.site-footer[data-animation-status=active] .legal:before,
.site-footer[data-animation-status=active] .best-price-guarantee:before,
.site-footer[data-animation-status=active] .app:before {
  height: 100%;
}
.site-footer[data-animation-status=active] ul,
.site-footer[data-animation-status=active] h3,
.site-footer[data-animation-status=active] img,
.site-footer[data-animation-status=active] .prompt,
.site-footer[data-animation-status=active] .legal {
  opacity: 1;
}
.site-footer .upper {
  background: #01273B;
}
@media (min-width: 782px) {
  .site-footer .upper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}
.site-footer ul,
.site-footer h3,
.site-footer img,
.site-footer .prompt,
.site-footer .legal {
  opacity: 0;
  transition: 1s 0.6s;
}
.site-footer .introduction {
  position: relative;
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .site-footer .introduction {
    grid-column: 2/span 3;
  }
  .site-footer .introduction:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    display: block;
    border-bottom: 1px solid #F4F4F1;
    transition: width 2s;
  }
}
@media (max-width: 782px) {
  .site-footer .introduction {
    border-bottom: 1px solid #F4F4F1;
  }
}
.site-footer .introduction .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
}
.site-footer .introduction h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  margin: clamp(15.95px, 1.1458333333vw, 24.2px) 0 0;
}
.site-footer .introduction .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
@media (min-width: 782px) {
  .site-footer .introduction .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.site-footer .introduction .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.site-footer .introduction .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .site-footer .introduction .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .site-footer .introduction .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.site-footer .introduction .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .site-footer .introduction .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.site-footer .introduction .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .site-footer .introduction .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .site-footer .introduction .button:hover {
    transform: scale(1.15);
  }
  .site-footer .introduction .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .site-footer .introduction .button {
    position: absolute;
    bottom: clamp(17.4px, 1.25vw, 26.4px);
    right: clamp(17.4px, 1.25vw, 26.4px);
    margin: 0;
  }
}
.site-footer .introduction .button[data-animation-status=active] {
  opacity: 1;
}
.site-footer .navigation {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .site-footer .navigation {
    grid-row: 1/span 2;
  }
  .site-footer .navigation:before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    height: 0;
    display: block;
    border-right: 1px solid #F4F4F1;
    transition: height 2s;
  }
  .site-footer .navigation:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    display: block;
    border-bottom: 1px solid #F4F4F1;
    transition: width 2s;
  }
}
@media (max-width: 782px) {
  .site-footer .navigation {
    border-bottom: 1px solid #F4F4F1;
  }
}
.site-footer .navigation ul:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
}
.site-footer .navigation ul:nth-child(1) a {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  display: inline-block;
  padding: clamp(2.175px, 0.15625vw, 3.3px) 0;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
}
.site-footer .navigation ul:nth-child(2) {
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
}
@media (max-width: 782px) {
  .site-footer .navigation ul:nth-child(2) {
    margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
  }
}
.site-footer .navigation ul:nth-child(2) a {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  padding: clamp(2.9px, 0.2083333333vw, 4.4px) 0 0;
  display: inline-block;
  position: relative;
}
@media (min-width: 782px) {
  .site-footer .navigation ul:nth-child(2) a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-footer .navigation ul:nth-child(2) a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.site-footer .company,
.site-footer .social-media,
.site-footer .legal {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .site-footer .company:after,
  .site-footer .social-media:after,
  .site-footer .legal:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    display: block;
    border-bottom: 1px solid #F4F4F1;
    transition: width 2s;
  }
}
@media (max-width: 782px) {
  .site-footer .company,
  .site-footer .social-media,
  .site-footer .legal {
    border-bottom: 1px solid #F4F4F1;
  }
}
.site-footer .company h3,
.site-footer .social-media h3,
.site-footer .legal h3 {
  line-height: 1.35;
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
}
@media (min-width: 782px) {
  .site-footer .company h3,
  .site-footer .social-media h3,
  .site-footer .legal h3 {
    margin: 0 0 clamp(87px, 6.25vw, 132px);
  }
}
.site-footer .company .menu,
.site-footer .social-media .menu,
.site-footer .legal .menu {
  margin: auto 0 0;
}
.site-footer .company a,
.site-footer .social-media a,
.site-footer .legal a {
  line-height: 1.35;
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  padding: clamp(2.9px, 0.2083333333vw, 4.4px) 0 0;
  display: inline-block;
  position: relative;
}
@media (min-width: 782px) {
  .site-footer .company a:after,
  .site-footer .social-media a:after,
  .site-footer .legal a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-footer .company a:hover:after,
  .site-footer .social-media a:hover:after,
  .site-footer .legal a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
@media (min-width: 782px) {
  .site-footer .social-media:before,
  .site-footer .legal:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    display: block;
    border-right: 1px solid #F4F4F1;
    transition: height 2s;
  }
}
.site-footer .ihg-logos {
  position: relative;
  height: clamp(101.5px, 7.2916666667vw, 154px);
  padding: clamp(17.4px, 1.25vw, 26.4px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 782px) {
  .site-footer .ihg-logos {
    border-bottom: 1px solid #F4F4F1;
  }
}
.site-footer .ihg-logos img {
  height: auto;
  display: block;
}
.site-footer .ihg-logos img:nth-child(1) {
  width: clamp(124.7px, 8.9583333333vw, 189.2px);
}
.site-footer .ihg-logos img:nth-child(2) {
  width: clamp(147.9px, 10.625vw, 224.4px);
}
.site-footer .best-price-guarantee {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(101.5px, 7.2916666667vw, 154px);
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .site-footer .best-price-guarantee:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    display: block;
    border-right: 1px solid #F4F4F1;
    transition: height 2s;
  }
}
@media (max-width: 782px) {
  .site-footer .best-price-guarantee {
    border-bottom: 1px solid #F4F4F1;
  }
}
.site-footer .best-price-guarantee img {
  width: clamp(129.05px, 9.2708333333vw, 195.8px);
  height: auto;
  display: block;
}
.site-footer .best-price-guarantee span {
  line-height: 1.35;
  width: clamp(145px, 10.4166666667vw, 220px);
  text-align: center;
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
}
.site-footer .app {
  position: relative;
  padding: clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .site-footer .app {
    display: flex;
    height: clamp(101.5px, 7.2916666667vw, 154px);
    align-items: center;
    justify-content: space-between;
    grid-column: span 2;
  }
  .site-footer .app:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    display: block;
    border-right: 1px solid #F4F4F1;
    transition: height 2s;
  }
}
.site-footer .app span {
  line-height: 1.35;
  width: clamp(217.5px, 15.625vw, 330px);
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
}
@media (min-width: 782px) {
  .site-footer .app span {
    margin: 0 0 0 clamp(87px, 6.25vw, 132px);
  }
}
.site-footer .app .logos {
  display: flex;
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
@media (min-width: 782px) {
  .site-footer .app .logos {
    margin: 0 clamp(69.6px, 5vw, 105.6px) 0 0;
  }
}
.site-footer .app .logos .google-play {
  width: clamp(81.925px, 5.8854166667vw, 124.3px);
}
.site-footer .app .logos .app-store {
  width: clamp(84.825px, 6.09375vw, 128.7px);
  margin: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.site-footer .app .logos img {
  width: 100%;
  height: auto;
  display: block;
}
.site-footer .lower {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.site-footer .lower .note {
  line-height: 1.35;
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  color: #01273B;
  display: block;
}
@media (min-width: 782px) {
  .site-footer .lower .note {
    font-size: clamp(8.7px, 0.625vw, 13.2px);
  }
}
@media (max-width: 782px) {
  .site-footer .lower .note:nth-child(2) {
    display: block;
    margin: clamp(8.7px, 0.625vw, 13.2px) 0 0;
  }
}
.site-footer .lower .swiper-container {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.site-footer .lower .swiper-wrapper {
  transition-timing-function: linear;
}
.site-footer .lower .swiper-slide {
  width: clamp(65.25px, 4.6875vw, 99px);
  margin: 0 clamp(17.4px, 1.25vw, 26.4px);
}
.site-footer .lower img {
  width: clamp(65.25px, 4.6875vw, 99px);
  height: clamp(65.25px, 4.6875vw, 99px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.gallery-zoom {
  position: relative;
  padding: clamp(52.2px, 3.75vw, 79.2px) 0;
}
@media (min-width: 782px) {
  .gallery-zoom {
    padding: clamp(104.4px, 7.5vw, 158.4px) 0;
  }
}
.gallery-zoom:first-child {
  padding-top: clamp(174px, 12.5vw, 264px);
}
.gallery-zoom h1 {
  display: none;
}
.gallery-zoom .swiper-carousel {
  height: clamp(343.65px, 24.6875vw, 521.4px);
  transition-timing-function: linear !important;
}
@media (min-width: 782px) {
  .gallery-zoom .swiper-carousel {
    height: clamp(669.9px, 48.125vw, 1016.4px);
  }
}
.gallery-zoom .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}
.gallery-zoom .swiper-slide {
  height: auto;
  margin: 0 clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 782px) {
  .gallery-zoom .swiper-slide {
    margin: 0 clamp(43.5px, 3.125vw, 66px);
  }
}
.gallery-zoom .swiper-slide[data-orientation=portrait] {
  width: clamp(163.125px, 11.71875vw, 247.5px);
}
@media (min-width: 782px) {
  .gallery-zoom .swiper-slide[data-orientation=portrait] {
    width: clamp(326.25px, 23.4375vw, 495px);
  }
}
.gallery-zoom .swiper-slide[data-orientation=landscape] {
  width: clamp(244.6875px, 17.578125vw, 371.25px);
}
@media (min-width: 782px) {
  .gallery-zoom .swiper-slide[data-orientation=landscape] {
    width: clamp(489.375px, 35.15625vw, 742.5px);
  }
}
.gallery-zoom .swiper-slide[data-index="1"], .gallery-zoom .swiper-slide[data-index="2"] {
  width: clamp(163.125px, 11.71875vw, 247.5px);
  height: clamp(163.125px, 11.71875vw, 247.5px);
}
@media (min-width: 782px) {
  .gallery-zoom .swiper-slide[data-index="1"], .gallery-zoom .swiper-slide[data-index="2"] {
    width: clamp(326.25px, 23.4375vw, 495px);
    height: clamp(326.25px, 23.4375vw, 495px);
  }
}
.gallery-zoom .swiper-slide[data-index="1"] .image, .gallery-zoom .swiper-slide[data-index="2"] .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.gallery-zoom .swiper-slide[data-index="1"] span, .gallery-zoom .swiper-slide[data-index="2"] span {
  display: none;
}
.gallery-zoom .swiper-slide[data-index="1"] {
  align-self: flex-end;
}
.gallery-zoom .swiper-slide[data-index="2"] {
  align-self: flex-start;
  margin-left: calc(clamp(87px, 6.25vw, 132px) * -1);
}
@media (min-width: 782px) {
  .gallery-zoom .swiper-slide[data-index="2"] {
    margin-left: calc(clamp(174px, 12.5vw, 264px) * -1);
  }
}
.gallery-zoom .swiper-slide .image {
  display: block;
  background: rgb(228.292, 228.292, 221.008);
}
.gallery-zoom .swiper-slide span {
  display: block;
}

.gallery {
  background: #01273B;
  color: #F4F4F1;
  overflow: hidden;
}
.gallery .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  position: relative;
}
@media (max-width: 782px) {
  .gallery .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (max-width: 782px) {
  .gallery .inner {
    width: calc(100% - clamp(87px, 6.25vw, 132px));
  }
}
.gallery .upper {
  text-align: center;
  padding: clamp(69.6px, 5vw, 105.6px) 0;
}
.gallery .upper h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
.gallery .swiper-container {
  position: relative;
  height: clamp(435px, 31.25vw, 660px);
  width: 100%;
}
@media (min-width: 782px) {
  .gallery .swiper-container {
    height: clamp(580px, 41.6666666667vw, 880px);
    width: 75%;
  }
}
.gallery .swiper-slide {
  height: clamp(435px, 31.25vw, 660px);
  width: 100%;
  border: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .gallery .swiper-slide {
    height: clamp(580px, 41.6666666667vw, 880px);
  }
}
.gallery .swiper-slide.swiper-slide-next .image {
  background: rgb(228.292, 228.292, 221.008);
  transition: clip-path 2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery .swiper-slide.swiper-slide-next .image .image-inner {
  transition: clip-path 3s 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery .swiper-slide.swiper-slide-prev .image {
  background: rgb(228.292, 228.292, 221.008);
  transition: clip-path 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery .swiper-slide.swiper-slide-prev .image .image-inner {
  transition: clip-path 3s 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery .image {
  background: rgb(235.024, 235.024, 229.576);
  height: clamp(522px, 37.5vw, 792px);
  width: 100%;
}
@media (min-width: 782px) {
  .gallery .image {
    height: clamp(580px, 41.6666666667vw, 880px);
  }
}
.gallery .control-panel {
  bottom: 0;
  left: 100%;
}
.gallery .lower {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: clamp(609px, 43.75vw, 924px);
  margin: 0 auto;
  padding: clamp(139.2px, 10vw, 211.2px) 0 clamp(69.6px, 5vw, 105.6px);
}
@media (min-width: 782px) {
  .gallery .lower {
    padding: clamp(69.6px, 5vw, 105.6px) 0;
  }
}
.gallery .lower p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.gallery .lower .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
  margin: clamp(52.2px, 3.75vw, 79.2px) 0 0;
}
@media (min-width: 782px) {
  .gallery .lower .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.gallery .lower .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.gallery .lower .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .gallery .lower .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .gallery .lower .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.gallery .lower .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .gallery .lower .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.gallery .lower .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .gallery .lower .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .gallery .lower .button:hover {
    transform: scale(1.15);
  }
  .gallery .lower .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}

.control-panel {
  position: relative;
  height: clamp(65.25px, 4.6875vw, 99px);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #deded5;
  z-index: 10;
}
@media (min-width: 782px) {
  .control-panel {
    position: absolute;
    width: 25%;
    height: clamp(43.5px, 3.125vw, 66px);
    background: #F4F4F1;
  }
}
.control-panel button {
  width: clamp(65.25px, 4.6875vw, 99px);
  height: clamp(65.25px, 4.6875vw, 99px);
  cursor: pointer;
  display: block;
  background: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(13.05px, 0.9375vw, 19.8px) auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  transition: background 0.4s;
}
@media (min-width: 782px) {
  .control-panel button {
    width: clamp(43.5px, 3.125vw, 66px);
    height: clamp(43.5px, 3.125vw, 66px);
    background-size: clamp(8.7px, 0.625vw, 13.2px) auto;
  }
}
.control-panel button .label {
  display: none;
}
.control-panel button:hover {
  background-color: #dfdfdf;
}
.control-panel button[data-button=previous] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.69 10.18'%3E%3Cpath style='fill: %23000000' d='M5.09,10.18l.88-.86-3.6-3.6h9.33v-1.25H2.36L5.97.87l-.88-.87L0,5.09l5.09,5.09Z'/%3E%3C/svg%3E");
}
.control-panel button[data-button=next] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.69 10.18'%3E%3Cpath style='fill: %23000000;' d='M6.6,0l-.88.86,3.6,3.6H0v1.25h9.33l-3.6,3.59.88.87,5.09-5.09L6.6,0Z'/%3E%3C/svg%3E");
}
.control-panel .counter {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
}
@media (min-width: 782px) {
  .control-panel .counter {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
  }
}

body {
  background: black;
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #01273B;
}

.spacer {
  height: 80vh;
}

[data-load=container] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #F4F4F1;
}

::-moz-placeholder {
  color: #a9a9a9;
}

::placeholder {
  color: #a9a9a9;
}

::-moz-selection {
  background: #ACCEF7;
  color: #F4F4F1;
}

::selection {
  background: #ACCEF7;
  color: #F4F4F1;
}

[data-background=white] {
  background: #F4F4F1;
}
[data-background=white] + [data-background=white] {
  padding-top: 0;
}

[data-background=black] {
  background: #01273B;
}
[data-background=black] + [data-background=black] {
  padding-top: 0;
}

[data-animation] {
  opacity: 0;
}

[data-animation=heading] .line {
  overflow: hidden;
}

[data-animation=paragraph] .line {
  overflow: hidden;
}

[data-animation=fade-in] {
  opacity: 0;
  transition: opacity 0.6s;
}
[data-animation=fade-in][data-animation-status=active] {
  opacity: 1;
}

[data-animation=image] {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: clip-path 2s cubic-bezier(0.23, 1, 0.32, 1);
}
[data-animation=image][data-animation-status=active] {
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
[data-animation=image][data-animation-status=active] .image-inner {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
[data-animation=image][data-animation-status=active] img {
  transform: scale(1);
}
[data-animation=image] .image-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: clip-path 3s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
[data-animation=image] img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transform: scale(1.4);
  transition: transform 3s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

[data-parallax] {
  will-change: transform;
  transform: translateZ(0);
}

.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_body .gform_fields {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(17.4px, 1.25vw, 26.4px);
}
.gform_wrapper .gform_body .gfield {
  width: 100%;
}
.gform_wrapper .gform_body .gfield.gfield--width-half {
  width: calc(50% - clamp(8.7px, 0.625vw, 13.2px));
}
.gform_wrapper .gform_body .gfield .gfield_label {
  display: none;
}
.gform_wrapper .gform_body .gfield input[type=text],
.gform_wrapper .gform_body .gfield input[type=number],
.gform_wrapper .gform_body .gfield input[type=tel],
.gform_wrapper .gform_body .gfield input[type=email] {
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  background: #FFFFFF;
  height: clamp(56.55px, 4.0625vw, 85.8px);
  line-height: clamp(56.55px, 4.0625vw, 85.8px);
  padding: 0 clamp(17.4px, 1.25vw, 26.4px);
  display: block;
  width: 100%;
  color: #01273B;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield input[type=text],
  .gform_wrapper .gform_body .gfield input[type=number],
  .gform_wrapper .gform_body .gfield input[type=tel],
  .gform_wrapper .gform_body .gfield input[type=email] {
    font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.gform_wrapper .gform_body .gfield select {
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  background: #FFFFFF;
  height: clamp(56.55px, 4.0625vw, 85.8px);
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  line-height: clamp(56.55px, 4.0625vw, 85.8px);
  padding: 0 clamp(17.4px, 1.25vw, 26.4px);
  display: block;
  width: 100%;
  color: #01273B;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield select {
    font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.gform_wrapper .gform_body .gfield textarea {
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  background: #FFFFFF;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  height: clamp(130.5px, 9.375vw, 198px);
  line-height: 1.35;
  padding: clamp(21.75px, 1.5625vw, 33px) clamp(17.4px, 1.25vw, 26.4px);
  display: block;
  width: 100%;
  color: #01273B;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_body .gfield textarea {
    font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
    padding: clamp(21.75px, 1.5625vw, 33px) clamp(34.8px, 2.5vw, 52.8px);
  }
}
.gform_wrapper .gform_body .gfield.gfield--type-honeypot {
  display: none;
}
.gform_wrapper .gform_body .gfield.gfield_error input {
  border-bottom: 2px solid #c92b2b;
}
.gform_wrapper .gform_body .gfield .screen-reader-text {
  display: none;
}
.gform_wrapper .gform_footer {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.gform_wrapper .gform_footer img {
  display: none;
}
.gform_wrapper .gform_footer .gform_button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_footer .gform_button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.gform_wrapper .gform_footer .gform_button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.gform_wrapper .gform_footer .gform_button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .gform_wrapper .gform_footer .gform_button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .gform_wrapper .gform_footer .gform_button:hover {
    transform: scale(1.15);
  }
  .gform_wrapper .gform_footer .gform_button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.gform_wrapper .gform_validation_errors {
  background: rgb(230.536, 230.536, 223.864);
  color: #01273B;
  text-align: center;
  padding: clamp(13.05px, 0.9375vw, 19.8px);
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.gform_wrapper .validation_message {
  display: none;
}

.gform_confirmation_wrapper .gform_confirmation_message {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transition: color 0.3s;
  z-index: 90;
}
[data-header-theme=white] .site-header {
  color: #F4F4F1;
}
[data-header-theme=black] .site-header {
  color: #01273B;
}
[data-navigation-status=open] .site-header {
  color: #01273B;
}
.site-header .brand {
  position: absolute;
  top: clamp(26.1px, 1.875vw, 39.6px);
  left: clamp(26.1px, 1.875vw, 39.6px);
  width: clamp(130.5px, 9.375vw, 198px);
  display: block;
  z-index: 2;
}
[data-scroll-detected=true] .site-header .brand {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
[data-navigation-status=open] .site-header .brand {
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}
@media (min-width: 782px) {
  .site-header .brand {
    top: clamp(43.5px, 3.125vw, 66px);
    width: clamp(159.5px, 11.4583333333vw, 242px);
    left: calc(50% - clamp(79.75px, 5.7291666667vw, 121px));
  }
}
.site-header .brand svg {
  width: 100%;
  height: auto;
  display: block;
}
.site-header .brand [data-word] {
  transition: transform 0.6s;
}
.site-header .brand [data-word=hotel] {
  transform: translateY(20%);
}
[data-entrance-animation=complete] .site-header .brand [data-word=hotel] {
  transform: translateY(0);
}
[data-scroll-detected=true] .site-header .brand [data-word=hotel] {
  transform: translateY(20%);
}
[data-navigation-status=open] .site-header .brand [data-word=hotel] {
  transform: translateY(0);
}
.site-header .brand [data-word=indigo] {
  transform: translateY(35%);
}
[data-entrance-animation=complete] .site-header .brand [data-word=indigo] {
  transform: translateY(0);
}
[data-scroll-detected=true] .site-header .brand [data-word=indigo] {
  transform: translateY(35%);
}
[data-navigation-status=open] .site-header .brand [data-word=indigo] {
  transform: translateY(0);
}
.site-header .brand [data-word=leeds] {
  transform: translateY(-9%);
}
[data-entrance-animation=complete] .site-header .brand [data-word=leeds] {
  transform: translateY(0);
}
[data-scroll-detected=true] .site-header .brand [data-word=leeds] {
  transform: translateY(-9%);
}
[data-navigation-status=open] .site-header .brand [data-word=leeds] {
  transform: translateY(0);
}
.site-header .side {
  position: absolute;
  top: clamp(26.1px, 1.875vw, 39.6px);
  right: clamp(26.1px, 1.875vw, 39.6px);
  overflow: hidden;
  border-radius: clamp(2.175px, 0.15625vw, 3.3px);
  z-index: 2;
}
@media (min-width: 782px) {
  .site-header .side {
    top: clamp(47.85px, 3.4375vw, 72.6px);
    right: clamp(52.2px, 3.75vw, 79.2px);
  }
}
.site-header .side .side-inner {
  display: flex;
  transform: translateY(101%);
  transition: transform 1.4s;
}
[data-entrance-animation=complete] .site-header .side .side-inner {
  transform: translate(0);
}
.site-header .side .book {
  font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: clamp(92.8px, 6.6666666667vw, 140.8px);
  height: clamp(36.25px, 2.6041666667vw, 55px);
  line-height: clamp(36.25px, 2.6041666667vw, 55px);
  text-align: center;
  color: #01273B;
  text-transform: uppercase;
}
@media (max-width: 782px) {
  .site-header .side .book {
    background: #F4F4F1;
    border-radius: clamp(2.175px, 0.15625vw, 3.3px);
    border: 1px solid #bbbbbb;
  }
}
@media (min-width: 782px) {
  .site-header .side .book {
    background: #F4F4F1;
    border-radius: clamp(2.175px, 0.15625vw, 3.3px);
    border: 1px solid #bbbbbb;
  }
}
.site-header .side .toggle-navigation {
  position: relative;
  display: block;
  height: clamp(36.25px, 2.6041666667vw, 55px);
}
@media (max-width: 782px) {
  .site-header .side .toggle-navigation {
    background: #F4F4F1;
    border-radius: clamp(2.175px, 0.15625vw, 3.3px);
    border: 1px solid #bbbbbb;
    margin: 0 0 0 clamp(8.7px, 0.625vw, 13.2px);
  }
}
@media (min-width: 782px) {
  .site-header .side .toggle-navigation {
    background: #F4F4F1;
    border-radius: clamp(2.175px, 0.15625vw, 3.3px);
    margin: 0 0 0 clamp(8.7px, 0.625vw, 13.2px);
    border: 1px solid #bbbbbb;
  }
}
@media (min-width: 782px) {
  .site-header .side .toggle-navigation:hover i:before {
    width: 100%;
  }
}
.site-header .side .toggle-navigation button {
  position: relative;
  height: clamp(36.25px, 2.6041666667vw, 55px);
  width: clamp(47.125px, 3.3854166667vw, 71.5px);
  border: 0;
  padding: 0;
  margin: 0;
  color: currentColor;
  background: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
}
.site-header .side .toggle-navigation .label {
  display: none;
}
.site-header .side .toggle-navigation i {
  position: absolute;
  width: clamp(13.05px, 0.9375vw, 19.8px);
  height: 1px;
  display: block;
  top: calc(50% - 1px);
  left: calc(50% - clamp(6.525px, 0.46875vw, 9.9px));
  background: #01273B;
  transform: rotate(0deg);
}
@media (min-width: 782px) {
  .site-header .side .toggle-navigation i {
    transition: background 0.3s, transform 0.3s;
  }
  [data-navigation-status=open] .site-header .side .toggle-navigation i {
    transition: background 0.3s, transform 0.3s 0.3s;
  }
}
.site-header .side .toggle-navigation i:before, .site-header .side .toggle-navigation i:after {
  content: " ";
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  background: #01273B;
}
@media (min-width: 782px) {
  .site-header .side .toggle-navigation i:before, .site-header .side .toggle-navigation i:after {
    transition: top 0.3s 0.3s, bottom 0.3s 0.3s, background 0.3s, transform 0.3s, width 0.3s;
  }
  [data-navigation-status=open] .site-header .side .toggle-navigation i:before, [data-navigation-status=open] .site-header .side .toggle-navigation i:after {
    transition: top 0.3s, bottom 0.3s, background 0.3s, transform 0.3s 0.3s, width 0.3s;
  }
}
.site-header .side .toggle-navigation i:before {
  top: clamp(3.625px, 0.2604166667vw, 5.5px);
}
@media (min-width: 782px) {
  .site-header .side .toggle-navigation i:before {
    width: 75%;
  }
}
.site-header .side .toggle-navigation i:after {
  bottom: clamp(3.625px, 0.2604166667vw, 5.5px);
}
[data-navigation-status=open] .site-header .side .toggle-navigation i {
  transform: rotate(45deg);
}
[data-navigation-status=open] .site-header .side .toggle-navigation i:before {
  top: 0;
  width: 100%;
  transform: rotate(-90deg);
}
[data-navigation-status=open] .site-header .side .toggle-navigation i:after {
  bottom: 0;
}

.home-about {
  background: #F4F4F1;
  position: relative;
  padding: clamp(116px, 8.3333333333vw, 176px) 0 clamp(145px, 10.4166666667vw, 220px);
  margin: -2px 0 0;
  z-index: 2;
}
.home-about .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  position: relative;
}
@media (max-width: 782px) {
  .home-about .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .home-about .inner {
    height: clamp(667px, 47.9166666667vw, 1012px);
  }
}
@media (min-width: 782px) {
  .home-about .content {
    width: clamp(435px, 31.25vw, 660px);
  }
}
.home-about .content .sketch {
  opacity: 0;
  transition: opacity 1s;
}
.home-about .content .sketch[data-animation-status=active] {
  opacity: 1;
}
.home-about .content img {
  width: clamp(101.5px, 7.2916666667vw, 154px);
  height: clamp(81.2px, 5.8333333333vw, 123.2px);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.home-about .content h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
  margin: clamp(40.6px, 2.9166666667vw, 61.6px) 0 0;
}
.home-about .content .detail {
  max-width: clamp(261px, 18.75vw, 396px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.home-about .content .detail h2,
.home-about .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.home-about .content .detail h2:nth-child(n+2),
.home-about .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.home-about .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.home-about .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.home-about .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.home-about .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.home-about .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.home-about .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.home-about .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.home-about .content .detail strong {
  font-weight: 600;
}
.home-about .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .home-about .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .home-about .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.home-about .content .detail a:after {
  top: calc(50% + 0.65em);
}
.home-about .image {
  position: relative;
  background: rgb(235.024, 235.024, 229.576);
}
@media (min-width: 782px) {
  .home-about .image {
    position: absolute;
  }
}
.home-about .image.left {
  width: 80%;
  height: clamp(493px, 35.4166666667vw, 748px);
  margin: clamp(69.6px, 5vw, 105.6px) 0 0 auto;
}
@media (min-width: 782px) {
  .home-about .image.left {
    bottom: clamp(-43.5px, -3.125vw, -66px);
    right: 0;
    width: clamp(551px, 39.5833333333vw, 836px);
    height: clamp(667px, 47.9166666667vw, 1012px);
    margin: 0;
  }
}
.home-about .image.right {
  width: 50%;
  height: clamp(261px, 18.75vw, 396px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .home-about .image.right {
    right: clamp(594.5px, 42.7083333333vw, 902px);
    bottom: 0;
    margin: 0;
    width: clamp(210.25px, 15.1041666667vw, 319px);
    height: clamp(268.25px, 19.2708333333vw, 407px);
  }
}

.home-banner {
  position: relative;
  overflow: hidden;
  height: clamp(522px, 37.5vw, 792px);
}
@media (min-width: 782px) {
  .home-banner {
    height: calc(100vh + 2px);
  }
}
.home-banner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 solid #F4F4F1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 9;
  transition: border 1.2s;
}
[data-entrance-animation=complete] .home-banner:after {
  border: clamp(8.7px, 0.625vw, 13.2px) solid #F4F4F1;
}
@media (min-width: 782px) {
  [data-entrance-animation=complete] .home-banner:after {
    border: clamp(17.4px, 1.25vw, 26.4px) solid #F4F4F1;
  }
}
.home-banner .content {
  position: absolute;
  bottom: clamp(26.1px, 1.875vw, 39.6px);
  left: clamp(26.1px, 1.875vw, 39.6px);
  width: calc(100% - clamp(52.2px, 3.75vw, 79.2px));
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  opacity: 1;
  z-index: 4;
}
@media (min-width: 782px) {
  .home-banner .content {
    width: 80%;
    left: 10%;
    bottom: clamp(52.2px, 3.75vw, 79.2px);
  }
}
.home-banner .content .note {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  color: #F4F4F1;
}
.home-banner .content h1 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  color: #F4F4F1;
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
@media (min-width: 782px) {
  .home-banner .content h1 {
    font-size: clamp(52.2px, 3.75vw, 79.2px);
  }
}
.home-banner .content .dash {
  border-left: 1px solid #F4F4F1;
  height: clamp(26.1px, 1.875vw, 39.6px);
  width: 0;
  margin: clamp(17.4px, 1.25vw, 26.4px) 0;
}
.home-banner .content .booking-widget {
  border-radius: clamp(2.175px, 0.15625vw, 3.3px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .home-banner .content .booking-widget {
    right: auto;
    left: calc(50% - clamp(184.875px, 13.28125vw, 280.5px));
    bottom: clamp(130.5px, 9.375vw, 198px);
  }
}
.home-banner .content .booking-widget .widget-inner {
  background: #F4F4F1;
  padding: clamp(14.5px, 1.0416666667vw, 22px);
  border-radius: clamp(2.175px, 0.15625vw, 3.3px);
  transform: translateY(101%);
  transition: transform 1.4s;
}
[data-entrance-animation=complete] .home-banner .content .booking-widget .widget-inner {
  transform: translate(0);
}
.home-banner .content .booking-widget #mc_embed_signup form {
  display: flex;
  text-align: left;
}
.home-banner .content .booking-widget #mc_embed_signup form .email-field {
  width: clamp(261px, 18.75vw, 396px);
}
.home-banner .content .booking-widget #mc_embed_signup form label {
  font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
  text-transform: uppercase;
  color: #01273B;
  width: 100%;
  display: block;
  padding: clamp(5.8px, 0.4166666667vw, 8.8px) 0 0;
  margin: 0 0 clamp(2.9px, 0.2083333333vw, 4.4px);
}
.home-banner .content .booking-widget #mc_embed_signup form input[type=email] {
  background: none;
  border: 0;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  height: clamp(21.75px, 1.5625vw, 33px);
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}
.home-banner .content .booking-widget #mc_embed_signup form input[type=submit] {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(40.6px, 2.9166666667vw, 61.6px);
  width: clamp(108.75px, 7.8125vw, 165px);
  color: #F4F4F1;
  border-radius: clamp(1.45px, 0.1041666667vw, 2.2px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  border: 1px solid #01273B;
  background: #01273B;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
}
.home-banner .content .booking-widget #mc_embed_signup .response {
  position: absolute;
  bottom: calc(100% + clamp(8.7px, 0.625vw, 13.2px));
  left: 0;
  width: 100%;
  text-align: center;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  color: #F4F4F1;
  padding: clamp(8.7px, 0.625vw, 13.2px);
}
.home-banner .content .booking-widget #mc_embed_signup .response#mce-error-response {
  background: #982222;
}
.home-banner .content .booking-widget #mc_embed_signup .response#mce-success-response {
  background: #297d30;
}
.home-banner .content .booking-widget .ihg-book form {
  display: flex;
  align-items: flex-end;
  gap: clamp(17.4px, 1.25vw, 26.4px);
  text-align: left;
}
@media (max-width: 782px) {
  .home-banner .content .booking-widget .ihg-book form {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.home-banner .content .booking-widget .ihg-book label span {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  margin: 0 0 clamp(4.35px, 0.3125vw, 6.6px);
  display: block;
}
.home-banner .content .booking-widget .ihg-book .field-wrapper {
  display: flex;
  gap: clamp(4.35px, 0.3125vw, 6.6px);
}
.home-banner .content .booking-widget .ihg-book [type=text],
.home-banner .content .booking-widget .ihg-book [type=number] {
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  background: #FFFFFF;
  height: clamp(36.25px, 2.6041666667vw, 55px);
  line-height: clamp(36.25px, 2.6041666667vw, 55px);
  padding: 0 clamp(13.05px, 0.9375vw, 19.8px);
  display: block;
  color: #01273B;
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  border: 1px solid #bbbbbb;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .home-banner .content .booking-widget .ihg-book [type=text],
  .home-banner .content .booking-widget .ihg-book [type=number] {
    font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
    padding: 0 clamp(17.4px, 1.25vw, 26.4px);
  }
}
.home-banner .content .booking-widget .ihg-book [name=from],
.home-banner .content .booking-widget .ihg-book [name=to] {
  width: clamp(130.5px, 9.375vw, 198px);
}
.home-banner .content .booking-widget .ihg-book [name=adults],
.home-banner .content .booking-widget .ihg-book [name=children] {
  width: clamp(52.2px, 3.75vw, 79.2px);
}
.home-banner .content .booking-widget .ihg-book ::-webkit-outer-spin-button,
.home-banner .content .booking-widget .ihg-book ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.home-banner .content .booking-widget .ihg-book [type=number] {
  -moz-appearance: textfield;
}
.home-banner .content .booking-widget .ihg-book [type=button] {
  font-family: "Inter", serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  background: transparent;
  height: clamp(36.25px, 2.6041666667vw, 55px);
  width: clamp(26.1px, 1.875vw, 39.6px);
  line-height: clamp(36.25px, 2.6041666667vw, 55px);
  text-align: center;
  padding: 0;
  display: block;
  color: #01273B;
  cursor: pointer;
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  border: 1px solid #bbbbbb;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 782px) {
  .home-banner .content .booking-widget .ihg-book [type=button] {
    font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  }
}
.home-banner .content .booking-widget .ihg-book [type=submit] {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
}
@media (min-width: 782px) {
  .home-banner .content .booking-widget .ihg-book [type=submit] {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.home-banner .content .booking-widget .ihg-book [type=submit]:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.home-banner .content .booking-widget .ihg-book [type=submit]:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .home-banner .content .booking-widget .ihg-book [type=submit]:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .home-banner .content .booking-widget .ihg-book [type=submit]:hover {
    transform: scale(1.15);
  }
  .home-banner .content .booking-widget .ihg-book [type=submit]:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.home-banner .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 1;
  z-index: 2;
}
.home-banner .image:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
  display: block;
  transition: opacity 4s;
  z-index: 3;
}
[data-entrance-animation=complete] .home-banner .image:before {
  opacity: 0;
}
.home-banner .image:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 66%);
  display: block;
  z-index: 3;
}
.home-banner .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.home-banner .home-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 8;
}
.home-banner .loader {
  top: 50%;
  left: calc(50% - clamp(174px, 12.5vw, 264px));
  width: clamp(348px, 25vw, 528px);
}
@media (min-width: 782px) {
  .home-banner .loader {
    left: calc(50% - clamp(217.5px, 15.625vw, 330px));
    width: clamp(435px, 31.25vw, 660px);
  }
}
.home-banner .loader:before {
  border-bottom: 1px solid #F4F4F1;
}

.information-blocks {
  padding: clamp(104.4px, 7.5vw, 158.4px) 0;
}
.information-blocks[data-background=white] .item {
  background: #01273B;
  color: #F4F4F1;
}
.information-blocks[data-background=white] [data-block-background=white] {
  border: 1px solid #01273B;
}
.information-blocks[data-background=black] .item {
  background: #F4F4F1;
  color: #01273B;
}
.information-blocks[data-background=black] [data-block-background=black] {
  border: 1px solid #F4F4F1;
}
.information-blocks .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .information-blocks .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.information-blocks h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-align: center;
  margin: 0 0 clamp(69.6px, 5vw, 105.6px);
}
.information-blocks .items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: clamp(17.4px, 1.25vw, 26.4px);
}
@media (min-width: 600px) {
  .information-blocks .items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.information-blocks .items[data-animation-status=active] {
  opacity: 1;
}
.information-blocks .items[data-animation-status=active] .item {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.information-blocks .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: clamp(348px, 25vw, 528px);
  padding: clamp(17.4px, 1.25vw, 26.4px);
  color: #F4F4F1;
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: clip-path 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.information-blocks .item:nth-child(0) {
  transition-delay: 0s;
}
.information-blocks .item:nth-child(1) {
  transition-delay: 0.1s;
}
.information-blocks .item:nth-child(2) {
  transition-delay: 0.2s;
}
.information-blocks .item:nth-child(3) {
  transition-delay: 0.3s;
}
.information-blocks .item:nth-child(4) {
  transition-delay: 0.4s;
}
.information-blocks .item:nth-child(5) {
  transition-delay: 0.5s;
}
.information-blocks .item:nth-child(6) {
  transition-delay: 0.6s;
}
.information-blocks .item:nth-child(7) {
  transition-delay: 0.7s;
}
.information-blocks .item:nth-child(8) {
  transition-delay: 0.8s;
}
@media (min-width: 782px) {
  .information-blocks .item {
    padding: clamp(26.1px, 1.875vw, 39.6px) clamp(69.6px, 5vw, 105.6px);
  }
}
.information-blocks .item[data-block-background=white] {
  background: #F4F4F1;
  color: #01273B;
}
.information-blocks .item[data-block-background=white] .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=white] .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.information-blocks .item[data-block-background=white] .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.information-blocks .item[data-block-background=white] .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=white] .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=white] .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.information-blocks .item[data-block-background=white] .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=white] .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.information-blocks .item[data-block-background=white] .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=white] .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=white] .button:hover {
    transform: scale(1.15);
  }
  .information-blocks .item[data-block-background=white] .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.information-blocks .item[data-block-background=black] {
  background: #01273B;
  color: #F4F4F1;
}
.information-blocks .item[data-block-background=black] .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=black] .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.information-blocks .item[data-block-background=black] .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.information-blocks .item[data-block-background=black] .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=black] .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=black] .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.information-blocks .item[data-block-background=black] .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=black] .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.information-blocks .item[data-block-background=black] .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=black] .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .information-blocks .item[data-block-background=black] .button:hover {
    transform: scale(1.15);
  }
  .information-blocks .item[data-block-background=black] .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .information-blocks .item .content {
    margin: auto 0;
  }
}
.information-blocks .item h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
  text-transform: uppercase;
}
.information-blocks .item p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (max-width: 782px) {
  .information-blocks .item .button {
    margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  }
}

.large-image-banner {
  position: relative;
  overflow: hidden;
}
.large-image-banner[data-background=black] {
  background: #01273B;
  color: #F4F4F1;
}
.large-image-banner[data-background=black] .upper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #F4F4F1;
}
.large-image-banner[data-background=black] .upper .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.large-image-banner[data-background=black] .upper .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.large-image-banner[data-background=black] .upper .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.large-image-banner[data-background=black] .upper .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.large-image-banner[data-background=black] .upper .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .button:hover {
    transform: scale(1.15);
  }
  .large-image-banner[data-background=black] .upper .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.large-image-banner[data-background=black] .upper .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.large-image-banner[data-background=black] .upper .kicker[data-animation-status=active] {
  opacity: 1;
}
.large-image-banner[data-background=black] .upper h1,
.large-image-banner[data-background=black] .upper h2,
.large-image-banner[data-background=black] .upper h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.large-image-banner[data-background=black] .upper .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.large-image-banner[data-background=black] .upper .detail h2,
.large-image-banner[data-background=black] .upper .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=black] .upper .detail h2:nth-child(n+2),
.large-image-banner[data-background=black] .upper .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=black] .upper .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.large-image-banner[data-background=black] .upper .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.large-image-banner[data-background=black] .upper .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=black] .upper .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.large-image-banner[data-background=black] .upper .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=black] .upper .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.large-image-banner[data-background=black] .upper .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.large-image-banner[data-background=black] .upper .detail strong {
  font-weight: 600;
}
.large-image-banner[data-background=black] .upper .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .large-image-banner[data-background=black] .upper .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .large-image-banner[data-background=black] .upper .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.large-image-banner[data-background=black] .upper .detail a:after {
  top: calc(50% + 0.65em);
}
.large-image-banner[data-background=black] .upper .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.large-image-banner[data-background=black] .upper .button[data-animation-status=active] {
  opacity: 1;
}
.large-image-banner[data-background=black] .image {
  background: rgb(1.17, 45.63, 69.03);
}
.large-image-banner[data-background=white] {
  background: #F4F4F1;
  color: #01273B;
}
.large-image-banner[data-background=white] .upper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #01273B;
}
.large-image-banner[data-background=white] .upper .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.large-image-banner[data-background=white] .upper .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.large-image-banner[data-background=white] .upper .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.large-image-banner[data-background=white] .upper .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.large-image-banner[data-background=white] .upper .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .button:hover {
    transform: scale(1.15);
  }
  .large-image-banner[data-background=white] .upper .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.large-image-banner[data-background=white] .upper .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.large-image-banner[data-background=white] .upper .kicker[data-animation-status=active] {
  opacity: 1;
}
.large-image-banner[data-background=white] .upper h1,
.large-image-banner[data-background=white] .upper h2,
.large-image-banner[data-background=white] .upper h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.large-image-banner[data-background=white] .upper .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.large-image-banner[data-background=white] .upper .detail h2,
.large-image-banner[data-background=white] .upper .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=white] .upper .detail h2:nth-child(n+2),
.large-image-banner[data-background=white] .upper .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=white] .upper .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.large-image-banner[data-background=white] .upper .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.large-image-banner[data-background=white] .upper .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=white] .upper .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.large-image-banner[data-background=white] .upper .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner[data-background=white] .upper .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.large-image-banner[data-background=white] .upper .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.large-image-banner[data-background=white] .upper .detail strong {
  font-weight: 600;
}
.large-image-banner[data-background=white] .upper .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .large-image-banner[data-background=white] .upper .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .large-image-banner[data-background=white] .upper .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.large-image-banner[data-background=white] .upper .detail a:after {
  top: calc(50% + 0.65em);
}
.large-image-banner[data-background=white] .upper .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.large-image-banner[data-background=white] .upper .button[data-animation-status=active] {
  opacity: 1;
}
.large-image-banner[data-background=white] .image {
  background: rgb(235.024, 235.024, 229.576);
}
.large-image-banner .upper {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: clamp(174px, 12.5vw, 264px) 0 clamp(26.1px, 1.875vw, 39.6px);
}
@media (max-width: 782px) {
  .large-image-banner .upper {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .large-image-banner .upper {
    padding: clamp(203px, 14.5833333333vw, 308px) 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.large-image-banner .upper h1 {
  font-size: clamp(43.5px, 3.125vw, 66px);
}
@media (min-width: 782px) {
  .large-image-banner .upper h1 {
    font-size: clamp(56.55px, 4.0625vw, 85.8px);
    max-width: 50%;
  }
}
.large-image-banner .lower {
  padding: 0 clamp(17.4px, 1.25vw, 26.4px) clamp(17.4px, 1.25vw, 26.4px);
}
.large-image-banner .lower .image {
  position: relative;
  width: 100%;
  height: calc(100vw - clamp(34.8px, 2.5vw, 52.8px));
}
@media (min-width: 782px) {
  .large-image-banner .lower .image {
    height: calc((100vw - clamp(34.8px, 2.5vw, 52.8px)) * 0.45);
  }
}
.large-image-banner .lower .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.large-image-banner .loader {
  top: 50vh;
  left: calc(50% - clamp(174px, 12.5vw, 264px));
  width: clamp(348px, 25vw, 528px);
}
@media (min-width: 782px) {
  .large-image-banner .loader {
    left: calc(50% - clamp(217.5px, 15.625vw, 330px));
    width: clamp(435px, 31.25vw, 660px);
  }
}
.large-image-banner .loader:before {
  border-bottom: 1px solid #F4F4F1;
}

.listing-item {
  position: relative;
}
.listing-item .image {
  position: relative;
  background: rgb(228.292, 228.292, 221.008);
}
.listing-item .image:before {
  content: " ";
  padding: 0 0 115%;
  display: block;
}
.listing-item h2,
.listing-item h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
  margin: clamp(26.1px, 1.875vw, 39.6px) 0 0;
}
.listing-item p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}

.loader {
  position: absolute;
  display: block;
  z-index: 20;
}
.loader:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  display: block;
  transition: width 0.6s;
}
[data-entrance-animation=in-progress] .loader:before {
  width: 100%;
  right: auto;
  left: 0;
  transition: width 1.4s;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 80;
}
[data-modal-status=active] .modal {
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  pointer-events: auto;
}
.modal .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(244, 244, 241, 0.95);
  display: block;
}
.modal .close {
  position: absolute;
  width: clamp(34.8px, 2.5vw, 52.8px);
  height: clamp(34.8px, 2.5vw, 52.8px);
  top: clamp(136.3px, 9.7916666667vw, 206.8px);
  right: clamp(17.4px, 1.25vw, 26.4px);
  border: 1px solid #01273B;
  display: block;
  cursor: pointer;
  background-color: #F4F4F1;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L20.9996 20.9996' stroke='%2301273B'/%3E%3Cpath d='M21 1L1.00037 20.9996' stroke='%2301273B'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(14.5px, 1.0416666667vw, 22px);
  transition: background 0.3s;
  z-index: 4;
}
@media (min-width: 782px) {
  .modal .close {
    top: calc(50% - clamp(17.4px, 1.25vw, 26.4px));
    right: calc(90vw + clamp(17.4px, 1.25vw, 26.4px));
    background-color: rgba(1, 39, 59, 0);
  }
}
.modal .close:hover {
  background-color: #01273B;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L20.9996 20.9996' stroke='%23FFFFFF'/%3E%3Cpath d='M21 1L1.00037 20.9996' stroke='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.modal [data-modal-image] {
  position: absolute;
  top: clamp(116px, 8.3333333333vw, 176px);
  left: 50%;
  width: 100vw;
  height: calc(100vh - clamp(159.5px, 11.4583333333vw, 242px));
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translateX(-50%);
  transition: transform 0.3s 0s;
}
@media (min-width: 782px) {
  .modal [data-modal-image] {
    top: clamp(152.25px, 10.9375vw, 231px);
    height: calc(100vh - clamp(188.5px, 13.5416666667vw, 286px));
    transform: translateX(-50%) scale(0.975);
    width: 80vw;
  }
}
[data-modal-status=active] .modal [data-modal-image] {
  transition: transform 0.6s;
  transform: translateX(-50%) scale(1);
}

.site-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background: #F4F4F1;
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: opacity 0.2s;
}
@media (min-width: 782px) {
  .site-navigation {
    height: 100vh;
  }
}
[data-navigation-status=open] .site-navigation {
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
@media (min-width: 782px) {
  .site-navigation:after {
    content: " ";
    position: absolute;
    top: clamp(159.5px, 11.4583333333vw, 242px);
    bottom: clamp(43.5px, 3.125vw, 66px);
    left: 50%;
    border-left: 1px solid #01273B;
  }
}
.site-navigation img {
  display: none;
}
@media (min-width: 782px) {
  .site-navigation img {
    position: absolute;
    left: 25%;
    top: 50%;
    width: clamp(391.5px, 28.125vw, 594px);
    height: auto;
    display: block;
    opacity: 0;
    transition: opacity 0s 0.2s;
    transform: translate(-50%, -50%);
  }
  [data-navigation-status=open] .site-navigation img {
    transition: opacity 3s;
    opacity: 1;
  }
}
.site-navigation #menu-navigation-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
}
@media (max-width: 782px) {
  .site-navigation #menu-navigation-menu {
    padding: clamp(104.4px, 7.5vw, 158.4px) clamp(26.1px, 1.875vw, 39.6px) clamp(87px, 6.25vw, 132px);
    box-shadow: 0 0 clamp(65.25px, 4.6875vw, 99px) rgba(0, 0, 0, 0.3);
  }
}
@media (min-width: 782px) {
  .site-navigation #menu-navigation-menu {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 clamp(50.75px, 3.6458333333vw, 77px) 0 0;
  }
}
@media (min-width: 782px) {
  .site-navigation #menu-navigation-menu:hover a {
    opacity: 0.2;
  }
}
.site-navigation #menu-navigation-menu li {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: 0 0 0 clamp(34.8px, 2.5vw, 52.8px);
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(0) a {
  transition: opacity 0.5s, transform 0.8s 0s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(1) a {
  transition: opacity 0.5s, transform 0.8s 0.05s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(2) a {
  transition: opacity 0.5s, transform 0.8s 0.1s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(3) a {
  transition: opacity 0.5s, transform 0.8s 0.15s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(4) a {
  transition: opacity 0.5s, transform 0.8s 0.2s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(5) a {
  transition: opacity 0.5s, transform 0.8s 0.25s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(6) a {
  transition: opacity 0.5s, transform 0.8s 0.3s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(7) a {
  transition: opacity 0.5s, transform 0.8s 0.35s;
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu li:nth-child(8) a {
  transition: opacity 0.5s, transform 0.8s 0.4s;
}
.site-navigation #menu-navigation-menu a {
  position: relative;
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  line-height: 1.4;
  color: #01273B;
  white-space: nowrap;
  pointer-events: auto;
  transform: translateY(101%);
  transition: opacity 0.5s, transform 0s 0.2s;
}
@media (min-width: 782px) {
  .site-navigation #menu-navigation-menu a {
    font-size: clamp(52.2px, 3.75vw, 79.2px);
  }
}
[data-navigation-status=open] .site-navigation #menu-navigation-menu a {
  transform: translateY(0);
}
@media (min-width: 782px) {
  .site-navigation #menu-navigation-menu a:hover {
    opacity: 1;
  }
  .site-navigation #menu-navigation-menu a:hover:before {
    opacity: 1;
    transform: translateX(0);
  }
}
.site-navigation #menu-navigation-menu a:before {
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='8' viewBox='0 0 18 8' fill='none'%3E%3Cpath d='M14.0889 6.8817L16.9706 4M16.9706 4L14.0889 1.1183M16.9706 4H0' stroke='%2301273B'/%3E%3C/svg%3E");
  background-position: left center;
  background-size: clamp(15.95px, 1.1458333333vw, 24.2px) auto;
  background-repeat: no-repeat;
  width: clamp(30.45px, 2.1875vw, 46.2px);
  height: clamp(15.95px, 1.1458333333vw, 24.2px);
  opacity: 0;
  display: block;
  position: absolute;
  top: clamp(21.75px, 1.5625vw, 33px);
  right: 100%;
  transform: translateX(clamp(17.4px, 1.25vw, 26.4px));
  transition: transform 0.4s, opacity 0.4s;
}
.site-navigation #menu-navigation-links {
  position: absolute;
  display: flex;
  right: clamp(26.1px, 1.875vw, 39.6px);
  bottom: clamp(47.85px, 3.4375vw, 72.6px);
}
.site-navigation #menu-navigation-links li:nth-child(n+2) {
  margin: 0 0 0 clamp(8.7px, 0.625vw, 13.2px);
}
.site-navigation #menu-navigation-links a {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  color: #01273B;
  text-transform: uppercase;
  position: relative;
}
@media (min-width: 782px) {
  .site-navigation #menu-navigation-links a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .site-navigation #menu-navigation-links a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}

.offers {
  background: #01273B;
  color: #F4F4F1;
  position: relative;
  margin: -1px 0 0;
  z-index: 10;
}
[data-background=black] + .offers .inner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  border-top: 1px solid #F4F4F1;
}
.offers[data-animation] {
  opacity: 1;
}
@media (min-width: 782px) {
  [data-load-namespace=homepage] .offers {
    clip-path: polygon(0 40vh, 100% 40vh, 100% 100%, 0% 100%);
    transition: clip-path 1s;
  }
  [data-load-namespace=homepage] .offers[data-animation-status=active] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
.offers .inner {
  position: relative;
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  padding: clamp(116px, 8.3333333333vw, 176px) 0 clamp(145px, 10.4166666667vw, 220px);
}
@media (max-width: 782px) {
  .offers .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.offers .introduction {
  position: relative;
}
.offers .introduction .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #F4F4F1;
}
.offers .introduction .content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .offers .introduction .content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.offers .introduction .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.offers .introduction .content .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .offers .introduction .content .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .offers .introduction .content .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.offers .introduction .content .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .offers .introduction .content .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.offers .introduction .content .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .offers .introduction .content .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .offers .introduction .content .button:hover {
    transform: scale(1.15);
  }
  .offers .introduction .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.offers .introduction .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.offers .introduction .content .kicker[data-animation-status=active] {
  opacity: 1;
}
.offers .introduction .content h1,
.offers .introduction .content h2,
.offers .introduction .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.offers .introduction .content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.offers .introduction .content .detail h2,
.offers .introduction .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.offers .introduction .content .detail h2:nth-child(n+2),
.offers .introduction .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.offers .introduction .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.offers .introduction .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.offers .introduction .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.offers .introduction .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.offers .introduction .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.offers .introduction .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.offers .introduction .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.offers .introduction .content .detail strong {
  font-weight: 600;
}
.offers .introduction .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .offers .introduction .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .offers .introduction .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.offers .introduction .content .detail a:after {
  top: calc(50% + 0.65em);
}
.offers .introduction .content .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.offers .introduction .content .button[data-animation-status=active] {
  opacity: 1;
}
@media (min-width: 782px) {
  .offers .introduction .content {
    max-width: clamp(435px, 31.25vw, 660px);
  }
}
.offers .introduction .content h2 {
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
@media (min-width: 782px) {
  .offers .introduction .content .button {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
  }
}
.offers .swiper-container {
  margin: clamp(87px, 6.25vw, 132px) 0 0;
}
.offers .swiper-slide {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  width: 75%;
}
@media (min-width: 782px) {
  .offers .swiper-slide {
    width: calc(33.33% - clamp(29px, 2.0833333333vw, 44px));
  }
}
.offers .swiper-slide:nth-child(n+2) {
  margin: 0 0 0 clamp(34.8px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .offers .swiper-slide:nth-child(n+2) {
    margin: 0 0 0 clamp(43.5px, 3.125vw, 66px);
  }
}
.offers .swiper-slide .frame {
  position: relative;
  padding: clamp(8.7px, 0.625vw, 13.2px);
  width: 100%;
  margin: 0 0 clamp(43.5px, 3.125vw, 66px);
}
.offers .swiper-slide .frame i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  border: 1px solid #F4F4F1;
}
.offers .swiper-slide .image {
  background: rgb(1.255, 48.945, 74.045);
  position: relative;
  height: clamp(377px, 27.0833333333vw, 572px);
}
.offers .swiper-slide img {
  height: clamp(377px, 27.0833333333vw, 572px);
}
.offers .swiper-slide h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(24.65px, 1.7708333333vw, 37.4px);
}
.offers .swiper-slide p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(17.4px, 1.25vw, 26.4px) 0;
}
.offers .swiper-slide .link {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  text-transform: uppercase;
  margin: auto 0 0;
  transition: padding 0.3s;
}
.offers .swiper-slide .link:hover {
  padding: 0 clamp(43.5px, 3.125vw, 66px) 0 0;
}
.offers .swiper-slide .link:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
}
.offers .buttons {
  display: flex;
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.offers .buttons button {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: clamp(20.3px, 1.4583333333vw, 30.8px) auto;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  background-color: transparent;
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  transition: opacity 0.4s;
}
.offers .buttons button.swiper-button-disabled {
  opacity: 0.4;
}
.offers .buttons button:nth-child(1) {
  margin: 0 clamp(8.7px, 0.625vw, 13.2px) 0 0;
  transform: scaleX(-1);
}
.offers .buttons button .label {
  display: none;
}

.partnerships {
  position: relative;
  padding: clamp(104.4px, 7.5vw, 158.4px) 0;
  color: #01273B;
}
.partnerships .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  background: #F4F4F1;
  padding: clamp(69.6px, 5vw, 105.6px) 0;
  border: 1px solid #01273B;
  overflow: hidden;
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
}
@media (max-width: 782px) {
  .partnerships .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.partnerships .upper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: clamp(580px, 41.6666666667vw, 880px);
  width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  margin: 0 auto;
}
.partnerships .upper h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
.partnerships .upper p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
.partnerships .swiper-container {
  margin: clamp(69.6px, 5vw, 105.6px) 0 0;
}
.partnerships .swiper-wrapper {
  transition-timing-function: linear;
}
.partnerships .swiper-slide {
  width: clamp(65.25px, 4.6875vw, 99px);
  margin: 0 clamp(17.4px, 1.25vw, 26.4px);
}
.partnerships img {
  width: clamp(65.25px, 4.6875vw, 99px);
  height: clamp(65.25px, 4.6875vw, 99px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.related-items {
  position: relative;
  padding: 0 0 clamp(104.4px, 7.5vw, 158.4px);
}
.related-items h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  text-align: center;
  text-transform: uppercase;
  color: #01273B;
  margin: 0 0 clamp(60.9px, 4.375vw, 92.4px);
}
@media (min-width: 782px) {
  .related-items h2 {
    font-size: clamp(43.5px, 3.125vw, 66px);
  }
}
.related-items .items {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  color: #01273B;
  display: grid;
}
@media (max-width: 782px) {
  .related-items .items {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
@media (min-width: 782px) {
  .related-items .items {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(69.6px, 5vw, 105.6px) clamp(17.4px, 1.25vw, 26.4px);
  }
}

.rooms-features {
  background: #F4F4F1;
  color: #01273B;
}
.rooms-preview + .rooms-features .inner:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  border-top: 1px solid #01273B;
}
.rooms-features[data-animation] {
  opacity: 1;
}
.rooms-features .inner {
  position: relative;
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  padding: clamp(116px, 8.3333333333vw, 176px) 0 clamp(145px, 10.4166666667vw, 220px);
}
@media (max-width: 782px) {
  .rooms-features .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.rooms-features .introduction {
  position: relative;
}
.rooms-features .introduction .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #01273B;
}
.rooms-features .introduction .content .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.rooms-features .introduction .content .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.rooms-features .introduction .content .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.rooms-features .introduction .content .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.rooms-features .introduction .content .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button:hover {
    transform: scale(1.15);
  }
  .rooms-features .introduction .content .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.rooms-features .introduction .content .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.rooms-features .introduction .content .kicker[data-animation-status=active] {
  opacity: 1;
}
.rooms-features .introduction .content h1,
.rooms-features .introduction .content h2,
.rooms-features .introduction .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.rooms-features .introduction .content .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.rooms-features .introduction .content .detail h2,
.rooms-features .introduction .content .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-features .introduction .content .detail h2:nth-child(n+2),
.rooms-features .introduction .content .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-features .introduction .content .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.rooms-features .introduction .content .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.rooms-features .introduction .content .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-features .introduction .content .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.rooms-features .introduction .content .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-features .introduction .content .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.rooms-features .introduction .content .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.rooms-features .introduction .content .detail strong {
  font-weight: 600;
}
.rooms-features .introduction .content .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .rooms-features .introduction .content .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.rooms-features .introduction .content .detail a:after {
  top: calc(50% + 0.65em);
}
.rooms-features .introduction .content .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.rooms-features .introduction .content .button[data-animation-status=active] {
  opacity: 1;
}
@media (min-width: 782px) {
  .rooms-features .introduction .content {
    max-width: clamp(652.5px, 46.875vw, 990px);
  }
}
.rooms-features .introduction .content h2 {
  font-size: clamp(34.8px, 2.5vw, 52.8px);
}
@media (min-width: 782px) {
  .rooms-features .introduction .content .button {
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
  }
}
.rooms-features .swiper-container {
  margin: clamp(69.6px, 5vw, 105.6px) 0 0;
}
@media (min-width: 782px) {
  .rooms-features .swiper-container {
    margin: clamp(87px, 6.25vw, 132px) 0 0;
  }
}
.rooms-features .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: clamp(217.5px, 15.625vw, 330px);
  width: clamp(174px, 12.5vw, 264px);
  border-left: 1px solid #01273B;
}
@media (min-width: 782px) {
  .rooms-features .swiper-slide {
    width: 20%;
    height: clamp(287.1px, 20.625vw, 435.6px);
  }
}
.rooms-features .swiper-slide:last-child {
  border-right: 1px solid #01273B;
}
.rooms-features .swiper-slide .image {
  position: relative;
  height: clamp(69.6px, 5vw, 105.6px);
  width: clamp(87px, 6.25vw, 132px);
  margin: clamp(60.9px, 4.375vw, 92.4px) 0 0;
}
@media (min-width: 782px) {
  .rooms-features .swiper-slide .image {
    margin: clamp(101.5px, 7.2916666667vw, 154px) 0 0;
  }
}
.rooms-features .swiper-slide img {
  height: clamp(69.6px, 5vw, 105.6px);
  width: clamp(87px, 6.25vw, 132px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
.rooms-features .swiper-slide h3 {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  text-align: center;
  width: clamp(130.5px, 9.375vw, 198px);
  margin: auto 0 0;
}
.rooms-features .buttons {
  display: flex;
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.rooms-features .buttons button {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: clamp(20.3px, 1.4583333333vw, 30.8px) auto;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  background-color: transparent;
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  cursor: pointer;
  transition: opacity 0.4s;
}
.rooms-features .buttons button.swiper-button-disabled {
  opacity: 0.4;
}
.rooms-features .buttons button:nth-child(1) {
  margin: 0 clamp(8.7px, 0.625vw, 13.2px) 0 0;
  transform: scaleX(-1);
}
.rooms-features .buttons button .label {
  display: none;
}

.rooms-preview {
  position: relative;
  background: #F4F4F1;
  color: #01273B;
  padding: clamp(104.4px, 7.5vw, 158.4px) 0 clamp(139.2px, 10vw, 211.2px);
}
.rooms-preview .introduction {
  position: relative;
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #01273B;
  text-align: center;
  align-items: center;
  margin: 0 auto clamp(104.4px, 7.5vw, 158.4px);
}
@media (max-width: 782px) {
  .rooms-preview .introduction {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.rooms-preview .introduction .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .rooms-preview .introduction .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.rooms-preview .introduction .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.rooms-preview .introduction .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .rooms-preview .introduction .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .rooms-preview .introduction .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.rooms-preview .introduction .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .rooms-preview .introduction .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.rooms-preview .introduction .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .rooms-preview .introduction .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .rooms-preview .introduction .button:hover {
    transform: scale(1.15);
  }
  .rooms-preview .introduction .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.rooms-preview .introduction .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.rooms-preview .introduction .kicker[data-animation-status=active] {
  opacity: 1;
}
.rooms-preview .introduction h1,
.rooms-preview .introduction h2,
.rooms-preview .introduction h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.rooms-preview .introduction .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.rooms-preview .introduction .detail h2,
.rooms-preview .introduction .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-preview .introduction .detail h2:nth-child(n+2),
.rooms-preview .introduction .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-preview .introduction .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.rooms-preview .introduction .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.rooms-preview .introduction .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-preview .introduction .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.rooms-preview .introduction .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-preview .introduction .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.rooms-preview .introduction .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.rooms-preview .introduction .detail strong {
  font-weight: 600;
}
.rooms-preview .introduction .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .rooms-preview .introduction .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .rooms-preview .introduction .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.rooms-preview .introduction .detail a:after {
  top: calc(50% + 0.65em);
}
.rooms-preview .introduction .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.rooms-preview .introduction .button[data-animation-status=active] {
  opacity: 1;
}
.rooms-preview .introduction h2 {
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  max-width: clamp(870px, 62.5vw, 1320px);
}
.rooms-preview .introduction .lines {
  position: relative;
  height: clamp(87px, 6.25vw, 132px);
  margin: clamp(43.5px, 3.125vw, 66px) 0 0;
  width: 100%;
  opacity: 1;
}
.rooms-preview .introduction .lines[data-animation-status=active] i:nth-child(1) {
  height: 100%;
}
.rooms-preview .introduction .lines[data-animation-status=active] i:nth-child(2), .rooms-preview .introduction .lines[data-animation-status=active] i:nth-child(3) {
  width: 50%;
}
.rooms-preview .introduction .lines i {
  position: absolute;
  display: block;
  transition: width 2s 0.6s, height 0.6s;
}
.rooms-preview .introduction .lines i:nth-child(1) {
  top: 0;
  left: 50%;
  height: 0;
  border-left: 1px solid #01273B;
}
.rooms-preview .introduction .lines i:nth-child(2) {
  left: 50%;
  width: 0;
  bottom: 0;
  border-bottom: 1px solid #01273B;
}
.rooms-preview .introduction .lines i:nth-child(3) {
  right: 50%;
  width: 0;
  bottom: 0;
  border-bottom: 1px solid #01273B;
}
.rooms-preview [data-swiper=rooms] {
  opacity: 1;
}
@media (max-width: 782px) {
  .rooms-preview [data-swiper=rooms] {
    margin: 0 auto;
    width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
    max-width: clamp(1131px, 81.25vw, 1716px);
  }
}
@media (max-width: 782px) and (max-width: 782px) {
  .rooms-preview [data-swiper=rooms] {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images].swiper-slide-next .image {
  transition: clip-path 2s 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images].swiper-slide-next .image .image-inner {
  transition: clip-path 3s 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images].swiper-slide-prev .image {
  transition: clip-path 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images].swiper-slide-prev .image .image-inner {
  transition: clip-path 3s 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images] .image {
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: clip-path 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images] .image .image-inner {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  transition: clip-path 3s 0.8s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms-preview [data-swiper=rooms].swiper-in-viewport [data-swiper-slide=rooms].swiper-slide-active [data-swiper-slide=rooms-images] .image img {
  transform: scale(1);
}
@media (max-width: 782px) {
  .rooms-preview [data-swiper=rooms] > .swiper-wrapper {
    display: block;
  }
}
.rooms-preview [data-swiper-slide=rooms] {
  background: #F4F4F1;
}
@media (max-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] {
    padding: clamp(43.5px, 3.125vw, 66px) 0;
  }
  .rooms-preview [data-swiper-slide=rooms]:nth-child(n+2) {
    border-top: 1px solid #01273B;
  }
  .rooms-preview [data-swiper-slide=rooms]:first-child {
    padding: 0 0 clamp(43.5px, 3.125vw, 66px);
  }
  .rooms-preview [data-swiper-slide=rooms]:last-child {
    padding: clamp(43.5px, 3.125vw, 66px) 0 0;
  }
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .slide-inner {
    margin: 0 auto;
    width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
    max-width: clamp(1131px, 81.25vw, 1716px);
  }
}
@media (min-width: 782px) and (max-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .slide-inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.rooms-preview [data-swiper-slide=rooms] .upper {
  position: relative;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
}
.rooms-preview [data-swiper-slide=rooms] .upper .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-preview [data-swiper-slide=rooms] .upper h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
}
.rooms-preview [data-swiper-slide=rooms] .upper h3 .line {
  overflow: hidden;
}
.rooms-preview [data-swiper-slide=rooms] .upper .features {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .upper .features {
    position: absolute;
    bottom: 0;
    right: 0;
    bottom: clamp(34.8px, 2.5vw, 52.8px);
  }
}
.rooms-preview [data-swiper-slide=rooms] .upper .progress {
  display: none;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .upper .progress {
    background: rgba(1, 39, 59, 0.2);
    position: absolute;
    bottom: clamp(4.35px, 0.3125vw, 6.6px);
    right: 0;
    width: clamp(348px, 25vw, 528px);
    display: block;
  }
}
.rooms-preview [data-swiper-slide=rooms] .upper .progress i {
  display: block;
  background: #01273B;
  transform: scaleX(0);
  transform-origin: center left;
  height: 3px;
  width: 100%;
}
.rooms-preview [data-swiper-slide=rooms] [data-swiper=rooms-images] {
  position: relative;
  width: 100%;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] [data-swiper=rooms-images] {
    height: clamp(313.2px, 22.5vw, 475.2px);
  }
}
.rooms-preview [data-swiper-slide=rooms] [data-swiper-slide=rooms-images] {
  height: clamp(316.1px, 22.7083333333vw, 479.6px);
  width: clamp(316.1px, 22.7083333333vw, 479.6px);
  border: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] [data-swiper-slide=rooms-images] {
    height: clamp(313.2px, 22.5vw, 475.2px);
    width: clamp(474.15px, 34.0625vw, 719.4px);
  }
}
.rooms-preview [data-swiper-slide=rooms] [data-swiper-slide=rooms-images]:nth-child(n+2) {
  margin: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.rooms-preview [data-swiper-slide=rooms] [data-swiper-slide=rooms-images].swiper-slide-next .image {
  background: rgb(228.292, 228.292, 221.008);
}
.rooms-preview [data-swiper-slide=rooms] [data-swiper-slide=rooms-images].swiper-slide-prev .image {
  background: rgb(228.292, 228.292, 221.008);
}
.rooms-preview [data-swiper-slide=rooms] .image {
  background: rgb(235.024, 235.024, 229.576);
  height: clamp(316.1px, 22.7083333333vw, 479.6px);
  width: clamp(316.1px, 22.7083333333vw, 479.6px);
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .image {
    height: clamp(417.6px, 30vw, 633.6px);
    width: clamp(632.2px, 45.4166666667vw, 959.2px);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: clip-path 0s 0.4s;
  }
}
.rooms-preview [data-swiper-slide=rooms] .image .image-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .image .image-inner {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: clip-path 0s 0.4s;
  }
}
.rooms-preview [data-swiper-slide=rooms] .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  transform: scale(1.4);
  transition: transform 0s 0.4s;
}
.rooms-preview [data-swiper-slide=rooms] .control-panel {
  bottom: -1px;
  left: -1px;
}
.rooms-preview [data-swiper-slide=rooms] .lower {
  position: relative;
  margin: clamp(26.1px, 1.875vw, 39.6px) 0 0;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower {
    height: clamp(87px, 6.25vw, 132px);
    padding: clamp(34.8px, 2.5vw, 52.8px) 0 0;
    margin: 0;
  }
}
.rooms-preview [data-swiper-slide=rooms] .lower .detail {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .detail {
    width: clamp(374.1px, 26.875vw, 567.6px);
    padding: 0 0 clamp(69.6px, 5vw, 105.6px);
  }
}
.rooms-preview [data-swiper-slide=rooms] .lower .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.rooms-preview [data-swiper-slide=rooms] .lower .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.rooms-preview [data-swiper-slide=rooms] .lower .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.rooms-preview [data-swiper-slide=rooms] .lower .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.rooms-preview [data-swiper-slide=rooms] .lower .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.rooms-preview [data-swiper-slide=rooms] .lower .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button:hover {
    transform: scale(1.15);
  }
  .rooms-preview [data-swiper-slide=rooms] .lower .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
@media (min-width: 782px) {
  .rooms-preview [data-swiper-slide=rooms] .lower .button {
    position: absolute;
    top: 0;
    right: 0;
    margin: clamp(43.5px, 3.125vw, 66px) 0 0;
  }
}
.rooms-preview [data-swiper-slide=rooms] .lower .button[data-animation-status=active] {
  opacity: 1;
}

select[data-placeholder] {
  display: none;
}

.select2-selection {
  position: relative;
  border-radius: clamp(4.35px, 0.3125vw, 6.6px);
  height: clamp(56.55px, 4.0625vw, 85.8px);
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: clamp(56.55px, 4.0625vw, 85.8px);
  text-transform: uppercase;
  display: block;
  padding: 0 clamp(15.95px, 1.1458333333vw, 24.2px);
  width: 100%;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ffffff;
  background-position: right clamp(21.75px, 1.5625vw, 33px) center;
  background-repeat: no-repeat;
  background-size: clamp(17.4px, 1.25vw, 26.4px) auto;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.13195 2.34246e-05C14.1754 2.34246e-05 18.264 4.08855 18.264 9.13198C18.264 14.1754 14.1754 18.264 9.132 18.264C4.08851 18.264 0 14.1754 0 9.13202C0.006 4.09097 4.09095 0.006 9.13141 0H9.132L9.13195 2.34246e-05ZM9.13195 16.1501C13.008 16.1501 16.1501 13.008 16.1501 9.13198C16.1501 5.25595 13.008 2.11392 9.13195 2.11392C5.25598 2.11392 2.11387 5.25602 2.11387 9.13205C2.11868 13.0061 5.25792 16.1453 9.13153 16.1501H9.132L9.13195 16.1501ZM22.5023 24L13.9337 15.4282L15.4282 13.9337L24 22.5023L22.5023 24Z' fill='black'/%3E%3C/svg%3E%0A");
}

.select2-container {
  width: clamp(304.5px, 21.875vw, 462px);
  padding: clamp(4.35px, 0.3125vw, 6.6px) 0 0;
}
@media (min-width: 782px) {
  .select2-container {
    width: clamp(551px, 39.5833333333vw, 836px);
  }
}
.select2-container .select2-dropdown {
  border: 1px solid #bbbbbb;
  background: #F4F4F1;
  border-radius: clamp(4.35px, 0.3125vw, 6.6px);
  display: block;
  width: 100% !important;
}
.select2-container .select2-dropdown .select2-search {
  display: block;
  padding: clamp(4.35px, 0.3125vw, 6.6px);
  border-bottom: 1px solid rgba(1, 39, 59, 0.3);
}
.select2-container .select2-dropdown .select2-search input[type=search] {
  border: 0;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  height: clamp(39.15px, 2.8125vw, 59.4px);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #FFFFFF;
  width: 100%;
  padding: 0 clamp(8.7px, 0.625vw, 13.2px);
  border: 1px solid rgba(1, 39, 59, 0.3);
  border-radius: clamp(1.45px, 0.1041666667vw, 2.2px);
}
.select2-container .select2-dropdown .select2-results__options {
  max-height: clamp(217.5px, 15.625vw, 330px);
  overflow: scroll;
}
.select2-container .select2-dropdown .select2-results__option {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  text-transform: uppercase;
  padding: clamp(17.4px, 1.25vw, 26.4px) clamp(8.7px, 0.625vw, 13.2px);
  cursor: pointer;
  transition: background 0.2s;
}
.select2-container .select2-dropdown .select2-results__option:nth-child(n+2) {
  border-top: 1px solid rgba(1, 39, 59, 0.3);
}
.select2-container .select2-dropdown .select2-results__option:hover {
  background: #FFFFFF;
}

.share-icons {
  display: flex;
  list-style-type: none;
}
.share-icons .item:nth-child(n+2) {
  margin: 0 0 0 10px;
}
.share-icons .link {
  height: clamp(17.4px, 1.25vw, 26.4px);
  width: clamp(17.4px, 1.25vw, 26.4px);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.share-icons .link.twitter {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.34849 5.77383L14.5294 0H12.562L8.49564 4.53255L5.38141 0H0L5.44716 7.92861L0 14H1.96742L6.30066 9.17056L9.61859 14H15L9.34849 5.7745V5.77383ZM2.77322 1.48443H4.6491L12.2274 12.5142H10.3515L2.77322 1.48443Z' fill='white'/%3E%3C/svg%3E%0A");
}
.share-icons .link.facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99549 6.6154L7.80361 8.14071C7.77114 8.3955 7.55317 8.58717 7.29461 8.58717H4.79892V14.9644C4.53573 14.9879 4.26906 15 3.99949 15C3.39658 15 2.80816 14.9403 2.23946 14.8267V8.58717H0.320005C0.14377 8.58717 0 8.44428 0 8.26925V6.36061C0 6.18558 0.14377 6.04269 0.320005 6.04269H2.23946V3.18031C2.23946 1.42373 3.67194 0 5.43951 0H7.67897C7.8552 0 7.99897 0.14289 7.99897 0.317916V2.22656C7.99897 2.40158 7.8552 2.54447 7.67897 2.54447H6.07894C5.37226 2.54447 4.7995 3.11374 4.7995 3.81671V6.04327H7.48708C7.79549 6.04327 8.03375 6.31183 7.99607 6.61598L7.99549 6.6154Z' fill='white'/%3E%3C/svg%3E%0A");
}
.share-icons .link.instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6334 0.545898H4.63954C2.57972 0.545898 0.90918 2.21644 0.90918 4.27626V12.2701C0.90918 14.3299 2.57972 16.0004 4.63954 16.0004H12.6334C14.6932 16.0004 16.3637 14.3299 16.3637 12.2701V4.27626C16.3637 2.21644 14.6932 0.545898 12.6334 0.545898ZM15.0313 12.0032C15.0313 13.4742 13.8375 14.668 12.3664 14.668H4.90572C3.43464 14.668 2.24086 13.4742 2.24086 12.0032V4.54244C2.24086 3.07136 3.43464 1.87759 4.90572 1.87759H12.3664C13.8375 1.87759 15.0313 3.07136 15.0313 4.54244V12.0032Z' fill='white'/%3E%3Cpath d='M8.6445 4.27637C6.43861 4.27637 4.64795 6.06703 4.64795 8.27291C4.64795 10.4788 6.43861 12.2695 8.6445 12.2695C10.8504 12.2695 12.641 10.4788 12.641 8.27291C12.641 6.06703 10.8504 4.27637 8.6445 4.27637ZM8.6445 10.9378C7.17638 10.9378 5.97964 9.74103 5.97964 8.27291C5.97964 6.80479 7.17638 5.60805 8.6445 5.60805C10.1126 5.60805 11.3094 6.80479 11.3094 8.27291C11.3094 9.74103 10.1126 10.9378 8.6445 10.9378Z' fill='white'/%3E%3Cpath d='M12.9072 4.80956C12.4668 4.80956 12.1079 4.45068 12.1079 4.01025C12.1079 3.56981 12.4668 3.21094 12.9072 3.21094C13.3477 3.21094 13.7065 3.56981 13.7065 4.01025C13.7065 4.45068 13.3477 4.80956 12.9072 4.80956Z' fill='white'/%3E%3C/svg%3E%0A");
}
.share-icons .link.linkedin {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.51572 4.25508C3.53998 4.25508 4.37031 3.42475 4.37031 2.40048C4.37031 1.37622 3.53998 0.545898 2.51572 0.545898C1.49146 0.545898 0.661133 1.37622 0.661133 2.40048C0.661133 3.42475 1.49146 4.25508 2.51572 4.25508Z' fill='white'/%3E%3Cpath d='M3.92278 5.49121H1.10864C1.03219 5.49121 0.970215 5.55318 0.970215 5.62963V14.625C0.970215 14.7015 1.03219 14.7634 1.10864 14.7634H3.92278C3.99923 14.7634 4.0612 14.7015 4.0612 14.625V5.62963C4.0612 5.55318 3.99923 5.49121 3.92278 5.49121Z' fill='white'/%3E%3Cpath d='M14.5701 8.88887V14.1432C14.5701 14.4831 14.2918 14.7614 13.9519 14.7614H12.0973C11.7574 14.7614 11.4791 14.4831 11.4791 14.1432V9.8158C11.4791 8.96279 10.787 8.27067 9.93396 8.27067C9.08095 8.27067 8.38883 8.96279 8.38883 9.8158V14.1432C8.38883 14.4831 8.11054 14.7614 7.77064 14.7614H5.91605C5.57615 14.7614 5.29785 14.4831 5.29785 14.1432V6.10662C5.29785 5.76672 5.57615 5.48842 5.91605 5.48842H7.77064C8.11054 5.48842 8.38883 5.76672 8.38883 6.10662V6.50232C9.00703 5.70149 10.0303 5.17969 11.1704 5.17969C12.8764 5.17969 14.5701 6.41608 14.5701 8.88887Z' fill='white'/%3E%3C/svg%3E%0A");
}
.share-icons .link.youtube {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8922 0H2.10847C0.944132 0 0 0.977905 0 2.18318V9.81682C0 11.0228 0.944132 12 2.10847 12H13.8922C15.0559 12 16 11.0228 16 9.81682V2.18318C16 0.977905 15.0559 0 13.8922 0ZM9.89274 6.52673L6.6158 8.22309C6.23732 8.4191 5.79278 8.13471 5.79278 7.69708V4.30435C5.79278 3.86671 6.23801 3.58232 6.6158 3.77762L9.89274 5.47398C10.3111 5.69066 10.3111 6.31005 9.89274 6.52673Z' fill='white'/%3E%3C/svg%3E%0A");
}
.share-icons .label {
  display: none;
}

.text-center {
  position: relative;
  background: #01273B;
  padding: clamp(104.4px, 7.5vw, 158.4px) 0 clamp(139.2px, 10vw, 211.2px);
}
.text-center[data-background=white] {
  background: #F4F4F1;
  color: #01273B;
}
.text-center[data-background=white] .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #01273B;
  align-items: center;
}
.text-center[data-background=white] .inner .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  background: transparent;
  border: 1px solid #01273B;
  color: #01273B;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.text-center[data-background=white] .inner .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.text-center[data-background=white] .inner .button:before {
  background: #01273B;
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .button:hover {
    color: #F4F4F1;
  }
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.text-center[data-background=white] .inner .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.text-center[data-background=white] .inner .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .button:hover {
    transform: scale(1.15);
  }
  .text-center[data-background=white] .inner .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.text-center[data-background=white] .inner .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.text-center[data-background=white] .inner .kicker[data-animation-status=active] {
  opacity: 1;
}
.text-center[data-background=white] .inner h1,
.text-center[data-background=white] .inner h2,
.text-center[data-background=white] .inner h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.text-center[data-background=white] .inner .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.text-center[data-background=white] .inner .detail h2,
.text-center[data-background=white] .inner .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=white] .inner .detail h2:nth-child(n+2),
.text-center[data-background=white] .inner .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=white] .inner .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.text-center[data-background=white] .inner .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.text-center[data-background=white] .inner .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=white] .inner .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.text-center[data-background=white] .inner .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=white] .inner .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.text-center[data-background=white] .inner .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.text-center[data-background=white] .inner .detail strong {
  font-weight: 600;
}
.text-center[data-background=white] .inner .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .text-center[data-background=white] .inner .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .text-center[data-background=white] .inner .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.text-center[data-background=white] .inner .detail a:after {
  top: calc(50% + 0.65em);
}
.text-center[data-background=white] .inner .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.text-center[data-background=white] .inner .button[data-animation-status=active] {
  opacity: 1;
}
.text-center[data-background=black] {
  background: #01273B;
  color: #F4F4F1;
}
.text-center[data-background=black] .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #F4F4F1;
  align-items: center;
}
.text-center[data-background=black] .inner .button {
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  height: clamp(50.75px, 3.6458333333vw, 77px);
  line-height: calc(clamp(50.025px, 3.59375vw, 75.9px) - 2px);
  padding: 0 clamp(26.1px, 1.875vw, 39.6px);
  border-radius: clamp(2.9px, 0.2083333333vw, 4.4px);
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  transition: transform 0.3s, color 0.3s 0.05s, opacity 0.4s;
  border: 1px solid #F4F4F1;
  color: #F4F4F1;
  padding: 0 clamp(55.825px, 4.0104166667vw, 84.7px) 0 clamp(23.925px, 1.71875vw, 36.3px);
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .button {
    font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
    height: clamp(36.25px, 2.6041666667vw, 55px);
    line-height: calc(clamp(36.25px, 2.6041666667vw, 55px) - 2px);
    padding: 0 clamp(34.8px, 2.5vw, 52.8px);
  }
}
.text-center[data-background=black] .inner .button:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  display: block;
  transition: height 0.4s;
  z-index: -1;
}
.text-center[data-background=black] .inner .button:before {
  background: #F4F4F1;
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .button:hover {
    color: #01273B;
  }
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .button {
    padding: 0 clamp(43.5px, 3.125vw, 66px) 0 clamp(18.85px, 1.3541666667vw, 28.6px);
  }
}
.text-center[data-background=black] .inner .button:after {
  content: " ";
  position: absolute;
  top: clamp(13.775px, 0.9895833333vw, 20.9px);
  right: clamp(16.675px, 1.1979166667vw, 25.3px);
  width: clamp(20.3px, 1.4583333333vw, 30.8px);
  height: clamp(20.3px, 1.4583333333vw, 30.8px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.3s 0.05s;
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .button:after {
    top: clamp(10.875px, 0.78125vw, 16.5px);
    right: clamp(13.05px, 0.9375vw, 19.8px);
    width: clamp(15.95px, 1.1458333333vw, 24.2px);
    height: clamp(15.95px, 1.1458333333vw, 24.2px);
  }
}
.text-center[data-background=black] .inner .button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%23FFFFFF'/%3E%3C/svg%3E");
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .button:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='7' viewBox='0 0 18 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 6.15686L16.6569 3.32843M16.6569 3.32843L13.8284 0.500003M16.6569 3.32843H0' stroke='%2301273B'/%3E%3C/svg%3E");
  }
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .button:hover {
    transform: scale(1.15);
  }
  .text-center[data-background=black] .inner .button:hover:before {
    top: auto;
    bottom: 0;
    height: 100%;
  }
}
.text-center[data-background=black] .inner .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  opacity: 0;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
  transition: opacity 0.4s;
}
.text-center[data-background=black] .inner .kicker[data-animation-status=active] {
  opacity: 1;
}
.text-center[data-background=black] .inner h1,
.text-center[data-background=black] .inner h2,
.text-center[data-background=black] .inner h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
}
.text-center[data-background=black] .inner .detail {
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.text-center[data-background=black] .inner .detail h2,
.text-center[data-background=black] .inner .detail h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(34.8px, 2.5vw, 52.8px);
  margin: 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=black] .inner .detail h2:nth-child(n+2),
.text-center[data-background=black] .inner .detail h3:nth-child(n+2) {
  margin: clamp(43.5px, 3.125vw, 66px) 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=black] .inner .detail p {
  line-height: 1.35;
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
}
.text-center[data-background=black] .inner .detail p:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.text-center[data-background=black] .inner .detail ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=black] .inner .detail ol:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.text-center[data-background=black] .inner .detail ul {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 0 clamp(17.4px, 1.25vw, 26.4px);
}
.text-center[data-background=black] .inner .detail ul:nth-child(n+2) {
  margin: clamp(13.05px, 0.9375vw, 19.8px) 0 0;
}
.text-center[data-background=black] .inner .detail li {
  font-size: clamp(12.325px, 0.8854166667vw, 18.7px);
  line-height: 1.35;
}
.text-center[data-background=black] .inner .detail strong {
  font-weight: 600;
}
.text-center[data-background=black] .inner .detail a {
  color: #0f94f0;
  position: relative;
}
@media (min-width: 782px) {
  .text-center[data-background=black] .inner .detail a:after {
    content: " ";
    position: absolute;
    top: calc(50% + 0.8em);
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    pointer-events: none;
    right: 0;
    width: 0;
    border-bottom: 1px solid currentColor;
    transition: width 0.3s;
  }
  .text-center[data-background=black] .inner .detail a:hover:after {
    left: 0;
    right: auto;
    width: 100%;
  }
}
.text-center[data-background=black] .inner .detail a:after {
  top: calc(50% + 0.65em);
}
.text-center[data-background=black] .inner .button {
  margin: clamp(34.8px, 2.5vw, 52.8px) 0 0;
  opacity: 0;
}
.text-center[data-background=black] .inner .button[data-animation-status=active] {
  opacity: 1;
}
.text-center .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
  text-align: center;
  display: flex;
  text-align: center;
}
@media (max-width: 782px) {
  .text-center .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.text-center .sketch {
  opacity: 0;
  transition: opacity 1s;
  margin: 0 0 clamp(40.6px, 2.9166666667vw, 61.6px);
}
.text-center .sketch[data-animation-status=active] {
  opacity: 1;
}
.text-center img {
  width: clamp(101.5px, 7.2916666667vw, 154px);
  height: clamp(81.2px, 5.8333333333vw, 123.2px);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.text-center h2 {
  font-size: clamp(26.1px, 1.875vw, 39.6px);
  max-width: clamp(678.6px, 48.75vw, 1029.6px);
}
.text-center p {
  max-width: clamp(522px, 37.5vw, 792px);
}

.timeline {
  position: relative;
  background: #F4F4F1;
  padding: clamp(139.2px, 10vw, 211.2px) 0;
  overflow: hidden;
}
.timeline .inner {
  margin: 0 auto;
  width: calc(100% - clamp(104.4px, 7.5vw, 158.4px));
  max-width: clamp(1131px, 81.25vw, 1716px);
}
@media (max-width: 782px) {
  .timeline .inner {
    width: calc(100% - clamp(34.8px, 2.5vw, 52.8px));
  }
}
.timeline .upper {
  position: relative;
}
@media (min-width: 782px) {
  .timeline .upper {
    width: 40%;
  }
}
.timeline .upper .kicker {
  font-size: clamp(11.6px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  display: block;
  margin: 0 0 clamp(26.1px, 1.875vw, 39.6px);
}
.timeline .upper h2 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(43.5px, 3.125vw, 66px);
  text-transform: uppercase;
}
.timeline .upper h2 .line {
  overflow: hidden;
}
.timeline .lower {
  position: relative;
  margin: clamp(113.1px, 8.125vw, 171.6px) 0 0;
}
@media (min-width: 782px) {
  .timeline .lower {
    margin: clamp(52.2px, 3.75vw, 79.2px) 0 0;
  }
}
.timeline .swiper-container {
  overflow: hidden;
}
.timeline .swiper-slide {
  position: relative;
}
@media (min-width: 782px) {
  .timeline .swiper-slide {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.timeline .swiper-slide .image {
  position: relative;
}
@media (min-width: 782px) {
  .timeline .swiper-slide .image {
    width: calc(60% - clamp(8.7px, 0.625vw, 13.2px));
  }
}
.timeline .swiper-slide .image:before {
  content: " ";
  padding: 0 0 60%;
  display: block;
}
.timeline .swiper-slide .content {
  background: #01273B;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  color: #F4F4F1;
  padding: clamp(17.4px, 1.25vw, 26.4px) clamp(17.4px, 1.25vw, 26.4px) clamp(8.7px, 0.625vw, 13.2px);
  min-height: clamp(217.5px, 15.625vw, 330px);
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  transition: clip-path 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.timeline .swiper-slide .content[data-animation-status=active] {
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
@media (min-width: 782px) {
  .timeline .swiper-slide .content {
    width: calc(40% - clamp(8.7px, 0.625vw, 13.2px));
  }
}
.timeline .swiper-slide .content p {
  line-height: 1.35;
  font-size: clamp(13.05px, 0.9375vw, 19.8px);
}
@media (min-width: 782px) {
  .timeline .swiper-slide .content p {
    max-width: clamp(304.5px, 21.875vw, 462px);
  }
}
.timeline .swiper-slide .content h3 {
  font-family: "Beausite Grand", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.1;
  font-size: clamp(58px, 4.1666666667vw, 88px);
  margin: clamp(17.4px, 1.25vw, 26.4px) 0 0;
}
.timeline button {
  position: absolute;
  display: block;
  top: 35%;
  width: clamp(46.4px, 3.3333333333vw, 70.4px);
  height: clamp(46.4px, 3.3333333333vw, 70.4px);
  border: 1px solid #01273B;
  border-radius: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: clamp(11.6px, 0.8333333333vw, 17.6px) auto;
  background-color: #F4F4F1;
  cursor: pointer;
  transition: background 0.3s;
  z-index: 10;
}
@media (min-width: 782px) {
  .timeline button {
    top: calc(50% - clamp(19.575px, 1.40625vw, 29.7px));
    height: clamp(39.15px, 2.8125vw, 59.4px);
  }
}
.timeline button .label {
  display: none;
}
.timeline button:hover {
  background-color: #01273B;
}
.timeline button.swiper-button-disabled {
  border-color: #aaaaaa;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.timeline button[data-button=previous] {
  left: calc(clamp(17.4px, 1.25vw, 26.4px) * -1);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.17157 11.1566L1.34314 8.32812M1.34314 8.32812L4.17157 5.4997M1.34314 8.32812H18' stroke='%2301273B'/%3E%3C/svg%3E%0A");
}
@media (min-width: 782px) {
  .timeline button[data-button=previous] {
    left: calc(clamp(26.1px, 1.875vw, 39.6px) * -1);
  }
}
@media (min-width: 1280px) {
  .timeline button[data-button=previous] {
    left: calc(clamp(65.25px, 4.6875vw, 99px) * -1);
  }
}
.timeline button[data-button=previous]:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.17157 11.1566L1.34314 8.32812M1.34314 8.32812L4.17157 5.4997M1.34314 8.32812H18' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
}
.timeline button[data-button=previous].swiper-button-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.17157 11.1566L1.34314 8.32812M1.34314 8.32812L4.17157 5.4997M1.34314 8.32812H18' stroke='%23aaaaaa'/%3E%3C/svg%3E%0A");
}
.timeline button[data-button=next] {
  right: calc(clamp(17.4px, 1.25vw, 26.4px) * -1);
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 11.1566L16.6569 8.32812M16.6569 8.32812L13.8284 5.4997M16.6569 8.32812H0' stroke='%2301273B'/%3E%3C/svg%3E%0A");
}
@media (min-width: 782px) {
  .timeline button[data-button=next] {
    right: calc(clamp(26.1px, 1.875vw, 39.6px) * -1);
  }
}
@media (min-width: 1280px) {
  .timeline button[data-button=next] {
    right: calc(clamp(65.25px, 4.6875vw, 99px) * -1);
  }
}
.timeline button[data-button=next]:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 11.1566L16.6569 8.32812M16.6569 8.32812L13.8284 5.4997M16.6569 8.32812H0' stroke='%23ffffff'/%3E%3C/svg%3E%0A");
}
.timeline button[data-button=next].swiper-button-disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8284 11.1566L16.6569 8.32812M16.6569 8.32812L13.8284 5.4997M16.6569 8.32812H0' stroke='%23aaaaaa'/%3E%3C/svg%3E%0A");
}
.timeline .swiper-pagination {
  position: absolute;
  bottom: calc(100% + clamp(26.1px, 1.875vw, 39.6px));
  right: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #01273B;
}
@media (min-width: 782px) {
  .timeline .swiper-pagination {
    bottom: calc(100% + clamp(52.2px, 3.75vw, 79.2px));
    width: 50%;
  }
}
.timeline .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0 0 clamp(13.05px, 0.9375vw, 19.8px);
}
.timeline .swiper-pagination .swiper-pagination-bullet:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  height: clamp(10.15px, 0.7291666667vw, 15.4px);
  border-left: 1px solid #01273B;
}
.timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .year {
  opacity: 1;
}
@media (min-width: 782px) {
  .timeline .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .year {
    transform: translateY(calc(clamp(8.7px, 0.625vw, 13.2px) * -1));
  }
}
.timeline .swiper-pagination .swiper-pagination-bullet .year {
  font-size: clamp(10.15px, 0.7291666667vw, 15.4px);
  position: relative;
  display: block;
  opacity: 0.3;
  transform-origin: left center;
  transform: translateX(50%) translateY(calc(50% - clamp(4.35px, 0.3125vw, 6.6px))) rotate(-90deg);
}
@media (min-width: 782px) {
  .timeline .swiper-pagination .swiper-pagination-bullet .year {
    transform: translateY(0);
    transition: opacity 0.3s, transform 0.3s;
  }
}