@font-face {
  font-family: "Graphik LCG";
  src: url(/assets/fonts/graphik/Graphik-Regular-iF66fbb18055a6c.woff2) format("woff2"),
    url(assets/fonts/graphik-lcq/graphik-lcg-regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik LCG";
  src: url(/assets/fonts/graphik/Graphik-SemiBold-iF66fbb1806e188.woff2) format("woff2"),
    url(assets/fonts/graphik-lcq/graphik-lcg-regular.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik LCG";
  src: url(/assets/fonts/graphik/Graphik-Light-iF66fbb18020f79.woff2) format("woff2"),
    url(assets/fonts/graphik-lcq/graphik-lcg-regular.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik LCG";
  src: url(/assets/fonts/graphik/Graphik-SemiBoldItalic-iF66fbb1807851e.woff2) format("woff2"),
    url(assets/fonts/graphik-lcq/graphik-lcg-regular.woff) format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url(/assets/fonts/roboto-flex/roboto-flex-cyrillic-ext.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url(/assets/fonts/roboto-flex/roboto-flex-cyrillic.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url(/assets/fonts/roboto-flex/roboto-flex-greek.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1,
    U+03A3-03FF;
}
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url(/assets/fonts/roboto-flex/roboto-flex-vietnamese.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329,
    U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url(/assets/fonts/roboto-flex/roboto-flex-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto Flex";
  font-style: normal;
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: swap;
  src: url(/assets/fonts/roboto-flex/roboto-flex-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

main {
	display: block
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

html {
	scrollbar-width: thin;
  	font-family: 'Graphik LCG', sans-serif;
	font-size: 2.6666666667vw;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media (min-width:768px) {
	html {
		font-size: .5208333333vw
	}
}

@media (min-width:1920px) {
	html {
		font-size: 10px
	}
}

@media (pointer:coarse) {
	html {
		position: relative
	}
}

body {
	color: #000;
	background: #f9f9f9;
	-webkit-tap-highlight-color: transparent;
	font-size: 1.4rem
}

.modal body,
.no-scroll body {
	overflow: hidden !important
}

* {
	box-sizing: border-box
}

:after,
:before {
	box-sizing: border-box
}

::-moz-selection {
	color: #fff;
	background: #e98707
}

::selection {
	color: #fff;
	background: #e98707
}

a {
	color: inherit;
	cursor: pointer;
	text-decoration: underline;
	-webkit-tap-highlight-color: initial
}

a:hover {
	color: inherit;
	text-decoration: none
}

button {
	cursor: pointer;
	-webkit-tap-highlight-color: initial
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle
}

figure {
	margin: 0
}

address,
blockquote,
em,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	line-height: inherit;
	text-align: inherit;
	letter-spacing: inherit
}

@media print {

	address,
	blockquote,
	em,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		page-break-after: avoid;
		orphans: 3;
		widows: 3
	}
}

.grecaptcha-badge {
	visibility: hidden
}

.mb-advantage-content,
.mb-cardview-content,
.mb-content,
.mb-entryfeed-content,
.mb-entrylist-content,
.mb-exhibition-content,
.mb-feature-content,
.mb-featured-content,
.mb-intro-content,
.mb-logoreel-content,
.mb-nextcase-content,
.mb-photoreel-content,
.mb-photoshow-content,
.mb-screenshot-content,
.mb-splitshow-content,
.mb-summary-content,
.mb-tophead-content,
.mb-workflow-content,
.mb-order-content,
.mb-faq-content {
	padding: 8rem 0
}

@media (min-width:768px) {

	.mb-advantage-content,
	.mb-cardview-content,
	.mb-content,
	.mb-entryfeed-content,
  .mb-entrylist-content,
  .mb-exhibition-content,
  .mb-feature-content,
  .mb-featured-content,
  .mb-intro-content,
  .mb-logoreel-content,
  .mb-nextcase-content,
  .mb-photoreel-content,
  .mb-photoshow-content,
  .mb-screenshot-content,
  .mb-splitshow-content,
  .mb-summary-content,
  .mb-tophead-content,
  .mb-workflow-content,
  .mb-order-content,
  .mb-faq-content {
		padding: 20rem 0
	}
}

.-sp.mb-advantage-content,
.-sp.mb-cardview-content,
.-sp.mb-entryfeed-content,
.-sp.mb-entrylist-content,
.-sp.mb-exhibition-content,
.-sp.mb-feature-content,
.-sp.mb-featured-content,
.-sp.mb-intro-content,
.-sp.mb-logoreel-content,
.-sp.mb-nextcase-content,
.-sp.mb-photoreel-content,
.-sp.mb-photoshow-content,
.-sp.mb-screenshot-content,
.-sp.mb-splitshow-content,
.-sp.mb-summary-content,
.-sp.mb-tophead-content,
.-sp.mb-workflow-content,
.mb-content.-sp {
	padding: 6rem 0
}

@media (min-width:768px) {

	.-sp.mb-advantage-content,
	.-sp.mb-cardview-content,
	.-sp.mb-entryfeed-content,
	.-sp.mb-entrylist-content,
	.-sp.mb-exhibition-content,
	.-sp.mb-feature-content,
	.-sp.mb-featured-content,
	.-sp.mb-intro-content,
	.-sp.mb-logoreel-content,
	.-sp.mb-nextcase-content,
	.-sp.mb-photoreel-content,
	.-sp.mb-photoshow-content,
	.-sp.mb-screenshot-content,
	.-sp.mb-splitshow-content,
	.-sp.mb-summary-content,
	.-sp.mb-tophead-content,
	.-sp.mb-workflow-content,
	.mb-content.-sp {
		padding: 16.5rem 0
	}
}

.-st.mb-advantage-content,
.-st.mb-cardview-content,
.-st.mb-entryfeed-content,
.-st.mb-entrylist-content,
.-st.mb-exhibition-content,
.-st.mb-feature-content,
.-st.mb-featured-content,
.-st.mb-intro-content,
.-st.mb-logoreel-content,
.-st.mb-nextcase-content,
.-st.mb-photoreel-content,
.-st.mb-photoshow-content,
.-st.mb-screenshot-content,
.-st.mb-splitshow-content,
.-st.mb-summary-content,
.-st.mb-tophead-content,
.-st.mb-workflow-content,
.mb-content.-st {
	padding-top: 6rem
}

@media (min-width:768px) {

	.-st.mb-advantage-content,
	.-st.mb-cardview-content,
	.-st.mb-entryfeed-content,
	.-st.mb-entrylist-content,
	.-st.mb-exhibition-content,
	.-st.mb-feature-content,
	.-st.mb-featured-content,
	.-st.mb-intro-content,
	.-st.mb-logoreel-content,
	.-st.mb-nextcase-content,
	.-st.mb-photoreel-content,
	.-st.mb-photoshow-content,
	.-st.mb-screenshot-content,
	.-st.mb-splitshow-content,
	.-st.mb-summary-content,
	.-st.mb-tophead-content,
	.-st.mb-workflow-content,
	.mb-content.-st {
		padding-top: 16.5rem
	}
}

.-sb.mb-advantage-content,
.-sb.mb-cardview-content,
.-sb.mb-entryfeed-content,
.-sb.mb-entrylist-content,
.-sb.mb-exhibition-content,
.-sb.mb-feature-content,
.-sb.mb-featured-content,
.-sb.mb-intro-content,
.-sb.mb-logoreel-content,
.-sb.mb-nextcase-content,
.-sb.mb-photoreel-content,
.-sb.mb-photoshow-content,
.-sb.mb-screenshot-content,
.-sb.mb-splitshow-content,
.-sb.mb-summary-content,
.-sb.mb-tophead-content,
.-sb.mb-workflow-content,
.mb-content.-sb {
	padding-bottom: 6rem
}

@media (min-width:768px) {

	.-sb.mb-advantage-content,
	.-sb.mb-cardview-content,
	.-sb.mb-entryfeed-content,
	.-sb.mb-entrylist-content,
	.-sb.mb-exhibition-content,
	.-sb.mb-feature-content,
	.-sb.mb-featured-content,
	.-sb.mb-intro-content,
	.-sb.mb-logoreel-content,
	.-sb.mb-nextcase-content,
	.-sb.mb-photoreel-content,
	.-sb.mb-photoshow-content,
	.-sb.mb-screenshot-content,
	.-sb.mb-splitshow-content,
	.-sb.mb-summary-content,
	.-sb.mb-tophead-content,
	.-sb.mb-workflow-content,
	.mb-content.-sb {
		padding-bottom: 16.5rem
	}
}

.-rp.mb-advantage-content,
.-rp.mb-cardview-content,
.-rp.mb-entryfeed-content,
.-rp.mb-entrylist-content,
.-rp.mb-exhibition-content,
.-rp.mb-feature-content,
.-rp.mb-featured-content,
.-rp.mb-intro-content,
.-rp.mb-logoreel-content,
.-rp.mb-nextcase-content,
.-rp.mb-photoreel-content,
.-rp.mb-photoshow-content,
.-rp.mb-screenshot-content,
.-rp.mb-splitshow-content,
.-rp.mb-summary-content,
.-rp.mb-tophead-content,
.-rp.mb-workflow-content,
.mb-content.-rp {
	padding: 4rem 0
}

@media (min-width:768px) {

	.-rp.mb-advantage-content,
	.-rp.mb-cardview-content,
	.-rp.mb-entryfeed-content,
	.-rp.mb-entrylist-content,
	.-rp.mb-exhibition-content,
	.-rp.mb-feature-content,
	.-rp.mb-featured-content,
	.-rp.mb-intro-content,
	.-rp.mb-logoreel-content,
	.-rp.mb-nextcase-content,
	.-rp.mb-photoreel-content,
	.-rp.mb-photoshow-content,
	.-rp.mb-screenshot-content,
	.-rp.mb-splitshow-content,
	.-rp.mb-summary-content,
	.-rp.mb-tophead-content,
	.-rp.mb-workflow-content,
	.mb-content.-rp {
		padding: 10rem 0
	}
}

.-rt.mb-advantage-content,
.-rt.mb-cardview-content,
.-rt.mb-entryfeed-content,
.-rt.mb-entrylist-content,
.-rt.mb-exhibition-content,
.-rt.mb-feature-content,
.-rt.mb-featured-content,
.-rt.mb-intro-content,
.-rt.mb-logoreel-content,
.-rt.mb-nextcase-content,
.-rt.mb-photoreel-content,
.-rt.mb-photoshow-content,
.-rt.mb-screenshot-content,
.-rt.mb-splitshow-content,
.-rt.mb-summary-content,
.-rt.mb-tophead-content,
.-rt.mb-workflow-content,
.mb-content.-rt {
	padding-top: 4rem
}

@media (min-width:768px) {

	.-rt.mb-advantage-content,
	.-rt.mb-cardview-content,
	.-rt.mb-entryfeed-content,
	.-rt.mb-entrylist-content,
	.-rt.mb-exhibition-content,
	.-rt.mb-feature-content,
	.-rt.mb-featured-content,
	.-rt.mb-intro-content,
	.-rt.mb-logoreel-content,
	.-rt.mb-nextcase-content,
	.-rt.mb-photoreel-content,
	.-rt.mb-photoshow-content,
	.-rt.mb-screenshot-content,
	.-rt.mb-splitshow-content,
	.-rt.mb-summary-content,
	.-rt.mb-tophead-content,
	.-rt.mb-workflow-content,
	.mb-content.-rt {
		padding-top: 10rem
	}
}

.-rb.mb-advantage-content,
.-rb.mb-cardview-content,
.-rb.mb-entryfeed-content,
.-rb.mb-entrylist-content,
.-rb.mb-exhibition-content,
.-rb.mb-feature-content,
.-rb.mb-featured-content,
.-rb.mb-intro-content,
.-rb.mb-logoreel-content,
.-rb.mb-nextcase-content,
.-rb.mb-photoreel-content,
.-rb.mb-photoshow-content,
.-rb.mb-screenshot-content,
.-rb.mb-splitshow-content,
.-rb.mb-summary-content,
.-rb.mb-tophead-content,
.-rb.mb-workflow-content,
.mb-content.-rb {
	padding-bottom: 4rem
}

@media (min-width:768px) {

	.-rb.mb-advantage-content,
	.-rb.mb-cardview-content,
	.-rb.mb-entryfeed-content,
	.-rb.mb-entrylist-content,
	.-rb.mb-exhibition-content,
	.-rb.mb-feature-content,
	.-rb.mb-featured-content,
	.-rb.mb-intro-content,
	.-rb.mb-logoreel-content,
	.-rb.mb-nextcase-content,
	.-rb.mb-photoreel-content,
	.-rb.mb-photoshow-content,
	.-rb.mb-screenshot-content,
	.-rb.mb-splitshow-content,
	.-rb.mb-summary-content,
	.-rb.mb-tophead-content,
	.-rb.mb-workflow-content,
	.mb-content.-rb {
		padding-bottom: 10rem
	}
}

.-cp.mb-advantage-content,
.-cp.mb-cardview-content,
.-cp.mb-entryfeed-content,
.-cp.mb-entrylist-content,
.-cp.mb-exhibition-content,
.-cp.mb-feature-content,
.-cp.mb-featured-content,
.-cp.mb-intro-content,
.-cp.mb-logoreel-content,
.-cp.mb-nextcase-content,
.-cp.mb-photoreel-content,
.-cp.mb-photoshow-content,
.-cp.mb-screenshot-content,
.-cp.mb-splitshow-content,
.-cp.mb-summary-content,
.-cp.mb-tophead-content,
.-cp.mb-workflow-content,
.mb-content.-cp {
	padding: 0
}

.-ct.mb-advantage-content,
.-ct.mb-cardview-content,
.-ct.mb-entryfeed-content,
.-ct.mb-entrylist-content,
.-ct.mb-exhibition-content,
.-ct.mb-feature-content,
.-ct.mb-featured-content,
.-ct.mb-intro-content,
.-ct.mb-logoreel-content,
.-ct.mb-nextcase-content,
.-ct.mb-photoreel-content,
.-ct.mb-photoshow-content,
.-ct.mb-screenshot-content,
.-ct.mb-splitshow-content,
.-ct.mb-summary-content,
.-ct.mb-tophead-content,
.-ct.mb-workflow-content,
.mb-content.-ct {
	padding-top: 0
}

.-cb.mb-advantage-content,
.-cb.mb-cardview-content,
.-cb.mb-entryfeed-content,
.-cb.mb-entrylist-content,
.-cb.mb-exhibition-content,
.-cb.mb-feature-content,
.-cb.mb-featured-content,
.-cb.mb-intro-content,
.-cb.mb-logoreel-content,
.-cb.mb-nextcase-content,
.-cb.mb-photoreel-content,
.-cb.mb-photoshow-content,
.-cb.mb-screenshot-content,
.-cb.mb-splitshow-content,
.-cb.mb-summary-content,
.-cb.mb-hero-content,
.-cb.mb-tophead-content,
.-cb.mb-workflow-content,
.mb-content.-cb {
	padding-bottom: 0
}

.mb-advantage-container,
.mb-cardview-container,
.mb-container,
.mb-entryfeed-container,
.mb-entrylist-container,
.mb-exhibition-container,
.mb-feature-container,
.mb-featured-container,
.mb-feedback-container,
.mb-footer-container,
.mb-hero-container,
.mb-intro-container,
.mb-logoreel-container,
.mb-nextcase-container,
.mb-photoreel-container,
.mb-photoshow-container,
.mb-screenshot-container,
.mb-splitshow-container,
.mb-summary-container,
.mb-tophead-container,
.mb-work-container,
.mb-workflow-container {
	padding: 0 3rem
}

@media (min-width:768px) {

	.mb-advantage-container,
	.mb-cardview-container,
	.mb-container,
	.mb-entryfeed-container,
	.mb-entrylist-container,
	.mb-exhibition-container,
	.mb-feature-container,
	.mb-featured-container,
	.mb-feedback-container,
	.mb-footer-container,
	.mb-hero-container,
	.mb-intro-container,
	.mb-logoreel-container,
	.mb-nextcase-container,
	.mb-photoreel-container,
	.mb-photoshow-container,
	.mb-screenshot-container,
	.mb-splitshow-container,
	.mb-summary-container,
	.mb-tophead-container,
	.mb-work-container,
	.mb-workflow-container {
		padding: 0 6rem
	}
}

@media (min-width:1920px) {

	.mb-advantage-container,
	.mb-cardview-container,
	.mb-container,
	.mb-entryfeed-container,
	.mb-entrylist-container,
	.mb-exhibition-container,
	.mb-feature-container,
	.mb-featured-container,
	.mb-feedback-container,
	.mb-footer-container,
	.mb-hero-container,
	.mb-intro-container,
	.mb-logoreel-container,
	.mb-nextcase-container,
	.mb-photoreel-container,
	.mb-photoshow-container,
	.mb-screenshot-container,
	.mb-splitshow-container,
	.mb-summary-container,
	.mb-tophead-container,
	.mb-work-container,
	.mb-workflow-container {
		max-width: 1920px;
		margin: 0 auto
	}
}

@media (max-width:767px) {

	.-xs.mb-advantage-container,
	.-xs.mb-cardview-container,
	.-xs.mb-entryfeed-container,
	.-xs.mb-entrylist-container,
	.-xs.mb-exhibition-container,
	.-xs.mb-feature-container,
	.-xs.mb-featured-container,
	.-xs.mb-feedback-container,
	.-xs.mb-footer-container,
	.-xs.mb-hero-container,
	.-xs.mb-intro-container,
	.-xs.mb-logoreel-container,
	.-xs.mb-nextcase-container,
	.-xs.mb-photoreel-container,
	.-xs.mb-photoshow-container,
	.-xs.mb-screenshot-container,
	.-xs.mb-splitshow-container,
	.-xs.mb-summary-container,
	.-xs.mb-tophead-container,
	.-xs.mb-work-container,
	.-xs.mb-workflow-container,
	.mb-container.-xs {
		padding: 0
	}
}

.-lg.mb-advantage-container,
.-lg.mb-cardview-container,
.-lg.mb-entryfeed-container,
.-lg.mb-entrylist-container,
.-lg.mb-exhibition-container,
.-lg.mb-feature-container,
.-lg.mb-featured-container,
.-lg.mb-feedback-container,
.-lg.mb-footer-container,
.-lg.mb-hero-container,
.-lg.mb-intro-container,
.-lg.mb-logoreel-container,
.-lg.mb-nextcase-container,
.-lg.mb-photoreel-container,
.-lg.mb-photoshow-container,
.-lg.mb-screenshot-container,
.-lg.mb-splitshow-container,
.-lg.mb-summary-container,
.-lg.mb-tophead-container,
.-lg.mb-work-container,
.-lg.mb-workflow-container,
.mb-container.-lg {
	padding: 0 3rem
}

@media (min-width:768px) {

	.-lg.mb-advantage-container,
	.-lg.mb-cardview-container,
	.-lg.mb-entryfeed-container,
	.-lg.mb-entrylist-container,
	.-lg.mb-exhibition-container,
	.-lg.mb-feature-container,
	.-lg.mb-featured-container,
	.-lg.mb-feedback-container,
	.-lg.mb-footer-container,
	.-lg.mb-hero-container,
	.-lg.mb-intro-container,
	.-lg.mb-logoreel-container,
	.-lg.mb-nextcase-container,
	.-lg.mb-photoreel-container,
	.-lg.mb-photoshow-container,
	.-lg.mb-screenshot-container,
	.-lg.mb-splitshow-container,
	.-lg.mb-summary-container,
	.-lg.mb-tophead-container,
	.-lg.mb-work-container,
	.-lg.mb-workflow-container,
	.mb-container.-lg {
		padding: 0 16rem
	}
}

.mb-advantage-header,
.mb-entry-header,
.mb-entrylist-header,
.mb-feedback-header,
.mb-feature-header,
.mb-header,
.mb-nextcase-header,
.mb-tophead-header,
.mb-work-header,
.mb-workflow-header {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 550;
  font-stretch: 58%;
  font-size: 5rem;
  line-height: 100%;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .mb-advantage {
    padding-bottom: 5rem;  
  }
  .mb-advantage-header h3 {
    text-align: left;   
  }

  .mb-advantage-header h3 .-line {
    display: block;       
    white-space: normal;
  }

}

.mb-intro-header
{
  font-family: "Roboto Flex", sans-serif;
  font-weight: 550;
  font-stretch: 58%;
  font-size: 5rem;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
}

.mb-intro-sub-text
{
	font-family: "Roboto Flex", sans-serif;
  	font-weight: 550;
  	font-stretch: 58%;
  	font-size: 3rem;
	padding-top: 5%;
	text-align: center;
}

@media (max-width:768px) {
	.mb-intro-sub-text{
		font-size: 1.5rem;
	}
}

.mb-hero-header
{
  	font-family: 'Graphik LCG', sans-serif;
	font-weight: 600;
	font-size: 5rem;
	font-stretch: 70%;
	line-height: 100%;
}

@media (min-width:768px) {

	.mb-advantage-header,
	.mb-entry-header,
	.mb-entrylist-header,
	.mb-feature-header,
	.mb-feedback-header,
	.mb-header,
	.mb-hero-header,
	.mb-intro-header,
	.mb-nextcase-header,
	.mb-tophead-header,
	.mb-work-header,
	.mb-workflow-header {
		font-size: 19.8rem
	}
}

@media (min-width:768px) {

	.-sm.mb-advantage-header,
	.-sm.mb-entry-header,
	.-sm.mb-entrylist-header,
	.-sm.mb-feature-header,
	.-sm.mb-feedback-header,
	.-sm.mb-hero-header,
	.-sm.mb-intro-header,
	.-sm.mb-nextcase-header,
	.-sm.mb-tophead-header,
	.-sm.mb-work-header,
	.-sm.mb-workflow-header,
	.mb-header.-sm {
		font-size: 10rem
	}
}

@media (min-width:768px) {

	.-md.mb-advantage-header,
	.-md.mb-entry-header,
	.-md.mb-entrylist-header,
	.-md.mb-feature-header,
	.-md.mb-feedback-header,
	.-md.mb-hero-header,
	.-md.mb-intro-header,
	.-md.mb-nextcase-header,
	.-md.mb-tophead-header,
	.-md.mb-work-header,
	.-md.mb-workflow-header,
	.mb-header.-md {
		font-size: 15rem
	}
}

.mb-advantage-header strong,
.mb-entry-header strong,
.mb-entrylist-header strong,
.mb-feature-header strong,
.mb-feedback-header strong,
.mb-header strong,
.mb-hero-header strong,
.mb-intro-header strong,
.mb-nextcase-header strong,
.mb-tophead-header strong,
.mb-work-header strong,
.mb-workflow-header strong {
	font-weight: inherit
}

.mb-advantage-header strong.-primary,
.mb-entry-header strong.-primary,
.mb-entrylist-header strong.-primary,
.mb-feature-header strong.-primary,
.mb-feedback-header strong.-primary,
.mb-header strong.-primary,
.mb-hero-header strong.-primary,
.mb-intro-header strong.-primary,
.mb-nextcase-header strong.-primary,
.mb-tophead-header strong.-primary,
.mb-work-header strong.-primary,
.mb-workflow-header strong.-primary {
	color: #e98707
}

.mb-advantage-header strong.-secondary,
.mb-entry-header strong.-secondary,
.mb-entrylist-header strong.-secondary,
.mb-feature-header strong.-secondary,
.mb-feedback-header strong.-secondary,
.mb-header strong.-secondary,
.mb-hero-header strong.-secondary,
.mb-intro-header strong.-secondary,
.mb-nextcase-header strong.-secondary,
.mb-tophead-header strong.-secondary,
.mb-work-header strong.-secondary,
.mb-workflow-header strong.-secondary {
	color: #caec00
}

.mb-featured-item-title,
.mb-title {
	font-family: "Roboto Flex", sans-serif;
	font-weight: 550;
	font-stretch: 58%;
	font-size: 4.2rem;
	line-height: 100%;
	text-transform: uppercase
}

@media (min-width:768px) {

	.mb-featured-item-title,
	.mb-title {
		font-size: 11rem;
		line-height: 95%
	}
}

.mb-advantage-caption,
.mb-caption,
.mb-cardview-caption,
.mb-entryfeed-caption,
.mb-feature-caption,
.mb-feature-num,
.mb-featured-caption,
.mb-feedback-caption,
.mb-logoreel-caption,
.mb-splitshow-caption,
.mb-splitshow-item-caption,
.mb-summary-caption {
	display: flex;
	font-size: 1.4rem;
	line-height: 110%;
	text-transform: uppercase
}

@media (min-width:768px) {

	.mb-advantage-caption,
	.mb-caption,
	.mb-cardview-caption,
	.mb-entryfeed-caption,
	.mb-feature-caption,
	.mb-feature-num,
	.mb-featured-caption,
	.mb-feedback-caption,
	.mb-logoreel-caption,
	.mb-splitshow-caption,
	.mb-splitshow-item-caption,
	.mb-summary-caption {
		font-size: 1.8rem;
		letter-spacing: .02em
	}
}

.-lg.mb-advantage-caption,
.-lg.mb-cardview-caption,
.-lg.mb-entryfeed-caption,
.-lg.mb-feature-caption,
.-lg.mb-feature-num,
.-lg.mb-featured-caption,
.-lg.mb-feedback-caption,
.-lg.mb-logoreel-caption,
.-lg.mb-splitshow-caption,
.-lg.mb-splitshow-item-caption,
.-lg.mb-summary-caption,
.mb-caption.-lg {
	font-size: 1.8rem;
	line-height: 130%;
	text-transform: none
}

@media (min-width:768px) {

	.-lg.mb-advantage-caption,
	.-lg.mb-cardview-caption,
	.-lg.mb-entryfeed-caption,
	.-lg.mb-feature-caption,
	.-lg.mb-feature-num,
	.-lg.mb-featured-caption,
	.-lg.mb-feedback-caption,
	.-lg.mb-logoreel-caption,
	.-lg.mb-splitshow-caption,
	.-lg.mb-splitshow-item-caption,
	.-lg.mb-summary-caption,
	.mb-caption.-lg {
		font-size: 3.2rem;
		line-height: 120%
	}
}

.mb-advantage-caption h1,
.mb-advantage-caption h2,
.mb-advantage-caption h3,
.mb-caption h1,
.mb-caption h2,
.mb-caption h3,
.mb-cardview-caption h1,
.mb-cardview-caption h2,
.mb-cardview-caption h3,
.mb-entryfeed-caption h1,
.mb-entryfeed-caption h2,
.mb-entryfeed-caption h3,
.mb-feature-caption h1,
.mb-feature-caption h2,
.mb-feature-caption h3,
.mb-feature-num h1,
.mb-feature-num h2,
.mb-feature-num h3,
.mb-featured-caption h1,
.mb-featured-caption h2,
.mb-featured-caption h3,
.mb-feedback-caption h1,
.mb-feedback-caption h2,
.mb-feedback-caption h3,
.mb-logoreel-caption h1,
.mb-logoreel-caption h2,
.mb-logoreel-caption h3,
.mb-splitshow-caption h1,
.mb-splitshow-caption h2,
.mb-splitshow-caption h3,
.mb-splitshow-item-caption h1,
.mb-splitshow-item-caption h2,
.mb-splitshow-item-caption h3,
.mb-summary-caption h1,
.mb-summary-caption h2,
.mb-summary-caption h3 {
	display: inline-block;
	vertical-align: middle
}

.mb-advantage-caption-dot,
.mb-caption-dot,
.mb-cardview-caption-dot,
.mb-entryfeed-caption-dot,
.mb-feature-caption-dot,
.mb-featured-caption-dot,
.mb-feedback-caption-dot,
.mb-logoreel-caption-dot,
.mb-splitshow-caption-dot,
.mb-summary-caption-dot {
	position: relative;
	display: inline-block;
	top: .15em;
	width: 1rem;
	height: 1rem;
	margin: 0 1rem 0 0;
	vertical-align: middle;
	flex-shrink: 0;
	background: currentColor;
	border-radius: 50%
}

@media (min-width:768px) {

	.mb-advantage-caption-dot,
	.mb-caption-dot,
	.mb-cardview-caption-dot,
	.mb-entryfeed-caption-dot,
	.mb-feature-caption-dot,
	.mb-featured-caption-dot,
	.mb-feedback-caption-dot,
	.mb-logoreel-caption-dot,
	.mb-splitshow-caption-dot,
	.mb-summary-caption-dot {
		top: .07em;
		width: 1.4rem;
		height: 1.4rem;
		margin: 0 +rem 0 0
	}
}

.-primary.mb-advantage-caption-dot,
.-primary.mb-cardview-caption-dot,
.-primary.mb-entryfeed-caption-dot,
.-primary.mb-feature-caption-dot,
.-primary.mb-featured-caption-dot,
.-primary.mb-feedback-caption-dot,
.-primary.mb-logoreel-caption-dot,
.-primary.mb-splitshow-caption-dot,
.-primary.mb-summary-caption-dot,
.mb-caption-dot.-primary {
	background: #e98707
}

.-secondary.mb-advantage-caption-dot,
.-secondary.mb-cardview-caption-dot,
.-secondary.mb-entryfeed-caption-dot,
.-secondary.mb-feature-caption-dot,
.-secondary.mb-featured-caption-dot,
.-secondary.mb-feedback-caption-dot,
.-secondary.mb-logoreel-caption-dot,
.-secondary.mb-splitshow-caption-dot,
.-secondary.mb-summary-caption-dot,
.mb-caption-dot.-secondary {
	background: #caec00
}

.mb-advantage-text,
.mb-cardview-item-text,
.mb-entry-text,
.mb-entrylist-text,
.mb-feature-text,
.mb-featured-item-text,
.mb-feedback-text,
.mb-footer-text,
.mb-splitshow-item-text,
.mb-summary-text,
.mb-text,
.mb-work-item-num,
.mb-work-item-text,
.mb-work-text,
.mb-workflow-text,
.mb-workflow-item-text {
	font-size: 1.8rem;
	line-height: 100%;
}

.mb-summary-text
{
	font-size: 1.8rem;
	line-height: 100%;
	max-width: 1920px !important; 
	font-family: 'Graphik LCG', sans-serif;
	font-weight: 300;
}

.mb-summary-text.-no-upper {
    text-transform: none;
}

@media (min-width:768px) {

	.mb-advantage-text,
	.mb-cardview-item-text,
	.mb-entry-text,
	.mb-entrylist-text,
	.mb-feature-text,
	.mb-featured-item-text,
	.mb-feedback-text,
	.mb-footer-text,
	.mb-splitshow-item-text,
	.mb-summary-text,
	.mb-text,
	.mb-work-item-num,
	.mb-work-item-text,
	.mb-work-text,
	.mb-workflow-text,
	.mb-workflow-item-text {
		font-size: 2.2rem
	}
}

.-sm.mb-advantage-text,
.-sm.mb-cardview-item-text,
.-sm.mb-entry-text,
.-sm.mb-entrylist-text,
.-sm.mb-feature-text,
.-sm.mb-featured-item-text,
.-sm.mb-feedback-text,
.-sm.mb-footer-text,
.-sm.mb-splitshow-item-text,
.-sm.mb-summary-text,
.-sm.mb-work-item-num,
.-sm.mb-work-item-text,
.-sm.mb-work-text,
.-sm.mb-workflow-text,
.-sm.mb-workflow-item-text,
.mb-text.-sm {
	font-size: 1.4rem
}

@media (min-width:768px) {

	.-sm.mb-advantage-text,
	.-sm.mb-cardview-item-text,
	.-sm.mb-entry-text,
	.-sm.mb-entrylist-text,
	.-sm.mb-feature-text,
	.-sm.mb-featured-item-text,
	.-sm.mb-feedback-text,
	.-sm.mb-footer-text,
	.-sm.mb-splitshow-item-text,
	.-sm.mb-summary-text,
	.-sm.mb-work-item-num,
	.-sm.mb-work-item-text,
	.-sm.mb-work-text,
	.-sm.mb-workflow-text,
	.-sm.mb-workflow-item-text,
	.mb-text.-sm {
		font-size: 2.2rem
	}
}

.-lg.mb-advantage-text,
.-lg.mb-cardview-item-text,
.-lg.mb-entry-text,
.-lg.mb-entrylist-text,
.-lg.mb-feature-text,
.-lg.mb-featured-item-text,
.-lg.mb-feedback-text,
.-lg.mb-footer-text,
.-lg.mb-splitshow-item-text,
.-lg.mb-summary-text,
.-lg.mb-work-item-num,
.-lg.mb-work-item-text,
.-lg.mb-work-text,
.-lg.mb-workflow-text,
.-lg.mb-workflow-item-text,
.mb-text.-lg {
	font-size: 3rem;
	line-height: 120%;
	letter-spacing: -.02em
}

@media (min-width:768px) {

	.-lg.mb-advantage-text,
	.-lg.mb-cardview-item-text,
	.-lg.mb-entry-text,
	.-lg.mb-entrylist-text,
	.-lg.mb-feature-text,
	.-lg.mb-featured-item-text,
	.-lg.mb-feedback-text,
	.-lg.mb-footer-text,
	.-lg.mb-splitshow-item-text,
	.-lg.mb-summary-text,
	.-lg.mb-work-item-num,
	.-lg.mb-work-item-text,
	.-lg.mb-work-text,
	.-lg.mb-workflow-text,
	.-lg.mb-workflow-item-text,
	.mb-text.-lg {
		font-size: 4rem
	}
}

.-xl.mb-advantage-text,
.-xl.mb-cardview-item-text,
.-xl.mb-entry-text,
.-xl.mb-entrylist-text,
.-xl.mb-feature-text,
.-xl.mb-featured-item-text,
.-xl.mb-feedback-text,
.-xl.mb-footer-text,
.-xl.mb-splitshow-item-text,
.-xl.mb-summary-text,
.-xl.mb-work-item-num,
.-xl.mb-work-item-text,
.-xl.mb-work-text,
.-xl.mb-workflow-text,
.-xl.mb-workflow-item-text,
.mb-text.-xl {
	font-size: 2.24rem;
	line-height: 120%;
	letter-spacing: -.02em
}

@media (min-width:768px) {

	.-xl.mb-advantage-text,
	.-xl.mb-cardview-item-text,
	.-xl.mb-entry-text,
	.-xl.mb-entrylist-text,
	.-xl.mb-feature-text,
	.-xl.mb-featured-item-text,
	.-xl.mb-feedback-text,
	.-xl.mb-footer-text,
	.-xl.mb-splitshow-item-text,
	.-xl.mb-summary-text,
	.-xl.mb-work-item-num,
	.-xl.mb-work-item-text,
	.-xl.mb-work-text,
	.-xl.mb-workflow-text,
	.-xl.mb-workflow-item-text,
	.mb-text.-xl {
		font-size: 5rem;
		line-height: 125%
	}
}

.mb-advantage-text p:not(:last-child),
.mb-cardview-item-text p:not(:last-child),
.mb-entry-text p:not(:last-child),
.mb-entrylist-text p:not(:last-child),
.mb-feature-text p:not(:last-child),
.mb-featured-item-text p:not(:last-child),
.mb-feedback-text p:not(:last-child),
.mb-footer-text p:not(:last-child),
.mb-splitshow-item-text p:not(:last-child),
.mb-summary-text p:not(:last-child),
.mb-text p:not(:last-child),
.mb-work-item-num p:not(:last-child),
.mb-work-item-text p:not(:last-child),
.mb-work-text p:not(:last-child),
.mb-workflow-text p:not(:last-child),
.mb-workflow-item-text p:not(:last-child) {
	margin-bottom: 1em
}

@media (min-width:768px) {
	.-lsm {
		display: none
	}
}

@media (min-width:1024px) {
	.-lmd {
		display: none
	}
}

@media (min-width:1200px) {
	.-llg {
		display: none
	}
}

@media (min-width:1600px) {
	.-lxl {
		display: none
	}
}

@media (max-width:767px) {
	.-gxs {
		display: none
	}
}

@media (max-width:1023px) {
	.-gsm {
		display: none
	}
}

@media (max-width:1199px) {
	.-gmd {
		display: none
	}
}

@media (max-width:1399px) {
	.-glg {
		display: none
	}
}

@media (max-width:1919px) {
	.-gxl {
		display: none
	}
}

@keyframes mb-fx-rotating-360 {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

.mb-svgsprite {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor
}

.mb-loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	z-index: 95;
	overflow: hidden
}

@supports (height:100lvh) {
	.mb-loader {
		height: 100lvh
	}
}

.mb-loader-backdrop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .1)
}

.mb-loader-fill {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform-origin: left center;
	background: #f9f9f9
}

.mb-loader.-front {
	z-index: 999
}

.mb-navbar-backdrop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	z-index: 96;
	background: rgba(0, 0, 0, .7)
}

@supports (height:100svh) {
	.mb-navbar-backdrop {
		height: 100svh
	}
}

@media (min-width:768px) {
	.mb-navbar-container {
		padding: 0 6rem;
		height: 100%
	}
}

@media (min-width:768px) {
	.mb-navbar-fill {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 94;
		height: 10rem;
		transform: translateY(-100%);
		background: rgba(255, 255, 255, .95);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		visibility: hidden;
		transition: transform .3s, visibility 0s .3s
	}
}

@media (min-width:768px) {
	.mb-navbar.-visible .mb-navbar-fill {
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0s
	}
}

@media (min-width:768px) {
	.mb-navbar-strip {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 95;
		height: 10rem;
		transition: transform .3s
	}
}

@media (min-width:768px) {
	.mb-navbar.-fixed .mb-navbar-strip {
		transform: translateY(-100%)
	}
}

@media (min-width:768px) {
	.mb-navbar.-visible .mb-navbar-strip {
		transform: translateY(0)
	}
}

@media (min-width:768px) {
	.mb-navbar-grid {
		display: grid;
		grid-template-columns: .5fr auto .5fr;
		align-items: center;
		height: 100%
	}
}

@media (min-width:768px) {
	.mb-navbar-grid-col.-center {
		text-align: center
	}
}

@media (min-width:768px) {
	.mb-navbar-grid-col.-right {
		text-align: right
	}
}

.mb-navbar-logo {
	display: block;
	position: absolute;
	top: 3rem;
	left: 3rem;
	width: 12.286rem;
	height: 2rem;
	z-index: 95;
	text-decoration: none;
	transition: color .3s
}

@media (min-width:768px) {
	.mb-navbar-logo {
		position: relative;
		top: auto;
		left: auto;
		width: 17.2rem;
		height: 2.8rem
	}
}

.mb-navbar.-inverse .mb-navbar-fill {
	background-color: black;
}

.mb-navbar.-inverse .mb-navbar-logo {
	color: #fff
}

@media (min-width: 768px) {
	.mb-navbar.-fixed:not(.-inverse) .mb-navbar-logo {
		color: #000;
	}
}

.mb-navbar.-inverse .mb-btn_link {
  color: #fff;
}

/* Inverse navbar – ana linkler */
.mb-navbar.-inverse .mb-navbar-navs > .mb-navbar-nav > .mb-btn_link {
  color: #fff;
}

/* Dropdown içindeki linkleri resetle */
.mb-navbar.-inverse .dropdown-menu .mb-btn_link {
  color: #111;
}

.mb-navbar-logo.-clone {
	position: fixed;
	z-index: 100;
	opacity: 0;
	color: #000;
	visibility: hidden;
	transition: opacity .5s, visibility 0s .5s
}

@media (min-width:768px) {
	.mb-navbar-logo.-clone {
		display: none
	}
}

.mb-navbar.-open .mb-navbar-logo.-clone {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s
}

.mb-navbar-logo svg {
	width: 100%;
	height: 100%
}

.mb-navbar-navs {
	margin: 0 -2rem;
	transition: color .3s
}

@media (max-width:767px) {
	.mb-navbar-navs {
		display: none
	}
}

.mb-navbar.-inverse .mb-navbar-navs {
	color: #fff
}

@media (min-width:768px) {
	.mb-navbar.-fixed .mb-navbar-navs {
		color: #000
	}
}

.mb-navbar-nav {
	display: inline-block;
	padding: 0 2rem;
	font-size: 2.2rem;
	line-height: 120%
}

.mb-navbar-toggle {
	position: fixed;
	top: 2.5rem;
	right: 3rem;
	z-index: 98;
	color: #fff;
	mix-blend-mode: exclusion
}

@media (min-width:768px) {
	.mb-navbar-toggle {
		display: none
	}
}

@media (pointer:coarse) {
	.mb-navbar-toggle {
		position: absolute;
		bottom: 0;
		pointer-events: none
	}

	.mb-navbar-toggle button {
		position: -webkit-sticky;
		position: sticky;
		top: 2.5rem;
		pointer-events: auto
	}
}

@media (pointer:coarse) and (min-width:768px) {
	.mb-navbar-toggle button {
		top: 4.5rem
	}
}

.mb-navbar-menu {
	display: none;
	align-items: end;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 100vh;
	z-index: 97;
	padding: 13rem 3rem 3rem 3rem;
	background: #fff;
	pointer-events: none;
}

.mb-navbar.-inverse .mb-navbar-menu {
  background: #000;
  color: #fff;
}

@supports (height:100lvh) {
	.mb-navbar-menu {
		height: 100lvh;
		padding: 13rem 3rem calc(100lvh - 100svh + 3rem) 3rem
	}
}

@media (min-width:768px) {
	.mb-navbar-menu {
		left: auto;
		width: 83.6rem;
		padding: 6rem
	}
}

@media (min-width: 768px) {
  .mb-navbar-menu-nav.-langs {
    display: none;
  }
}

@media (max-width: 767px) {
  .mb-navbar-lang-desktop {
    display: none;
  }
  .mb-navbar-menu-nav.-langs .mb-btn {
  	font-size: 1.5rem;
  }
}

.mb-navbar-menu-grid {
	display: grid;
	gap: 2rem
}

@media (min-width:768px) {
	.mb-navbar-menu-grid {
		grid-template-columns: 43% auto
	}
}

@media (max-width:767px) {
	.mb-navbar-menu-grid-col.-left {
		display: none
	}
}

@media (max-width:767px) {
	.mb-navbar-menu-grid-col.-right {
		margin-top: -5rem
	}
}

.mb-navbar-menu-caption {
	margin: 0 0 4rem 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	opacity: .3;
	font-weight: 500;
	font-size: 1.4rem
}

@media (min-width:768px) {
	.mb-navbar-menu-caption {
		margin: 0 0 5rem 0;
		font-size: 1.8rem
	}
}

.mb-navbar-menu-caption.-rb {
	margin: 0 0 2rem 0
}

@media (min-width:768px) {
	.mb-navbar-menu-caption.-rb {
		margin: 0 0 3rem 0
	}
}

.mb-navbar-menu-socials {
	margin: -1rem 0
}

@media (min-width:768px) {
	.mb-navbar-menu-socials {
		margin: -1.5rem 0
	}
}

.mb-navbar-menu-social {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 1rem 0;
	font-size: 1.4rem
}

@media (min-width:768px) {
	.mb-navbar-menu-social {
		padding: 1.5rem 0;
		font-size: 1.8rem
	}
}

.mb-navbar-menu-social>a:before {
	top: -1rem;
	bottom: -1rem
}

@media (min-width:768px) {
	.mb-navbar-menu-social>a:before {
		top: -1.25rem;
		bottom: -1.5rem
	}
}

.mb-navbar-menu-navs {
	margin: -1rem 0
}

@media (min-width:768px) {
	.mb-navbar-menu-navs {
		margin: -1.25rem 0
	}
}

.mb-navbar-menu-nav {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0.6rem 0;
	font-size: 3rem;
	line-height: 100%;
	letter-spacing: -.02em
}

@media (min-width:768px) {
	.mb-navbar-menu-nav {
		padding: 1.25rem 0;
		font-size: 5rem
	}
}

.mb-navbar-menu-nav>a:before {
	top: -1rem;
	bottom: -1rem
}

@media (min-width:768px) {
	.mb-navbar-menu-nav>a:before {
		top: -1.25rem;
		bottom: -1.25rem
	}
}

.mb-navbar-menu-links {
	display: grid;
	gap: 2rem
}

@media (min-width:768px) {
	.mb-navbar-menu-links {
		grid-template-columns: 43% auto;
		gap: 0
	}
}

.mb-navbar-menu-link {
	padding-bottom: 4px;
	font-size: 1.8rem
}

@media (min-width:768px) {
	.mb-navbar-menu-link {
		font-size: 2.2rem
	}
}

.mb-intouch {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 3rem;
	bottom: 3rem;
	width: 9.86rem;
	height: 9.86rem;
	z-index: 90;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

@media (min-width:768px) {
	.mb-intouch {
		right: 6rem;
		bottom: 6rem;
		width: 13.94rem;
		height: 13.94rem
	}
}

@media (pointer:fine) {
	.mb-intouch:hover:before {
		content: "";
		display: block;
		position: absolute;
		top: -140px;
		left: -140px;
		right: -40px;
		bottom: -140px
	}
}

@media (hover: none) {
  .mb-intouch::before {
    display: none !important;
  }
}

.mb-intouch-outline {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: transform .4s
}

.mb-intouch-outline svg {
	height: 100%;
	width: 100%;
	animation: mb-fx-rotating-360 15s infinite linear
}

.mb-intouch-box {
	position: relative;
	width: 6.46rem;
	height: 6.46rem
}

@media (min-width:768px) {
	.mb-intouch-box {
		width: 9.35rem;
		height: 9.35rem
	}
}

.mb-intouch-box:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #e98707;
	border-radius: 50%;
	transition: transform .4s
}

@media (pointer:fine) {
	.mb-intouch:hover .mb-intouch-box:before {
		transform: scale(.9)
	}
}

.mb-intouch:active .mb-intouch-box:before {
	transform: scale(.8)
}

.mb-intouch-arr {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3rem;
	height: 3rem;
	margin: -1.5rem 0 0 -1.5rem;
	z-index: 1;
	color: #fff
}

@media (min-width:768px) {
	.mb-intouch-arr {
		width: 4.4rem;
		height: 4.4rem;
		margin: -2.2rem 0 0 -2.2rem
	}
}

.mb-btn_cta,
.mb-btn_dummy,
.mb-btn_link,
.mb-btn_menu,
.mb-btn_round {
	position: relative;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	color: inherit;
	background: 0 0;
	border: 0;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
	text-align: inherit;
	text-transform: inherit;
	text-indent: inherit;
	text-decoration: none
}

.mb-btn_cta:focus,
.mb-btn_cta:hover,
.mb-btn_dummy:focus,
.mb-btn_dummy:hover,
.mb-btn_link:focus,
.mb-btn_link:hover,
.mb-btn_menu:focus,
.mb-btn_menu:hover,
.mb-btn_round:focus,
.mb-btn_round:hover {
	text-decoration: none
}

.mb-btn_cta {
	display: inline-flex;
	align-items: center;
	height: 7.8rem;
	padding: 0 2.5rem;
	overflow: hidden;
	transform: translateZ(0);
	border-radius: 1000px;
	font-size: 1.8rem;
	line-height: 1;
	transition: transform .3s
}

@media (min-width:768px) {
	.mb-btn_cta {
		height: 8.4rem;
		padding: 0 3.5rem;
		font-size: 2.2rem
	}
}

@media (max-width:767px) {
	.mb-btn_cta.-afull {
		display: flex;
		justify-content: center;
		padding: 0;
		width: 100%
	}
}

.mb-btn_cta.-xl {
	height: 15rem;
	padding: 0 5rem
}

@media (min-width:768px) {
	.mb-btn_cta.-xl {
		height: 20.3rem;
		padding: 0 11.6rem
	}
}

@media (pointer:fine) {
	.mb-btn_cta:hover {
		transform: scaleX(1.02);
		transition: transform .6s cubic-bezier(.34, 5.56, .64, 1)
	}
}

.mb-btn_cta:disabled {
	opacity: .5;
	pointer-events: none;
	touch-action: none
}

.mb-btn_cta-border {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 1px;
	z-index: 3;
	opacity: .3;
	border: 1px solid;
	border-radius: 1000px
}

.mb-btn_cta-ripple {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	overflow: hidden;
	transform: translateZ(0);
	border-radius: inherit
}

.mb-btn_cta-ripple span {
	display: block;
	width: 100%;
	height: 100%;
	transform: translateY(101%);
	background: currentColor;
	border-radius: 50% 50% 0 0;
	transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1)
}

@media (pointer:fine) {
	.mb-btn_cta:hover .mb-btn_cta-ripple span {
		border-radius: 0;
		transform: translateY(0);
		transition-duration: .5s, .9s
	}
}

.mb-btn_cta-title {
	position: relative;
	display: block;
	padding: 0 .16em 0 0;
	overflow: hidden;
	z-index: 2;
}

.mb-btn_cta-title span {
	display: block;
	transition: transform .8s cubic-bezier(.16, 1, .3, 1);
}

.mb-btn_cta-title span:after {
	content: attr(data-text);
	display: block;
	position: absolute;
	top: 110%;
	left: 0;
	color: #fff
}

.mb-btn_cta.-inverse .mb-btn_cta-title span:after {
	color: #000
}

@media (pointer:fine) {
	.mb-btn_cta:hover .mb-btn_cta-title span {
		transform: translateY(-110%)
	}
}

.mb-btn_cta-icon {
	position: relative;
	display: block;
	margin: 0 0 0 1.5rem;
	z-index: 2;
	font-size: 1.8rem;
	line-height: 1;
	vertical-align: middle
}

@media (min-width:768px) {
	.mb-btn_cta-icon {
		font-size: 2.4rem
	}
}

.mb-btn_cta-icon.-primary {
	color: #e98707
}

.mb-btn_cta-icon.-secondary {
	color: #caec00
}

.mb-btn_menu {
	display: block;
	width: 3rem;
	height: 3rem;
	-webkit-tap-highlight-color: transparent
}

.mb-btn_menu:before {
	content: "";
	position: absolute;
	top: -24px;
	left: -10px;
	right: -10px;
	bottom: -24px
}

.mb-btn_menu span {
	position: relative;
	top: 0;
	display: block;
	width: 100%;
	height: 2px;
	margin: .8rem 0;
	background: currentColor;
	border-radius: 9999px;
	transition: top .2s .3s, transform .3s 0s
}

@media (min-width:768px) and (max-width:1199px) {
	.mb-btn_menu span {
		height: 1px
	}
}

.mb-btn_menu.-active span,
.mb-navbar.-open .mb-navbar-toggle button.mb-btn_menu span {
	transition: top .2s, transform .3s .2s
}

.mb-btn_menu.-active span:first-child,
.mb-navbar.-open .mb-navbar-toggle button.mb-btn_menu span:first-child {
	top: .5rem;
	transform: rotate(45deg)
}

.mb-btn_menu.-active span:last-child,
.mb-navbar.-open .mb-navbar-toggle button.mb-btn_menu span:last-child {
	top: -.4rem;
	transform: translateY(-.1rem) rotate(-45deg)
}

.mb-btn_link {
	position: relative;
	display: inline-block;
	padding: 4px 0;
	text-decoration: none
}

.mb-btn_link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.mb-btn_link:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transform: scaleX(0);
	border-top: 1px solid;
	transition: transform .5s cubic-bezier(.35, 0, 0, 1)
}

.mb-btn_link.-underline:after {
	transform: scaleX(1)
}

@media (pointer:fine) {
	[data-btn-links]:hover a.-underline:after {
		transform: scaleX(0)
	}

	.mb-btn_link:hover:after {
		transform: scaleX(1) !important
	}
}

.mb-btn_round {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 7rem;
	width: 7rem
}

@media (min-width:768px) {
	.mb-btn_round {
		height: 12.75rem;
		width: 12.75rem
	}
}

@media (pointer:fine) {
	.mb-btn_round.-magnetic:before {
		content: "";
		position: absolute;
		top: -50%;
		left: -50%;
		right: -50%;
		bottom: -50%
	}

	.mb-btn_round.-magnetic:hover:before {
		top: -100%;
		left: -100%;
		right: -100%;
		bottom: -100%
	}
}

.mb-btn_round-fill {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	transition: transform .4s cubic-bezier(.34, 1.56, .64, 1)
}

.mb-btn_round.-secondary .mb-btn_round-fill {
	background: #caec00
}

@media (pointer:fine) {
	.mb-btn_round:hover .mb-btn_round-fill {
		transform: scale(.9)
	}
}

.mb-btn_round:active .mb-btn_round-fill {
	transform: scale(.87)
}

.mb-btn_round-icon {
	position: relative;
	font-size: 2.4rem;
	line-height: 1
}

@media (min-width:768px) {
	.mb-btn_round-icon {
		font-size: 3.91rem
	}
}

.mb-btn_round.-secondary .mb-btn_round-icon {
	color: #000
}

.mb-input_underline {
	position: relative;
	display: block
}

.mb-input_underline-line {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 300%;
	transform: translateX(-66.66%);
	opacity: .1;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 60" preserveAspectRatio="none"><path fill="none" stroke="%23000" d="M0,59 L400,59 Q600,45 800,59 L1200,59"></path></svg>');
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: 100% 41px;
	pointer-events: none;
	touch-action: none;
	transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s
}

.mb-input_underline.-error .mb-input_underline-line {
	opacity: .8;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 60" preserveAspectRatio="none"><path fill="none" stroke="%23eb4242" d="M0,59 L400,59 Q600,45 800,59 L1200,59"></path></svg>')
}

.mb-input_underline-box {
	position: relative;
	overflow: hidden
}

.mb-input_underline-message {
	margin: 1.5rem 0 0 0;
	color: #eb4242;
	font-size: 1.6rem
}

.mb-input_underline-message:empty {
	display: none
}

.mb-input_underline-icon {
	position: absolute;
	right: 0;
	bottom: calc(50% - .6rem);
	line-height: 0;
	z-index: 3;
	color: #e98707
}

.mb-input_underline-icon svg {
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: top
}

.mb-input_underline input,
.mb-input_underline select,
.mb-input_underline textarea {
	position: relative;
	margin: 0;
	padding: 1.5rem 0;
	width: 100%;
	z-index: 1;
	color: #000;
	background: 0 0;
	border: 0;
	border-radius: 0;
	outline: 0;
	resize: none;
	font-size: 1.8rem;
	line-height: 130%;
	transition: all .3s, height 0s
}

@media (min-width:768px) {

	.mb-input_underline input,
	.mb-input_underline select,
	.mb-input_underline textarea {
		padding: 2rem 0;
		font-size: 2.2rem
	}
}

.mb-input_underline input:-webkit-autofill,
.mb-input_underline input:-webkit-autofill:focus,
.mb-input_underline input:-webkit-autofill:hover,
.mb-input_underline select:-webkit-autofill,
.mb-input_underline select:-webkit-autofill:focus,
.mb-input_underline select:-webkit-autofill:hover,
.mb-input_underline textarea:-webkit-autofill,
.mb-input_underline textarea:-webkit-autofill:focus,
.mb-input_underline textarea:-webkit-autofill:hover {
	-webkit-text-fill-color: #000;
	-webkit-transition: background-color 5000000s;
	transition: background-color 5000000s
}

.mb-input_underline input::-webkit-search-cancel-button,
.mb-input_underline input::-webkit-search-decoration,
.mb-input_underline input::-webkit-search-results-button,
.mb-input_underline input::-webkit-search-results-decoration,
.mb-input_underline select::-webkit-search-cancel-button,
.mb-input_underline select::-webkit-search-decoration,
.mb-input_underline select::-webkit-search-results-button,
.mb-input_underline select::-webkit-search-results-decoration,
.mb-input_underline textarea::-webkit-search-cancel-button,
.mb-input_underline textarea::-webkit-search-decoration,
.mb-input_underline textarea::-webkit-search-results-button,
.mb-input_underline textarea::-webkit-search-results-decoration {
	-webkit-appearance: none
}

.mb-input_underline input::-moz-placeholder,
.mb-input_underline select::-moz-placeholder,
.mb-input_underline textarea::-moz-placeholder {
	color: #000;
	-moz-transition: color .2s;
	transition: color .2s
}

.mb-input_underline input::-ms-input-placeholder,
.mb-input_underline select::-ms-input-placeholder,
.mb-input_underline textarea::-ms-input-placeholder {
	color: #000;
	-ms-transition: color .2s;
	transition: color .2s
}

.mb-input_underline input::placeholder,
.mb-input_underline select::placeholder,
.mb-input_underline textarea::placeholder {
	color: #000;
	transition: color .2s
}

.mb-input_underline input:not(:-moz-placeholder-shown)+.mb-input_underline-line,
.mb-input_underline select:not(:-moz-placeholder-shown)+.mb-input_underline-line,
.mb-input_underline textarea:not(:-moz-placeholder-shown)+.mb-input_underline-line {
	opacity: .6
}

.mb-input_underline input:not(:placeholder-shown)+.mb-input_underline-line,
.mb-input_underline select:not(:placeholder-shown)+.mb-input_underline-line,
.mb-input_underline textarea:not(:placeholder-shown)+.mb-input_underline-line {
	opacity: .6
}

.mb-input_underline input:hover+.mb-input_underline-line,
.mb-input_underline select:hover+.mb-input_underline-line,
.mb-input_underline textarea:hover+.mb-input_underline-line {
	opacity: .6
}

.mb-input_underline input:focus::-moz-placeholder,
.mb-input_underline select:focus::-moz-placeholder,
.mb-input_underline textarea:focus::-moz-placeholder {
	color: rgb(178.5, 178.5, 178.5)
}

.mb-input_underline input:focus::-ms-input-placeholder,
.mb-input_underline select:focus::-ms-input-placeholder,
.mb-input_underline textarea:focus::-ms-input-placeholder {
	color: rgb(178.5, 178.5, 178.5)
}

.mb-input_underline input:focus::placeholder,
.mb-input_underline select:focus::placeholder,
.mb-input_underline textarea:focus::placeholder {
	color: rgb(178.5, 178.5, 178.5)
}

.mb-input_underline input:focus+.mb-input_underline-line,
.mb-input_underline select:focus+.mb-input_underline-line,
.mb-input_underline textarea:focus+.mb-input_underline-line {
	opacity: .8;
	transform: translateX(0);
	transition-duration: .8s, .4s
}

.mb-input_underline input:invalid,
.mb-input_underline select:invalid,
.mb-input_underline textarea:invalid {
	box-shadow: none
}

.mb-input_underline input:disabled,
.mb-input_underline select:disabled,
.mb-input_underline textarea:disabled {
	opacity: .4;
	pointer-events: none
}

.mb-input_underline textarea {
	height: 5.339rem;
	transition: height .4s
}

@media (min-width:768px) {
	.mb-input_underline textarea {
		height: 6.859rem
	}
}

.mb-input_underline textarea:not(:-moz-placeholder-shown) {
	height: 10rem
}

.mb-input_underline textarea:focus,
.mb-input_underline textarea:not(:placeholder-shown) {
	height: 10rem
}

.mb-cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 250;
	color: #caec00;
	contain: layout style size;
	pointer-events: none;
	transition: opacity .3s, color .4s
}

.mb-cursor:before {
	content: "";
	display: block;
	position: absolute;
	top: -5rem;
	left: -5rem;
	width: 10rem;
	height: 10rem;
	background: currentColor;
	border-radius: 50%;
	transition: transform .4s, opacity .1s
}

.mb-cursor.-inverse {
	color: #fff
}

@supports (mix-blend-mode:exclusion) {
	.mb-cursor.-exclusion {
		mix-blend-mode: exclusion
	}

	.mb-cursor.-exclusion:before {
		background: #fff
	}
}

.mb-cursor.-text:before {
	transform: scale(1)
}

.mb-cursor.-text.-active:before,
.mb-navbar.-open .mb-navbar-toggle button.mb-cursor.-text:before {
	transform: scale(1);
	transition-duration: .2s
}

.mb-cursor.-icon:before {
	transform: scale(1)
}

.mb-cursor.-icon.-active:before,
.mb-navbar.-open .mb-navbar-toggle button.mb-cursor.-icon:before {
	transform: scale(1)
}

.mb-cursor.-hidden:before {
	transform: scale(0)
}

.mb-cursor-text {
	position: absolute;
	top: -5rem;
	left: -5rem;
	width: 10rem;
	height: 10rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: scale(0) rotate(-10deg);
	opacity: 0;
	color: #000;
	font-size: 1.5rem;
	text-align: center;
	transition: opacity .4s, transform .4s
}

.mb-cursor.-icon .mb-cursor-text,
.mb-cursor.-text .mb-cursor-text {
	opacity: 1;
	transform: scale(1)
}

.mb-cursor.-icon .mb-cursor-text {
	opacity: 1;
	transform: scale(1)
}

.mb-cursor.-text.-active .mb-cursor-text,
.mb-navbar.-open .mb-navbar-toggle button.mb-cursor.-text .mb-cursor-text {
	transform: scale(.8)
}

.mb-cursor.-icon.-active .mb-cursor-text,
.mb-navbar.-open .mb-navbar-toggle button.mb-cursor.-icon .mb-cursor-text {
	transform: scale(.8)
}

.mb-divider {
	position: relative;
	height: 1px
}

@media (pointer:fine) {
	.mb-divider:before {
		content: "";
		display: block;
		position: absolute;
		top: -1rem;
		left: 0;
		right: 0;
		height: 2rem
	}
}

.mb-divider svg {
	position: absolute;
	top: -99px;
	left: 0;
	right: 0;
	width: 100%;
	height: 200px;
	pointer-events: none;
	touch-action: none
}

.mb-divider svg path {
	fill: none;
	stroke: currentColor;
	stroke-width: 1;
	shape-rendering: crispEdges
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
	.mb-divider svg path {
		shape-rendering: auto
	}
}

.mb-entry {
	display: block;
	text-decoration: none
}

.mb-entry-thumbnail {
	position: relative;
	display: block;
	padding-bottom: 100%;
	margin: 0 -2rem
}

@media (min-width:768px) {
	.mb-entry-thumbnail {
		padding-bottom: 64.2857142857%
	}
}

.mb-entry-thumbnail img,
.mb-entry-thumbnail video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-entry-grid {
	display: grid;
	gap: 4rem
}

@media (min-width:768px) {
	.mb-entry-grid {
		grid-template-columns: 70rem auto;
		gap: 10rem
	}
}

.mb-entry-date {
	margin: 0 0 4rem 0;
	font-size: 1.4rem;
	line-height: 130%
}

@media (min-width:768px) {
	.mb-entry-date {
		font-size: 1.8rem
	}
}

.mb-entry-num {
	margin: 3rem 0 0 0;
	font-size: 1.4rem;
	line-height: 130%
}

@media (min-width:768px) {
	.mb-entry-num {
		margin: 5rem 0 0 0;
		font-size: 2.2rem
	}
}

.mb-entry-num:before {
	content: "(" counter(mb-entry-num, decimal-leading-zero) ")";
	counter-increment: mb-entry-num
}

.mb-entry-title {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 2.8rem;
	line-height: 120%;
	letter-spacing: -.02em;
	text-decoration: none
}

@media (min-width:768px) {
	.mb-entry-title {
		font-size: 4rem
	}
}

@media (pointer:fine) {
	.mb-entry-title:before {
		content: "";
		position: relative;
		display: inline-block;
		width: 0;
		height: .5em;
		top: -.07em;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.33 25"><path fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="4" d="M30.16 12.5H0M17 1.55l13.16 11L17 23.45"/></svg>');
		background-size: .6666em .5em;
		background-position: left center;
		background-repeat: no-repeat;
		transition: width .5s cubic-bezier(.35, 0, 0, 1)
	}

	.mb-entry-title:hover:before {
		width: .9999em
	}
}

.mb-entry-header {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 3rem 0;
	font-family: "Roboto Flex", sans-serif;
	font-weight: 550;
	font-size: 4.6rem;
	line-height: 110%;
	text-transform: uppercase;
	text-decoration: none
}

@media (min-width:768px) {
	.mb-entry-header {
		margin: 5rem 0 3rem 0;
		font-size: 6rem
	}
}

.mb-entry-text {
	display: block;
	margin: 1.5rem 0 0 0
}

@media (min-width:768px) {
	.mb-entry-text {
		margin: 2.5rem 0 0 0
	}
}

.mb-entry.-sm .mb-entry-text {
	-webkit-line-clamp: 2
}

.mb-entry-action {
	margin: 4rem 0 0 0
}

.mb-contact-group {
	margin: 0 0 3.5rem 0
}

@media (min-width:768px) {
	.mb-contact-group {
		margin: 0 0 5rem 0
	}
}

.mb-contact-terms {
	opacity: .5;
	font-size: 1.4rem
}

@media (min-width:768px) {
	.mb-contact-terms {
		font-size: 1.6rem
	}
}

.mb-contact-terms a {
	color: #e98707;
	text-decoration: none
}

.mb-contact-sgrid {
  display: grid;
  gap: 1rem;
  margin: 5rem 0 0 0;
}
@media (min-width: 768px) {
  .mb-contact-sgrid {
    margin: 7rem 0 0 0;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: center;
  }
  .mb-contact-sgrid.-stacked {
    grid-auto-flow: initial;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}

.mb-contact-message {
	padding: .8rem 1.5rem;
	color: #fff;
	background: #e98707;
	border-radius: 9999px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
	animation: cb-contact-message-show .4s
}

@media (min-width:768px) {
	.mb-contact-message {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		font-size: 1.8rem
	}
}

@keyframes cb-contact-message-show {
	0% {
		opacity: 0;
		transform: scale(.8)
	}

	100% {
		opacity: 1;
		transform: scale(1)
	}
}

@media (min-width:768px) {
	.mb-contact-submit {
		text-align: left
	}
}

.mb-hero {
  position: relative;
}

.mb-hero-lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .03;
}

@media (max-width:767px) {
  .mb-hero-lines {
    display: none;
  }
}

.mb-hero-lines svg {
  width: 100%;
}

.mb-hero-content {
  padding: 16rem 0 0rem 0;
}

@media (min-width:768px) {
  .mb-hero-content {
    padding: min(18vh, 18rem) 0 10rem 0;
  }
}

/* HEADER ------------------------------------------------------------ */

.mb-hero-header {
  position: relative;
  text-align: center;  /* Desktop alignment */
  word-spacing: -5px;
  letter-spacing: -0.2rem;
}

.mb-hero-header h1 {
  display: inline-block;
  line-height: 1.1;
  margin: 0;
  transform: scale(1.2);
}

.mb-hero-header h1 span.-line {
  display: block;
  margin-bottom: 0.2em;
  white-space: nowrap;
}

.mb-hero-header h1 span {
    font-size: clamp(2.6rem, 7vw, 8.8rem);  /* <-- Desktop büyük, mobil küçük */
  	line-height: 1.1;
}

/* ARABIC FIGURE ---------------------------------------------------- */

.mb-hero-header-figure {
  position: relative;
  top: 0.03em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: auto;
  vertical-align: middle;
  overflow: hidden;
}

@media (min-width:768px) {
  .mb-hero-header-figure {
    top: 0.005em;
    height: 0.72em;
    width: 1.2em;
  }
}

.mb-hero-header-figure img,
.mb-hero-header-figure video {
  width: auto;
  height: clamp(0.4em, 3vw, 0.8em);
  object-fit: contain;
}

/* SIDE SMALL TEXT -------------------------------------------------- */

.mb-hero-header-text {
  position: relative;
  display: block;
  width: auto;
  margin: 0 1rem 0 0;

  font-family: 'Graphik LCG', sans-serif;
  font-weight: 600;
  line-height: 1.1;
  text-align: right;

  font-size: clamp(0.9rem, 2.8vw, 1.5rem);
  letter-spacing: clamp(-0.15em, -0.3vw, -0.45em);

  max-width: clamp(8rem, 30vw, 22rem);
  top: clamp(0em, 1vw, 0.8em);
}

@media (max-width: 767px) {

  .mb-hero-header {
    text-align: center;
    word-spacing: 0;
	margin-top: -1.5rem;
  }

  .mb-hero-header h1 span.-line {
    margin-bottom: 0;   
    white-space: normal;     
  }

  .mb-hero-header-figure {
    top: 0;
    height: auto;
    width: auto;
  }

  .mb-hero-header-text {
    margin-right: 0.5rem;
    text-align: left;
  }
  
}


.mb-intro {
	position: relative;
	height: 100vh;
	min-height: 50rem;
	overflow: hidden;
	color: #fff
}

@supports (height:100svh) {
	.mb-intro {
		height: 100svh
	}
}

@media (min-width:768px) {
	.mb-intro {
		min-height: 80rem
	}
}

.mb-intro-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%
}

.mb-intro-bg-media {
	height: 100%;
	width: 100%
}

.mb-intro-bg-media img,
.mb-intro-bg-media video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.mb-intro-content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%
}

.mb-tophead-content {
	padding: 18.4rem 0 6rem 0
}

@media (min-width:768px) {
	.mb-tophead-content {
		padding: 26rem 0 11rem 0
	}
}

.mb-tophead-header {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: -1em auto;
	padding: 1em 0;
	text-align: center
}

.mb-entrylist {
	overflow-x: hidden;
}

.mb-entrylist-content {
	padding-top: 14rem;
}

@media (min-width: 768px) {
	.mb-entrylist-content {
		padding-top: 18.4rem;
	}
}

@media (max-width: 768px) {
	.mb-entrylist-content {
		padding-top: 11.4rem;
	}
}

.mb-entrylist-header {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	text-align: center;
}

.mb-entrylist-text {
	margin: 1.5rem 0 0 0;
	text-align: center;
}

@media (min-width:768px) {
	.mb-entrylist-text {
		margin: 3rem auto 0 auto;
		max-width: 87rem;
	}
}

.mb-entrylist-dropdown {
	cursor: pointer;
}

@media (max-width: 767px) {
	.mb-entrylist-dropdown {
		position: relative;
		height: 4rem;
		overflow: hidden;
		border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
	}
	.mb-entrylist-dropdown:after {
		content: "";
		display: block;
		position: absolute;
		top: calc(50% - 0.45rem);
		right: 0;
		width: 1.6rem;
		height: 0.9rem;
		background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 9"><path fill="none" stroke="%23000" stroke-linecap="round" stroke-width="1.5" d="m15 1.7-2.45 2.47c-1.95 1.97-2.92 2.95-4.11 3.1-.3.04-.59.04-.88 0-1.19-.15-2.16-1.13-4.11-3.1L1 1.7"/></svg>');
		transition: transform 0.4s;
	}
	.mb-entrylist-dropdown.-open {
		overflow: visible;
	}
	.mb-entrylist-dropdown.-open:after {
		transform: rotate(-180deg);
	}
}

@media (max-width: 767px) {
	.mb-entrylist-filters {
		position: absolute;
		top: 5rem;
		left: -2rem;
		right: -2rem;
		z-index: 50;
		padding: 1rem 0;
	}
	.mb-entrylist-dropdown.-open .mb-entrylist-filters {
		background: #fff;
		box-shadow: 0 0 10rem rgba(0, 0, 0, 0.1);
		border-radius: 0.3rem;
		transition: box-shadow 0.4s;
	}
}

@media (min-width: 768px) {
	.mb-entrylist-filters {
		display: grid;
		grid-auto-flow: column;
		justify-content: start;
		gap: 1rem;
	}
}

@media (max-width: 767px) {
	.mb-entrylist-filter {
		padding: 1rem 2rem;
		font-size: 1.8rem;
	}
	.mb-entrylist-filter.-active,
	.mb-navbar.-open .mb-navbar-toggle button.mb-entrylist-filter {
		position: absolute;
		top: -5rem;
	}
}

@media (min-width: 768px) {
	.mb-entrylist-filter {
		padding: 1rem 2rem;
		border-radius: 9999px;
		border: 1px rgba(0, 0, 0, 0.1) solid;
		font-size: 2.2rem;
		transition: background 0.3s, border-color 0.2s;
	}
	.mb-entrylist-filter:hover {
		border-color: rgba(0, 0, 0, 0.3);
	}
	.mb-entrylist-filter.-active,
	.mb-navbar.-open .mb-navbar-toggle button.mb-entrylist-filter {
		color: #fff;
		background: #000;
	}
}

.mb-entrylist-items {
	display: grid;
	gap: 8rem;
	margin: 6rem 0 0 0;
	counter-reset: mb-entry-num;
}

@media (min-width: 768px) {
	.mb-entrylist-items {
		margin: 8rem 0 0 0;
		grid-template-columns: repeat(2, 1fr);
		gap: 15rem 16rem;
	}
}

@media (max-width: 768px) {
  .mb-entrylist-items {
    display: flex;
    flex-direction: column;
  }

  .mb-entrylist-item {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
	.mb-entrylist-item.-xl {
		grid-column: span 2;
	}
}

.mb-entrylist-empty {
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
}

@media (min-width:768px) {
	.mb-entrylist-items {
		margin: 16rem 0 0 0;
		grid-template-columns: repeat(2, 1fr);
		gap: 10rem 16rem
	}
}

.mb-work-content {
	padding: 18.4rem 0 8rem 0
}

@media (min-width:768px) {
	.mb-work-content {
		padding: 18.4rem 0 20rem 0
	}
}

@media (max-width:768px) {
	.mb-work-content {
		padding: 13rem 0 20rem 0
	}
}

.mb-work-header {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto
}

.mb-work-text {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 29.1rem;
	margin: 1.5rem auto 0 auto;
	text-align: center
}

@media (min-width:768px) {
	.mb-work-text {
		max-width: none;
		margin: 3rem auto 0 auto
	}
}

.mb-work-items {
	display: grid;
	gap: 5rem;
	margin: 7.2rem 0 0 0;
	counter-reset: mb-work-item-num
}

@media (min-width:768px) {
	.mb-work-items {
		gap: 16rem;
		grid-template-columns: repeat(2, 1fr);
		margin: 10.7rem 0 0 0
	}
}

@media (min-width:768px) {
	.mb-work-item:nth-child(3n + 1) {
		grid-column: 1/3
	}
}

.mb-work-item-box {
	display: block;
	text-decoration: none
}

@media (min-width:768px) {
	.mb-work-item.-lg .mb-work-item-box {
		max-width: 132rem;
		margin: 0 auto
	}

	.mb-work-item.-sm .mb-work-item-box {
		max-width: 52rem
	}

	.mb-work-item:nth-child(3n) .mb-work-item-box {
		margin-left: auto
	}
}

.mb-work-item-preview {
	position: relative;
	padding-bottom: calc(100% + 6rem);
	margin: 0 -3rem;
	overflow: hidden
}

@media (min-width:768px) {
	.mb-work-item-preview {
		padding-bottom: 100%;
		margin: 0
	}

	.mb-work-item.-lg .mb-work-item-preview {
		padding-bottom: 56.8181818182%
	}
}

.mb-work-item-preview-media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-work-item-preview-media img,
.mb-work-item-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-work-item-info {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	gap: 4.6rem;
	margin: 2rem 0 0 0
}

@media (min-width:768px) {
	.mb-work-item-info {
		gap: 2.3rem;
		margin: 4rem 0 0 0
	}
}

.mb-work-item-num:after {
	content: "(" counter(mb-work-item-num, decimal-leading-zero) ")";
	counter-increment: mb-work-item-num
}

.mb-screenshot {
	position: relative;
	z-index: 1
}

.mb-screenshot-preview {
	position: relative;
	overflow: hidden;
	padding-bottom: 56.25%;
	transform: translateZ(0) scale(1);
}

.mb-screenshot-preview.-lg {
	padding-bottom: 120%;
	border-radius: 0
}

@media (min-width:768px) {
	.mb-screenshot-preview.-lg {
		padding-bottom: 56.25%
	}
}

.mb-screenshot-preview-media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-screenshot-preview-media img,
.mb-screenshot-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-photoreel {
	position: relative;
	height: 80rem;
	overflow: hidden
}

@media (min-width:768px) {
	.mb-photoreel {
		height: 120rem
	}
}

.mb-photoreel-items {
	display: grid;
	align-items: center;
	justify-content: center;
	height: 100%;
	gap: 2.7rem;
	transform: translateY(-40%) rotate(30deg)
}

@media (min-width:768px) {
	.mb-photoreel-items {
		gap: 5.5rem;
		transform: translateY(-50%) rotate(30deg)
	}
}

.mb-photoreel-row {
	display: grid;
	grid-auto-flow: column;
	gap: 2.7rem
}

@media (min-width:768px) {
	.mb-photoreel-row {
		gap: 5.5rem
	}
}

.mb-photoreel-item {
	width: 34.8rem;
	height: 26.1rem
}

@media (min-width:768px) {
	.mb-photoreel-item {
		width: 70.8rem;
		height: 51.6rem
	}
}

.mb-photoreel-item img,
.mb-photoreel-item video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-photoshow-items {
	display: grid;
	gap: 3rem
}

@media (min-width:768px) {
	.mb-photoshow-items {
		grid-template-columns: repeat(2, 1fr);
		gap: 20rem
	}
}

.mb-photoshow-item {
	position: relative;
	padding-bottom: 100%
}

@media (max-width:767px) {
	.mb-photoshow-item:nth-child(2n) {
		padding-bottom: calc(149.9001996008% + 6rem);
		margin: 0 -3rem
	}
}

@media (min-width:768px) {
	.mb-photoshow-item.-sm {
		width: 50rem;
		height: 50rem;
		padding-bottom: 0
	}
}

@media (min-width:768px) {
	.mb-photoshow-item.-right {
		grid-column: 2
	}
}

@media (min-width:768px) {
	.mb-photoshow-item.-lg {
		grid-column: 1/3;
		width: 120rem;
		height: 80rem;
		padding-bottom: 0
	}
}

@media (min-width:768px) {
	.mb-photoshow-item.-lg.-right {
		justify-self: end
	}
}

@media (min-width:768px) {
	.mb-photoshow-item.-xl {
		grid-column: 1/3;
		height: 100rem;
		margin: 0 -10rem;
		padding-bottom: 0
	}
}

@media (min-width:768px) {
	.mb-photoshow-item.-middle {
		align-self: center
	}
}

.mb-photoshow-item-preview {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-photoshow-item-preview-media {
	width: 100%;
	height: 100%
}

.mb-photoshow-item-preview-media img,
.mb-photoshow-item-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-splitshow-caption {
	margin: 0 0 5rem 0
}

@media (min-width:768px) {
	.mb-splitshow-caption {
		margin: 0 0 20rem 0
	}
}

.mb-splitshow-col {
	display: grid;
	grid-auto-rows: -webkit-min-content;
	grid-auto-rows: min-content;
	gap: 5rem
}

@media (min-width:768px) {
	.mb-splitshow-col {
		gap: 10rem
	}
}

.mb-splitshow-col.-right {
	margin-top: 5rem
}

@media (min-width:768px) {
	.mb-splitshow-col.-right {
		margin-top: 26.8rem
	}
}

@media (min-width:768px) {
	.mb-splitshow-items {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 6rem;
		max-width: 117.4rem
	}
}

.mb-splitshow-item {
	display: block
}

.mb-splitshow-item-preview {
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 124.5810055866%;
	transform: translateZ(0)
}

.mb-splitshow-item-preview-media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-splitshow-item-preview-media img,
.mb-splitshow-item-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-splitshow-item-text {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 2rem 0 0 0
}

@media (min-width:768px) {
	.mb-splitshow-item-text {
		margin: 4.5rem 0 0 0
	}
}

.mb-splitshow-item-caption {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 1rem 0 0 0
}

@media (min-width:768px) {
	.mb-splitshow-item-caption {
		margin: 2.4rem 0 0 0
	}
}

.mb-cardview-caption {
	margin: 0 0 5rem 0
}

@media (min-width:768px) {
	.mb-cardview-caption {
		margin: 0 0 20rem 0
	}
}

.mb-cardview-items {
	display: grid;
	gap: 1rem
}

@media (min-width:768px) {
	.mb-cardview-items {
		grid-template-columns: 53.7rem 53.7rem;
		gap: 10rem
	}
}

.mb-cardview-item {
	position: relative;
	display: grid;
	height: 55rem;
	margin: 0 -2rem;
	padding: 5rem 4rem;
	background: #fff;
	border: 1px rgba(0, 0, 0, .1) solid
}

@media (min-width:768px) {
	.mb-cardview-item {
		height: 70rem;
		margin: 0;
		padding: 7rem
	}

	.mb-cardview-item:nth-child(2n) {
		top: 20rem
	}

	.mb-cardview-item:nth-child(2n):last-child {
		margin-bottom: 20rem
	}
}

.mb-cardview-item.-inverse {
	color: #fff;
	background: #111
}

.mb-cardview-item.-primary {
	color: #fff;
	background: #e98707
}

.mb-cardview-item.-tertiary {
	background: #ffeae3
}

.mb-cardview-item-icon {
	height: 18rem;
	color: #e98707
}

@media (min-width:768px) {
	.mb-cardview-item-icon {
		height: 22rem
	}
}

.mb-cardview-item.-inverse .mb-cardview-item-icon {
	color: #ffe0d7
}

.mb-cardview-item.-primary .mb-cardview-item-icon {
	color: #fff
}

.mb-cardview-item-icon svg {
	height: 100%
}

.mb-cardview-item-info {
	align-self: end
}

.mb-cardview-item-title {
	margin: 0 0 1.5rem 0;
	font-size: 2.8rem;
	line-height: 120%;
	letter-spacing: -.02em
}

@media (min-width:768px) {
	.mb-cardview-item-title {
		font-size: 4rem
	}
}

.mb-summary {
	scroll-margin-top: -1px;
}

@media (min-width:768px) {
	.mb-summary {
		scroll-margin-top: -10rem
	}
}

#nonhighlight .mb-summary-text::before,
#nonhighlight .mb-summary-text::after,
#nonhighlight .mb-summary-text *::before,
#nonhighlight .mb-summary-text *::after {
    content: none !important;
    display: none !important;
}

#nonhighlight .mb-summary-text:hover,
#nonhighlight .mb-summary-text *:hover {
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
}

#nonhighlight .mb-summary-text,
#nonhighlight .mb-summary-text * {
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
}

.mb-summary-text {
  white-space: normal; 
  word-wrap: break-word; 
  overflow-wrap: break-word; 
  text-align: left; 
  max-width: 120vw;
  font-size: clamp(1rem, 5vw, 2rem); 
}

.mb-summary-caption {
	margin: 0 0 3rem 0
}

@media (min-width:768px) {
	.mb-summary-caption {
		margin: 0 0 6rem 0
	}
}

@media (min-width:768px) {
	.mb-summary-text {
		max-width: 120rem
	}
}

@media (min-width:768px) {
	.mb-summary-text.-c-md {
		max-width: 112rem
	}
}

.mb-summary-text.-xl {
  font-size: clamp(1rem, 3vw, 4rem) !important; /* büyük başlık */
  font-weight: 400;
  line-height: 1.2;
  text-align: left !important;
  color: #000; /* istersen burada rengini de değiştirebiliriz */
  margin-bottom: 1rem;
}

.mb-summary-text.-s {
  font-size: clamp(1.8rem, 3vw, 2.5rem) !important; /* alt açıklama */
  font-weight: 400;
  line-height: 1.6;
  text-align: left !important;
  color: #444; /* açıklama rengi biraz daha yumuşak */
  max-width: 90vw;
}

.mb-summary-text+.mb-summary-text {
	margin-top: 5rem
}

.mb-summary-action {
	margin: 3rem 0 0 0
}

@media (min-width:768px) {
	.mb-summary-action {
		margin: 6rem 0 0 0
	}
}

.left-align {
    white-space: nowrap;
}

.one-line {
   padding: 0rem 0 10rem 0;
}

@media (max-width: 767px) {
    .left-align {
        white-space: normal;
    }
	.one-line {
   		padding: 0%;
	}
}

.mb-summary-pgrid {
	display: grid;
	gap: 6rem;
	margin: 6rem 0 0 0
}

@media (min-width:768px) {
	.mb-summary-pgrid {
		grid-template-columns: 50rem auto;
		gap: 23.1rem;
		margin: 13.7rem 0 0 0
	}
}

.mb-summary-agrid {
	display: grid;
	gap: 3rem;
	margin: 6rem 0 0 0
}

@media (min-width:768px) {
	.mb-summary-agrid {
		grid-auto-flow: column;
		align-items: center;
		justify-content: start;
		gap: 4rem
	}
}

.mb-summary-avatars {
	display: flex
}

.mb-summary-avatar {
	width: 7rem;
	height: 7rem;
	flex-shrink: 0;
	margin: 0 0 0 -2.3rem;
	overflow: hidden;
	border-radius: 50%;
	border: 1px #f9f9f9 solid
}

@media (min-width:768px) {
	.mb-summary-avatar {
		width: 10rem;
		height: 10rem;
		margin: 0 0 0 -3.4rem
	}
}

.mb-summary-avatar:first-child {
	margin: 0
}

.mb-summary-avatar img,
.mb-summary-avatar video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-summary-brief {
	max-width: 19.2rem;
	font-size: 1.8rem;
	line-height: 130%
}

.mb-summary-counters {
	display: grid;
	grid-auto-flow: column;
	justify-content: start;
	gap: 6rem;
	margin: 8rem 0 0 0
}

@media (min-width:768px) {
	.mb-summary-counters {
		gap: 16rem;
		margin: 12rem 0 0 0
	}
}

.mb-summary-counters.-by4 {
	grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: initial;
	margin: 0
}

.mb-summary-counter {
	display: block;
	text-decoration: none
}

@media (max-width:767px) {
	.mb-summary-counters.-by3 .mb-summary-counter:nth-child(n+3) {
		display: none
	}
}

.mb-summary-counter-main {
	margin: 0 0 1.8rem 0;
	font-family: "Roboto Flex", sans-serif;
	font-weight: 550;
	font-size: 6.5rem;
	font-stretch: 58%;
	line-height: 95%;
	text-transform: uppercase
}

@media (min-width:768px) {
	.mb-summary-counter-main {
		margin: 0 0 1.5rem 0;
		font-size: 22rem
	}
}

.mb-summary-counter-unit,
.mb-summary-counter-value {
	display: inline
}

.mb-summary-counter-unit {
	margin: 0 0 0 .6rem;
	opacity: .2;
	font-size: 1.8rem;
	line-height: 160%;
	vertical-align: top
}

@media (min-width:768px) {
	.mb-summary-counter-unit {
		margin: 0 0 0 1rem;
		font-size: 5rem
	}
}

.mb-summary-counter-info {
	display: grid;
	grid-auto-flow: column;
	align-items: center;
	justify-content: start;
	gap: 1.725rem
}

@media (min-width:768px) {
	.mb-summary-counter-info {
		gap: 1.8rem
	}
}

.mb-summary-counter-icon {
	font-size: 1.95rem;
	line-height: 0
}

@media (min-width:768px) {
	.mb-summary-counter-icon {
		font-size: 2.6rem
	}
}

.mb-summary-counter-caption {
	font-size: 1.4rem;
	line-height: 130%
}

@media (min-width:768px) {
	.mb-summary-counter-caption {
		font-size: 2.2rem
	}
}

.mb-summary-preview {
	position: relative;
	padding-bottom: 100%
}

.mb-summary-preview-media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-summary-preview-media img,
.mb-summary-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-feature {
	position: relative;
	color: #f9f9f9;
	background: #000;
	counter-reset: mb-feature-num
}

.mb-feature-container {
	width: 100%
}

.mb-feature-section {
	position: relative;
	padding: 8rem 0;
	overflow: hidden;
	background: #000
}

@media (min-width:768px) {
	.mb-feature-section {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		display: flex;
		justify-content: center;
		flex-direction: column;
		height: 100vh;
		padding: 0
	}
}

.mb-feature-section:nth-child(odd) {
	background: #000000
}

.mb-feature-section:nth-child(even) {
	background: #333333
}

@media (min-width:768px) {
	.mb-feature-offcanvas {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		pointer-events: none;
		touch-action: none
	}
}

.mb-feature-head {
	padding: 8rem 0 1.5rem 0
}

@media (min-width:768px) {
	.mb-feature-head {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 5;
		height: 100vh
	}
}

@media (min-width:768px) {
	.mb-feature-caption {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 5
	}
}

.mb-feature-num {
	display: none;
	margin: 0 0 3rem 0;
	justify-content: center
}

@media (min-width:768px) {
	.mb-feature-num {
		display: block;
		margin: 2.4rem 0 0 0
	}
}

.mb-feature-num:after {
	content: counter(mb-feature-num, decimal-leading-zero);
	counter-increment: mb-feature-num
}

@media (min-width:768px) {
	.mb-feature-num:after {
		content: "( " counter(mb-feature-num, decimal-leading-zero) " )"
	}
}

.mb-feature-header {
  margin: 0 0 6rem 0;
  text-align: right; 
  transform: translateX(-10vw);
}
@media (min-width: 1200px) {
  .mb-feature-header {
    transform: translateX(-35rem);
  }
}
@media (min-width: 768px) {
  .mb-feature-header {
    margin: 0;
  }
}
@media (max-width: 768px) {
  .mb-feature-header {
      transform: translateX(-3vw);
  }
}

.mb-feature-header:after {
  content: "";
  display: block;
  clear: both;
}
.mb-feature-header .-line {
  padding: 0.1em;
  margin: -0.1em;
}
@media (min-width: 768px) {
  .mb-feature-header .-left-gsm {
    display: block;
    float: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.mb-feature-text {
  opacity: 0.7;
}

@media (min-width: 768px) {
  .mb-feature-container {
	  position: relative;
  }

  .mb-feature-text {
    position: absolute;
    right: 0;
	 bottom: 2.2rem;
    width: 32.2rem;
  }
}

.mb-feature {
  position: relative;
  color: #f9f9f9;
  background: #000;
  counter-reset: mb-feature-num;
}
.mb-feature-container {
  width: 100%;
}
.mb-feature-section {
  position: relative;
  padding: 8rem 0;
  overflow: hidden;
  background: #000;
}
@media (min-width: 768px) {
  .mb-feature-section {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    padding: 0;
  }
}
.mb-feature-section:nth-child(even) {
  background: #0d0d0d;
}
.mb-feature-main {
  position: relative;
}
@media (min-width: 768px) {
  .mb-feature-offcanvas {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    touch-action: none;
  }
}

.mb-feature-preview {
	position: fixed;
	padding-bottom: 118.4615384615%;
	order: 2;
	text-align: center;
}

@media (min-width:768px) {
	.mb-feature-preview {
		position: absolute;
		top: calc(50% - 19.25rem);
		left: calc(50% - 16.25rem);
		width: 32.5rem;
		height: 38.5rem;
		padding-bottom: 0
	}
}

.mb-feature-preview-media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-feature-preview-media img,
.mb-feature-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (max-width: 767px) {
  .mb-feature-preview {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin: 60px auto;  
    aspect-ratio: 13 / 15;
    padding-bottom: 0;
  }

  .mb-feature-preview-media {
    position: absolute;
    inset: 0;
  }
}

.mb-featured {
	scroll-margin-top: -1rem
}

@media (min-width:768px) {
	.mb-featured {
		scroll-margin-top: -10rem
	}
}

@media (min-width:768px) {
	.mb-featured-caption {
		margin: 0 0 5rem 0
	}
}

.mb-featured-divider {
	color: #c9c9c9
}

@media (max-width:767px) {
	.mb-featured-divider:first-child {
		display: none
	}
}

.mb-featured-items {
	counter-reset: mb-featured-item-count
}

.mb-featured-item {
	display: block;
	padding: 6rem 0;
	text-decoration: none
}

@media (min-width:768px) {
	.mb-featured-item {
		padding: 5rem 0
	}
}

.mb-featured-item-grid {
	display: grid;
	gap: 3rem
}

@media (min-width:768px) {
	.mb-featured-item-grid {
		grid-template-columns: 1fr 101rem;
		gap: 7.3rem;
		text-align: right
	}
}

@media (min-width:768px) {
	.mb-featured-item-grid.-reverse {
		grid-template-columns: 1fr 52rem;
		text-align: left
	}
}

@media (min-width:768px) {
	.mb-featured-item-grid-col.-preview {
		grid-row: 1/3;
		grid-column: 2
	}

	.mb-featured-item-grid.-reverse .mb-featured-item-grid-col.-preview {
		grid-column: 1
	}
}

.mb-featured-item-grid-col.-num {
	display: none
}

@media (min-width:768px) {
	.mb-featured-item-grid-col.-num {
		display: block;
		align-self: start
	}
}

@media (min-width:768px) {
	.mb-featured-item-grid-col.-title {
		align-self: end
	}
}

.mb-featured-item-num {
	font-size: 1.4rem;
	line-height: 130%
}

@media (min-width:768px) {
	.mb-featured-item-num {
		font-size: 2.2rem
	}
}

.mb-featured-item-num:after {
	content: counter(mb-featured-item-count, decimal-leading-zero);
	counter-increment: mb-featured-item-count
}

.mb-featured-item-preview {
	display: block;
	position: relative;
	height: 40rem;
	margin: 0 -2rem;
	text-decoration: none
}

@media (min-width:768px) {
	.mb-featured-item-preview {
		height: 65rem;
		margin: 0
	}
}

.mb-featured-item-preview-media {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-featured-item-preview-media img,
.mb-featured-item-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-featured-item-text {
	margin: 3rem 0 0 0;
	text-wrap: balance
}

.mb-featured-item-more {
	margin: 3rem 0 0 0
}

@media (min-width:768px) {
	.mb-featured-item-more {
		margin: 4rem 0 0 0
	}
}

.mb-advantage-caption {
	margin: 0 0 3rem 0
}

@media (min-width:768px) {
	.mb-advantage-caption {
		margin: 0 0 5rem 0
	}
}

.mb-advantage-header:after {
	content: "";
	display: block;
	clear: both
}

@media (min-width:768px) {
	.mb-advantage-header i {
		position: relative;
		display: inline-block;
		width: 34.8rem;
		height: 12.9rem;
		top: -.05em;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 348 129"><path stroke="%23000" stroke-width="16" d="M268.25 14.79s12.76 21.72 25.2 31.3c17.44 13.45 53.51 17.84 53.51 17.84s-36.06 4.4-53.52 17.84c-12.53 9.65-25.37 31.57-25.37 31.57M0 63.96h342"/></svg>');
		background-size: 34.8rem 12.9rem
	}
}

@media (min-width: 768px) {
  .mb-advantage-header .-left-gxs {
    display: block;
    float: left;
    padding-left: 15%;
	width: fit-content;
  }
}
@media (min-width: 768px) {
  .mb-advantage-header .-center-gxs {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .mb-advantage-header .-right-gxs {
    display: block;
    float: right;
    padding-right: 10%;
  }
}

.mb-advantage-text {
	margin: 3rem 0 0 0;
}

@media (min-width:768px) {
	.mb-advantage-text {
		position: absolute;
		width: 34.6rem;
		margin: -8rem 0 0 105rem;
	}
}

.mb-advantage-divider {
	display: none;
	color: #c9c9c9
}

@media (min-width:768px) {
	.mb-advantage-divider {
		display: block;
		margin: 0 0 10rem 0
	}
}

.mb-exhibition-items {
	position: relative
}

@media (min-width:768px) {
	.mb-exhibition-items {
		display: grid;
		grid-template-columns: 24.8rem 24.8rem auto 24.8rem 24.8rem;
		grid-template-rows: repeat(3, 24.8rem);
		gap: 0 4.8rem
	}
}

.mb-exhibition-item {
	position: relative;
	padding-bottom: 110.66%
}

@media (min-width:768px) {
	.mb-exhibition-item {
		padding-bottom: 0
	}
}

@media (max-width:767px) {
	.mb-exhibition-item:not(:first-child) {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v1 {
		grid-column: 3;
		grid-row: 1/4;
		margin: -11.7rem 0 18.1rem 0
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v2 {
		grid-column: 1;
		grid-row: 2
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v3 {
		grid-column: 2;
		grid-row: 1
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v4 {
		grid-column: 2;
		grid-row: 3
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v5 {
		grid-column: 4;
		grid-row: 1
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v6 {
		grid-column: 4;
		grid-row: 3
	}
}

@media (min-width:768px) {
	.mb-exhibition-item.-v7 {
		grid-column: 5;
		grid-row: 2
	}
}

.mb-exhibition-item-preview {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-exhibition-item-previews .mb-exhibition-item-preview {
	opacity: 0
}

.mb-exhibition-item-preview:first-child {
	opacity: 1
}

.mb-exhibition-item-preview-media {
	width: 100%;
	height: 100%
}

.mb-exhibition-item-preview-media img,
.mb-exhibition-item-preview-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-exhibition-more {
	margin: 6rem 0 0 0;
	text-align: center
}

@media (min-width:768px) {
	.mb-exhibition-more {
		margin: 3.5rem 0 0 0
	}
}

.mb-feedback-content {
	padding: 18.4rem 0 8rem 0
}

@media (min-width:768px) {
	.mb-feedback-content {
		padding: 26rem 0 20.5rem 0
	}
}

.mb-feedback-caption {
	margin: 0 0 3rem 0
}

@media (min-width:768px) {
	.mb-feedback-caption {
		margin: 0 0 5rem 0
	}
}

.mb-feedback-header:after {
	content: "";
	display: block;
	clear: both
}

.mb-feedback-header i {
	padding: 0 .15em 0 0
}

@media (min-width:768px) {
	.mb-feedback-header .-block-lsm {
		display: block
	}
}

@media (max-width:767px) {
	.mb-feedback-header .-right-lsm {
		display: block;
		float: right
	}
}

.mb-feedback-brief {
	font-size: 3rem;
	line-height: 120%;
	letter-spacing: -.02em
}

@media (min-width:768px) {
	.mb-feedback-brief {
		font-size: 5rem
	}
}

.mb-feedback-brief p:not(:last-child) {
	margin-bottom: 1.8rem
}

.mb-feedback-divider {
	margin: 5rem 0;
	opacity: .1
}

.mb-feedback-grid {
	display: grid;
	gap: 8rem
}

@media (min-width:768px) {
	.mb-feedback-grid {
		grid-template-columns: 51% auto;
		gap: 33.4rem
	}
}

.mb-feedback-contact {
	margin: 6.5rem 0 0 0
}

@media (min-width:768px) {
	.mb-feedback-contact {
		margin: 14rem 0 0 0
	}
}

.mb-feedback-map {
	display: block;
	position: relative;
	margin: 5rem 0 0 0;
	max-width: 50rem;
	max-height: 600px;
	padding-bottom: 100%;
	text-decoration: none
}

.mb-feedback-map img,
.mb-feedback-map svg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-feedback-map iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  border: 0;
}

.calendly-inline-widget {
  width: 100%;
  max-width: 100%;
  min-height: 650px;  
  height: 70vh;       
  overflow: hidden;
}

@media (min-width: 768px) {
  .calendly-inline-widget {
    min-height: 700px;
    height: 80vh;
  }
}

.mb-logoreel {
	overflow: hidden
}

.mb-logoreel-caption {
	margin: 0 0 1rem 0
}

@media (min-width:768px) {
	.mb-logoreel-caption {
		margin: 0 0 1.5rem 0
	}
}

.mb-logoreel-items {
	position: relative;
	display: flex;
	align-items: center;
	z-index: 2;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mb-logoreel-item {
	width: 23.1rem;
	height: 15.57rem;
	flex-shrink: 0
}

@media (min-width:768px) {
	.mb-logoreel-item {
		width: 38rem;
		height: 20rem
	}
}

.mb-logoreel-item img {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.mb-nextcase {
	position: relative;
	height: 45rem;
	overflow: hidden;
	cursor: pointer;
	color: #fff
}

@media (min-width:768px) {
	.mb-nextcase {
		height: 95rem
	}
}

.mb-nextcase-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.mb-nextcase-bg-media {
	width: 100%;
	height: 100%
}

.mb-nextcase-bg-media img,
.mb-nextcase-bg-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-nextcase-bg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4)
}

.mb-nextcase-figure {
	display: none
}

@media (min-width:768px) {
	.mb-nextcase-figure {
		display: block;
		position: absolute;
		top: calc(50% - 26.4rem);
		left: calc(50% - 21.2rem);
		width: 42.4rem;
		height: 52.8rem
	}
}

.mb-nextcase-figure-media {
	width: 100%;
	height: 100%
}

.mb-nextcase-figure-media img,
.mb-nextcase-figure-media video {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.mb-nextcase-content {
	position: relative;
	display: grid;
	align-items: center;
	justify-content: center;
	height: 100%
}

.mb-nextcase-main {
	text-decoration: none
}

.mb-nextcase-main:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.mb-nextcase-header {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	text-decoration: none;
	text-align: center
}

.mb-nextcase-text {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 3rem auto;
	font-size: 1.8rem;
	line-height: 130%
}

@media (min-width:768px) {
	.mb-nextcase-text {
		font-size: 2rem
	}
}

.mb-nextcase-action {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 3rem auto -3rem auto;
	text-align: center
}

@media (min-width:768px) {
	.mb-nextcase-action {
		margin: 6rem auto -6rem auto
	}
}

.mb-entryfeed-caption {
	margin: 0 0 5rem 0
}

.mb-entryfeed-divider {
	opacity: .1
}

.mb-entryfeed-items {
	display: grid;
	gap: 5rem
}

.mb-footer {
	position: relative;
	color: #fff;
	background: #000
}

.mb-footer-lines {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .09
}

@media (max-width:767px) {
	.mb-footer-lines {
		display: none
	}
}

.mb-footer-lines svg {
	width: 100%;
	height: 100%;
	overflow: visible
}

.mb-footer-content {
	position: relative;
	padding: 8rem 0
}

@media (min-width:768px) {
	.mb-footer-content {
		padding: 16rem 0 5rem 0
	}
}

.mb-footer-grid {
	display: grid;
	gap: 5rem;
	grid-template-columns: repeat(2, 1fr)
}

@media (min-width:768px) {
	.mb-footer-grid {
		grid-template-columns: 51.9rem 24.6rem -webkit-max-content -webkit-max-content;
		grid-template-columns: 51.9rem 24.6rem max-content max-content;
		gap: 19rem 20rem
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-logo {
		grid-column: 1/3
	}
}

@media (min-width:768px) {
	.mb-footer-grid-col.-logo {
		display: none
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-outro {
		grid-column: 1/3
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-contact {
		grid-column: 1/3
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-social {
		order: 2
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-copy {
		grid-column: 1/3
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-copy {
		display: none
	}
}

@media (max-width:767px) {
	.mb-footer-grid-col.-legal {
		grid-column: 1/3;
		order: 4
	}
}

@media (min-width:768px) {
	.mb-footer-grid-col.-legal {
		grid-column: 2/5;
		text-align: right
	}
}

.mb-footer-logo {
	display: block;
	width: 14.743rem;
	height: 2.4rem;
	text-decoration: none
}

.mb-footer-logo svg {
	width: 100%;
	height: 100%
}

.mb-footer-title {
	display: none
}

@media (min-width:768px) {
	.mb-footer-title {
		display: block;
		margin: 0 0 5rem 0;
		opacity: .3;
		font-size: 1.8rem;
		white-space: nowrap
	}
}

@media (max-width:767px) {
	.mb-footer-text {
		max-width: 80%
	}
}

.mb-footer-address {
	font-size: 1.8rem
}

@media (min-width:768px) {
	.mb-footer-address {
		font-size: 2.2rem;
		line-height: 120%
	}
}

.mb-footer-address p:not(:last-child) {
	margin-bottom: 1em
}

.mb-footer-action {
	margin: 5rem 0 0 0
}

.mb-footer-navs {
	margin: -1.25rem 0
}

@media (min-width:768px) {
	.mb-footer-navs {
		margin: -1.5rem 0
	}
}

.mb-footer-nav {
	position: relative;
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 1.25rem 0;
	font-size: 1.8rem;
	text-decoration: none
}

@media (min-width:768px) {
	.mb-footer-nav {
		padding: 1.5rem 0;
		font-size: 2.2rem;
		line-height: 120%
	}
}

@media (pointer:fine) {
	.mb-footer-nav span {
		position: relative;
		display: inline-block
	}

	.mb-footer-nav span:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -4px;
		height: 4px;
		transform: scaleX(0);
		border-bottom: 1px solid;
		transition: transform .5s cubic-bezier(.35, 0, 0, 1)
	}

	.mb-footer-nav:hover span:after {
		transform: scaleX(1)
	}
}

.mb-footer-nav svg {
	margin: 0 0 0 .6em;
	color: #caec00;
	font-size: 109%;
	line-height: 1
}

.mb-footer-links {
	margin: -.5rem 0
}

@media (min-width:768px) {
	.mb-footer-links {
		margin: 0 -2.5rem
	}
}

.mb-footer-link {
	display: inline-block;
	padding: .5rem 0;
	opacity: .3;
	font-size: 1.4rem;
	text-decoration: none;
	transition: opacity .7s
}

@media (min-width:768px) {
	.mb-footer-link {
		padding: 0 2.5rem;
		font-size: 1.8rem
	}
}

@media (pointer:fine) {
	.mb-footer-link:hover {
		opacity: 1
	}
}

.mb-footer-copy {
	opacity: .3;
	font-size: 1.4rem
}

@media (min-width:768px) {
	.mb-footer-copy {
		font-size: 1.8rem
	}
}

.photo-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: clamp(10px, 2vw, 40px);
	padding: clamp(20px, 5vw, 60px);
}

.photo-item {
   width: 100%;
    position: relative;
}

.photo-item img {
    width: 100%;      /* İçteki width senin 60%'ı kullanıyor */
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.photo-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size: clamp(10px, 5vw, 150px);
    color: white;
    text-align: center;
    pointer-events: none;
 	font-family: "Roboto Flex", sans-serif;
	font-weight: 550;
}

@media (max-width: 768px) {

  .photo-row {
    grid-template-columns: 1fr;
    gap: 3rem;
    padding: 1.2rem 0;   
  }

  .photo-item {
    width: 80%;         
    margin: 0 auto;      
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

  .photo-text {
    font-size: clamp(16px, 12vw, 100px);
  }

}


.online-meeting-section .mb-summary-container {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.online-meeting-section .mb-summary-text,
.online-meeting-section .mb-summary-caption {
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.quote-section {
  background-color: #0d0d0d;
  min-height: 40vh;           /* ekranın %60'ı kadar yükseklik */
  display: flex;
  justify-content: center;    /* yatay ortalama */
  align-items: center;        /* dikey ortalama */
  padding: 0;
}

.quote-container {
  width: 100%;                /* full genişlik */
  text-align: center;
  padding: 2rem;
}

.quote-text {
  width: 100%;                /* yazı da full genişlik */
  color: white;
  font-size: clamp(1rem, 3vw, 3rem);
  font-weight: 600;
  line-height: 1.4;
  white-space: normal;        /* uzun yazılar satır kırabilsin */
  margin: 0;
  font-family: 'Graphik LCG', sans-serif;
  font-style: italic;
}

@media (max-width: 767px) {
  .quote-section {
    min-height: 22vh;      /* 🔽 daha kompakt */
    padding: 3rem 0;       /* nefes kalsın */
  }
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%; /* Ana menünün hemen altı */
  left: 0;
  background-color: #fff;
  min-width: max-content;   /* 🔥 */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
  z-index: 10;
  text-align: left;
  padding: 0.4rem 0;
}

.dropdown-menu a {
  display: block;
  padding: 10px 16px;
  color: #000;
  text-decoration: none;
  transition: background 0.2s;
}

.dropdown-menu a:hover {
  background-color: #f0f0f0;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu .mb-btn {
  padding: 5px 10px;  
  min-height: auto;
}

.dropdown-menu .mb-btn_link-title {
  line-height: 1.2;
}

.quote-big {
  width: 100%;                /* yazı da full genişlik */
  color: white;
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 550;
  line-height: 1.4;
  white-space: normal;        /* uzun yazılar satır kırabilsin */
  margin: 0;
}

.quote-big-dark {
  width: 100%;                /* yazı da full genişlik */
  color: white;
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 550;
  line-height: 1.4;
  white-space: normal;        /* uzun yazılar satır kırabilsin */
  margin: 0;
}

.page-light .mb-navbar { color: black; }
.page-dark .mb-navbar { color: white; }

.info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    position: relative;

    padding-left: 20px;
}

.info-item::before {
    content: "•";
    position: absolute;
    left: 0;

    top: 0.35rem;
    line-height: 1;
    font-size: 14px;
}

.info-item dt {
    font-weight: 600;
    width: 90px;
    flex-shrink: 0;
}

.info-item dd {
    margin: 0;
}

@media (max-width: 600px) {
    .info-item {
        flex-direction: column;
        padding-left: 20px;
    }

    .info-item dt {
        width: auto;
        margin-bottom: 4px;
    }

    .info-item::before {
        top: 0.2rem;
    }
}

.center-quote {
  width: 100%;
  min-height: 20vh;              /* ister 30–50vh arası oynarsın */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.center-quote__text {
  font-family: 'Graphik LCG', sans-serif;
  font-weight: 400;
  line-height: 1.2;

  white-space: normal;   
  text-overflow: ellipsis;      

  font-size: clamp(0.9rem, 2vw, 2.2rem);
  max-width: clamp(90%, 70vw, 60%);
}

@media (min-width: 768px) {
  .center-quote__text {
    white-space: nowrap;
  }
}

.meta .info-item {
  padding-left: 0;
  margin-left: 0;
}

.meta .info-item::before {
  content: none !important;
}

.mb-navbar-strip {
  transition: transform 0.35s ease, background 0.3s ease;
}

.mb-navbar.is-hidden .mb-navbar-strip {
  transform: translateY(-100%);
}

.mb-navbar.has-bg .mb-navbar-strip {
  background: white
}

/* LIGHT PAGE */
.page-light .mb-navbar.has-bg .mb-navbar-strip {
  background: #fff;
}

/* DARK PAGE */
.page-dark .mb-navbar.has-bg .mb-navbar-strip {
  background: #000;
}

.single-line-quote {
  display: flex;
  flex-wrap: wrap;        
  align-items: baseline;
  gap: 0.5ch;
  white-space: normal;   
}

.single-line-quote .quote-source {
  white-space: nowrap;
  font-size: 0.9em;
  opacity: 0.8;
  font-size: medium;
}

@media (max-width: 768px) {
  .single-line-quote {
    justify-content: left;   
    text-align: left;
  }

  .single-line-quote .quote-source {
    flex-basis: 100%;          
    text-align: left;
    margin-top: 0.5rem;
  }

  .single-line-quote.-center {
    justify-content: center;
    text-align: center;
  }

  .single-line-quote.-center .quote-source {
    flex-basis: 100%;
    text-align: center;
    margin-top: 0.5rem;
  }
}

 .quote-source {
  white-space: nowrap;
  font-size: 0.9em;
  opacity: 0.8;
  font-size: medium;
}

.is-desktop {
  display: block;
}

.is-mobile {
  display: none;
}

@media (max-width: 768px) {
  .is-desktop {
    display: none;
  }

  .is-mobile {
    display: block;
  }
}
.mb-workflow {
  background: #fff;
}
.mb-workflow-grid {
  display: grid;
  grid-template-columns: 1fr;
}

/* DESKTOP */
@media (min-width: 768px) {
  .mb-workflow-grid {
    grid-template-columns: auto 89.6rem;
    align-items: start;
    column-gap: 10rem;
  }
}
@media (min-width: 768px) {
  .mb-workflow-grid-col.-left {
    display: flex;
    flex-direction: column;
  }

  .mb-workflow-grid-col.-right {
    margin-top: auto;
  }
}

@media (max-width: 768px) {
  .mb-workflow-grid-col.-right {
    margin-top: 10vw;
  }
}
.mb-workflow-preview {
  aspect-ratio: 1/1;
  margin: 4rem -2rem 0 -2rem;
}
@media (min-width: 768px) {
  .mb-workflow-preview {
    width: 53.3rem;
    margin: 10rem 0 0 0;
  }
}
.mb-workflow-preview img,
.mb-workflow-preview video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mb-workflow-divider {
  opacity: 0.1;
}
.mb-workflow-items {
  counter-reset: mb-workflow-num;
}
.mb-workflow-item {
  display: grid;
  padding: 3rem 0;
  gap: 3rem;
}
@media (min-width: 768px) {
  .mb-workflow-item {
    gap: 5rem;
    grid-template-columns: 3rem auto;
  }
}
.mb-workflow-item-num {
  font-size: 1.4rem;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .mb-workflow-item-num {
    font-size: 1.6rem;
    line-height: 150%;
  }
}
.mb-workflow-item-num:before {
  content: counter(mb-workflow-num, decimal-leading-zero);
  counter-increment: mb-workflow-num;
}
.mb-workflow-item-text {
  font-size: 1.8rem;
  line-height: 130%;
}
@media (min-width: 768px) {
  .mb-workflow-item-text {
    font-size: 2.2rem;
    line-height: 150%;
  }
}

/* Entry Modifiers & Extras from services.css */
.mb-entry.-post .mb-entry-thumbnail,
.mb-entry.-service .mb-entry-thumbnail {
    padding-bottom: 69.4444444444%;
}
.mb-entry.-featured .mb-entry-thumbnail {
    padding-bottom: 43.75%;
}
.mb-entry.-featured .mb-entry-thumbnail img,
.mb-entry.-featured .mb-entry-thumbnail video {
    object-position: center 10%;
}
.mb-entry.-featured .mb-entry-details {
    display: none;
}
.mb-entry.-featured .mb-entry-title {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 550;
    font-size: 3rem;
    font-stretch: 58%;
    line-height: 100%;
    letter-spacing: normal;
}
@media (min-width: 768px) {
    .mb-entry.-featured .mb-entry-title {
        font-size: 8rem;
    }
}
.mb-entry.-post .mb-entry-title {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 550;
    font-size: 3rem;
    font-stretch: 58%;
    line-height: 100%;
    letter-spacing: normal;
}
@media (min-width: 768px) {
    .mb-entry.-post .mb-entry-title {
        font-size: 4rem;
    }
}
@media (min-width: 768px) {
    .mb-entry.-post .mb-entry-text {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}
.mb-entry.-featured .mb-entry-action {
    display: none;
}

/* Article Styles */
.mb-article-content {
    padding: 14rem 0 6rem 0;
}
@media (min-width: 768px) {
    .mb-article-content {
        padding: 26rem 0 10rem 0;
    }
}
.mb-article-header {
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .mb-article-header {
        text-align: center;
    }
}
.mb-article-details {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0 6rem 0;
}
@media (min-width: 768px) {
    .mb-article-details {
        justify-content: center;
        gap: 4rem;
        margin: 3rem 0 10rem 0;
    }
}
.mb-article-detail {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    text-align: center;
}
@media (min-width: 768px) {
    .mb-article-detail {
        font-size: 1.6rem;
    }
}
.mb-article-detail.-author {
    text-decoration: underline;
}
.mb-article-poster {
    height: 40rem;
    margin: 6rem -2rem;
}
@media (min-width: 768px) {
    .mb-article-poster {
        height: 70rem;
        margin: 10rem 0;
    }
}
.mb-article-poster img,
.mb-article-poster video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 10%;
}
.mb-article-grid {
    display: grid;
    gap: 6rem;
}
@media (min-width: 768px) {
    .mb-article-grid {
        grid-template-columns: 40rem 104rem;
        justify-content: space-between;
        gap: 0;
    }
}
@media (min-width: 768px) {
    .mb-article-grid-col.-right {
        order: 2;
    }
}
.mb-article-main {
    margin: 6rem 0 0 0;
}
@media (min-width: 768px) {
    .mb-article-main {
        margin: 10rem auto 0 auto;
        max-width: 140rem;
    }
}
.mb-article-text {
    text-wrap: wrap;
}
.mb-article-text h2 {
    margin: 6rem 0 3rem 0;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 550;
    font-size: 3rem;
    font-stretch: 58%;
    line-height: 100%;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .mb-article-text h2 {
        margin: 7rem 0 3rem 0;
        font-size: 4rem;
        line-height: 95%;
    }
}
.mb-article-text hr {
    margin: 4rem 0;
    opacity: 0.1;
    border: 0;
    border-bottom: 1px #000 solid;
}
.mb-article-text img {
    display: block;
    width: calc(100% + 4rem);
    height: auto;
    aspect-ratio: 355/400;
    margin: 3rem -2rem;
    object-fit: cover;
}
@media (min-width: 768px) {
    .mb-article-text img {
        width: 100%;
        aspect-ratio: auto;
        margin: 4rem 0;
    }
}
.mb-article-text img:not(img[src]) {
    display: none;
}
.mb-article-socials {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 1.2rem;
}
.mb-article-divider {
    margin: 5rem 0;
    opacity: 0.1;
}
.mb-article-title {
    margin: 0 0 3rem 0;
}
@media (min-width: 768px) {
    .mb-article-title {
        margin: 0 0 5rem 0;
    }
}
.mb-article-links {
    margin: -1.5rem 0;
}
@media (min-width: 768px) {
    .mb-article-links {
        margin: -2rem 0;
    }
}
.mb-article-link {
    display: block;
    padding: 1.5rem 0;
    opacity: 0.6;
    font-family: "Roboto Flex", sans-serif;
    font-weight: 550;
    font-size: 1.76rem;
    font-stretch: 58%;
    line-height: 100%;
    text-decoration: none;
    transition: opacity 0.3s;
}
@media (min-width: 768px) {
    .mb-article-link {
        padding: 2rem 0;
        font-size: 2.4rem;
    }
}
.mb-article-link:hover {
    opacity: 1;
}
.mb-article-about-thumbnail {
    margin: 0 0 3rem 0;
}
.mb-article-about-thumbnail img,
.mb-article-about-thumbnail video {
    width: 100%;
    height: 20rem;
    object-fit: cover;
}
.mb-article-about-header {
    font-family: "Roboto Flex", sans-serif;
    font-weight: 550;
    font-size: 3rem;
    font-stretch: 58%;
    line-height: 100%;
    text-transform: uppercase;
}
.mb-article-about-text {
    margin: 2rem 0 0 0;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 130%;
}
@media (min-width: 768px) {
    .mb-article-about-text {
        font-weight: 500;
        font-size: 1.6rem;
        line-height: 150%;
    }
}
.mb-article-about-action {
    margin: 3rem 0 0 0;
}

/* Partner Styles */
.mb-partner-caption {
    margin: 0 0 4rem 0;
}
@media (min-width: 768px) {
    .mb-partner-caption {
        margin: 0 0 6rem 0;
    }
}
.mb-partner-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) {
    .mb-partner-items {
        grid-template-columns: repeat(4, 1fr);
    }
}
.mb-partner-item {
    text-align: center;
}
.mb-partner-item img {
    width: 15.2rem;
    height: 8rem;
}
@media (min-width: 768px) {
    .mb-partner-item img {
        width: 38rem;
        height: 20rem;
    }
}

/* Order Styles */
.mb-order.-primary {
    color: #fff;
    background: #e98707;
}
.mb-order-grid {
    display: grid;
    gap: 6rem;
}
@media (min-width: 768px) {
    .mb-order-grid {
        grid-template-columns: auto 89.6rem;
        align-items: center;
        gap: 10rem;
    }
}

/* Showcase Styles */
.mb-showcase-caption {
    margin: 0 0 4rem 0;
}
@media (min-width: 768px) {
    .mb-showcase-caption {
        margin: 0 0 6rem 0;
    }
}
.mb-showcase-items {
    display: grid;
    gap: 1rem;
    counter-reset: mb-showcase-num;
}
@media (min-width: 768px) {
    .mb-showcase-items {
        grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    }
}
.mb-showcase-item {
    position: relative;
    overflow: hidden;
    margin: 0 -2rem;
    color: #fff;
    text-decoration: none;
}
@media (min-width: 768px) {
    .mb-showcase-item {
        margin: 0;
    }
}
.mb-showcase-item:hover {
    color: #fff;
}
.mb-showcase-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
}
@media (pointer: fine) {
    .mb-showcase-item:before {
        transition: opacity 0.4s;
    }
    .mb-showcase-item:hover:before {
        opacity: 1;
    }
}
.mb-showcase-item-preview {
    aspect-ratio: 1/1;
}
@media (pointer: fine) {
    .mb-showcase-item-preview {
        transition: transform 1s;
    }
    .mb-showcase-item:hover .mb-showcase-item-preview {
        transform: scale(1.05);
    }
}
.mb-showcase-item-preview-media {
    width: 100%;
    height: 100%;
}
.mb-showcase-item-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mb-showcase-item-num {
    position: absolute;
    top: 2em;
    left: 2rem;
    z-index: 3;
    opacity: 0;
    font-size: 1.8rem;
    line-height: 130%;
}
@media (min-width: 768px) {
    .mb-showcase-item-num {
        top: 4rem;
        left: 4rem;
        font-size: 2.2rem;
    }
}
@media (pointer: fine) {
    .mb-showcase-item-num {
        transition: opacity 0.4s;
    }
    .mb-showcase-item:hover .mb-showcase-item-num {
        opacity: 1;
    }
}
.mb-showcase-item-num:before {
    content: "(" counter(mb-showcase-num, decimal-leading-zero) ")";
    counter-increment: mb-showcase-num;
}
.mb-showcase-item-title {
    position: absolute;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    z-index: 3;
    opacity: 0;
    font-size: 1.8rem;
    line-height: 130%;
    text-wrap: pretty;
}
@media (min-width: 768px) {
    .mb-showcase-item-title {
        left: 4rem;
        right: 4rem;
        bottom: 4rem;
        font-size: 2.2rem;
    }
}
@media (pointer: fine) {
    .mb-showcase-item-title {
        transition: opacity 0.4s;
    }
    .mb-showcase-item:hover .mb-showcase-item-title {
        opacity: 1;
    }
}

/* Related Styles */
.mb-related-caption {
    margin: 0 0 4rem 0;
}
@media (min-width: 768px) {
    .mb-related-caption {
        margin: 0 0 6rem 0;
    }
}
.mb-related-items {
    display: grid;
    gap: 1rem;
    margin: 0 -2rem;
    counter-reset: mb-related-num;
}
@media (min-width: 768px) {
    .mb-related-items {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 4rem;
        row-gap: 1rem;
        margin: 0;
    }
}
@media (min-width: 768px) {
    .mb-related-break {
        grid-column: 1 / -1;
    }
}
.mb-related-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
    background: #fff;
}
@media (min-width: 768px) {
    .mb-related-item {
        padding: 5rem 4rem;
    }
}
@media (pointer: fine) {
    .mb-related-item {
        transition: color 0.4s;
    }
    .mb-related-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: scaleY(0);
        transform-origin: center bottom;
        background: #e98707;
        transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .mb-related-item:hover {
        color: #fff;
    }
    .mb-related-item:hover:before {
        transform: scaleX(1);
    }
}
.mb-related-item-num {
    position: relative;
    margin: 0 0 5rem 0;
    font-size: 1.4rem;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    .mb-related-item-num {
        font-size: 1.8rem;
    }
}
.mb-related-item-num:before {
    content: counter(mb-related-num, decimal-leading-zero);
    counter-increment: mb-related-num;
}
.mb-related-item-title {
    position: relative;
    width: 70%;
}

/* FAQ Styles */
.mb-faq {
    background: #fff;
}
.mb-faq-caption {
    margin: 0 0 4rem 0;
}
@media (min-width: 768px) {
    .mb-faq-caption {
        margin: 0 0 6rem 0;
    }
}
.mb-faq-item > .mb-faq-item-text {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s ease-out, opacity 0.2s;
}
.mb-faq-item[open] > .mb-faq-item-text {
  max-height: 50rem; /* İçerik daha uzunsa bu değeri artırın */
  opacity: 1;
  transition: max-height 0.5s ease-in-out, opacity 0.3s 0.1s;
}
.mb-faq-item-toggle {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 3rem 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  list-style: none; /* Varsayılan ok işaretini kaldırır */
}
.mb-faq-item-toggle::-webkit-details-marker {
  display: none; /* Safari/Chrome için varsayılan ok işaretini kaldırır */
}
.mb-faq-item-arr {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    transition: transform 0.4s;
}
.mb-faq-item[open] .mb-faq-item-arr {
    transform: rotate(135deg);
}
.mb-faq-item-arr:after,
.mb-faq-item-arr:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    bottom: 0;
    width: 2px;
    background: currentColor;
}
.mb-faq-item-arr:after {
    transform: rotate(90deg);
}
.mb-faq-item-title {
    font-size: 1.8rem;
    line-height: 130%;
}
@media (min-width: 768px) {
    .mb-faq-item-title {
        font-size: 3.2rem;
        line-height: 120%;
        letter-spacing: -0.01em;
    }
}
.mb-faq-item-text {
    padding: 0 0 3rem 0;
    font-size: 1.4rem;
    line-height: 130%;
    text-wrap: wrap;
}
@media (min-width: 768px) {
    .mb-faq-item-text {
        font-size: 2.2rem;
        line-height: 150%;
    }
}
.mb-faq-divider {
    opacity: 0.1;
}

.mb-faq-content,
.mb-order-content {
  padding: 8rem 0;
}

@media (min-width: 768px) {

  .mb-faq-content,
  .mb-order-content {
    padding: 20rem 0;
  }
}

/* ======================================
   FAQ & ORDER – SPACING
====================================== */

.-sp.mb-faq-content,
.-sp.mb-order-content,
.mb-content.-sp {
  padding: 6rem 0;
}

@media (min-width: 768px) {
  .-sp.mb-faq-content,
  .-sp.mb-order-content,
  .mb-content.-sp {
    padding: 16.5rem 0;
  }
}

/* TOP */
.-st.mb-faq-content,
.-st.mb-order-content,
.mb-content.-st {
  padding-top: 6rem;
}

@media (min-width: 768px) {
  .-st.mb-faq-content,
  .-st.mb-order-content,
  .mb-content.-st {
    padding-top: 16.5rem;
  }
}

/* BOTTOM */
.-sb.mb-faq-content,
.-sb.mb-order-content,
.mb-content.-sb {
  padding-bottom: 6rem;
}

@media (min-width: 768px) {
  .-sb.mb-faq-content,
  .-sb.mb-order-content,
  .mb-content.-sb {
    padding-bottom: 16.5rem;
  }
}

/* REDUCED PADDING */
.-rp.mb-faq-content,
.-rp.mb-order-content,
.mb-content.-rp {
  padding: 4rem 0;
}

@media (min-width: 768px) {
  .-rp.mb-faq-content,
  .-rp.mb-order-content,
  .mb-content.-rp {
    padding: 10rem 0;
  }
}

/* REDUCED TOP */
.-rt.mb-faq-content,
.-rt.mb-order-content,
.mb-content.-rt {
  padding-top: 4rem;
}

@media (min-width: 768px) {
  .-rt.mb-faq-content,
  .-rt.mb-order-content,
  .mb-content.-rt {
    padding-top: 10rem;
  }
}

/* REDUCED BOTTOM */
.-rb.mb-faq-content,
.-rb.mb-order-content,
.mb-content.-rb {
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  .-rb.mb-faq-content,
  .-rb.mb-order-content,
  .mb-content.-rb {
    padding-bottom: 10rem;
  }
}

/* CLEAR PADDING */
.-cp.mb-faq-content,
.-cp.mb-order-content,
.mb-content.-cp {
  padding: 0;
}

/* CUSTOM TOP */
.-ct.mb-faq-content,
.-ct.mb-order-content,
.mb-content.-ct {
  padding-top: 10rem;
}

/* CLEAR BOTTOM */
.-cb.mb-faq-content,
.-cb.mb-order-content,
.mb-content.-cb {
  padding-bottom: 0;
}

/* ======================================
   FAQ & ORDER – CONTAINERS
====================================== */

.mb-faq-container,
.mb-order-container {
  padding: 0 3rem;
}

@media (min-width: 768px) {
  .mb-faq-container,
  .mb-order-container {
    padding: 0 6rem;
  }
}

@media (min-width: 1920px) {
  .mb-faq-container,
  .mb-order-container {
    max-width: 1920px;
    margin: 0 auto;
  }
}

/* MOBILE RESET */
@media (max-width: 767px) {
  .-xs.mb-faq-container,
  .-xs.mb-order-container,
  .mb-container.-xs {
    padding: 0;
  }
}

/* LARGE */
.-lg.mb-faq-container,
.-lg.mb-order-container,
.mb-container.-lg {
  padding: 0 3rem;
}

@media (min-width: 768px) {
  .-lg.mb-faq-container,
  .-lg.mb-order-container,
  .mb-container.-lg {
    padding: 0 16rem;
  }
}

.mb-faq-caption{
  display: flex;
  font-size: 1.4rem;
  line-height: 110%;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .mb-faq-caption {
    font-size: 1.8rem;
    letter-spacing: 0.02em;
  }
}

/* ======================================
   FAQ – CAPTION SIZE
====================================== */

.-lg.mb-faq-caption,
.mb-caption.-lg {
  font-size: 1.8rem;
  line-height: 130%;
  text-transform: none;
}

@media (min-width: 768px) {
  .-lg.mb-faq-caption,
  .mb-caption.-lg {
    font-size: 3.2rem;
    line-height: 120%;
  }
}

/* ======================================
   FAQ – CAPTION HEADINGS
====================================== */

.mb-faq-caption h1,
.mb-faq-caption h2,
.mb-faq-caption h3,
.mb-caption h1,
.mb-caption h2,
.mb-caption h3 {
  display: inline-block;
  vertical-align: middle;
}

/* ======================================
   FAQ – CAPTION DOT
====================================== */

.mb-faq-caption-dot,
.mb-caption-dot {
  position: relative;
  display: inline-block;
  top: 0.15em;
  width: 1rem;
  height: 1rem;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  flex-shrink: 0;
  background: currentColor;
  border-radius: 50%;
}

@media (min-width: 768px) {
  .mb-faq-caption-dot,
  .mb-caption-dot {
    top: 0.07em;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 1.5rem 0 0;
  }
}

/* PRIMARY / SECONDARY COLORS */
.-primary.mb-faq-caption-dot,
.mb-caption-dot.-primary {
  background: #e98707;
}

.-secondary.mb-faq-caption-dot,
.mb-caption-dot.-secondary {
  background: #caec00;
}

/* ======================================
   FAQ – TEXT
====================================== */

.mb-faq-item-text,
.mb-text {
  font-size: 1.8rem;
  line-height: 130%;
  text-wrap: none;
}

/* ======================================
   FAQ – TEXT (DEFAULT)
====================================== */

.mb-faq-item-text,
.mb-text {
  font-size: 1.8rem;
  line-height: 130%;
}

/* DESKTOP DEFAULT */
@media (min-width: 768px) {
  .mb-faq-item-text,
  .mb-text {
    font-size: 2.2rem;
  }
}

/* ======================================
   FAQ – SMALL
====================================== */

.-sm.mb-faq-item-text,
.mb-text.-sm {
  font-size: 1.4rem;
}

@media (min-width: 768px) {
  .-sm.mb-faq-item-text,
  .mb-text.-sm {
    font-size: 2.2rem;
  }
}

/* ======================================
   FAQ – LARGE
====================================== */

.-lg.mb-faq-item-text,
.mb-text.-lg {
  font-size: 3rem;
  line-height: 120%;
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  .-lg.mb-faq-item-text,
  .mb-text.-lg {
    font-size: 4rem;
  }
}

/* ======================================
   FAQ – EXTRA LARGE
====================================== */

.-xl.mb-faq-item-text,
.mb-text.-xl {
  font-size: 2.24rem;
  line-height: 120%;
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  .-xl.mb-faq-item-text,
  .mb-text.-xl {
    font-size: 5rem;
    line-height: 125%;
  }
}

/* ======================================
   FAQ – PARAGRAPH SPACING
====================================== */

.mb-faq-item-text p:not(:last-child),
.mb-text p:not(:last-child) {
  margin-bottom: 1em;
}

.mb-order.-primary {
  color: #fff;
  background: #e98707;
}
.mb-order-grid {
  display: grid;
  gap: 6rem;
}
@media (min-width: 768px) {
  .mb-order-grid {
    grid-template-columns: auto 89.6rem;
    align-items: center;
    gap: 10rem;
  }
}

/* ======================================
   ORDER – CONTENT SPACING
====================================== */

.mb-order-content {
  padding: 8rem 0;
}

@media (min-width: 768px) {
  .mb-order-content {
    padding: 20rem 0;
  }
}

/* SMALL PADDING */
.-sp.mb-order-content {
  padding: 6rem 0;
}

@media (min-width: 768px) {
  .-sp.mb-order-content {
    padding: 16.5rem 0;
  }
}

/* TOP ONLY */
.-st.mb-order-content {
  padding-top: 6rem;
}

@media (min-width: 768px) {
  .-st.mb-order-content {
    padding-top: 16.5rem;
  }
}

/* BOTTOM ONLY */
.-sb.mb-order-content {
  padding-bottom: 6rem;
}

@media (min-width: 768px) {
  .-sb.mb-order-content {
    padding-bottom: 16.5rem;
  }
}

/* REDUCED PADDING */
.-rp.mb-order-content {
  padding: 4rem 0;
}

@media (min-width: 768px) {
  .-rp.mb-order-content {
    padding: 10rem 0;
  }
}

/* REDUCED TOP */
.-rt.mb-order-content {
  padding-top: 4rem;
}

@media (min-width: 768px) {
  .-rt.mb-order-content {
    padding-top: 10rem;
  }
}

/* REDUCED BOTTOM */
.-rb.mb-order-content {
  padding-bottom: 4rem;
}

@media (min-width: 768px) {
  .-rb.mb-order-content {
    padding-bottom: 10rem;
  }
}

/* CLEAR PADDING */
.-cp.mb-order-content {
  padding: 0;
}

/* CUSTOM TOP */
.-ct.mb-order-content {
  padding-top: 10rem;
}

/* CLEAR BOTTOM */
.-cb.mb-order-content {
  padding-bottom: 0;
}

/* ======================================
   ORDER – CONTAINER
====================================== */

@media (min-width: 768px) {
  .mb-order-container {
    padding: 0 6rem;
  }
}

@media (min-width: 1920px) {
  .mb-order-container {
    max-width: 1920px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .-xs.mb-order-container {
    padding: 0;
  }
}

/* LARGE CONTAINER */
.-lg.mb-order-container {
  padding: 0 3rem;
}

@media (min-width: 768px) {
  .-lg.mb-order-container {
    padding: 0 16rem;
  }
}

/* ======================================
   ORDER – HEADER
====================================== */

.mb-order-header {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 550;
  font-stretch: 58%;
  font-size: 5rem;
  line-height: 100%;
  text-transform: uppercase;
  text-wrap: balance;
}

@media (min-width: 768px) {
  .mb-order-header {
    font-size: 19.8rem;
  }
}

/* SMALL HEADER */
@media (min-width: 768px) {
  .-sm.mb-order-header,
  .mb-header.-sm {
    font-size: 10rem;
  }
}

/* MEDIUM HEADER */
@media (min-width: 768px) {
  .-md.mb-order-header,
  .mb-header.-md {
    font-size: 15rem;
  }
}

/* ======================================
   ORDER – HEADER STRONG
====================================== */

.mb-order-header strong {
  font-weight: inherit;
}

.mb-order-header strong.-primary {
  color: #e98707;
}

.mb-order-header strong.-secondary {
  color: #caec00;
}

.mb-input_checkbox {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  gap: 1.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.mb-input_checkbox > input {
  position: absolute;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
}
.mb-input_checkbox-box {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 0.4rem;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  transition: border-color 0.2s;
}
.mb-input_checkbox.-inverse .mb-input_checkbox-box {
  border-color: rgba(255, 255, 255, 0.5);
}
.mb-input_checkbox:hover .mb-input_checkbox-box {
  border-color: rgba(0, 0, 0, 0.2);
}
.mb-input_checkbox.-inverse:hover .mb-input_checkbox-box {
  border-color: rgba(255, 255, 255, 0.7);
}
.mb-input_checkbox-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  background: currentColor;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);
}
.mb-input_checkbox-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scale(0);
  opacity: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 15 10"><path fill="%23fff" d="M14.44 1.03a.63.63 0 0 0-.96-.8l-4.5 5.39A25 25 0 0 1 6.9 7.95c-.54.5-.91.64-1.27.64-.37 0-.74-.15-1.28-.64-.55-.5-1.18-1.25-2.09-2.33l-1.15-1.4a.62.62 0 1 0-.97.8l1.2 1.43C2.2 7.5 2.89 8.32 3.5 8.88c.65.59 1.3.96 2.12.96.8 0 1.46-.37 2.1-.96.63-.56 1.32-1.39 2.18-2.43z"/></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1.5rem 1rem;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), opacity 0.3s;
}
.mb-input_checkbox.-inverse .mb-input_checkbox-box:after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 15 10"><path fill="%23000" d="M14.44 1.03a.63.63 0 0 0-.96-.8l-4.5 5.39A25 25 0 0 1 6.9 7.95c-.54.5-.91.64-1.27.64-.37 0-.74-.15-1.28-.64-.55-.5-1.18-1.25-2.09-2.33l-1.15-1.4a.62.62 0 1 0-.97.8l1.2 1.43C2.2 7.5 2.89 8.32 3.5 8.88c.65.59 1.3.96 2.12.96.8 0 1.46-.37 2.1-.96.63-.56 1.32-1.39 2.18-2.43z"/></svg>');
}
input:checked ~ .mb-input_checkbox-box:before {
  transform: scale(1.41);
}
input:checked ~ .mb-input_checkbox-box:after {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.1s, 0.1s;
}
.mb-input_checkbox-title {
  font-size: 1.4rem;
  line-height: 120%;
}
@media (min-width: 768px) {
  .mb-input_checkbox-title {
    font-size: 1.8rem;
    line-height: 150%;
  }
}
.mb-input_checkbox-title a {
  color: #e98707;
  text-decoration: none;
}
.mb-input_checkbox.-inverse .mb-input_checkbox-title a {
  color: inherit;
}
.mb-input_checkbox-title a:hover {
  text-decoration: underline;
}

.mb-btn_cta,
.mb-btn_dummy,
.mb-btn_link,
.mb-btn_menu,
.mb-btn_round {
  position: relative;
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0;
  color: inherit;
  background: 0 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: inherit;
  text-transform: inherit;
  text-indent: inherit;
  text-decoration: none;
}
.mb-btn_cta:focus,
.mb-btn_cta:hover,
.mb-btn_dummy:focus,
.mb-btn_dummy:hover,
.mb-btn_link:focus,
.mb-btn_link:hover,
.mb-btn_menu:focus,
.mb-btn_menu:hover,
.mb-btn_round:focus,
.mb-btn_round:hover {
  text-decoration: none;
}
.mb-btn_cta {
  display: inline-flex;
  align-items: center;
  height: 7.8rem;
  padding: 0 2.5rem;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 99999px;
  font-size: 1.8rem;
  line-height: 1;
  transition: transform 0.3s;
}
@media (min-width: 768px) {
  .mb-btn_cta {
    height: 8.4rem;
    padding: 0 3.5rem;
    font-size: 2.2rem;
  }
}
.mb-btn_cta.-sm {
  font-size: 1.8rem;
}
.mb-btn_cta.-full {
  display: flex;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .mb-btn_cta.-afull {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100%;
  }
}
.mb-btn_cta.-xl {
  height: 15rem;
  padding: 0 5rem;
}
@media (min-width: 768px) {
  .mb-btn_cta.-xl {
    height: 20.3rem;
    padding: 0 11.6rem;
  }
}
.mb-btn_cta.-filled {
  color: #000;
  background: #fff;
}
@media (pointer: fine) {
  .mb-btn_cta:hover {
    transform: scaleX(1.02);
    transition: transform 0.6s cubic-bezier(0.34, 5.56, 0.64, 1);
  }
}
.mb-btn_cta:disabled {
  opacity: 0.5;
  pointer-events: none;
  touch-action: none;
}
.mb-btn_cta:disabled.-filled {
  opacity: 0.8;
}
.mb-btn_cta-border {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  z-index: 3;
  opacity: 0.3;
  border: 1px solid;
  border-radius: 9999px;
}
.mb-btn_cta.-filled .mb-btn_cta-border {
  display: none;
}
.mb-btn_cta-ripple {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: inherit;
}
.mb-btn_cta-ripple span {
  display: block;
  width: 100%;
  height: 100%;
  transform: translateY(101%);
  background: currentColor;
  border-radius: 50% 50% 0 0;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1),
    border-radius 0.5s cubic-bezier(0.4, 0, 0, 1);
}
@media (pointer: fine) {
  .mb-btn_cta:hover .mb-btn_cta-ripple span {
    border-radius: 0;
    transform: translateY(0);
    transition-duration: 0.5s, 0.9s;
  }
}
.mb-btn_cta-title {
  position: relative;
  display: block;
  padding: 0 0.16em 0 0;
  overflow: hidden;
  z-index: 2;
}
.mb-btn_cta-title span {
  display: block;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.mb-btn_cta-title span:after {
  content: attr(data-text);
  display: block;
  position: absolute;
  top: 110%;
  left: 0;
  color: #fff;
}
.mb-btn_cta.-inverse .mb-btn_cta-title span:after {
  color: #000;
}
@media (pointer: fine) {
  .mb-btn_cta:hover .mb-btn_cta-title span {
    transform: translateY(-110%);
  }
}
.mb-btn_cta-icon {
  position: relative;
  display: block;
  margin: 0 0 0 1.5rem;
  z-index: 2;
  font-size: 1.8rem;
  line-height: 1;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .mb-btn_cta-icon {
    font-size: 2.4rem;
  }
}
.mb-btn.-sm .mb-btn_cta-icon {
  font-size: 1.8rem;
}
.mb-btn_cta-icon.-primary {
  color: #e98707;
}
.mb-btn_cta-icon.-secondary {
  color: #caec00;
}
.mb-btn_menu {
  display: block;
  width: 3rem;
  height: 3rem;
  -webkit-tap-highlight-color: transparent;
}
.mb-btn_menu:before {
  content: "";
  position: absolute;
  top: -24px;
  left: -10px;
  right: -10px;
  bottom: -24px;
}
.mb-btn_menu span {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin: 0.8rem 0;
  background: currentColor;
  border-radius: 9999px;
  transition: top 0.2s 0.3s, transform 0.3s 0s;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .mb-btn_menu span {
    height: 1px;
  }
}
.mb-btn_menu.-active span,
.mb-navbar.-open .mb-navbar-toggle button.mb-btn_menu span {
  transition: top 0.2s, transform 0.3s 0.2s;
}
.mb-btn_menu.-active span:first-child,
.mb-navbar.-open .mb-navbar-toggle button.mb-btn_menu span:first-child {
  top: 0.5rem;
  transform: rotate(45deg);
}
.mb-btn_menu.-active span:last-child,
.mb-navbar.-open .mb-navbar-toggle button.mb-btn_menu span:last-child {
  top: -0.4rem;
  transform: translateY(-0.1rem) rotate(-45deg);
}
.mb-btn_link {
  position: relative;
  display: inline-block;
  padding: 4px 0;
  text-decoration: none;
}
.mb-btn_link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mb-btn_link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transform: scaleX(0);
  border-top: 1px solid;
  transition: transform 0.5s cubic-bezier(0.35, 0, 0, 1);
}
.mb-btn_link.-underline:after {
  transform: scaleX(1);
}
@media (pointer: fine) {
  [data-btn-links]:hover a.-underline:after {
    transform: scaleX(0);
  }
  .mb-btn_link:hover:after {
    transform: scaleX(1) !important;
  }
}
.mb-btn_round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 7rem;
  width: 7rem;
}
@media (min-width: 768px) {
  .mb-btn_round {
    height: 12.75rem;
    width: 12.75rem;
  }
}
.mb-btn_round.-sm {
  height: 6.2rem;
  width: 6.2rem;
}
@media (min-width: 768px) {
  .mb-btn_round.-sm {
    height: 6.7rem;
    width: 6.7rem;
  }
}
@media (pointer: fine) {
  .mb-btn_round.-magnetic:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
  }
  .mb-btn_round.-magnetic:hover:before {
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
  }
}
.mb-btn_round-border {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.1;
  border-radius: 50%;
  border: 1px solid;
  transition: transform 0.4s;
}
@media (pointer: fine) {
  .mb-btn_round:hover .mb-btn_round-border {
    transform: scale(0.95);
    transition: transform 0.6s cubic-bezier(0.34, 4.56, 0.64, 1);
  }
}
.mb-btn_round-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.mb-btn_round.-secondary .mb-btn_round-fill {
  background: #caec00;
}
@media (pointer: fine) {
  .mb-btn_round:hover .mb-btn_round-fill {
    transform: scale(0.9);
  }
}
.mb-btn_round:active .mb-btn_round-fill {
  transform: scale(0.87);
}
.mb-btn_round-icon {
  position: relative;
  font-size: 2.4rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .mb-btn_round-icon {
    font-size: 3.91rem;
  }
}
.mb-btn_round.-sm .mb-btn_round-icon {
  font-size: 2.1rem;
}
.mb-btn_round.-secondary .mb-btn_round-icon {
  color: #000;
}
.mb-btn_round-alt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  gap: inherit;
  opacity: 0;
  transition: opacity 0.2s;
}
.mb-btn_round.-alt > .mb-btn_round-title {
  visibility: hidden;
}
.mb-btn_round.-alt > .mb-btn_round-icon {
  visibility: hidden;
}
.mb-btn_round.-alt > .mb-btn_round-alt {
  opacity: 1;
}

.mb-advantage-content,
.mb-cardview-content,
.mb-content,
.mb-entryfeed-content,
.mb-entrylist-content,
.mb-faq-content,
.mb-featured-content,
.mb-intro-content,
.mb-logoreel-content,
.mb-nextcase-content,
.mb-order-content,
.mb-partner-content,
.mb-photoreel-content,
.mb-photoshow-content,
.mb-related-content,
.mb-screenshot-content,
.mb-showcase-content,
.mb-summary-content,
.mb-tophead-content,
.mb-workflow-content {
  padding: 8rem 0;
}
@media (min-width: 768px) {
  .mb-advantage-content,
  .mb-cardview-content,
  .mb-content,
  .mb-entryfeed-content,
  .mb-entrylist-content,
  .mb-faq-content,
  .mb-featured-content,
  .mb-intro-content,
  .mb-logoreel-content,
  .mb-nextcase-content,
  .mb-order-content,
  .mb-partner-content,
  .mb-photoreel-content,
  .mb-photoshow-content,
  .mb-related-content,
  .mb-screenshot-content,
  .mb-showcase-content,
  .mb-summary-content,
  .mb-tophead-content,
  .mb-workflow-content {
    padding: 20rem 0;
  }
}
.-sp.mb-advantage-content,
.-sp.mb-cardview-content,
.-sp.mb-entryfeed-content,
.-sp.mb-entrylist-content,
.-sp.mb-faq-content,
.-sp.mb-featured-content,
.-sp.mb-intro-content,
.-sp.mb-logoreel-content,
.-sp.mb-nextcase-content,
.-sp.mb-order-content,
.-sp.mb-partner-content,
.-sp.mb-photoreel-content,
.-sp.mb-photoshow-content,
.-sp.mb-related-content,
.-sp.mb-screenshot-content,
.-sp.mb-showcase-content,
.-sp.mb-summary-content,
.-sp.mb-tophead-content,
.-sp.mb-workflow-content,
.mb-content.-sp {
  padding: 6rem 0;
}
@media (min-width: 768px) {
  .-sp.mb-advantage-content,
  .-sp.mb-cardview-content,
  .-sp.mb-entryfeed-content,
  .-sp.mb-entrylist-content,
  .-sp.mb-faq-content,
  .-sp.mb-featured-content,
  .-sp.mb-intro-content,
  .-sp.mb-logoreel-content,
  .-sp.mb-nextcase-content,
  .-sp.mb-order-content,
  .-sp.mb-partner-content,
  .-sp.mb-photoreel-content,
  .-sp.mb-photoshow-content,
  .-sp.mb-related-content,
  .-sp.mb-screenshot-content,
  .-sp.mb-showcase-content,
  .-sp.mb-summary-content,
  .-sp.mb-tophead-content,
  .-sp.mb-workflow-content,
  .mb-content.-sp {
    padding: 16.5rem 0;
  }
}
.-st.mb-advantage-content,
.-st.mb-cardview-content,
.-st.mb-entryfeed-content,
.-st.mb-entrylist-content,
.-st.mb-faq-content,
.-st.mb-featured-content,
.-st.mb-intro-content,
.-st.mb-logoreel-content,
.-st.mb-nextcase-content,
.-st.mb-order-content,
.-st.mb-partner-content,
.-st.mb-photoreel-content,
.-st.mb-photoshow-content,
.-st.mb-related-content,
.-st.mb-screenshot-content,
.-st.mb-showcase-content,
.-st.mb-summary-content,
.-st.mb-tophead-content,
.-st.mb-workflow-content,
.mb-content.-st {
  padding-top: 6rem;
}
@media (min-width: 768px) {
  .-st.mb-advantage-content,
  .-st.mb-cardview-content,
  .-st.mb-entryfeed-content,
  .-st.mb-entrylist-content,
  .-st.mb-faq-content,
  .-st.mb-featured-content,
  .-st.mb-intro-content,
  .-st.mb-logoreel-content,
  .-st.mb-nextcase-content,
  .-st.mb-order-content,
  .-st.mb-partner-content,
  .-st.mb-photoreel-content,
  .-st.mb-photoshow-content,
  .-st.mb-related-content,
  .-st.mb-screenshot-content,
  .-st.mb-showcase-content,
  .-st.mb-summary-content,
  .-st.mb-tophead-content,
  .-st.mb-workflow-content,
  .mb-content.-st {
    padding-top: 16.5rem;
  }
}
.-sb.mb-advantage-content,
.-sb.mb-cardview-content,
.-sb.mb-entryfeed-content,
.-sb.mb-entrylist-content,
.-sb.mb-faq-content,
.-sb.mb-featured-content,
.-sb.mb-intro-content,
.-sb.mb-logoreel-content,
.-sb.mb-nextcase-content,
.-sb.mb-order-content,
.-sb.mb-partner-content,
.-sb.mb-photoreel-content,
.-sb.mb-photoshow-content,
.-sb.mb-related-content,
.-sb.mb-screenshot-content,
.-sb.mb-showcase-content,
.-sb.mb-summary-content,
.-sb.mb-tophead-content,
.-sb.mb-workflow-content,
.mb-content.-sb {
  padding-bottom: 6rem;
}
@media (min-width: 768px) {
  .-sb.mb-advantage-content,
  .-sb.mb-cardview-content,
  .-sb.mb-entryfeed-content,
  .-sb.mb-entrylist-content,
  .-sb.mb-faq-content,
  .-sb.mb-featured-content,
  .-sb.mb-intro-content,
  .-sb.mb-logoreel-content,
  .-sb.mb-nextcase-content,
  .-sb.mb-order-content,
  .-sb.mb-partner-content,
  .-sb.mb-photoreel-content,
  .-sb.mb-photoshow-content,
  .-sb.mb-related-content,
  .-sb.mb-screenshot-content,
  .-sb.mb-showcase-content,
  .-sb.mb-summary-content,
  .-sb.mb-tophead-content,
  .-sb.mb-workflow-content,
  .mb-content.-sb {
    padding-bottom: 16.5rem;
  }
}
.-rp.mb-advantage-content,
.-rp.mb-cardview-content,
.-rp.mb-entryfeed-content,
.-rp.mb-entrylist-content,
.-rp.mb-faq-content,
.-rp.mb-featured-content,
.-rp.mb-intro-content,
.-rp.mb-logoreel-content,
.-rp.mb-nextcase-content,
.-rp.mb-order-content,
.-rp.mb-partner-content,
.-rp.mb-photoreel-content,
.-rp.mb-photoshow-content,
.-rp.mb-related-content,
.-rp.mb-screenshot-content,
.-rp.mb-showcase-content,
.-rp.mb-summary-content,
.-rp.mb-tophead-content,
.-rp.mb-workflow-content,
.mb-content.-rp {
  padding: 4rem 0;
}
@media (min-width: 768px) {
  .-rp.mb-advantage-content,
  .-rp.mb-cardview-content,
  .-rp.mb-entryfeed-content,
  .-rp.mb-entrylist-content,
  .-rp.mb-faq-content,
  .-rp.mb-featured-content,
  .-rp.mb-intro-content,
  .-rp.mb-logoreel-content,
  .-rp.mb-nextcase-content,
  .-rp.mb-order-content,
  .-rp.mb-partner-content,
  .-rp.mb-photoreel-content,
  .-rp.mb-photoshow-content,
  .-rp.mb-related-content,
  .-rp.mb-screenshot-content,
  .-rp.mb-showcase-content,
  .-rp.mb-summary-content,
  .-rp.mb-tophead-content,
  .-rp.mb-workflow-content,
  .mb-content.-rp {
    padding: 10rem 0;
  }
}
.-rt.mb-advantage-content,
.-rt.mb-cardview-content,
.-rt.mb-entryfeed-content,
.-rt.mb-entrylist-content,
.-rt.mb-faq-content,
.-rt.mb-featured-content,
.-rt.mb-intro-content,
.-rt.mb-logoreel-content,
.-rt.mb-nextcase-content,
.-rt.mb-order-content,
.-rt.mb-partner-content,
.-rt.mb-photoreel-content,
.-rt.mb-photoshow-content,
.-rt.mb-related-content,
.-rt.mb-screenshot-content,
.-rt.mb-showcase-content,
.-rt.mb-summary-content,
.-rt.mb-tophead-content,
.-rt.mb-workflow-content,
.mb-content.-rt {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .-rt.mb-advantage-content,
  .-rt.mb-cardview-content,
  .-rt.mb-entryfeed-content,
  .-rt.mb-entrylist-content,
  .-rt.mb-faq-content,
  .-rt.mb-featured-content,
  .-rt.mb-intro-content,
  .-rt.mb-logoreel-content,
  .-rt.mb-nextcase-content,
  .-rt.mb-order-content,
  .-rt.mb-partner-content,
  .-rt.mb-photoreel-content,
  .-rt.mb-photoshow-content,
  .-rt.mb-related-content,
  .-rt.mb-screenshot-content,
  .-rt.mb-showcase-content,
  .-rt.mb-summary-content,
  .-rt.mb-tophead-content,
  .-rt.mb-workflow-content,
  .mb-content.-rt {
    padding-top: 10rem;
  }
}
.-rb.mb-advantage-content,
.-rb.mb-cardview-content,
.-rb.mb-entryfeed-content,
.-rb.mb-entrylist-content,
.-rb.mb-faq-content,
.-rb.mb-featured-content,
.-rb.mb-intro-content,
.-rb.mb-logoreel-content,
.-rb.mb-nextcase-content,
.-rb.mb-order-content,
.-rb.mb-partner-content,
.-rb.mb-photoreel-content,
.-rb.mb-photoshow-content,
.-rb.mb-related-content,
.-rb.mb-screenshot-content,
.-rb.mb-showcase-content,
.-rb.mb-summary-content,
.-rb.mb-tophead-content,
.-rb.mb-workflow-content,
.mb-content.-rb {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .-rb.mb-advantage-content,
  .-rb.mb-cardview-content,
  .-rb.mb-entryfeed-content,
  .-rb.mb-entrylist-content,
  .-rb.mb-faq-content,
  .-rb.mb-featured-content,
  .-rb.mb-intro-content,
  .-rb.mb-logoreel-content,
  .-rb.mb-nextcase-content,
  .-rb.mb-order-content,
  .-rb.mb-partner-content,
  .-rb.mb-photoreel-content,
  .-rb.mb-photoshow-content,
  .-rb.mb-related-content,
  .-rb.mb-screenshot-content,
  .-rb.mb-showcase-content,
  .-rb.mb-summary-content,
  .-rb.mb-tophead-content,
  .-rb.mb-workflow-content,
  .mb-content.-rb {
    padding-bottom: 10rem;
  }
}
.-cp.mb-advantage-content,
.-cp.mb-cardview-content,
.-cp.mb-entryfeed-content,
.-cp.mb-entrylist-content,
.-cp.mb-faq-content,
.-cp.mb-featured-content,
.-cp.mb-intro-content,
.-cp.mb-logoreel-content,
.-cp.mb-nextcase-content,
.-cp.mb-order-content,
.-cp.mb-partner-content,
.-cp.mb-photoreel-content,
.-cp.mb-photoshow-content,
.-cp.mb-related-content,
.-cp.mb-screenshot-content,
.-cp.mb-showcase-content,
.-cp.mb-summary-content,
.-cp.mb-tophead-content,
.-cp.mb-workflow-content,
.mb-content.-cp {
  padding: 0;
}
.-ct.mb-advantage-content,
.-ct.mb-cardview-content,
.-ct.mb-entryfeed-content,
.-ct.mb-entrylist-content,
.-ct.mb-faq-content,
.-ct.mb-featured-content,
.-ct.mb-intro-content,
.-ct.mb-logoreel-content,
.-ct.mb-nextcase-content,
.-ct.mb-order-content,
.-ct.mb-partner-content,
.-ct.mb-photoreel-content,
.-ct.mb-photoshow-content,
.-ct.mb-related-content,
.-ct.mb-screenshot-content,
.-ct.mb-showcase-content,
.-ct.mb-summary-content,
.-ct.mb-tophead-content,
.-ct.mb-workflow-content,
.mb-content.-ct {
  padding-top: 10rem;
}
.-ptz.mb-advantage-content,
.-ptz.mb-cardview-content,
.-ptz.mb-entryfeed-content,
.-ptz.mb-entrylist-content,
.-ptz.mb-exhibition-content,
.-ptz.mb-feature-content,
.-ptz.mb-featured-content,
.-ptz.mb-intro-content,
.-ptz.mb-logoreel-content,
.-ptz.mb-nextcase-content,
.-ptz.mb-photoreel-content,
.-ptz.mb-photoshow-content,
.-ptz.mb-screenshot-content,
.-ptz.mb-splitshow-content,
.-ptz.mb-summary-content,
.-ptz.mb-tophead-content,
.-ptz.mb-workflow-content,
.mb-content.-ptz {
	padding-top: 0
}
.-cb.mb-advantage-content,
.-cb.mb-cardview-content,
.-cb.mb-entryfeed-content,
.-cb.mb-entrylist-content,
.-cb.mb-faq-content,
.-cb.mb-featured-content,
.-cb.mb-intro-content,
.-cb.mb-logoreel-content,
.-cb.mb-nextcase-content,
.-cb.mb-order-content,
.-cb.mb-partner-content,
.-cb.mb-photoreel-content,
.-cb.mb-photoshow-content,
.-cb.mb-related-content,
.-cb.mb-screenshot-content,
.-cb.mb-showcase-content,
.-cb.mb-summary-content,
.-cb.mb-tophead-content,
.-cb.mb-workflow-content,
.mb-content.-cb {
  padding-bottom: 0;
}
.mb-advantage-container,
.mb-article-container,
.mb-cardview-container,
.mb-container,
.mb-entryfeed-container,
.mb-entrylist-container,
.mb-faq-container,
.mb-featured-container,
.mb-feedback-container,
.mb-footer-container,
.mb-hero-container,
.mb-intro-container,
.mb-logoreel-container,
.mb-nextcase-container,
.mb-order-container,
.mb-partner-container,
.mb-photoreel-container,
.mb-photoshow-container,
.mb-related-container,
.mb-screenshot-container,
.mb-showcase-container,
.mb-summary-container,
.mb-tophead-container,
.mb-work-container,
.mb-workflow-container {
  padding: 0 3rem;
}
@media (min-width: 768px) {
  .mb-advantage-container,
  .mb-article-container,
  .mb-cardview-container,
  .mb-container,
  .mb-entryfeed-container,
  .mb-entrylist-container,
  .mb-faq-container,
  .mb-featured-container,
  .mb-feedback-container,
  .mb-footer-container,
  .mb-hero-container,
  .mb-intro-container,
  .mb-logoreel-container,
  .mb-nextcase-container,
  .mb-order-container,
  .mb-partner-container,
  .mb-photoreel-container,
  .mb-photoshow-container,
  .mb-related-container,
  .mb-screenshot-container,
  .mb-showcase-container,
  .mb-summary-container,
  .mb-tophead-container,
  .mb-work-container,
  .mb-workflow-container {
    padding: 0 6rem;
  }
}
@media (min-width: 1920px) {
  .mb-advantage-container,
  .mb-article-container,
  .mb-cardview-container,
  .mb-container,
  .mb-entryfeed-container,
  .mb-entrylist-container,
  .mb-faq-container,
  .mb-featured-container,
  .mb-feedback-container,
  .mb-footer-container,
  .mb-hero-container,
  .mb-intro-container,
  .mb-logoreel-container,
  .mb-nextcase-container,
  .mb-order-container,
  .mb-partner-container,
  .mb-photoreel-container,
  .mb-photoshow-container,
  .mb-related-container,
  .mb-screenshot-container,
  .mb-showcase-container,
  .mb-summary-container,
  .mb-tophead-container,
  .mb-work-container,
  .mb-workflow-container {
    max-width: 1920px;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .-xs.mb-advantage-container,
  .-xs.mb-article-container,
  .-xs.mb-cardview-container,
  .-xs.mb-entryfeed-container,
  .-xs.mb-entrylist-container,
  .-xs.mb-faq-container,
  .-xs.mb-featured-container,
  .-xs.mb-feedback-container,
  .-xs.mb-footer-container,
  .-xs.mb-hero-container,
  .-xs.mb-intro-container,
  .-xs.mb-logoreel-container,
  .-xs.mb-nextcase-container,
  .-xs.mb-order-container,
  .-xs.mb-partner-container,
  .-xs.mb-photoreel-container,
  .-xs.mb-photoshow-container,
  .-xs.mb-related-container,
  .-xs.mb-screenshot-container,
  .-xs.mb-showcase-container,
  .-xs.mb-summary-container,
  .-xs.mb-tophead-container,
  .-xs.mb-work-container,
  .-xs.mb-workflow-container,
  .mb-container.-xs {
    padding: 0;
  }
}
.-lg.mb-advantage-container,
.-lg.mb-article-container,
.-lg.mb-cardview-container,
.-lg.mb-entryfeed-container,
.-lg.mb-entrylist-container,
.-lg.mb-faq-container,
.-lg.mb-featured-container,
.-lg.mb-feedback-container,
.-lg.mb-footer-container,
.-lg.mb-hero-container,
.-lg.mb-intro-container,
.-lg.mb-logoreel-container,
.-lg.mb-nextcase-container,
.-lg.mb-order-container,
.-lg.mb-partner-container,
.-lg.mb-photoreel-container,
.-lg.mb-photoshow-container,
.-lg.mb-related-container,
.-lg.mb-screenshot-container,
.-lg.mb-showcase-container,
.-lg.mb-summary-container,
.-lg.mb-tophead-container,
.-lg.mb-work-container,
.-lg.mb-workflow-container,
.mb-container.-lg {
  padding: 0 3rem;
}
@media (min-width: 768px) {
  .-lg.mb-advantage-container,
  .-lg.mb-article-container,
  .-lg.mb-cardview-container,
  .-lg.mb-entryfeed-container,
  .-lg.mb-entrylist-container,
  .-lg.mb-faq-container,
  .-lg.mb-featured-container,
  .-lg.mb-feedback-container,
  .-lg.mb-footer-container,
  .-lg.mb-hero-container,
  .-lg.mb-intro-container,
  .-lg.mb-logoreel-container,
  .-lg.mb-nextcase-container,
  .-lg.mb-order-container,
  .-lg.mb-partner-container,
  .-lg.mb-photoreel-container,
  .-lg.mb-photoshow-container,
  .-lg.mb-related-container,
  .-lg.mb-screenshot-container,
  .-lg.mb-showcase-container,
  .-lg.mb-summary-container,
  .-lg.mb-tophead-container,
  .-lg.mb-work-container,
  .-lg.mb-workflow-container,
  .mb-container.-lg {
    padding: 0 16rem;
  }
}

.mb-article-title,
.mb-featured-item-title,
.mb-related-item-title,
.mb-title {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 550;
  font-stretch: 58%;
  font-size: 4.2rem;
  line-height: 100%;
  text-transform: uppercase;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .mb-article-title,
  .mb-featured-item-title,
  .mb-related-item-title,
  .mb-title {
    font-size: 11rem;
    line-height: 95%;
  }
}
.-xs.mb-article-title,
.-xs.mb-featured-item-title,
.-xs.mb-related-item-title,
.mb-title.-xs {
  font-size: 3rem;
  line-height: normal;
}
@media (min-width: 768px) {
  .-xs.mb-article-title,
  .-xs.mb-featured-item-title,
  .-xs.mb-related-item-title,
  .mb-title.-xs {
    font-size: 4rem;
    line-height: 95%;
  }
}
@media (min-width: 768px) {
  .-sm.mb-article-title,
  .-sm.mb-featured-item-title,
  .-sm.mb-related-item-title,
  .mb-title.-sm {
    font-size: 3rem;
  }
}
.mb-advantage-caption,
.mb-caption,
.mb-cardview-caption,
.mb-entryfeed-caption,
.mb-faq-caption,
.mb-featured-caption,
.mb-feedback-caption,
.mb-logoreel-caption,
.mb-partner-caption,
.mb-related-caption,
.mb-showcase-caption,
.mb-summary-caption {
  display: flex;
  font-size: 1.4rem;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .mb-advantage-caption,
  .mb-caption,
  .mb-cardview-caption,
  .mb-entryfeed-caption,
  .mb-faq-caption,
  .mb-featured-caption,
  .mb-feedback-caption,
  .mb-logoreel-caption,
  .mb-partner-caption,
  .mb-related-caption,
  .mb-showcase-caption,
  .mb-summary-caption {
    font-size: 1.8rem;
    letter-spacing: 0.02em;
  }
}
.-lg.mb-advantage-caption,
.-lg.mb-cardview-caption,
.-lg.mb-entryfeed-caption,
.-lg.mb-faq-caption,
.-lg.mb-featured-caption,
.-lg.mb-feedback-caption,
.-lg.mb-logoreel-caption,
.-lg.mb-partner-caption,
.-lg.mb-related-caption,
.-lg.mb-showcase-caption,
.-lg.mb-summary-caption,
.mb-caption.-lg {
  font-size: 1.8rem;
  line-height: 130%;
  text-transform: none;
}
@media (min-width: 768px) {
  .-lg.mb-advantage-caption,
  .-lg.mb-cardview-caption,
  .-lg.mb-entryfeed-caption,
  .-lg.mb-faq-caption,
  .-lg.mb-featured-caption,
  .-lg.mb-feedback-caption,
  .-lg.mb-logoreel-caption,
  .-lg.mb-partner-caption,
  .-lg.mb-related-caption,
  .-lg.mb-showcase-caption,
  .-lg.mb-summary-caption,
  .mb-caption.-lg {
    font-size: 3.2rem;
    line-height: 120%;
  }
}
.mb-advantage-caption h1,
.mb-advantage-caption h2,
.mb-advantage-caption h3,
.mb-caption h1,
.mb-caption h2,
.mb-caption h3,
.mb-cardview-caption h1,
.mb-cardview-caption h2,
.mb-cardview-caption h3,
.mb-entryfeed-caption h1,
.mb-entryfeed-caption h2,
.mb-entryfeed-caption h3,
.mb-faq-caption h1,
.mb-faq-caption h2,
.mb-faq-caption h3,
.mb-featured-caption h1,
.mb-featured-caption h2,
.mb-featured-caption h3,
.mb-feedback-caption h1,
.mb-feedback-caption h2,
.mb-feedback-caption h3,
.mb-logoreel-caption h1,
.mb-logoreel-caption h2,
.mb-logoreel-caption h3,
.mb-partner-caption h1,
.mb-partner-caption h2,
.mb-partner-caption h3,
.mb-related-caption h1,
.mb-related-caption h2,
.mb-related-caption h3,
.mb-showcase-caption h1,
.mb-showcase-caption h2,
.mb-showcase-caption h3,
.mb-summary-caption h1,
.mb-summary-caption h2,
.mb-summary-caption h3 {
  display: inline-block;
  vertical-align: middle;
}
.mb-advantage-caption-dot,
.mb-caption-dot,
.mb-cardview-caption-dot,
.mb-entryfeed-caption-dot,
.mb-faq-caption-dot,
.mb-featured-caption-dot,
.mb-feedback-caption-dot,
.mb-logoreel-caption-dot,
.mb-partner-caption-dot,
.mb-related-caption-dot,
.mb-showcase-caption-dot,
.mb-summary-caption-dot {
  position: relative;
  display: inline-block;
  top: 0.15em;
  width: 1rem;
  height: 1rem;
  margin: 0 1rem 0 0;
  vertical-align: middle;
  flex-shrink: 0;
  background: currentColor;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .mb-advantage-caption-dot,
  .mb-caption-dot,
  .mb-cardview-caption-dot,
  .mb-entryfeed-caption-dot,
  .mb-faq-caption-dot,
  .mb-featured-caption-dot,
  .mb-feedback-caption-dot,
  .mb-logoreel-caption-dot,
  .mb-partner-caption-dot,
  .mb-related-caption-dot,
  .mb-showcase-caption-dot,
  .mb-summary-caption-dot {
    top: 0.07em;
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 1.5rem 0 0;
  }
}
.-primary.mb-advantage-caption-dot,
.-primary.mb-cardview-caption-dot,
.-primary.mb-entryfeed-caption-dot,
.-primary.mb-faq-caption-dot,
.-primary.mb-featured-caption-dot,
.-primary.mb-feedback-caption-dot,
.-primary.mb-logoreel-caption-dot,
.-primary.mb-partner-caption-dot,
.-primary.mb-related-caption-dot,
.-primary.mb-showcase-caption-dot,
.-primary.mb-summary-caption-dot,
.mb-caption-dot.-primary {
  background: #e98707;
}
.-secondary.mb-advantage-caption-dot,
.-secondary.mb-cardview-caption-dot,
.-secondary.mb-entryfeed-caption-dot,
.-secondary.mb-faq-caption-dot,
.-secondary.mb-featured-caption-dot,
.-secondary.mb-feedback-caption-dot,
.-secondary.mb-logoreel-caption-dot,
.-secondary.mb-partner-caption-dot,
.-secondary.mb-related-caption-dot,
.-secondary.mb-showcase-caption-dot,
.-secondary.mb-summary-caption-dot,
.mb-caption-dot.-secondary {
  background: #caec00;
}

.mb-related-caption {
  margin: 0 0 4rem 0;
}
@media (min-width: 768px) {
  .mb-related-caption {
    margin: 0 0 6rem 0;
  }
}
.mb-related-items {
  display: grid;
  gap: 1rem;
  margin: 0 -2rem;
  counter-reset: mb-related-num;
}
@media (min-width: 768px) {
  .mb-related-items {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 4rem; /* sağ-sol aynı kalsın */
    row-gap: 1rem;  /* üst-alt kısıldı */
    margin: 0;
  }
}
@media (min-width: 768px) {
  .mb-related-break {
    grid-column: 1 / -1;
  }
}
.mb-related-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3rem;
  background: #fff;
}
@media (min-width: 768px) {
  .mb-related-item {
    padding: 5rem 4rem;
  }
}
@media (pointer: fine) {
  .mb-related-item {
    transition: color 0.4s;
  }
  .mb-related-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: scaleY(0);
    transform-origin: center bottom;
    background: #e98707;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .mb-related-item:hover {
    color: #fff;
  }
  .mb-related-item:hover:before {
    transform: scaleX(1);
  }
}
.mb-related-item-num {
  position: relative;
  margin: 0 0 5rem 0;
  font-size: 1.4rem;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .mb-related-item-num {
    font-size: 1.8rem;
  }
}
.mb-related-item-num:before {
  content: counter(mb-related-num, decimal-leading-zero);
  counter-increment: mb-related-num;
}
.mb-related-item-title {
  position: relative;
  width: 70%;
}