/*
Theme Name:         Amber & Green
Theme URI:          https://amberandgreen.co.uk
Description:        Amber & Green
Version:            0.0.1
Author:             AndGrace
Author URI:         https://andgrace.studio
Text Domain:        

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
.grid {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: none;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .grid {
    width: 94.53125%;
  }
}

@media screen and (max-width: 700px) {
  .grid {
    width: 92%;
  }
}

.grid-0 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: none;
  width: 100%;
}

.col-desk-0 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 0%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-0 {
  margin-left: 0%;
}

.col-desk-1 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.33333%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-1 {
  margin-left: 8.33333%;
}

.col-desk-2 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66667%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-2 {
  margin-left: 16.66667%;
}

.col-desk-3 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-3 {
  margin-left: 25%;
}

.col-desk-4 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-4 {
  margin-left: 33.33333%;
}

.col-desk-5 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66667%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-5 {
  margin-left: 41.66667%;
}

.col-desk-6 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-6 {
  margin-left: 50%;
}

.col-desk-7 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 58.33333%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-7 {
  margin-left: 58.33333%;
}

.col-desk-8 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66667%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-8 {
  margin-left: 66.66667%;
}

.col-desk-9 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-9 {
  margin-left: 75%;
}

.col-desk-10 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-10 {
  margin-left: 83.33333%;
}

.col-desk-11 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 91.66667%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-11 {
  margin-left: 91.66667%;
}

.col-desk-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding-left: 0;
  padding-right: 1%;
}

.col-desk-shift-12 {
  margin-left: 100%;
}

@media screen and (max-width: 1024px) {
  .col-tab-0 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-0 {
    margin-left: 0%;
  }

  .col-tab-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-1 {
    margin-left: 8.33333%;
  }

  .col-tab-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66667%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-2 {
    margin-left: 16.66667%;
  }

  .col-tab-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-3 {
    margin-left: 25%;
  }

  .col-tab-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-4 {
    margin-left: 33.33333%;
  }

  .col-tab-5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66667%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-5 {
    margin-left: 41.66667%;
  }

  .col-tab-6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-6 {
    margin-left: 50%;
  }

  .col-tab-7 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-7 {
    margin-left: 58.33333%;
  }

  .col-tab-8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66667%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-8 {
    margin-left: 66.66667%;
  }

  .col-tab-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-9 {
    margin-left: 75%;
  }

  .col-tab-10 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-10 {
    margin-left: 83.33333%;
  }

  .col-tab-11 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66667%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-11 {
    margin-left: 91.66667%;
  }

  .col-tab-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    padding-right: 2.47934%;
  }

  .col-tab-shift-12 {
    margin-left: 100%;
  }
}

@media screen and (max-width: 700px) {
  .col-mob-0 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0%;
    padding-left: 0;
    padding-right: 4.34783%;
  }

  .col-mob-shift-0 {
    margin-left: 0%;
  }

  .col-mob-1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    padding-left: 0;
    padding-right: 4.34783%;
  }

  .col-mob-shift-1 {
    margin-left: 25%;
  }

  .col-mob-2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    padding-left: 0;
    padding-right: 4.34783%;
  }

  .col-mob-shift-2 {
    margin-left: 50%;
  }

  .col-mob-3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
    padding-left: 0;
    padding-right: 4.34783%;
  }

  .col-mob-shift-3 {
    margin-left: 75%;
  }

  .col-mob-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    padding-right: 4.34783%;
  }

  .col-mob-shift-4 {
    margin-left: 100%;
  }
}

@media only screen and (max-width: 620px) {
  .col-mob-12 {
    width: 100%;
  }

  .no-margin-mobile {
    margin: 0;
    width: 100%;
  }

  .col-mob-4 {
    padding-right: 0;
  }
}

.no-gutter {
  padding-right: 0;
}

html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-style: normal;
  font-family: "DM Sans", serif;
  background: #141314;
  overflow-x: hidden;
  text-decoration-thickness: 1px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: white;
  font-size: 2rem;
  line-height: 2.7rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 700px) {
  body {
    font-size: 2rem;
    line-height: 2.7rem;
  }
}

@media (min-width: 700px) {
  * {
    cursor: none !important;
  }
}

@media (min-width: 700px) {
  .cky-overlay,
  .cky-modal * {
    cursor: auto !important;
  }
}

#content {
  margin-top: 100px;
}

.custom-cursor {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  mix-blend-mode: difference;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.custom-cursor.hover {
  background: rgba(255, 255, 255, 0.8);
}

.custom-cursor.play {
  background: url("/wp-content/themes/amber&green/images/Play.svg") no-repeat center center;
  -webkit-background-size: 60px 60px;
  background-size: 60px 60px;
  mix-blend-mode: normal;
  width: 60px;
  height: 60px;
}

.custom-cursor.pause {
  background: url("/wp-content/themes/amber&green/images/pause.svg") no-repeat center center;
  -webkit-background-size: 60px 60px;
  background-size: 60px 60px;
  mix-blend-mode: normal;
  width: 60px;
  height: 60px;
}

.noMarginTop {
  margin-top: 0 !important;
}

#content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.inner {
  padding: 30px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 800px) {
  .inner {
    padding: 50px 40px;
  }
}

@media (min-width: 1280px) {
  .inner {
    padding: 50px 80px;
  }
}

@media (min-width: 1442px) {
  .inner {
    padding: 80px 0px;
  }
}

.external {
  background: url(/wp-content/themes/ambergreen/images/external.svg) no-repeat right 6px;
  -webkit-background-size: 11px 11px;
  background-size: 11px 11px;
  padding-right: 16px;
}

.center {
  text-align: center;
}

.hide {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cky-btn-revisit {
  display: none !important;
}

.copy .cky-btn-revisit {
  display: inline-block !important;
}

input[type=email],
input[type=text] {
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=email]:focus,
input[type=text] {
  outline: none;
}

@media (min-width: 1460px) {
  .max-width {
    width: 100%;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0;
  font-family: "DM Sans", serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.02em;
}

.animate-header,
.animate-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.animate-header .line,
.animate-heading .line {
  opacity: 0;
}

.sr-only,
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

p,
li {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 300;
  margin-bottom: 20px;
}

@media (min-width: 700px) {
  p,
  li {
    font-size: 2rem;
    line-height: 2.7rem;
  }
}

p.large,
li.large {
  font-size: 2.3rem;
  line-height: 2.8rem;
  opacity: 1;
}

@media (min-width: 1280px) {
  p.large,
  li.large {
    font-size: 2.7rem;
    line-height: 3.3rem;
  }
}

.large-text p {
  font-size: 2.3rem;
  line-height: 2.8rem;
  opacity: 1;
}

@media (min-width: 1280px) {
  .large-text p {
    font-size: 2.7rem;
    line-height: 3.3rem;
  }
}

label {
  font-size: 2.1rem;
  line-height: 2.4rem;
}

@media (min-width: 1280px) {
  label {
    font-size: 2.7rem;
    line-height: 3.3rem;
  }
}

h1,
h2 {
  font-size: 4.4rem;
  line-height: 4.8rem;
  letter-spacing: 0.01em;
  margin-bottom: 30px;
  font-weight: normal;
}

@media (min-width: 700px) {
  h1,
  h2 {
    font-size: 5.6rem;
    line-height: 7rem;
  }
}

@media (min-width: 1280px) {
  h1,
  h2 {
    font-size: 8rem;
    line-height: 8.8rem;
  }
}

h2 {
  margin-bottom: 30px;
}

@media (min-width: 1280px) {
  h2 {
    margin-bottom: 50px;
  }
}

/*h1 {
  @include respond-to('large') {
    font-size: 11.0rem;
    line-height: 11.4rem;
 }
}*/
h3 {
  font-size: 3.2rem;
  line-height: 3.8rem;
  font-weight: normal;
  margin-bottom: 30px;
  letter-spacing: -0.02em;
}

@media (min-width: 700px) {
  h3 {
    font-size: 5.4rem;
    line-height: 6rem;
    letter-spacing: 0.02em;
  }
}

h4 {
  font-size: 2.7rem;
  line-height: 3.3rem;
  margin-bottom: 20px;
}

@media (min-width: 700px) {
  h4 {
    font-size: 2.7rem;
    line-height: 3.3rem;
  }
}

h5 {
  font-size: 2rem;
  line-height: 2.4rem;
  margin-bottom: 12px;
}

@media (min-width: 700px) {
  h5 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.btn {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 7px 20px;
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  font-weight: 300;
  color: black;
}

@media (min-width: 700px) {
  .btn {
    font-size: 1.8rem;
    line-height: 1.8rem;
    padding: 8px 20px;
  }
}

.btn:hover {
  background: white;
}

.animate-header .line {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

h1 .line:not(:first-child),
h2 .line:not(:first-child) {
  margin-top: -5px;
}

@media (min-width: 1280px) {
  h1 .line:not(:first-child),
  h2 .line:not(:first-child) {
    margin-top: -10px;
  }
}

.swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.flex-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

button {
  background: none;
  border: none;
}

.mobile-hide {
  display: none;
}

@media (min-width: 700px) {
  .mobile-hide {
    display: block;
  }
}

@media (min-width: 1460px) {
  .large-hide {
    display: none;
  }
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.no-pad-top {
  padding-top: 1px !important;
}

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.desktop-only {
  display: none !important;
}

@media (min-width: 700px) {
  .desktop-only {
    display: block !important;
  }
}

.mobile-only {
  display: block !important;
}

@media (min-width: 700px) {
  .mobile-only {
    display: none !important;
  }
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  background-color: grey;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: red;
  font-size: 16px;
  font-weight: 700;
  clip: auto !important;
}

.c-media-block {
  margin: 0;
}

.c-media--video .c-media-block__media {
  cursor: pointer;
  position: relative;
}

.c-media--video .c-media-block__media .video-embed-field-responsive-video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-embed-field-responsive-video:after {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}

.c-media--video .c-media-block__media:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.video-embed-field-responsive-video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.video .btn {
  background-color: transparent;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe {
  opacity: 0;
}

.placeholder {
  background: url(/wp-content/themes/attc/images/placeholder.svg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.embed-container iframe,
.embed-container object,
.embed-container video {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 100%;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 700px) {
  .flex-wrapper {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.back {
  background: #d9d9d9;
  color: #2a134d;
  font-size: 1.6rem;
  font-weight: 500;
}

.back .inner {
  padding-top: 15px;
  padding-bottom: 15px;
}

.back svg {
  margin-right: 16px;
  margin-bottom: 4px;
}

.back svg path,
.back svg line {
  stroke: #2a134d;
}

.back a {
  color: #2a134d;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 4px;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.back a svg {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.back a:hover {
  text-decoration: underline;
}

footer {
  padding-bottom: 20px;
}

footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer .circles {
  margin-bottom: 30px;
}

@media (min-width: 700px) {
  footer .circles {
    margin-bottom: 0;
  }
}

footer .ticker-tape {
  overflow: hidden;
  width: 100%;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  padding: 20px 0;
  margin-bottom: 50px;
}

@media (min-width: 700px) {
  footer .ticker-tape {
    margin-bottom: 120px;
  }
}

footer .ticker-tape .swiper-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

footer .ticker-tape .swiper-slide {
  display: inline-block;
  width: auto !important;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 2.5rem;
}

@media (min-width: 700px) {
  footer .ticker-tape .swiper-slide {
    letter-spacing: 0.03em;
    font-size: 2.7rem;
    line-height: 3.3rem;
  }
}

footer .ticker-tape .swiper-slide svg {
  margin-left: 13px;
  margin-right: 0px;
  margin-bottom: -3px;
}

@media (min-width: 700px) {
  footer .ticker-tape .swiper-slide svg {
    height: 19px;
    width: 50px;
    margin-bottom: 0px;
    margin-bottom: 0;
  }
}

footer .grid {
  padding: 0 20px;
}

@media (min-width: 700px) {
  footer .grid {
    padding: 0 40px;
  }
}

@media (min-width: 1280px) {
  footer .grid {
    padding: 0 80px;
  }
}

@media screen and (max-width: 620px) {
  footer .grid {
    width: 100%;
  }
}

footer .footer-menu {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 40px;
}

@media (min-width: 700px) {
  footer .footer-menu {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
  }
}

footer .footer-content {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

@media (min-width: 700px) {
  footer .footer-content {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

footer p {
  font-weight: 300;
  margin-bottom: 15px;
  opacity: 0.8;
}

footer p:has(strong) {
  opacity: 1;
}

footer p strong {
  font-weight: normal;
}

footer .col-desk-6 p:first-of-type {
  margin-top: 10px;
}

@media (min-width: 1460px) {
  footer .col-desk-6 p:first-of-type {
    margin-top: 20px;
  }
}

footer .footer-bottom {
  margin-top: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 20px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

footer .socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

footer .socials a {
  margin-right: 25px;
}

footer .socials a:hover {
  opacity: 0.7;
}

footer .footer_copyright ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

footer .footer_copyright ul li {
  font-size: 1.4rem;
  margin-right: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 15px;
  width: 100%;
}

footer .footer_copyright ul li a:hover {
  text-decoration: underline;
}

@media (min-width: 700px) {
  footer .footer_copyright ul li {
    width: auto;
    margin-bottom: 0;
  }
}

footer .footer_copyright ul li:last-child {
  margin-right: 0;
}

.fancybox__backdrop {
  background: var(--fancybox-bg, rgba(24, 24, 27, 0.52));
}

#contactform {
  background: white;
  padding: 80px 40px;
  border-radius: 10px;
  max-width: 678px;
  color: black;
  margin-left: auto;
}

#contactform h3 {
  font-size: 4.4rem;
  line-height: 4.8rem;
  font-weight: normal;
}

@media (min-width: 700px) {
  #contactform h3 {
    font-size: 5.4rem;
    line-height: 6rem;
  }
}

#contactform a {
  color: black;
  text-decoration: none;
}

#contactform a:hover {
  text-decoration: underline;
}

#contactform a:focus {
  outline: none;
}

#contactform .large {
  margin-bottom: 50px;
}

#contactform strong {
  font-weight: 600;
}

#contactform .carousel__button.is-close {
  top: 30px;
  right: 30px;
  background: url(/wp-content/themes/amber&green/images/close.svg) no-repeat;
  -webkit-background-size: 35px 35px;
  background-size: 35px;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#contactform .carousel__button.is-close:hover {
  opacity: 0.8;
}

#contactform .carousel__button.is-close svg {
  visibility: hidden;
}

.footer-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
}

.footer-navigation ul li {
  font-size: 2.7rem;
  line-height: 4.2rem;
  padding-bottom: 0;
  margin-bottom: 0;
  letter-spacing: 0.03em;
}

@media (min-width: 700px) {
  .footer-navigation ul li {
    font-size: 5.4rem;
    line-height: 7.7rem;
  }
}

.footer-navigation ul li a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 6px !important;
  -webkit-transition: -webkit-text-decoration 0.3s linear;
  transition: -webkit-text-decoration 0.3s linear;
  -o-transition: text-decoration 0.3s linear;
  transition: text-decoration 0.3s linear;
  transition: text-decoration 0.3s linear, -webkit-text-decoration 0.3s linear, -moz-text-decoration 0.3s linear;
}

.footer-navigation ul li a:focus {
  outline: none;
}

.footer-navigation ul li a:hover {
  text-decoration: underline;
}

@media (min-width: 1280px) {
  .footer-navigation {
    margin-bottom: 58px;
  }
}

.fancybox__content :focus:not(.carousel__button.is-close) {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

header {
  position: relative;
  z-index: 99;
  background: #141314;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

header .header-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px 20px 0 20px;
}

@media (min-width: 700px) {
  header .header-inner {
    padding: 0px 40px 0 40px;
  }
}

@media (min-width: 1280px) {
  header .header-inner {
    padding: 0px 80px 0 80px;
  }
}

header .logo {
  width: 174px;
}

@media (min-width: 700px) {
  header .logo {
    width: 210px;
  }
}

header .title-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 40px;
  display: none;
  position: relative;
  z-index: 9;
}

@media (min-width: 700px) {
  header .title-wrapper {
    padding-top: 30px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-top: 0;
  }
}

header .title-wrapper h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
}

header .menu-line-wrap {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

header .menu-line-wrap .menu-line {
  opacity: 0;
  display: none;
}

@media (min-width: 700px) {
  header .menu-line-wrap .menu-line {
    display: block;
  }
}

@media (min-width: 700px) {
  header .menu-line-wrap {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}

header .flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 20px 0 10px 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}

@media (min-width: 700px) {
  header .flex-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
  }
}

header .menu-wrapper {
  position: absolute;
  right: 0;
  width: 84px;
  height: 32px;
}

header .menu-wrapper .menu_button {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 1px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

header .menu-wrapper .menu_button.hidden {
  display: none;
  pointer-events: none;
}

header .menu-wrapper .menu_contents {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0px;
  margin-top: -13px;
  opacity: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease 0.2s;
  transition: opacity 0.2s ease, -webkit-transform 0.3s ease 0.2s;
  -o-transition: opacity 0.2s ease, -o-transform 0.3s ease 0.2s;
  transition: opacity 0.2s ease, transform 0.3s ease 0.2s;
  transition: opacity 0.2s ease, transform 0.3s ease 0.2s, -webkit-transform 0.3s ease 0.2s, -o-transform 0.3s ease 0.2s;
  /* delay transform */
  pointer-events: none;
}

header .menu-wrapper .menu_contents.active {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  pointer-events: auto;
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.2s ease, -o-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.2s ease;
  transition: transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

header .menu-wrapper .menu_contents ul {
  height: 34.5px;
  background: white;
  border-radius: 20px;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

header .menu-wrapper .menu_contents ul li {
  color: #141314;
  font-size: 1.7rem;
  margin-right: 20px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  font-weight: normal;
}

header .menu-wrapper .menu_contents ul li a {
  color: #141314;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  font-weight: normal;
  height: 100%;
  font-size: 1.7rem;
  padding-top: 0px;
  margin-top: -1;
}

header .menu-wrapper .menu_contents ul li a:hover {
  opacity: 1;
}

header .menu-wrapper .menu_contents ul li:last-child {
  margin-right: 0;
}

header .menu-wrap {
  overflow: hidden;
}

header hr {
  border-color: white;
  border-bottom: none;
}

.home .title-wrapper {
  display: block;
}

.menu-line,
.home .menu-wrap {
  opacity: 0;
}

.mobile-menu {
  background: white;
  padding: 40px 20px;
  height: 100vh;
  width: 100vw;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #141314;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease, -o-transform 0.4s ease;
  overflow-y: scroll;
}

.mobile-menu .menu_contents {
  margin-top: 30px;
}

.mobile-menu .menu_contents ul {
  margin-bottom: 20px;
}

.mobile-menu .menu_contents ul li {
  font-size: 3.2rem;
  line-height: 4.2rem;
  font-weight: 400;
}

.mobile-menu #close-menu {
  position: absolute;
  right: 0;
  top: 0;
  margin: 15px 5px 0 0;
  padding: 15px;
}

.mobile-menu a {
  color: #141314;
}

.mobile-menu .contact-details {
  border-top: 1px solid #141314;
  padding-top: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
  color: #141314;
}

.mobile-menu .contact-details strong {
  font-weight: 500;
}

.mobile-menu .socials {
  margin-bottom: 40px;
}

.mobile-menu .socials a {
  margin-right: 25px;
}

.mobile-menu-open {
  overflow: hidden;
}

.mobile-menu-open .mobile-menu {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

body:has(header[style*="position: fixed"]) {
  padding-top: 76px;
}

@media (min-width: 1280px) {
  body:has(header[style*="position: fixed"]) {
    padding-top: 100px;
  }
}

body:has(header[style*="position: fixed"]) .flex-wrapper {
  padding: 30px 0 20px 0;
}

.text-module {
  padding: 80px 20px;
  margin: 0 auto;
}

@media (min-width: 700px) {
  .text-module {
    padding: 100px 40px;
  }
}

@media (min-width: 1280px) {
  .text-module {
    padding: 150px 300px 250px 300px;
  }
}

@media (min-width: 700px) {
  .text-module .copy {
    max-width: 80%;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .text-module .copy {
    max-width: 864px;
  }
}

.text-module p {
  opacity: 1;
}

.notfound {
  padding: 20px 20px 60px 20px;
}

@media (min-width: 700px) {
  .notfound {
    padding: 60px 60px 100px 60px;
  }
}

.html {
  margin: 0 20px 60px 20px;
}

@media (min-width: 700px) {
  .html {
    margin: 0 40px 70px 40px;
  }
}

@media (min-width: 1280px) {
  .html {
    margin: 0 80px 200px 80px;
  }
}

.html h3,
.html .subheader {
  margin-bottom: 47px;
}

@media (min-width: 1280px) {
  .html h3,
  .html .subheader {
    margin-bottom: 77px;
  }
}

.html .subheader {
  opacity: 1;
}

.html .copy {
  max-width: 840px;
  margin: 0 auto 120px auto;
}

.html a {
  text-decoration: underline;
}

.html a:hover {
  opacity: 0.7;
}

.html .btn {
  text-decoration: none;
}

.html .btn:hover {
  background: white;
  opacity: 1;
}

.max-width {
  position: relative;
}

@media (min-width: 1460px) {
  .max-width {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1280px) {
  .homepage-intro + .module {
    margin-top: 300px;
    /* Adjust based on video height */
  }
}

.animate-hr {
  height: 1px;
  background: white;
  width: 0;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  margin-bottom: 20px;
  text-align: left;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

.module .btn {
  margin-top: 30px;
  display: inline-block;
}

.module img,
.module video {
  border-radius: 5px;
  max-width: 100%;
}

.module ul {
  list-style: none;
  /* remove default bullets */
  padding: 0;
  margin: 40px 0 20px 0;
}

.module ul li {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 12px;
  opacity: 0.8;
}

.module ul li:before {
  content: "+";
  /* the bullet replacement */
  margin-right: 8px;
  /* spacing between + and text */
  margin-left: -15px;
}

.module p {
  opacity: 0.8;
}

.module .large,
.module .large-text p {
  opacity: 1;
}

.image-content {
  position: relative;
  padding-top: 0px;
  padding-bottom: 75px;
}

@media (min-width: 1280px) {
  .image-content {
    padding-bottom: 150px;
  }
}

.image-content img,
.image-content video {
  margin-bottom: 50px;
  margin-top: 20px;
  width: 100%;
}

@media (min-width: 1280px) {
  .image-content img,
  .image-content video {
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    margin-top: 60px;
    margin-bottom: 100px;
  }
}

.image-content video {
  width: 100%;
}

.image-content .content {
  padding: 0 20px;
}

@media (min-width: 700px) {
  .image-content .content {
    padding: 0;
    padding-left: 40px;
    padding-right: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media (min-width: 1280px) {
  .image-content .content {
    padding-left: 400px;
    padding-right: 80px;
  }
}

@media (min-width: 1460px) {
  .image-content .content {
    padding-left: 310px;
    padding-right: 0;
  }
}

.image-content .copy {
  padding: 0 20px;
}

@media (min-width: 700px) {
  .image-content .copy {
    max-width: 80%;
    margin: 0 auto;
    padding: 0;
  }
}

@media (min-width: 1280px) {
  .image-content .copy {
    max-width: 624px;
    margin: 0;
    padding-left: 400px;
  }
}

@media (min-width: 1460px) {
  .image-content .copy {
    max-width: 624px;
    padding-left: 320px;
  }
}

.image-content h2 {
  max-width: 270px;
  text-wrap: balance;
  margin: 0 20px;
  top: 0;
  z-index: 3;
}

@media (min-width: 700px) {
  .image-content h2 {
    margin-left: 40px;
    max-width: 400px;
  }
}

@media (min-width: 1280px) {
  .image-content h2 {
    left: 80px;
    position: absolute;
    max-width: 430px;
    margin: 0;
  }
}

@media (min-width: 1460px) {
  .image-content h2 {
    width: 716px;
    left: 0;
  }
}

.image-content-layout2 {
  margin: 0 20px;
}

@media (min-width: 700px) {
  .image-content-layout2 {
    margin: 0 40px;
  }
}

@media (min-width: 1280px) {
  .image-content-layout2 {
    margin: 0 80px;
  }
}

.image-content-layout2 h2 {
  margin: 0 auto;
  text-align: center;
  max-width: 350px;
  top: 0;
  z-index: 3;
}

@media (min-width: 700px) {
  .image-content-layout2 h2 {
    left: 0;
    position: static;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px;
  }
}

@media (min-width: 1280px) {
  .image-content-layout2 h2 {
    left: 0;
    max-width: 850px;
    text-align: center;
  }
}

@media (min-width: 1280px) {
  .image-content-layout2 h3 {
    left: 0;
    max-width: 970px;
  }
}

.image-content-layout2 img,
.image-content-layout2 video {
  margin-bottom: 50px;
  margin-top: 30px;
  width: 100%;
}

@media (min-width: 1280px) {
  .image-content-layout2 img,
  .image-content-layout2 video {
    width: 100%;
    margin-bottom: 200px;
  }
}

.image-content-layout2 .content {
  padding: 0;
}

@media (min-width: 700px) {
  .image-content-layout2 .content {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.image-content-layout2 .content .copy {
  padding: 0;
}

@media (min-width: 700px) {
  .image-content-layout2 .content .copy {
    padding-left: 0;
    max-width: 640px;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .image-content-layout2 .content .copy {
    padding-left: 0;
    max-width: 864px;
  }
}

@media (min-width: 1460px) {
  .image-content-layout2 .content .copy {
    max-width: 864px;
  }
}

.border-top {
  border-top: 1px solid white;
}

.domino-module {
  padding-top: 20px;
  padding-bottom: 50px;
  margin: 0 20px;
}

@media (min-width: 700px) {
  .domino-module {
    margin: 0 40px;
    padding-bottom: 50px;
    padding-top: 40px;
  }
}

@media (min-width: 1280px) {
  .domino-module {
    margin: 0 80px;
    padding-bottom: 150px;
  }
}

.domino-module #one,
.domino-module #two,
.domino-module #three {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  max-width: 100%;
  width: 100%;
}

@media (min-width: 700px) {
  .domino-module #one,
  .domino-module #two,
  .domino-module #three {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@media (min-width: 1280px) {
  .domino-module #one,
  .domino-module #two,
  .domino-module #three {
    width: auto;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.domino-module #one svg,
.domino-module #two svg,
.domino-module #three svg {
  max-width: 100%;
}

.domino-module #one {
  margin-left: 10px;
}

@media (min-width: 700px) {
  .domino-module #one {
    margin-left: 0;
  }
}

.domino-module #two {
  margin-top: -30px;
}

@media (min-width: 700px) {
  .domino-module #two {
    margin-top: 0;
  }
}

.domino-module #three {
  margin-left: 10px;
  margin-top: 10px;
}

@media (min-width: 700px) {
  .domino-module #three {
    margin-left: 0;
    margin-top: 0;
  }
}

.domino-module #arrow {
  position: absolute;
  left: -130px;
  top: 0;
  margin-top: 70px;
}

@media (min-width: 700px) {
  .domino-module #arrow {
    left: -80px;
  }
}

@media (min-width: 1280px) {
  .domino-module #arrow {
    left: 0;
  }
}

.domino-module .domino {
  margin-top: 40px;
  margin-bottom: 90px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 700px) {
  .domino-module .domino {
    margin-top: 80px;
  }
}

@media (min-width: 1280px) {
  .domino-module .domino {
    margin-bottom: 180px;
  }
}

@media (min-width: 1460px) {
  .domino-module .domino {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

.domino-module .domino .content {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

@media (min-width: 800px) {
  .domino-module .domino .content {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

.domino-module .domino video {
  width: 100%;
}

.domino-module .domino .image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 800px) {
  .domino-module .domino .image {
    width: 50%;
    padding-left: 60px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }
}

@media (min-width: 1280px) {
  .domino-module .domino .image {
    padding-left: 140px;
  }
}

.domino-module .domino h2 {
  margin-top: 0px;
  margin-bottom: 30px;
}

@media (min-width: 800px) {
  .domino-module .domino h2 {
    margin-top: 0px;
    margin-bottom: 55px;
  }
}

.domino-module .domino h3 {
  margin-bottom: 55px;
}

.domino-module .domino.odd {
  margin-top: 0;
}

.domino-module .domino.odd .image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 0;
}

@media (min-width: 700px) {
  .domino-module .domino.odd .image {
    padding-right: 60px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 1280px) {
  .domino-module .domino.odd .image {
    padding-right: 140px;
  }
}

.domino-module .domino.odd .content {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.about .domino-module .even .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 1280px) {
  .about .domino-module .even .content {
    padding-left: 100px;
  }
}

.about .domino-module .even .image {
  padding-right: 100px;
}

.about .domino-module .odd .content {
  max-width: 540px;
}

.about .domino-module h3 {
  margin-bottom: 25px;
}

.about .domino-module .large {
  margin-bottom: 30px;
}

.home .domino-module .domino {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (min-width: 1280px) {
  .home .domino-module .domino {
    margin-bottom: 120px;
  }
}

.home .domino-module .domino .image img {
  width: 100%;
}

.image-content-alt {
  text-align: center;
  padding-top: 20px;
  margin: 0 20px;
  padding-bottom: 100px;
  position: relative;
}

@media (min-width: 700px) {
  .image-content-alt {
    margin: 0 40px;
    padding-top: 40px;
    padding-bottom: 100px;
  }
}

@media (min-width: 1280px) {
  .image-content-alt {
    margin: 0 80px;
    padding-top: 80px;
    padding-bottom: 160px;
  }
}

.image-content-alt .left-arrow {
  position: absolute;
  left: 0;
  margin-top: 13px;
  display: none;
}

@media (min-width: 900px) {
  .image-content-alt .left-arrow {
    display: block;
  }
}

.image-content-alt label {
  margin-bottom: 40px;
  display: block;
}

@media (min-width: 1280px) {
  .image-content-alt label {
    text-align: left;
  }
}

.image-content-alt h2 {
  margin: 0 auto;
  margin-bottom: 40px;
  display: block;
  max-width: 378px;
  z-index: 3;
  position: relative;
}

@media (min-width: 800px) {
  .image-content-alt h2 {
    max-width: 460px;
  }
}

@media (min-width: 1280px) {
  .image-content-alt h2 {
    margin-bottom: -80px;
    max-width: 624px;
  }
}

.image-content-alt .content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 1460px) {
  .image-content-alt .content-wrapper {
    margin: 0 auto;
    max-width: 1280px;
  }
}

.image-content-alt .content-wrapper .content {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  text-align: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 800px) {
  .image-content-alt .content-wrapper .content {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 1280px) {
  .image-content-alt .content-wrapper .content {
    max-width: 624px;
    margin-top: 150px;
  }
}

@media (min-width: 1280px) {
  .image-content-alt .content-wrapper .content .text {
    margin-top: 100px;
  }
}

.image-content-alt .content-wrapper .btn {
  margin-top: 30px;
  display: inline-block;
}

.image-content-alt .content-wrapper .image {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%;
  max-width: 408px;
}

@media (min-width: 800px) {
  .image-content-alt .content-wrapper .image {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
    padding-left: 40px;
  }
}

@media (min-width: 1280px) {
  .image-content-alt .content-wrapper .image {
    padding-left: 0;
  }
}

.image-content-alt .content-wrapper .image img {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bullets-module {
  padding-top: 20px;
  margin: 0 20px;
}

@media (min-width: 700px) {
  .bullets-module {
    margin: 0 40px;
  }
}

@media (min-width: 1280px) {
  .bullets-module {
    margin: 0 80px;
  }
}

.bullets-module label {
  margin-bottom: 40px;
  display: block;
}

@media (min-width: 700px) {
  .bullets-module label {
    margin-bottom: 100px;
  }
}

.bullets-module .text {
  max-width: 840px;
}

.bullets-module .bullet {
  display: block;
  margin-bottom: 50px;
}

@media (min-width: 1280px) {
  .bullets-module .bullet {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 160px;
  }
}

.bullets-module .bullet h2 {
  margin-bottom: 30px;
}

@media (min-width: 700px) {
  .bullets-module .bullet h2 {
    margin-bottom: 60px;
  }
}

.bullets-module .bullet .arrow {
  width: 100%;
}

.bullets-module .bullet .arrow svg {
  max-width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 700px) {
  .bullets-module .bullet .arrow svg {
    margin-bottom: 0;
  }
}

@media (min-width: 700px) {
  .bullets-module .bullet .arrow {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-top: -6px;
    padding-right: 20px;
    width: 230px;
    margin-top: 0;
  }
}

@media (min-width: 1280px) {
  .bullets-module .bullet .arrow {
    margin-top: 18px;
    padding-right: 70px;
  }
}

@media (min-width: 1460px) {
  .bullets-module .bullet .arrow {
    width: 350px;
  }
}

.toggles-block {
  padding-bottom: 100px;
  margin: 0 20px;
}

@media (min-width: 700px) {
  .toggles-block {
    margin: 0 40px;
    padding-bottom: 150px;
  }
}

@media (min-width: 1280px) {
  .toggles-block {
    margin: 0 80px;
  }
}

@media (min-width: 1280px) and (min-width: 1280px) {
  .toggles-block {
    padding-bottom: 200px;
  }
}

.toggles-block h3 {
  text-align: center;
  margin-bottom: 40px;
  padding-top: 50px;
}

@media (min-width: 1280px) {
  .toggles-block h3 {
    padding-top: 150px;
  }
}

.toggles-block .toggles {
  border-bottom: 1px solid white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 840px;
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.toggles-block .toggles li {
  padding-left: 0;
}

.toggles-block .toggles li:before {
  display: none;
}

.toggles-block .toggles .toggled-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

.toggles-block .toggles .toggle-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 0;
  border-top: 1px solid white;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.toggles-block .toggles .up .toggle-title #Line_305 {
  display: none;
}

.testimonials {
  padding-top: 20px;
  padding-bottom: 50px;
  margin: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 700px) {
  .testimonials {
    margin: 0 40px;
    padding-bottom: 50px;
  }
}

@media (min-width: 1280px) {
  .testimonials {
    margin: 0 80px;
    padding-bottom: 200px;
  }
}

.testimonials .heart,
.testimonials label {
  margin: 0 auto;
}

.testimonials h3 {
  font-weight: 300;
}

.testimonials .heart {
  margin-bottom: 40px;
}

.testimonials .heart svg {
  width: 150px;
}

@media (min-width: 1280px) {
  .testimonials .heart svg {
    width: 210px;
  }
}

.testimonials label {
  margin-bottom: 60px;
}

.testimonials .intro {
  max-width: 624px;
  margin: 75px auto 0 auto;
}

@media (min-width: 1280px) {
  .testimonials .intro {
    margin: 150px auto 0 auto;
  }
}

.testimonials .swiper-button-wrapper {
  max-width: 840px;
}

.testimonials .swiper-button-wrapper {
  position: relative;
  margin: 0 auto;
}

.testimonials .swiper-button-wrapper .swiper-button-next {
  bottom: 0;
  left: 50%;
  margin-right: -70px;
}

.testimonials .swiper-button-wrapper .swiper-button-prev {
  left: 50%;
  right: 0;
  bottom: 0;
  margin-left: -70px;
}

.testimonials .testimonials-wrapper {
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.testimonials .swiper-testimonials {
  position: relative;
  overflow: hidden;
}

.testimonials .swiper-testimonials {
  position: relative;
}

.testimonials .swiper-testimonials:before {
  position: absolute;
  left: 0;
  width: 22px;
  height: 20px;
  background: url(/wp-content/themes/amber&green/images/quotes_left.svg) no-repeat;
  display: block;
  content: '';
  -webkit-background-size: contain;
  background-size: contain;
  top: 0;
}

@media (min-width: 1280px) {
  .testimonials .swiper-testimonials:before {
    width: 45px;
    height: 42px;
  }
}

.testimonials .swiper-testimonials:after {
  position: absolute;
  right: 0;
  width: 22px;
  height: 20px;
  background: url(/wp-content/themes/amber&green/images/quote_right.svg) no-repeat;
  display: block;
  -webkit-background-size: contain;
  background-size: contain;
  content: '';
  top: 0;
}

@media (min-width: 1280px) {
  .testimonials .swiper-testimonials:after {
    width: 45px;
    height: 42px;
  }
}

.testimonials .swiper-button-next {
  background: url(/wp-content/themes/amber&green/images/fwd-arrow.svg) no-repeat;
  width: 60px;
  height: 30px;
  text-indent: -9999px;
  opacity: 1;
}

.testimonials .swiper-button-prev {
  background: url(/wp-content/themes/amber&green/images/prev-arrow.svg) no-repeat;
  width: 60px;
  height: 30px;
  text-indent: -9999px;
  opacity: 1;
}

.testimonials .quote {
  max-width: 840px;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 0 30px;
  text-align: center;
}

@media (min-width: 700px) {
  .testimonials .quote {
    padding: 0 60px;
  }
}

@media (min-width: 1280px) {
  .testimonials .quote {
    padding: 0;
  }
}

.testimonials .quote-wrapper {
  padding-bottom: 30px;
}

.showcase {
  padding-bottom: 100px;
  position: relative;
}

.showcase .animate-hr-wrapper {
  margin: 0 20px;
}

@media (min-width: 700px) {
  .showcase .animate-hr-wrapper {
    margin: 0 40px;
  }
}

@media (min-width: 1280px) {
  .showcase .animate-hr-wrapper {
    margin: 0 80px;
  }
}

.showcase .showcase-inner {
  max-width: 1280px;
  margin: 0 20px;
}

@media (min-width: 700px) {
  .showcase .showcase-inner {
    margin: 0 40px;
  }
}

@media (min-width: 1280px) {
  .showcase .showcase-inner {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
  }
}

.showcase .grid {
  width: 100%;
}

@media (min-width: 700px) {
  .showcase {
    padding-bottom: 80px;
  }
}

@media (min-width: 1280px) {
  .showcase {
    padding-bottom: 200px;
  }
}

.showcase .copy {
  margin-top: 40px;
}

@media (min-width: 700px) {
  .showcase .copy {
    margin-top: 80px;
    margin-bottom: 90px;
  }
}

@media (min-width: 1024px) {
  .showcase .copy {
    max-width: 624px;
  }
}

@media (min-width: 1280px) {
  .showcase .copy {
    max-width: 624px;
    margin-bottom: 140px;
  }
}

@media (min-width: 1460px) {
  .showcase .col-large-9 {
    width: 75%;
  }
}

.showcase .col-desk-6,
.showcase .col-large-9 {
  padding-right: 0;
}

.showcase .col-tab-12 {
  padding: 0;
}

.showcase .module-video,
.showcase .module-image {
  width: 100%;
  max-width: none;
  margin-left: 0;
}

@media (min-width: 700px) {
  .showcase .module-video,
  .showcase .module-image {
    width: -webkit-calc(100% + ((100vw - 100%) / 2) - 40px);
    width: calc(100% + ((100vw - 100%) / 2) - 40px);
  }
}

@media (min-width: 1280px) {
  .showcase .module-video,
  .showcase .module-image {
    width: -webkit-calc(100% + ((100vw - 100%) / 2) - 80px);
    width: calc(100% + ((100vw - 100%) / 2) - 80px);
  }
}

@media (min-width: 1460px) {
  .showcase .module-video,
  .showcase .module-image {
    width: 100%;
    max-width: 100%;
  }
}

.showcase .module-video img,
.showcase .module-video video,
.showcase .module-image img,
.showcase .module-image video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.showcase .animate-hr {
  margin-bottom: 60px;
}

@media (min-width: 1280px) {
  .showcase .animate-hr {
    margin-bottom: 150px;
  }
}

.showcase .content {
  position: relative;
}

@media (min-width: 700px) {
  .showcase .content {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.showcase .content .module-image,
.showcase .content .module-video {
  margin-top: 0px;
}

@media (min-width: 1280px) {
  .showcase .content .module-image,
  .showcase .content .module-video {
    margin-top: 50px;
  }
}

.showcase .second {
  position: relative;
}

@media (min-width: 1280px) {
  .showcase h2 {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 600px;
    z-index: 3;
    margin-top: 15px;
  }
}

.showcase h3 {
  max-width: 300px;
  text-align: left;
  z-index: 4;
  margin-left: auto;
  margin-bottom: 30px;
  margin-top: 80px;
}

@media (min-width: 700px) {
  .showcase h3 {
    max-width: 516px;
  }
}

@media (min-width: 1280px) {
  .showcase h3 {
    margin-bottom: 60px;
    margin-top: 0;
  }
}

.homepage-intro {
  position: relative;
  margin: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 700px) {
  .homepage-intro {
    margin: 0 40px;
  }
}

@media (min-width: 1280px) {
  .homepage-intro {
    margin: 0 80px;
  }
}

@media (min-width: 1280px) {
  .homepage-intro {
    height: 300vh;
  }
}

.homepage-intro .video-holder {
  width: 100%;
  margin-top: 60vh;
  -webkit-transform: translateY(-400px);
  -ms-transform: translateY(-400px);
  -o-transform: translateY(-400px);
  transform: translateY(-400px);
  bottom: 0;
  left: 0;
  height: 200vh;
  margin-left: 0;
  margin-bottom: 40px;
  height: auto;
  z-index: 11;
  border-radius: 10px;
}

.homepage-intro .video-holder:before {
  content: '';
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 99;
  background: url(/wp-content/themes/amber&green/images/Play.svg) no-repeat;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.homepage-intro .video-holder:has(.pause):before {
  display: none;
}

@media (min-width: 1280px) {
  .homepage-intro .video-holder {
    position: fixed;
    /* stays in viewport while animating */
    width: 200px;
    margin-top: 0;
  }

  .homepage-intro .video-holder:before {
    display: none;
  }
}

@media (min-width: 700px) {
  .homepage-intro .video-holder {
    margin-left: 0;
  }
}

@media (min-width: 1280px) {
  .homepage-intro .video-holder {
    margin-left: 80px;
  }
}

.homepage-intro video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

#contactBtn {
  position: fixed;
  top: 90%;
  right: 20px;
  margin-bottom: 20px;
  opacity: 1;
  z-index: 99;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

@media (min-width: 700px) {
  #contactBtn {
    right: 40px;
  }
}

@media (min-width: 1280px) {
  #contactBtn {
    right: 80px;
  }
}

.home #contactBtn {
  opacity: 0;
}

.animate-heading {
  text-align: center;
}

.animate-heading span {
  overflow: hidden;
  display: block;
  opacity: 0;
}

.animate-header span {
  overflow: hidden;
  display: block;
  opacity: 0;
}

.loading-animation {
  position: fixed;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background: rgba(0, 0, 0, 0);
}

.loading-animation .background-overlay {
  position: absolute;
  background: #141314;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.loading-animation .circle {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: 60vh;
  position: absolute;
  z-index: 2;
}

@media (min-width: 700px) {
  .loading-animation .circle {
    top: 70vh;
  }
}

.loading-animation .down-arrow {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 60vh;
  margin-left: -14.5px;
  -webkit-transform: translateY(-60vh);
  -ms-transform: translateY(-60vh);
  -o-transform: translateY(-60vh);
  transform: translateY(-60vh);
  z-index: 9;
  margin-top: -140px;
  z-index: 2;
}

@media (min-width: 700px) {
  .loading-animation .down-arrow {
    top: 70vh;
  }
}

.loading-animation .orange {
  background: #f28232;
  position: absolute;
  left: 0;
  -webkit-transform: translateX(-65px);
  -ms-transform: translateX(-65px);
  -o-transform: translateX(-65px);
  transform: translateX(-65px);
  border: 1px solid #f28232;
  opacity: 0.8;
}

.loading-animation .green {
  background: #32dd6d;
  position: absolute;
  right: 0;
  border: 1px solid #32dd6d;
  -webkit-transform: translateX(65px);
  -ms-transform: translateX(65px);
  -o-transform: translateX(65px);
  transform: translateX(65px);
  opacity: 0.8;
}

.loading-animation .final {
  border: 1px solid white;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  z-index: 9;
}

/* Prevent flash of unstyled content - hide elements before JS loads */
.js-loaded .animate-header span {
  opacity: 1;
}

@media (min-width: 700px) {
  .animate-header {
    opacity: 0;
    visibility: hidden;
  }

  .animate-header span {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  /* Ensure elements are still hidden for animation */
  .js-loaded .animate-header {
    opacity: 0;
    /* Keep hidden for animation */
  }

  .js-loaded .animate-header span {
    opacity: 0;
    /* Keep hidden for animation */
  }
}

.title-wrapper {
  opacity: 0;
  visibility: hidden;
}

.menu-line {
  opacity: 0;
  visibility: hidden;
}

.js-loaded.has-loading-animation .menu-line {
  visibility: visible;
  opacity: 0;
  /* Still hidden, but ready for animation */
}