/* CSS Document */
@import url('/fonts/Neulis/stylesheet.css');
@import url('/fonts/Inter/stylesheet.css');

:root {
  --colorDark: rgba(26, 27, 29, 1.00);
  --colorDark90: #353535;
  --colorDark80: #4D4D4D;
  --colorDark50: #8A8A8A;
  --colorLight: rgba(231, 231, 231, 1.00);
  --colorWhite: rgba(255, 255, 255, 1.00);
  --colorAccent: #CA6B17;
  --colorSuccess: #309E46;
  --colorError: #CA4917;
    
  --filterAccent: invert(41%) sepia(71%) saturate(3622%) hue-rotate(16deg) brightness(101%) contrast(82%);
    
  --borderRadiusCell: 2rem;
  --borderRadiusPhoto: 1rem;
  --borderRadiusHalf: .5rem;
    
  --marginMain: 2rem;
    
  --speedTransitionMain: .3s;
  --speedTransitionModal: .8s;
  --widthContent: 1400px;
}

.chrome-tab-content-url, .chrome-search-bar {
width: calc(100% - 110px - 50px);
}
.chrome-tab-content-window {
height: calc(100% - 37px);
}
.skill-ui, 
.chrome-tabs, 
.ux-handles, 
.skill-video-ui-head-box,
.bim-info, 
.bim-title,
.footer-photos,
.skill-ui-gradient,
.skill-ui-progress,
.grain,
.shitblock,
.skill-work-mbp-absolute,
.footer-box {
pointer-events: none;
}
.chrome-tab-content-url, 
.chrome-tabs-menu, 
.chrome-tab-content-window, 
.chrome-bim-menu,
.transition,
.cta,
.skill-ui-titles-mobile,
.skill-ui-titles-overflow,
.shitblock-notification,
.shitblock-cookies,
.shitblock-newsletter,
.chrome-shitblock,
.skill-work-mbp-point {
pointer-events: auto;
}

/* GENERAL */
body {
  margin: 0;
  background-color: var(--colorDark);
  color: var(--colorLight);
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.5;
}
*::-webkit-scrollbar {
  position: absolute;
  width: 7px;
  height: 7px;
}
*::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  border: solid 2px rgba(0, 0, 0, 0);
  border-radius: 100px;
}
*::-webkit-scrollbar-thumb {
  background: var(--colorDark80);
  border-radius: 100px;
  border: solid 2px rgba(0, 0, 0, 0);
}
*::-webkit-scrollbar-thumb:hover {
  background: var(--colorAccent);
  width: 12px;
  height: 12px;
}
.grain {
  position: fixed;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.4;
}
@keyframes grainmove {
  0% {
    background-position: -100px -100px;
    transform: rotate(90deg);
  }
  35% {
    background-position: 300px 300px;
    transform: rotate(180deg);
  }
  75% {
    background-position: 200px 0;
    transform: rotate(0);
  }
  100% {
    background-position: 100px 200px;
    transform: rotate(90deg);
  }
}
.grain-overflow {
  position: relative;
  width: 300%;
  height: 300%;
  background-image: url('../images/grain_texture.png');
  background-position: 0px 0px;
  background-size: 396px;
  opacity: 1;
  animation: grainmove 5s 0s infinite steps(5);
}
section {
  position: relative;
  padding-top: calc(4 * var(--marginMain));
}
a {
  color: inherit;
  text-decoration: inherit;
  transition-duration: var(--speedTransitionMain);
}
a[target="_blank"]:after {
  content: "";
  display: inline-block;
  position: relative;
  width: .7rem;
  aspect-ratio: 1/1;
  margin-bottom: -.05rem;
  margin-left: .4rem;
  margin-right: .4rem;
  background-image: url('../images/arrow_top_right.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
  transition-duration: var(--speedTransitionMain);
}
a:hover {
  color: var(--colorAccent);
}
a[target="_blank"]:hover::after {
  filter: var(--filterAccent);
}
a.ms_accent {
  color: var(--colorAccent);
}
a.ms_accent:hover {
  color: var(--colorLight);
}
a.ms_accent[target="_blank"]:after {
  filter: var(--filterAccent);
}
a.ms_accent[target="_blank"]:hover:after {
  filter: invert(1);
}
h1, h2, h3, h4 {
    
    font-family: "Neulis", sans-serif;
font-weight: 800;
font-style: italic;
  line-height: 1;
  margin: 0 0 var(--marginMain) 0;
}
h1 {
  font-size: 5rem;
  letter-spacing: -3px;
}
h2 {
  font-size: 3rem;
  letter-spacing: -1px;
}
h3 {
  font-size: 1.5rem;
  letter-spacing: -.7px;
}
h4 {
  font-size: 1.1rem;
  letter-spacing: -.5px;
}
p {
  margin: 0 0 1rem 0;
}
figure {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}
figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.00);
  z-index: 0;
}
video {
    position: relative;
}
video:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
* {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.ms_content {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: var(--widthContent);
  max-width: 100%;
}
.ms_icons {
  width: calc(1.5 * var(--marginMain));
  max-width: 95%;
}
.hidden {
  opacity: 0;
}
.ms_button {
  display: inline-block;
  position: relative;
  padding: .5rem 1rem;
  border-radius: .7rem;
  font-size: 1rem;
  margin: 0 0 1rem 0;
  background-color: var(--colorLight);
  color: var(--colorAccent);
}
.ms_button[target="_blank"]:after {
  filter: var(--filterAccent);
  margin-right: 0;
}
.ms_button.ms_button_wide {
  font-size: 130%;
  padding: .7rem 1.5rem;
}
.ms_button.ms_button_accent {
  background-color: var(--colorAccent);
  color: var(--colorLight);
}
.ms_button.ms_button_accent:hover {
  background-color: var(--colorSuccess);
  color: var(--colorLight);
}
.ms_button.ms_button_accent[target=_blank]:after {
  filter: invert(1);
}
.ms_button:hover {
  background-color: var(--colorAccent);
  color: var(--colorLight);
}
.ms_button.ms_button_arrow_down:after {
  content: " ↓";
}
.ms_button_icon {
    height: 1rem;
    margin-right: .5rem;
    filter: invert(1);
}
span.ms_highlight {
  position: relative;
  display: inline-block;
}
span.ms_highlight:before {
  content: "";
  z-index: -1;
  position: absolute;
  top: -10%;
  left: -10%;
  width: 120%;
  height: 140%;
  background-position: center;
  background-size: auto auto;
  background-repeat: no-repeat;
}
span.ms_highlight1_white:before {
  background-image: url("../images/scratch1_white.svg");
}
span.ms_highlight1_accent:before {
  background-image: url("../images/scratch1_accent.svg");
}
span.ms_highlight2_white:before {
  background-image: url("../images/scratch2_white.svg");
}
span.ms_highlight2_accent:before {
  background-image: url("../images/scratch2_accent.svg");
}
span.ms_highlight3_white:before {
  background-image: url("../images/scratch3_white.svg");
}
span.ms_highlight3_accent:before {
  background-image: url("../images/scratch3_accent.svg");
}
span.ms_highlight4_white:before {
  background-image: url("../images/scratch4_white.svg");
}
span.ms_highlight4_accent:before {
  background-image: url("../images/scratch4_accent.svg");
}
span.ms_highlight5_white:before {
  background-image: url("../images/scratch5_white.svg");
}
span.ms_highlight5_accent:before {
  background-image: url("../images/scratch5_accent.svg");
}
span.ms_highlight6_white:before {
  background-image: url("../images/scratch6_white.svg");
}
span.ms_highlight6_accent:before {
  background-image: url("../images/scratch6_accent.svg");
}
.ms_arrow {
  display: inline-block;
  font-weight: 200;
  font-size: 3rem;
  opacity: .9;
}
.ms_arrow_big {
  font-size: 5rem;
}
ul.ms_tagList {
  text-align: center;
  list-style: none;
  margin: calc(var(--marginMain) * 0.8) 0 0;
  padding: calc(var(--marginMain) / 2) calc(var(--marginMain) * 4);
}
ul.ms_tagList li {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px var(--colorLight);
  padding: calc(var(--marginMain) * 0.2) calc(var(--marginMain) * 0.5);
  margin: calc(var(--marginMain) * 0.2) calc(var(--marginMain) * 0.1);
  border-radius: var(--borderRadiusCell);
  background-color: var(--colorDark);
  cursor: text;
  transition-duration: var(--speedTransitionMain);
}
ul.ms_tagList h3 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  transform: translate(0, 5px);
  margin-right: calc(var(--marginMain) * 0.5);
}
ul.ms_list_tasks {
  list-style: none;
  margin: calc(var(--marginMain) * 0.8) 0 0;
  padding: 0 .5rem;
}
ul.ms_list_tasks li {
  display: block;
  vertical-align: middle;
  margin: .4rem 0;
  line-height: 1.2;
}
ul.ms_list_tasks li:before {
  content: " ✔";
  margin-right: .7rem;
  font-size: 80%;
  color: rgba(45, 213, 61, 1.00);
}
.ms_section_intro {}
.ms_section_intro h3 {
  line-height: 1.4;
}
.grecaptcha-badge { 
    visibility: hidden !important;
}



/* MENU */
.ms_menu {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  padding: 1.5rem 0 0;
  width: 100%;
  z-index: 101;
  text-align: center;
  transform: translate(0, 0);
  transition-duration: var(--speedTransitionModal);
}
.ms_menu.ms_modal_opened {
  filter: blur(15px) drop-shadow(0 0 20px var(--colorDark));
  transform: translate(0, -50px);
  opacity: .6;
}
.ms_menu .ms_menu_logo {
  display: inline-block;
  vertical-align: middle;
  height: 4.5rem;
  margin-right: 2rem;
  z-index: 2;
  position: relative;
  transition-duration: var(--speedTransitionMain);
    filter: drop-shadow(0 0 20px rgba(0,0,0,1));
}
.ms_menu .ms_menu_logo:hover {
  transform: scale(1.1) rotate(-2deg);
}
.invert {
  filter: invert(1);
}
.ms_menu .ms_menu_hamburger {
  display: none;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.5rem;
  aspect-ratio: 1.5/1;
  padding: 0;
  z-index: 2;
  transition-duration: var(--speedTransitionMain);
    filter: drop-shadow(0 0 20px rgba(0,0,0,1));
}
.ms_menu .ms_menu_hamburger div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2.5px;
  background-color: rgba(255, 255, 255, 1.00);
  transition-duration: var(--speedTransitionMain);
}
.ms_menu .ms_menu_hamburger div.ms_menu_hamburger1 {
  top: 10%;
}
.ms_menu .ms_menu_hamburger div.ms_menu_hamburger2 {
  bottom: 10%;
}
.ms_menu .ms_menu_ul {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  padding: .5rem;
  margin: 0;
  background-color: rgba(41,43,46,0.30);
  border-radius: 1rem;
  transition-duration: var(--speedTransitionMain);
  border: solid 1px rgba(255,255,255,.15);
    
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(30px);
  box-shadow: 0 0 10px rgba(26, 27, 29, .3), 0 0 50px rgba(26, 27, 29, .6);
  text-shadow: 0 0 20px rgba(26, 27, 29, 1);
}
.ms_menu .ms_menu_li {
  display: inline-block;
  position: relative;
  padding: .5rem 1.3rem;
  border-radius: .7rem;
  font-size: 1rem;
  margin: 0;
  color: var(--colorWhite);
  transition-duration: var(--speedTransitionMain);
  filter: drop-shadow(0);
}
.ms_menu .ms_menu_li:before {
  content: "";
  height: 1.3px;
  width: 0;
  background-color: var(--colorAccent);
  padding: 0;
  position: absolute;
  bottom: .2rem;
  transition-duration: var(--speedTransitionMain);
}
.ms_menu .ms_menu_li:hover:before {
  width: calc(100% - 2.6rem);
}
.ms_menu .ms_menu_li.ms_menu_li_button {
  background-color: var(--colorAccent);
  color: rgba(255, 255, 255, 1.00);
}
.ms_menu .ms_menu_li.ms_menu_li_button:hover {
  background-color: var(--colorSuccess);
}
.ms_menu .ms_menu_li.ms_menu_li_button:before {
  display: none;
}
.ms_menu .ms_menu_li.ms_menu_li_button:after {
  content: "" !important;
}





/* CELLS */
.ms_cells_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
  padding: 0 calc(var(--marginMain)/2);
}
.ms_cell {
  flex: none;
  flex-grow: 1;
  display: inline-block;
  position: relative;
  border-radius: var(--borderRadiusCell);
  margin: calc(var(--marginMain)/2);
  width: calc(100% - var(--marginMain));
}
.ms_cell20 {
  width: calc(20% - var(--marginMain));
}
.ms_cell25 {
  width: calc(25% - var(--marginMain));
}
.ms_cell33 {
  width: calc((100% / 3) - var(--marginMain));
}
.ms_cell40 {
  width: calc(40% - var(--marginMain));
}
.ms_cell50 {
  width: calc(50% - var(--marginMain));
}
.ms_cell60 {
  width: calc(60% - var(--marginMain));
}
.ms_cell60 .ms_cell_text {
  padding: calc(var(--marginMain) * 1.5);
}
.ms_cell20 h3 {
  margin-bottom: 1rem;
}
.ms_cell figure {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--borderRadiusCell);
}
.ms_cell figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ms_cell .ms_cell_text {
  padding: var(--marginMain);
}
.ms_cell_white {
  background-color: var(--colorWhite);
  color: var(--colorDark);
}
.ms_cell_light {
  background-color: var(--colorLight);
  color: var(--colorDark);
}
.ms_cell_dark {
  background-color: var(--colorDark90);
  color: var(--colorLight);
}
.ms_cell:hover .ms_cell_container {
  box-shadow: 0 0 5rem .1rem var(--colorAccent);
  border-color: var(--colorLight);
}
.ms_cell_container img {
  position: absolute;
  transition-duration: var(--speedTransitionMain);
  transition-delay: .1s;
  object-fit: contain;
}
.ms_cell:hover .ms_cell_container img {
  transform: scale(1.02);
}
.ms_cell .ms_text {
  position: relative;
  z-index: 2;
  width: calc(100% - 2rem);
  margin: 1rem 1rem;
  transition-duration: var(--speedTransitionMain);
}
.ms_cell:hover .ms_text {
  transform: translate(0, .4rem);
}
.ms_cell .ms_text h4 {
  display: inline-block;
  vertical-align: top;
  width: calc(35% - 2rem);
  margin: 0 2rem .3rem 0;
  color: var(--colorLight);
}
.ms_cell .ms_text p {
  display: inline-block;
  vertical-align: top;
  width: calc(65% - 1rem);
  margin-top: .1rem;
  font-size: 85%;
  line-height: 1.4;
  color: var(--colorDark50);
}
.ms_cell_container {
  flex: none;
  flex-grow: 1;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  margin: calc(var(--marginMain)/2);
  width: calc(100% - var(--marginMain));
  cursor: pointer;
  background-color: var(--colorDark90);
}
.ms_cell_container {
  flex: none;
  flex-grow: 1;
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 1;
  margin: calc(var(--marginMain)/2);
  width: calc(100% - var(--marginMain));
  cursor: pointer;
  background-color: var(--colorDark90);
}
.ms_cell_container.ms_cell_light {
  background-color: var(--colorLight);
  color: var(--colorDark);
}
.ms_cell_container:before {
  content: "+";
  position: absolute;
  z-index: 2;
  width: 3rem;
  aspect-ratio: 1/1;
  top: 1rem;
  right: 1rem;
  border-radius: 2rem;
  background-color: var(--colorDark50);
  opacity: .6;
  font-size: 3rem;
  font-weight: 100;
  line-height: .9;
  text-align: center;
  transition-duration: var(--speedTransitionMain);
}
.ms_cell_container:hover:before {
  background-color: var(--colorAccent);
  opacity: 1;
}
.ms_cell_container:hover {
  z-index: 2;
}
.ms_cell_container {
  position: relative;
  overflow: hidden;
  border-radius: var(--borderRadiusCell);
  width: 100%;
  margin: 0 0 0 0;
  height: 30rem;
  box-shadow: 0 0 1rem var(--colorDark);
  transition-duration: var(--speedTransitionMain);
  border: solid 1px var(--colorDark);
}
.ms_cell_container.ms_cell_video {
  aspect-ratio: 16/9 !important;
  height: auto;
}
.ms_cell_container.ms_cell_video:before {
  content: '';
  width: 14%;
  aspect-ratio: 1/1;
  background-image: url("../images/icon_play.svg");
  background-size: contain;
  position: absolute;
  z-index: 2;
  top: 40%;
  left: 45%;
  filter: drop-shadow(0 0 5rem rgba(0, 0, 0, 1)) drop-shadow(0 0 5rem rgba(0, 0, 0, 1));
  background-color: unset;
  opacity: unset;
}
.ms_cell_buttonExtand {
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 1rem;
  right: 1rem;
  background-color: #FFFFFF;
  width: 1.7rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  padding: 1rem;
  text-align: center;
  background-image: url("../images/arrow_top_right.svg");
  background-position: center;
  background-size: 30%;
  background-repeat: no-repeat;
  filter: drop-shadow(0 0 1rem var(--colorDark));
  transition-duration: var(--speedTransitionMain);
}
.ms_cell_buttonReduce {
  background-image: url("../images/icon_close.svg");
  right: 2rem;
}
.ms_cell.ms_cell_expanded {
  z-index: 2;
  height: 40rem;
  max-height: unset !important;
  width: calc(100% + 1rem);
  margin-left: -.5rem;
  aspect-ratio: 10/6;
  background-color: transparent !important;
}



/* FANCYBOXES */
.fancybox {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
}
.fancybox:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background-color: var(--colorDark);
  opacity: .8;
}
.fancybox iframe {
  position: relative;
  z-index: 10;
  max-width: calc(95% - 2rem);
  max-height: calc(95% - 2rem);
  aspect-ratio: 16/9;
  

  transition-duration: .2s;
}
.fancybox img.main {
  position: relative;
  z-index: 10;
  box-shadow: 0 1rem 2rem rgba(0,0,0,.5);
  max-width: calc(95% - 2rem);
  max-height: calc(95% - 2rem);
  border-radius: var(--borderRadiusHalf);

  transition-duration: .2s;
}
.fancybox img.shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: unset;
  filter: blur(50px);
  opacity: .3;
  mix-blend-mode: lighten;
  object-fit: fill;
}
.fancybox div.info {
  position: absolute;
  z-index: 11;
  width: 300px;
  max-width: 70%;
  bottom: var(--marginMain);
  right: var(--marginMain);
  padding: calc(var(--marginMain) / 3) calc(var(--marginMain) / 3) 0 calc(var(--marginMain) / 3);
  border-radius: 1rem;
  background-color: rgba(19,19,19,0.80);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);

  font-size: 70%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  line-height: 1.4;
  text-align: right;

  transition-duration: .3s;
}
.fancybox div.info p {
  margin: 0 0 calc(var(--marginMain) / 3) 0;
}
.fancybox div.info strong {
  font-weight: 500;
  color: var(--colorAccent);
}

.fancyboxVideo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fancyboxVideo iframe {
  border-radius: var(--borderRadiusHalf);
}



/* CSS specific to iOS devices */ 
@supports (-webkit-touch-callout: none) {
    .ms_photo_wide img.shadow {
        display: none;
    }
}


@media only screen and (max-height: 1000px) {
}
@media only screen and (max-height: 600px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1000px) {
  .ms_menu {
    text-align: left !important;
  }
  .ms_menu .ms_menu_hamburger {
    display: unset;
  }
  .ms_menu .ms_menu_hamburger.cross div.ms_menu_hamburger1 {
    transform: rotate(45deg);
    top: 40%;
  }
  .ms_menu .ms_menu_hamburger.cross div.ms_menu_hamburger2 {
    transform: rotate(-45deg);
    top: 40%;
  }
  .ms_menu .ms_menu_logo {
    margin: 0rem 2rem;
  }
  .ms_menu .ms_menu_ul {
    border-radius: 0 !important;
    position: absolute;
    z-index: 1;
    top: -50rem;
    left: 0;
    padding: 10rem 2rem 2rem !important;
    width: calc(100% - 4rem);
    border-width: 0 0 1px 0;
  }
  .ms_menu .ms_menu_ul.open {
    top: 0;
  }
  .ms_menu .ms_menu_li {
    display: block;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }
  .ms_menu .ms_menu_li:after {
    margin-left: 1rem;
  }
  .ms_cells_container {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
  }
  .ms_cell_container {
    height: 20rem;
  }
  .ms_cell .ms_text h4 {
    width: 100%;
    margin-right: 0;
  }
  .ms_cell .ms_text p {
    width: 100%;
  }
  .ms_cell20 {
    width: calc((100% / 3) - var(--marginMain));
  }
  .ms_cell20:last-child {
    width: calc((100% / 3 * 2) - var(--marginMain));
  }
  .ms_cell20 .ms_cell_text {
    padding: calc(var(--marginMain) / 1.5);
  }
  .ms_cell40, .ms_cell33 {
    width: calc(50% - var(--marginMain));
  }
  .ms_cell60 {
    width: calc(50% - var(--marginMain));
  }
  .ms_cell60 .ms_cell_text {
    padding: calc(var(--marginMain) * 1);
  }
}
@media only screen and (max-width: 600px) {
  .ms_cell {
    height: auto;
  }
  .ms_cell20 {
    width: calc(50% - var(--marginMain));
  }
  .ms_cell20:last-child {
    width: calc(100% - var(--marginMain));
  }
  .ms_cell20 .ms_cell_text {
    padding: calc(var(--marginMain) / 1.5);
  }
  .ms_cell33, .ms_cell40, .ms_cell50, .ms_cell60 {
    width: calc(100% - var(--marginMain));
  }
  .ms_cell60 .ms_cell_text {
    padding: calc(var(--marginMain) * 1);
    display: block;
  }
  .ms_cell_container {
    height: 18rem;
  }
  .ms_cell.ms_cell_video {
    aspect-ratio: 16/9 !important;
    height: auto;
  }
  .ms_cell.ms_cell_video .ms_cell_text_overlay {
    display: none;
  }
  ul.ms_tagList {
    padding: 0 var(--marginMain);
  }
}