body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
@font-face {
  font-family: "Fira Sans";
  src: url("_fonts/fira-sans-v10-latin-900.woff2") format("woff2");
  font-weight: 900;
}
@font-face {
  font-family: "Fira Sans";
  src: url("_fonts/fira-sans-v10-latin-300.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: "Fira Sans";
  src: url("_fonts/fira-sans-v10-latin-regular.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Fira Sans";
  src: url("_fonts/fira-sans-v10-latin-600.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Fira Sans";
  src: url("_fonts/fira-sans-v10-latin-500.woff2") format("woff2");
  font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
}

p, li, figcaption {
  text-wrap: pretty;
}

html {
  font-size: clamp(0.8rem, 2vmax + 0.15rem, 2.8rem);
}

body {
  font-family: "Fira Sans", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}
body h1, body h2, body h3, body h4, body p {
  margin: 0;
  padding: 0;
}
body h1, body h2, body h3, body h4 {
  line-height: 1.2;
}
body h1 {
  font-size: 1.5rem;
}

body p, ul, h3, h4, h5 {
  font-size: 0.7rem;
  letter-spacing: 0.75px;
}

h2, h2.wp-block-heading {
  font-size: 1rem;
  margin-bottom: 2ch;
}

a:-moz-any-link {
  color: unset;
  text-decoration: none;
}

a:any-link {
  color: unset;
  text-decoration: none;
}

body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
html, body {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

body * {
  box-sizing: border-box;
}

body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr var(--gc-main) 1fr 1fr 1fr;
}

main {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr var(--gc-main) 1fr 1fr 1fr;
  grid-column: 1/-1;
  background: hsl(201deg, 17%, 20%);
  margin: 2rem 0;
  /* @include breakpoint(tablet, landscape) {

  grid-column: unquote($grid-col-main);
  } */
}

body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
nav {
  grid-column: 1/-1;
  position: fixed;
  position: sticky;
  width: 100%;
  color: white;
  background: rgb(207, 147, 179);
}

body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
footer {
  position: relative;
  display: grid;
  grid-column: 1/-1;
  justify-content: center;
  background: white;
}

.footer-disclaimer {
  position: relative;
  padding: 1ch;
  background: rgba(255, 255, 255, 0.85);
}
.footer-disclaimer p {
  font-size: 0.7rem;
  color: black;
  text-align: center;
}
.footer-disclaimer p b {
  font-weight: bold;
}

body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
.hero {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background: rosybrown;
}

body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
.start-bg {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(_bm/bg/checker_hell.png);
  background-color: hsl(201deg, 17%, 21%);
  background-size: 0.75vw;
  z-index: -100;
}

body {
  --gc-main: 80%;
  --gc-main-half: calc((100% - (var(--gc-main))) / 2);
}

@media screen and (min-width: 1024px) and (orientation: landscape) {
  body {
    --gc-main: 70%;
  }
}
@media screen and (min-width: 1480px) and (orientation: landscape) {
  body {
    --gc-main: 60%;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  body {
    --gc-main: 80%;
  }
}
.cp-shape {
  -webkit-clip-path: polygon(74% 95%, 52% 93%, 22% 74%, 18% 51%, 17% 21%, 12% 10%, 28% 0%, 56% 2%, 95% 13%, 98% 51%, 98% 69%, 94% 84%);
          clip-path: polygon(74% 95%, 52% 93%, 22% 74%, 18% 51%, 17% 21%, 12% 10%, 28% 0%, 56% 2%, 95% 13%, 98% 51%, 98% 69%, 94% 84%);
}
.cp-shape img {
  -o-object-fit: cover;
     object-fit: cover;
}

@view-transition {}
section.content {
  grid-column: 4/5;
  color: white;
}

div.banner {
  position: relative;
  grid-column: 1/-1;
  height: 30vh;
  background: rgb(241, 190, 231);
  overflow: hidden;
}
div.banner picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
div.banner picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
div.banner .banner-desc {
  position: absolute;
}/*# sourceMappingURL=cs.css.map */