@font-face {
  font-family: "Neue Kabel";
  src: url("./font/NeueKabel-Book.woff2") format("woff2"),
    url("./font/NeueKabel-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  /* font-display: swap; */
}

@font-face {
  font-family: "Neue Kabel";
  src: url("./font/NeueKabel-Bold.woff2") format("woff2"),
    url("./font/NeueKabel-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  /* font-display: swap; */
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("./font/BrandonGrotesque-Black.woff2") format("woff2"),
    url("./font/BrandonGrotesque-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

:root {
  --type: 1.1rem;
  --type-weight-default: 400;
  --type-weight-bold: 700;
  --type-height-default: 1.4;
  --type-height-s: 1.15;
}

body {
  color: var(--txt);
  font-size: var(--type);
  font-weight: var(--type-weight-default);
  line-height: var(--type-height-default);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  text-rendering: optimizeLegibility;
  text-align: left;
}

.font-regular,
body {
  font-family: "Neue Kabel" !important;
  font-weight: normal;
  font-style: normal;
}

.font-bold {
  font-family: "Neue Kabel";
  font-weight: bold;
  font-style: normal;
}

.font-brandon {
  font-family: "Brandon Grotesque";
  font-weight: 900;
  font-style: normal;
}

h1 {
  font-size: 2.5vmax;
  max-width: 40vmax;
  text-align: center;
}

.txt-center, .font-center {
  text-align: center;
}

.txt-left {
  text-align: left;
}

.txt-s {
  font-size: 0.8rem;
}

.txt-m {
  font-size: 1.5rem;
}

.txt-l {
  font-size: 1.8rem;
}

.txt-xl {
  font-size: 3rem;
}

.txt-super {
  font-size: 4rem;
}

.txt-pointer {
  cursor: pointer;
}

.txt-italic {
  font-style: italic;
}
@media (orientation: landscape) {

.txt-justify,
.txt-justify p {
  text-align: justify;
}
}


.word-space {
  word-spacing: 2px;
}

.uppercase {
  text-transform: uppercase;
}

.txt-bold-no-reflow {
  text-shadow: 1px 0 0 currentColor;
}

.txt-break {
  overflow-wrap: break-word;
  word-break: break-all;
}

.txt-center {
  text-align: center;
}


.txt-numbers {
  font-variant-numeric: tabular-nums;
}

.txt-pointer {
  cursor: pointer;
}

.txt-spacing {
  letter-spacing: 1px;
}

::-webkit-selection {
  background-color: var(--brand);
  color: var(--pristine);
}

::-moz-selection {
  background-color: var(--brand);
  color: var(--pristine);
}

::selection {
  background-color: var(--brand);
  color: var(--pristine);
}

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

* {
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
}

body {
  overflow-y: scroll;
}

aside,
article,
footer,
header,
main,
nav,
section {
  display: block;
}

img {
  border: 0;
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

ul {
  list-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation: none !important;
    animation: none !important;
    transition: none !important;
  }
}

:root {
  --spacingX: 12px;
  --container: 1660px;
  --navHeight: 100px;
}

/* CORE */

main {
  width: 100%;
  max-width: var(--container);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

article {
  min-height: calc(100vh - 70px);
  position: relative;
}

article.clamped {
  overflow: hidden;
}
article.thin {
  width:100%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding:0 12px;
}

@media (orientation: landscape) {
  .col-to-row,.col-to-row-compact {
    flex-direction: row !important;
  }
  .col-to-row > *:last-child {
    min-width: 50%;
    max-width: 50%;
    padding-left: 12px;
  }

  .col-to-row.col-to-row-last-smaller > *:last-child {
    min-width: 36%;
    max-width: 36%;
    padding-left: 12px;
  }
  .col-to-row > .padding-top {
    padding-top: 180px;
  }
  article.thin {
  padding:0;
}
}

.col-to-row,
.col-to-row-compact{
  display: flex;
  flex-direction: column;
}

/* TEAM */


.team-quote {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top:5rem;
  margin-bottom: 3rem;
}

@supports not (display: grid) {

.humans {
   display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: calc(100% - 6px);
  margin-top: 12px;
  margin-bottom: 12px;
}
.humans li {
  flex: 1 0 100%;
  margin-bottom: 20px;
}

@media (min-width: 640px) {
  .humans {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .humans li {
    flex: 0 0 48%;
  }
}

@media (min-width: 1024px) {
  .humans {
    justify-content: center;
  }

  .humans li {
    display: flex;
    flex-direction: column;
    flex: 0 0 22%;
    min-height: 100%;
    margin-bottom: 60px;
    align-self: stretch;
  }
  .humans li:not(:nth-child(4n)) {
    margin-right: 2%;
  }
}

@media (orientation: landscape) {
  .humans {
    max-width: 1200px;
  }
}

}

@media (orientation: landscape) {
  .team-quote {
  max-width: 75%;
}
}


.humans {
  display: grid;
  grid-template-columns: 1fr;
    max-width: calc(100% - 6px);
  margin-top: 12px;
  margin-bottom: 12px;
}

@media (min-width: 640px) {
  .humans {
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 60px;
    grid-column-gap: 10px;
  }
}
@media (orientation: landscape) {
  .humans {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .humans {
    grid-template-columns: 1fr 1fr  1fr  1fr;
  }
}

img.human-portrait {
  width: 100%;
  min-height:300px;

}
.human-description-truncated {
  flex: 1;
}
button.human-button {
  display: flex;
  align-self: stretch;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  margin: 12px 0;
  font-size: var(--type);
  font-weight: var(--type-weight-bold);
}

.humans-motto {
  margin: 100px 0;
}

.human-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 290px;
}


.human-header {
}


.human-footer {
  
}

/* PROJECT */
.projects-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.project-list-item {
  width: 100%;
}
@media (min-width: 960px) {
  .project-list-item {
    width: 50%;
  }
}
.project-list-item a {
  display: flex;
  position: relative;
  min-height:48vh;
  max-height: 48vh;
}

.project-list-item .mask {
   position: absolute;
     top: 8%;
    left: 10%;
  animation: all ease-in 200ms;
  color:var(--pristine);
  filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
  pointer-events: none;
  z-index: 3;
  opacity: 1;

}

.project-list-item a:hover .mask{
  color:var(--brand);
}

.mask p:first-of-type{
max-width: 70%
}
@media (min-width: 1024px) {
.mask p:first-of-type{
max-width: 60%
}
}


.project-list-item img{
  object-fit: cover;
  position: relative;
  z-index: 2;
}



.project-story p + p {
  margin-top: var(--lobotomized-owl);
}

.project-story h3 {
  display: block;
  font-family: "Neue Kabel";
  font-weight: bold;
  font-style: normal;
  color: var(--brand);
  font-size: 1.6rem;
  text-align:left!important;
  margin-bottom:1.2rem;
}
.project-story p + h3 {
  margin-top: 1.2rem;
}

.project-hero{
  position: relative;
}
.project-hero-image {
  width: 100%;
  display: block;
  object-fit: contain;
}

.project-body div {
  width: 100%;
}

.project-narrow-service img {
  width: 100%;
}

@media screen and (min-width:960px) {
  .project-narrow-service {
  margin-top: 18px;
}
 .project-body {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .project-wide {
    /* flex: 1 0 60%; */
    flex:1;
    max-width:600px;
  }
  .project-narrow {
    flex:1;
    max-width: 560px;
    padding-left:60px;
  }
}

@media screen and (min-width:1400px) {
.project-body{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
}

/* SERVICE */
.service-featured {
  border: 4px solid var(--brand);
  padding: 1.1rem;  
  color: var(--brand);
  text-align: center!important;
font-size: 1.5rem;
} 

.service-featured p {
  text-align: center!important;
font-size: 1.5rem;
}

.service-featured p + p {
  font-weight: bold;
}

.service-story > *::first-child {
  color:var(--brand);
  font-size:1.8rem;
}
footer {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

footer > * + * {
  margin-top:12px;
}
@media (orientation: landscape) {
  footer {
     flex-direction: row;
    justify-content: center;
    align-items: baseline;
  }
  footer > * + * {
  margin-top:0;
  margin-left:12px;
}
}


.cookie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color:#191919;
    padding: 1rem 1rem 0 1rem;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 9999999;
    color: #fff;
    font-size: .9rem;
    opacity: 0;
}
.cookie > *:first-child{
    flex:1;
}

.cookie a {
  color:#fff!important;
}

@media (orientation: landscape) {
    .cookie {
      padding: 0 1rem;
    }
}


/* VIDEO */

        .video-container {
                width:100%;
                height: 85vh;
            }
            @media (orientation: landscape) {
            .video-container {
                    height: 85vh;
                    }
            }
            .play-wrapper[data-poster] {
             border-radius: 50%!important;
            background-color: rgba(255,255,255,.1)!important;
            width: 200px!important;
            height: 200px!important;
            }
             .play-wrapper[data-poster] svg {
               height: 50%!important;
               transform: translate(9px,48px)
             }
                .play-wrapper[data-poster] svg path {
                fill: rgba(255,255,255,.7) !important;
            }
            .spinner-three-bounce[data-spinner] > div {
            background-color: rgb(0, 43, 255) !important;
            }
            .video-container video{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }



/* SLIDERS */
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: 0;
}
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}
.flickity-button:hover {
  background: #fff;
  cursor: pointer;
}
.flickity-button:focus {
  outline: 0;
  box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
  opacity: 0.6;
}
.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}
.flickity-button-icon {
  fill: currentColor;
}
.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
  left: 10px;
}
.flickity-prev-next-button.next {
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}
.flickity-page-dots {
  z-index: 9;
  position: absolute;
  width: 100%;
  bottom: 25px;
  right:6%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
  line-height: 1;
}
.flickity-rtl .flickity-page-dots {
  direction: rtl;
}
.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: var(--pristine);
  border-radius: 50%;
  opacity: .9;
  cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
  opacity: 1;
  background-color: var(--brand);
}

.landing-slider {
    max-width: 100%;
    padding:0 10px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    opacity:0;
}
.landing-slider ul,.shots-slider ul,.landing-slider-item ul{
  list-style: none;
}
        @media screen and (min-width: 1024px) {
.landing-slider {
    padding:0 80px;
}
        }



.landing-slider-item{
      width:32%;
      margin-right:20px;
      min-height:400px;

  }
      .landing-slider-item a{
      text-decoration:none;
      padding:2px 4px;
  }

      @media (orientation: portrait) {
  .landing-slider-item{
          width: 70%;
      }
  }

     .landing-slider .flickity-prev-next-button,.service-slider .flickity-prev-next-button {
        width: 70px;
        height: 70px;
        }
        @media screen and (min-width: 1024px) {
                 .landing-slider .flickity-prev-next-button,  .service-slider .flickity-prev-next-button {
        width: 100px;
        height: 100px;
        }
               .landing-slider .flickity-prev-next-button.next{
            right:-70px;
        }

        .landing-slider .flickity-prev-next-button.previous{
            left:-70px
        }
        }

.flickity-prev-next-button:hover{
  background-color:transparent!important;
} 

.flickity-prev-next-button:focus{
    background-color:transparent!important;
    border:none!important;
}

.flickity-button {
    background: transparent!important;
    }
    
 .flickity-button-icon {
  fill: var(--brand)!important;
  }
.flickity-button:disabled {
  display: none;
  }


  .service-slider,.shots-slider {
                max-width: 100%;
                padding:0;
                margin-right: auto;
                margin-left: auto;
                overflow: hidden;
                opacity: 0;
            }
  .service-slider-short {
    opacity: 0;
                padding:0;
                overflow: hidden;

  }
         .shots-slider .flickity-prev-next-button.next{
            right:-10px;
        }

       .shots-slider .flickity-prev-next-button.previous{
            left:-10px
        }

        @media screen and (min-width:1024px) {
  
            .shots-slider .flickity-prev-next-button.next{
            right:10px;
        }

        .shots-slider .flickity-prev-next-button.previous{
            left:10px
        }
        }
            .service-slider ul,.service-slider-short {
                list-style: none;
                overflow: hidden;
            }

       .service-slider li {
            width:86%;
          
       }
       
       .service-slider-short li {
            width:86%;
            min-height:40vh;
          max-height:75vh;
        }

.shots-slider li {
      width:86%;
}

 .landing-slider-mobile{
   position: absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   min-height: 98vh;
  opacity: 0;
  z-index: 99;
 }

 .landing-slider-mobile ul {
  background-color: var(--brand);
   margin:0!important;
 }
.landing-slider-item-mobile{
  width:100%;
  overflow: hidden;
  max-height: 98vh;

}
 .landing-slider-mobile .landing-slider-mobile-title {
   position: absolute;
      bottom: 40px;
    left: 8%;
   color:var(--pristine);
   font-weight: bold;
   text-transform: uppercase;
   font-size: 4vmax;
   font-size: 1.5rem;
 }
  .landing-slider-mobile img {
    width: 100%;
    object-fit: cover;
  }
      @media (min-width:640px) {
  .landing-slider-mobile{
  display: none!important;
  }
  }
#hide-slider-js-mobile {
  background-color:var(--brand);
  color: var(--pristine);
  width:100%;
  height:80px;
  text-align: center;
  line-break: 80px;
  border:1px solid var(--brand);
}
#hide-slider-js-mobile span {
  border:2px solid var(--pristine);
  padding:8px 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
#hide-slider-js-mobile:hover,#hide-slider-js-mobile:focus {
  outline: none;
}

.fake-footer  {
  background-color: #191919;
  padding:18px 0;
  text-align: center;
}
.fake-footer > p{
  color:var(--brand);
  font-size: 1.6rem; 
  margin-bottom: 12px;
}
.fake-footer strong {
  letter-spacing: 2px;
  margin-right: 12px;
}

.fake-footer > p + p {
  color:var(--pristine);
  font-size: 1rem; 
}

@media screen and (orientation: landscape) {
.fake-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}
.fake-footer p {
  margin-bottom: 0!important;
}
.fake-footer > *:not(:last-of-type){
  margin-right:24px;
}
}

.landing-slider-mobile .flickity-prev-next-button {
  display: none!important;
}

.lang-selector > * {
  display: flex!important;
  margin-right:12px!important;
  
}

.lang-selector > *::last-child{
  margin-right: 0!important;
}
[data-pushbar-id] .lang-selector a{
  font-size: 1.2rem!important;
  color: var(--pristine)!important;
  margin-bottom: 0!important;
  text-decoration: underline;
   text-underline-offset:6px;
}

.landscape-nav .social-links {
  transform: translate(0,-1px);

}    
.lang-selector-landscape{
  transform: translate(0,-2px);
}

.lang-selector-landscape a {
  color:var(--brand)!important;
   text-underline-offset:2px;
}
.lang-selector-landscape > * {
  max-width: 200px;
  margin-right: 3px!important;
}
/* UTILS */

.scroll-down {
  animation: all ease-in 200ms;
  display: none;
}
.plyr__control--overlaid {
  background: var(--pristine) !important;
  transform: translate(-50%, -50%) scale(2) !important;
  transform-origin: center;
}

@media screen and (min-width: 1024px) {
  .plyr{
    max-height: 85vh;
  }
  .plyr__control--overlaid {
    transform: translate(-50%, -50%) scale(3.5) !important;
    transform-origin: center;
  }

  .scroll-down {
  display: block;
  position: absolute;
  left:50%;
  bottom:0;
  transform-origin: left;
  transform:scale(2.5) translate(-50%,-20px);
  z-index: 99;
  opacity:.4;

}
.scroll-down:hover {
  opacity:1;
}
}


.plyr__control--overlaid svg {
  fill: #ddd !important;
}
.logos-row img {
  max-width: 120px;
}

.logos-row-team {
  padding:0 .8rem;
}

.logos-row-team img{
  max-width: 100px;
  margin-top:1rem;
  /* object-fit: contain; */
}
/* .logos-row.logos-row-team img {
  filter:grayscale(100%);
  mix-blend-mode: screen;
} */
.logos-row-team > *:not(:last-of-type) {
  margin-right: 1.2rem;
}
.logos-row > * {
  margin-bottom: 1.2rem;
}
.logos-row > *:not(:last-of-type) {
  margin-right: 0.9rem;
}

.contact-msg {
  width:90%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 100px);
}

@media screen and (orientation: landscape) {
.contact-msg {
  width:auto;
}
}

.social-links {
  max-width: 70%;
  transform: translateY(-4px);
}
[data-pushbar-id="left"] .social-links li:not(:last-of-type){
margin-right:12px;
}

.ficha-item > *:first-child{
  margin-right:8px;
  width: 100%;
  max-width: 130px;
}
.ficha-item:not(:last-of-type){
margin-bottom: 12px;
}

.full-screen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
}

.d-block {
  display: block;
}
.space-y {
  margin: 2.5rem 0;
}
.void-x {
  padding: 0 var(--spacingX);
}

.void-xx2 {
  padding: 0 24px;
}
@media screen and (orientation: portrait) {
.mobile-void-x-l{
  padding: 0 24px;

}
}


.bordered {
  border: 4px solid var(--brand);
}

.padded {
  padding: 1rem;
}
.padding-x {
  padding:0 16px;
}
.pxl {
  padding-left:18px;
}

.tingle-modal__closeLabel{
   border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.tingle-modal {
  background-color: var(--pristine) !important;
  /* filter:blur(2px); */
}
.tingle-modal:before {
  backdrop-filter: blur(2px) !important;
  -webkit-backdrop-filter: blur(2px) !important;
}
.tingle-modal__close {
  background-color: transparent !important;
  color: var(--brand) !important;
}

.tingle-modal__close:focus {
  border:1px solid transparent!important;
  outline:none!important;
}

.tingle-modal-box {
  border: 4px solid transparent;
  background-color: transparent !important;
  color: var(--brand);
  border-radius: 0 !important;
}

@media (orientation: landscape) {
.tingle-modal-box {
  border: 4px solid var(--brand);
}
.tingle-modal__close {
  color: var(--brand) !important;
}
}


.object-left {
  object-position: left;
}

.object-right {
  object-position: right;
}

.object-center {
  object-position: center;
}

/*

  a.active

*/
a,
a:visited,
a:hover {
  color: currentColor;
  background-color: transparent;
}

a,
.touch-no-delay {
  touch-action: manipulation;
  letter-spacing: 1px;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.link-stretch::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.remove-underline {
  text-decoration: none !important;
}

.row-start,
.row-end,
.row-center,
.row-around,
.row-between,
.col-around,
.col-between,
.col-center,
.col-end,
.col-start {
  display: flex;
}

.row-start,
.row-end,
.row-center,
.row-around,
.row-between {
  flex-direction: row;
}

.col-around,
.col-between,
.col-center,
.col-end,
.col-start {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-grow {
  flex-grow: 1;
}

.flex-stretch {
  display: flex;
  align-self: stretch;
}

.main-axis-start {
  justify-content: flex-start;
}
.main-axis-between {
  justify-content: space-between;
}
.cros-axis-start {
  align-items: flex-start;
}
.row-start {
  justify-content: flex-start;
}

.row-end {
  justify-content: flex-end;
}

.row-center {
  justify-content: center;
}

.row-around {
  justify-content: space-around;
}

.row-between {
  justify-content: space-between;
}

.col-center {
  justify-content: center;
}

.col-start {
  justify-content: flex-start;
}

.col-end {
  justify-content: flex-end;
}

.col-around {
  justify-content: space-around;
}

.col-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.align-baseline {
  align-items: baseline;
}

/* THEME */

:root {
  --txt: #191919;
  --brand: rgb(0, 43, 255);
  --pristine: #fff;
  --dark-bg: rgb(13, 0, 66);
}

.-txt {
  color: var(--txt, #191919);
}
._pristine {
  background-color: var(--pristine, #fff);
}
.-pristine {
  color: var(--pristine, #fff);
}
.-brand {
  color: var(--brand, #002bff);
}
._brand {
  background-color: var(--brand, #002bff);
}
._bg_dark {
  background-color: var(--dark-bg, rgb(13, 0, 66));
}
.hr {
  width:100%;
  height:1px;
  display: block;
  background-color: rgba(255,255,255,.2);
}
/* UTILS */

:root {
  --breakpoint: 64rem;
  --lobotomized-owl: 1.2rem;
  --lobotomized-owl-s: .6rem;
  --max-layout-width: 60ch;
}

@media (max-width: 64rem) {
  :root {
    --lobotomized-owl: 1rem;
  }
}

.owl > * + * {
  margin-top: var(--lobotomized-owl, 1rem);
}

.owl-s > * + * {
  margin-top: var(--lobotomized-owl-s, .6rem);
}

.owl-recursive * + * {
  margin-top: var(--lobotomized-owl, 1rem);
}

.offscreen {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

@media (orientation: portrait) {
  .landscape-only {
    display: none;
  }
}

@media (orientation: landscape) {
  .portrait-only {
    display: none;
  }
}