.moben-slogan {
  display: block; margin: 0;
  direction: ltr; unicode-bidi: isolate; text-align: left;
  font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96;
  text-transform: uppercase; letter-spacing: -.012em; line-height: .88;
  color: var(--c-paper, #F5F5F2);
}
.moben-slogan bdi { unicode-bidi: isolate; }
.moben-slogan mark { background: none; color: var(--c-red, #D90E43); padding: 0; }

html[dir="rtl"] .moben-slogan,
html[dir="rtl"] .moben-slogan *,
html[dir="rtl"] .moben-slogan::before,
html[dir="rtl"] .moben-slogan *::after { letter-spacing: -.012em !important; font-stretch: 75% !important; font-variation-settings: "opsz" 96 !important; }
html[dir="rtl"] .moben-slogan { font-weight: 800; text-transform: uppercase; line-height: .88; text-align: right; }

.moben-slogan--footer,
.moben-slogan--about { position: relative; }
.moben-slogan--footer::before,
.moben-slogan--about::before { content: ""; display: block; width: clamp(44px, 5vw, 72px); height: 3px; margin-bottom: clamp(1rem, 2.2vw, 1.8rem); background: var(--c-red, #D90E43); }
html[dir="rtl"] .moben-slogan--footer::before,
html[dir="rtl"] .moben-slogan--about::before { margin-left: auto; }
.moben-slogan--footer mark::after,
.moben-slogan--about mark::after { content: ""; display: inline-block; width: .13em; height: .13em; margin-inline-start: .07em; background: var(--c-red, #D90E43); }

.credits { display: grid; grid-template-columns: minmax(0, 1fr); }
.moben-slogan--footer { order: -1; margin-bottom: clamp(2.4rem, 5.4vw, 5rem); font-size: clamp(3.1rem, 10.6vw, 13.5rem); }

.moben-slogan--about { border-top: 1px solid var(--c-line, rgba(245, 245, 242, .1)); padding-top: clamp(3.4rem, 8vw, 7.4rem); padding-bottom: clamp(3.4rem, 8vw, 7.4rem); font-size: clamp(3.4rem, 11.8vw, 15.5rem); }

.moben-slogan--hero {
  position: absolute; z-index: 3; left: calc(var(--rail) + var(--gutter)); bottom: calc(6vh + 52px + 20px);
  display: inline-flex; align-items: center; gap: .7rem; width: max-content; max-width: calc(100% - var(--rail) - 2 * var(--gutter));
  padding: .72rem 1.3rem .72rem 1.05rem; border-radius: 999px;
  font-size: .8rem; font-weight: 700; font-stretch: 100%; font-variation-settings: normal; letter-spacing: .16em; line-height: 1.15;
}
.moben-slogan--hero::before { content: ""; flex: none; width: 7px; height: 9px; background: var(--c-red, #D90E43); clip-path: polygon(0 0, 100% 50%, 0 100%); }
.moben-slogan--hero mark { color: inherit; text-decoration: underline; text-decoration-color: var(--c-red, #D90E43); text-decoration-thickness: 2px; text-underline-offset: .3em; }
html[dir="rtl"] .moben-slogan--hero { left: auto; right: var(--gutter); text-align: left; }
html[dir="rtl"] .moben-slogan--hero,
html[dir="rtl"] .moben-slogan--hero *,
html[dir="rtl"] .moben-slogan--hero::before { letter-spacing: .16em !important; font-stretch: 100% !important; font-variation-settings: normal !important; }

@media (prefers-reduced-motion: no-preference) {
  .moben-slogan--hero { animation: heroUp .8s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) .7s both; }
}

@media (max-width: 899px) {
  .moben-slogan--footer { font-size: clamp(3.1rem, 17.4vw, 6.2rem); margin-bottom: 2.2rem; }
  .moben-slogan--about { font-size: clamp(3.2rem, 17.4vw, 6.2rem); padding-top: 3.2rem; padding-bottom: 3.4rem; }
  .moben-slogan--footer mark,
  .moben-slogan--about mark { display: block; }
  .moben-slogan--hero { position: relative; left: auto; right: auto; bottom: auto; order: 1; align-self: flex-start; margin-top: 20px; font-size: .7rem; padding: .62rem 1.05rem .62rem .88rem; }
  html[dir="rtl"] .moben-slogan--hero { right: auto; }
  .hero__bar { order: 2; }
}

.ap-logo--img { opacity: .92; }
.ap-logo--img img { width: auto; height: auto; max-width: 72%; max-height: 58%; object-fit: contain; }
.ap-logo--img.is-color img { filter: none; }

html[dir="rtl"] .tmarq__row,
html[dir="rtl"] .ap-trust__row { direction: ltr; }

.moben-slogan--footer,
.moben-slogan--about,
html[dir="rtl"] .moben-slogan--footer,
html[dir="rtl"] .moben-slogan--about { text-align: center; padding-left: var(--gutter); padding-right: var(--gutter); }
.moben-slogan--footer::before,
.moben-slogan--about::before,
html[dir="rtl"] .moben-slogan--footer::before,
html[dir="rtl"] .moben-slogan--about::before { margin-inline: auto; }

@media (max-width: 899px) {
  .ct-open .sv-crumbs li:not(:last-child),
  .ap-hero .sv-crumbs li:not(:last-child),
  .lg-hero .sv-crumbs li:not(:last-child) { display: list-item; }
}

.sl__track:has(.epc[data-ratio="9:16"]) .epc[data-ratio="16:9"] { align-self: center; }
@media (max-width: 899px) {
  .sl__track:has(.epc[data-ratio="16:9"]):has(.epc[data-ratio="9:16"]) .epc[data-ratio="9:16"] { flex-basis: 50vw; }
}

.rel { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: clamp(2rem, 4vw, 3.4rem); }
.rel .rel__item, .rel--4 .rel__item { grid-column: auto; margin-top: 0 !important; }
.rel .work__frame { --ar: 16 / 9 !important; }
.rel--4 .rel__item:nth-child(n + 4) { display: none; }
@media (max-width: 899px) {
  .rel { display: block; }
  .rel__link { grid-template-columns: 112px minmax(0, 1fr) 24px; min-height: 96px; }
  .rel__link .work__frame { width: 112px; }
}

@media (max-width: 899px) {
  .ap-cta { padding-block: min(14vh, 5rem); }
  .sv-cta { padding: min(18vh, 6rem) 0; }
  .sv-process { padding-top: min(18vh, 6rem); padding-bottom: min(12vh, 4.5rem); }
  .sv-formats { padding-top: min(14vh, 5rem); padding-bottom: min(12vh, 4.5rem); }
  .sv-valuewrap, .othwrap { padding-top: min(14vh, 5rem); padding-bottom: min(12vh, 4.5rem); }
}

h1, h2, h3, h4 { text-wrap: balance; overflow-wrap: break-word; }
p, li, dd, summary { text-wrap: pretty; }
html[dir="rtl"] h1.t-display { line-height: 1.1; }
html[dir="rtl"] h2.t-display { line-height: 1.16; }
@media (max-width: 899px) {
  .bg-hero__title, .bg-hero__title .line { width: auto; max-width: 100%; }
}

@media (max-width: 899px) {
  .ct-open .sv-crumbs, .ap-hero .sv-crumbs, .lg-hero .sv-crumbs { padding-top: 0; }
  .lg-hero { padding-top: calc(var(--header-height) + 1.1rem); padding-bottom: 3vh; }
  .ap-hero { padding-top: calc(var(--header-height) + .6rem); }
  .ap-hero__pt { height: 34vh; }
  .ap-hero__text { margin-top: -20vw; }
}

.epc[data-provider="instagram"] .epslate__num, .epc[data-provider="tiktok"] .epslate__num, .epc:has(img[data-yt]) .epslate__num { display: none; }
.epc[data-provider="instagram"] .epslate::before, .epc[data-provider="tiktok"] .epslate::before, .epc:has(img[data-yt]) .epslate::before { content: ""; position: absolute; inset: 0; margin: auto; width: 30cqw; aspect-ratio: 943 / 1060; background: url("/moben-mark.svg") center / contain no-repeat; opacity: .14; pointer-events: none; }

.pvc--portrait .pvc__slide { flex: 0 0 clamp(190px, 21vw, 320px); }
.pvc--portrait .pvc__frame { aspect-ratio: 9 / 16; }
@media (max-width: 900px) { .pvc--portrait .pvc__slide { flex-basis: 62vw; } }

.pvc__frame { aspect-ratio: var(--pvc-ar, 16 / 9); }

.pk { position: relative; max-width: none; padding-block: clamp(2rem, 5vh, 3.6rem) 0; }
.pk__label { margin-bottom: 1.1rem; padding-inline: var(--gutter); font-size: var(--fs-small); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--c-grey); }
.pk__stage { display: flex; justify-content: center; align-items: flex-start; gap: clamp(1rem, 3.4vw, 3rem); padding: clamp(1.8rem, 5vw, 3.6rem) var(--gutter); border-radius: var(--radius-media); background: radial-gradient(60% 80% at 50% 35%, rgba(217, 14, 67, .16), rgba(217, 14, 67, 0) 70%), #0b0b0d; outline: 1px solid rgba(245, 245, 242, .08); outline-offset: -1px; }
.pk__item { flex: 0 1 clamp(140px, 24vw, 340px); margin: 0; }
.pk__item:nth-child(even) { margin-top: clamp(1rem, 3vw, 2.6rem); }
.pk__frame { position: relative; display: block; aspect-ratio: var(--pk-ar, 7 / 10); overflow: hidden; border-radius: 5px; box-shadow: 0 32px 64px -24px rgba(0, 0, 0, .85), 0 0 0 1px rgba(245, 245, 242, .1); }
.pk figcaption { margin-top: .9rem; text-align: center; font-size: var(--fs-small); color: var(--c-grey); }
.pk__trailer { display: flex; justify-content: center; margin-top: clamp(1.2rem, 3vw, 2rem); }
.pk__trailer .cs-hero__play { position: static; display: inline-flex; align-items: center; gap: .9rem; width: auto; height: auto; margin: 0; }
.pk__trailer .cs-hero__playdisc { width: 56px; height: 56px; }
.pk__trailer .cs-hero__playtxt { display: inline; font-size: var(--fs-small); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }

.ar-dl { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.4rem; margin: clamp(1.2rem, 3vw, 1.8rem) 0; padding: clamp(1rem, 2.4vw, 1.5rem); border: 1px solid rgba(217, 14, 67, .5); border-radius: var(--radius-media); background: linear-gradient(135deg, rgba(217, 14, 67, .18), rgba(217, 14, 67, .05)); }
.ar-dl__btn { display: inline-flex; align-items: center; gap: .7rem; }
.ar-dl__btn svg { flex: none; }
.ar-dl__hint { margin: 0; font-size: var(--fs-small); color: var(--c-grey); }

.cs-warn-wrap { margin-top: clamp(1.6rem, 4vh, 2.6rem); }
.cs-warn { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: clamp(.8rem, 2vw, 1.2rem); row-gap: .15rem; padding: clamp(.9rem, 2vw, 1.25rem) clamp(1rem, 2.4vw, 1.6rem); border: 1px solid rgba(217, 14, 67, .55); border-radius: var(--radius-media); background: linear-gradient(135deg, rgba(217, 14, 67, .16), rgba(217, 14, 67, .04)); }
.cs-warn__ico { grid-row: 1 / span 2; color: var(--c-magenta, #d90e43); }
.cs-warn__title { margin: 0; font-size: clamp(1.05rem, 2.2vw, 1.35rem); font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.cs-warn__text { margin: 0; font-size: var(--fs-small); color: var(--c-grey); }

.hero__play[disabled] { cursor: default; pointer-events: none; }

.sl--rows { padding-bottom: 4vh; }
.sl--more { padding-top: 0; }
.sl__head--more { justify-content: flex-end; margin-bottom: 1.4rem; }
@media (max-width: 900px) { .sl--rows { padding-bottom: 2.4vh; } }

.m-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--col-gap); align-items: start; }
.m-pair .vid--single { width: 100%; }
@media (max-width: 900px) { .m-pair { grid-template-columns: 1fr; gap: 1.4rem; } }

.pvc--board .pvc__slide { flex: 0 0 min(46%, 680px); }
@media (max-width: 900px) { .pvc--board .pvc__slide { flex-basis: 84vw; } }

@media (min-width: 901px) {
  .ap-hero, .bg-hero { min-height: 100vh; min-height: 100svh; }
  .pj-hero { min-height: 100vh; min-height: 100svh; align-content: end; }
}

.slate__bottom > span:last-child:not(:first-child) { visibility: hidden; }

.voices__label, .index__cat, .post__cat { color: #e03965; }
.index__num { color: #7b7b82; }

@media (min-width: 900px) {
  .hero__title { font-size: clamp(3.2rem, min(8.4vw, calc(17.6vh - 2rem)), 10.4rem); top: max(27vh, calc(22vh + 2.6rem)); }
  html[dir="rtl"] .hero__title { font-size: clamp(2.2rem, min(6.4vw, calc(11.2vh - 1.3rem)), 8rem); }
}