html {scroll-behavior: smooth;}
body {
    overflow-x: hidden;
}
.dm-sans {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.zodiak {font-family: 'Zodiak', serif;
      font-weight: 400;
  font-style: italic;
}

.mwg_effect024 .container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mwg_effect024 .sentences {
    position: relative;
    font: 500 normal 10vw/1.2 'zodiac', sans-serif;
    letter-spacing: -0.06em;
}
.mwg_effect024 .sentence {
    overflow: hidden;
}
.mwg_effect024 .sentence p {
    display: flex;
    white-space: nowrap;
    width: max-content;
    will-change: transform;
}


.mwg_effect024 .glyph {
    width: 5.5vw;
    height: auto;
}
.mwg_effect024 .texts {
    display: flex;
    justify-content: space-between;
    margin: 1vw 0 0;
    padding: 2vw 2vw 0;
    border-top: 1px dashed rgb(72, 72, 72);
    font: 500 normal 0.9vw / normal 'zodiac';
    text-transform: uppercase;
}