@charset "UTF-8";
/*
@font-face {
  font-display: swap; 
  font-family: 'Sora';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/sora-v17-latin-300.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sora-v17-latin-regular.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/sora-v17-latin-500.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/sora-v17-latin-600.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/sora-v17-latin-700.woff2') format('woff2'); 
}

@font-face {
  font-display: swap; 
  font-family: 'Sora';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/sora-v17-latin-800.woff2') format('woff2'); 
}
*/
@font-face {
  font-family: "Sora";
  src: url("../fonts/Sora-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 800;
  font-style: normal;
  font-display: block;
}
:root {
  --fontSize13: 0.722rem;
  --fontSize14: 0.777rem;
  --fontSize15: 0.833rem;
  --fontSize16: 0.888rem;
  --fontSize17: 0.944rem;
  --fontSize18: 1rem;
  --fontSize19: 1.055rem;
  --fontSize20: 1.111rem;
  --fontSize21: 1.166rem;
  --fontSize22: 1.222rem;
  --fontSize23: 1.277rem;
  --fontSize24: 1.333rem;
  --fontSize25: 1.388rem;
  --fontSize26: 1.444rem;
  --fontSize27: 1.5rem;
  --fontSize28: 1.555rem;
  --fontSize29: 1.611rem;
  --fontSize30: 1.666rem;
  --fontSize31: 1.722rem;
  --fontSize32: 1.777rem;
  --fontSize33: 1.833rem;
  --fontSize34: 1.888rem;
  --fontSize35: 1.944rem;
  --fontSize36: 2rem;
  --fontSize37: 2.055rem;
  --fontSize38: 2.111rem;
  --fontSize39: 2.166rem;
  --fontSize40: 2.222rem;
  --fontSize41: 2.277rem;
  --fontSize42: 2.333rem;
  --fontSize43: 2.388rem;
  --fontSize44: 2.444rem;
  --fontSize45: 2.5rem;
  --fontSize46: 2.555rem;
  --fontSize47: 2.611rem;
  --fontSize48: 2.666rem;
  --fontSize49: 2.722rem;
  --fontSize50: 2.777rem;
  --fontSize51: 2.833rem;
  --fontSize52: 2.888rem;
  --fontSize53: 2.944rem;
  --fontSize54: 3rem;
  --fontSize55: 3.055rem;
  --fontSize56: 3.111rem;
  --fontSize57: 3.166rem;
  --fontSize58: 3.222rem;
  --fontSize59: 3.277rem;
  --fontSize60: 3.333rem;
  --fontSize61: 3.388rem;
  --fontSize62: 3.444rem;
  --fontSize63: 3.5rem;
  --fontSize64: 3.555rem;
  --fontSize65: 3.611rem;
  --fontSize66: 3.666rem;
  --fontSize67: 3.722rem;
  --fontSize68: 3.777rem;
  --fontSize69: 3.833rem;
  --fontSize70: 3.888rem;
  --fontSize71: 3.944rem;
  --fontSize72: 4rem;
  --fontSize73: 4.055rem;
  --fontSize74: 4.111rem;
  --fontSize75: 4.166rem;
  --fontSize76: 4.222rem;
  --fontSize77: 4.277rem;
  --fontSize78: 4.333rem;
  --fontSize79: 4.388rem;
  --fontSize80: 4.444rem;
  --fontSize81: 4.5rem;
  --fontSize82: 4.555rem;
  --fontSize83: 4.611rem;
  --fontSize84: 4.666rem;
  --fontSize85: 4.722rem;
  --fontSize86: 4.777rem;
  --fontSize87: 4.833rem;
  --fontSize88: 4.888rem;
  --fontSize89: 4.944rem;
  --fontSize90: 5rem;
  --fontSize91: 5.055rem;
  --fontSize92: 5.111rem;
  --fontSize93: 5.166rem;
  --fontSize94: 5.222rem;
  --fontSize95: 5.277rem;
  --fontSize96: 5.333rem;
  --fontSize97: 5.388rem;
  --fontSize98: 5.444rem;
  --fontSize99: 5.5rem;
  --fontSize100: 5.555rem;
  --fontSize101: 5.611rem;
  --fontSize102: 5.666rem;
  --fontSize103: 5.722rem;
  --fontSize104: 5.777rem;
  --fontSize105: 5.833rem;
  --fontSize106: 5.888rem;
  --fontSize107: 5.944rem;
  --fontSize108: 6rem;
  --fontSize109: 6.055rem;
  --fontSize110: 6.111rem;
  --fontSize111: 6.166rem;
  --fontSize112: 6.222rem;
  --fontSize113: 6.277rem;
  --fontSize114: 6.333rem;
  --fontSize115: 6.388rem;
  --fontSize116: 6.444rem;
  --fontSize117: 6.5rem;
  --fontSize118: 6.555rem;
  --fontSize119: 6.611rem;
  --fontSize120: 6.666rem;
  --fontSize121: 6.722rem;
  --fontSize122: 6.777rem;
  --fontSize123: 6.833rem;
  --fontSize124: 6.888rem;
  --fontSize125: 6.944rem;
  --fontSize126: 7rem;
  --fontSize127: 7.055rem;
  --fontSize128: 7.111rem;
  --fontSize129: 7.166rem;
  --fontSize130: 7.222rem;
  --fontSize350: 19.44rem;
  --sideSpacing: 1.8vw;
  --viewportHeight: 41.3rem;
  --headerHeight: 2.94rem;
  --borderWidth: 1.5px;
  --colorBlack: #000000;
  --colorPurple: #7F00FF;
  --colorPink: #F540B1;
  --colorGreen: #DAFF6B;
  --colorWhite: #FFF;
  --borderColor: rgba(00, 00, 00, 0.4);
}
@media only screen and (max-width: 768px) {
  :root {
    --sideSpacing: 4vw;
    --headerHeight: 2.2rem;
    --borderColor: rgba(00, 00, 00, 0.8);
    --borderWidth: 1px;
  }
}

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

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

*:focus:not(:focus-visible) {
  outline: 0;
}

html,
body {
  scrollbar-gutter: stable;
}

html {
  font-size: 1.25vw;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 4.6vw;
  }
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--fontSize18);
  line-height: 1.222;
  -webkit-text-size-adjust: 100%;
  font-family: "Sora";
  color: var(--colorBlack);
  font-weight: 400;
  position: relative;
  background-color: var(--colorWhite);
  /*
  &:before {
  	content: '';
  	display: block;
  	width: 1px;
  	height: 100%;
  	top: 0;
  	bottom: 0;
  	left: 50%;
  	transform: translateX(-50%);
  	background-color: yellow;
  	position: fixed;
  }
  */
}

.preview_check {
  position: fixed;
  left: 10px;
  top: 10px;
  z-index: 999999;
}
@media only screen and (min-width: 769px) {
  .preview_check {
    display: none;
  }
}

body:not(.wp-admin) .preview {
  width: 100%;
  position: absolute;
  left: 0%;
  top: 0;
  height: auto;
  z-index: 999999;
  pointer-events: none;
  opacity: 0.4;
  display: block;
}
@media only screen and (min-width: 769px) {
  body:not(.wp-admin) .preview {
    display: none;
  }
}

.preview_check:checked + .preview {
  display: none;
}

[data-anchor-target] {
  cursor: pointer;
}

#loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2rem;
}
#loader svg {
  width: 10rem;
  height: auto;
}
#loader .load__progress {
  --loadProgress: 0%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  z-index: 990;
}
#loader .load__progress:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  background-color: var(--colorPink);
  width: var(--loadProgress);
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  right: 0;
  z-index: 99;
  overflow: clip;
  -webkit-backdrop-filter: blur(0.25rem) brightness(1.02);
          backdrop-filter: blur(0.25rem) brightness(1.02);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.2));
}
@media only screen and (max-width: 768px) {
  header {
    overflow: unset;
    -webkit-backdrop-filter: blur(0.45rem) brightness(1.02);
            backdrop-filter: blur(0.45rem) brightness(1.02);
  }
}
header .innerwrapper {
  display: grid;
  grid-template-columns: 10rem 1fr 10rem;
  height: var(--headerHeight);
  align-items: center;
}
@media only screen and (max-width: 768px) {
  header .innerwrapper {
    grid-template-columns: auto 1fr;
  }
}
header .innerwrapper {
  /*
  .logo_text {
  	font-size: var(--fontSize13);
  	font-weight: 700;
  	color: var(--colorBlack);
  	text-decoration: none;
  	grid-column: 1/2;
  	letter-spacing: 0.04em;
  	grid-row: 1/2;
  	transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  */
}
header .innerwrapper .logo {
  font-size: 0;
  line-height: 0;
  grid-column: 1/2;
  grid-row: 1/2;
  margin-block: auto;
  width: 4.722rem;
}
header .innerwrapper .logo svg {
  width: 100%;
  height: auto;
}
header .innerwrapper .colab_link {
  grid-column: 3/4;
  grid-row: 1/2;
  margin-left: auto;
  font-size: var(--fontSize13);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-decoration: none;
  font-weight: 400;
  color: var(--colorBlack);
}
@media only screen and (max-width: 768px) {
  header .innerwrapper .colab_link {
    display: none;
  }
}
header .innerwrapper .hamburger {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  position: relative;
  width: 1.5rem;
  aspect-ratio: 1/0.94;
  margin-left: auto;
  margin-block: auto;
  cursor: pointer;
  display: none;
}
@media only screen and (max-width: 768px) {
  header .innerwrapper .hamburger {
    display: block;
  }
}
header .innerwrapper .hamburger svg {
  width: 100%;
  height: auto;
}
.mainnav {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: var(--headerHeight);
  z-index: 99;
}
@media only screen and (max-width: 768px) {
  .mainnav {
    position: fixed;
    left: 0;
    top: var(--headerHeight);
    transition: transform 0.6s ease-in-out;
    height: calc(100dvh - var(--headerHeight));
    -webkit-backdrop-filter: blur(0.45rem) brightness(1.02);
            backdrop-filter: blur(0.45rem) brightness(1.02);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.2));
    width: 100%;
    transform: translateX(-100%);
    z-index: 99;
    pointer-events: none;
  }
  .mainnav.is-active {
    transform: translateX(0%);
    pointer-events: auto;
  }
}
.mainnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fontSize13);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  gap: 0 3.55em;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mainnav ul {
    flex-direction: column;
    font-size: var(--fontSize36);
    gap: 0.4em 0;
  }
}
.mainnav ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mainnav ul li a {
  color: inherit;
  text-decoration: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mainnav .nav-hover-underline {
    display: none !important;
  }
}

.scroll__progress {
  --scrollProgress: 0%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  height: 2px;
  z-index: 990;
}
.scroll__progress:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  background-color: var(--colorPink);
  width: var(--scrollProgress);
}

.side__scramble {
  position: fixed;
  left: var(--sideSpacing);
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: var(--fontSize13);
  font-weight: 800;
  color: var(--colorBlack);
  text-decoration: none;
  letter-spacing: 0.4em;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .side__scramble {
    display: none;
  }
}

.innerwrapper {
  width: calc(100% - var(--sideSpacing) - var(--sideSpacing));
  margin: 0 auto;
}

img {
  border: 0;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

section {
  overflow-x: clip;
}

.section__start {
  display: grid;
  grid-template-columns: 29.2% 8% 12.8% 1fr 10%;
  grid-template-rows: 0.63fr 0.35fr 1fr;
  min-height: var(--viewportHeight);
  border-bottom: var(--borderWidth) solid var(--borderColor);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__start {
    grid-template-columns: 30% 20% 1fr;
    grid-template-rows: 4.2rem 13.8rem auto;
    min-height: 0;
  }
}
.section__start .background_gradient {
  position: relative;
  z-index: -1;
  grid-column: 4/6;
  grid-row: 1/4;
  width: 100%;
  height: 158.5%;
  background: linear-gradient(90deg, #DAFF6B 0%, #FFFFFF 100%);
}
@media only screen and (max-width: 768px) {
  .section__start .background_gradient {
    grid-column: 3/4;
    margin-top: var(--headerHeight);
    height: 109.5%;
  }
}
.section__start {
  /*
  .jellyfish {
  	font-size: 0;
  	line-height: 0;
  	position: absolute;
  	z-index: 3;
  	width: 65%;
  	right: 0.5%;
  	top: -25.5%;
  	pointer-events: none;

  	img,
  	video {
  		width: 100%;
  		height: auto;
  		transform: rotate(52deg);
  	}
  }
  */
}
.section__start .jellyfish_1 {
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 3;
  width: 35%;
  right: 13.5%;
  top: 6.5%;
  pointer-events: none;
  will-change: transform;
}
@media only screen and (max-width: 768px) {
  .section__start .jellyfish_1 {
    width: 58%;
    right: 6%;
    top: 11%;
  }
}
.section__start .jellyfish_1 > img,
.section__start .jellyfish_1 > canvas {
  width: 100%;
  height: auto;
  transform: rotate(52deg);
  opacity: 0;
  transition: opacity 500ms ease-out;
}
.section__start .jellyfish_1 > img.lazyloaded,
.section__start .jellyfish_1 > canvas.lazyloaded {
  opacity: 1;
}
.section__start .jellyfish_2 {
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 3;
  width: 21%;
  right: 41.5%;
  top: 13.5%;
  pointer-events: none;
  will-change: transform;
}
@media only screen and (max-width: 768px) {
  .section__start .jellyfish_2 {
    display: none;
  }
}
.section__start .jellyfish_2 > img,
.section__start .jellyfish_2 > canvas {
  width: 100%;
  height: auto;
  transform: rotate(52deg);
  opacity: 0;
  transition: opacity 500ms ease-out;
}
.section__start .jellyfish_2 > img.lazyloaded,
.section__start .jellyfish_2 > canvas.lazyloaded {
  opacity: 1;
}
.section__start .jellyfish_3 {
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 3;
  width: 16%;
  right: 3.5%;
  top: 36.5%;
  pointer-events: none;
  will-change: transform;
}
@media only screen and (max-width: 768px) {
  .section__start .jellyfish_3 {
    display: none;
  }
}
.section__start .jellyfish_3 > img,
.section__start .jellyfish_3 > canvas {
  width: 100%;
  height: auto;
  transform: rotate(52deg);
  opacity: 0;
  transition: opacity 500ms ease-out;
}
.section__start .jellyfish_3 > img.lazyloaded,
.section__start .jellyfish_3 > canvas.lazyloaded {
  opacity: 1;
}
.section__start .column {
  width: 100%;
  position: relative;
  z-index: 2;
}
.section__start .column:nth-child(1) {
  border-right: var(--borderWidth) solid var(--borderColor);
  border-bottom: var(--borderWidth) solid var(--borderColor);
  grid-column: 1/2;
  grid-row: 1/2;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(1) {
    grid-column: 1/2;
  }
}
.section__start .column:nth-child(2) {
  border-bottom: var(--borderWidth) solid var(--borderColor);
  grid-column: 2/4;
  grid-row: 1/2;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(2) {
    grid-column: 2/4;
  }
}
.section__start .column:nth-child(3) {
  border-right: var(--borderWidth) solid var(--borderColor);
  grid-column: 1/3;
  grid-row: 2/4;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(3) {
    grid-column: 1/4;
    grid-row: 2/3;
    padding-right: 0;
    border-right: 0;
  }
}
.section__start .column:nth-child(3) h1 {
  font-size: var(--fontSize110);
  margin: 0;
  font-weight: 800;
  line-height: 0.909;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(3) h1 {
    font-size: var(--fontSize58);
    font-weight: 700;
    margin-right: auto;
    line-height: 1;
    margin-left: 1.4rem;
    letter-spacing: 0;
  }
}
.section__start .column:nth-child(4) {
  border-top: var(--borderWidth) solid var(--borderColor);
  grid-column: 4/5;
  grid-row: 3/4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(4) {
    grid-column: 1/4;
    grid-row: 3/4;
    padding-block: 2.9rem 4.2rem;
  }
}
.section__start .column:nth-child(4) h2 {
  font-size: var(--fontSize23);
  margin: 0.4em 0 0 0.4em;
  font-weight: 800;
  line-height: 1.26;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  text-align: right;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(4) h2 {
    font-size: var(--fontSize20);
    line-height: 1.13;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    letter-spacing: 0;
  }
}
.section__start .column:nth-child(4) h2:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55.59' height='80' viewBox='0 0 55.59 80'><path fill='%237f00ff' d='M55.59 80H36.5V19.094H0V0h55.59Z'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% auto;
  aspect-ratio: 56/80;
  content: "";
  display: block;
  position: absolute;
  right: -2.2em;
  top: -2.5em;
  width: 2.4em;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(4) h2:before {
    right: -1.1em;
    top: -0.6em;
    width: 1.2em;
  }
}
.section__start .column:nth-child(4) h2:after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='55.59' height='80' viewBox='0 0 55.59 80'><path fill='%237f00ff' d='M0 0h19.09v60.906h36.5V80H0Z'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% auto;
  aspect-ratio: 56/80;
  content: "";
  display: block;
  position: absolute;
  left: -2.3em;
  bottom: -1.9em;
  width: 2.4em;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .section__start .column:nth-child(4) h2:after {
    width: 1.2em;
    left: -1.1em;
    bottom: -1.3em;
  }
}

.section__listing_number {
  display: grid;
  grid-template-columns: 1fr 38.6rem;
}
@media only screen and (max-width: 768px) {
  .section__listing_number {
    grid-template-columns: 100%;
  }
}
.section__listing_number .listing {
  display: flex;
  flex-direction: column;
  margin: 4.6rem 0 1.1rem 13.5rem;
  gap: 2.2rem 0;
}
@media only screen and (max-width: 768px) {
  .section__listing_number .listing {
    order: 2;
    margin: 0;
    margin: 4.4rem 1.8rem 0 1.8rem;
    gap: 1.6rem 0;
  }
}
.section__listing_number .listing .single__block {
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 768px) {
  .section__listing_number .listing .single__block {
    font-size: var(--fontSize16);
    line-height: 1.2;
  }
}
.section__listing_number .listing .single__block .number {
  font-size: var(--fontSize23);
  letter-spacing: 0.1em;
  color: var(--colorPurple);
}
@media only screen and (max-width: 768px) {
  .section__listing_number .listing .single__block .number {
    font-size: var(--fontSize16);
  }
}
.section__listing_number .listing .single__block h3 {
  margin: 0;
  font-size: var(--fontSize23);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 768px) {
  .section__listing_number .listing .single__block h3 {
    font-size: var(--fontSize18);
  }
}
.section__listing_number .listing .single__block h3 + p {
  margin-top: 0.7em;
}
.section__listing_number .listing .single__block p {
  max-width: 18em;
}
@media only screen and (max-width: 768px) {
  .section__listing_number .listing .single__block p {
    max-width: none;
  }
}
.section__listing_number > .number {
  margin-top: auto;
  display: flex;
  margin-left: 4rem;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .section__listing_number > .number {
    order: 1;
    margin: 0;
    width: 100%;
    margin-top: 1.7rem;
    position: relative;
  }
}
.section__listing_number > .number > svg {
  width: 5rem;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .section__listing_number > .number > svg {
    width: 3.5rem;
    margin: 0;
    position: absolute;
    left: 7.4rem;
    top: 1.6rem;
  }
}
.section__listing_number > .number .animated {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 17.8rem;
  margin-bottom: 3.6rem;
  margin-left: -1.6rem;
}
@media only screen and (max-width: 768px) {
  .section__listing_number > .number .animated {
    width: 12rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-top: -5.5rem;
  }
}
.section__listing_number > .number .animated img {
  width: 100%;
  height: auto;
}
.section__listing_number > .number .random_number {
  transform: rotate(-90deg);
  transform-origin: 0% 0%;
  font-size: var(--fontSize23);
  letter-spacing: 0.1em;
  color: var(--colorPurple);
  margin: auto 0 3rem -1.6rem;
  font-variant-numeric: tabular-nums;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .section__listing_number > .number .random_number {
    margin: 0 0 0 auto;
    transform-origin: 100% 100%;
    font-size: var(--fontSize14);
    position: absolute;
    right: 1.7rem;
    bottom: 0.5rem;
  }
}
.section__listing_number > .number .random_number > span {
  display: inline-block;
  font-variant-numeric: tabular-nums;
}

.section__subheadline {
  margin: 10.5rem 0 6.8rem 0;
}
@media only screen and (max-width: 768px) {
  .section__subheadline {
    margin-top: 2.8rem;
    display: flex;
    justify-content: center;
    margin-bottom: 3.3rem;
  }
}
.section__subheadline h2 {
  margin: 0;
  font-size: var(--fontSize40);
  font-weight: 400;
  letter-spacing: 0.01em;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .section__subheadline h2 {
    font-size: var(--fontSize22);
    max-width: 13em;
  }
}

.section__hover-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid {
    --textInfoHeight: 7rem;
    --headerNavHeight: 3.5rem;
    --mobileColWidth: 11rem;
    --mobileSidePeek: 3.25rem;
    padding-top: var(--headerNavHeight);
    padding-bottom: var(--textInfoHeight);
    display: block;
    margin-top: 10.7rem;
  }
}
.section__hover-grid .hover-grid__track {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .hover-grid__track {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    pointer-events: none;
  }
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .hover-grid__track::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .hover-grid__track::before, .section__hover-grid .hover-grid__track::after {
    content: "";
    display: block;
    flex: 0 0 calc(50vw - var(--mobileColWidth) / 2 - var(--mobileSidePeek));
    height: 1px;
  }
}
.section__hover-grid .mobile-hover-nav {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .mobile-hover-nav {
    display: grid;
    grid-template-columns: 3.5rem 1fr 3.5rem;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--headerNavHeight);
    border-top: var(--borderWidth) solid var(--borderColor);
    border-bottom: var(--borderWidth) solid var(--borderColor);
    z-index: 20;
    padding-inline: 0.8rem;
  }
}
.section__hover-grid .mobile-hover-nav__title {
  text-align: center;
  font-size: var(--fontSize16);
  line-height: 1;
  text-transform: uppercase;
}
.section__hover-grid .mobile-hover-nav__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}
.section__hover-grid .mobile-hover-nav__arrow svg {
  width: 1.5rem;
  height: auto;
}
.section__hover-grid .mobile-hover-nav__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.section__hover-grid .mobile-hover-nav__arrow:disabled {
  opacity: 0.35;
  pointer-events: none;
}
.section__hover-grid .column {
  height: 11.5rem;
  width: 100%;
  border-left: var(--borderWidth) solid var(--borderColor);
  position: relative;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .column {
    flex-shrink: 0;
    height: 7.4rem;
    width: var(--mobileColWidth);
    flex: 0 0 var(--mobileColWidth);
    pointer-events: none;
  }
  .section__hover-grid .column:last-child {
    border-right: var(--borderWidth) solid var(--borderColor);
  }
}
.section__hover-grid .column:after {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .column:after {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .section__hover-grid .column:first-child {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .section__hover-grid .column:first-child:after {
    width: calc(100% + 24.5rem);
    left: -24.5rem;
  }
  .section__hover-grid .column:nth-child(2) {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .section__hover-grid .column:nth-child(3) {
    grid-column: 5/6;
    grid-row: 1/2;
    width: calc(100% + 3rem);
    border-right: var(--borderWidth) solid var(--borderColor);
  }
  .section__hover-grid .column:nth-child(3):after {
    width: calc(100% + 2.3rem);
  }
  .section__hover-grid .column:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .section__hover-grid .column:nth-child(4):after {
    width: calc(100% + 5.3rem);
    left: -5.3rem;
  }
  .section__hover-grid .column:nth-child(5) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .section__hover-grid .column:nth-child(6) {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  .section__hover-grid .column:nth-child(7) {
    grid-column: 4/5;
    grid-row: 3/4;
    width: calc(100% + 5.6rem);
    border-right: var(--borderWidth) solid var(--borderColor);
  }
}
.section__hover-grid .column.column-arrow {
  grid-column: 4/5;
  grid-row: 2/3;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .column.column-arrow {
    display: none;
  }
}
.section__hover-grid .column.column-arrow svg {
  width: 6rem;
  height: auto;
}
.section__hover-grid .column.column-textinfo {
  grid-column: 5/7;
  grid-row: 2/3;
  background: linear-gradient(90deg, rgba(127, 0, 255, 0.5) 0%, #FFFFFF 100%);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .column.column-textinfo {
    grid-column: unset;
    grid-row: unset;
    position: absolute;
    width: 100%;
    height: var(--textInfoHeight);
    bottom: 0;
    left: 0;
    border-top: var(--borderWidth) solid var(--borderColor);
    border-left: 0;
  }
}
.section__hover-grid .column.column-textinfo .textinfo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 9rem 0 2.2rem;
  justify-content: center;
  opacity: 0;
  transition: opacity 300ms ease-out;
  font-size: var(--fontSize16);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .column.column-textinfo .textinfo {
    padding: 0 1.8rem 0 1.8rem;
    font-size: var(--fontSize14);
  }
}
.section__hover-grid .column.column-textinfo .textinfo p {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.section__hover-grid .column.column-textinfo .textinfo.is-active {
  opacity: 1;
}
.section__hover-grid:before {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid:before {
    display: none;
  }
}
.section__hover-grid:after {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 8rem);
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid:after {
    display: none;
  }
}
.section__hover-grid .image1 {
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 13rem;
  left: 5.9rem;
  top: -2.2rem;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .image1 {
    display: none;
  }
}
.section__hover-grid .image1 img {
  width: 100%;
  height: auto;
}
.section__hover-grid .image2 {
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 14.7rem;
  bottom: 0;
  left: 12.5rem;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid .image2 {
    top: -10rem;
    width: 10rem;
    left: auto;
    right: 0;
    bottom: auto;
  }
}
.section__hover-grid .image2 img,
.section__hover-grid .image2 video {
  width: 100%;
  height: auto;
}

.img-sequence {
  position: relative;
  display: block;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.img-sequence > img {
  transition: opacity 0.2s ease;
  opacity: 0 !important;
}
.img-sequence > img,
.img-sequence > canvas {
  display: block;
  width: 100%;
  height: auto;
}
.img-sequence > canvas {
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}
.img-sequence.is-ready > canvas {
  opacity: 1;
}
.img-sequence.is-ready > img {
  opacity: 0;
}
.img-sequence {
  /*
  img:not(:first-child){
  	position: absolute;
  	inset: 0;
  }
  */
}

.hover_box {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.hover_box .dud {
  opacity: 0.55;
}
.hover_box .l_right_top,
.hover_box .l_left_bottom {
  width: 1.4rem;
  height: auto;
  position: absolute;
  opacity: 0;
  transition: opacity 300ms ease-out, transform 300ms ease-out;
}
.hover_box .l_right_top > path,
.hover_box .l_left_bottom > path {
  transition: stroke-width 300ms ease-out;
  stroke-width: 1.5;
}
.hover_box .l_right_top {
  right: 0;
  top: 0;
  transform: translate(-20%, 20%);
}
.hover_box .l_left_bottom {
  left: 0;
  bottom: 0;
  transform: translate(20%, -20%);
}
.hover_box > span {
  display: block;
  font-weight: 700;
  font-size: var(--fontSize22);
  color: var(--colorBlack);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.0909;
  transition: color 300ms ease-out;
}
@media only screen and (max-width: 768px) {
  .hover_box > span {
    font-size: var(--fontSize16);
    text-align: center;
  }
}
.hover_box.is-active .l_right_top,
.hover_box.is-active .l_left_bottom {
  transform: translate(0%, 0%);
  opacity: 1;
}
.hover_box.is-active .l_right_top > path,
.hover_box.is-active .l_left_bottom > path {
  stroke-width: 8;
}
.hover_box.is-active > span {
  color: var(--colorPurple);
}

.section__list-with-text {
  display: grid;
  grid-template-columns: 1fr 24.6rem;
  padding-top: 11rem;
  padding-bottom: 1.7rem;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text {
    grid-template-columns: 100%;
    padding-top: 3.6rem;
    padding-inline: 4.5rem 3rem;
    gap: 1.7rem 0;
  }
}
.section__list-with-text .list-with-text {
  display: flex;
  flex-direction: column;
  gap: 0.56rem 0;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .list-with-text {
    gap: 1rem 0;
  }
}
.section__list-with-text .list-with-text .single__list-item {
  display: grid;
  grid-template-columns: 36.3rem 4rem 1fr;
  gap: 0 1.35rem;
  align-items: end;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .list-with-text .single__list-item {
    grid-template-columns: 100%;
  }
  .section__list-with-text .list-with-text .single__list-item.is-active .title {
    font-weight: 700;
    color: var(--colorBlack);
  }
  .section__list-with-text .list-with-text .single__list-item.is-active .title:before {
    transform: rotate(-180deg);
  }
}
.section__list-with-text .list-with-text .single__list-item .title {
  font-weight: 300;
  font-size: var(--fontSize57);
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1;
  text-align: right;
  color: var(--colorPurple);
  cursor: pointer;
  transition: color 100ms ease-out, font-weight 300ms ease-out;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .list-with-text .single__list-item .title {
    font-size: var(--fontSize18);
    text-align: left;
    padding-left: 2.3rem;
    position: relative;
  }
  .section__list-with-text .list-with-text .single__list-item .title:before {
    content: "";
    display: block;
    width: 1rem;
    aspect-ratio: 1/1;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'><path stroke='%23000' stroke-linecap='round' d='m.655.655 13.87 13.87M.5 15.127l14.743.175M15.127.5l.175 14.743'/></svg>");
    background-repeat: no-repeat;
    background-size: 98% auto;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 300ms ease-out;
  }
}
.section__list-with-text .list-with-text .single__list-item .number {
  display: block;
  font-size: var(--fontSize24);
  letter-spacing: 0.1em;
  line-height: 1.7;
  margin-left: 0.65rem;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .list-with-text .single__list-item .number {
    display: none;
  }
}
.section__list-with-text .list-with-text .single__list-item .text {
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .list-with-text .single__list-item .text {
    height: auto;
    display: none;
    overflow: hidden;
  }
}
.section__list-with-text .list-with-text .single__list-item .text .inner_text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateX(1rem) translateY(-50%);
  width: 100%;
  font-size: var(--fontSize15);
  line-height: 1.266;
  opacity: 0;
  transition: 500ms ease-out;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .list-with-text .single__list-item .text .inner_text {
    position: relative;
    transform: translate(0);
    opacity: 1;
    padding-left: 2.3rem;
    padding-top: 0.8rem;
    line-height: 1.2;
    -webkit-hyphens: auto;
            hyphens: auto;
    padding-bottom: 0.8rem;
    transition: unset;
    left: auto;
    top: auto;
  }
}
@media (hover: hover) {
  .section__list-with-text .list-with-text .single__list-item:has(.title:hover) .title {
    font-weight: 800;
    color: var(--colorBlack);
  }
  .section__list-with-text .list-with-text .single__list-item:has(.title:hover) .text .inner_text {
    opacity: 1;
    transform: translateX(0.1rem) translateY(-50%);
  }
}
.section__list-with-text .animated_figure {
  padding-right: 3.3rem;
  margin-top: 1.7rem;
}
@media only screen and (max-width: 768px) {
  .section__list-with-text .animated_figure {
    display: none;
  }
}
.section__list-with-text .animated_figure .circle {
  font-size: 0;
  line-height: 0;
  position: relative;
}
.section__list-with-text .animated_figure .circle svg {
  width: 100%;
  height: auto;
}
.section__list-with-text .animated_figure .circle > img,
.section__list-with-text .animated_figure .circle > video,
.section__list-with-text .animated_figure .circle .img-sequence {
  position: absolute;
  width: 25rem;
  height: auto;
  transform-origin: center center;
  left: -3rem;
  bottom: -5rem;
  /* MotionPath will set x/y, this keeps the img centered */
  will-change: transform;
}

.section__word-change {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 6.2rem minmax(0, 1fr);
  gap: 0 1.8rem;
  font-size: var(--fontSize130);
  color: var(--colorGreen);
  line-height: 1;
  align-items: center;
  padding: 7rem 0;
  letter-spacing: 0.03em;
  font-weight: 500;
  overflow: clip;
}
@media only screen and (max-width: 768px) {
  .section__word-change {
    font-size: var(--fontSize40);
    grid-template-columns: minmax(0, 1fr) 3rem minmax(0, 1fr);
    padding: 3.1rem 0;
  }
}
.section__word-change > svg {
  width: 100%;
  height: auto;
}
.section__word-change > span {
  position: relative;
  display: inline-block;
  white-space: nowrap;
}
.section__word-change > span:first-child {
  text-align: right;
  margin-left: auto;
}
.section__word-change > span:last-child {
  text-align: left;
  margin-right: auto;
}

/* we will replace the span text with a wrapper: .glitch */
.section__word-change .glitch {
  position: relative;
  display: inline-block;
  line-height: 1;
}

.section__word-change .glitch .layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  will-change: transform, opacity, filter;
  pointer-events: none;
}

.section__word-change .glitch .base {
  position: relative;
  display: inline-block;
}

/* clip the layers */
.section__word-change .glitch .top {
  -webkit-clip-path: inset(0 0 50% 0);
          clip-path: inset(0 0 50% 0);
}

.section__word-change .glitch .bottom {
  -webkit-clip-path: inset(50% 0 0 0);
          clip-path: inset(50% 0 0 0);
}

/* optional “RGB” shadow classes like your snippet */
.section__word-change .redShadow {
  text-shadow: -2px 0 rgba(245, 64, 177, 0.85);
}

.section__word-change .greenShadow {
  text-shadow: 2px 0 rgba(127, 0, 255, 0.85);
}

.section__hover-grid-2 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 {
    --textInfoHeight: 17.9rem;
    --headerNavHeight: 3.5rem;
    --mobileColWidth: 11rem;
    --mobileSidePeek: 3.25rem;
    padding-top: var(--headerNavHeight);
    padding-bottom: var(--textInfoHeight);
    display: block;
    overflow: visible;
  }
}
.section__hover-grid-2 .hover-grid__track {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .hover-grid__track {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .hover-grid__track::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .hover-grid__track::before, .section__hover-grid-2 .hover-grid__track::after {
    content: "";
    display: block;
    flex: 0 0 calc(50vw - var(--mobileColWidth) / 2 - var(--mobileSidePeek));
    height: 1px;
  }
}
.section__hover-grid-2 .mobile-hover-nav {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .mobile-hover-nav {
    display: grid;
    grid-template-columns: 3.5rem 1fr 3.5rem;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--headerNavHeight);
    border-top: var(--borderWidth) solid var(--borderColor);
    border-bottom: var(--borderWidth) solid var(--borderColor);
    z-index: 20;
    padding-inline: 0.8rem;
    background: linear-gradient(90deg, #DAFF6B 0%, #FFFFFF 100%);
  }
}
.section__hover-grid-2 .mobile-hover-nav__title {
  text-align: center;
  font-size: var(--fontSize16);
  line-height: 1;
  text-transform: uppercase;
}
.section__hover-grid-2 .mobile-hover-nav__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}
.section__hover-grid-2 .mobile-hover-nav__arrow svg {
  width: 1.5rem;
  height: auto;
}
.section__hover-grid-2 .mobile-hover-nav__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.section__hover-grid-2 .mobile-hover-nav__arrow:disabled {
  opacity: 0.35;
  pointer-events: none;
}
.section__hover-grid-2 .column {
  height: 11.5rem;
  width: 100%;
  border-right: var(--borderWidth) solid var(--borderColor);
  border-bottom: var(--borderWidth) solid var(--borderColor);
  position: relative;
  display: flex;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .column {
    border: 0;
  }
}
.section__hover-grid-2 .column .hover_box {
  padding-inline: 1rem;
}
.section__hover-grid-2 .column {
  /*
  &:after {
  	content: '';
  	display: block;
  	height: var(--borderWidth);
  	left: 0;
  	position: absolute;
  	bottom: 0;
  	width: 100%;
  	background-color: var(--colorBlack);
  }
  */
}
@media only screen and (min-width: 769px) {
  .section__hover-grid-2 .column:first-child {
    grid-column: 3/4;
    grid-row: 1/2;
  }
  .section__hover-grid-2 .column:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .section__hover-grid-2 .column:nth-child(3) {
    grid-column: 3/4;
    grid-row: 2/3;
  }
  .section__hover-grid-2 .column:nth-child(4) {
    grid-column: 3/4;
    grid-row: 3/4;
  }
  .section__hover-grid-2 .column:nth-child(5) {
    grid-column: 5/6;
    grid-row: 1/2;
  }
  .section__hover-grid-2 .column:nth-child(6) {
    grid-column: 6/7;
    grid-row: 1/2;
    border-right: 0;
  }
  .section__hover-grid-2 .column {
    /*
    &:nth-child(5) {
    	grid-column: 1/2;
    	grid-row: 1/2;
    }
    &:nth-child(6) {
    	grid-column: 2/3;
    	grid-row: 1/2;
    }
    &:nth-child(7) {
    	grid-column: 2/3;
    	grid-row: 1/2;
    }
    */
  }
  .section__hover-grid-2 .column:nth-child(10) {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  .section__hover-grid-2 .column:nth-child(11) {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  .section__hover-grid-2 .column:nth-child(12) {
    grid-column: 6/7;
    grid-row: 2/4;
    border-right: 0;
  }
}
.section__hover-grid-2 .column.column-arrow {
  grid-column: 4/5;
  grid-row: 1/2;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .column.column-arrow {
    display: none;
  }
}
.section__hover-grid-2 .column.column-arrow svg {
  width: 6rem;
  height: auto;
}
.section__hover-grid-2 .column.column-textinfo {
  grid-column: 4/6;
  grid-row: 2/4;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .column.column-textinfo {
    grid-column: unset;
    grid-row: unset;
    position: absolute;
    width: 100%;
    height: var(--textInfoHeight);
    bottom: 0;
    left: 0;
    border-top: 0;
    border-bottom: var(--borderWidth) solid var(--borderColor);
  }
}
.section__hover-grid-2 .column.column-textinfo .textinfo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 4.8rem 0 4.8rem;
  justify-content: center;
  opacity: 0;
  font-size: var(--fontSize16);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .column.column-textinfo .textinfo {
    padding: 0 1.8rem 0 1.8rem;
    font-size: var(--fontSize14);
    left: auto;
    top: auto;
    transition: unset;
    align-items: start;
    justify-content: start;
    padding-top: 2rem;
  }
}
.section__hover-grid-2 .column.column-textinfo .textinfo h3 {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .column.column-textinfo .textinfo h3 {
    display: block;
    text-align: left;
    font-size: var(--fontSize18);
    text-transform: uppercase;
    font-weight: 800;
    width: 100%;
    margin: 0;
  }
  .section__hover-grid-2 .column.column-textinfo .textinfo h3 br {
    display: none;
  }
}
.section__hover-grid-2 .column.column-textinfo .textinfo p {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.section__hover-grid-2 .column.column-textinfo .textinfo.is-active {
  opacity: 1;
}
.section__hover-grid-2:before {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2:before {
    display: none;
  }
}
.section__hover-grid-2:after {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 8rem);
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2:after {
    display: none;
  }
}
.section__hover-grid-2 .image1 {
  font-size: 0;
  line-height: 0;
  position: absolute;
  width: 21.4rem;
  bottom: 0;
  right: -3.3rem;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .image1 {
    display: none;
  }
}
.section__hover-grid-2 .image1 img,
.section__hover-grid-2 .image1 video {
  width: 100%;
  height: auto;
}
.section__hover-grid-2 .number {
  font-size: var(--fontSize350);
  font-weight: 800;
  letter-spacing: -0.025em;
  line-height: 1;
  position: absolute;
  left: 4rem;
  bottom: -5.7rem;
  pointer-events: none;
  z-index: 5;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .number {
    left: 1.7rem;
    bottom: -5.3rem;
    font-size: var(--fontSize126);
  }
}
.section__hover-grid-2 .gradient {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #DAFF6B 0%, #FFFFFF 100%);
  grid-column: 4/7;
  grid-row: 1/2;
  position: relative;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .section__hover-grid-2 .gradient {
    display: none;
  }
}

.section__client-list {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-top: 18.3rem;
  padding-inline: 8rem;
  gap: 0 2.7rem;
  position: relative;
  align-items: center;
  margin-bottom: 5.5rem;
}
@media only screen and (max-width: 768px) {
  .section__client-list {
    grid-template-columns: 100%;
    margin-top: 7.6rem;
    padding-inline: 0;
    padding-inline: 4.5rem 3rem;
    margin-bottom: 7.3rem;
  }
}
.section__client-list .list__wrapper {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 0rem 0;
}
@media only screen and (max-width: 768px) {
  .section__client-list .list__wrapper {
    margin-left: 0;
    gap: 1rem 0;
  }
}
.section__client-list .list__wrapper .single__client-item {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__client-list .list__wrapper .single__client-item.is-active .title {
    font-weight: 800;
    color: var(--colorBlack);
  }
  .section__client-list .list__wrapper .single__client-item.is-active .title:before {
    transform: rotate(-180deg);
  }
}
.section__client-list .list__wrapper .single__client-item .title {
  font-weight: 300;
  font-size: var(--fontSize57);
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.175;
  text-align: right;
  color: var(--colorPurple);
  cursor: pointer;
  transition: color 100ms ease-out, font-weight 300ms ease-out;
}
@media only screen and (max-width: 768px) {
  .section__client-list .list__wrapper .single__client-item .title {
    font-size: var(--fontSize18);
    text-align: left;
    position: relative;
    padding-left: 2.3rem;
    transition: unset;
  }
  .section__client-list .list__wrapper .single__client-item .title:before {
    content: "";
    display: block;
    width: 1rem;
    aspect-ratio: 1/1;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'><path stroke='%23000' stroke-linecap='round' d='m.655.655 13.87 13.87M.5 15.127l14.743.175M15.127.5l.175 14.743'/></svg>");
    background-repeat: no-repeat;
    background-size: 98% auto;
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 300ms ease-out;
  }
}
.section__client-list .list__wrapper .single__client-item .text_logo {
  position: absolute;
  right: calc(100% + 3rem);
  width: 19.22rem;
  top: 50%;
  opacity: 0;
  pointer-events: none;
  transform: translateX(1rem) translateY(-50%);
  transition: 500ms ease-out;
  font-size: var(--fontSize15);
  line-height: 1.266;
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(0.05rem);
          backdrop-filter: blur(0.05rem);
  border-radius: 1rem;
  padding: 1rem;
}
@media only screen and (max-width: 768px) {
  .section__client-list .list__wrapper .single__client-item .text_logo {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    width: 100%;
    display: none;
    overflow: hidden;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transition: none;
    background-color: transparent;
    -webkit-backdrop-filter: unset;
            backdrop-filter: unset;
    border-radius: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
  }
}
.section__client-list .list__wrapper .single__client-item .text_logo svg,
.section__client-list .list__wrapper .single__client-item .text_logo img {
  width: 10rem;
  height: auto;
  margin-bottom: 0.8rem;
  display: block;
  position: relative;
  z-index: 3;
  filter: grayscale(1) brightness(0.4);
}
@media only screen and (max-width: 768px) {
  .section__client-list .list__wrapper .single__client-item .text_logo svg,
  .section__client-list .list__wrapper .single__client-item .text_logo img {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .section__client-list .list__wrapper .single__client-item .text_logo .inner_text {
    position: relative;
    padding-left: 2.3rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    font-size: var(--fontSize14);
    line-height: 1.2;
    -webkit-hyphens: auto;
            hyphens: auto;
  }
}
@media (hover: hover) {
  .section__client-list .list__wrapper .single__client-item:has(.title:hover) .title {
    font-weight: 800;
    color: var(--colorBlack);
  }
  .section__client-list .list__wrapper .single__client-item:has(.title:hover) .text_logo {
    opacity: 1;
    transform: translateX(0.1rem) translateY(-50%);
  }
}
.section__client-list .arrow {
  font-size: 0;
  line-height: 0;
  width: 2.6rem;
  will-change: transform;
}
@media only screen and (max-width: 768px) {
  .section__client-list .arrow {
    display: none;
  }
}
.section__client-list .arrow svg {
  width: 100%;
  height: auto;
  margin-top: -0.5rem;
}
.section__client-list .slash {
  width: 5rem;
  height: auto;
  position: absolute;
  bottom: -5.5rem;
  right: 37.5rem;
}
@media only screen and (max-width: 768px) {
  .section__client-list .slash {
    width: 2rem;
    height: auto;
    position: absolute;
    bottom: -2.5rem;
    right: auto;
    left: 1.5rem;
  }
}
.section__client-list .gradient {
  z-index: -1;
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 130rem;
  left: -50rem;
  bottom: -12rem;
  pointer-events: none;
  overflow: hidden;
  transform: rotate(180deg);
}
@media only screen and (max-width: 768px) {
  .section__client-list .gradient {
    width: 87rem;
    left: -12rem;
    bottom: -15rem;
    transform: rotate(0deg);
  }
}
.section__client-list .gradient img {
  width: 100%;
  height: auto;
}

.section__projects {
  padding-inline: 8rem;
  margin-top: 11rem;
  margin-bottom: 6rem;
  overflow-x: clip;
  overflow-y: visible;
}
@media only screen and (max-width: 768px) {
  .section__projects {
    --headerNavHeight: 3.5rem;
    margin-top: 0;
    position: relative;
    padding-top: var(--headerNavHeight);
  }
}
.section__projects .mobile-hover-nav {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__projects .mobile-hover-nav {
    display: grid;
    grid-template-columns: 3.5rem 1fr 3.5rem;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--headerNavHeight);
    border-top: var(--borderWidth) solid var(--borderColor);
    border-bottom: var(--borderWidth) solid var(--borderColor);
    z-index: 20;
    padding-inline: 0.8rem;
  }
}
.section__projects .mobile-hover-nav__title {
  text-align: center;
  font-size: var(--fontSize16);
  line-height: 1;
  text-transform: uppercase;
}
.section__projects .mobile-hover-nav__arrow {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
}
.section__projects .mobile-hover-nav__arrow svg {
  width: 1.5rem;
  height: auto;
}
.section__projects .projects__wrapper {
  --columns: 4;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem 0;
}
.section__projects .projects__wrapper .single__project {
  --width: 80%;
  --spacingTop: 0;
  --spacingBottom: 0;
  width: calc(100% / var(--columns));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--spacingTop);
  margin-bottom: var(--spacingTop);
}
.section__projects .projects__wrapper .single__project .single__project-inner {
  position: relative;
  width: var(--width);
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box {
  position: absolute;
  left: calc(100% + 0.5rem);
  bottom: 100%;
  width: 1.3rem;
  height: 1.2rem;
  pointer-events: none;
  padding: 0;
  margin: 0;
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box svg {
  width: 0.806rem;
  height: auto;
  position: absolute;
  z-index: 9;
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box svg.l_right_top {
  right: 0;
  top: 0;
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box svg.l_left_bottom {
  left: 0;
  bottom: 0;
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box .inner_text {
  font-size: var(--fontSize13);
  line-height: 1.266;
  width: 16em;
  padding: 1rem 1rem;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  isolation: isolate;
  background: var(--colorGreen);
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
  mix-blend-mode: multiply;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box .inner_text p {
  margin: 0;
}
.section__projects .projects__wrapper .single__project .single__project-inner .text_box {
  /*
  .inner_text::before {
    content: "";
    position: absolute;
    inset: -0.5rem;
    background: rgba(255,255,255,0.25);
    filter: blur(0.8rem);
    z-index: -1;
  }
  */
}
.section__projects .projects__wrapper .single__project .single__project-inner .project__image {
  font-size: 0;
  line-height: 0;
  width: 100%;
  display: block;
  position: relative;
}
.section__projects .projects__wrapper .single__project .single__project-inner .project__image img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.section__projects .projects__wrapper .single__project .single__project-inner .project__image canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  .section__projects {
    overflow: hidden;
    padding-inline: 0;
    margin-bottom: 2rem;
  }
  .section__projects .projects__wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    justify-content: flex-start;
    align-items: stretch;
    transition: transform 500ms ease;
    will-change: transform;
  }
  .section__projects .projects__wrapper .single__project {
    width: 100%;
    min-width: 100%;
    flex: 0 0 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1.8rem 2rem 0 2rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner {
    width: 100%;
    max-width: 28rem;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner .project__image {
    width: 100%;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner .text_box {
    position: relative;
    left: auto;
    bottom: auto;
    width: calc(100% + 2rem + 2rem);
    margin-inline: -2rem;
    height: auto;
    margin-top: 1.8rem;
    padding: 0 0 0 0;
    order: 2;
    pointer-events: auto;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner .text_box svg {
    width: 1.2rem;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner .text_box .l_right_top {
    right: 0;
    top: 0;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner .text_box .l_left_bottom {
    left: 0;
    bottom: 0;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner .text_box .inner_text {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    opacity: 1;
    padding: 2rem 2rem 2rem 2rem;
    font-size: var(--fontSize14);
    line-height: 1.2;
  }
  .section__projects .projects__wrapper .single__project .single__project-inner {
    display: flex;
    flex-direction: column;
  }
  .section__projects .mobile-hover-nav__arrow.is-disabled {
    opacity: 0.35;
    pointer-events: none;
  }
}
.section__robot-popouts {
  position: relative;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  align-items: start;
  padding: 7.2rem 8.2rem 5.3rem 10.1rem;
  min-height: 36.6rem;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts {
    min-height: auto;
    padding: 0;
    grid-template-rows: unset;
  }
}
.section__robot-popouts > h2 {
  position: absolute;
  display: flex;
  flex-direction: column;
  font-size: var(--fontSize76);
  margin: 0 auto;
  line-height: 1.052;
  letter-spacing: 0.03em;
  font-weight: 800;
  text-transform: uppercase;
  right: 8rem;
  top: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts > h2 {
    display: none;
  }
}
.section__robot-popouts > h2 > span:nth-child(2) {
  margin-left: 1.25em;
}
.section__robot-popouts .robot_image {
  font-size: 0;
  line-height: 0;
  display: block;
  position: absolute;
  left: 51.5%;
  width: 39.6rem;
  bottom: 0;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .robot_image {
    position: relative;
    left: auto;
    transform: translateX(0) scaleX(-1);
    order: 5;
    width: 21rem;
    margin-left: auto;
    margin-right: -1.5rem;
    margin-top: -3rem;
    z-index: 3;
  }
}
.section__robot-popouts .robot_image img {
  width: 100%;
  height: auto;
}
.section__robot-popouts:before {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 24.2rem);
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts:before {
    display: none;
  }
}
.section__robot-popouts:after {
  content: "";
  display: block;
  height: var(--borderWidth);
  right: 0;
  position: absolute;
  bottom: 0;
  width: calc(100% - 19rem);
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts:after {
    display: none;
  }
}
.section__robot-popouts .popout__box {
  padding: 1.8rem 3.2rem 2.5rem 3.2rem;
  position: relative;
  z-index: 5;
  grid-column: 1/2;
  grid-row: 1/2;
  cursor: pointer;
  mix-blend-mode: multiply;
  transition: background-color 300ms ease-out, -webkit-backdrop-filter 300ms ease-out;
  transition: background-color 300ms ease-out, backdrop-filter 300ms ease-out;
  transition: background-color 300ms ease-out, backdrop-filter 300ms ease-out, -webkit-backdrop-filter 300ms ease-out;
}
html.is-safari .section__robot-popouts .popout__box {
  mix-blend-mode: unset;
}
html.is-safari .section__robot-popouts .popout__box:before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(0.2rem);
  -webkit-backdrop-filter: blur(0.2rem);
  z-index: 0;
  opacity: 0;
  transition: opacity 300ms ease-out;
}
@media only screen and (max-width: 768px) {
  html.is-safari .section__robot-popouts .popout__box:before {
    display: none;
  }
}
html.is-safari .section__robot-popouts .popout__box:after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--colorGreen);
  mix-blend-mode: multiply;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms ease-out;
}
@media only screen and (max-width: 768px) {
  html.is-safari .section__robot-popouts .popout__box:after {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box {
    grid-column: unset;
    grid-row: unset;
    background-color: var(--colorGreen);
    -webkit-backdrop-filter: blur(0.2rem);
            backdrop-filter: blur(0.2rem);
    padding: 1.8rem 1.8rem 1.8rem 1.8rem;
    background-color: rgba(218, 255, 107, 0.75);
    mix-blend-mode: unset;
  }
}
.section__robot-popouts .popout__box.is-active {
  background-color: var(--colorGreen);
  -webkit-backdrop-filter: blur(0.2rem);
          backdrop-filter: blur(0.2rem);
}
html.is-safari .section__robot-popouts .popout__box.is-active {
  background-color: unset;
  -webkit-backdrop-filter: unset;
          backdrop-filter: unset;
}
html.is-safari .section__robot-popouts .popout__box.is-active:before, html.is-safari .section__robot-popouts .popout__box.is-active:after {
  opacity: 1;
}

.section__robot-popouts .popout__box.is-active .arrow {
  transform: rotate(90deg);
}
.section__robot-popouts .popout__box .arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2.7rem;
  height: auto;
  transition: transform 300ms ease-out;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box .arrow {
    display: none;
  }
}
.section__robot-popouts .popout__box .l_right_top,
.section__robot-popouts .popout__box .l_left_bottom {
  width: 3.1rem;
  height: auto;
  position: absolute;
  opacity: 1;
  z-index: 4;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box .l_right_top,
  .section__robot-popouts .popout__box .l_left_bottom {
    width: 1.4rem;
  }
}
.section__robot-popouts .popout__box .l_right_top > path,
.section__robot-popouts .popout__box .l_left_bottom > path {
  transition: stroke-width 300ms ease-out;
  stroke-width: 8;
}
.section__robot-popouts .popout__box .l_right_top {
  right: 0;
  top: 0;
}
.section__robot-popouts .popout__box .l_left_bottom {
  left: 0;
  bottom: 0;
}
.section__robot-popouts .popout__box .headline {
  position: relative;
  z-index: 4;
}
.section__robot-popouts .popout__box .headline h4 {
  font-size: var(--fontSize13);
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.461;
  margin: 0;
  margin-bottom: 0.4rem;
}
.section__robot-popouts .popout__box .headline h3 {
  font-size: var(--fontSize23);
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.26;
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box .headline h3 {
    font-size: var(--fontSize16);
  }
  .section__robot-popouts .popout__box .headline h3 br {
    display: none;
  }
}
.section__robot-popouts .popout__box .headline h3:first-child {
  margin-top: 1.4rem;
  margin-bottom: 0.6rem;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box .headline h3:first-child {
    margin-top: 0;
  }
}
.section__robot-popouts .popout__box .text {
  overflow: hidden;
  width: auto;
  max-width: none;
  padding-top: 0.5rem;
  font-size: var(--fontSize16);
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box .text {
    font-size: var(--fontSize14);
  }
}
.section__robot-popouts .popout__box .text p {
  max-width: 13em;
  min-width: 13em;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box .text p {
    max-width: none;
    min-width: 0;
  }
}
.section__robot-popouts .popout__box:nth-child(2) {
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box:nth-child(2) {
    order: 2;
    margin-left: 2rem;
    width: 13rem;
    background-color: var(--colorGreen);
    z-index: 2;
  }
}
.section__robot-popouts .popout__box:nth-child(3) {
  margin-left: auto;
  margin-top: auto;
}
@media only screen and (max-width: 768px) {
  .section__robot-popouts .popout__box:nth-child(3) {
    order: 8;
    margin-right: 2rem;
    width: 13rem;
    margin-top: -6rem;
    z-index: 5;
  }
}

.section__heads {
  display: grid;
  grid-template-columns: 22rem 1fr;
  margin-top: 10rem;
  padding-bottom: 13rem;
}
@media only screen and (max-width: 768px) {
  .section__heads {
    grid-template-columns: 100%;
    padding-inline: 2rem;
    margin-top: 6.4rem;
    padding-bottom: 0;
  }
}
.section__heads h2 {
  display: flex;
  flex-direction: column;
  font-size: var(--fontSize76);
  margin: 0 auto;
  line-height: 1.052;
  letter-spacing: 0.03em;
  font-weight: 800;
  text-transform: uppercase;
  grid-column: 1/3;
  grid-row: 1/2;
  margin-bottom: 3.4rem;
}
@media only screen and (max-width: 768px) {
  .section__heads h2 {
    font-size: var(--fontSize28);
    grid-column: unset;
    grid-row: unset;
    width: 100%;
    margin-bottom: 2.6rem;
  }
}
.section__heads h2 > span:first-child {
  margin-left: -1.9em;
}
@media only screen and (max-width: 768px) {
  .section__heads h2 > span:first-child {
    margin-left: 0;
    margin-right: auto;
  }
}
.section__heads h2 > span:last-child {
  margin-right: -1.7em;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .section__heads h2 > span:last-child {
    margin-left: auto;
    margin-right: 0;
  }
}
.section__heads .content {
  grid-column: 1/2;
  grid-row: 2/3;
  margin-left: 8rem;
  margin-block: auto;
  margin-right: 1.3rem;
  font-size: var(--fontSize16);
}
@media only screen and (max-width: 768px) {
  .section__heads .content {
    margin-left: 0;
    margin-block: auto;
    margin-right: auto;
    font-size: var(--fontSize14);
    grid-column: unset;
    grid-row: unset;
    max-width: 17em;
  }
}
.section__heads .gradient_holder {
  grid-column: 2/3;
  grid-row: 2/3;
  position: relative;
  min-height: 42rem;
}
@media only screen and (max-width: 768px) {
  .section__heads .gradient_holder {
    grid-column: unset;
    grid-row: unset;
    min-height: 17rem;
  }
}
.section__heads .gradient_holder .img-sequence {
  position: absolute;
  width: 16rem;
  height: auto;
  left: 17rem;
  top: 5rem;
}
@media only screen and (max-width: 768px) {
  .section__heads .gradient_holder .img-sequence.head1 {
    width: 6rem;
    height: auto;
    left: 10.5rem;
    top: 2.3rem;
  }
}
.section__heads .gradient_holder .img-sequence.head2 {
  left: 5rem;
  top: 11rem;
  transform: scaleX(-1);
}
@media only screen and (max-width: 768px) {
  .section__heads .gradient_holder .img-sequence.head2 {
    width: 6rem;
    height: auto;
    left: 6.5rem;
    top: 4rem;
  }
}
.section__heads .gradient_holder .img-sequence.head3 {
  left: 14rem;
  width: 20rem;
  top: 17rem;
}
@media only screen and (max-width: 768px) {
  .section__heads .gradient_holder .img-sequence.head3 {
    width: 6rem;
    height: auto;
    left: 10rem;
    top: 7rem;
  }
}
.section__heads .gradient_holder .gradient {
  z-index: -1;
  position: absolute;
  font-size: 0;
  line-height: 0;
  width: 135rem;
  left: -30rem;
  bottom: -27rem;
  pointer-events: none;
  overflow: hidden;
  transform: rotate(197deg);
}
@media only screen and (max-width: 768px) {
  .section__heads .gradient_holder .gradient {
    width: 41rem;
    left: -7rem;
    bottom: -5.3rem;
  }
}
.section__heads .gradient_holder .gradient img {
  width: 100%;
  height: auto;
}

.section__hi {
  display: grid;
  grid-template-columns: 1fr 32rem;
  grid-template-rows: 25.8rem 20.6rem 1fr;
  position: relative;
  padding-bottom: 1rem;
}
@media only screen and (max-width: 768px) {
  .section__hi {
    margin-top: -1.5rem;
    grid-template-columns: 11.5rem 1fr;
    grid-template-rows: unset;
  }
  .section__hi:after {
    content: "";
    display: block;
    height: var(--borderWidth);
    left: 0;
    position: absolute;
    bottom: 5.7rem;
    width: 100%;
    background-color: var(--borderColor);
  }
}
.section__hi:before {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: 0;
  position: absolute;
  top: 0;
  width: calc(100% - 16rem);
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hi:before {
    width: 100%;
  }
}
.section__hi .content {
  grid-column: 1/2;
  grid-row: 1/3;
  padding-left: 8.2rem;
  padding-top: 9.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 8.6rem;
  border-right: var(--borderWidth) solid var(--borderColor);
  border-bottom: var(--borderWidth) solid var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hi .content {
    grid-column: 1/3;
    grid-row: unset;
    padding: 0;
    padding: 2rem 1.8rem 2.5rem 1.8rem;
    border-right: 0;
    border-bottom: 0;
  }
  .section__hi .content:before {
    content: "";
    display: block;
    width: var(--borderWidth);
    right: 5.7rem;
    position: absolute;
    top: 0;
    top: -1rem;
    height: 8.6rem;
    background-color: var(--borderColor);
  }
}
.section__hi .content .content_mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section__hi .content .content_mobile {
    display: block;
    font-size: var(--fontSize22);
    line-height: 1.25;
  }
}
.section__hi .content h2 {
  display: flex;
  flex-direction: column;
  font-size: var(--fontSize76);
  margin-inline: auto;
  line-height: 1.052;
  letter-spacing: 0.03em;
  font-weight: 800;
  text-transform: uppercase;
  grid-column: 1/3;
  grid-row: 1/2;
  color: var(--colorPurple);
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .section__hi .content h2 {
    grid-column: unset;
    grid-row: unset;
    font-size: var(--fontSize28);
    letter-spacing: 0;
    margin-bottom: 4.5rem;
    position: relative;
  }
  .section__hi .content h2:before {
    content: "";
    display: block;
    width: 10.4rem;
    right: -1.8rem;
    position: absolute;
    bottom: -2.4rem;
    height: var(--borderWidth);
    background-color: var(--borderColor);
  }
}
.section__hi .content h2 > span:last-child {
  margin-left: 2.65em;
}
@media only screen and (max-width: 768px) {
  .section__hi .content h2 > span:last-child {
    margin-left: 3.2em;
  }
}
.section__hi .content .text_lines {
  font-size: var(--fontSize40);
  line-height: 1.25;
}
@media only screen and (max-width: 768px) {
  .section__hi .content .text_lines {
    font-size: var(--fontSize22);
    margin-top: 1.6rem;
  }
}
.section__hi .content .text_lines p {
  margin: 0.5em 0;
}
@media only screen and (max-width: 768px) {
  .section__hi .content .text_lines p {
    margin: 1.2em 0;
  }
}
.section__hi .content .text_lines p:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .section__hi .content .text_lines p:first-child {
    margin-top: 0;
  }
}
.section__hi .content .text_lines p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .section__hi .content .text_lines p:last-child {
    margin-bottom: 0;
  }
}
.section__hi .column {
  border-bottom: var(--borderWidth) solid var(--borderColor);
  font-size: var(--fontSize40);
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-inline: 3.2rem;
}
@media only screen and (max-width: 768px) {
  .section__hi .column {
    font-size: var(--fontSize22);
    line-height: 1.25;
    display: none;
  }
}
.section__hi .column p {
  max-width: 9em;
}
.section__hi .illustration {
  grid-column: 1/2;
  grid-row: 3/4;
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__hi .illustration {
    grid-column: unset;
    grid-row: unset;
  }
  .section__hi .illustration:after {
    content: "";
    display: block;
    width: 4.6rem;
    left: 0;
    position: absolute;
    top: 0;
    height: var(--borderWidth);
    background-color: var(--borderColor);
  }
}
.section__hi .illustration:before {
  content: "";
  display: block;
  width: var(--borderWidth);
  right: 0;
  position: absolute;
  top: 0;
  height: calc(100% - 12rem);
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__hi .illustration:before {
    height: 10.3rem;
  }
}
.section__hi .illustration .illustration_wrapper {
  position: relative;
  width: 30rem;
  margin-left: -15rem;
  aspect-ratio: 1/1;
}
@media only screen and (max-width: 768px) {
  .section__hi .illustration .illustration_wrapper {
    width: 15rem;
    margin-left: -9rem;
  }
}
.section__hi .illustration .illustration_wrapper img {
  width: 100%;
  height: auto;
  will-change: transform, opacity;
}
.section__hi .illustration .illustration_wrapper img.delorean-shadow {
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 768px) {
  .section__hi .illustration .illustration_wrapper img.delorean-shadow {
    top: -2rem;
  }
}
.section__hi .number {
  grid-column: 2/3;
  grid-row: 2/4;
  font-size: 0;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .section__hi .number {
    grid-column: unset;
    grid-row: unset;
    margin-top: -8rem;
  }
}
.section__hi .number svg {
  width: 26rem;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .section__hi .number svg {
    width: 8.5rem;
    margin-left: auto;
  }
}

footer {
  background-image: url(../images/footer_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
footer .innerwrapper {
  width: calc(100% - 16rem);
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto auto auto 1fr;
  font-size: var(--fontSize16);
  line-height: 1.3125;
  height: auto;
  color: var(--colorWhite);
  gap: 0 3rem;
  align-items: end;
  padding-block: 2rem;
}
@media only screen and (max-width: 768px) {
  footer .innerwrapper {
    grid-template-columns: 1fr auto;
    width: 100%;
    padding-inline: 2rem;
    gap: 1rem 0;
  }
}
footer .innerwrapper a {
  color: inherit;
  text-decoration: none;
}
footer .innerwrapper address {
  font-style: normal;
}
@media only screen and (max-width: 768px) {
  footer .innerwrapper address {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
@media only screen and (max-width: 768px) {
  footer .innerwrapper .contact {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
footer .innerwrapper .social {
  display: flex;
  gap: 0 0.7rem;
  align-items: end;
}
@media only screen and (max-width: 768px) {
  footer .innerwrapper .social {
    grid-column: 2/3;
    grid-row: 1/4;
    flex-direction: column;
    margin-bottom: auto;
    margin-top: 0;
    gap: 0.5rem 0;
  }
}
footer .innerwrapper .social a {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 1.66rem;
}
footer .innerwrapper .social a svg {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
  fill: var(--colorWhite);
}
footer .innerwrapper .social .adc {
  width: 6rem;
  margin-left: 1rem;
  margin-bottom: -0.3rem;
}
footer .innerwrapper .social .adc svg {
  width: 100%;
  height: auto;
}
footer .innerwrapper ul.generic {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  footer .innerwrapper ul.generic {
    grid-column: 1/3;
    grid-row: 3/4;
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    font-size: var(--fontSize13);
    width: 100%;
    margin-top: 1rem;
  }
}
footer .innerwrapper ul.generic li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .innerwrapper ul.generic li a {
  color: inherit;
  text-decoration: none;
}
footer .innerwrapper {
  /*
  .column {
  	padding-bottom: 1.2rem;


  	address {
  		font-style: normal;
  	}

  	.social {
  		display: flex;
  		flex-direction: column;
  		gap: 0.7rem 0;

  		a {
  			font-size: 0;
  			line-height: 0;
  			display: block;
  			width: 1.3rem;

  			svg {
  				width: 100%;
  				height: auto;
  				aspect-ratio: 1/1;
  				object-fit: contain;
  			}
  		}
  	}

  	&:first-child {
  		border-right: var(--borderWidth) solid var(--borderColor);
  		display: flex;
  		align-items: center;
  		justify-content: space-between;
  		padding-right: 2rem;
  	}

  	&:last-child {
  		background: linear-gradient(90deg, #DAFF6B 0%, #FFFFFF 100%);
  		display: flex;
  		align-items: center;
  		justify-content: space-between;
  		padding-left: 2rem;

  		> svg {
  			width: 13rem;
  			height: auto;
  		}

  		ul {
  			list-style-type: none;
  			margin: 0;
  			padding: 0;
  			display: flex;
  			flex-direction: column;
  			text-align: right;

  			li {
  				list-style-type: none;
  				margin: 0;
  				padding: 0;

  				a {
  					color: inherit;
  					text-decoration: none;
  				}
  			}
  		}
  	}
  }
  */
}

@keyframes underline-wipe {
  0% {
    transform: scaleX(1);
    transform-origin: right center;
  }
  49% {
    transform: scaleX(0);
    transform-origin: right center;
  }
  50% {
    transform: scaleX(0);
    transform-origin: left center;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left center;
  }
}
.section__hi .content .text_lines a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: color 250ms ease-out;
}
.section__hi .content .text_lines a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.1em;
  width: 100%;
  height: 2px;
  background-color: var(--colorBlack);
  transform: scaleX(1);
  transform-origin: left center;
  transition: background-color 250ms ease-out;
  pointer-events: none;
}
.section__hi .content .text_lines a:after {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45'><path fill='%237f00ff' d='M43.5 0a1.486 1.486 0 0 1 1.064 2.538L5.1 42.023h38.342a1.489 1.489 0 0 1 0 2.977H1.511c-.026 0-.049-.01-.075-.011a1.5 1.5 0 0 1-.27-.04c-.044-.011-.089-.018-.131-.033s-.079-.013-.116-.029a1.5 1.5 0 0 1-.209-.125l-.036-.022A1.48 1.48 0 0 1 0 43.512V1.556a1.488 1.488 0 1 1 2.975 0v38.362L42.437.434A1.48 1.48 0 0 1 43.5 0'/></svg>");
  background-size: 98% auto;
  left: calc(100% + 0.5em);
  top: 0em;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 250ms ease-out;
  pointer-events: none;
}
@media (hover: hover) {
  .section__hi .content .text_lines a:hover {
    color: var(--colorPurple);
  }
  .section__hi .content .text_lines a:hover:before {
    animation: underline-wipe 0.5s ease forwards;
    background-color: var(--colorPurple);
  }
  .section__hi .content .text_lines a:hover:after {
    opacity: 1;
  }
}

.section__imprint-page {
  --innerSpacing: 11rem;
}
.section__imprint-page .innerwrapper .inner__container {
  padding-inline: var(--innerSpacing);
  display: grid;
  grid-template-columns: 41% 1fr;
}
@media only screen and (max-width: 768px) {
  .section__imprint-page .innerwrapper .inner__container {
    grid-template-columns: 100%;
    padding-inline: 0;
  }
}
.section__imprint-page .innerwrapper .inner__container .headline {
  grid-column: span 2;
  padding-top: 9.4rem;
  padding-left: 3rem;
  padding-bottom: 1rem;
  border-left: var(--borderWidth) solid var(--borderColor);
  position: relative;
}
@media only screen and (max-width: 768px) {
  .section__imprint-page .innerwrapper .inner__container .headline {
    grid-column: unset;
    border-left: 0;
    border-bottom: var(--borderWidth) solid var(--borderColor);
    padding-inline: var(--sideSpacing);
    width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
    margin-inline: calc(var(--sideSpacing) * -1);
    padding-top: 5rem;
  }
}
.section__imprint-page .innerwrapper .inner__container .headline:after {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: calc((var(--innerSpacing) + var(--sideSpacing)) * -1);
  position: absolute;
  bottom: 0;
  width: calc(100% + var(--sideSpacing) + var(--innerSpacing) + var(--sideSpacing) + var(--innerSpacing));
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__imprint-page .innerwrapper .inner__container .headline:after {
    display: none;
  }
}
.section__imprint-page .innerwrapper .inner__container .headline h1 {
  font-size: var(--fontSize40);
  text-transform: uppercase;
  margin: 0;
}
.section__imprint-page .innerwrapper .inner__container .column {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .section__imprint-page .innerwrapper .inner__container .column {
    border-bottom: var(--borderWidth) solid var(--borderColor);
    padding-inline: var(--sideSpacing);
    width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
    margin-inline: calc(var(--sideSpacing) * -1);
    padding-block: 2rem;
  }
}
@media only screen and (min-width: 769px) {
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(2) {
    padding: 1rem;
    grid-row: 2/4;
    border-right: var(--borderWidth) solid var(--borderColor);
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(3) {
    max-width: 26rem;
    padding-left: 5.4rem;
    padding-right: 3rem;
    grid-row: 2/3;
    height: 20.7rem;
    border-right: var(--borderWidth) solid var(--borderColor);
    position: relative;
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(3):before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24.591' height='35.914' viewBox='0 0 24.591 35.914'><path fill='none' stroke='%23000' stroke-width='8' d='M0 3.999h20.591v31.914'></path></svg>");
    background-repeat: no-repeat;
    background-size: 100% auto;
    aspect-ratio: 24.591/35.914;
    width: 2.7rem;
    position: absolute;
    right: 0;
    top: 0;
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(3):after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24.591' height='35.914' viewBox='0 0 24.591 35.914'><path fill='none' stroke='%23000' stroke-width='8' d='M24.591 31.915H4V.001'></path></svg>");
    background-repeat: no-repeat;
    background-size: 100% auto;
    aspect-ratio: 24.591/35.914;
    width: 2.7rem;
    position: absolute;
    left: 0;
    bottom: -1px;
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(4) {
    grid-row: 3/4;
    padding-left: 5.4rem;
    padding-right: 3rem;
    padding-block: 4.3rem;
    position: relative;
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(4):before {
    content: "";
    display: block;
    height: var(--borderWidth);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 2rem);
    background-color: var(--borderColor);
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(5) {
    grid-column: span 2;
    padding: 4rem 1rem;
    border-right: var(--borderWidth) solid var(--borderColor);
    position: relative;
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(5):before {
    content: "";
    display: block;
    height: var(--borderWidth);
    left: 1rem;
    position: absolute;
    top: 0;
    width: calc(100% + var(--sideSpacing) + var(--innerSpacing) - 1rem);
    background-color: var(--borderColor);
  }
  .section__imprint-page .innerwrapper .inner__container .column:nth-child(5) .column__inner {
    max-width: 50em;
  }
}
.section__imprint-page .innerwrapper .inner__container .column .column__inner h2 {
  font-size: var(--fontSize22);
  line-height: 1.09;
  text-transform: uppercase;
  margin: 0;
}
.section__imprint-page .innerwrapper .inner__container .column .column__inner p:first-child {
  margin-top: 0;
}
.section__imprint-page .innerwrapper .inner__container .column .column__inner p:last-child {
  margin-bottom: 0;
}

.section__agb-page {
  --innerSpacing: 11rem;
}
.section__agb-page .innerwrapper .inner__container {
  padding-inline: var(--innerSpacing);
  display: grid;
  grid-template-columns: 41% 1fr;
}
@media only screen and (max-width: 768px) {
  .section__agb-page .innerwrapper .inner__container {
    grid-template-columns: 100%;
    padding-inline: 0;
  }
}
.section__agb-page .innerwrapper .inner__container .headline {
  grid-column: span 2;
  padding-top: 9.4rem;
  padding-left: 3rem;
  padding-bottom: 1rem;
  border-left: var(--borderWidth) solid var(--borderColor);
  position: relative;
  display: flex;
  gap: 0 1.3em;
}
@media only screen and (max-width: 768px) {
  .section__agb-page .innerwrapper .inner__container .headline {
    grid-column: unset;
    border-left: 0;
    border-bottom: var(--borderWidth) solid var(--borderColor);
    padding-inline: var(--sideSpacing);
    width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
    margin-inline: calc(var(--sideSpacing) * -1);
    padding-top: 5rem;
  }
}
.section__agb-page .innerwrapper .inner__container .headline:after {
  content: "";
  display: block;
  height: var(--borderWidth);
  left: calc((var(--innerSpacing) + var(--sideSpacing)) * -1);
  position: absolute;
  bottom: 0;
  width: calc(100% + var(--sideSpacing) + var(--innerSpacing) + var(--sideSpacing) + var(--innerSpacing));
  background-color: var(--borderColor);
}
@media only screen and (max-width: 768px) {
  .section__agb-page .innerwrapper .inner__container .headline:after {
    display: none;
  }
}
.section__agb-page .innerwrapper .inner__container .headline h1 {
  font-size: var(--fontSize40);
  text-transform: uppercase;
  margin: 0;
}
.section__agb-page .innerwrapper .inner__container .column {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .section__agb-page .innerwrapper .inner__container .column {
    border-bottom: var(--borderWidth) solid var(--borderColor);
    padding-inline: var(--sideSpacing);
    width: calc(100% + var(--sideSpacing) + var(--sideSpacing));
    margin-inline: calc(var(--sideSpacing) * -1);
    padding-block: 2rem;
  }
}
@media only screen and (min-width: 769px) {
  .section__agb-page .innerwrapper .inner__container .column {
    padding-block: 3rem;
    grid-column: span 2;
    position: relative;
  }
  .section__agb-page .innerwrapper .inner__container .column:after {
    content: "";
    display: block;
    height: var(--borderWidth);
    right: calc((var(--innerSpacing) + var(--sideSpacing)) * -1);
    position: absolute;
    bottom: 0;
    width: calc(100% + var(--sideSpacing) + var(--innerSpacing));
    background-color: var(--borderColor);
  }
  .section__agb-page .innerwrapper .inner__container .column:nth-of-type(3n + 3):after {
    right: auto;
    left: calc((var(--innerSpacing) + var(--sideSpacing)) * -1);
  }
}
.section__agb-page .innerwrapper .inner__container .column .column__inner h2 {
  font-size: var(--fontSize22);
  line-height: 1.09;
  text-transform: uppercase;
  margin: 0;
}
.section__agb-page .innerwrapper .inner__container .column .column__inner p:first-child {
  margin-top: 0;
}
.section__agb-page .innerwrapper .inner__container .column .column__inner p:last-child {
  margin-bottom: 0;
}