/* Maple Site Kit — combined block styles. GENERATED by scripts/build-blocks-css.sh (comments stripped for size); edit the per-block style.css sources, not this file. */


.msk-action-pills {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin: 0.75rem 0;
}

.msk-action-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 1rem 0.25rem 0.25rem;
    background-color: #ffffff;
    color: #8a1622;
    border: 2px solid #ac1b23;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.msk-action-pill:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(174, 27, 35, 0.18);
    text-decoration: none;
}
.msk-action-pill:focus-visible {
    outline: 2px solid #ac1b23;
    outline-offset: 2px;
}

.msk-action-pill__icon {
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
}
.msk-action-pill__icon svg { width: 100%; height: 100%; display: block; }
.msk-action-pill__icon-bg { fill: #ac1b23; }
.msk-action-pill__icon-fg { stroke: #ffffff; }

.msk-action-pill__label { white-space: nowrap; }

@media (prefers-reduced-motion: reduce) {
    .msk-action-pill { transition: none; }
    .msk-action-pill:hover { transform: none; }
}


.msk-action-pills--editor { padding: 0.25rem; }




.msk-app-badges {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.85rem;
}

.msk-app-badges--center { justify-content: center; }
.msk-app-badges--right { justify-content: flex-end; }

.msk-app-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	min-width: 9.5rem;
	padding: 0.55rem 1.1rem;
	border: 1px solid #000;
	border-radius: 0.75rem;
	background: #000;
	color: #fff;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.msk-app-badge:hover,
.msk-app-badge:focus-visible {
	transform: translateY(-2px);
	box-shadow: var( --msk-shadow-lg, 0 10px 30px rgba( 0, 0, 0, 0.18 ) );
}

.msk-app-badge__glyph {
	display: inline-flex;
	flex: none;
}

.msk-app-badge__glyph svg {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
}

.msk-app-badge__text {
	display: flex;
	flex-direction: column;
	text-align: left;
	line-height: 1.05;
}

.msk-app-badge__line1 {
	font-size: 0.6875rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	opacity: 0.92;
}

.msk-app-badge__line2 {
	font-size: 1.15rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}


.msk-app-badge--img {
	min-width: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.msk-app-badge__img {
	display: block;
	height: 3.25rem;
	width: auto;
}





.msk-book-reader {
	max-inline-size: 22rem;
	margin-inline: auto;
}
.msk-book-reader__cover {
	display: block;
	position: relative;
	inline-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}
.msk-book-reader__cover-img,
.msk-book-reader__cover img {
	display: block;
	inline-size: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 0.4rem;
	background: #e9e2d6;
	box-shadow: 0 1rem 2.5rem rgba( 0, 0, 0, 0.22 );
}
.msk-book-reader__cover:focus-visible {
	outline: 3px solid #8a1622;
	outline-offset: 3px;
}
.msk-book-reader__hint {
	position: absolute;
	inset-block-end: 1rem;
	inset-inline: 0;
	margin-inline: auto;
	inline-size: fit-content;
	max-inline-size: calc( 100% - 1.5rem );
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 0.9rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #ffffff;
	background: rgba( 8, 8, 10, 0.72 );
	border: 1px solid rgba( 255, 255, 255, 0.35 );
	border-radius: 999px;
	pointer-events: none;
}


.msk-book-reader__lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: clamp( 1rem, 4vw, 3rem );
	background: rgba( 244, 238, 225, 0.97 );
}
.msk-book-reader__lightbox.is-open {
	display: flex;
}
.msk-book-reader__stage {
	inline-size: 100%;
	max-inline-size: 42rem;
	max-block-size: 86vh;
	overflow-y: auto;
	background: #fffdf8;
	border: 1px solid #e6dfd0;
	border-radius: 0.5rem;
	box-shadow: 0 1.5rem 3.5rem rgba( 0, 0, 0, 0.18 );
	padding: clamp( 1.75rem, 4vw, 3.5rem );
}
.msk-book-reader__page {
	display: none;
}
.msk-book-reader__page.is-active {
	display: block;
}
.msk-book-reader__page-inner {
	font-family: var( --msk-serif, Georgia, 'Times New Roman', serif );
	color: #1a1a1a;
	font-size: clamp( 1.0625rem, 1.3vw, 1.2rem );
	line-height: 1.85;
}
.msk-book-reader__page-inner > :first-child {
	margin-block-start: 0;
}
.msk-book-reader__page-inner > :last-child {
	margin-block-end: 0;
}


.msk-book-reader__close,
.msk-book-reader__nav {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 3rem;
	block-size: 3rem;
	padding: 0;
	color: #ffffff;
	background: rgba( 20, 20, 22, 0.82 );
	border: 2px solid rgba( 255, 255, 255, 0.4 );
	border-radius: 999px;
	cursor: pointer;
}
.msk-book-reader__close {
	inset-block-start: clamp( 0.75rem, 2vw, 1.5rem );
	inset-inline-end: clamp( 0.75rem, 2vw, 1.5rem );
	font-size: 2rem;
	line-height: 1;
}
.msk-book-reader__nav {
	inset-block-start: 50%;
	transform: translateY( -50% );
	font-size: 2.25rem;
	line-height: 1;
}
.msk-book-reader__nav--prev {
	inset-inline-start: clamp( 0.5rem, 2vw, 1.5rem );
}
.msk-book-reader__nav--next {
	inset-inline-end: clamp( 0.5rem, 2vw, 1.5rem );
}
.msk-book-reader__close:hover,
.msk-book-reader__close:focus-visible,
.msk-book-reader__nav:hover,
.msk-book-reader__nav:focus-visible {
	background: rgba( 20, 20, 22, 0.96 );
	outline: none;
}
.msk-book-reader__nav[disabled] {
	opacity: 0.35;
	cursor: default;
}
.msk-book-reader__nav[hidden] {
	display: none;
}
.msk-book-reader__count {
	position: fixed;
	inset-block-end: clamp( 0.75rem, 2vw, 1.25rem );
	inset-inline: 0;
	margin: 0;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 700;
	color: #4b4b45;
}


.msk-book-reader--editor {
	max-inline-size: none;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.5rem;
	align-items: start;
	padding: 1rem;
	border: 1px dashed #cbb8a8;
	border-radius: 0.5rem;
}
.msk-book-reader__editor-cover {
	inline-size: 8rem;
}
.msk-book-reader__editor-cover img {
	inline-size: 100%;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	border-radius: 0.3rem;
}
.msk-book-reader__editor-coverph {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 8rem;
	aspect-ratio: 2 / 3;
	background: #f0e9dd;
	border-radius: 0.3rem;
	color: #8a7a66;
	font-size: 0.8rem;
}
.msk-book-reader__editor-label {
	margin: 0 0 0.5rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #565650;
}


.msk-book-reader__page--editor {
	display: block;
}

.msk-book-reader__page--editor + .msk-book-reader__page--editor {
	margin-block-start: 1rem;
	padding-block-start: 1rem;
	border-block-start: 1px dashed #cbb8a8;
}
.msk-book-reader__editor-pdfname {
	margin: 0;
	font-family: var( --msk-mono, ui-monospace, SFMono-Regular, Menlo, monospace );
	font-size: 0.8rem;
	color: #1a1a1a;
	word-break: break-all;
}



.msk-book-reader__stage--pdf {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	max-inline-size: min( 60rem, 100% );
	max-block-size: 88vh;
	padding: clamp( 0.5rem, 2vw, 1.5rem );
	background: none;
	border: 0;
	box-shadow: none;
	overflow: auto;
}
.msk-book-reader__pdfpage {
	position: relative;
	margin-inline: auto;
	flex: none;
	background: #ffffff;
	border-radius: 0.25rem;
	box-shadow: 0 1.5rem 3.5rem rgba( 0, 0, 0, 0.18 );
}
.msk-book-reader__pdfpage[hidden] {
	display: none;
}
.msk-book-reader__canvas {
	display: block;
	max-inline-size: 100%;
	block-size: auto;
	border-radius: 0.25rem;
}
.msk-book-reader__status,
.msk-book-reader__error {
	margin: 0;
	text-align: center;
	font-size: 0.95rem;
	color: #4b4b45;
}
.msk-book-reader__status[hidden],
.msk-book-reader__error[hidden] {
	display: none;
}
.msk-book-reader__error a {
	color: #8a1622;
	font-weight: 700;
}
.msk-book-reader__download {
	position: fixed;
	inset-block-end: clamp( 0.75rem, 2vw, 1.25rem );
	inset-inline-start: clamp( 0.75rem, 2vw, 1.5rem );
	font-size: 0.8rem;
	font-weight: 700;
	color: #4b4b45;
	text-decoration: underline;
}
.msk-book-reader__download:focus-visible {
	outline: 3px solid #8a1622;
	outline-offset: 3px;
}


.msk-book-reader__textlayer {
	position: absolute;
	inset: 0;
	overflow: clip;
	opacity: 1;
	line-height: 1;
	text-align: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-size-adjust: none;
	forced-color-adjust: none;
	transform-origin: 0 0;
	caret-color: CanvasText;
	color-scheme: only light;
	z-index: 0;
	--min-font-size: 1;
	--text-scale-factor: calc( var( --total-scale-factor ) * var( --min-font-size ) );
	--min-font-size-inv: calc( 1 / var( --min-font-size ) );
	
	--scale-round-x: 1px;
	--scale-round-y: 1px;
}
.msk-book-reader__textlayer span,
.msk-book-reader__textlayer br {
	position: absolute;
	color: transparent;
	white-space: pre;
	cursor: text;
	transform-origin: 0% 0%;
	user-select: text;
}
.msk-book-reader__textlayer > :not( .markedContent ),
.msk-book-reader__textlayer .markedContent span:not( .markedContent ) {
	z-index: 1;
	--font-height: 0;
	--scale-x: 1;
	--rotate: 0deg;
	font-size: calc( var( --text-scale-factor ) * var( --font-height ) );
	transform: rotate( var( --rotate ) ) scaleX( var( --scale-x ) ) scale( var( --min-font-size-inv ) );
}
.msk-book-reader__textlayer .markedContent {
	display: contents;
}
.msk-book-reader__textlayer span[role='img'] {
	user-select: none;
	cursor: default;
}
.msk-book-reader__textlayer ::selection {
	background: rgba( 0, 0, 255, 0.25 );
	color: transparent;
}
.msk-book-reader__textlayer br::selection {
	background: transparent;
}
.msk-book-reader__textlayer .endOfContent {
	display: block;
	position: absolute;
	inset: 100% 0 0;
	z-index: 0;
	cursor: default;
	user-select: none;
}




.msk-category-spotlights {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2.5rem);
}

.msk-category-spotlight {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
    padding: clamp(1.25rem, 2.5vw, 2rem);
    border-radius: var(--msk-radius-lg, 1rem);
    background: var(--msk-color-surface-alt, #f5f4f2);
}

.msk-category-spotlight--media-right .msk-category-spotlight__media {
    order: 2;
}

.msk-category-spotlight__media {
    display: block;
    overflow: hidden;
    border-radius: var(--msk-radius-md, 0.75rem);
    aspect-ratio: 4 / 3;
    background: var(--msk-color-border, #e5e2de);
}

.msk-category-spotlight__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--msk-duration-slow, 0.4s) var(--msk-ease-out);
}

.msk-category-spotlight:hover .msk-category-spotlight__img {
    transform: scale(1.03);
}


.msk-category-spotlight__img--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(150deg, #3a3644 0%, #2a2731 100%);
    color: #ffffff;
    font-size: clamp(3rem, 8vw, 5rem);
    font-weight: 900;
    line-height: 1;
}

.msk-category-spotlight__eyebrow {
    margin: 0 0 0.5rem;
    font-size: 0.8125rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--msk-woo-accent, var(--msk-color-accent, #991b1b));
}

.msk-category-spotlight__title {
    margin: 0 0 0.75rem;
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 900;
    line-height: 1.1;
}

.msk-category-spotlight__title a {
    color: inherit;
    text-decoration: none;
}

.msk-category-spotlight__title a:hover {
    text-decoration: underline;
}

.msk-category-spotlight__desc {
    margin: 0 0 1.5rem;
    font-size: 1.05rem;
    line-height: 1.7;
    color: var(--msk-color-text-secondary, #5b5563);
}

.msk-category-spotlight__cta {
    display: inline-block;
    padding: 0.85rem 1.6rem;
    border-radius: 999px;
    background: var(--msk-woo-accent, var(--msk-color-accent, #991b1b));
    color: var(--msk-woo-button-text, #ffffff);
    font-weight: 700;
    text-decoration: none;
    transition: filter var(--msk-duration-fast, 0.2s) var(--msk-ease-out);
}

.msk-category-spotlight__cta:hover {
    filter: brightness(0.92);
    color: var(--msk-woo-button-text, #ffffff);
}


@media (max-width: 781px) {
    .msk-category-spotlight {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
    }

    .msk-category-spotlight--media-right .msk-category-spotlight__media {
        order: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .msk-category-spotlight__img,
    .msk-category-spotlight__cta {
        transition: none;
    }

    .msk-category-spotlight:hover .msk-category-spotlight__img {
        transform: none;
    }
}



.msk-spotlight-row {
    margin-bottom: 1.25rem;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.msk-spotlight-row__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
}

.msk-spotlight-row__media {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin: 0.75rem 0;
}

.msk-spotlight-row__thumb {
    width: 100%;
    height: 90px;
    object-fit: cover;
    border-radius: 3px;
}

.msk-spotlight-row__url {
    margin-bottom: 0.75rem;
}




.msk-contact-collab { padding: var(--msk-space-4, 1rem); }



.msk-contact-collab__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); position: relative; }

.msk-contact-collab__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-12, 3rem); align-items: start; }



.msk-contact-collab__left { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }

.msk-contact-collab__headline { font-size: clamp(2rem, 4.5vw, 3.25rem); font-weight: 700; color: inherit; margin: 0; line-height: 1.15; }

.msk-contact-collab__subtitle { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.6; margin: 0; }
.msk-contact-collab__email { color: inherit; text-decoration: underline; text-underline-offset: 3px; margin-inline-start: var(--msk-space-1, 0.25rem); transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-collab__email:hover { color: #000; }

.msk-contact-collab__illustration { inline-size: 100%; max-inline-size: 480px; block-size: auto; margin-block-start: var(--msk-space-4, 1rem); }



.msk-contact-collab__right { display: flex; flex-direction: column; }

.msk-contact-collab__form { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }

.msk-contact-collab__field { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); }

.msk-contact-collab__label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: inherit; }
.msk-contact-collab__required { color: #7b2020; }

.msk-contact-collab__input,
.msk-contact-collab__textarea { inline-size: 100%; padding: var(--msk-space-2, 0.5rem) 0; font-size: var(--msk-font-size-sm, 0.875rem); font-family: inherit; color: inherit; background: transparent; border: none; border-block-end: 1px solid rgba(0,0,0,0.4); outline: none; box-sizing: border-box; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-collab__input::placeholder,
.msk-contact-collab__textarea::placeholder { color: inherit; opacity: 0.4; }
.msk-contact-collab__input:focus,
.msk-contact-collab__textarea:focus { border-color: rgba(0,0,0,0.5); }
.msk-contact-collab__textarea { resize: vertical; min-block-size: 40px; }



.msk-contact-collab__services { border: none; margin: 0; padding: 0; }
.msk-contact-collab__services legend { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: inherit; margin-block-end: var(--msk-space-3, 0.75rem); }

.msk-contact-collab__checkbox-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-2, 0.5rem) var(--msk-space-6, 1.5rem); }

.msk-contact-collab__checkbox { display: flex; align-items: center; gap: var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; cursor: pointer; }
.msk-contact-collab__checkbox input { inline-size: 16px; block-size: 16px; cursor: pointer; flex-shrink: 0; }



.msk-contact-collab__submit { display: inline-flex; align-items: center; justify-content: center; padding: var(--msk-space-3, 0.75rem) var(--msk-space-8, 2rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 600; font-family: inherit; color: #fff; border: none; border-radius: var(--msk-radius-md, 0.5rem); cursor: pointer; align-self: flex-start; margin-block-start: var(--msk-space-2, 0.5rem); transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-collab__submit:hover { opacity: 0.9; }



.msk-contact-collab--v2 { padding: 0; }



@media (max-width: 782px) {
    .msk-contact-collab { padding: var(--msk-space-4, 1rem); }
    .msk-contact-collab__card { padding: var(--msk-space-6, 1.5rem); }
    .msk-contact-collab__grid { grid-template-columns: 1fr; }
    .msk-contact-collab__checkbox-grid { grid-template-columns: 1fr; }
}



.msk-contact-collab__decor { position: absolute; top: 0; right: 0; width: 45%; height: auto; opacity: 0.08; pointer-events: none; color: currentColor; }




.msk-contact-collab--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-contact-collab__editor-input-bar { inline-size: 100%; padding: var(--msk-space-2, 0.5rem) 0; border-block-end: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; }
.msk-contact-collab__editor-textarea-bar { inline-size: 100%; padding: var(--msk-space-2, 0.5rem) 0; padding-block-end: 3rem; border-block-end: 1px solid rgba(0,0,0,0.2); box-sizing: border-box; }
.msk-contact-collab__editor-input-placeholder { font-size: var(--msk-font-size-sm, 0.875rem); color: #888; }


.msk-contact-collab__editor-illustration-placeholder { display: flex; align-items: center; justify-content: center; inline-size: 100%; block-size: 140px; background: rgba(0,0,0,0.06); border-radius: var(--msk-radius-md, 0.5rem); margin-block-start: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); color: #777; }


.msk-contact-collab__editor-services { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }


.msk-contact-collab__editor-checkbox-box { display: inline-block; inline-size: 16px; block-size: 16px; border: 1.5px solid rgba(0,0,0,0.3); border-radius: 3px; flex-shrink: 0; }


.msk-contact-collab__editor-checkbox-placeholder { opacity: 0.5; }



.wp-block-cover.msk-square-cover { aspect-ratio: 1 / 1; }



@media (prefers-reduced-motion: reduce) {
    .msk-contact-collab__email,
    .msk-contact-collab__input,
    .msk-contact-collab__textarea,
    .msk-contact-collab__submit { transition: none; }
}


.msk-contact-collab .maple-form__input,
.msk-contact-collab .maple-form__input--textarea {
    padding: var(--msk-space-2, 0.5rem) 0;
    font-size: var(--msk-font-size-sm, 0.875rem);
    background: transparent;
    border: none;
    border-radius: 0;
    border-block-end: 1px solid rgba(0,0,0,0.4);
    outline: none;
    transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
}
.msk-contact-collab .maple-form__input:focus,
.msk-contact-collab .maple-form__input--textarea:focus { border-color: rgba(0,0,0,0.7); }
.msk-contact-collab .maple-form__choices { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-2, 0.5rem) var(--msk-space-6, 1.5rem); }
.msk-contact-collab .maple-form__button {
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-8, 2rem);
    color: #fff;
    background: #8a1622;
    border-radius: var(--msk-radius-md, 0.5rem);
}




.msk-contact-editorial { padding: var(--msk-space-4, 1rem); }
.msk-contact-editorial__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; color: rgba(255,255,255,0.7); }



.msk-contact-editorial__decor { position: absolute; top: 0; right: 0; width: 55%; height: 100%; pointer-events: none; opacity: 0.08; color: #fff; }



.msk-contact-editorial__header { display: flex; justify-content: space-between; align-items: flex-start; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem) 0; }

.msk-contact-editorial__headline { font-size: clamp(3rem, 9vw, 7.5rem); font-weight: 700; color: #fff; margin: 0; line-height: 0.95; text-transform: uppercase; letter-spacing: -0.02em; flex: 1; }

.msk-contact-editorial__image-wrap { flex-shrink: 0; inline-size: clamp(120px, 14vw, 200px); aspect-ratio: 3 / 4; overflow: hidden; margin-inline-start: var(--msk-space-8, 2rem); }
.msk-contact-editorial__image { inline-size: 100%; block-size: 100%; object-fit: cover; filter: grayscale(1); }



.msk-contact-editorial__body { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem); }


.msk-contact-editorial__left { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); justify-content: space-between; }

.msk-contact-editorial__email { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: rgba(255,255,255,0.9); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-editorial__email:hover { color: #fff; }

.msk-contact-editorial__desc { font-size: var(--msk-font-size-xs, 0.75rem); line-height: var(--msk-leading-normal, 1.6); color: rgba(255,255,255,0.65); margin: 0; max-inline-size: 380px; text-transform: uppercase; letter-spacing: 0.5px; }

.msk-contact-editorial__cta { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 500; color: rgba(180,200,120,0.9); text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-editorial__cta:hover { color: #fff; }


.msk-contact-editorial__right { display: flex; flex-direction: column; gap: var(--msk-space-8, 2rem); }

.msk-contact-editorial__phones { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); }
.msk-contact-editorial__phone { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: rgba(255,255,255,0.9); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-editorial__phone:hover { color: #fff; }

.msk-contact-editorial__locations { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); }
.msk-contact-editorial__location { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }
.msk-contact-editorial__location-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: rgba(255,255,255,0.9); margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.msk-contact-editorial__location-body { font-size: var(--msk-font-size-xs, 0.75rem); line-height: var(--msk-leading-normal, 1.6); color: rgba(255,255,255,0.65); margin: 0; max-inline-size: 320px; text-transform: uppercase; letter-spacing: 0.5px; }



.msk-contact-editorial__footer { display: flex; justify-content: space-between; align-items: flex-end; padding: var(--msk-space-6, 1.5rem) var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem); }

.msk-contact-editorial__socials { display: flex; flex-wrap: wrap; gap: var(--msk-space-5, 1.25rem); align-items: flex-end; }
.msk-contact-editorial__social-link { font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: rgba(255,255,255,0.65); transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-editorial__social-link:hover { color: #fff; }
.msk-contact-editorial__social-link span { font-size: 0.85em; margin-inline-start: 2px; }

.msk-contact-editorial__copyright { display: flex; align-items: center; gap: var(--msk-space-1, 0.25rem); line-height: 1; }
.msk-contact-editorial__copyright-symbol { font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 300; color: rgba(255,255,255,0.9); line-height: 0.8; }
.msk-contact-editorial__copyright-year { font-size: clamp(3rem, 6vw, 5.5rem); font-weight: 700; color: rgba(255,255,255,0.9); line-height: 0.8; }



.msk-contact-editorial--v2 { padding: 0; }



@media (max-width: 782px) {
    .msk-contact-editorial__header { flex-direction: column; gap: var(--msk-space-6, 1.5rem); }
    .msk-contact-editorial__image-wrap { inline-size: 100%; aspect-ratio: 16 / 9; margin-inline-start: 0; }
    .msk-contact-editorial__body { grid-template-columns: 1fr; }
    .msk-contact-editorial__footer { flex-direction: column; align-items: flex-start; gap: var(--msk-space-6, 1.5rem); }
}





.msk-contact-editorial--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-contact-editorial--editor a,
.msk-contact-editorial--editor .msk-contact-editorial__email,
.msk-contact-editorial--editor .msk-contact-editorial__cta,
.msk-contact-editorial--editor .msk-contact-editorial__phone,
.msk-contact-editorial--editor .msk-contact-editorial__social-link { pointer-events: none; }


.msk-contact-editorial__placeholder,
.msk-contact-editorial__editor-placeholder { font-size: var(--msk-font-size-xs, 0.75rem); color: rgba(255,255,255,0.3); font-style: italic; }

.msk-contact-editorial__placeholder { font-size: clamp(2rem, 6vw, 5rem); font-style: normal; font-weight: 700; color: rgba(255,255,255,0.2); line-height: 0.95; text-transform: uppercase; letter-spacing: -0.02em; }



@media (prefers-reduced-motion: reduce) {
    .msk-contact-editorial__email,
    .msk-contact-editorial__cta,
    .msk-contact-editorial__phone,
    .msk-contact-editorial__social-link { transition: none; }
}




.msk-contact-hub { padding: var(--msk-space-4, 1rem); }
.msk-contact-hub__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; }



.msk-contact-hub__header { padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem) var(--msk-space-6, 1.5rem); }
.msk-contact-hub__headline { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 700; color: inherit; margin: 0 0 var(--msk-space-2, 0.5rem); line-height: 1.2; }
.msk-contact-hub__subtitle { font-size: var(--msk-font-size-base, 1rem); color: inherit; opacity: 0.6; margin: 0; }



.msk-contact-hub__layout { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: var(--msk-space-4, 1rem); margin: 0 var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem); border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-4, 1rem); border: 1px solid rgba(0,0,0,0.08); }



.msk-contact-hub__side { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }

.msk-contact-hub__card { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); padding: var(--msk-space-5, 1.25rem); border-radius: var(--msk-radius-md, 0.5rem); border: 1px solid rgba(0,0,0,0.08); background: #fff; flex: 1; }
.msk-contact-hub__card-title { font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: inherit; margin: 0; }
.msk-contact-hub__card-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.6; margin: 0; line-height: var(--msk-leading-normal, 1.6); }
.msk-contact-hub__card-btn { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-5, 1.25rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; background: #111; border-radius: var(--msk-radius-full, 9999px); text-decoration: none; margin-block-start: auto; align-self: flex-start; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-hub__card-btn:hover { background: #333; }
.msk-contact-hub__card-btn span { font-size: 0.85em; }



.msk-contact-hub__form-col { padding: var(--msk-space-5, 1.25rem) var(--msk-space-4, 1rem); }
.msk-contact-hub__form-title { font-size: clamp(1.125rem, 2vw, 1.5rem); font-weight: 700; color: inherit; margin: 0 0 var(--msk-space-5, 1.25rem); }

.msk-contact-hub__form { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }

.msk-contact-hub__field { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); }
.msk-contact-hub__label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: inherit; }

.msk-contact-hub__input,
.msk-contact-hub__select,
.msk-contact-hub__textarea { inline-size: 100%; padding: var(--msk-space-3, 0.75rem); font-size: var(--msk-font-size-sm, 0.875rem); font-family: inherit; color: inherit; background: #fff; border: 1px solid rgba(0,0,0,0.4); border-radius: var(--msk-radius-md, 0.5rem); outline: none; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); box-sizing: border-box; }
.msk-contact-hub__input::placeholder,
.msk-contact-hub__textarea::placeholder { color: inherit; opacity: 0.4; }
.msk-contact-hub__input:focus,
.msk-contact-hub__select:focus,
.msk-contact-hub__textarea:focus { border-color: rgba(0,0,0,0.4); }

.msk-contact-hub__select { appearance: auto; cursor: pointer; }
.msk-contact-hub__textarea { resize: vertical; min-block-size: 100px; }

.msk-contact-hub__privacy { display: flex; align-items: flex-start; gap: var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-xs, 0.75rem); color: inherit; opacity: 0.6; cursor: pointer; }
.msk-contact-hub__privacy input { margin-block-start: 2px; flex-shrink: 0; }

.msk-contact-hub__submit { display: inline-flex; align-items: center; justify-content: center; gap: var(--msk-space-2, 0.5rem); inline-size: 100%; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 600; font-family: inherit; color: #fff; border: none; border-radius: var(--msk-radius-full, 9999px); cursor: pointer; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-hub__submit:hover { opacity: 0.9; }



.msk-contact-hub--v2 { padding: 0; }
.msk-contact-hub--v2 .msk-contact-hub__header { padding: var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem) var(--msk-space-6, 1.5rem); }
.msk-contact-hub--v2 .msk-contact-hub__layout { margin: 0 var(--msk-space-8, 2rem) var(--msk-space-8, 2rem); }



@media (max-width: 782px) {
    .msk-contact-hub__layout { grid-template-columns: 1fr; }
    .msk-contact-hub__side--left { order: 2; }
    .msk-contact-hub__form-col { order: 1; }
    .msk-contact-hub__side--right { order: 3; }
}



.msk-contact-hub__decor { position: absolute; top: 0; right: 0; width: 50%; height: 100%; pointer-events: none; opacity: 0.07; }



.msk-contact-hub--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-contact-hub__editor-header { padding: var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem) var(--msk-space-4, 1rem); }
.msk-contact-hub__editor-headline { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; color: #111; margin: 0 0 0.375rem; line-height: 1.2; }
.msk-contact-hub__editor-subtitle { font-size: 0.9375rem; color: #525252; margin: 0; }


.msk-contact-hub__editor-layout { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: var(--msk-space-4, 1rem); margin: 0 var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem); border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-4, 1rem); border: 1px solid rgba(0,0,0,0.08); position: relative; overflow: hidden; }


.msk-contact-hub__editor-side { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-contact-hub__editor-side-empty { display: flex; align-items: center; justify-content: center; min-height: 80px; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(0,0,0,0.68); border: 1px dashed rgba(0,0,0,0.15); border-radius: var(--msk-radius-md, 0.5rem); }


.msk-contact-hub__editor-card { display: flex; flex-direction: column; gap: 0.375rem; padding: var(--msk-space-4, 1rem); background: #fff; border: 1px solid rgba(0,0,0,0.08); border-radius: var(--msk-radius-md, 0.5rem); flex: 1; }
.msk-contact-hub__editor-card-title { font-size: 0.8125rem; font-weight: 700; color: #111; }
.msk-contact-hub__editor-card-desc  { font-size: 0.75rem; color: #525252; line-height: 1.5; }
.msk-contact-hub__editor-card-btn   { font-size: 0.6875rem; font-weight: 600; color: #fff; background: #111; border-radius: 9999px; padding: 0.3rem 0.75rem; display: inline-block; margin-top: auto; align-self: flex-start; }


.msk-contact-hub__editor-form-col { padding: var(--msk-space-4, 1rem) var(--msk-space-3, 0.75rem); display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-contact-hub__editor-form-title { font-size: 1rem; font-weight: 700; color: #111; margin: 0 0 0.25rem; }


.msk-contact-hub__editor-field { display: flex; flex-direction: column; gap: 0.2rem; }
.msk-contact-hub__editor-label { font-size: 0.6875rem; font-weight: 600; color: #222; }
.msk-contact-hub__editor-input-mock { font-size: 0.75rem; color: #9ca3af; background: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: var(--msk-radius-md, 0.5rem); padding: 0.45rem 0.625rem; }
.msk-contact-hub__editor-select-mock { display: flex; justify-content: space-between; }
.msk-contact-hub__editor-textarea-mock { font-size: 0.75rem; color: #9ca3af; background: #fff; border: 1px solid rgba(0,0,0,0.15); border-radius: var(--msk-radius-md, 0.5rem); padding: 0.45rem 0.625rem; min-height: 72px; }


.msk-contact-hub__editor-privacy { display: flex; align-items: flex-start; gap: 0.4rem; }
.msk-contact-hub__editor-checkbox { display: inline-block; width: 12px; height: 12px; border: 1px solid rgba(0,0,0,0.3); border-radius: 2px; flex-shrink: 0; margin-top: 1px; }
.msk-contact-hub__editor-privacy-text { font-size: 0.6875rem; color: #525252; line-height: 1.4; }


.msk-contact-hub__editor-submit { display: flex; align-items: center; justify-content: center; gap: 0.375rem; border-radius: 9999px; padding: 0.625rem 1rem; font-size: 0.875rem; font-weight: 600; color: #fff; }



@media (prefers-reduced-motion: reduce) {
    .msk-contact-hub__card-btn,
    .msk-contact-hub__input,
    .msk-contact-hub__select,
    .msk-contact-hub__textarea,
    .msk-contact-hub__submit { transition: none; }
}


.msk-contact-hub .maple-form__input,
.msk-contact-hub .maple-form__input--textarea,
.msk-contact-hub .maple-form__input--select {
    padding: var(--msk-space-3, 0.75rem);
    background: #fff;
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: var(--msk-radius-md, 0.5rem);
}
.msk-contact-hub .maple-form__input--textarea { min-block-size: 100px; }
.msk-contact-hub .maple-form__button {
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem);
    color: #fff;
    border-radius: var(--msk-radius-md, 0.5rem);
}




.msk-contact-section { padding: var(--msk-space-4, 1rem); }
.msk-contact-section__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; color: rgba(255,255,255,0.7); }



.msk-contact-section__decor { position: absolute; top: 0; right: 0; width: 40%; height: 100%; pointer-events: none; opacity: 0.10; color: #fff; z-index: 0; }



.msk-contact-section__watermark { position: absolute; inset-block-start: -0.15em; inset-inline-start: 50%; transform: translateX(-50%); font-size: clamp(4rem, 12vw, 10rem); font-weight: 700; color: rgba(255,255,255,0.04); white-space: nowrap; pointer-events: none; line-height: 1; user-select: none; }



.msk-contact-section__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); position: relative; z-index: 1; }



.msk-contact-section__info { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); padding-block-start: var(--msk-space-6, 1.5rem); }

.msk-contact-section__headline { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 700; color: #fff; margin: 0; line-height: 1.2; }
.msk-contact-section__arrow { display: inline-block; font-size: 0.75em; margin-inline-start: var(--msk-space-2, 0.5rem); }

.msk-contact-section__desc { font-size: var(--msk-font-size-sm, 0.875rem); line-height: var(--msk-leading-normal, 1.6); color: rgba(255,255,255,0.65); margin: 0; max-inline-size: 420px; white-space: pre-line; }


.msk-contact-section__features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-contact-section__feature { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.65); }
.msk-contact-section__check { display: inline-flex; align-items: center; justify-content: center; inline-size: 28px; block-size: 28px; border-radius: var(--msk-radius-md, 0.5rem); background: rgba(255,255,255,0.08); color: rgba(100,200,255,0.9); flex-shrink: 0; }


.msk-contact-section__socials { display: flex; gap: var(--msk-space-3, 0.75rem); margin-block-start: var(--msk-space-2, 0.5rem); }
.msk-contact-section__social-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 38px; block-size: 38px; border-radius: var(--msk-radius-md, 0.5rem); background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); text-decoration: none; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-section__social-icon:hover { background: rgba(255,255,255,0.15); color: #fff; }



.msk-contact-section__form-wrap { border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-6, 1.5rem); }

.msk-contact-section__form { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-contact-section__form-row { display: flex; gap: var(--msk-space-4, 1rem); }

.msk-contact-section__input,
.msk-contact-section__textarea { inline-size: 100%; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); font-family: inherit; color: rgba(255,255,255,0.8); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.4); border-radius: var(--msk-radius-md, 0.5rem); outline: none; box-sizing: border-box; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-section__input::placeholder,
.msk-contact-section__textarea::placeholder { color: rgba(255,255,255,0.65); }
.msk-contact-section__input:focus,
.msk-contact-section__textarea:focus { border-color: rgba(255,255,255,0.6); }

.msk-contact-section__textarea { resize: vertical; min-block-size: 120px; }


.msk-contact-section__submit { inline-size: 100%; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 600; font-family: inherit; color: #ffffff; border: none; border-radius: var(--msk-radius-md, 0.5rem); cursor: pointer; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-contact-section__submit:hover { opacity: 0.9; }



.msk-contact-section__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--msk-space-4, 1rem); padding: 0 var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem); position: relative; z-index: 1; }

.msk-contact-section__card { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); padding: var(--msk-space-5, 1.25rem); border-radius: var(--msk-radius-lg, 1rem); border: 1px solid rgba(255,255,255,0.06); }
.msk-contact-section__card-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 36px; border-radius: var(--msk-radius-md, 0.5rem); color: rgba(255,255,255,0.7); }
.msk-contact-section__card-label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: rgba(255,255,255,0.95); margin: 0; }
.msk-contact-section__card-value { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.65); text-decoration: none; }
a.msk-contact-section__card-value { transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
a.msk-contact-section__card-value:hover { color: #fff; }



.msk-contact-section--v2 { padding: 0; }



@media (max-width: 782px) {
    .msk-contact-section__grid { grid-template-columns: 1fr; }
    .msk-contact-section__form-row { flex-direction: column; }
    .msk-contact-section__cards { grid-template-columns: 1fr; }
}




.msk-contact-section--editor { border-radius: var(--msk-radius-xl, 1.5rem); min-height: 420px; display: flex; flex-direction: column; }


.msk-contact-section__editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); position: relative; z-index: 1; }


.msk-contact-section__editor-info { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); padding-block-start: var(--msk-space-6, 1.5rem); }
.msk-contact-section__editor-headline { font-size: clamp(1.5rem, 3.5vw, 2.25rem); font-weight: 700; color: #fff; margin: 0; line-height: 1.2; }
.msk-contact-section__editor-desc { font-size: var(--msk-font-size-sm, 0.875rem); line-height: 1.6; color: rgba(255,255,255,0.65); margin: 0; max-inline-size: 380px; white-space: pre-line; }


.msk-contact-section__editor-features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-contact-section__editor-feature { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.65); }
.msk-contact-section__editor-check { display: inline-flex; align-items: center; justify-content: center; inline-size: 22px; block-size: 22px; border-radius: var(--msk-radius-md, 0.5rem); background: rgba(255,255,255,0.08); color: rgba(100,200,255,0.9); flex-shrink: 0; }


.msk-contact-section__editor-socials { display: flex; gap: var(--msk-space-2, 0.5rem); flex-wrap: wrap; }
.msk-contact-section__editor-social-icon { display: inline-flex; align-items: center; justify-content: center; min-inline-size: 32px; block-size: 32px; padding: 0 6px; border-radius: var(--msk-radius-md, 0.5rem); background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7); font-size: 10px; font-weight: 700; }


.msk-contact-section__editor-form-wrap { border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-6, 1.5rem); display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-contact-section__editor-form-row { display: flex; gap: var(--msk-space-4, 1rem); }
.msk-contact-section__editor-input-mock { flex: 1; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--msk-radius-md, 0.5rem); }
.msk-contact-section__editor-textarea-mock { padding: var(--msk-space-4, 1rem); min-block-size: 100px; font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.45); background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--msk-radius-md, 0.5rem); }
.msk-contact-section__editor-submit-mock { inline-size: 100%; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 600; border-radius: var(--msk-radius-md, 0.5rem); text-align: center; }


.msk-contact-section__editor-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--msk-space-4, 1rem); padding: 0 var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem); position: relative; z-index: 1; }
.msk-contact-section__editor-card { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-5, 1.25rem); border-radius: var(--msk-radius-lg, 1rem); border: 1px solid rgba(255,255,255,0.06); }
.msk-contact-section__editor-card-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 30px; block-size: 30px; border-radius: var(--msk-radius-md, 0.5rem); color: rgba(255,255,255,0.7); }
.msk-contact-section__editor-card-label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: rgba(255,255,255,0.95); }
.msk-contact-section__editor-card-value { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.55); }


@media (max-width: 782px) {
    .msk-contact-section__editor-grid { grid-template-columns: 1fr; }
    .msk-contact-section__editor-form-row { flex-direction: column; }
    .msk-contact-section__editor-cards { grid-template-columns: 1fr; }
}



@media (prefers-reduced-motion: reduce) {
    .msk-contact-section__social-icon,
    .msk-contact-section__input,
    .msk-contact-section__textarea,
    .msk-contact-section__submit,
    a.msk-contact-section__card-value { transition: none; }
}


.msk-contact-section .maple-form__input,
.msk-contact-section .maple-form__input--textarea {
    padding: var(--msk-space-4, 1rem);
    color: rgba(255,255,255,0.8);
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: var(--msk-radius-md, 0.5rem);
}
.msk-contact-section .maple-form__input::placeholder,
.msk-contact-section .maple-form__input--textarea::placeholder { color: rgba(255,255,255,0.65); }
.msk-contact-section .maple-form__input:focus,
.msk-contact-section .maple-form__input--textarea:focus { border-color: rgba(255,255,255,0.6); }
.msk-contact-section .maple-form__input--textarea { min-block-size: 120px; }
.msk-contact-section .maple-form__button {
    inline-size: 100%;
    padding: var(--msk-space-4, 1rem);
    color: inherit;
    border-radius: var(--msk-radius-md, 0.5rem);
}


.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__label {
    color: #ffffff;
}
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__required {
    
    color: inherit;
}
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input,
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input--textarea,
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input--select {
    color: #1d2327;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.85);
}
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input::placeholder,
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input--textarea::placeholder {
    color: #6b7280;
}
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input:focus,
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input--textarea:focus,
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__input--select:focus {
    border-color: #ffffff;
    outline: 2px solid rgba(255, 255, 255, 0.65);
    outline-offset: 1px;
}


.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__button {
    background: #17151c;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: filter var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
}
.msk-contact-section--v2:not(.msk-form-on-light) .maple-form .maple-form__button:hover {
    background: #17151c;
    filter: brightness(1.35);
}



.msk-emoji {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	vertical-align: -0.125em;
	font-size: 1.5rem;
}

.msk-emoji__glyph {
	display: inline-block;
	font-style: normal;
	line-height: 1;
	font-size: 1em;
}


.msk-emoji--editor {
	cursor: default;
}




.msk-faq-categories { padding: var(--msk-space-4, 1rem); }
.msk-faq-categories__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }



.msk-faq-categories__header { text-align: center; margin-block-end: var(--msk-space-10, 2.5rem); }

.msk-faq-categories__badge { display: inline-block; padding: var(--msk-space-1, 0.25rem) var(--msk-space-3, 0.75rem); font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 600; color: inherit; opacity: 0.7; background: rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.12); border-radius: var(--msk-radius-full, 9999px); margin-block-end: var(--msk-space-3, 0.75rem); }

.msk-faq-categories__headline { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700; color: inherit; margin: 0 0 var(--msk-space-2, 0.5rem); line-height: 1.2; }

.msk-faq-categories__desc { font-size: var(--msk-font-size-base, 1rem); color: inherit; opacity: 0.7; margin: 0; }



.msk-faq-categories__layout { display: grid; grid-template-columns: 240px 1fr; gap: var(--msk-space-10, 2.5rem); align-items: start; }



.msk-faq-categories__sidebar { position: sticky; inset-block-start: var(--msk-space-8, 2rem); }

.msk-faq-categories__sidebar-title { display: block; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; margin-block-end: var(--msk-space-4, 1rem); }

.msk-faq-categories__cat-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }

.msk-faq-categories__cat-btn { display: block; inline-size: 100%; padding: var(--msk-space-3, 0.75rem) var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 500; font-family: inherit; color: inherit; opacity: 0.6; background: none; border: none; border-inline-start: 3px solid transparent; cursor: pointer; text-align: start; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-categories__cat-btn:hover { opacity: 1; }
.msk-faq-categories__cat-btn.is-active { font-weight: 600; opacity: 1; }



.msk-faq-categories__content { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); }

.msk-faq-categories__accordion { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }

.msk-faq-categories__item { background: #f5f5f5; border-radius: var(--msk-radius-md, 0.5rem); border: 2px solid transparent; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-categories__item.is-hidden { display: none; }
.msk-faq-categories__item.is-open { background: #fff; }

.msk-faq-categories__question { display: flex; align-items: center; gap: var(--msk-space-4, 1rem); inline-size: 100%; padding: var(--msk-space-5, 1.25rem); font-family: inherit; font-size: var(--msk-font-size-base, 1rem); font-weight: 600; color: inherit; background: none; border: none; cursor: pointer; text-align: start; }

.msk-faq-categories__q-text { flex: 1; }

.msk-faq-categories__icon { font-size: 1.25rem; color: inherit; opacity: 0.5; flex-shrink: 0; line-height: 1; }

.msk-faq-categories__answer { padding: 0 var(--msk-space-5, 1.25rem) var(--msk-space-5, 1.25rem); }
.msk-faq-categories__answer p { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.75; margin: 0; line-height: var(--msk-leading-normal, 1.6); }



.msk-faq-categories__banner { display: flex; justify-content: space-between; align-items: center; gap: var(--msk-space-4, 1rem); padding: var(--msk-space-5, 1.25rem) var(--msk-space-6, 1.5rem); background: #f5f5f5; border-radius: var(--msk-radius-md, 0.5rem); }

.msk-faq-categories__banner-left { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); }
.msk-faq-categories__banner-icon { display: inline-flex; color: inherit; opacity: 0.5; flex-shrink: 0; }
.msk-faq-categories__banner-hl { display: block; font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: inherit; }
.msk-faq-categories__banner-desc { display: block; font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.75; }

.msk-faq-categories__banner-right { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); flex-shrink: 0; }
.msk-faq-categories__banner-doc { display: inline-flex; color: inherit; opacity: 0.5; }
.msk-faq-categories__banner-btn { display: inline-flex; align-items: center; padding: var(--msk-space-2, 0.5rem) var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #222; background: #fff; border: 1.5px solid rgba(0,0,0,0.2); border-radius: var(--msk-radius-full, 9999px); text-decoration: none; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-categories__banner-btn:hover { border-color: rgba(0,0,0,0.5); }




.msk-faq-categories__answer[hidden] { display: none; }



.msk-faq-categories--v2 { padding: 0; }



@media (max-width: 782px) {
    .msk-faq-categories__layout { grid-template-columns: 1fr; }
    .msk-faq-categories__sidebar { position: static; }
    .msk-faq-categories__cat-list { flex-direction: row; flex-wrap: wrap; gap: var(--msk-space-1, 0.25rem); }
    .msk-faq-categories__cat-btn { border-inline-start: none; border-block-end: 3px solid transparent; padding: var(--msk-space-2, 0.5rem) var(--msk-space-3, 0.75rem); }
    .msk-faq-categories__banner { flex-direction: column; align-items: flex-start; }
}



.msk-faq-categories--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-faq-categories__editor-header { text-align: center; margin-block-end: 1.5rem; }
.msk-faq-categories__editor-badge { display: inline-block; padding: 0.2rem 0.6rem; font-size: 11px; font-weight: 600; color: #555; background: rgba(0,0,0,0.06); border: 1px solid rgba(0,0,0,0.12); border-radius: 9999px; margin-block-end: 0.5rem; }
.msk-faq-categories__editor-hl { font-size: clamp(1.25rem, 3vw, 1.75rem); font-weight: 700; color: #111; margin: 0 0 0.4rem; line-height: 1.2; }
.msk-faq-categories__editor-desc { font-size: 13px; color: #666; margin: 0; }


.msk-faq-categories__editor-layout { display: grid; grid-template-columns: 200px 1fr; gap: 2rem; align-items: start; }


.msk-faq-categories__editor-sidebar { }
.msk-faq-categories__editor-sidebar-title { display: block; font-size: 11px; font-weight: 700; margin-block-end: 0.75rem; }
.msk-faq-categories__editor-cat-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }
.msk-faq-categories__editor-cat-btn { display: block; width: 100%; padding: 0.6rem 0.8rem; font-size: 13px; font-weight: 500; color: #777; border-inline-start: 3px solid transparent; }
.msk-faq-categories__editor-cat-btn.is-active { font-weight: 600; color: #111; }


.msk-faq-categories__editor-content { display: flex; flex-direction: column; gap: 1rem; }
.msk-faq-categories__editor-accordion { display: flex; flex-direction: column; gap: 0.4rem; }
.msk-faq-categories__editor-item { background: #f5f5f5; border-radius: 0.5rem; border: 2px solid transparent; }
.msk-faq-categories__editor-item.is-open { background: #fff; border-color: rgba(0,0,0,0.08); box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
.msk-faq-categories__editor-question { display: flex; align-items: center; gap: 0.75rem; padding: 0.9rem 1rem; }
.msk-faq-categories__editor-q-text { flex: 1; font-size: 13px; font-weight: 600; color: #333; }
.msk-faq-categories__editor-icon { font-size: 1.1rem; color: #777; flex-shrink: 0; }
.msk-faq-categories__editor-answer { padding: 0 1rem 0.9rem; font-size: 12px; color: #666; line-height: 1.6; }
.msk-faq-categories__editor-empty { font-size: 12px; color: #999; font-style: italic; padding: 1rem; text-align: center; }


.msk-faq-categories__editor-banner { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; padding: 0.9rem 1rem; background: #f5f5f5; border-radius: 0.5rem; }
.msk-faq-categories__editor-banner-hl { font-size: 13px; font-weight: 700; color: #111; }
.msk-faq-categories__editor-banner-btn { font-size: 12px; font-weight: 600; color: #222; padding: 0.35rem 0.85rem; border: 1.5px solid rgba(0,0,0,0.2); border-radius: 9999px; }



@media (prefers-reduced-motion: reduce) {
    .msk-faq-categories__cat-btn,
    .msk-faq-categories__item,
    .msk-faq-categories__banner-btn { transition: none; }
}




.msk-faq-grid { padding: var(--msk-space-4, 1rem); }
.msk-faq-grid__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }



.msk-faq-grid__header { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--msk-space-6, 1.5rem); margin-block-end: var(--msk-space-6, 1.5rem); }
.msk-faq-grid__header-left { max-inline-size: 600px; }

.msk-faq-grid__headline { font-size: clamp(1.5rem, 3.5vw, 2.25rem); font-weight: 700; color: inherit; margin: 0 0 var(--msk-space-2, 0.5rem); line-height: 1.2; }
.msk-faq-grid__desc { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.7; margin: 0; line-height: var(--msk-leading-normal, 1.6); }

.msk-faq-grid__cta { display: inline-flex; padding: var(--msk-space-3, 0.75rem) var(--msk-space-5, 1.25rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; border-radius: var(--msk-radius-full, 9999px); text-decoration: none; flex-shrink: 0; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-grid__cta:hover { opacity: 0.9; }



.msk-faq-grid__tabs { display: inline-flex; gap: 0; margin-block-end: var(--msk-space-6, 1.5rem); border: 2px solid rgba(0,0,0,0.12); border-radius: var(--msk-radius-md, 0.5rem); overflow: hidden; max-inline-size: fit-content; }

.msk-faq-grid__tab { padding: var(--msk-space-2, 0.5rem) var(--msk-space-5, 1.25rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 500; font-family: inherit; color: inherit; opacity: 0.6; background: none; border: none; cursor: pointer; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); white-space: nowrap; min-inline-size: 0; }
.msk-faq-grid__tab + .msk-faq-grid__tab { border-inline-start: 1px solid rgba(0,0,0,0.08); }
.msk-faq-grid__tab:hover { opacity: 1; }
.msk-faq-grid__tab.is-active { opacity: 1; font-weight: 700; }



.msk-faq-grid__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--msk-space-4, 1rem); position: relative; }

.msk-faq-grid__item { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-5, 1.25rem); border-radius: var(--msk-radius-md, 0.5rem); border: 2px solid rgba(0,0,0,0.08); cursor: pointer; background: transparent; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-grid__item:hover { background: var(--msk-faq-grid-accent, #8a1622); border-color: #222222; }
.msk-faq-grid__item.is-hidden { display: none; }

.msk-faq-grid__item-icon { display: inline-flex; color: inherit; opacity: 0.5; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-grid__item:hover .msk-faq-grid__item-icon { color: #f6f6f6; opacity: 1; }

.msk-faq-grid__item-q { font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: inherit; margin: 0; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-grid__item:hover .msk-faq-grid__item-q { color: #f6f6f6; }

.msk-faq-grid__item-a { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.75; margin: 0; line-height: var(--msk-leading-normal, 1.6); transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-grid__item:hover .msk-faq-grid__item-a { color: rgba(246,246,246,0.92); opacity: 1; }


.msk-faq-grid__item.is-selected { background: var(--msk-faq-grid-accent, #8a1622); border-color: #222222; }
.msk-faq-grid__item.is-selected .msk-faq-grid__item-icon { color: #f6f6f6; opacity: 1; }
.msk-faq-grid__item.is-selected .msk-faq-grid__item-q { color: #f6f6f6; }
.msk-faq-grid__item.is-selected .msk-faq-grid__item-a { color: rgba(246,246,246,0.92); opacity: 1; }




.msk-faq-grid__answer[hidden] { display: none; }



.msk-faq-grid--v2 { padding: 0; }



@media (max-width: 782px) {
    .msk-faq-grid__header { flex-direction: column; }
    .msk-faq-grid__grid { grid-template-columns: 1fr; }
}



.msk-faq-grid--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-faq-grid__editor-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 1.5rem; margin-block-end: 1rem; }
.msk-faq-grid__editor-header-left { flex: 1; }
.msk-faq-grid__editor-hl { font-size: clamp(1.25rem, 3vw, 1.75rem); font-weight: 700; color: #111; margin: 0 0 0.3rem; line-height: 1.2; }
.msk-faq-grid__editor-desc { font-size: 13px; color: #666; margin: 0; line-height: 1.5; }
.msk-faq-grid__editor-cta { display: inline-flex; padding: 0.5rem 1rem; font-size: 12px; font-weight: 600; color: #fff; border-radius: 9999px; flex-shrink: 0; }


.msk-faq-grid__editor-tabs { display: inline-flex; gap: 0; margin-block-end: 1rem; border: 1px solid rgba(0,0,0,0.12); border-radius: 0.5rem; overflow: hidden; }
.msk-faq-grid__editor-tab { padding: 0.4rem 0.85rem; font-size: 12px; font-weight: 500; color: #777; }
.msk-faq-grid__editor-tab + .msk-faq-grid__editor-tab { border-inline-start: 1px solid rgba(0,0,0,0.08); }
.msk-faq-grid__editor-tab.is-active { color: #111; font-weight: 700; }


.msk-faq-grid__editor-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }
.msk-faq-grid__editor-card { display: flex; flex-direction: column; gap: 0.4rem; padding: 1rem; border-radius: 0.5rem; border: 1px solid rgba(0,0,0,0.07); background: #fafafa; }
.msk-faq-grid__editor-card-icon { display: inline-flex; color: #777; }
.msk-faq-grid__editor-card-q { font-size: 13px; font-weight: 700; color: #111; margin: 0; }
.msk-faq-grid__editor-card-a { font-size: 12px; color: #777; margin: 0; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.msk-faq-grid__editor-empty { font-size: 12px; color: #999; font-style: italic; text-align: center; grid-column: 1 / -1; padding: 1rem; }


.msk-faq-grid__editor-see-all-wrap { text-align: center; margin-block-start: 1rem; }
.msk-faq-grid__editor-see-all { display: inline-flex; padding: 0.5rem 1.25rem; font-size: 12px; font-weight: 600; color: #fff; background: #111; border-radius: 9999px; }



@media (prefers-reduced-motion: reduce) {
    .msk-faq-grid__cta,
    .msk-faq-grid__tab,
    .msk-faq-grid__item,
    .msk-faq-grid__item-icon,
    .msk-faq-grid__item-q,
    .msk-faq-grid__item-a { transition: none; }
}







.msk-faq-section { padding: var(--msk-space-4, 1rem); }


.msk-faq-section__card { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-16, 4rem) var(--msk-space-10, 2.5rem); position: relative; overflow: hidden; }



.msk-faq-section__layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--msk-space-16, 4rem); max-inline-size: 1200px; margin: 0 auto; }



.msk-faq-section__intro { position: sticky; inset-block-start: var(--msk-space-8, 2rem); align-self: start; }

.msk-faq-section__headline { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.1; margin: 0 0 var(--msk-space-6, 1.5rem); }

.msk-faq-section__description { font-size: var(--msk-font-size-base, 1rem); opacity: 0.6; line-height: var(--msk-leading-normal, 1.6); margin: 0; }



.msk-faq-section__accordion { display: flex; flex-direction: column; }

.msk-faq-section__item { border-block-end: 1px solid currentColor; opacity: 0.3; }
.msk-faq-section__item:first-child { border-block-start: 1px solid currentColor; }


.msk-faq-section__question { display: flex; align-items: center; justify-content: space-between; gap: var(--msk-space-4, 1rem); inline-size: 100%; padding: var(--msk-space-6, 1.5rem) 0; background: none; border: none; color: inherit; font-size: clamp(1rem, 2vw, 1.375rem); font-weight: 700; text-align: start; cursor: pointer; font-family: inherit; line-height: 1.3; }

.msk-faq-section__icon { font-size: 1.5rem; flex-shrink: 0; line-height: 1; }


.msk-faq-section__answer[hidden] { display: none; }

.msk-faq-section__answer-inner { padding-block-end: var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-base, 1rem); line-height: var(--msk-leading-normal, 1.6); opacity: 0.75; }
.msk-faq-section__answer-inner p { margin: 0 0 var(--msk-space-3, 0.75rem); }


.msk-faq-section__item.is-open { opacity: 1; }



@media (max-width: 782px) {
    .msk-faq-section__layout { grid-template-columns: 1fr; gap: var(--msk-space-10, 2.5rem); }
    .msk-faq-section__intro { position: static; }
}



.msk-faq-section--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-faq-section--editor .msk-faq-item--editor { border: 1px solid rgba(255,255,255,0.15); border-radius: var(--msk-radius-md, 0.5rem); padding: var(--msk-space-3, 0.75rem); margin-block-end: var(--msk-space-2, 0.5rem); }
.msk-faq-section--editor .msk-faq-item__editor-content { display: flex; flex-direction: column; gap: 4px; }
.msk-faq-section--editor .msk-faq-item__editor-q { font-size: 13px; font-weight: 700; color: inherit; }
.msk-faq-section--editor .msk-faq-item__editor-a { font-size: 11px; opacity: 0.6; }


.msk-faq-section--editor .msk-faq-section__headline { cursor: text; }
.msk-faq-section--editor .msk-faq-section__intro { position: static; }



@media (prefers-reduced-motion: reduce) {
    .msk-faq-section__question { transition: none; }
}



.msk-faq-section--v2 { padding: 0; }




.msk-faq-split { padding: var(--msk-space-4, 1rem); }
.msk-faq-split__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }



.msk-faq-split__grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--msk-space-12, 3rem); align-items: start; }



.msk-faq-split__left { position: sticky; inset-block-start: var(--msk-space-8, 2rem); }

.msk-faq-split__headline { font-size: clamp(3rem, 8vw, 6rem); font-weight: 800; color: inherit; margin: 0; line-height: 0.95; }



.msk-faq-split__accordion { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }

.msk-faq-split__item { border-radius: var(--msk-radius-md, 0.5rem); transition: box-shadow var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-split__item:not(.is-open) { background: rgba(255,255,255,0.5); }
.msk-faq-split__item.is-open { background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }

.msk-faq-split__question { display: flex; align-items: center; gap: var(--msk-space-4, 1rem); inline-size: 100%; padding: var(--msk-space-5, 1.25rem) var(--msk-space-5, 1.25rem); font-family: inherit; font-size: var(--msk-font-size-base, 1rem); color: inherit; opacity: 0.6; background: none; border: none; cursor: pointer; text-align: start; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-split__item.is-open .msk-faq-split__question { color: inherit; opacity: 1; }

.msk-faq-split__q-text { flex: 1; font-weight: 500; }
.msk-faq-split__item.is-open .msk-faq-split__q-text { font-weight: 700; }

.msk-faq-split__icon { font-size: 1.25rem; color: inherit; opacity: 0.5; flex-shrink: 0; line-height: 1; }
.msk-faq-split__item.is-open .msk-faq-split__icon { color: inherit; opacity: 1; }

.msk-faq-split__answer { padding: 0 var(--msk-space-5, 1.25rem) var(--msk-space-5, 1.25rem); }
.msk-faq-split__answer p { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.75; margin: 0; line-height: var(--msk-leading-normal, 1.6); }




.msk-faq-split__answer[hidden] { display: none; }



@media (max-width: 782px) {
    .msk-faq-split__grid { grid-template-columns: 1fr; }
    .msk-faq-split__left { position: static; }
    .msk-faq-split__headline { font-size: clamp(2rem, 10vw, 3.5rem); }
}



.msk-faq-split__decor { position: absolute; top: 0; left: 0; width: 30%; height: 100%; pointer-events: none; opacity: 0.06; color: currentColor; }



.msk-faq-split--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-faq-split__editor-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: 2.5rem; align-items: start; }


.msk-faq-split__editor-left { }
.msk-faq-split__editor-headline { font-size: clamp(2.5rem, 8vw, 4.5rem); font-weight: 800; color: #111; margin: 0; line-height: 0.95; }


.msk-faq-split__editor-accordion { display: flex; flex-direction: column; gap: 0.4rem; }
.msk-faq-split__editor-item { border-radius: 0.5rem; background: rgba(255,255,255,0.5); }
.msk-faq-split__editor-item.is-open { background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
.msk-faq-split__editor-question { display: flex; align-items: center; gap: 0.75rem; padding: 0.9rem 1rem; }
.msk-faq-split__editor-q-text { flex: 1; font-size: 13px; font-weight: 500; color: #555; }
.msk-faq-split__editor-item.is-open .msk-faq-split__editor-q-text { font-weight: 700; color: #111; }
.msk-faq-split__editor-icon { font-size: 1.1rem; color: #777; flex-shrink: 0; }
.msk-faq-split__editor-answer { padding: 0 1rem 0.9rem; font-size: 12px; color: #666; line-height: 1.6; }
.msk-faq-split__editor-empty { font-size: 12px; color: #999; font-style: italic; padding: 1rem; text-align: center; }



@media (prefers-reduced-motion: reduce) {
    .msk-faq-split__item,
    .msk-faq-split__question { transition: none; }
}



.msk-faq-split--v2 { padding: 0; }




.msk-faq-stack {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.msk-faq-stack__heading {
	margin: 0 0 1.5rem;
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.msk-faq-stack__list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.msk-faq-stack__item {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 0;
	overflow: hidden;
	transition: box-shadow 0.15s ease;
}

.msk-faq-stack__item[open] {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.msk-faq-stack__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.25rem;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
	color: inherit;
}


.msk-faq-stack__question::-webkit-details-marker { display: none; }
.msk-faq-stack__question::marker                  { content: ''; }

.msk-faq-stack__question::after {
	content: '+';
	flex-shrink: 0;
	margin-left: 1rem;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1;
	color: #6f6f6f;
	transition: transform 0.2s ease;
}

.msk-faq-stack__item[open] .msk-faq-stack__question::after {
	content: '−';
}

.msk-faq-stack__answer {
	padding: 0 1.25rem 1rem;
	font-size: 0.95rem;
	line-height: 1.55;
	color: inherit;
}

.msk-faq-stack__answer p {
	margin: 0 0 0.5rem;
}
.msk-faq-stack__answer p:last-child { margin-bottom: 0; }


@media (prefers-reduced-motion: reduce) {
	.msk-faq-stack__item,
	.msk-faq-stack__question::after {
		transition: none;
	}
}


.msk-faq-stack--editor .msk-faq-stack__list {
	gap: 0.5rem;
}




.msk-faq-tabs { padding: var(--msk-space-4, 1rem); }
.msk-faq-tabs__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }



.msk-faq-tabs__header { text-align: center; margin-block-end: var(--msk-space-10, 2.5rem); }

.msk-faq-tabs__headline { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 600; color: inherit; margin: 0 0 var(--msk-space-3, 0.75rem); line-height: 1.2; }

.msk-faq-tabs__desc { font-size: var(--msk-font-size-base, 1rem); color: inherit; opacity: 0.7; margin: 0 auto var(--msk-space-6, 1.5rem); max-inline-size: 600px; line-height: var(--msk-leading-normal, 1.6); }
.msk-faq-tabs__link { color: inherit; text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }
.msk-faq-tabs__link:hover { opacity: 1; }



.msk-faq-tabs__tabs { display: flex; justify-content: center; gap: var(--msk-space-2, 0.5rem); flex-wrap: wrap; }

.msk-faq-tabs__tab { padding: var(--msk-space-2, 0.5rem) var(--msk-space-5, 1.25rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; font-family: inherit; color: inherit; opacity: 0.6; background: transparent; border: 1.5px solid rgba(0,0,0,0.2); border-radius: var(--msk-radius-full, 9999px); cursor: pointer; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-tabs__tab:hover { border-color: rgba(0,0,0,0.4); opacity: 1; }
.msk-faq-tabs__tab.is-active { border-color: transparent; opacity: 1; }



.msk-faq-tabs__accordion { max-inline-size: 720px; margin-inline: auto; }

.msk-faq-tabs__item { border-block-end: 1px solid rgba(0,0,0,0.08); }
.msk-faq-tabs__item.is-hidden { display: none; }

.msk-faq-tabs__question { display: flex; align-items: center; gap: var(--msk-space-4, 1rem); inline-size: 100%; padding: var(--msk-space-5, 1.25rem) 0; font-family: inherit; font-size: var(--msk-font-size-base, 1rem); font-weight: 600; color: inherit; background: none; border: none; cursor: pointer; text-align: start; }

.msk-faq-tabs__q-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 40px; block-size: 40px; border-radius: var(--msk-radius-md, 0.5rem); border: 1px solid rgba(0,0,0,0.1); color: inherit; opacity: 0.5; flex-shrink: 0; }

.msk-faq-tabs__q-text { flex: 1; }

.msk-faq-tabs__chevron { display: inline-flex; color: inherit; opacity: 0.5; flex-shrink: 0; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-faq-tabs__item.is-open .msk-faq-tabs__chevron { transform: rotate(180deg); }

.msk-faq-tabs__answer { padding: 0 0 var(--msk-space-5, 1.25rem) calc(40px + var(--msk-space-4, 1rem)); }
.msk-faq-tabs__answer p { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.75; margin: 0; line-height: var(--msk-leading-normal, 1.6); }




.msk-faq-tabs__answer[hidden] { display: none; }



@media (max-width: 782px) {
    .msk-faq-tabs { padding: var(--msk-space-8, 2rem) var(--msk-space-4, 1rem); }
    .msk-faq-tabs__q-icon { inline-size: 32px; block-size: 32px; }
    .msk-faq-tabs__answer { padding-inline-start: calc(32px + var(--msk-space-4, 1rem)); }
}



.msk-faq-tabs--editor { border-radius: var(--msk-radius-md, 0.5rem); }


.msk-faq-tabs__editor-header { text-align: center; margin-block-end: 1.5rem; }
.msk-faq-tabs__editor-hl { font-size: clamp(1.25rem, 3vw, 1.75rem); font-weight: 600; color: #111; margin: 0 0 0.5rem; line-height: 1.2; }
.msk-faq-tabs__editor-desc { font-size: 13px; color: #666; margin: 0 auto 1rem; max-inline-size: 500px; line-height: 1.6; }
.msk-faq-tabs__editor-link { color: #111; text-decoration: underline; text-underline-offset: 3px; font-weight: 500; }


.msk-faq-tabs__editor-tabs { display: flex; justify-content: center; gap: 0.4rem; flex-wrap: wrap; margin-block-start: 0.75rem; }
.msk-faq-tabs__editor-tab { display: inline-flex; padding: 0.35rem 1rem; font-size: 12px; font-weight: 600; color: #555; background: transparent; border: 1.5px solid rgba(0,0,0,0.2); border-radius: 9999px; }
.msk-faq-tabs__editor-tab.is-active { border-color: transparent; }


.msk-faq-tabs__editor-accordion { max-inline-size: 680px; margin-inline: auto; }
.msk-faq-tabs__editor-item { border-block-end: 1px solid rgba(0,0,0,0.08); }
.msk-faq-tabs__editor-question { display: flex; align-items: center; gap: 0.75rem; padding: 0.9rem 0; }
.msk-faq-tabs__editor-q-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 0.5rem; border: 1px solid rgba(0,0,0,0.1); color: #777; flex-shrink: 0; }
.msk-faq-tabs__editor-q-text { flex: 1; font-size: 13px; font-weight: 600; color: #111; }
.msk-faq-tabs__editor-chevron { display: inline-flex; color: #777; transition: transform 150ms ease-out; flex-shrink: 0; }
.msk-faq-tabs__editor-chevron.is-open { transform: rotate(180deg); }
.msk-faq-tabs__editor-answer { padding: 0 0 0.9rem calc(36px + 0.75rem); font-size: 12px; color: #666; line-height: 1.6; }
.msk-faq-tabs__editor-empty { font-size: 12px; color: #999; font-style: italic; text-align: center; padding: 1rem; }



@media (prefers-reduced-motion: reduce) {
    .msk-faq-tabs__tab,
    .msk-faq-tabs__chevron { transition: none; }
}



.msk-faq-tabs--v2 { padding: 0; }




.msk-feature-trio {
    --msk-trio-accent:        #2C414D;
    --msk-trio-card-bg:       #e8eef1;
    --msk-trio-card-text:     #1f2937;
    --msk-trio-card-heading:  #1a2930;

    padding-block: var(--msk-space-12, 3rem);
    padding-inline: var(--msk-space-6, 1.5rem);
}

.msk-feature-trio__inner {
    max-inline-size: 1200px;
    margin-inline: auto;
}



.msk-feature-trio__header {
    text-align: center;
    margin-block-end: var(--msk-space-10, 2.5rem);
    display: flex;
    flex-direction: column;
    gap: var(--msk-space-3, 0.75rem);
}

.msk-feature-trio__eyebrow {
    margin: 0;
    color: var(--msk-trio-accent);
    font-size: var(--msk-font-size-sm, 0.875rem);
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.msk-feature-trio__headline {
    margin: 0;
    color: inherit;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: 700;
    line-height: 1.2;
}

.msk-feature-trio__description {
    margin: 0 auto;
    max-inline-size: 60ch;
    font-size: var(--msk-font-size-base, 1rem);
    line-height: 1.6;
    opacity: 0.85;
}



.msk-feature-trio__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--msk-space-6, 1.5rem);
}

.msk-feature-trio--cols-2 .msk-feature-trio__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-inline-size: 800px;
    margin-inline: auto;
}

.msk-feature-trio--cols-1 .msk-feature-trio__grid {
    grid-template-columns: minmax(0, 1fr);
    max-inline-size: 480px;
    margin-inline: auto;
}



.msk-feature-trio__card {
    padding: var(--msk-space-6, 1.5rem);
    background-color: var(--msk-trio-card-bg);
    color: var(--msk-trio-card-text);
    border-radius: var(--msk-radius-lg, 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--msk-space-3, 0.75rem);
}

.msk-feature-trio__card-title {
    margin: 0;
    color: var(--msk-trio-card-heading);
    font-size: var(--msk-font-size-lg, 1.25rem);
    font-weight: 700;
    line-height: 1.3;
}

.msk-feature-trio__card-desc {
    margin: 0;
    color: inherit;
    font-size: var(--msk-font-size-base, 1rem);
    line-height: 1.6;
}



@media (max-width: 900px) {
    .msk-feature-trio__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .msk-feature-trio--cols-3 .msk-feature-trio__grid > .msk-feature-trio__card:nth-child(3) {
        grid-column: 1 / -1;
        max-inline-size: 500px;
        justify-self: center;
        inline-size: 100%;
    }
}

@media (max-width: 600px) {
    .msk-feature-trio__grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .msk-feature-trio--cols-3 .msk-feature-trio__grid > .msk-feature-trio__card:nth-child(3) {
        grid-column: auto;
        max-inline-size: none;
    }
}



@media (prefers-reduced-motion: reduce) {
    .msk-feature-trio__card { transition: none; }
}






.msk-featured-articles { padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem); }



.msk-featured-articles__header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--msk-space-6, 1.5rem); margin-block-end: var(--msk-space-10, 2.5rem); }

.msk-featured-articles__headline { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; color: var(--msk-color-text-primary, #111); margin: 0; }

.msk-featured-articles__link { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: var(--msk-color-text-primary, #111); text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-featured-articles__link:hover { opacity: 0.7; }



.msk-featured-articles__grid { display: grid; grid-template-columns: repeat( var(--msk-article-cols, 3), 1fr ); gap: var(--msk-space-5, 1.25rem); }



.msk-featured-articles__card { display: flex; flex-direction: column; justify-content: flex-end; min-block-size: 380px; border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; background-size: cover; background-position: center; background-color: var(--msk-color-surface, #e0e0e0); text-decoration: none; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-featured-articles__card:hover { transform: translateY(-4px); }

.msk-featured-articles__card-overlay { padding: var(--msk-space-6, 1.5rem); background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.55) 100%); margin-block-start: auto; min-block-size: 40%; display: flex; align-items: flex-end; }

.msk-featured-articles__card-title { font-size: clamp(1.125rem, 2vw, 1.5rem); font-weight: 700; color: #fff; line-height: 1.25; margin: 0; }



@media (max-width: 782px) {
    .msk-featured-articles__grid { grid-template-columns: 1fr; }
    .msk-featured-articles__card { min-block-size: 280px; }
}



.msk-featured-articles--editor { border: 1px dashed var(--msk-color-border, #e0e0e0); border-radius: var(--msk-radius-md, 0.5rem); display: block; }


.msk-featured-articles__editor-header { display: flex; align-items: baseline; justify-content: space-between; gap: var(--msk-space-6, 1.5rem); margin-block-end: var(--msk-space-6, 1.5rem); }
.msk-featured-articles__editor-headline { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; line-height: 1.1; color: var(--msk-color-text-primary, #111); margin: 0; }
.msk-featured-articles__editor-link { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: var(--msk-color-text-primary, #111); text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; opacity: 0.6; cursor: default; }


.msk-featured-articles__editor-grid { display: grid; grid-template-columns: repeat( var(--msk-editor-cols, 3), 1fr ); gap: var(--msk-space-5, 1.25rem); }


.msk-featured-articles__editor-card { display: flex; flex-direction: column; justify-content: flex-end; min-block-size: 240px; border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; }


.msk-featured-articles__editor-card-overlay { padding: var(--msk-space-5, 1.25rem); background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.55) 100%); display: flex; align-items: flex-end; min-block-size: 80px; }
.msk-featured-articles__editor-card-title { font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: #fff; margin: 0; line-height: 1.3; }


.msk-featured-articles__editor-info-bar { margin-block-start: var(--msk-space-4, 1rem); display: flex; justify-content: center; }
.msk-featured-articles__editor-chip { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: var(--msk-color-text-muted, #999); background: var(--msk-color-surface, #f5f5f5); padding: 3px 12px; border-radius: 9999px; }



.msk-cat-picker { margin-block-end: 16px; }

.msk-cat-picker__control { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding: 8px 10px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; min-height: 36px; background: #fff; position: relative; }
.msk-cat-picker__control.is-open { border-color: var(--wp-admin-theme-color, #007cba); box-shadow: 0 0 0 1px var(--wp-admin-theme-color, #007cba); }

.msk-cat-picker__placeholder { color: #999; font-size: 13px; }

.msk-cat-picker__arrow { margin-inline-start: auto; font-size: 10px; color: #888; flex-shrink: 0; }

.msk-cat-picker__chips { display: flex; flex-wrap: wrap; gap: 4px; }

.msk-cat-picker__chip { display: inline-flex; align-items: center; gap: 2px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; padding: 2px 6px; font-size: 12px; font-weight: 600; color: #333; }
.msk-cat-picker__chip-remove { padding: 0; min-width: 0; min-height: 0; height: 18px; width: 18px; }
.msk-cat-picker__chip-remove svg { width: 14px; height: 14px; }

.msk-cat-picker__dropdown { border: 1px solid #ddd; border-radius: 4px; margin-block-start: 4px; max-height: 200px; overflow-y: auto; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.08); }

.msk-cat-picker__option { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 12px; border: none; background: none; cursor: pointer; font-size: 13px; font-family: inherit; text-align: start; }
.msk-cat-picker__option:hover { background: #f5f5f5; }
.msk-cat-picker__option.is-selected { background: #f0f7ff; }

.msk-cat-picker__check { display: inline-flex; width: 16px; font-size: 14px; color: var(--wp-admin-theme-color, #007cba); flex-shrink: 0; }
.msk-cat-picker__check--empty { visibility: hidden; }

.msk-cat-picker__option-name { flex: 1; font-weight: 500; color: #333; }

.msk-cat-picker__option-count { font-size: 12px; color: #999; flex-shrink: 0; }



@media (prefers-reduced-motion: reduce) {
    .msk-featured-articles__card,
    .msk-featured-articles__link { transition: none; }
}




.msk-featured-video {
	background-color: #ffffff;
	padding-block: clamp(3.5rem, 7vw, 6rem);
	padding-inline: clamp(1.5rem, 5vw, 4rem);
}

.msk-featured-video__inner {
	max-inline-size: 920px;
	margin-inline: auto;
	text-align: center;
}

.msk-featured-video__eyebrow {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var( --msk-emphasis, #166534 );
}

.msk-featured-video__headline {
	margin: 0 0 clamp(1.5rem, 3vw, 2.5rem);
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	font-weight: 400;
	line-height: 1.1;
	color: #1a1a1a;
}

.msk-featured-video__frame {
	position: relative;
	aspect-ratio: 16 / 9;
	border-radius: var( --msk-radius-lg, 1rem );
	overflow: hidden;
	background-color: #0f0f12;
	box-shadow: var( --msk-shadow-lg, 0 20px 50px rgba( 0, 0, 0, 0.25 ) );
}


.msk-featured-video__frame > :is( iframe, video, .msk-featured-video__media, .msk-featured-video__placeholder ) {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
	border: 0;
}

.msk-featured-video__media { object-fit: cover; }

.msk-featured-video__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0f0f12;
	background-size: cover;
	background-position: center;
}

.msk-featured-video__play {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 4.5rem;
	block-size: 4.5rem;
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.92 );
	color: #0f0f12;
	padding-inline-start: 0.25rem; 
	box-shadow: 0 8px 24px rgba( 0, 0, 0, 0.3 );
}

.msk-featured-video__caption {
	margin: 1.25rem 0 0;
	font-size: 0.9375rem;
	color: #565650;
}






.msk-features-calc { padding: var(--msk-space-4, 1rem); }
.msk-features-calc__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-12, 3rem); align-items: center; max-inline-size: 1200px; margin: 0 auto; padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem); }



.msk-features-calc__text { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); }

.msk-features-calc__headline { font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; line-height: 1.1; color: var(--msk-color-text-primary, #111); margin: 0; }

.msk-features-calc__description { font-size: var(--msk-font-size-base, 1rem); color: var(--msk-color-text-muted, #4b4b4b); line-height: var(--msk-leading-normal, 1.6); }
.msk-features-calc__description p { margin: 0 0 var(--msk-space-3, 0.75rem); }
.msk-features-calc__description strong { color: var(--msk-color-text-primary, #111); }

.msk-features-calc__cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; background: var(--msk-color-text-primary, #2d0810); border-radius: var(--msk-radius-full, 9999px); text-decoration: none; align-self: flex-start; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-features-calc__cta:hover { transform: translateY(-1px); }



.msk-features-calc__widget { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-8, 2rem); display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); }

.msk-features-calc__widget-title { font-size: var(--msk-font-size-lg, 1.125rem); font-weight: 700; color: var(--msk-color-text-primary, #111); margin: 0; }



.msk-features-calc__fields { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }

.msk-features-calc__field { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); }

.msk-features-calc__label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: var(--msk-color-text-primary, #111); }


.msk-features-calc__value-wrap { position: relative; }

.msk-features-calc__value { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; color: var(--msk-color-text-primary, #111); background: transparent; border: none; border-bottom: 2px solid transparent; outline: none; padding: 0; margin: 0; font-family: inherit; line-height: 1.3; min-inline-size: 3ch; max-inline-size: 100%; }

.msk-features-calc__value:focus { border-bottom-color: var(--msk-color-text-primary, #111); }


.msk-features-calc__value-mirror { position: absolute; visibility: hidden; pointer-events: none; white-space: pre; font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; font-family: inherit; }



.msk-features-calc__slider { -webkit-appearance: none; appearance: none; inline-size: 100%; block-size: 6px; background: rgba(0,0,0,0.15); border-radius: 3px; outline: none; cursor: pointer; margin-block-start: var(--msk-space-2, 0.5rem); }
.msk-features-calc__slider:focus-visible { box-shadow: 0 0 0 3px rgba(0,0,0,0.35); border-radius: 3px; }


.msk-features-calc__slider::-webkit-slider-runnable-track { block-size: 6px; border-radius: 3px; }
.msk-features-calc__slider::-moz-range-track { block-size: 6px; background: rgba(0,0,0,0.15); border-radius: 3px; border: none; }


.msk-features-calc__slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; inline-size: 22px; block-size: 22px; background: var(--msk-color-text-primary, #111); border-radius: 4px; border: none; margin-block-start: -8px; cursor: grab; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-features-calc__slider::-moz-range-thumb { inline-size: 22px; block-size: 22px; background: var(--msk-color-text-primary, #111); border-radius: 4px; border: none; cursor: grab; }

.msk-features-calc__slider:active::-webkit-slider-thumb { cursor: grabbing; transform: scale(1.15); }
.msk-features-calc__slider:active::-moz-range-thumb { cursor: grabbing; }



.msk-features-calc__results { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); border-block-start: 1px solid rgba(0,0,0,0.1); padding-block-start: var(--msk-space-5, 1.25rem); }

.msk-features-calc__result { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); }

.msk-features-calc__result-label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: var(--msk-color-text-primary, #111); }

.msk-features-calc__result-value { font-size: var(--msk-font-size-lg, 1.125rem); font-weight: 700; color: var(--msk-color-text-primary, #111); }

.msk-features-calc__result-value--large { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; }



@media (max-width: 782px) {
    .msk-features-calc { grid-template-columns: 1fr; }
}



.msk-features-calc__decor { position: absolute; top: 0; right: 0; width: 50%; height: 100%; pointer-events: none; opacity: 0.07; color: var(--msk-color-text-primary, #111); }



.msk-features-calc--editor { border: 1px dashed var(--msk-color-border, #ccc); border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-8, 2rem); display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-8, 2rem); align-items: start; min-height: 280px; position: relative; overflow: hidden; }


.msk-features-calc__editor-text { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-features-calc__editor-headline { font-size: clamp(1.25rem, 3vw, 2rem); font-weight: 800; line-height: 1.15; color: var(--msk-color-text-primary, #111); margin: 0; }
.msk-features-calc__editor-description { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); line-height: 1.5; margin: 0; }
.msk-features-calc__editor-cta { display: inline-flex; align-items: center; gap: 4px; padding: 6px 16px; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; background: var(--msk-color-text-primary, #111); border-radius: var(--msk-radius-full, 9999px); align-self: flex-start; }


.msk-features-calc__editor-widget { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-6, 1.5rem); display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-features-calc__editor-widget-title { font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: var(--msk-color-text-primary, #111); margin: 0; }
.msk-features-calc__editor-calc-type { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--msk-color-text-muted, #4b4b4b); background: rgba(0,0,0,0.08); padding: 2px 8px; border-radius: 3px; align-self: flex-start; }


.msk-features-calc__editor-fields { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-features-calc__editor-field { display: flex; flex-direction: column; gap: 4px; }
.msk-features-calc__editor-field-label { font-size: 10px; font-weight: 600; color: var(--msk-color-text-primary, #111); }
.msk-features-calc__editor-field-value { font-size: 18px; font-weight: 800; color: var(--msk-color-text-primary, #111); }
.msk-features-calc__editor-slider { width: 100%; }
.msk-features-calc__editor-slider-track { width: 100%; height: 6px; background: rgba(0,0,0,0.15); border-radius: 3px; position: relative; }
.msk-features-calc__editor-slider-thumb { position: absolute; top: 50%; left: 35%; transform: translate(-50%, -50%); width: 22px; height: 22px; background: var(--msk-color-text-primary, #111); border-radius: 4px; }


.msk-features-calc__editor-results { border-top: 1px solid rgba(0,0,0,0.1); padding-top: var(--msk-space-4, 1rem); }
.msk-features-calc__editor-result { display: flex; flex-direction: column; gap: 2px; }
.msk-features-calc__editor-result-label { font-size: 10px; font-weight: 600; color: var(--msk-color-text-muted, #4b4b4b); }
.msk-features-calc__editor-result-value { font-size: 16px; font-weight: 700; color: var(--msk-color-text-primary, #111); }



@media (prefers-reduced-motion: reduce) {
    .msk-features-calc__cta,
    .msk-features-calc__slider::-webkit-slider-thumb { transition: none; }
}



.msk-features-calc--v2 { padding: 0; }




.msk-retro-cta { padding: var(--msk-space-4, 1rem); }
.msk-retro-cta__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; }



.msk-retro-cta__banner { position: relative; overflow: hidden; }


.msk-retro-cta__wave { display: block; inline-size: 100%; block-size: 28px; position: relative; z-index: 2; }
.msk-retro-cta__wave--bottom { transform: rotate(180deg); }


.msk-retro-cta__tiles { position: relative; display: flex; align-items: center; justify-content: center; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-8, 2rem); min-block-size: 200px; background-image:
    linear-gradient(rgba(0,0,0,0.2) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,0,0,0.2) 1px, transparent 1px);
    background-size: 60px 60px; }



.msk-retro-cta__ticket { display: inline-block; padding: var(--msk-space-3, 0.75rem) var(--msk-space-5, 1.25rem); color: #fff; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 800; text-transform: uppercase; text-decoration: none; transform: rotate(-6deg); border-radius: var(--msk-radius-md, 0.5rem); line-height: 1.3; text-align: center; box-shadow: 2px 3px 0 rgba(0,0,0,0.3); }
.msk-retro-cta__ticket:hover { transform: rotate(-6deg) translateY(-2px); }



.msk-retro-cta__pill { display: inline-flex; align-items: center; justify-content: center; padding: var(--msk-space-6, 1.5rem) var(--msk-space-16, 4rem); font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; font-style: italic; color: var(--msk-color-text-primary, #111); text-decoration: none; border-radius: var(--msk-radius-full, 9999px); box-shadow: 4px 6px 0 rgba(0,0,0,0.4); transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-retro-cta__pill:hover { transform: translateY(-3px); }



.msk-retro-cta__starburst { position: relative; display: inline-flex; align-items: center; justify-content: center; inline-size: 90px; block-size: 90px; color: #fff; font-size: var(--msk-font-size-lg, 1.125rem); font-weight: 800; font-style: italic; text-align: center; z-index: 1; }

.msk-retro-cta__starburst::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--msk-starburst-color, #2020a0); clip-path: polygon(50% 0%, 61% 11%, 73% 2%, 78% 17%, 93% 15%, 90% 30%, 100% 39%, 91% 49%, 98% 61%, 85% 65%, 88% 79%, 74% 77%, 68% 90%, 58% 81%, 50% 95%, 42% 81%, 32% 90%, 26% 77%, 12% 79%, 15% 65%, 2% 61%, 9% 49%, 0% 39%, 10% 30%, 7% 15%, 22% 17%, 27% 2%, 39% 11%); }



.msk-retro-cta__bottom { padding: var(--msk-space-8, 2rem) var(--msk-space-4, 1rem); }

.msk-retro-cta__tagline { font-size: var(--msk-font-size-base, 1rem); font-weight: 600; color: var(--msk-color-text-primary, #111); text-align: center; max-inline-size: 700px; margin: 0 auto var(--msk-space-8, 2rem); line-height: var(--msk-leading-normal, 1.6); text-transform: capitalize; }

.msk-retro-cta__footer { display: flex; justify-content: space-between; align-items: center; }

.msk-retro-cta__logo { block-size: 48px; inline-size: auto; }

.msk-retro-cta__socials { display: flex; gap: var(--msk-space-4, 1rem); }
.msk-retro-cta__social { color: var(--msk-color-text-primary, #111); text-decoration: none; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-retro-cta__social:hover { opacity: 0.6; }



@media (max-width: 782px) {
    .msk-retro-cta__tiles { flex-direction: column; gap: var(--msk-space-6, 1.5rem); }
    .msk-retro-cta__pill { font-size: 1.25rem; padding: var(--msk-space-4, 1rem) var(--msk-space-10, 2.5rem); }
    .msk-retro-cta__footer { flex-direction: column; gap: var(--msk-space-4, 1rem); align-items: flex-start; }
}



.msk-retro-cta__geom { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0.06; color: #fff; z-index: 1; }



.msk-retro-cta--editor { border-radius: var(--msk-radius-md, 0.5rem); overflow: hidden; }


.msk-retro-cta__editor-banner { position: relative; overflow: hidden; }
.msk-retro-cta__editor-wave--bottom { transform: rotate(180deg); }
.msk-retro-cta__editor-tiles { display: flex; align-items: center; justify-content: center; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); min-height: 140px; background-image: linear-gradient(rgba(0,0,0,0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,0.2) 1px, transparent 1px); background-size: 60px 60px; flex-wrap: wrap; }


.msk-retro-cta__editor-ticket { display: inline-block; padding: var(--msk-space-2, 0.5rem) var(--msk-space-4, 1rem); color: #fff; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 800; text-transform: uppercase; border-radius: var(--msk-radius-md, 0.5rem); transform: rotate(-6deg); box-shadow: 2px 3px 0 rgba(0,0,0,0.3); z-index: 2; position: relative; }
.msk-retro-cta__editor-pill { display: inline-flex; align-items: center; justify-content: center; padding: var(--msk-space-4, 1rem) var(--msk-space-12, 3rem); font-size: clamp(1.25rem, 2.5vw, 1.75rem); font-weight: 700; font-style: italic; color: var(--msk-color-text-primary, #111); border-radius: var(--msk-radius-full, 9999px); box-shadow: 4px 6px 0 rgba(0,0,0,0.4); z-index: 2; position: relative; }
.msk-retro-cta__editor-starburst { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; color: #fff; font-size: var(--msk-font-size-base, 1rem); font-weight: 800; font-style: italic; text-align: center; z-index: 2; }
.msk-retro-cta__editor-starburst::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--msk-starburst-color, #2020a0); clip-path: polygon(50% 0%, 61% 11%, 73% 2%, 78% 17%, 93% 15%, 90% 30%, 100% 39%, 91% 49%, 98% 61%, 85% 65%, 88% 79%, 74% 77%, 68% 90%, 58% 81%, 50% 95%, 42% 81%, 32% 90%, 26% 77%, 12% 79%, 15% 65%, 2% 61%, 9% 49%, 0% 39%, 10% 30%, 7% 15%, 22% 17%, 27% 2%, 39% 11%); }


.msk-retro-cta__editor-bottom { padding: var(--msk-space-6, 1.5rem) var(--msk-space-4, 1rem); }
.msk-retro-cta__editor-tagline { font-size: var(--msk-font-size-base, 1rem); font-weight: 600; color: var(--msk-color-text-primary, #111); text-align: center; margin: 0 auto var(--msk-space-4, 1rem); line-height: 1.5; }
.msk-retro-cta__editor-footer { display: flex; justify-content: space-between; align-items: center; gap: var(--msk-space-4, 1rem); }
.msk-retro-cta__editor-logo { height: 40px; width: auto; }
.msk-retro-cta__editor-logo-placeholder { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: var(--msk-color-text-muted, #999); background: var(--msk-color-surface, #f5f5f5); padding: 4px 12px; border-radius: 4px; }
.msk-retro-cta__editor-socials-hint { font-size: 11px; color: var(--msk-color-text-muted, #999); }



.msk-retro-cta--v2 { padding: 0; }



@media (prefers-reduced-motion: reduce) {
    .msk-retro-cta__pill,
    .msk-retro-cta__social { transition: none; }
}






.msk-features-section { padding: var(--msk-space-4, 1rem); }
.msk-features-section__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem); }



.msk-features-section__trust { display: flex; flex-direction: column; align-items: center; gap: var(--msk-space-8, 2rem); margin-block-end: var(--msk-space-16, 4rem); }

.msk-features-section__trust-badge { display: inline-block; padding: var(--msk-space-3, 0.75rem) var(--msk-space-8, 2rem); font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-primary, #111); background: var(--msk-color-surface, #f5f5f5); border-radius: var(--msk-radius-full, 9999px); border: 1px solid var(--msk-color-border, #e0e0e0); }


.msk-features-section__marquee { inline-size: 100%; overflow: hidden; mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent); }

.msk-features-section__marquee-track { display: flex; align-items: center; gap: var(--msk-space-12, 3rem); inline-size: max-content; animation: msk-marquee 25s linear infinite; }

.msk-features-section__logo { block-size: 28px; inline-size: auto; opacity: 0.7; filter: grayscale(100%); flex-shrink: 0; }

@keyframes msk-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}



.msk-features-section__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--msk-space-6, 1.5rem); max-inline-size: 1400px; margin: 0 auto; }


.msk-features-section__main { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); padding-inline-end: var(--msk-space-8, 2rem); }

.msk-features-section__headline { font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; line-height: 1.1; color: var(--msk-color-text-primary, #111); margin: 0; }

.msk-features-section__ctas { display: flex; gap: var(--msk-space-3, 0.75rem); flex-wrap: wrap; }

.msk-features-section__cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; text-decoration: none; border-radius: var(--msk-radius-full, 9999px); transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-features-section__cta--primary { background: var(--msk-color-text-primary, #2d0810); color: #fff; }
.msk-features-section__cta--primary:hover { transform: translateY(-1px); }
.msk-features-section__cta--secondary { background: transparent; color: var(--msk-color-text-primary, #111); border: 1px solid var(--msk-color-border, #ccc); }
.msk-features-section__cta--secondary:hover { border-color: var(--msk-color-text-primary, #111); }

.msk-features-section__description { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); line-height: var(--msk-leading-normal, 1.6); }
.msk-features-section__description p { margin: 0 0 var(--msk-space-4, 1rem); }
.msk-features-section__description strong { color: var(--msk-color-text-primary, #111); }



.msk-features-section__card { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-8, 2rem); display: flex; flex-direction: column; justify-content: space-between; min-block-size: 320px; overflow: hidden; }

.msk-features-section__card-title { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 700; line-height: 1.2; margin: 0 0 var(--msk-space-4, 1rem); }

.msk-features-section__card-desc { font-size: var(--msk-font-size-sm, 0.875rem); line-height: var(--msk-leading-normal, 1.6); }
.msk-features-section__card-desc p { margin: 0 0 var(--msk-space-2, 0.5rem); }

.msk-features-section__card-cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: var(--msk-radius-full, 9999px); text-decoration: none; margin-block-start: auto; align-self: flex-start; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-features-section__card-cta:hover { transform: translateY(-1px); }


.msk-features-section__card--light .msk-features-section__card-title { color: var(--msk-color-text-primary, #111); }
.msk-features-section__card--light .msk-features-section__card-desc { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-features-section__card--light .msk-features-section__card-cta { background: var(--msk-color-text-primary, #2d0810); color: #fff; }


.msk-features-section__card--dark { color: #fff; position: relative; }
.msk-features-section__card--dark .msk-features-section__card-title { color: #fff; margin-block-start: auto; }
.msk-features-section__card--dark .msk-features-section__card-image { max-inline-size: 100%; block-size: auto; border-radius: var(--msk-radius-md, 0.5rem); margin-block-end: var(--msk-space-4, 1rem); }



@media (max-width: 782px) {
    .msk-features-section__grid { grid-template-columns: 1fr; }
    .msk-features-section__main { padding-inline-end: 0; }
    .msk-features-section__card { min-block-size: 240px; }
}



.msk-features-section__card-decor { position: absolute; top: 0; right: 0; width: 70%; height: 100%; pointer-events: none; opacity: 0.12; color: #fff; }



.msk-features-section--editor { border: 1px dashed var(--msk-color-border, #ccc); border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-6, 1.5rem); display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }


.msk-features-section__editor-trust { display: flex; flex-direction: column; align-items: center; gap: var(--msk-space-4, 1rem); padding-bottom: var(--msk-space-4, 1rem); border-bottom: 1px dashed var(--msk-color-border, #ddd); }
.msk-features-section__editor-trust-badge { display: inline-block; padding: 4px 16px; font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-primary, #111); background: var(--msk-color-surface, #f5f5f5); border-radius: var(--msk-radius-full, 9999px); border: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-features-section__editor-marquee { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); flex-wrap: wrap; }
.msk-features-section__editor-logo-pill { font-size: 10px; font-weight: 600; color: var(--msk-color-text-muted, #999); background: var(--msk-color-surface, #f5f5f5); padding: 2px 8px; border-radius: 3px; opacity: 0.7; }
.msk-features-section__editor-logo-count { font-size: 10px; color: var(--msk-color-text-muted, #999); }


.msk-features-section__editor-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: var(--msk-space-5, 1.25rem); }


.msk-features-section__editor-main { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); padding-right: var(--msk-space-4, 1rem); }
.msk-features-section__editor-headline { font-size: clamp(1.25rem, 3vw, 2rem); font-weight: 800; line-height: 1.15; color: var(--msk-color-text-primary, #111); margin: 0; }
.msk-features-section__editor-ctas { display: flex; gap: var(--msk-space-2, 0.5rem); flex-wrap: wrap; }
.msk-features-section__editor-cta { display: inline-flex; align-items: center; gap: 4px; padding: 6px 14px; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: var(--msk-radius-full, 9999px); }
.msk-features-section__editor-cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; }
.msk-features-section__editor-cta--secondary { border: 1px solid var(--msk-color-border, #ccc); color: var(--msk-color-text-primary, #111); }
.msk-features-section__editor-description { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); line-height: 1.5; margin: 0; }


.msk-features-section__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-6, 1.5rem); display: flex; flex-direction: column; justify-content: space-between; min-height: 220px; overflow: hidden; }
.msk-features-section__editor-card-title { font-size: var(--msk-font-size-lg, 1.125rem); font-weight: 700; color: var(--msk-color-text-primary, #111); display: block; margin-bottom: var(--msk-space-3, 0.75rem); }
.msk-features-section__editor-card-title--white { color: #fff; margin-top: auto; }
.msk-features-section__editor-card-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); line-height: 1.5; margin: 0; }
.msk-features-section__editor-card-cta { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; align-self: flex-start; padding: 6px 14px; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; background: var(--msk-color-text-primary, #111); color: #fff; border-radius: var(--msk-radius-full, 9999px); }
.msk-features-section__editor-card-image { max-width: 100%; height: auto; border-radius: var(--msk-radius-md, 0.5rem); margin-bottom: var(--msk-space-3, 0.75rem); position: relative; z-index: 1; }



@media (prefers-reduced-motion: reduce) {
    .msk-features-section__marquee-track { animation-play-state: paused; }
    .msk-features-section__cta,
    .msk-features-section__card-cta { transition: none; }
}



.msk-features-section--v2 { padding: 0; }






.msk-features-showcase {
    padding: var(--msk-space-4, 1rem);
}

.msk-features-showcase__card {
    border-radius: var(--msk-radius-xl, 1.5rem);
    overflow: hidden;
    color: #f6f6f6;
    padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem);
}



.msk-features-showcase__features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--msk-space-5, 1.25rem);
    margin-block-end: var(--msk-space-16, 4rem);
}

.msk-features-showcase__feature {
    display: flex;
    flex-direction: column;
}


.msk-features-showcase__feature-image {
    border-radius: var(--msk-radius-lg, 1rem);
    overflow: hidden;
    aspect-ratio: 5 / 3;
    margin-block-end: var(--msk-space-5, 1.25rem);
    background: #2a2d3e;
}

.msk-features-showcase__feature-image img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    display: block;
}

.msk-features-showcase__feature-image svg {
    inline-size: 100%;
    block-size: 100%;
    display: block;
}


.msk-features-showcase__feature-heading {
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: var(--msk-tracking-wide, 0.05em);
    margin: 0 0 var(--msk-space-3, 0.75rem) 0;
    line-height: 1.3;
}

.msk-features-showcase__feature-heading-text {
    border-bottom: 3px solid currentColor;
    padding-block-end: 4px;
}


.msk-features-showcase__feature-desc {
    font-size: var(--msk-font-size-sm, 0.875rem);
    line-height: var(--msk-leading-normal, 1.6);
    color: inherit;
    opacity: 0.85;
    margin: 0;
}


.msk-features-showcase__feature--tile {
    align-items: center;
    text-align: center;
    gap: var(--msk-space-3, 0.75rem);
    padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.25rem, 2.5vw, 1.75rem);
    border-radius: var(--msk-radius-lg, 1rem);
    background-color: #2a2d3e;
    background-size: cover;
    background-position: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}


.msk-features-showcase__feature--image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.msk-features-showcase__feature-icon {
    font-size: 2.75rem;
    line-height: 1;
    margin-block-end: var(--msk-space-2, 0.5rem);
}
.msk-features-showcase__feature-icon svg { display: block; }

.msk-features-showcase__feature--tile .msk-features-showcase__feature-heading {
    color: #fff;
    text-transform: none;
    font-size: clamp(1.15rem, 1.8vw, 1.5rem);
    margin: 0;
}
.msk-features-showcase__feature--tile .msk-features-showcase__feature-desc {
    color: #fff;
    opacity: 0.9;
}



.msk-features-showcase__heading {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 800;
    color: #ffffff;
    text-align: center;
    margin: 0 0 var(--msk-space-10, 2.5rem) 0;
    line-height: var(--msk-leading-tight, 1.2);
}



.msk-features-showcase__icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--msk-space-5, 1.25rem);
}

.msk-features-showcase__icon-card {
    display: flex;
    flex-direction: column;
    border-radius: var(--msk-radius-lg, 1rem);
    overflow: hidden;
}


.msk-features-showcase__icon-top {
    background: #2a2d3e;
    padding: var(--msk-space-8, 2rem) var(--msk-space-6, 1.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--msk-space-4, 1rem);
    border-radius: var(--msk-radius-lg, 1rem) var(--msk-radius-lg, 1rem) 0 0;
}

.msk-features-showcase__icon-svg {
    inline-size: 64px;
    block-size: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.msk-features-showcase__icon-svg svg {
    inline-size: 64px;
    block-size: 64px;
}

.msk-features-showcase__icon-name {
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}


.msk-features-showcase__icon-reqs {
    background: #232639;
    border-top: 1px solid #33365a;
    padding: var(--msk-space-5, 1.25rem) var(--msk-space-6, 1.5rem);
    border-radius: 0 0 var(--msk-radius-lg, 1rem) var(--msk-radius-lg, 1rem);
}

.msk-features-showcase__icon-reqs p {
    font-size: var(--msk-font-size-sm, 0.875rem);
    line-height: var(--msk-leading-normal, 1.6);
    color: inherit;
    opacity: 0.7;
    text-align: center;
    margin: 0;
}



@media (max-width: 960px) {
    .msk-features-showcase__features,
    .msk-features-showcase__icons {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .msk-features-showcase__features,
    .msk-features-showcase__icons {
        grid-template-columns: 1fr;
    }
}



.msk-features-showcase__decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0.07;
    color: #e8eaf0;
}



.msk-features-showcase--editor {
    border-radius: var(--msk-radius-lg, 1rem);
    padding: var(--msk-space-6, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: var(--msk-space-8, 2rem);
}


.msk-features-showcase__editor-features {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--msk-space-4, 1rem);
}

.msk-features-showcase__editor-feature {
    display: flex;
    flex-direction: column;
}

.msk-features-showcase__editor-feature-image {
    border-radius: var(--msk-radius-md, 0.5rem);
    overflow: hidden;
    aspect-ratio: 5 / 3;
    margin-bottom: var(--msk-space-3, 0.75rem);
    background: #2a2d3e;
}

.msk-features-showcase__editor-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.msk-features-showcase__editor-feature-heading {
    font-size: clamp(0.875rem, 1.5vw, 1.25rem);
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 var(--msk-space-2, 0.5rem) 0;
    line-height: 1.3;
}

.msk-features-showcase__editor-feature-heading-text {
    border-bottom: 3px solid currentColor;
    padding-bottom: 3px;
}

.msk-features-showcase__editor-feature-desc {
    font-size: var(--msk-font-size-xs, 0.75rem);
    line-height: 1.5;
    color: #dde0ea;
    margin: 0;
}


.msk-features-showcase__editor-heading {
    font-size: clamp(1.25rem, 2.5vw, 2rem);
    font-weight: 800;
    color: #ffffff;
    text-align: center;
    margin: 0;
}


.msk-features-showcase__editor-icons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--msk-space-4, 1rem);
}

.msk-features-showcase__editor-icon-card {
    display: flex;
    flex-direction: column;
    border-radius: var(--msk-radius-md, 0.5rem);
    overflow: hidden;
}

.msk-features-showcase__editor-icon-top {
    background: #2a2d3e;
    padding: var(--msk-space-5, 1.25rem) var(--msk-space-4, 1rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--msk-space-3, 0.75rem);
    border-radius: var(--msk-radius-md, 0.5rem) var(--msk-radius-md, 0.5rem) 0 0;
}

.msk-features-showcase__editor-icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 2px solid currentColor;
    background: rgba(255,255,255,0.05);
}

.msk-features-showcase__editor-icon-name {
    font-size: var(--msk-font-size-base, 1rem);
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}

.msk-features-showcase__editor-icon-reqs {
    background: #232639;
    border-top: 1px solid #33365a;
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-4, 1rem);
    border-radius: 0 0 var(--msk-radius-md, 0.5rem) var(--msk-radius-md, 0.5rem);
}

.msk-features-showcase__editor-icon-reqs p {
    font-size: var(--msk-font-size-xs, 0.75rem);
    line-height: 1.5;
    color: #c8ccd8;
    text-align: center;
    margin: 0;
}

@media (max-width: 960px) {
    .msk-features-showcase__editor-features,
    .msk-features-showcase__editor-icons { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .msk-features-showcase__editor-features,
    .msk-features-showcase__editor-icons { grid-template-columns: 1fr; }
}



.msk-features-showcase--v2 { padding: 0; }



@media (prefers-reduced-motion: reduce) {
    .msk-features-showcase * {
        transition: none;
    }
}





.msk-footer-columns { padding: var(--msk-space-4, 1rem); }


.msk-footer-columns__card {
    border-radius: var(--msk-radius-xl, 1.5rem) var(--msk-radius-xl, 1.5rem) 0 0;
    padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem);
    color: #f6f6f6;
    position: relative;
    overflow: hidden;
}


.msk-footer-columns__decor {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: 45%;
    block-size: 100%;
    pointer-events: none;
    opacity: 0.12;
}


.msk-footer-columns__grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: var(--msk-space-12, 3rem);
    position: relative;
    z-index: 1;
}


.msk-footer-columns__brand { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }
.msk-footer-columns__logo { block-size: 36px; inline-size: auto; }
.msk-footer-columns__brand-name {
    font-size: var(--msk-font-size-xl, 1.25rem);
    font-weight: 700;
    color: #f6f6f6;
    margin: 0;
    letter-spacing: var(--msk-tracking-wide, 0.05em);
}
.msk-footer-columns__tagline { font-size: var(--msk-font-size-sm, 0.875rem); line-height: var(--msk-leading-normal, 1.6); margin: 0; opacity: 0.7; }


.msk-footer-columns__socials { display: flex; gap: var(--msk-space-4, 1rem); align-items: center; }
.msk-footer-columns__social { color: rgba(246,246,246,0.92); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); display: inline-flex; }
.msk-footer-columns__social:hover { color: #f6f6f6; }


.msk-footer-columns__back-to-top {
    appearance: none;
    background: transparent;
    border: 1px solid rgba(246,246,246,0.3);
    color: rgba(246,246,246,0.92);
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem);
    font-size: var(--msk-font-size-xs, 0.75rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--msk-tracking-widest, 0.15em);
    border-radius: var(--msk-radius-md, 0.5rem);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: var(--msk-space-2, 0.5rem);
    align-self: flex-start;
    margin-block-start: var(--msk-space-4, 1rem);
    font-family: inherit;
    transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
}
.msk-footer-columns__back-to-top:hover { border-color: #f6f6f6; color: #f6f6f6; }
.msk-footer-columns__back-to-top:focus-visible { outline: 2px solid #f6f6f6; outline-offset: 2px; }


.msk-footer-columns__links { display: flex; flex-direction: column; }
.msk-footer-columns__col-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #f6f6f6; margin: 0 0 var(--msk-space-6, 1.5rem); }
.msk-footer-columns__link-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-footer-columns__link-list a { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-columns__link-list a:hover { color: #f6f6f6; text-decoration: underline; text-underline-offset: 4px; }


.msk-footer-columns__bar {
    padding: var(--msk-space-4, 1rem);
    text-align: center;
    border-radius: 0 0 var(--msk-radius-xl, 1.5rem) var(--msk-radius-xl, 1.5rem);
}
.msk-footer-columns__copyright { font-size: var(--msk-font-size-xs, 0.75rem); color: #110d00; margin: 0; font-style: italic; }


@media (max-width: 782px) {
    .msk-footer-columns__grid { grid-template-columns: 1fr; gap: var(--msk-space-8, 2rem); }
}


.msk-footer-columns--editor { border-radius: var(--msk-radius-md, 0.5rem); }
.msk-footer-columns__editor-card {
    border-radius: var(--msk-radius-xl, 1.5rem) var(--msk-radius-xl, 1.5rem) 0 0;
    padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem);
    color: rgba(246,246,246,0.75);
    position: relative;
    overflow: hidden;
}
.msk-footer-columns__editor-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: var(--msk-space-12, 3rem);
    position: relative;
    z-index: 1;
}
.msk-footer-columns__editor-brand { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-footer-columns__editor-brand-name { font-size: var(--msk-font-size-xl, 1.25rem); font-weight: 700; color: #f6f6f6; margin: 0; letter-spacing: var(--msk-tracking-wide, 0.05em); }
.msk-footer-columns__editor-tagline { font-size: var(--msk-font-size-sm, 0.875rem); line-height: var(--msk-leading-normal, 1.6); margin: 0; opacity: 0.7; }
.msk-footer-columns__editor-socials { display: flex; gap: var(--msk-space-3, 0.75rem); opacity: 0.6; }
.msk-footer-columns__editor-back-to-top {
    appearance: none;
    background: transparent;
    border: 1px solid rgba(246,246,246,0.3);
    color: rgba(246,246,246,0.7);
    padding: var(--msk-space-2, 0.5rem) var(--msk-space-5, 1.25rem);
    font-size: var(--msk-font-size-xs, 0.75rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: var(--msk-tracking-widest, 0.15em);
    border-radius: var(--msk-radius-md, 0.5rem);
    cursor: default;
    display: inline-flex;
    align-items: center;
    gap: var(--msk-space-2, 0.5rem);
    align-self: flex-start;
    margin-block-start: var(--msk-space-2, 0.5rem);
    font-family: inherit;
}
.msk-footer-columns__editor-links { display: flex; flex-direction: column; }
.msk-footer-columns__editor-col-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #f6f6f6; margin: 0 0 var(--msk-space-5, 1.25rem); }
.msk-footer-columns__editor-link-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }
.msk-footer-columns__editor-link-list li { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.65); }
.msk-footer-columns__editor-bar { padding: var(--msk-space-3, 0.75rem); text-align: center; border-radius: 0 0 var(--msk-radius-xl, 1.5rem) var(--msk-radius-xl, 1.5rem); }
.msk-footer-columns__editor-copyright { font-size: var(--msk-font-size-xs, 0.75rem); color: rgba(0,0,0,0.7); margin: 0; font-style: italic; }


.msk-footer-columns--v2 { padding: 0; }


@media (prefers-reduced-motion: reduce) {
    .msk-footer-columns__social,
    .msk-footer-columns__link-list a,
    .msk-footer-columns__back-to-top { transition: none; }
}





.msk-footer-contact { padding: var(--msk-space-4, 1rem); }


.msk-footer-contact__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; }



.msk-footer-contact__top { padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }

.msk-footer-contact__top-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); align-items: start; }


.msk-footer-contact__info { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }
.msk-footer-contact__headline { font-size: clamp(1.25rem, 2.5vw, 1.75rem); font-weight: 700; color: inherit; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.msk-footer-contact__desc { font-size: var(--msk-font-size-sm, 0.875rem); color: #525252; margin: 0; line-height: var(--msk-leading-normal, 1.6); max-inline-size: 400px; }

.msk-footer-contact__details { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); margin-block-start: var(--msk-space-4, 1rem); }
.msk-footer-contact__detail { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); }
.msk-footer-contact__detail-icon { display: inline-flex; flex-shrink: 0; }
.msk-footer-contact__detail a,
.msk-footer-contact__detail span { font-size: var(--msk-font-size-sm, 0.875rem); color: #333; text-decoration: none; }
.msk-footer-contact__detail a:hover { text-decoration: underline; }


.msk-footer-contact__form-card { background: #fff; border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-8, 2rem); box-shadow: 0 8px 30px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04); position: relative; z-index: 1; }
.msk-footer-contact__form-title { font-size: clamp(1rem, 2vw, 1.375rem); font-weight: 700; color: #111; margin: 0 0 var(--msk-space-5, 1.25rem); text-transform: uppercase; letter-spacing: 0.5px; }

.msk-footer-contact__form { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }

.msk-footer-contact__input,
.msk-footer-contact__textarea { inline-size: 100%; padding: var(--msk-space-3, 0.75rem); font-size: var(--msk-font-size-sm, 0.875rem); font-family: inherit; color: #222; background: #fff; border: 1px solid; border-radius: var(--msk-radius-md, 0.5rem); outline: none; box-sizing: border-box; transition: box-shadow var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-contact__input::placeholder,
.msk-footer-contact__textarea::placeholder { color: inherit; opacity: 0.4; }
.msk-footer-contact__input:focus,
.msk-footer-contact__textarea:focus { box-shadow: 0 0 0 2px rgba(239,68,68,0.15); }
.msk-footer-contact__textarea { resize: vertical; min-block-size: 100px; }

.msk-footer-contact__submit { inline-size: 100%; padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 700; font-family: inherit; color: #fff; border: none; border-radius: var(--msk-radius-md, 0.5rem); cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-contact__submit:hover { opacity: 0.9; }



.msk-footer-contact__bottom { position: relative; overflow: hidden; padding: var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); color: rgba(246,246,246,0.92); }

.msk-footer-contact__decor { position: absolute; top: 0; right: 0; width: 50%; height: 100%; pointer-events: none; opacity: 0.1; color: currentColor; }

.msk-footer-contact__bottom-main { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: var(--msk-space-8, 2rem); align-items: start; margin-block-end: var(--msk-space-8, 2rem); }


.msk-footer-contact__brand { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-footer-contact__brand-name { font-size: clamp(1.25rem, 2.5vw, 1.75rem); font-weight: 700; color: #fff; margin: 0; text-transform: uppercase; letter-spacing: 1px; }
.msk-footer-contact__brand-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); margin: 0; line-height: var(--msk-leading-normal, 1.6); }


.msk-footer-contact__about { display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }
.msk-footer-contact__about-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #fff; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.msk-footer-contact__about-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); margin: 0; line-height: var(--msk-leading-normal, 1.6); }


.msk-footer-contact__socials { display: flex; gap: var(--msk-space-3, 0.75rem); align-items: flex-start; }
.msk-footer-contact__social-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 36px; border-radius: var(--msk-radius-full, 9999px); color: rgba(246,246,246,0.92); border: 1px solid rgba(246,246,246,0.25); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-contact__social-icon:hover { color: #fff; border-color: rgba(246,246,246,0.65); }


.msk-footer-contact__nav { display: flex; flex-wrap: wrap; gap: var(--msk-space-6, 1.5rem); padding-block-start: var(--msk-space-6, 1.5rem); border-block-start: 1px solid rgba(246,246,246,0.15); }
.msk-footer-contact__nav-link { font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: rgba(246,246,246,0.92); transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-contact__nav-link:hover { color: #fff; }



@media (max-width: 782px) {
    .msk-footer-contact__top-grid { grid-template-columns: 1fr; }
    .msk-footer-contact__bottom-main { grid-template-columns: 1fr; }
    .msk-footer-contact__nav { justify-content: center; }
}



.msk-footer-contact--editor { border-radius: var(--msk-radius-md, 0.5rem); overflow: hidden; display: block; }


.msk-footer-contact__editor-top { padding: 20px 24px; }
.msk-footer-contact__editor-top-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.msk-footer-contact__editor-info { display: flex; flex-direction: column; gap: 6px; }
.msk-footer-contact__editor-headline { font-size: 13px; font-weight: 700; color: #111; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.msk-footer-contact__editor-desc { font-size: 10px; color: #555; margin: 0; line-height: 1.5; }
.msk-footer-contact__editor-details { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
.msk-footer-contact__editor-detail { font-size: 9px; color: #444; }
.msk-footer-contact__editor-form-card { background: #fff; border-radius: 8px; padding: 12px 14px; box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
.msk-footer-contact__editor-form-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #111; margin: 0 0 8px; }
.msk-footer-contact__editor-form-fields { display: flex; flex-direction: column; gap: 5px; }
.msk-footer-contact__editor-field { height: 14px; background: #f3f4f6; border-radius: 3px; border: 1px solid #e5e7eb; }
.msk-footer-contact__editor-field--textarea { height: 32px; }
.msk-footer-contact__editor-submit { height: 18px; border-radius: 3px; margin-top: 2px; }


.msk-footer-contact__editor-bottom { position: relative; overflow: hidden; padding: 16px 24px 12px; color: rgba(246,246,246,0.92); }
.msk-footer-contact__editor-decor { position: absolute; top: 0; right: 0; width: 50%; height: 100%; pointer-events: none; opacity: 0.1; color: currentColor; }
.msk-footer-contact__editor-bottom-grid { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 14px; align-items: start; margin-bottom: 10px; position: relative; }
.msk-footer-contact__editor-brand-name { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin: 0 0 4px; }
.msk-footer-contact__editor-brand-desc { font-size: 9px; color: rgba(246,246,246,0.75); margin: 0; line-height: 1.4; }
.msk-footer-contact__editor-about-title { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #fff; margin: 0 0 3px; }
.msk-footer-contact__editor-about-desc { font-size: 9px; color: rgba(246,246,246,0.75); margin: 0; line-height: 1.4; }
.msk-footer-contact__editor-socials { display: flex; gap: 5px; align-items: center; }
.msk-footer-contact__editor-social-dot { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(246,246,246,0.3); display: inline-flex; align-items: center; justify-content: center; font-size: 7px; font-weight: 700; color: rgba(246,246,246,0.7); }
.msk-footer-contact__editor-nav { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 8px; border-top: 1px solid rgba(246,246,246,0.15); position: relative; }
.msk-footer-contact__editor-nav-link { font-size: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: rgba(246,246,246,0.8); }
.msk-footer-contact__editor-placeholder { font-size: 9px; color: rgba(246,246,246,0.45); font-style: italic; }



.msk-footer-contact--v2 { padding: 0; }



@media (prefers-reduced-motion: reduce) {
    .msk-footer-contact__input,
    .msk-footer-contact__textarea,
    .msk-footer-contact__submit,
    .msk-footer-contact__social-icon,
    .msk-footer-contact__nav-link { transition: none; }
}


.msk-footer-contact .maple-form__input,
.msk-footer-contact .maple-form__input--textarea {
    padding: var(--msk-space-3, 0.75rem);
    color: #222;
    background: #fff;
    border: 1px solid;
    border-radius: var(--msk-radius-md, 0.5rem);
}
.msk-footer-contact .maple-form__input:focus,
.msk-footer-contact .maple-form__input--textarea:focus {
    box-shadow: 0 0 0 2px rgba(239,68,68,0.15);
}
.msk-footer-contact .maple-form__input--textarea { min-block-size: 100px; }
.msk-footer-contact .maple-form__button {
    inline-size: 100%;
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem);
    font-weight: 700;
    color: #fff;
    border-radius: var(--msk-radius-md, 0.5rem);
    text-transform: uppercase;
    letter-spacing: 1px;
}





.msk-footer-dark { padding: var(--msk-space-4, 1rem); }


.msk-footer-dark__card { color: rgba(246,246,246,0.92); overflow: hidden; position: relative; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); border-radius: var(--msk-radius-xl, 1.5rem); }



.msk-footer-dark__header { display: flex; justify-content: space-between; align-items: center; gap: var(--msk-space-8, 2rem); padding-block-end: var(--msk-space-10, 2.5rem); border-block-end: 1px solid rgba(246,246,246,0.1); margin-block-end: var(--msk-space-10, 2.5rem); position: relative; z-index: 1; }

.msk-footer-dark__headline { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 600; color: rgba(246,246,246,0.9); margin: 0; max-inline-size: 600px; line-height: 1.3; }



.msk-footer-dark__grid { display: grid; grid-template-columns: auto repeat(3, 1fr) auto; gap: var(--msk-space-10, 2.5rem); position: relative; z-index: 1; align-items: start; }


.msk-footer-dark__decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.06; z-index: 0; }


.msk-footer-dark__brand { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-footer-dark__logo { block-size: 36px; inline-size: auto; margin-block-end: var(--msk-space-4, 1rem); }
.msk-footer-dark__brand-name { font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 700; color: #f6f6f6; margin: 0; }

.msk-footer-dark__social-list { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }
.msk-footer-dark__social-item { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); text-decoration: none; color: inherit; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-dark__social-item:hover { color: #f6f6f6; }
.msk-footer-dark__social-title { font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: rgba(246,246,246,0.9); }
.msk-footer-dark__social-desc { font-size: var(--msk-font-size-sm, 0.875rem); opacity: 0.5; }


.msk-footer-dark__col { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }

.msk-footer-dark__col-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: rgba(246,246,246,0.9); margin: 0 0 var(--msk-space-2, 0.5rem); }

.msk-footer-dark__link-item { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); text-decoration: none; color: inherit; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-dark__link-item:hover { color: #f6f6f6; }
.msk-footer-dark__link-title { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); }
.msk-footer-dark__link-desc { font-size: var(--msk-font-size-xs, 0.75rem); opacity: 0.5; line-height: var(--msk-leading-normal, 1.6); }


.msk-footer-dark__cta-cards { display: flex; gap: var(--msk-space-4, 1rem); align-self: stretch; }

.msk-footer-dark__cta-card { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--msk-space-6, 1.5rem); padding: var(--msk-space-5, 1.25rem) var(--msk-space-6, 1.5rem); border: 1px solid rgba(246,246,246,0.35); text-decoration: none; color: rgba(246,246,246,0.92); min-inline-size: 160px; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-dark__cta-card:hover { border-color: rgba(246,246,246,0.7); }

.msk-footer-dark__cta-card-arrow { display: inline-flex; flex-shrink: 0; color: rgba(246,246,246,0.92); }

.msk-footer-dark__cta-card-text { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; line-height: 1.35; }



@media (max-width: 782px) {
    .msk-footer-dark__header { flex-direction: column; align-items: flex-start; }
    .msk-footer-dark__grid { grid-template-columns: 1fr 1fr; }
    .msk-footer-dark__cta-cards { grid-column: 1 / -1; }
}



.msk-footer-dark--editor { }
.msk-footer-dark__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; }

.msk-footer-dark__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; padding: 1.5rem; color: rgba(246,246,246,0.7); position: relative; }

.msk-footer-dark__editor-header { padding-block-end: 1rem; border-block-end: 1px solid rgba(246,246,246,0.1); margin-block-end: 1rem; position: relative; z-index: 1; }
.msk-footer-dark__editor-headline { font-size: 14px; font-weight: 600; color: rgba(246,246,246,0.85); margin: 0; }

.msk-footer-dark__editor-grid { display: grid; grid-template-columns: auto repeat(3, 1fr) auto; gap: 1.5rem; position: relative; z-index: 1; align-items: start; }

.msk-footer-dark__editor-brand { display: flex; flex-direction: column; gap: 0.5rem; }
.msk-footer-dark__editor-brand-name { font-size: 13px; font-weight: 700; color: #f6f6f6; margin: 0 0 0.25rem; }
.msk-footer-dark__editor-social-item { font-size: 11px; color: rgba(246,246,246,0.6); padding: 2px 0; display: block; }
.msk-footer-dark__editor-social-title { font-weight: 700; color: rgba(246,246,246,0.85); }

.msk-footer-dark__editor-col { display: flex; flex-direction: column; gap: 0.4rem; }
.msk-footer-dark__editor-col-title { font-size: 11px; font-weight: 700; color: rgba(246,246,246,0.9); margin: 0 0 0.25rem; }
.msk-footer-dark__editor-link-item { font-size: 11px; color: rgba(246,246,246,0.6); padding: 1px 0; display: block; }
.msk-footer-dark__editor-link-title { color: rgba(246,246,246,0.7); display: block; }

.msk-footer-dark__editor-cta-cards { display: flex; gap: 0.75rem; align-self: stretch; }
.msk-footer-dark__editor-cta-card { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.6rem 0.75rem; border: 1px solid rgba(246,246,246,0.35); min-width: 100px; }
.msk-footer-dark__editor-cta-card-arrow { display: inline-flex; flex-shrink: 0; color: rgba(246,246,246,0.6); }
.msk-footer-dark__editor-cta-card-arrow svg { width: 14px; height: 14px; }
.msk-footer-dark__editor-cta-card-text { font-size: 11px; font-weight: 600; color: rgba(246,246,246,0.9); line-height: 1.35; }



.msk-footer-dark--v2 { padding: 0; }



@media (prefers-reduced-motion: reduce) {
    .msk-footer-dark__social-item,
    .msk-footer-dark__link-item,
    .msk-footer-dark__cta-card { transition: none; }
}





.msk-footer-detailed { padding: var(--msk-space-4, 1rem); }
.msk-footer-detailed--v2 { padding: 0; }


.msk-footer-detailed__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; }



.msk-footer-detailed__cta-card { color: #f6f6f6; overflow: hidden; padding: var(--msk-space-10, 2.5rem); }

.msk-footer-detailed__cta-row { display: flex; justify-content: space-between; align-items: center; gap: var(--msk-space-8, 2rem); }

.msk-footer-detailed__cta-text { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); max-inline-size: 600px; }
.msk-footer-detailed__cta-headline { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; color: #f6f6f6; margin: 0; line-height: 1.2; }
.msk-footer-detailed__cta-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); line-height: var(--msk-leading-normal, 1.6); margin: 0; }

.msk-footer-detailed__cta-btns { display: flex; gap: var(--msk-space-3, 0.75rem); flex-shrink: 0; }
.msk-footer-detailed__btn { display: inline-flex; align-items: center; padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: var(--msk-radius-md, 0.5rem); text-decoration: none; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-detailed__btn--primary { color: #fff; }
.msk-footer-detailed__btn--primary:hover { transform: translateY(-1px); }
.msk-footer-detailed__btn--outline { color: #f6f6f6; background: transparent; border: 2px solid rgba(246,246,246,0.4); }
.msk-footer-detailed__btn--outline:hover { border-color: #f6f6f6; }

.msk-footer-detailed__cta-image img { inline-size: 100%; block-size: 100%; object-fit: cover; }



.msk-footer-detailed__main { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-10, 2.5rem); color: rgba(246,246,246,0.92); }

.msk-footer-detailed__brand { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-footer-detailed__logo { block-size: 28px; inline-size: auto; }
.msk-footer-detailed__brand-name { font-size: clamp(1rem, 2vw, 1.25rem); font-weight: 700; color: #f6f6f6; margin: 0; }
.msk-footer-detailed__company { font-size: var(--msk-font-size-xs, 0.75rem); color: rgba(246,246,246,0.92); line-height: var(--msk-leading-normal, 1.6); }



.msk-footer-detailed__decor { position: absolute; top: 0; right: 0; inline-size: 45%; block-size: 100%; pointer-events: none; opacity: 0.06; color: #f6f6f6; z-index: 0; }

.msk-footer-detailed__col-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #f6f6f6; margin: 0 0 var(--msk-space-4, 1rem); }
.msk-footer-detailed__col-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); }
.msk-footer-detailed__col-list a { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-detailed__col-list a:hover { color: #f6f6f6; }



.msk-footer-detailed__social-row { display: flex; align-items: center; justify-content: center; gap: var(--msk-space-5, 1.25rem); padding: var(--msk-space-5, 1.25rem) var(--msk-space-10, 2.5rem); border-block-start: 1px solid rgba(246,246,246,0.1); color: rgba(246,246,246,0.92); }
.msk-footer-detailed__social-label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #f6f6f6; }
.msk-footer-detailed__socials { display: flex; gap: var(--msk-space-4, 1rem); align-items: center; }
.msk-footer-detailed__social { display: inline-flex; color: rgba(246,246,246,0.92); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-detailed__social:hover { color: #f6f6f6; }



.msk-footer-detailed__tags-bar { display: flex; align-items: center; gap: var(--msk-space-4, 1rem); padding: var(--msk-space-5, 1.25rem) var(--msk-space-4, 1rem); border-block-start: 1px solid rgba(0,0,0,0.1); flex-wrap: wrap; color: #333; }
.msk-footer-detailed__tags-label { font-size: var(--msk-font-size-xs, 0.75rem); color: #4a4a4a; white-space: nowrap; }
.msk-footer-detailed__tags { display: flex; gap: var(--msk-space-4, 1rem); flex-wrap: wrap; flex: 1; }
.msk-footer-detailed__tag { font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 600; color: #444; text-decoration: none; text-transform: uppercase; letter-spacing: var(--msk-tracking-wider, 0.1em); transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-detailed__tag:hover { color: #111; }
.msk-footer-detailed__tags-more { font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 600; color: #111; text-decoration: none; white-space: nowrap; margin-inline-start: auto; }



.msk-footer-detailed__copyright-bar { display: flex; justify-content: space-between; align-items: center; padding: var(--msk-space-5, 1.25rem) var(--msk-space-4, 1rem); border-block-start: 1px solid rgba(0,0,0,0.1); }
.msk-footer-detailed__copyright { font-size: var(--msk-font-size-xs, 0.75rem); color: #4a4a4a; margin: 0; }
.msk-footer-detailed__legal { display: flex; gap: var(--msk-space-5, 1.25rem); }
.msk-footer-detailed__legal a { font-size: var(--msk-font-size-xs, 0.75rem); color: #444; text-decoration: none; }
.msk-footer-detailed__legal a:hover { color: #111; }



@media (max-width: 782px) {
    .msk-footer-detailed__cta-row { flex-direction: column; align-items: flex-start; }
    .msk-footer-detailed__main { grid-template-columns: 1fr 1fr; }
    .msk-footer-detailed__brand { grid-column: 1 / -1; }
    .msk-footer-detailed__social-row { flex-wrap: wrap; }
    .msk-footer-detailed__copyright-bar { flex-direction: column; gap: var(--msk-space-3, 0.75rem); align-items: flex-start; }
}




.wp-block-maple-site-kit-footer-detailed { display: block; }


.msk-footer-detailed__card .msk-footer-detailed__editor-decor { position: absolute; top: 0; right: 0; inline-size: 45%; block-size: 100%; pointer-events: none; opacity: 0.06; color: #f6f6f6; z-index: 0; }


.msk-footer-detailed__social { font-size: 0.75rem; font-weight: 700; }



@media (prefers-reduced-motion: reduce) {
    .msk-footer-detailed__btn,
    .msk-footer-detailed__col-list a,
    .msk-footer-detailed__tag,
    .msk-footer-detailed__legal a { transition: none; }
}





.msk-footer-hero { padding: var(--msk-space-4, 1rem); }
.msk-footer-hero--v2 { padding: 0; }


.msk-footer-hero__card { overflow: hidden; position: relative; border-radius: var(--msk-radius-xl, 1.5rem); }



.msk-footer-hero__banner { position: relative; min-block-size: 350px; display: flex; align-items: flex-start; background-size: cover; background-position: center bottom; }

.msk-footer-hero__banner-inner { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--msk-space-8, 2rem); inline-size: 100%; max-inline-size: 1200px; margin: 0 auto; padding: var(--msk-space-12, 3rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }

.msk-footer-hero__headline { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 700; color: #fff; margin: 0; line-height: 1.3; max-inline-size: 400px; }

.msk-footer-hero__ctas { display: flex; gap: var(--msk-space-4, 1rem); flex-shrink: 0; align-items: center; }

.msk-footer-hero__cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: var(--msk-radius-md, 0.5rem); text-decoration: none; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-hero__cta--ghost { color: #fff; background: transparent; border: 2px solid #fff; }
.msk-footer-hero__cta--ghost:hover { text-decoration: underline; }
.msk-footer-hero__cta--solid { color: var(--msk-color-text-primary, #111); background: #fff; }
.msk-footer-hero__cta--solid:hover { transform: translateY(-1px); }



.msk-footer-hero__bottom { color: rgba(246,246,246,0.92); }

.msk-footer-hero__bottom-inner { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr; gap: var(--msk-space-10, 2.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }


.msk-footer-hero__brand { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); }
.msk-footer-hero__logo { block-size: 28px; inline-size: auto; }
.msk-footer-hero__lang { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); border: 2px solid rgba(246,246,246,0.3); border-radius: var(--msk-radius-full, 9999px); padding: var(--msk-space-2, 0.5rem) var(--msk-space-4, 1rem); background: transparent; cursor: pointer; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); align-self: flex-start; }
.msk-footer-hero__lang:hover { border-color: rgba(246,246,246,0.6); }


.msk-footer-hero__col-title { font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 700; text-transform: uppercase; letter-spacing: var(--msk-tracking-widest, 0.15em); color: rgba(246,246,246,0.92); margin: 0 0 var(--msk-space-5, 1.25rem); }
.msk-footer-hero__col-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-footer-hero__col-list a { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-hero__col-list a:hover { color: #fff; }



.msk-footer-hero__brand-name { font-size: 1.125rem; font-weight: 700; color: #fff; margin: 0; letter-spacing: 0.03em; }



.msk-footer-hero__decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.08; color: #fff; z-index: 1; }



@media (max-width: 782px) {
    .msk-footer-hero__banner-inner { flex-direction: column; }
    .msk-footer-hero__bottom-inner { grid-template-columns: 1fr 1fr; }
    .msk-footer-hero__brand { grid-column: 1 / -1; }
}




.msk-footer-hero__editor-label { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: var(--msk-color-text-muted, #999); background: var(--msk-color-surface, #f5f5f5); padding: 2px 8px; border-radius: 3px; }
.msk-footer-hero__editor-headline { font-size: 14px; font-weight: 700; color: var(--msk-color-text-primary, #111); }


.msk-footer-hero--editor { display: block; }
.msk-footer-hero__editor-card { overflow: hidden; border-radius: var(--msk-radius-xl, 1.5rem); position: relative; }

.msk-footer-hero__editor-banner { position: relative; min-block-size: 160px; display: flex; align-items: flex-start; background-size: cover; background-position: center bottom; }
.msk-footer-hero__editor-banner-inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; inline-size: 100%; padding: 2rem; position: relative; z-index: 2; }
.msk-footer-hero__editor-banner-headline { font-size: clamp(1rem, 2vw, 1.5rem); font-weight: 700; color: #fff; margin: 0; line-height: 1.3; max-inline-size: 360px; }
.msk-footer-hero__editor-ctas { display: flex; gap: 0.75rem; align-items: center; flex-shrink: 0; }
.msk-footer-hero__editor-cta { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1.1rem; font-size: 0.8rem; font-weight: 600; border-radius: 0.375rem; text-decoration: none; }
.msk-footer-hero__editor-cta--ghost { color: #fff; border: 2px solid #fff; background: transparent; }
.msk-footer-hero__editor-cta--solid { color: #111; background: #fff; }

.msk-footer-hero__editor-bottom { position: relative; overflow: hidden; }
.msk-footer-hero__editor-bottom-inner { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr; gap: 1.5rem; padding: 2rem; }
.msk-footer-hero__editor-decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.1; color: #fff; }
.msk-footer-hero__editor-brand { display: flex; flex-direction: column; gap: 0.75rem; }
.msk-footer-hero__editor-brand-name { font-size: 1rem; font-weight: 700; color: #fff; margin: 0; letter-spacing: 0.03em; }
.msk-footer-hero__editor-brand-logo { height: 28px; width: auto; }
.msk-footer-hero__editor-lang { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.75rem; color: rgba(246,246,246,0.8); border: 2px solid rgba(246,246,246,0.3); border-radius: 9999px; padding: 0.3rem 0.75rem; background: transparent; align-self: flex-start; cursor: default; }
.msk-footer-hero__editor-links { }
.msk-footer-hero__editor-col-title { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(246,246,246,0.92); margin: 0 0 0.75rem; }
.msk-footer-hero__editor-link-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.msk-footer-hero__editor-link-list li { font-size: 0.8rem; color: rgba(246,246,246,0.65); }



@media (prefers-reduced-motion: reduce) {
    .msk-footer-hero__cta,
    .msk-footer-hero__col-list a { transition: none; }
}





.msk-footer-mega { padding: var(--msk-space-4, 1rem); }
.msk-footer-mega--v2 { padding: 0; }


.msk-footer-mega__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; padding: var(--msk-space-8, 2rem); }



.msk-footer-mega__banner { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); display: grid; grid-template-columns: 1fr auto; gap: var(--msk-space-8, 2rem); align-items: center; overflow: hidden; color: #fff; margin-block-end: var(--msk-space-16, 4rem); }

.msk-footer-mega__banner-text { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-footer-mega__banner-headline { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 700; margin: 0; line-height: 1.15; }
.msk-footer-mega__banner-desc { font-size: var(--msk-font-size-sm, 0.875rem); opacity: 0.8; margin: 0; }

.msk-footer-mega__banner-ctas { display: flex; gap: var(--msk-space-4, 1rem); flex-wrap: wrap; margin-block-start: var(--msk-space-4, 1rem); }
.msk-footer-mega__banner-cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-8, 2rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: var(--msk-radius-full, 9999px); text-decoration: none; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-mega__banner-cta--primary { background: #fff; color: #111; }
.msk-footer-mega__banner-cta--primary:hover { transform: translateY(-1px); }
.msk-footer-mega__banner-cta--secondary { background: transparent; color: #fff; }
.msk-footer-mega__banner-cta--secondary:hover { text-decoration: underline; }

.msk-footer-mega__banner-image img { max-block-size: 280px; inline-size: auto; border-radius: var(--msk-radius-lg, 1rem); }



.msk-footer-mega__links-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--msk-space-10, 2.5rem); padding-block: var(--msk-space-12, 3rem); }

.msk-footer-mega__col-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: var(--msk-color-text-primary, #111); margin: 0 0 var(--msk-space-5, 1.25rem); }

.msk-footer-mega__col-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); }
.msk-footer-mega__col-list a { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-mega__col-list a:hover { color: var(--msk-color-text-primary, #111); }


.msk-footer-mega__subscribe { min-inline-size: 0; }
.msk-footer-mega__sub-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-primary, #111); margin: 0 0 var(--msk-space-4, 1rem); }
.msk-footer-mega__sub-form { display: flex; gap: 0; min-inline-size: 0; }
.msk-footer-mega__sub-input { flex: 1; min-inline-size: 0; padding: var(--msk-space-3, 0.75rem) var(--msk-space-5, 1.25rem); font-size: var(--msk-font-size-sm, 0.875rem); border: 1px solid var(--msk-color-border, #767676); border-inline-end: none; border-radius: var(--msk-radius-full, 9999px) 0 0 var(--msk-radius-full, 9999px); background: var(--msk-color-surface, #f0f0f8); outline: none; font-family: inherit; box-sizing: border-box; }
.msk-footer-mega__sub-input:focus { border-color: var(--msk-color-accent, #8a1622); }
.msk-footer-mega__sub-btn { flex-shrink: 0; padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; background: var(--msk-color-accent, #8a1622); border: none; border-radius: 0 var(--msk-radius-full, 9999px) var(--msk-radius-full, 9999px) 0; cursor: pointer; font-family: inherit; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); white-space: nowrap; }
.msk-footer-mega__sub-btn:hover { opacity: 0.9; }
.msk-footer-mega__sub-privacy { font-size: var(--msk-font-size-xs, 0.75rem); color: var(--msk-color-text-muted, #999); margin: var(--msk-space-2, 0.5rem) 0 0; }



.msk-footer-mega__bottom { border-block-start: 1px solid var(--msk-color-border, #e0e0e0); padding-block-start: var(--msk-space-8, 2rem); }

.msk-footer-mega__bottom-top { display: flex; justify-content: space-between; align-items: center; margin-block-end: var(--msk-space-6, 1.5rem); padding-block-end: var(--msk-space-6, 1.5rem); border-block-end: 1px solid var(--msk-color-border, #e0e0e0); }

.msk-footer-mega__logo { block-size: 32px; inline-size: auto; }

.msk-footer-mega__socials { display: flex; gap: var(--msk-space-4, 1rem); }
.msk-footer-mega__social { color: var(--msk-color-text-muted, #4b4b4b); text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-mega__social:hover { color: var(--msk-color-text-primary, #111); }

.msk-footer-mega__bottom-bar { display: flex; justify-content: space-between; align-items: center; }
.msk-footer-mega__legal { display: flex; gap: var(--msk-space-6, 1.5rem); }
.msk-footer-mega__legal a { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); text-decoration: none; }
.msk-footer-mega__legal a:hover { color: var(--msk-color-text-primary, #111); }
.msk-footer-mega__copyright { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #999); margin: 0; }



.msk-footer-mega__brand-name { font-size: var(--msk-font-size-base, 1rem); font-weight: 700; color: var(--msk-color-text-primary, #111); margin: 0; }



.msk-footer-mega__card { position: relative; }
.msk-footer-mega__decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.06; color: var(--msk-color-text-primary, #111); }



@media (max-width: 782px) {
    .msk-footer-mega__banner { grid-template-columns: 1fr; }
    .msk-footer-mega__banner-image { display: none; }
    .msk-footer-mega__bottom-top,
    .msk-footer-mega__bottom-bar { flex-direction: column; gap: var(--msk-space-4, 1rem); align-items: flex-start; }
}



.msk-footer-mega--editor { border: 1px dashed var(--msk-color-border, #e0e0e0); border-radius: var(--msk-radius-md, 0.5rem); padding: var(--msk-space-6, 1.5rem); position: relative; overflow: hidden; }


.msk-footer-mega__editor-banner { border-radius: var(--msk-radius-xl, 1.5rem); padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; margin-block-end: 1.5rem; color: #fff; overflow: hidden; }
.msk-footer-mega__editor-banner-text { display: flex; flex-direction: column; gap: 0.5rem; }
.msk-footer-mega__editor-banner-headline { font-size: clamp(1.1rem, 3vw, 1.75rem); font-weight: 700; margin: 0; color: #fff; }
.msk-footer-mega__editor-banner-desc { font-size: 0.8rem; opacity: 0.8; margin: 0; }
.msk-footer-mega__editor-banner-ctas { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-block-start: 0.5rem; }
.msk-footer-mega__editor-cta { display: inline-block; padding: 0.4rem 1.1rem; font-size: 0.78rem; font-weight: 600; border-radius: 9999px; }
.msk-footer-mega__editor-cta--primary { background: #fff; color: #111; }
.msk-footer-mega__editor-cta--secondary { border: 1px solid rgba(255,255,255,0.6); color: #fff; }
.msk-footer-mega__editor-banner-image img { max-height: 140px; width: auto; border-radius: 8px; }
.msk-footer-mega__editor-banner-image-placeholder { width: 100px; height: 100px; background: rgba(255,255,255,0.15); border-radius: 8px; }


.msk-footer-mega__editor-links-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; padding-block: 1.25rem; border-block: 1px solid var(--msk-color-border, #e0e0e0); margin-block-end: 1.25rem; }
.msk-footer-mega__editor-col-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: var(--msk-color-text-primary, #111); margin: 0 0 0.6rem; }
.msk-footer-mega__editor-link-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.35rem; }
.msk-footer-mega__editor-link-list li { font-size: 0.78rem; color: var(--msk-color-text-muted, #4b4b4b); }
.msk-footer-mega__editor-empty { font-size: 0.72rem; color: var(--msk-color-text-muted, #aaa); font-style: italic; margin: 0; }


.msk-footer-mega__editor-col--subscribe {}
.msk-footer-mega__editor-sub-desc { font-size: 0.75rem; color: var(--msk-color-text-muted, #4b4b4b); margin: 0 0 0.5rem; }
.msk-footer-mega__editor-sub-form { display: flex; gap: 0; }
.msk-footer-mega__editor-sub-input { flex: 1; font-size: 0.72rem; padding: 0.35rem 0.6rem; border: 1px solid var(--msk-color-border, #767676); border-inline-end: none; border-radius: 9999px 0 0 9999px; background: var(--msk-color-surface, #f0f0f8); color: var(--msk-color-text-muted, #4b4b4b); }
.msk-footer-mega__editor-sub-btn { font-size: 0.72rem; font-weight: 600; padding: 0.35rem 0.7rem; background: var(--msk-color-accent, #8a1622); color: #fff; border-radius: 0 9999px 9999px 0; white-space: nowrap; }
.msk-footer-mega__editor-sub-privacy { font-size: 0.68rem; color: var(--msk-color-text-muted, #aaa); margin: 0.3rem 0 0; }


.msk-footer-mega__editor-bottom { border-block-start: 1px solid var(--msk-color-border, #e0e0e0); padding-block-start: 0.75rem; }
.msk-footer-mega__editor-bottom-top { display: flex; justify-content: space-between; align-items: center; margin-block-end: 0.5rem; padding-block-end: 0.5rem; border-block-end: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-footer-mega__editor-brand-name { font-size: 0.85rem; font-weight: 700; color: var(--msk-color-text-primary, #111); margin: 0; }
.msk-footer-mega__editor-socials { display: flex; gap: 0.5rem; }
.msk-footer-mega__editor-social-icon { font-size: 0.72rem; font-weight: 700; color: var(--msk-color-text-muted, #4b4b4b); background: var(--msk-color-surface, #f0f0f0); padding: 2px 5px; border-radius: 3px; }
.msk-footer-mega__editor-bottom-bar { display: flex; justify-content: space-between; align-items: center; }
.msk-footer-mega__editor-legal { display: flex; gap: 0.75rem; }
.msk-footer-mega__editor-legal span { font-size: 0.72rem; color: var(--msk-color-text-muted, #4b4b4b); }
.msk-footer-mega__editor-copyright { font-size: 0.72rem; color: var(--msk-color-text-muted, #999); margin: 0; }



@media (prefers-reduced-motion: reduce) {
    .msk-footer-mega__banner-cta,
    .msk-footer-mega__col-list a,
    .msk-footer-mega__social,
    .msk-footer-mega__sub-btn { transition: none; }
}





.msk-footer-section { padding: var(--msk-space-4, 1rem); }
.msk-footer-section--v2 { padding: 0; }


.msk-footer-section__card { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); color: #f6f6f6; position: relative; overflow: hidden; }



.msk-footer-section__top { display: flex; justify-content: space-between; gap: var(--msk-space-10, 2.5rem); margin-block-end: var(--msk-space-16, 4rem); }


.msk-footer-section__brand { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); max-inline-size: 480px; }
.msk-footer-section__logo { block-size: 40px; inline-size: auto; }
.msk-footer-section__tagline { font-size: var(--msk-font-size-sm, 0.875rem); line-height: var(--msk-leading-normal, 1.6); margin: var(--msk-space-6, 1.5rem) 0 0; opacity: 0.65; }
.msk-footer-section__about { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); text-decoration: none; }
.msk-footer-section__about:hover { color: #f6f6f6; }


.msk-footer-section__nav { display: flex; gap: var(--msk-space-8, 2rem); flex-wrap: wrap; align-items: flex-start; }
.msk-footer-section__nav-link { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); text-decoration: none; text-decoration-line: underline; text-underline-offset: 4px; text-decoration-color: transparent; transition: text-decoration-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-section__nav-link:hover { text-decoration-color: currentColor; }



.msk-footer-section__bottom { display: grid; grid-template-columns: auto 1fr auto; gap: var(--msk-space-10, 2.5rem); align-items: end; }


.msk-footer-section__socials { display: flex; flex-wrap: wrap; gap: var(--msk-space-2, 0.5rem); max-inline-size: 100px; }
.msk-footer-section__social { display: inline-flex; align-items: center; justify-content: center; inline-size: 40px; block-size: 40px; border-radius: var(--msk-radius-full, 9999px); border: 1px solid rgba(246,246,246,0.25); color: #f6f6f6; text-decoration: none; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-footer-section__social:hover { background: rgba(246,246,246,0.1); }


.msk-footer-section__copyright { font-size: var(--msk-font-size-xs, 0.75rem); opacity: 0.5; text-align: center; margin: 0; }


.msk-footer-section__bottom-right { display: flex; gap: var(--msk-space-10, 2.5rem); }

.msk-footer-section__section-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #f6f6f6; margin: 0 0 var(--msk-space-2, 0.5rem); }

.msk-footer-section__contact p,
.msk-footer-section__location p { font-size: var(--msk-font-size-sm, 0.875rem); margin: 0 0 var(--msk-space-1, 0.25rem); opacity: 0.6; }
.msk-footer-section__contact a { color: inherit; text-decoration: none; }
.msk-footer-section__contact a:hover { color: #f6f6f6; }


.msk-footer-section__lang-list { display: flex; gap: var(--msk-space-4, 1rem); }
.msk-footer-section__lang { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); text-decoration: none; }
.msk-footer-section__lang:hover { color: #f6f6f6; }


.msk-footer-section__brand-name {
    font-size: var(--msk-font-size-xl, 1.25rem);
    font-weight: 700;
    color: #f6f6f6;
    margin: 0;
    letter-spacing: var(--msk-tracking-wide, 0.05em);
}


.msk-footer-section__decor {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inline-size: 45%;
    block-size: 100%;
    pointer-events: none;
    opacity: 0.06;
}



@media (max-width: 782px) {
    .msk-footer-section__top { flex-direction: column; }
    .msk-footer-section__bottom { grid-template-columns: 1fr; }
    .msk-footer-section__bottom-right { flex-direction: column; gap: var(--msk-space-6, 1.5rem); }
    .msk-footer-section__socials { max-inline-size: none; flex-direction: row; }
}



.msk-footer-section--editor { border-radius: var(--msk-radius-md, 0.5rem); display: block; }


.msk-footer-section__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); color: #f6f6f6; position: relative; overflow: hidden; }


.msk-footer-section__editor-top { display: flex; justify-content: space-between; gap: var(--msk-space-10, 2.5rem); margin-block-end: var(--msk-space-10, 2.5rem); }


.msk-footer-section__editor-brand { display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); max-inline-size: 360px; }
.msk-footer-section__editor-brand-name { font-size: var(--msk-font-size-xl, 1.25rem); font-weight: 700; color: #f6f6f6; margin: 0; letter-spacing: var(--msk-tracking-wide, 0.05em); }
.msk-footer-section__editor-tagline { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.6); margin: var(--msk-space-4, 1rem) 0 0; line-height: var(--msk-leading-normal, 1.6); }
.msk-footer-section__editor-about { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.65); }


.msk-footer-section__editor-nav { display: flex; gap: var(--msk-space-6, 1.5rem); flex-wrap: wrap; align-items: flex-start; }
.msk-footer-section__editor-nav-link { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.8); }


.msk-footer-section__editor-bottom { display: grid; grid-template-columns: auto 1fr auto; gap: var(--msk-space-10, 2.5rem); align-items: end; }


.msk-footer-section__editor-socials { display: flex; flex-wrap: wrap; gap: var(--msk-space-2, 0.5rem); max-inline-size: 100px; }
.msk-footer-section__editor-social { display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 36px; border-radius: var(--msk-radius-full, 9999px); border: 1px solid rgba(246,246,246,0.25); color: #f6f6f6; font-size: 11px; font-weight: 700; }


.msk-footer-section__editor-copyright { font-size: var(--msk-font-size-xs, 0.75rem); opacity: 0.5; text-align: center; margin: 0; }


.msk-footer-section__editor-right { display: flex; gap: var(--msk-space-8, 2rem); flex-wrap: wrap; }
.msk-footer-section__editor-section-title { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; color: #f6f6f6; margin: 0 0 var(--msk-space-1, 0.25rem); }
.msk-footer-section__editor-contact-line,
.msk-footer-section__editor-address-line { font-size: var(--msk-font-size-xs, 0.75rem); color: rgba(246,246,246,0.6); margin: 0 0 2px; }
.msk-footer-section__editor-lang-list { display: flex; gap: var(--msk-space-3, 0.75rem); }
.msk-footer-section__editor-lang { font-size: var(--msk-font-size-xs, 0.75rem); color: rgba(246,246,246,0.65); }



@media (prefers-reduced-motion: reduce) {
    .msk-footer-section__nav-link,
    .msk-footer-section__social { transition: none; }
}



.msk-trust__inner {
	max-inline-size: 1180px;
	margin-inline: auto;
}






.msk-hero-section-wrap { padding: var(--msk-space-4, 1rem); }
.msk-hero-section { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: var(--msk-radius-xl, 1.5rem); }
.msk-hero-section--v2 { padding: 0; }


.msk-hero-section__bg-image, .msk-hero-section__bg-parallax, .msk-hero-section__bg-gradient { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; }
.msk-hero-section__bg-video { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; object-fit: cover; }
.msk-hero-section__overlay { position: absolute; inset: 0; background: #000; pointer-events: none; }


.msk-hero-section__decor { position: absolute; top: 0; right: 0; width: 55%; height: 100%; pointer-events: none; opacity: 0.1; color: #fff; z-index: 1; }


.msk-hero-section__content, .msk-hero-section__magazine-content, .msk-hero-section__card-wrapper { position: relative; z-index: 2; inline-size: 100%; max-inline-size: 900px; padding: var(--msk-space-8, 2rem); }


.msk-hero-section__badge { display: inline-block; padding: var(--msk-space-1, 0.25rem) var(--msk-space-4, 1rem); font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 700; text-transform: uppercase; letter-spacing: var(--msk-tracking-wider, 0.1em); border-radius: var(--msk-radius-full, 9999px); background: var(--msk-color-accent, #e94560); color: #fff; margin-block-end: var(--msk-space-4, 1rem); }

.msk-hero-section__subtitle { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; text-transform: uppercase; letter-spacing: var(--msk-tracking-widest, 0.15em); color: #ffffff; margin: 0 0 var(--msk-space-3, 0.75rem); }

.msk-hero-section__headline { font-size: clamp(2rem, 5vw, 4rem); font-weight: 800; line-height: 1.1; color: #fff; margin: 0 0 var(--msk-space-5, 1.25rem); text-wrap: balance; }

.msk-hero-section__description { font-size: var(--msk-font-size-base, 1rem); color: rgba(246,246,246,0.92); line-height: var(--msk-leading-normal, 1.6); max-inline-size: 600px; margin-block-end: var(--msk-space-6, 1.5rem); }
.msk-hero-section__description p { margin: 0 0 var(--msk-space-2, 0.5rem); }


.msk-hero-section__ctas { display: flex; gap: var(--msk-space-4, 1rem); flex-wrap: wrap; }
.msk-hero-section__cta { display: inline-flex; align-items: center; padding: var(--msk-space-3, 0.75rem) var(--msk-space-8, 2rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; text-transform: uppercase; letter-spacing: var(--msk-tracking-wider, 0.1em); text-decoration: none; border-radius: var(--msk-radius-md, 0.5rem); transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-hero-section__cta--primary { background: #fff; color: #111; }
.msk-hero-section__cta--primary:hover { transform: translateY(-2px); }
.msk-hero-section__cta--secondary { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,0.4); }
.msk-hero-section__cta--secondary:hover { border-color: #fff; }






.msk-hero-section--split .msk-hero-section__split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); align-items: center; inline-size: 100%; max-inline-size: 1200px; padding: var(--msk-space-12, 3rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }
.msk-hero-section--split .msk-hero-section__split-text { display: flex; flex-direction: column; }
.msk-hero-section--split .msk-hero-section__headline { color: var(--msk-color-text-primary, #111); }
.msk-hero-section--split .msk-hero-section__subtitle { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--split .msk-hero-section__description { color: var(--msk-color-text-primary, #111); }
.msk-hero-section--split .msk-hero-section__cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; }
.msk-hero-section--split .msk-hero-section__cta--secondary { color: var(--msk-color-text-primary, #111); border-color: var(--msk-color-border, #e0e0e0); }
.msk-hero-section--split .msk-hero-section__split-image img { max-inline-size: 100%; block-size: auto; border-radius: var(--msk-radius-lg, 1rem); }



.msk-hero-section--overlap .msk-hero-section__split { display: grid; grid-template-columns: 55% 1fr; align-items: center; inline-size: 100%; max-inline-size: 1200px; padding: var(--msk-space-12, 3rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }
.msk-hero-section--overlap .msk-hero-section__split-text { position: relative; z-index: 2; }
.msk-hero-section--overlap .msk-hero-section__split-image { margin-inline-start: -10%; }
.msk-hero-section--overlap .msk-hero-section__split-image img { max-inline-size: 100%; border-radius: var(--msk-radius-lg, 1rem); box-shadow: var(--msk-shadow-lg, 0 10px 30px rgba(0,0,0,0.12)); }
.msk-hero-section--overlap .msk-hero-section__headline { color: var(--msk-color-text-primary, #111); }
.msk-hero-section--overlap .msk-hero-section__subtitle { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--overlap .msk-hero-section__description { color: var(--msk-color-text-primary, #111); }






.msk-hero-section--gradient .msk-hero-section__portrait { margin-block-start: var(--msk-space-8, 2rem); }
.msk-hero-section--gradient .msk-hero-section__portrait img { max-block-size: 50vh; inline-size: auto; mix-blend-mode: luminosity; opacity: 0.7; }



.msk-hero-section--minimal { background: var(--msk-color-surface, #fff); }
.msk-hero-section--minimal .msk-hero-section__headline { font-size: clamp(2.5rem, 7vw, 6rem); color: var(--msk-color-text-primary, #111); }
.msk-hero-section--minimal .msk-hero-section__subtitle { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--minimal .msk-hero-section__description { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--minimal .msk-hero-section__cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; }
.msk-hero-section--minimal .msk-hero-section__cta--secondary { color: var(--msk-color-text-primary, #111); border-color: var(--msk-color-border, #e0e0e0); }



.msk-hero-section--card .msk-hero-section__card-wrapper { display: flex; justify-content: center; }
.msk-hero-section--card .msk-hero-section__card-inner { background: var(--msk-color-surface, #fff); color: var(--msk-color-text-primary, #111); padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); border-radius: var(--msk-radius-xl, 1.5rem); box-shadow: var(--msk-shadow-lg, 0 10px 30px rgba(0,0,0,0.12)); max-inline-size: 640px; }
.msk-hero-section--card .msk-hero-section__headline { color: var(--msk-color-text-primary, #111); }
.msk-hero-section--card .msk-hero-section__subtitle { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--card .msk-hero-section__description { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--card .msk-hero-section__cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; }



.msk-hero-section--magazine { align-items: flex-end; }
.msk-hero-section--magazine .msk-hero-section__magazine-content { padding: var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); max-inline-size: 700px; }






.msk-hero-section--animated .msk-hero-section__badge { animation: msk-fade-up var(--msk-duration-slower, 600ms) var(--msk-ease-out, ease-out) 100ms both; }
.msk-hero-section--animated .msk-hero-section__subtitle { animation: msk-fade-up var(--msk-duration-slower, 600ms) var(--msk-ease-out, ease-out) 200ms both; }
.msk-hero-section--animated .msk-hero-section__headline { animation: msk-fade-up var(--msk-duration-slower, 600ms) var(--msk-ease-out, ease-out) 350ms both; }
.msk-hero-section--animated .msk-hero-section__description { animation: msk-fade-up var(--msk-duration-slower, 600ms) var(--msk-ease-out, ease-out) 500ms both; }
.msk-hero-section--animated .msk-hero-section__ctas { animation: msk-fade-up var(--msk-duration-slower, 600ms) var(--msk-ease-out, ease-out) 650ms both; }

@keyframes msk-hero-fade-up {
    from { opacity: 0; transform: translateY(24px); }
    to { opacity: 1; transform: translateY(0); }
}



.msk-hero-section--photo { align-items: flex-end; }
.msk-hero-section--photo .msk-hero-section__photo { display: grid; grid-template-columns: 1fr auto; gap: var(--msk-space-8, 2rem); align-items: end; inline-size: 100%; max-inline-size: 1400px; padding: var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }
.msk-hero-section--photo .msk-hero-section__photo-text { display: flex; flex-direction: column; max-inline-size: 600px; }
.msk-hero-section--photo .msk-hero-section__headline { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; line-height: 1.05; }
.msk-hero-section--photo .msk-hero-section__description { color: rgba(255,255,255,0.75); }
.msk-hero-section--photo .msk-hero-section__cta--primary { background: #8a1622; color: #fff; border-radius: var(--msk-radius-full, 9999px); font-weight: 700; }
.msk-hero-section--photo .msk-hero-section__cta--primary:hover { background: #6e111b; }
.msk-hero-section--photo .msk-hero-section__cta--secondary { color: #fff; border-color: rgba(255,255,255,0.65); border-radius: var(--msk-radius-full, 9999px); }
.msk-hero-section--photo .msk-hero-section__photo-widget { max-inline-size: 280px; }
.msk-hero-section--photo .msk-hero-section__photo-widget img { max-inline-size: 100%; block-size: auto; border-radius: var(--msk-radius-xl, 1.5rem); box-shadow: var(--msk-shadow-lg, 0 10px 30px rgba(0,0,0,0.2)); }



.msk-hero-section--dark { background: #0a0a0a; }
.msk-hero-section--dark .msk-hero-section__dark { position: relative; z-index: 2; inline-size: 100%; max-inline-size: 1200px; display: flex; flex-direction: column; align-items: center; padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem); text-align: center; }
.msk-hero-section--dark .msk-hero-section__dark-content { display: flex; flex-direction: column; align-items: center; max-inline-size: 800px; }
.msk-hero-section--dark .msk-hero-section__headline { font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 800; color: #fff; text-align: center; }
.msk-hero-section--dark .msk-hero-section__description { color: rgba(255,255,255,0.65); text-align: center; max-inline-size: 500px; }
.msk-hero-section--dark .msk-hero-section__badge { background: rgba(255,255,255,0.1); color: #fff; border: 1px solid rgba(255,255,255,0.15); }
.msk-hero-section--dark .msk-hero-section__cta--primary { background: #fff; color: #111; border-radius: var(--msk-radius-full, 9999px); }
.msk-hero-section--dark .msk-hero-section__cta--secondary { color: #fff; border-color: rgba(255,255,255,0.3); border-radius: var(--msk-radius-full, 9999px); }


.msk-hero-section__dark-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--msk-space-4, 1rem); inline-size: 100%; margin-block-start: auto; padding-block-start: var(--msk-space-10, 2.5rem); }
.msk-hero-section__dark-stat-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-8, 2rem); display: flex; flex-direction: column; align-items: center; gap: var(--msk-space-2, 0.5rem); }
.msk-hero-section__dark-stat-value { font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 800; color: #fff; line-height: 1.2; }
.msk-hero-section__dark-stat-label { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(255,255,255,0.85); text-transform: uppercase; letter-spacing: var(--msk-tracking-wider, 0.1em); }



.msk-hero-section--startup { overflow: visible; }
.msk-hero-section--startup .msk-hero-section__bg-gradient { border-radius: var(--msk-radius-xl, 1.5rem); }
.msk-hero-section--startup .msk-hero-section__startup { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-8, 2rem); align-items: center; inline-size: 100%; max-inline-size: 1200px; padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }
.msk-hero-section--startup .msk-hero-section__startup-text { display: flex; flex-direction: column; }
.msk-hero-section--startup .msk-hero-section__headline { font-size: clamp(2rem, 4.5vw, 3.5rem); font-weight: 800; color: #ffffff; line-height: 1.1; }
.msk-hero-section--startup .msk-hero-section__description { color: #ffffff; font-size: var(--msk-font-size-base, 1rem); max-inline-size: 440px; }
.msk-hero-section--startup .msk-hero-section__cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; border-radius: var(--msk-radius-md, 0.5rem); }
.msk-hero-section--startup .msk-hero-section__cta--secondary { color: #ffffff; border-color: var(--msk-color-text-primary, #111); }
.msk-hero-section--startup .msk-hero-section__trust { font-size: var(--msk-font-size-xs, 0.75rem); color: #ffffff; margin: var(--msk-space-3, 0.75rem) 0 0; }
.msk-hero-section--startup .msk-hero-section__startup-image { position: relative; display: flex; justify-content: center; }
.msk-hero-section--startup .msk-hero-section__startup-image img { max-inline-size: 100%; block-size: auto; }



.msk-hero-section--showcase { background: var(--msk-color-surface, #fff); padding: var(--msk-space-6, 1.5rem); }
.msk-hero-section--showcase .msk-hero-section__showcase { position: relative; z-index: 2; inline-size: 100%; }
.msk-hero-section--showcase .msk-hero-section__showcase-panel { background: #e8e8e8; border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem) 0; display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; min-block-size: 100%; }
.msk-hero-section--showcase .msk-hero-section__showcase-content { display: flex; flex-direction: column; align-items: center; max-inline-size: 800px; }
.msk-hero-section--showcase .msk-hero-section__headline { font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; color: rgba(0,0,0,0.68); line-height: 1.1; text-align: center; }
.msk-hero-section--showcase .msk-hero-section__highlight { color: var(--msk-color-text-primary, #111); font-weight: 800; }
.msk-hero-section--showcase .msk-hero-section__subtitle { color: var(--msk-color-text-muted, #4b4b4b); text-transform: none; letter-spacing: 0; font-weight: 400; }
.msk-hero-section--showcase .msk-hero-section__description { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--showcase .msk-hero-section__badge { background: var(--msk-color-text-primary, #111); }
.msk-hero-section--showcase .msk-hero-section__cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; border-radius: var(--msk-radius-full, 9999px); padding: var(--msk-space-4, 1rem) var(--msk-space-8, 2rem); }
.msk-hero-section--showcase .msk-hero-section__cta-arrow { margin-inline-start: var(--msk-space-4, 1rem); font-size: 1.25em; display: inline-flex; align-items: center; justify-content: center; inline-size: 2rem; block-size: 2rem; border-radius: var(--msk-radius-full, 9999px); border: 1px solid rgba(255,255,255,0.3); }
.msk-hero-section--showcase .msk-hero-section__showcase-image { margin-block-start: var(--msk-space-8, 2rem); max-inline-size: 65%; }
.msk-hero-section--showcase .msk-hero-section__showcase-image img { max-inline-size: 100%; block-size: auto; }



.msk-hero-section--features { background: var(--msk-color-surface, #fff); align-items: stretch; }
.msk-hero-section--features .msk-hero-section__features { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-12, 3rem); inline-size: 100%; max-inline-size: 1400px; padding: var(--msk-space-12, 3rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }
.msk-hero-section--features .msk-hero-section__features-left { display: flex; flex-direction: column; gap: var(--msk-space-6, 1.5rem); }
.msk-hero-section--features .msk-hero-section__features-image img { max-inline-size: 100%; block-size: auto; border-radius: var(--msk-radius-lg, 1rem); }
.msk-hero-section--features .msk-hero-section__cta--primary { background: var(--msk-color-surface, #fff); color: var(--msk-color-text-primary, #111); border: 1px solid var(--msk-color-border, #e0e0e0); border-radius: var(--msk-radius-full, 9999px); padding: var(--msk-space-4, 1rem) var(--msk-space-8, 2rem); align-self: flex-start; }
.msk-hero-section--features .msk-hero-section__cta-arrow { margin-inline-start: var(--msk-space-4, 1rem); font-size: 1.25em; }
.msk-hero-section--features .msk-hero-section__features-right { display: flex; flex-direction: column; }


.msk-hero-section__feature-list { display: flex; flex-direction: column; }
.msk-hero-section__feature-item { display: grid; grid-template-columns: auto 1fr 1fr; gap: var(--msk-space-4, 1rem) var(--msk-space-6, 1.5rem); align-items: baseline; padding: var(--msk-space-6, 1.5rem) 0; border-block-end: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-hero-section__feature-item:first-child { border-block-start: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-hero-section__feature-num { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #999); border: 1px solid var(--msk-color-border, #e0e0e0); border-radius: var(--msk-radius-full, 9999px); padding: var(--msk-space-1, 0.25rem) var(--msk-space-3, 0.75rem); line-height: 1.4; }
.msk-hero-section__feature-title { font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 700; color: var(--msk-color-text-primary, #111); margin: 0; }
.msk-hero-section__feature-desc { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); line-height: var(--msk-leading-normal, 1.6); margin: 0; }


.msk-hero-section--features .msk-hero-section__features-bottom { display: grid; grid-template-columns: 1fr auto; gap: var(--msk-space-6, 1.5rem); align-items: end; margin-block-start: auto; padding-block-start: var(--msk-space-8, 2rem); }
.msk-hero-section--features .msk-hero-section__description { color: var(--msk-color-text-primary, #111); font-size: clamp(1rem, 2vw, 1.25rem); line-height: var(--msk-leading-normal, 1.6); max-inline-size: none; }


.msk-hero-section__features-stat-card { background: var(--msk-color-accent, #4ade80); color: #fff; border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-8, 2rem) var(--msk-space-10, 2.5rem); display: flex; flex-direction: column; gap: var(--msk-space-2, 0.5rem); min-inline-size: 180px; }
.msk-hero-section__features-stat-value { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; line-height: 1; }
.msk-hero-section__features-stat-label { font-size: var(--msk-font-size-sm, 0.875rem); opacity: 0.9; line-height: var(--msk-leading-normal, 1.6); }



.msk-hero-section--saas { background: var(--msk-color-surface, #fff); }
.msk-hero-section--saas .msk-hero-section__saas { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); align-items: center; inline-size: 100%; max-inline-size: 1200px; padding: var(--msk-space-16, 4rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; }
.msk-hero-section--saas .msk-hero-section__saas-text { display: flex; flex-direction: column; }
.msk-hero-section--saas .msk-hero-section__headline { font-size: clamp(2rem, 4vw, 3.25rem); font-weight: 800; color: var(--msk-color-text-primary, #111); line-height: 1.15; }
.msk-hero-section--saas .msk-hero-section__subtitle { color: var(--msk-color-text-muted, #4b4b4b); text-transform: none; letter-spacing: 0; font-weight: 400; }
.msk-hero-section--saas .msk-hero-section__description { color: var(--msk-color-text-muted, #4b4b4b); font-size: var(--msk-font-size-lg, 1.125rem); max-inline-size: 480px; }
.msk-hero-section--saas .msk-hero-section__cta--primary { background: var(--msk-color-accent, #4ade80); color: #fff; font-weight: 700; border-radius: var(--msk-radius-md, 0.5rem); }
.msk-hero-section--saas .msk-hero-section__cta--secondary { color: var(--msk-color-text-primary, #111); border-color: var(--msk-color-border, #e0e0e0); }
.msk-hero-section--saas .msk-hero-section__saas-image { align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: var(--msk-space-6, 1.5rem); }
.msk-hero-section--saas .msk-hero-section__saas-image img { max-inline-size: 100%; block-size: auto; }

.msk-hero-section--saas .msk-hero-section__nav { position: absolute; top: clamp(1.25rem, 3vw, 2.25rem); left: 50%; transform: translateX(-50%); z-index: 4; display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; max-inline-size: calc(100% - 2rem); background: #0f0f12; padding: 0.6rem 1.4rem; }
.msk-hero-section--saas .msk-hero-section__nav a { color: #fff; text-decoration: none; font-size: 0.9rem; font-weight: 600; letter-spacing: 0.01em; }
.msk-hero-section--saas .msk-hero-section__nav a:hover, .msk-hero-section--saas .msk-hero-section__nav a:focus-visible { text-decoration: underline; }

.msk-hero-section__saas-badges { inline-size: 100%; display: flex; justify-content: center; }


.msk-hero-section__highlight { position: relative; }
.msk-hero-section__highlight::after { content: ''; position: absolute; inset-inline-start: 0; inset-block-end: -4px; inline-size: 100%; block-size: 8px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12'%3E%3Cpath d='M2 8 Q25 2 50 8 Q75 14 98 6' fill='none' stroke='%23111' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left bottom / 100px 12px; }


.msk-hero-section__stats { display: flex; gap: var(--msk-space-8, 2rem); padding-block-start: var(--msk-space-8, 2rem); margin-block-start: var(--msk-space-6, 1.5rem); border-block-start: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-hero-section__stat { display: flex; flex-direction: column; gap: var(--msk-space-1, 0.25rem); }
.msk-hero-section__stat-value { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; color: var(--msk-color-text-primary, #111); line-height: 1.2; }
.msk-hero-section__stat-label { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); }


.msk-hero-section__rating { display: flex; align-items: center; gap: var(--msk-space-2, 0.5rem); margin-block-start: var(--msk-space-6, 1.5rem); padding-block-start: var(--msk-space-6, 1.5rem); border-block-start: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-hero-section__stars { display: flex; gap: 2px; font-size: 1.5rem; line-height: 1; }
.msk-hero-section__star--full { color: var(--msk-color-text-primary, #111); }
.msk-hero-section__star--half { color: var(--msk-color-text-primary, #111); opacity: 0.5; }
.msk-hero-section__star--empty { color: var(--msk-color-border, #ccc); }
.msk-hero-section__rating-number { font-size: var(--msk-font-size-lg, 1.125rem); font-weight: 700; color: var(--msk-color-text-primary, #111); }
.msk-hero-section__rating-label { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); }

.msk-hero-section--saas .msk-hero-section__saas-proof { display: flex; flex-direction: column; align-items: center; gap: 0.65rem; text-align: center; margin-block-start: var(--msk-space-6, 1.5rem); padding-block-start: var(--msk-space-6, 1.5rem); border-block-start: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-hero-section__saas-proof-stars { font-size: 1.3rem; line-height: 1; letter-spacing: 3px; }
.msk-hero-section__saas-proof-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--msk-space-8, 2rem); }
.msk-hero-section__saas-proof-stat { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; }
.msk-hero-section__saas-proof-value { font-size: 1.15rem; font-weight: 700; color: var(--msk-color-text-primary, #111); line-height: 1.2; }
.msk-hero-section__saas-proof-label { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section__saas-proof-caption { font-size: var(--msk-font-size-sm, 0.875rem); color: var(--msk-color-text-muted, #4b4b4b); }



.msk-hero-section--float { background: var(--msk-color-surface, #f5f5f5); align-items: flex-end; }
.msk-hero-section--float .msk-hero-section__float { display: grid; grid-template-columns: 1fr 1fr; inline-size: 100%; max-inline-size: 1400px; padding: var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); position: relative; z-index: 2; align-items: end; }
.msk-hero-section--float .msk-hero-section__float-text { display: flex; flex-direction: column; align-self: end; padding-block-end: var(--msk-space-8, 2rem); }
.msk-hero-section--float .msk-hero-section__headline { font-size: clamp(3rem, 8vw, 7rem); font-weight: 900; line-height: 0.95; color: var(--msk-color-text-primary, #111); margin: 0; letter-spacing: -0.03em; }
.msk-hero-section--float .msk-hero-section__subtitle { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--msk-color-text-muted, #4b4b4b); line-height: var(--msk-leading-normal, 1.6); margin: 0 0 var(--msk-space-6, 1.5rem); }
.msk-hero-section--float .msk-hero-section__badge { background: var(--msk-color-text-primary, #111); margin-block-end: var(--msk-space-6, 1.5rem); }
.msk-hero-section--float .msk-hero-section__description { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section--float .msk-hero-section__cta--primary { background: var(--msk-color-text-primary, #111); color: #fff; }
.msk-hero-section--float .msk-hero-section__cta--secondary { color: var(--msk-color-text-primary, #111); border-color: var(--msk-color-border, #e0e0e0); }
.msk-hero-section--float .msk-hero-section__float-image { position: relative; display: flex; justify-content: center; align-items: flex-end; }
.msk-hero-section--float .msk-hero-section__float-image img { max-inline-size: 100%; max-block-size: 85vh; block-size: auto; inline-size: auto; object-fit: contain; }



@media (max-width: 782px) {
    .msk-hero-section--split .msk-hero-section__split,
    .msk-hero-section--overlap .msk-hero-section__split { grid-template-columns: 1fr; }
    .msk-hero-section--overlap .msk-hero-section__split-image { margin-inline-start: 0; }
    .msk-hero-section__headline { font-size: clamp(1.5rem, 7vw, 2.5rem); }
    .msk-hero-section--minimal .msk-hero-section__headline { font-size: clamp(2rem, 8vw, 3.5rem); }
    .msk-hero-section--photo .msk-hero-section__photo { grid-template-columns: 1fr; }
    .msk-hero-section--photo .msk-hero-section__photo-widget { display: none; }
    .msk-hero-section__dark-stats { grid-template-columns: 1fr; }
    .msk-hero-section--startup .msk-hero-section__startup { grid-template-columns: 1fr; }
    .msk-hero-section--startup .msk-hero-section__startup-image { order: -1; }
    .msk-hero-section--showcase .msk-hero-section__showcase-image { max-inline-size: 90%; }
    .msk-hero-section--showcase .msk-hero-section__headline { font-size: clamp(2rem, 8vw, 3rem); }
    .msk-hero-section--features .msk-hero-section__features { grid-template-columns: 1fr; }
    .msk-hero-section__feature-item { grid-template-columns: auto 1fr; }
    .msk-hero-section__feature-desc { grid-column: 1 / -1; }
    .msk-hero-section--features .msk-hero-section__features-bottom { grid-template-columns: 1fr; }
    .msk-hero-section--saas .msk-hero-section__saas { grid-template-columns: 1fr; }
    .msk-hero-section--saas .msk-hero-section__saas-image { order: -1; }
    .msk-hero-section--float .msk-hero-section__float { grid-template-columns: 1fr; }
    .msk-hero-section--float .msk-hero-section__float-image { order: -1; }
    .msk-hero-section--float .msk-hero-section__float-image img { max-block-size: 50vh; }
    .msk-hero-section--float .msk-hero-section__headline { font-size: clamp(2.5rem, 10vw, 4rem); }
}




.msk-hero-section--editor { border: 1px dashed var(--msk-color-border, #e0e0e0); border-radius: var(--msk-radius-md, 0.5rem); min-height: 240px; background-size: cover; background-position: center; position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.msk-hero-section__editor-overlay { position: absolute; inset: 0; background: #000; border-radius: inherit; pointer-events: none; }
.msk-hero-section__editor-decor { position: absolute; top: 0; right: 0; width: 55%; height: 100%; pointer-events: none; opacity: 0.13; }


.msk-hero-section__editor-style-chip { font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: rgba(0,0,0,0.5); padding: 1px 8px; border-radius: 3px; align-self: center; }


.msk-hero-section__editor-badge { display: inline-block; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #fff; background: var(--msk-color-accent, #e94560); padding: 1px 10px; border-radius: 9999px; align-self: flex-start; }


.msk-hero-section__editor-content { position: relative; z-index: 1; padding: var(--msk-space-6, 1.5rem); display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.msk-hero-section__editor-content--light { align-items: flex-start; text-align: left; }
.msk-hero-section__editor-subtitle { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255,255,255,0.7); }
.msk-hero-section__editor-subtitle--dark { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section__editor-headline { font-size: clamp(1.25rem, 3vw, 1.75rem); font-weight: 800; color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,0.4); line-height: 1.15; }
.msk-hero-section__editor-headline--dark { color: var(--msk-color-text-primary, #111); text-shadow: none; }
.msk-hero-section__editor-headline--xl { font-size: clamp(1.75rem, 5vw, 3rem); }
.msk-hero-section__editor-desc { font-size: 11px; color: rgba(255,255,255,0.75); line-height: 1.5; max-width: 480px; }
.msk-hero-section__editor-desc--dark { color: var(--msk-color-text-muted, #4b4b4b); }
.msk-hero-section__editor-ctas { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.msk-hero-section__editor-cta { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding: 4px 14px; border-radius: 4px; }
.msk-hero-section__editor-cta--primary { background: #fff; color: #111; }
.msk-hero-section__editor-cta--secondary { color: #fff; border: 1px solid rgba(255,255,255,0.4); }


.msk-hero-section__editor-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: center; width: 100%; padding: 1.5rem; position: relative; z-index: 1; }
.msk-hero-section__editor-split-text { display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-split-img { min-height: 140px; background: var(--msk-color-surface, #e8e8e8); border-radius: 0.75rem; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.msk-hero-section__editor-img-placeholder { font-size: 2rem; color: var(--msk-color-text-muted, #bbb); }


.msk-hero-section__editor-card-wrapper { position: relative; z-index: 1; display: flex; justify-content: center; width: 100%; padding: 1.5rem; }
.msk-hero-section__editor-card-inner { background: #fff; border-radius: 1rem; padding: 1.5rem 2rem; max-width: 480px; width: 100%; box-shadow: 0 8px 24px rgba(0,0,0,0.12); display: flex; flex-direction: column; gap: 6px; }


.msk-hero-section__editor-magazine { position: relative; z-index: 1; align-self: flex-end; padding: 1.5rem; display: flex; flex-direction: column; gap: 6px; max-width: 500px; }


.msk-hero-section__editor-photo { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: end; width: 100%; padding: 1.5rem; align-self: flex-end; }
.msk-hero-section__editor-photo-text { display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-photo-widget { width: 120px; border-radius: 0.75rem; overflow: hidden; }


.msk-hero-section__editor-dark { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 100%; padding: 1.5rem; text-align: center; }
.msk-hero-section__editor-dark-content { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.msk-hero-section__editor-dark-stats { display: flex; gap: 0.5rem; width: 100%; }


.msk-hero-section__editor-startup { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: center; width: 100%; padding: 1.5rem; }
.msk-hero-section__editor-startup-text { display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-startup-img { overflow: hidden; border-radius: 0.5rem; }
.msk-hero-section__editor-trust { font-size: 9px; color: rgba(255,255,255,0.55); margin-top: 4px; }


.msk-hero-section__editor-saas { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: center; width: 100%; min-block-size: 60vh; padding: clamp(2.5rem, 6vw, 5rem) 1.5rem; }
.msk-hero-section__editor-saas-text { display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-saas-img { overflow: hidden; border-radius: 0.5rem; }
.msk-hero-section__editor-stats { display: flex; gap: 1rem; margin-top: 6px; }


.msk-hero-section__editor-stat-card { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15); border-radius: 0.75rem; padding: 0.5rem 0.75rem; display: flex; flex-direction: column; gap: 2px; flex: 1; }
.msk-hero-section__editor-stat-card--accent { background: var(--msk-color-accent, #4ade80); border-color: transparent; }
.msk-hero-section__editor-stat-value { font-size: 16px; font-weight: 800; color: #fff; line-height: 1.2; }
.msk-hero-section__editor-stat-label { font-size: 9px; color: rgba(255,255,255,0.75); text-transform: uppercase; letter-spacing: 0.5px; }


.msk-hero-section__editor-features { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; align-items: start; width: 100%; padding: 1.5rem; }
.msk-hero-section__editor-features-left { display: flex; flex-direction: column; }
.msk-hero-section__editor-features-right { display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-feature-row { display: flex; align-items: baseline; gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--msk-color-border, #e0e0e0); }
.msk-hero-section__editor-feature-num { font-size: 9px; font-weight: 700; color: var(--msk-color-text-muted, #999); border: 1px solid var(--msk-color-border, #ddd); border-radius: 9999px; padding: 1px 6px; flex-shrink: 0; }
.msk-hero-section__editor-feature-title { font-size: 12px; font-weight: 700; color: var(--msk-color-text-primary, #111); display: block; }
.msk-hero-section__editor-feature-desc { font-size: 10px; color: var(--msk-color-text-muted, #4b4b4b); display: block; }


.msk-hero-section__editor-showcase { position: relative; z-index: 1; width: 100%; padding: 1rem; }
.msk-hero-section__editor-showcase-panel { background: #e8e8e8; border-radius: 1rem; padding: 1.5rem; display: flex; gap: 1rem; align-items: center; overflow: hidden; }
.msk-hero-section__editor-showcase-content { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-showcase-img { width: 120px; flex-shrink: 0; border-radius: 0.5rem; overflow: hidden; }


.msk-hero-section__editor-float { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; align-items: end; width: 100%; padding: 1.5rem; align-self: flex-end; }
.msk-hero-section__editor-float-text { display: flex; flex-direction: column; gap: 6px; }
.msk-hero-section__editor-float-img { display: flex; align-items: flex-end; justify-content: center; }



@media (prefers-reduced-motion: reduce) {
    .msk-hero-section--animated .msk-hero-section__badge,
    .msk-hero-section--animated .msk-hero-section__subtitle,
    .msk-hero-section--animated .msk-hero-section__headline,
    .msk-hero-section--animated .msk-hero-section__description,
    .msk-hero-section--animated .msk-hero-section__ctas { animation: none; }
    .msk-hero-section__cta { transition: none; }
    .msk-hero-section__bg-video { display: none; }
}



.msk-hero-section--card .msk-hero-section__cta--secondary,
.msk-hero-section--overlap .msk-hero-section__cta--secondary {
    color: var(--msk-color-text-primary, #111);
    border-color: var(--msk-color-border, #767676);
}



.msk-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	vertical-align: -0.125em;
	color: currentColor;
	font-size: 1.5rem;
}

.msk-icon__svg {
	display: block;
	flex: none;
	width: 1em;
	height: 1em;
}

.msk-icon__svg * {
	vector-effect: non-scaling-stroke;
}


.msk-icon--editor {
	cursor: default;
}




.msk-image-gallery {
    display: grid;
    grid-template-columns: repeat( var( --msk-gallery-cols, 3 ), 1fr );
    gap: clamp( 0.75rem, 2vw, 1.5rem );
}

.msk-image-gallery__tile {
    overflow: hidden;
    border-radius: var( --msk-radius-md, 0.75rem );
}

.msk-image-gallery__img {
    display: block;
    width: 100%;
    height: 100%;
    
    transition: transform var( --msk-duration-slow, 0.4s ) var( --msk-ease-out, ease-out );
}

.msk-image-gallery__tile:hover .msk-image-gallery__img {
    transform: scale( 1.04 );
}


.msk-image-gallery__placeholder {
    display: block;
    width: 100%;
    background:
        var( --msk-gallery-placeholder-bg, linear-gradient( 150deg, #ede3d3 0%, #e2d3bd 100% ) );
}


@media ( max-width: 900px ) {
    .msk-image-gallery {
        grid-template-columns: repeat( min( var( --msk-gallery-cols, 3 ), 2 ), 1fr );
    }
}

@media ( max-width: 560px ) {
    .msk-image-gallery {
        grid-template-columns: 1fr;
    }
}

@media ( prefers-reduced-motion: reduce ) {
    .msk-image-gallery__img {
        transition: none;
    }

    .msk-image-gallery__tile:hover .msk-image-gallery__img {
        transform: none;
    }
}


.msk-image-gallery__picker {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}






.msk-mega-menu {
    position: relative;
}



.msk-mega-menu__overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.12);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: calc(var(--msk-z-dropdown, 100) - 1);
    transition: opacity var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
}

.msk-mega-menu__overlay.is-active {
    display: block;
}



.msk-mega-menu__panel-header {
    display: flex;
    align-items: center;
    gap: var(--msk-space-4, 1rem);
    margin-block-end: var(--msk-space-5, 1.25rem);
}

.msk-mega-menu__panel-category {
    font-size: var(--msk-font-size-xs, 0.75rem);
    font-weight: 600;
    letter-spacing: var(--msk-tracking-widest, 0.15em);
    text-transform: uppercase;
    color: var(--msk-color-text-muted, #4b4b4b);
    white-space: nowrap;
    flex-shrink: 0;
}

.msk-mega-menu__panel-separator {
    flex: 1;
    border: none;
    border-block-start: 2px solid var(--msk-color-accent, #e94560);
    margin: 0;
    opacity: 0.4;
}

.msk-mega-menu__panel-close {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: var(--msk-color-text-muted, #4b4b4b);
    padding: var(--msk-space-1, 0.25rem);
    line-height: 1;
    flex-shrink: 0;
    transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
}

.msk-mega-menu__panel-close:hover {
    color: var(--msk-color-text-primary, #111);
}



.msk-mega-menu__panel-subtitle {
    margin-block-end: var(--msk-space-5, 1.25rem);
}

.msk-mega-menu__panel-subtitle-heading {
    font-size: var(--msk-font-size-md, 1.25rem);
    font-weight: 700;
    color: var(--msk-color-text-primary, #111);
    line-height: var(--msk-leading-snug, 1.375);
    margin: 0 0 var(--msk-space-1, 0.25rem);
}

.msk-mega-menu__panel-subtitle-text {
    font-size: var(--msk-font-size-sm, 0.875rem);
    color: var(--msk-color-text-muted, #4b4b4b);
    margin: 0;
}



.msk-mega-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.msk-mega-menu__item {
    border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
}

.msk-mega-menu__item:last-child {
    border-block-end: none;
}

.msk-mega-menu__item-link {
    display: flex;
    align-items: flex-start;
    gap: var(--msk-space-4, 1rem);
    padding: var(--msk-space-4, 1rem) 0;
    text-decoration: none;
    color: inherit;
    transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
}

.msk-mega-menu__item-link:hover {
    color: var(--msk-color-accent, #e94560);
}

.msk-mega-menu__item-icon {
    flex-shrink: 0;
    inline-size: 32px;
    block-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    border-radius: var(--msk-radius-md, 0.5rem);
    background: var(--msk-color-surface-alt, #f6f6f6);
}

.msk-mega-menu__item-icon .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.msk-mega-menu__item-content {
    flex: 1;
    min-width: 0;
}

.msk-mega-menu__item-label {
    display: block;
    font-weight: 600;
    font-size: var(--msk-font-size-base, 1rem);
    color: var(--msk-color-text-primary, #111);
    line-height: var(--msk-leading-snug, 1.375);
}

.msk-mega-menu__item-description {
    display: block;
    font-size: var(--msk-font-size-sm, 0.875rem);
    font-weight: 400;
    color: var(--msk-color-text-muted, #4b4b4b);
    line-height: var(--msk-leading-snug, 1.375);
    margin-block-start: var(--msk-space-1, 0.25rem);
}

.msk-mega-menu__item-chevron {
    flex-shrink: 0;
    font-size: 20px;
    color: var(--msk-color-text-muted, #4b4b4b);
    align-self: center;
    margin-inline-start: auto;
}



@media (min-width: 783px) {

    

    .msk-mega-menu__bar {
        display: flex;
        align-items: center;
        gap: var(--msk-space-1, 0.25rem);
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .msk-mega-menu__top-link {
        display: inline-flex;
        align-items: center;
        gap: var(--msk-space-2, 0.5rem);
        padding: var(--msk-space-3, 0.75rem) var(--msk-space-4, 1rem);
        background: none;
        border: none;
        cursor: pointer;
        font-size: var(--msk-font-size-base, 1rem);
        font-weight: 500;
        color: var(--msk-color-text-primary, #111);
        text-decoration: none;
        border-radius: var(--msk-radius-md, 0.5rem);
        transition: background-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__top-link:hover {
        background-color: var(--msk-color-surface-alt, #f6f6f6);
    }

    .msk-mega-menu__top-link[aria-expanded="true"] {
        background-color: var(--msk-color-surface-alt, #f6f6f6);
    }

    .msk-mega-menu__top-chevron {
        font-size: 10px;
        color: var(--msk-color-text-muted, #4b4b4b);
        transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__top-link[aria-expanded="true"] .msk-mega-menu__top-chevron {
        transform: rotate(180deg);
    }

    

    .msk-mega-menu__toggle {
        display: none;
    }

    

    .msk-mega-menu__panel {
        position: absolute;
        top: 100%;
        inset-inline-start: 0;
        inline-size: min(420px, 40vw);
        max-block-size: calc(100vh - 120px);
        background: var(--msk-color-surface, #fff);
        border: 1px solid var(--msk-color-border, #e0e0e0);
        border-radius: 0 0 var(--msk-radius-lg, 1rem) var(--msk-radius-lg, 1rem);
        box-shadow: var(--msk-shadow-lg, 0 10px 30px rgba(0,0,0,0.12));
        z-index: var(--msk-z-dropdown, 100);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: var(--msk-space-6, 1.5rem) var(--msk-space-8, 2rem) var(--msk-space-8, 2rem);

        opacity: 0;
        visibility: hidden;
        transform: translateY(-4px);
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            transform  var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__panel.is-active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}



@media (max-width: 782px) {

    

    .msk-mega-menu__bar {
        display: none;
    }

    .msk-mega-menu__panel {
        display: none;
    }

    

    .msk-mega-menu__toggle {
        display: flex;
        align-items: center;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: var(--msk-space-3, 0.75rem);
        color: currentColor;
    }

    .msk-mega-menu__hamburger {
        display: flex;
        flex-direction: column;
        inline-size: 26px;
        block-size: 20px;
        justify-content: space-between;
    }

    .msk-mega-menu__hamburger span {
        display: block;
        block-size: 3px;
        inline-size: 100%;
        background-color: currentColor;
        border-radius: 2px;
        transition: transform var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
                    opacity   var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__toggle.is-active .msk-mega-menu__hamburger span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 6px);
    }

    .msk-mega-menu__toggle.is-active .msk-mega-menu__hamburger span:nth-child(2) {
        opacity: 0;
    }

    .msk-mega-menu__toggle.is-active .msk-mega-menu__hamburger span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -6px);
    }

    

    .msk-mega-menu__mobile-drawer {
        position: fixed;
        top: 0;
        inset-inline-start: -100%;
        inline-size: min(85%, 380px);
        block-size: 100vh;
        block-size: 100dvh;
        background: var(--msk-color-surface, #fff);
        box-shadow: var(--msk-shadow-lg, 0 10px 30px rgba(0,0,0,0.12));
        z-index: var(--msk-z-modal, 400);
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: var(--msk-space-6, 1.5rem);
        transition: inset-inline-start var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__mobile-drawer.is-active {
        inset-inline-start: 0;
    }

    
    .msk-mega-menu__mobile-close {
        position: absolute;
        top: var(--msk-space-4, 1rem);
        inset-inline-end: var(--msk-space-4, 1rem);
        background: none;
        border: none;
        font-size: 28px;
        cursor: pointer;
        color: var(--msk-color-text-muted, #4b4b4b);
        padding: var(--msk-space-1, 0.25rem);
        line-height: 1;
    }

    
    .msk-mega-menu__mobile-list {
        list-style: none;
        margin: 0;
        padding: var(--msk-space-12, 3rem) 0 0;
    }

    .msk-mega-menu__mobile-item {
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
    }

    .msk-mega-menu__mobile-link {
        display: flex;
        align-items: center;
        gap: var(--msk-space-3, 0.75rem);
        padding: var(--msk-space-4, 1rem) 0;
        text-decoration: none;
        color: var(--msk-color-text-primary, #111);
        font-size: var(--msk-font-size-base, 1rem);
        font-weight: 600;
        transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__mobile-link:hover {
        color: var(--msk-color-accent, #e94560);
    }

    .msk-mega-menu__mobile-chevron {
        margin-inline-start: auto;
        color: var(--msk-color-text-muted, #4b4b4b);
        font-size: 18px;
    }

    
    .msk-mega-menu__mobile-back {
        display: flex;
        align-items: center;
        gap: var(--msk-space-2, 0.5rem);
        background: none;
        border: none;
        padding: var(--msk-space-3, 0.75rem) 0;
        margin-block-end: var(--msk-space-3, 0.75rem);
        cursor: pointer;
        color: var(--msk-color-text-muted, #4b4b4b);
        font-size: var(--msk-font-size-sm, 0.875rem);
        font-weight: 500;
    }

    .msk-mega-menu__mobile-back svg {
        inline-size: 16px;
        block-size: 16px;
    }
}



.msk-mega-menu--editor {
    border: 1px dashed var(--msk-color-border, #e0e0e0);
    border-radius: var(--msk-radius-md, 0.5rem);
    padding: var(--msk-space-2, 0.5rem);
    min-height: 48px;
}

.msk-mega-menu--editor .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: flex;
    flex-wrap: wrap;
    gap: var(--msk-space-2, 0.5rem);
}

.msk-mega-menu-item--editor {
    border: 1px solid var(--msk-color-border, #e0e0e0);
    border-radius: var(--msk-radius-md, 0.5rem);
    padding: var(--msk-space-3, 0.75rem);
    background: var(--msk-color-surface, #fff);
    min-width: 120px;
}

.msk-mega-menu-item__label-row {
    display: flex;
    align-items: center;
    gap: var(--msk-space-2, 0.5rem);
}

.msk-mega-menu-item__icon-preview {
    font-size: 18px;
    line-height: 1;
}

.msk-mega-menu-item__label {
    font-weight: 600;
    font-size: 13px;
}

.msk-mega-menu-item__chevron {
    color: var(--msk-color-text-muted, #4b4b4b);
    font-size: 12px;
    margin-inline-start: var(--msk-space-1, 0.25rem);
}

.msk-mega-menu-item__desc-preview {
    display: block;
    font-size: 11px;
    color: var(--msk-color-text-muted, #4b4b4b);
    margin-block-start: 2px;
}

.msk-mega-menu-item__children {
    margin-block-start: var(--msk-space-2, 0.5rem);
    padding-inline-start: var(--msk-space-4, 1rem);
    border-inline-start: 2px solid var(--msk-color-border, #e0e0e0);
}

.msk-mega-menu-item__children:empty {
    display: none;
}



@media (min-width: 783px) {

    
    [data-msk-layout="dropdown"] .msk-mega-menu__top-item {
        position: relative;
    }

    [data-msk-layout="dropdown"] .msk-mega-menu__panel {
        inset-inline-start: 50%;
        transform: translateX(-50%) translateY(-4px);
        inline-size: min(560px, 50vw);
        border-radius: var(--msk-radius-lg, 1rem);
        border: 1px solid var(--msk-color-border, #e0e0e0);
    }

    [data-msk-layout="dropdown"] .msk-mega-menu__panel.is-active {
        transform: translateX(-50%) translateY(0);
    }

    
    [data-msk-layout="dropdown"] .msk-mega-menu__overlay {
        display: none;
    }

    
    [data-msk-layout="dropdown"] .msk-mega-menu__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 var(--msk-space-8, 2rem);
    }

    
    [data-msk-layout="dropdown"] .msk-mega-menu__item--plain .msk-mega-menu__item-link {
        padding: var(--msk-space-2, 0.5rem) 0;
        font-weight: 600;
        font-size: var(--msk-font-size-sm, 0.875rem);
    }

    [data-msk-layout="dropdown"] .msk-mega-menu__item--plain .msk-mega-menu__item-chevron {
        content: "\2192";
    }

    
    [data-msk-layout="dropdown"] .msk-mega-menu__panel-header {
        display: none;
    }

    
    [data-msk-layout="dropdown"] .msk-mega-menu__panel-footer {
        border-block-start: 1px solid var(--msk-color-border, #e0e0e0);
        margin-block-start: var(--msk-space-4, 1rem);
        padding-block-start: var(--msk-space-4, 1rem);
    }

    [data-msk-layout="dropdown"] .msk-mega-menu__panel-footer-link {
        display: flex;
        align-items: center;
        gap: var(--msk-space-2, 0.5rem);
        color: var(--msk-color-text-muted, #4b4b4b);
        font-size: var(--msk-font-size-sm, 0.875rem);
        text-decoration: none;
    }

    [data-msk-layout="dropdown"] .msk-mega-menu__panel-footer-link:hover {
        color: var(--msk-color-text-primary, #111);
    }
}



@media (max-width: 782px) {

    
    [data-msk-layout="dropdown"] .msk-mega-menu__mobile-drawer {
        position: fixed;
        inset: 0;
        inline-size: 100%;
        max-inline-size: none;
        border-radius: 0;
        padding: 0;
        z-index: var(--msk-z-modal, 400);
        background: var(--msk-color-surface, #fff);
        overflow-y: auto;
        overscroll-behavior: contain;

        opacity: 0;
        visibility: hidden;
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="dropdown"] .msk-mega-menu__mobile-drawer.is-active {
        opacity: 1;
        visibility: visible;
        inset-inline-start: 0;
    }

    
    .msk-mega-menu__accordion-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--msk-space-4, 1rem) var(--msk-space-6, 1.5rem);
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
    }

    .msk-mega-menu__accordion-close {
        background: none;
        border: none;
        font-size: 24px;
        cursor: pointer;
        color: var(--msk-color-text-primary, #111);
        padding: var(--msk-space-1, 0.25rem);
        line-height: 1;
    }

    .msk-mega-menu__accordion-logo img {
        max-block-size: 32px;
        inline-size: auto;
    }

    .msk-mega-menu__accordion-logo-text {
        font-weight: 700;
        font-size: var(--msk-font-size-md, 1.25rem);
    }

    
    .msk-mega-menu__accordion-list {
        list-style: none;
        margin: 0;
        padding: var(--msk-space-4, 1rem) var(--msk-space-6, 1.5rem);
    }

    
    .msk-mega-menu__accordion-item {
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
    }

    .msk-mega-menu__accordion-item:last-child {
        border-block-end: none;
    }

    .msk-mega-menu__accordion-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        inline-size: 100%;
        padding: var(--msk-space-5, 1.25rem) 0;
        background: none;
        border: none;
        cursor: pointer;
        font-size: var(--msk-font-size-base, 1rem);
        font-weight: 700;
        color: var(--msk-color-text-primary, #111);
        text-align: start;
    }

    .msk-mega-menu__accordion-trigger:hover {
        color: var(--msk-color-accent, #e94560);
    }

    .msk-mega-menu__accordion-arrow {
        font-size: 12px;
        color: var(--msk-color-text-muted, #4b4b4b);
        transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__accordion-item.is-open .msk-mega-menu__accordion-arrow {
        transform: rotate(180deg);
    }

    
    .msk-mega-menu__accordion-content {
        display: none;
        padding-block-end: var(--msk-space-4, 1rem);
    }

    .msk-mega-menu__accordion-item.is-open .msk-mega-menu__accordion-content {
        display: block;
    }

    
    .msk-mega-menu__accordion-simple-link {
        display: block;
        padding: var(--msk-space-5, 1.25rem) 0;
        font-size: var(--msk-font-size-base, 1rem);
        font-weight: 700;
        color: var(--msk-color-text-primary, #111);
        text-decoration: none;
    }

    .msk-mega-menu__accordion-simple-link:hover {
        color: var(--msk-color-accent, #e94560);
    }
}



@media (min-width: 783px) {

    
    [data-msk-layout="grid"] .msk-mega-menu__panel {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inline-size: auto;
        max-inline-size: none;
        border-radius: 0 0 var(--msk-radius-lg, 1rem) var(--msk-radius-lg, 1rem);
        padding: var(--msk-space-8, 2rem) var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem);
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__overlay {
        display: none;
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__panel-header {
        display: none;
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__panel-subtitle {
        display: none;
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--msk-space-4, 1rem) var(--msk-space-6, 1.5rem);
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__item {
        border: none;
        border-radius: var(--msk-radius-md, 0.5rem);
        transition: background-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="grid"] .msk-mega-menu__item:hover {
        background-color: var(--msk-color-surface-alt, #f6f6f6);
    }

    [data-msk-layout="grid"] .msk-mega-menu__item-link {
        padding: var(--msk-space-4, 1rem);
        border-radius: var(--msk-radius-md, 0.5rem);
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__item-icon {
        inline-size: 44px;
        block-size: 44px;
        font-size: 24px;
        border-radius: var(--msk-radius-full, 9999px);
        background: var(--msk-color-surface-alt, #f6f6f6);
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__item-chevron {
        display: none;
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__item:hover .msk-mega-menu__item-label {
        color: var(--msk-color-accent, #e94560);
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__panel-footer {
        display: flex;
        justify-content: flex-end;
        border-block-start: none;
        margin-block-start: var(--msk-space-6, 1.5rem);
        padding-block-start: 0;
    }

    [data-msk-layout="grid"] .msk-mega-menu__panel-footer-link {
        display: inline-flex;
        align-items: center;
        gap: var(--msk-space-2, 0.5rem);
        color: var(--msk-color-accent, #e94560);
        font-size: var(--msk-font-size-sm, 0.875rem);
        font-weight: 600;
        text-decoration: none;
        transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="grid"] .msk-mega-menu__panel-footer-link:hover {
        color: var(--msk-color-text-primary, #111);
    }
}



@media (max-width: 782px) {

    
    [data-msk-layout="grid"] .msk-mega-menu__mobile-drawer {
        position: fixed;
        inset: 0;
        inline-size: 100%;
        max-inline-size: none;
        border-radius: 0;
        padding: 0;
        z-index: var(--msk-z-modal, 400);
        background: var(--msk-color-surface, #fff);
        overflow-y: auto;
        overscroll-behavior: contain;

        opacity: 0;
        visibility: hidden;
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="grid"] .msk-mega-menu__mobile-drawer.is-active {
        opacity: 1;
        visibility: visible;
        inset-inline-start: 0;
    }

    
    [data-msk-layout="grid"] .msk-mega-menu__accordion-content .msk-mega-menu__item-icon {
        inline-size: 44px;
        block-size: 44px;
        font-size: 24px;
        border-radius: var(--msk-radius-full, 9999px);
    }
}



@media (min-width: 783px) {

    
    [data-msk-layout="columns"] .msk-mega-menu__panel {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inline-size: auto;
        max-inline-size: none;
        border-radius: 0;
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
        padding: var(--msk-space-8, 2rem) var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem);
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__overlay {
        display: none;
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__panel-header {
        display: none;
    }

    [data-msk-layout="columns"] .msk-mega-menu__panel-subtitle {
        display: none;
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__items {
        display: flex;
        flex-wrap: wrap;
        gap: 0 var(--msk-space-12, 3rem);
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__item {
        border: none;
        flex: 0 0 auto;
        min-inline-size: 160px;
        max-inline-size: 220px;
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__item-link {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0 0 var(--msk-space-3, 0.75rem);
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__item-label {
        font-weight: 800;
        font-size: var(--msk-font-size-sm, 0.875rem);
        text-transform: uppercase;
        letter-spacing: var(--msk-tracking-wide, 0.05em);
        color: var(--msk-color-text-primary, #111);
    }

    
    [data-msk-layout="columns"] .msk-mega-menu__item-icon {
        display: none;
    }

    [data-msk-layout="columns"] .msk-mega-menu__item-description {
        display: none;
    }

    [data-msk-layout="columns"] .msk-mega-menu__item-chevron {
        display: none;
    }
}



@media (max-width: 782px) {

    
    [data-msk-layout="columns"] .msk-mega-menu__mobile-drawer {
        position: fixed;
        inset: 0;
        inline-size: 100%;
        max-inline-size: none;
        border-radius: 0;
        padding: 0;
        z-index: var(--msk-z-modal, 400);
        background: var(--msk-color-surface, #fff);
        overflow-y: auto;
        overscroll-behavior: contain;

        opacity: 0;
        visibility: hidden;
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="columns"] .msk-mega-menu__mobile-drawer.is-active {
        opacity: 1;
        visibility: visible;
        inset-inline-start: 0;
    }

    

    .msk-mega-menu__drilldown-header {
        display: flex;
        align-items: center;
        padding: var(--msk-space-4, 1rem) var(--msk-space-6, 1.5rem);
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
        gap: var(--msk-space-3, 0.75rem);
    }

    .msk-mega-menu__drilldown-back {
        background: none;
        border: none;
        cursor: pointer;
        padding: var(--msk-space-1, 0.25rem);
        color: var(--msk-color-text-primary, #111);
        font-size: 18px;
        line-height: 1;
        display: flex;
        align-items: center;
    }

    .msk-mega-menu__drilldown-title {
        font-weight: 800;
        font-size: var(--msk-font-size-base, 1rem);
        text-transform: uppercase;
        color: var(--msk-color-text-primary, #111);
    }

    .msk-mega-menu__drilldown-close {
        margin-inline-start: auto;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 24px;
        color: var(--msk-color-text-muted, #4b4b4b);
        padding: var(--msk-space-1, 0.25rem);
        line-height: 1;
    }

    

    .msk-mega-menu__drilldown-list {
        list-style: none;
        margin: 0;
        padding: var(--msk-space-2, 0.5rem) var(--msk-space-6, 1.5rem);
    }

    .msk-mega-menu__drilldown-item {
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
    }

    .msk-mega-menu__drilldown-item:last-child {
        border-block-end: none;
    }

    .msk-mega-menu__drilldown-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--msk-space-5, 1.25rem) 0;
        text-decoration: none;
        color: var(--msk-color-text-primary, #111);
        font-size: var(--msk-font-size-base, 1rem);
        font-weight: 500;
    }

    .msk-mega-menu__drilldown-link:hover {
        color: var(--msk-color-accent, #e94560);
    }

    .msk-mega-menu__drilldown-chevron {
        color: var(--msk-color-text-muted, #4b4b4b);
        font-size: 18px;
    }
}



@media (min-width: 783px) {

    
    [data-msk-layout="sections"] .msk-mega-menu__panel {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inline-size: auto;
        max-inline-size: none;
        border-radius: 0;
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
        padding: var(--msk-space-8, 2rem) var(--msk-space-10, 2.5rem) 0;
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__overlay {
        display: none;
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__panel-header {
        display: none;
    }

    [data-msk-layout="sections"] .msk-mega-menu__panel-subtitle {
        display: none;
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__top-link[aria-expanded="true"] {
        border-block-end: 3px solid var(--msk-color-accent, #e94560);
        padding-block-end: calc(var(--msk-space-3, 0.75rem) - 3px);
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__items {
        display: flex;
        flex-wrap: wrap;
        gap: 0 var(--msk-space-16, 4rem);
        padding-block-end: var(--msk-space-8, 2rem);
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__item {
        border: none;
        flex: 1 1 200px;
        max-inline-size: 320px;
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__item-link {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0 0 var(--msk-space-4, 1rem);
        margin-block-end: var(--msk-space-4, 1rem);
        border-block-end: 2px solid var(--msk-color-accent, #e94560);
    }

    [data-msk-layout="sections"] .msk-mega-menu__item-label {
        font-weight: 700;
        font-size: var(--msk-font-size-xs, 0.75rem);
        text-transform: uppercase;
        letter-spacing: var(--msk-tracking-widest, 0.15em);
        color: var(--msk-color-text-primary, #111);
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__item-icon,
    [data-msk-layout="sections"] .msk-mega-menu__item-description,
    [data-msk-layout="sections"] .msk-mega-menu__item-chevron {
        display: none;
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__panel-footer {
        display: flex;
        align-items: center;
        gap: var(--msk-space-6, 1.5rem);
        padding: var(--msk-space-4, 1rem) 0;
        border-block-start: 1px solid var(--msk-color-border, #e0e0e0);
        margin-block-start: 0;
    }

    [data-msk-layout="sections"] .msk-mega-menu__panel-footer-link {
        display: inline-flex;
        align-items: center;
        gap: var(--msk-space-2, 0.5rem);
        color: var(--msk-color-text-muted, #4b4b4b);
        font-size: var(--msk-font-size-sm, 0.875rem);
        font-weight: 500;
        text-decoration: none;
        padding-inline-end: var(--msk-space-6, 1.5rem);
        border-inline-end: 1px solid var(--msk-color-border, #e0e0e0);
    }

    [data-msk-layout="sections"] .msk-mega-menu__panel-footer-link:last-child {
        border-inline-end: none;
    }

    [data-msk-layout="sections"] .msk-mega-menu__panel-footer-link:hover {
        color: var(--msk-color-text-primary, #111);
    }
}



@media (max-width: 782px) {

    
    [data-msk-layout="sections"] .msk-mega-menu__mobile-drawer {
        position: fixed;
        inset: 0;
        inline-size: 100%;
        max-inline-size: none;
        border-radius: 0;
        padding: 0;
        z-index: var(--msk-z-modal, 400);
        background: var(--msk-color-surface, #fff);
        overflow-y: auto;
        overscroll-behavior: contain;

        opacity: 0;
        visibility: hidden;
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="sections"] .msk-mega-menu__mobile-drawer.is-active {
        opacity: 1;
        visibility: visible;
        inset-inline-start: 0;
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__accordion-item.is-open .msk-mega-menu__accordion-trigger {
        background: color-mix(in oklch, var(--msk-color-accent, #e94560) 8%, var(--msk-color-surface, #fff));
        margin-inline: calc(-1 * var(--msk-space-6, 1.5rem));
        padding-inline: var(--msk-space-6, 1.5rem);
    }

    
    [data-msk-layout="sections"] .msk-mega-menu__accordion-content .msk-mega-menu__item-label {
        font-weight: 700;
        font-size: var(--msk-font-size-xs, 0.75rem);
        text-transform: uppercase;
        letter-spacing: var(--msk-tracking-widest, 0.15em);
        color: var(--msk-color-text-muted, #4b4b4b);
        display: block;
        padding: var(--msk-space-6, 1.5rem) 0 var(--msk-space-2, 0.5rem);
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
        margin-block-end: var(--msk-space-2, 0.5rem);
    }

    
    .msk-mega-menu__mobile-cta {
        display: flex;
        flex-direction: column;
        gap: var(--msk-space-3, 0.75rem);
        padding: var(--msk-space-6, 1.5rem);
    }

    .msk-mega-menu__mobile-cta-btn {
        display: block;
        text-align: center;
        padding: var(--msk-space-5, 1.25rem);
        border-radius: var(--msk-radius-md, 0.5rem);
        font-size: var(--msk-font-size-base, 1rem);
        font-weight: 600;
        text-decoration: none;
        transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
    }

    .msk-mega-menu__mobile-cta-btn:hover {
        opacity: 0.85;
    }

    .msk-mega-menu__mobile-cta-btn--primary {
        background: var(--msk-color-text-primary, #111);
        color: var(--msk-color-surface, #fff);
    }

    .msk-mega-menu__mobile-cta-btn--secondary {
        background: var(--msk-color-surface, #fff);
        color: var(--msk-color-text-primary, #111);
        border: 2px solid var(--msk-color-text-primary, #111);
    }
}



@media (min-width: 783px) {

    
    [data-msk-layout="showcase"] .msk-mega-menu__panel {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inline-size: auto;
        max-inline-size: none;
        border-radius: 0;
        padding: var(--msk-space-8, 2rem) var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem);
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__overlay {
        display: none;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__panel-header {
        display: none;
    }

    [data-msk-layout="showcase"] .msk-mega-menu__panel-subtitle {
        display: none;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__items {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: var(--msk-space-8, 2rem);
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__item:not(.msk-mega-menu__item--has-image) {
        grid-column: 1;
        border: none;
    }

    [data-msk-layout="showcase"] .msk-mega-menu__item:not(.msk-mega-menu__item--has-image) .msk-mega-menu__item-link {
        padding: var(--msk-space-2, 0.5rem) 0;
    }

    [data-msk-layout="showcase"] .msk-mega-menu__item:not(.msk-mega-menu__item--has-image) .msk-mega-menu__item-label {
        font-weight: 500;
        font-size: var(--msk-font-size-sm, 0.875rem);
    }

    [data-msk-layout="showcase"] .msk-mega-menu__item:not(.msk-mega-menu__item--has-image) .msk-mega-menu__item-icon,
    [data-msk-layout="showcase"] .msk-mega-menu__item:not(.msk-mega-menu__item--has-image) .msk-mega-menu__item-chevron {
        display: none;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image {
        grid-column: 2;
        border: none;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__items {
        grid-template-rows: auto;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image {
        grid-row: 1 / -1;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image .msk-mega-menu__item-link {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--msk-space-3, 0.75rem);
    }

    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image .msk-mega-menu__item-icon,
    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image .msk-mega-menu__item-chevron {
        display: none;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__item-image {
        display: block;
        inline-size: 100%;
        max-inline-size: 280px;
        aspect-ratio: 4 / 5;
        object-fit: cover;
        border-radius: var(--msk-radius-md, 0.5rem);
    }

    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image .msk-mega-menu__item-label {
        font-size: var(--msk-font-size-sm, 0.875rem);
        font-weight: 500;
    }

    [data-msk-layout="showcase"] .msk-mega-menu__item--has-image .msk-mega-menu__item-description {
        font-size: var(--msk-font-size-xs, 0.75rem);
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__top-link[aria-expanded="true"] {
        border-block-end: 2px solid currentColor;
        padding-block-end: calc(var(--msk-space-3, 0.75rem) - 2px);
    }
}



@media (max-width: 782px) {

    [data-msk-layout="showcase"] .msk-mega-menu__mobile-drawer {
        position: fixed;
        inset: 0;
        inline-size: 100%;
        max-inline-size: none;
        border-radius: 0;
        padding: 0;
        z-index: var(--msk-z-modal, 400);
        background: var(--msk-color-surface, #fff);
        overflow-y: auto;
        overscroll-behavior: contain;

        opacity: 0;
        visibility: hidden;
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="showcase"] .msk-mega-menu__mobile-drawer.is-active {
        opacity: 1;
        visibility: visible;
        inset-inline-start: 0;
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__accordion-trigger {
        font-size: var(--msk-font-size-lg, 1.5rem);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: var(--msk-tracking-wide, 0.05em);
    }

    [data-msk-layout="showcase"] .msk-mega-menu__accordion-simple-link {
        font-size: var(--msk-font-size-lg, 1.5rem);
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: var(--msk-tracking-wide, 0.05em);
    }

    
    [data-msk-layout="showcase"] .msk-mega-menu__item-image {
        display: none;
    }
}



@media (min-width: 783px) {

    
    [data-msk-layout="clean"] .msk-mega-menu__panel {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inline-size: auto;
        max-inline-size: none;
        border-radius: 0;
        border-block-end: 1px solid var(--msk-color-border, #e0e0e0);
        background: var(--msk-color-surface-alt, #f6f6f6);
        padding: var(--msk-space-10, 2.5rem) var(--msk-space-10, 2.5rem) var(--msk-space-12, 3rem);
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__overlay {
        display: none;
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__panel-header,
    [data-msk-layout="clean"] .msk-mega-menu__panel-subtitle {
        display: none;
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__top-link[aria-expanded="true"] {
        background: var(--msk-color-surface-alt, #f6f6f6);
        border-radius: var(--msk-radius-full, 9999px);
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__items {
        display: flex;
        flex-wrap: wrap;
        gap: 0 var(--msk-space-12, 3rem);
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__item {
        border: none;
        flex: 1 1 180px;
        max-inline-size: 280px;
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__item-link {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0 0 var(--msk-space-6, 1.5rem);
    }

    [data-msk-layout="clean"] .msk-mega-menu__item-label {
        font-weight: 600;
        font-size: var(--msk-font-size-xs, 0.75rem);
        text-transform: uppercase;
        letter-spacing: var(--msk-tracking-widest, 0.15em);
        color: var(--msk-color-text-muted, #4b4b4b);
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__item-icon,
    [data-msk-layout="clean"] .msk-mega-menu__item-description,
    [data-msk-layout="clean"] .msk-mega-menu__item-chevron {
        display: none;
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__item .msk-mega-menu__item-link + ul,
    [data-msk-layout="clean"] .msk-mega-menu__item .msk-mega-menu__item-content + ul {
        display: block;
    }
}



@media (max-width: 782px) {

    [data-msk-layout="clean"] .msk-mega-menu__mobile-drawer {
        position: fixed;
        inset: 0;
        inline-size: 100%;
        max-inline-size: none;
        border-radius: 0;
        padding: 0;
        z-index: var(--msk-z-modal, 400);
        background: var(--msk-color-surface-alt, #f6f6f6);
        overflow-y: auto;
        overscroll-behavior: contain;

        opacity: 0;
        visibility: hidden;
        transition:
            opacity    var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out),
            visibility var(--msk-duration-normal, 250ms) var(--msk-ease-out, ease-out);
    }

    [data-msk-layout="clean"] .msk-mega-menu__mobile-drawer.is-active {
        opacity: 1;
        visibility: visible;
        inset-inline-start: 0;
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__accordion-list {
        background: var(--msk-color-surface-alt, #f6f6f6);
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__accordion-item {
        border-color: color-mix(in oklch, var(--msk-color-border, #e0e0e0) 50%, transparent);
    }

    
    [data-msk-layout="clean"] .msk-mega-menu__accordion-trigger {
        font-weight: 500;
        font-size: var(--msk-font-size-base, 1rem);
    }

    [data-msk-layout="clean"] .msk-mega-menu__accordion-simple-link {
        font-weight: 500;
    }
}



@media (prefers-reduced-motion: reduce) {
    .msk-mega-menu__panel,
    .msk-mega-menu__overlay,
    .msk-mega-menu__mobile-drawer,
    .msk-mega-menu__hamburger span,
    .msk-mega-menu__accordion-arrow,
    [data-msk-layout] .msk-mega-menu__mobile-drawer,
    [data-msk-layout="grid"] .msk-mega-menu__item {
        transition: none;
    }
}





.msk-newsletter-landing { padding: var(--msk-space-4, 1rem); }
.msk-newsletter-landing--v2 { padding: 0; }


.msk-newsletter-landing__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; padding: var(--msk-space-10, 2.5rem); position: relative; color: #ffffff; }



.msk-newsletter-landing__logo-wrap { margin-block-end: var(--msk-space-8, 2rem); }
.msk-newsletter-landing__logo { block-size: 32px; inline-size: auto; }



.msk-newsletter-landing__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-10, 2.5rem); align-items: start; }



.msk-newsletter-landing__left { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }

.msk-newsletter-landing__video-cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 500; color: rgba(246,246,246,0.92); text-decoration: none; }
.msk-newsletter-landing__play-icon { display: inline-flex; align-items: center; justify-content: center; inline-size: 28px; block-size: 28px; border-radius: var(--msk-radius-full, 9999px); flex-shrink: 0; }

.msk-newsletter-landing__headline { font-size: clamp(1.5rem, 3.5vw, 2.5rem); font-weight: 800; color: #ffffff; margin: 0; line-height: 1.15; text-transform: uppercase; }

.msk-newsletter-landing__desc { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); margin: 0; line-height: var(--msk-leading-normal, 1.6); max-inline-size: 400px; }


.msk-newsletter-landing__inline-wrap { display: flex; align-items: center; background: rgba(255,255,255,0.12); border-radius: var(--msk-radius-full, 9999px); padding: var(--msk-space-1, 0.25rem) var(--msk-space-1, 0.25rem) var(--msk-space-1, 0.25rem) var(--msk-space-3, 0.75rem); gap: var(--msk-space-2, 0.5rem); max-inline-size: 440px; border: 1px solid rgba(246,246,246,0.4); }
.msk-newsletter-landing__inline-icon { display: inline-flex; color: rgba(246,246,246,0.92); flex-shrink: 0; }
.msk-newsletter-landing__inline-input { flex: 1; padding: var(--msk-space-3, 0.75rem) var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-family: inherit; color: #ffffff; background: transparent; border: none; outline: none; min-inline-size: 0; }
.msk-newsletter-landing__inline-input:focus { box-shadow: 0 0 0 2px rgba(246,246,246,0.5); border-radius: var(--msk-radius-sm, 0.25rem); }
.msk-newsletter-landing__inline-input::placeholder { color: rgba(246,246,246,0.5); }
.msk-newsletter-landing__inline-submit { flex-shrink: 0; padding: var(--msk-space-3, 0.75rem) var(--msk-space-5, 1.25rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; font-family: inherit; color: #ffffff; background: transparent; border: none; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-landing__inline-submit:hover { color: #fff; }
.msk-newsletter-landing__inline-submit span { margin-inline-start: 2px; }



.msk-newsletter-landing__card-form-wrap { background: rgba(255,255,255,0.1); border: 1px solid rgba(246,246,246,0.15); border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-8, 2rem); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

.msk-newsletter-landing__card-title { font-size: clamp(1rem, 2vw, 1.375rem); font-weight: 800; color: #ffffff; margin: 0 0 var(--msk-space-5, 1.25rem); text-transform: uppercase; text-align: center; letter-spacing: 0.5px; }

.msk-newsletter-landing__card-form { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }

.msk-newsletter-landing__card-input-wrap { position: relative; }
.msk-newsletter-landing__card-input-icon { position: absolute; inset-block-start: 50%; inset-inline-start: var(--msk-space-4, 1rem); transform: translateY(-50%); color: rgba(246,246,246,0.92); display: inline-flex; }

.msk-newsletter-landing__card-input,
.msk-newsletter-landing__card-select { inline-size: 100%; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); font-family: inherit; color: #ffffff; background: rgba(255,255,255,0.08); border: 1px solid rgba(246,246,246,0.4); border-radius: var(--msk-radius-full, 9999px); outline: none; box-sizing: border-box; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-landing__card-input--icon { padding-inline-start: calc(var(--msk-space-4, 1rem) + 24px); }
.msk-newsletter-landing__card-input::placeholder { color: rgba(246,246,246,0.45); }
.msk-newsletter-landing__card-input:focus,
.msk-newsletter-landing__card-select:focus { border-color: rgba(246,246,246,0.5); }
.msk-newsletter-landing__card-select { appearance: auto; cursor: pointer; }

.msk-newsletter-landing__card-submit { inline-size: 100%; padding: var(--msk-space-4, 1rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 800; font-family: inherit; color: #3d0a10; border: none; border-radius: var(--msk-radius-full, 9999px); cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-landing__card-submit:hover { opacity: 0.9; }



.msk-newsletter-landing__benefits { display: flex; gap: var(--msk-space-8, 2rem); padding-block-start: var(--msk-space-10, 2.5rem); flex-wrap: wrap; }

.msk-newsletter-landing__benefit { display: flex; align-items: flex-start; gap: var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.92); line-height: var(--msk-leading-normal, 1.6); flex: 1; min-inline-size: 200px; }
.msk-newsletter-landing__benefit-check { display: inline-flex; flex-shrink: 0; margin-block-start: 2px; }
.msk-newsletter-landing__benefit strong { font-weight: 700; color: #ffffff; }


.msk-newsletter-landing__decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.06; }



@media (max-width: 782px) {
    .msk-newsletter-landing__grid { grid-template-columns: 1fr; }
    .msk-newsletter-landing__inline-wrap { max-inline-size: none; }
    .msk-newsletter-landing__benefits { flex-direction: column; gap: var(--msk-space-4, 1rem); }
}



.msk-newsletter-landing--editor { border-radius: var(--msk-radius-md, 0.5rem); }
.msk-newsletter-landing__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; padding: var(--msk-space-8, 2rem); position: relative; color: #ffffff; }


.msk-newsletter-landing__editor-logo-row { margin-block-end: var(--msk-space-6, 1.5rem); }
.msk-newsletter-landing__editor-logo-placeholder { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: rgba(246,246,246,0.4); }


.msk-newsletter-landing__editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-8, 2rem); align-items: start; }


.msk-newsletter-landing__editor-left { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-newsletter-landing__editor-video-cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); font-size: 12px; color: rgba(246,246,246,0.7); }
.msk-newsletter-landing__editor-play-icon { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; font-size: 8px; flex-shrink: 0; }
.msk-newsletter-landing__editor-headline { font-size: clamp(1rem, 2.5vw, 1.75rem); font-weight: 800; color: #ffffff; line-height: 1.2; text-transform: uppercase; }
.msk-newsletter-landing__editor-desc { font-size: 12px; color: rgba(246,246,246,0.65); margin: 0; line-height: 1.5; max-width: 320px; }


.msk-newsletter-landing__editor-inline-wrap { display: flex; align-items: center; background: rgba(255,255,255,0.1); border-radius: 9999px; padding: 4px 4px 4px 10px; gap: 6px; border: 1px solid rgba(246,246,246,0.2); max-width: 340px; }
.msk-newsletter-landing__editor-inline-icon { font-size: 14px; color: rgba(246,246,246,0.5); flex-shrink: 0; }
.msk-newsletter-landing__editor-inline-ph { flex: 1; font-size: 11px; color: rgba(246,246,246,0.4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.msk-newsletter-landing__editor-inline-submit { flex-shrink: 0; font-size: 10px; font-weight: 700; color: rgba(246,246,246,0.7); text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; padding: 6px 10px; }


.msk-newsletter-landing__editor-card-form { background: rgba(255,255,255,0.08); border: 1px solid rgba(246,246,246,0.15); border-radius: var(--msk-radius-lg, 1rem); padding: var(--msk-space-5, 1.25rem); display: flex; flex-direction: column; gap: var(--msk-space-3, 0.75rem); backdrop-filter: blur(4px); }
.msk-newsletter-landing__editor-card-title { font-size: 12px; font-weight: 800; color: #f6f6f6; text-transform: uppercase; text-align: center; letter-spacing: 0.5px; }
.msk-newsletter-landing__editor-card-input { background: rgba(255,255,255,0.06); border: 1px solid rgba(246,246,246,0.15); border-radius: 9999px; padding: 8px 14px; font-size: 11px; color: rgba(246,246,246,0.4); }
.msk-newsletter-landing__editor-card-select { background: rgba(255,255,255,0.06); border: 1px solid rgba(246,246,246,0.15); border-radius: 9999px; padding: 8px 14px; font-size: 11px; color: rgba(246,246,246,0.4); }
.msk-newsletter-landing__editor-card-submit { border-radius: 9999px; padding: 10px 14px; font-size: 11px; font-weight: 800; color: #3d0a10; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; }


.msk-newsletter-landing__editor-benefits { display: flex; flex-wrap: wrap; gap: var(--msk-space-4, 1rem) var(--msk-space-8, 2rem); margin-block-start: var(--msk-space-6, 1.5rem); }
.msk-newsletter-landing__editor-benefit { display: flex; align-items: flex-start; gap: 6px; font-size: 11px; color: rgba(246,246,246,0.7); line-height: 1.5; }
.msk-newsletter-landing__editor-benefit-check { font-weight: 700; flex-shrink: 0; }

@media (max-width: 782px) {
    .msk-newsletter-landing__editor-grid { grid-template-columns: 1fr; }
}



@media (prefers-reduced-motion: reduce) {
    .msk-newsletter-landing__inline-submit,
    .msk-newsletter-landing__card-input,
    .msk-newsletter-landing__card-select,
    .msk-newsletter-landing__card-submit { transition: none; }
}


.msk-newsletter-landing--inline .maple-form__input {
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-4, 1rem);
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: var(--msk-radius-full, 9999px);
}
.msk-newsletter-landing--inline .maple-form__button {
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem);
    font-weight: 700;
    border-radius: var(--msk-radius-full, 9999px);
}
.msk-newsletter-landing--card .maple-form__input,
.msk-newsletter-landing--card .maple-form__input--select {
    padding: var(--msk-space-3, 0.75rem);
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: var(--msk-radius-md, 0.5rem);
}
.msk-newsletter-landing--card .maple-form__button {
    inline-size: 100%;
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem);
    color: #fff;
    border-radius: var(--msk-radius-md, 0.5rem);
}




.msk-newsletter-minimal { padding: var(--msk-space-4, 1rem); }
.msk-newsletter-minimal--v2 { padding: 0; }
.msk-newsletter-minimal__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; }



.msk-newsletter-minimal__bg-image { position: absolute; inset-block-start: 0; inset-inline-end: 0; block-size: 100%; inline-size: auto; max-inline-size: 45%; object-fit: contain; object-position: right bottom; pointer-events: none; }



.msk-newsletter-minimal__inner { position: relative; z-index: 1; padding: var(--msk-space-10, 2.5rem); min-block-size: 400px; display: flex; flex-direction: column; }



.msk-newsletter-minimal__logo { display: flex; flex-direction: column; align-items: flex-start; gap: 0; font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: inherit; line-height: 1.4; margin-block-end: var(--msk-space-8, 2rem); }
.msk-newsletter-minimal__logo-img { block-size: 80px; inline-size: auto; margin-block-end: var(--msk-space-8, 2rem); }



.msk-newsletter-minimal__center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--msk-space-5, 1.25rem); flex: 1; justify-content: center; max-inline-size: 600px; margin-inline: auto; }

.msk-newsletter-minimal__headline { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 400; color: inherit; margin: 0; line-height: 1.2; text-transform: uppercase; letter-spacing: 2px; }

.msk-newsletter-minimal__subtitle { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: inherit; margin: 0; text-transform: uppercase; letter-spacing: 2px; }



.msk-newsletter-minimal__form { display: flex; flex-direction: column; align-items: center; gap: var(--msk-space-6, 1.5rem); inline-size: 100%; margin-block-start: var(--msk-space-4, 1rem); }

.msk-newsletter-minimal__fields { display: flex; gap: var(--msk-space-6, 1.5rem); inline-size: 100%; }

.msk-newsletter-minimal__input { flex: 1; padding: var(--msk-space-3, 0.75rem) 0; font-size: var(--msk-font-size-base, 1rem); font-family: inherit; color: inherit; background: transparent; border: none; border-block-end: 1px solid rgba(0,0,0,0.25); outline: none; transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-minimal__input::placeholder { color: inherit; opacity: 0.4; }
.msk-newsletter-minimal__input:focus { border-color: rgba(0,0,0,0.6); }

.msk-newsletter-minimal__submit { padding: var(--msk-space-4, 1rem) var(--msk-space-10, 2.5rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 600; font-family: inherit; color: inherit; background: transparent; border: 1.5px solid rgba(0,0,0,0.3); cursor: pointer; text-transform: uppercase; letter-spacing: 2px; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out), border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-minimal__submit:hover { background: rgba(0,0,0,0.05); border-color: rgba(0,0,0,0.5); }



.msk-newsletter-minimal__socials { display: flex; gap: var(--msk-space-4, 1rem); margin-block-start: var(--msk-space-4, 1rem); }
.msk-newsletter-minimal__social-icon { display: inline-flex; color: inherit; text-decoration: none; transition: color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-minimal__social-icon:hover { color: #525252; }



@media (max-width: 782px) {
    .msk-newsletter-minimal__bg-image { display: none; }
    .msk-newsletter-minimal__fields { flex-direction: column; }
}



.msk-newsletter-minimal__decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.08; }



.msk-newsletter-minimal--editor { border-radius: var(--msk-radius-md, 0.5rem); min-height: 360px; overflow: hidden; }


.msk-newsletter-minimal__editor-inner { position: relative; z-index: 1; padding: var(--msk-space-8, 2rem); min-height: 360px; display: flex; flex-direction: column; }


.msk-newsletter-minimal__editor-logo-text { display: flex; flex-direction: column; gap: 0; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: rgba(0,0,0,0.5); line-height: 1.4; margin-block-end: var(--msk-space-6, 1.5rem); }


.msk-newsletter-minimal__editor-center { display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--msk-space-4, 1rem); flex: 1; justify-content: center; }
.msk-newsletter-minimal__editor-headline { font-size: clamp(1rem, 3vw, 2rem); font-weight: 400; color: rgba(0,0,0,0.65); line-height: 1.2; text-transform: uppercase; letter-spacing: 2px; }
.msk-newsletter-minimal__editor-subtitle { font-size: 11px; font-weight: 600; color: rgba(0,0,0,0.45); text-transform: uppercase; letter-spacing: 2px; }


.msk-newsletter-minimal__editor-fields { display: flex; gap: var(--msk-space-6, 1.5rem); width: 100%; max-width: 440px; }
.msk-newsletter-minimal__editor-input { flex: 1; padding: 8px 0; font-size: 11px; color: rgba(0,0,0,0.4); border-bottom: 1px solid rgba(0,0,0,0.2); text-align: center; }
.msk-newsletter-minimal__editor-submit { padding: 10px 28px; font-size: 11px; font-weight: 600; color: rgba(0,0,0,0.55); border: 1.5px solid rgba(0,0,0,0.25); text-transform: uppercase; letter-spacing: 2px; }


.msk-newsletter-minimal__editor-socials { display: flex; gap: 10px; margin-block-start: 4px; }
.msk-newsletter-minimal__editor-social-dot { display: inline-block; width: 22px; height: 22px; background: rgba(0,0,0,0.15); border-radius: 50%; }



@media (prefers-reduced-motion: reduce) {
    .msk-newsletter-minimal__input,
    .msk-newsletter-minimal__submit,
    .msk-newsletter-minimal__social-icon { transition: none; }
}


.msk-newsletter-minimal .maple-form__input {
    padding: var(--msk-space-3, 0.75rem) 0;
    background: transparent;
    border: none;
    border-radius: 0;
    border-block-end: 1px solid rgba(0,0,0,0.25);
    transition: border-color var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out);
}
.msk-newsletter-minimal .maple-form__input:focus { border-color: rgba(0,0,0,0.6); }
.msk-newsletter-minimal .maple-form__button {
    padding: var(--msk-space-4, 1rem) var(--msk-space-10, 2.5rem);
    color: inherit;
    background: transparent;
    border: 1.5px solid rgba(0,0,0,0.3);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.msk-newsletter-minimal .maple-form__button:hover {
    background: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.5);
    opacity: 1;
}




.msk-newsletter-section { padding: var(--msk-space-4, 1rem); }
.msk-newsletter-section--v2 { padding: 0; }
.msk-newsletter-section__card { border-radius: var(--msk-radius-xl, 1.5rem); overflow: hidden; position: relative; }



.msk-newsletter-section__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-8, 2rem); align-items: center; padding: var(--msk-space-12, 3rem) var(--msk-space-10, 2.5rem); }



.msk-newsletter-section__content { display: flex; flex-direction: column; gap: var(--msk-space-5, 1.25rem); }

.msk-newsletter-section__badge { display: inline-block; align-self: flex-start; padding: var(--msk-space-2, 0.5rem) var(--msk-space-4, 1rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: inherit; border-radius: var(--msk-radius-full, 9999px); }

.msk-newsletter-section__headline { font-size: clamp(1.75rem, 4vw, 2.75rem); font-weight: 800; color: inherit; margin: 0; line-height: 1.15; }



.msk-newsletter-section__form { margin-block-start: var(--msk-space-2, 0.5rem); }

.msk-newsletter-section__input-wrap { display: flex; align-items: center; background: #fff; border-radius: var(--msk-radius-full, 9999px); padding: var(--msk-space-2, 0.5rem); gap: var(--msk-space-2, 0.5rem); box-shadow: 0 2px 8px rgba(0,0,0,0.06); max-inline-size: 520px; }

.msk-newsletter-section__input-icon { display: inline-flex; align-items: center; justify-content: center; color: inherit; opacity: 0.6; padding-inline-start: var(--msk-space-3, 0.75rem); flex-shrink: 0; }

.msk-newsletter-section__input { flex: 1; padding: var(--msk-space-3, 0.75rem) var(--msk-space-2, 0.5rem); font-size: var(--msk-font-size-base, 1rem); font-family: inherit; color: inherit; background: transparent; border: none; outline: none; min-inline-size: 0; }
.msk-newsletter-section__input:focus { box-shadow: 0 0 0 2px rgba(0,0,0,0.35); border-radius: var(--msk-radius-sm, 0.25rem); }
.msk-newsletter-section__input::placeholder { color: inherit; opacity: 0.4; }

.msk-newsletter-section__submit { flex-shrink: 0; padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-base, 1rem); font-weight: 700; font-family: inherit; color: #fff; border: none; border-radius: var(--msk-radius-full, 9999px); cursor: pointer; transition: opacity var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-newsletter-section__submit:hover { opacity: 0.9; }



.msk-newsletter-section__helper { font-size: var(--msk-font-size-sm, 0.875rem); color: inherit; opacity: 0.6; margin: 0; }



.msk-newsletter-section__image-wrap { display: flex; justify-content: center; align-items: center; }
.msk-newsletter-section__image { inline-size: 100%; max-inline-size: 480px; block-size: auto; }



@media (max-width: 782px) {
    .msk-newsletter-section__grid { grid-template-columns: 1fr; }
    .msk-newsletter-section__input-wrap { max-inline-size: none; }
    .msk-newsletter-section__image-wrap { order: -1; }
}



.msk-newsletter-section__decor { position: absolute; top: 0; right: 0; width: 45%; height: 100%; pointer-events: none; opacity: 0.08; }



.msk-newsletter-section--editor { border-radius: var(--msk-radius-md, 0.5rem); min-height: 240px; overflow: hidden; }


.msk-newsletter-section__editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--msk-space-8, 2rem); align-items: center; padding: var(--msk-space-8, 2rem) var(--msk-space-8, 2rem); position: relative; z-index: 1; }


.msk-newsletter-section__editor-content { display: flex; flex-direction: column; gap: var(--msk-space-4, 1rem); }
.msk-newsletter-section__editor-badge { display: inline-block; align-self: flex-start; padding: 4px 12px; font-size: 11px; font-weight: 600; color: #333; border-radius: 9999px; }
.msk-newsletter-section__editor-headline { font-size: clamp(1rem, 2.5vw, 1.75rem); font-weight: 800; color: rgba(0,0,0,0.7); line-height: 1.15; }


.msk-newsletter-section__editor-input-wrap { display: flex; align-items: center; background: #fff; border-radius: 9999px; padding: 4px; gap: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); max-width: 380px; }
.msk-newsletter-section__editor-input-icon { font-size: 14px; color: rgba(0,0,0,0.4); padding-left: 10px; flex-shrink: 0; }
.msk-newsletter-section__editor-input-ph { flex: 1; font-size: 11px; color: rgba(0,0,0,0.35); padding: 6px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.msk-newsletter-section__editor-submit { flex-shrink: 0; padding: 8px 16px; font-size: 11px; font-weight: 700; color: #fff; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.5px; white-space: nowrap; }

.msk-newsletter-section__editor-helper { font-size: 11px; color: rgba(0,0,0,0.45); margin: 0; }


.msk-newsletter-section__editor-image-col { display: flex; justify-content: center; align-items: center; }
.msk-newsletter-section__editor-image-ph { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 140px; background: rgba(0,0,0,0.06); border-radius: var(--msk-radius-lg, 1rem); border: 2px dashed rgba(0,0,0,0.15); }
.msk-newsletter-section__editor-image-ph span { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: rgba(0,0,0,0.3); }

@media (max-width: 782px) {
    .msk-newsletter-section__editor-grid { grid-template-columns: 1fr; }
}



@media (prefers-reduced-motion: reduce) {
    .msk-newsletter-section__submit { transition: none; }
}


.msk-newsletter-section .maple-form__input {
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-4, 1rem);
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: var(--msk-radius-full, 9999px);
    max-inline-size: 520px;
}
.msk-newsletter-section .maple-form__button {
    padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem);
    font-weight: 700;
    color: #fff;
    border-radius: var(--msk-radius-full, 9999px);
}




.msk-service-collection__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
	gap: 1.25rem;
}


.msk-service-collection .msk-service-index__card {
	background: #ffffff;
	border: 2px solid #b8b0a0;
	border-radius: 1rem;
	padding: clamp(1.25rem, 2vw, 1.75rem);
}

.msk-service-collection .msk-service-index__title {
	margin: 0.9rem 0 0.35rem;
	font-size: 1.0625rem;
	font-weight: 700;
}


.msk-service-collection .msk-service-index__desc {
	margin: 0;
	color: #565650;
	font-size: 0.9rem;
	line-height: 1.5;
}


.msk-service-collection__image {
	display: block;
	inline-size: 100%;
	block-size: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 0.6rem;
}


.msk-service-collection__frame {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
	gap: 1px;
	background: #e4ddd0;          
	border: 1px solid #e4ddd0;
	border-radius: 1.25rem;
	overflow: hidden;             
}
.msk-service-collection__cell {
	display: flex;
	flex-direction: column;
	background: #fcfbf8;
	padding: clamp(1.5rem, 3vw, 2.75rem);
}
.msk-service-collection__tile {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	border-radius: 0.9rem;
	background: #f0eee8;
	overflow: hidden;
}
.msk-service-collection__tile .msk-service-collection__image {
	inline-size: 100%;
	block-size: 100%;
	aspect-ratio: 1;
	border-radius: inherit;
}
.msk-service-collection__cell-title {
	margin: 1.4rem 0 0.6rem;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: 1.35rem;
	font-weight: 500;
	line-height: 1.2;
	color: #1a1a1a;
}
.msk-service-collection__cell-desc {
	margin: 0 0 1.4rem;
	color: #565650;
	font-size: 0.95rem;
	line-height: 1.6;
}
.msk-service-collection__cell-link {
	margin: auto 0 0;             
	font-size: 0.95rem;
	font-weight: 600;
}
.msk-service-collection__cell-link a {
	color: var(--msk-sc-accent, #444f39);
	text-decoration: none;
}
.msk-service-collection__cell-link a:hover {
	text-decoration: underline;
}


.msk-service-collection--spotlight {
	display: grid;
	grid-template-columns: minmax( 0, 0.82fr ) minmax( 0, 1fr );
	align-items: center;
	gap: clamp( 2rem, 5vw, 4.5rem );
	max-inline-size: 1180px;
	margin-inline: auto;
}
.msk-spotlight__media {
	border-radius: 1.25rem;
	overflow: hidden;
	background: #e6d9c6;            
	aspect-ratio: 4 / 3;
	display: grid;
	place-items: center;
}
.msk-spotlight__img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	display: block;
}
.msk-spotlight__emoji {
	font-size: clamp( 3rem, 8vw, 5rem );
	line-height: 1;
}
.msk-spotlight__eyebrow {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var( --msk-sc-accent, #444f39 );
}
.msk-spotlight__title {
	margin: 0 0 1rem;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: clamp( 2rem, 4.5vw, 3.25rem );
	font-weight: 500;
	line-height: 1.05;
	color: #1a1a1a;
}
.msk-spotlight__lead {
	margin: 0 0 1.5rem;
	font-size: 1.0625rem;
	line-height: 1.65;
	color: #54544d;
}
.msk-spotlight__list {
	margin: 0 0 1.9rem;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.msk-service-collection--spotlight .msk-service-checklist li::before {
	color: var( --msk-sc-accent, #444f39 );
}
.msk-spotlight__cta {
	margin: 0;
}
.msk-spotlight__cta a {
	display: inline-block;
	background: var( --msk-sc-accent, #444f39 );
	color: #ffffff;
	text-decoration: none;
	padding: 0.85rem 1.6rem;
	border-radius: 0.5rem;
	font-weight: 600;
	transition: opacity 150ms ease;
}
.msk-spotlight__cta a:hover,
.msk-spotlight__cta a:focus {
	opacity: 0.92;
}
@media ( max-width: 781px ) {
	.msk-service-collection--spotlight {
		grid-template-columns: 1fr;
	}
}





.msk-slider-image {
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
}

.msk-slider-image__track {
	position: relative;
	display: block;
	width: 100%;
}

.msk-slider-image__slide {
	position: relative;
	width: 100%;
	display: none;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background-color: #1a1a2e;
}

.msk-slider-image__slide.is-active {
	display: flex;
}


.msk-slider-image__slide--valign-top    { align-items: flex-start; }
.msk-slider-image__slide--valign-middle { align-items: center; }
.msk-slider-image__slide--valign-bottom { align-items: flex-end; }

.msk-slider-image__slide--valign-bottom .msk-slider-image__content {
	padding-bottom: 3rem;
}

.msk-slider-image__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.msk-slider-image__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.msk-slider-image__content {
	position: relative;
	z-index: 2;
	max-width: min( 720px, 80% );
	padding: 2rem;
	text-align: center;
}

.msk-slider-image__subhead {
	margin: 0 0 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.msk-slider-image__headline {
	margin: 0 0 1rem;
	font-size: clamp( 1.75rem, 4vw, 3rem );
	font-weight: 700;
	line-height: 1.15;
}

.msk-slider-image__cta {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background-color: #ffffff;
	color: #1a1a2e;
	font-weight: 700;
	text-decoration: none;
	border-radius: 999px;
	transition: transform 0.15s ease;
}

.msk-slider-image__cta:hover,
.msk-slider-image__cta:focus-visible {
	transform: translateY( -1px );
}


.msk-slider-image__arrow {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 999px;
	background-color: rgba( 0, 0, 0, 0.6 );
	color: #fff;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.msk-slider-image__arrow:hover,
.msk-slider-image__arrow:focus-visible {
	background-color: rgba( 0, 0, 0, 0.85 );
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.msk-slider-image__arrow--prev { left: 1rem; }
.msk-slider-image__arrow--next { right: 1rem; }


.msk-slider-image__dots {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX( -50% );
	display: flex;
	gap: 0.5rem;
	z-index: 3;
}

.msk-slider-image__dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: 0;
	background-color: rgba( 255, 255, 255, 0.5 );
	cursor: pointer;
	padding: 0;
	transition: background-color 0.15s ease, transform 0.15s ease;
}

.msk-slider-image__dot.is-active {
	background-color: #ffffff;
	transform: scale( 1.2 );
}

.msk-slider-image__dot:hover,
.msk-slider-image__dot:focus-visible {
	background-color: #ffffff;
	outline: 2px solid #fff;
	outline-offset: 2px;
}


.msk-slider-image__tabs {
	display: flex;
	gap: 0.25rem;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1rem;
	padding: 0 1rem 1rem;
}

.msk-slider-image__tab {
	padding: 0.5rem 1rem;
	border: 1px solid rgba( 0, 0, 0, 0.15 );
	border-radius: 999px;
	background-color: transparent;
	color: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.msk-slider-image__tab.is-active {
	background-color: #1a1a2e;
	color: #ffffff;
	border-color: #1a1a2e;
}

.msk-slider-image__tab:hover,
.msk-slider-image__tab:focus-visible {
	outline: 2px solid #1a1a2e;
	outline-offset: 2px;
}


.msk-slider-image--nav-tabs {
	border-radius: 1rem;
	overflow: visible;
}

.msk-slider-image--nav-tabs .msk-slider-image__track {
	border-radius: 1rem;
	overflow: hidden;
}


.msk-slider-image--editor .msk-slider-image__slide {
	display: flex; 
	margin-bottom: 0.5rem;
	min-height: 200px;
}


@media ( prefers-reduced-motion: reduce ) {
	.msk-slider-image__cta,
	.msk-slider-image__dot,
	.msk-slider-image__tab {
		transition: none;
	}
}








.msk-variant-hero .msk-slider-image__slide { min-height: 70vh; }
.msk-variant-hero .msk-slider-image__headline { font-size: clamp( 2.5rem, 6vw, 4.5rem ); letter-spacing: -0.02em; }
.msk-variant-hero .msk-slider-image__subhead { font-size: 0.875rem; }


.msk-variant-hero .msk-hero-counter {
	position: absolute;
	left: 1.5rem;
	bottom: 1.5rem;
	z-index: 4;
	display: flex;
	gap: 0.75rem;
	align-items: baseline;
	color: #fff;
	font-family: var(--msk-mono, monospace);
	font-size: 1rem;
	pointer-events: none;
}
.msk-variant-hero .msk-hero-counter__current { font-size: 2rem; font-weight: 700; }
.msk-variant-hero .msk-hero-counter__total   { opacity: 0.6; }
.msk-variant-hero .msk-hero-counter__next-label {
	margin-left: 1.5rem;
	font-family: inherit;
	font-size: 0.875rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.85;
}


.msk-variant-cinematic .msk-slider-image__slide { min-height: 80vh; }
.msk-variant-cinematic .msk-slider-image__headline { font-size: clamp( 2.75rem, 7vw, 5rem ); font-weight: 800; }
.msk-variant-cinematic .msk-slider-image { border-radius: 0; }


.msk-variant-immersive .msk-slider-image__slide { min-height: 75vh; background-color: #1a1040; }
.msk-variant-immersive .msk-slider-image__headline { font-size: clamp( 2rem, 5vw, 3.75rem ); }


.msk-variant-page .msk-slider-image__slide { min-height: 65vh; }
.msk-variant-page .msk-slider-image__content { max-width: min( 900px, 90% ); }


.msk-variant-showcase .msk-slider-image__slide { min-height: 60vh; }


.msk-variant-tab .msk-slider-image__slide { min-height: 50vh; }
.msk-variant-tab .msk-slider-image__tabs { padding: 1rem; background-color: transparent; }


.msk-variant-comparison-split .msk-slider-image__slide { min-height: 55vh; }
.msk-variant-comparison-split .msk-slider-image__content { padding: 1.25rem; max-width: 90%; }


.msk-variant-square-slider .msk-slider-image__slide {
	min-height: 0;
	height: auto;
	aspect-ratio: 1 / 1;
}
.msk-variant-square-slider .msk-slider-image__content { padding: 1.25rem; max-width: 90%; }


.msk-slider-flush .msk-slider-image,
.msk-slider-flush .msk-slider-image__track { border-radius: 0; }




.msk-variant-content-slider .msk-slider-image__slide {
	min-height: 0;
	height: auto;
	aspect-ratio: 1 / 1;
}
.msk-variant-content-slider .msk-slider-image__content { padding: 1.25rem; max-width: 90%; }


.msk-variant-content-slider .msk-slider-image__dots { display: none; }


.msk-variant-content-slider.msk-cs-ready .msk-cs-panel { display: none; }
.msk-variant-content-slider.msk-cs-ready .msk-cs-panel.is-active { display: block; }


.msk-cs-dots {
	display: flex;
	gap: 0.5rem;
	margin-top: 1.5rem;
}
.msk-cs-dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: 0;
	background-color: rgba( 0, 0, 0, 0.18 );
	cursor: pointer;
	padding: 0;
	transition: background-color 0.15s ease, transform 0.15s ease;
}
.msk-cs-dot.is-active {
	background-color: #8a1622;
	transform: scale( 1.2 );
}
.msk-cs-dot:hover,
.msk-cs-dot:focus-visible {
	background-color: #8a1622;
	outline: 2px solid #8a1622;
	outline-offset: 2px;
}


.msk-variant-content-hero .msk-content-hero__media {
	min-height: 0;
	aspect-ratio: 1 / 1;
}


.msk-variant-book .msk-slider-image__slide {
	min-height: 0;
	height: auto;
	aspect-ratio: 2 / 3;
	border-radius: 0.4rem;
	box-shadow: 0 1rem 2.5rem rgba( 0, 0, 0, 0.22 );
}
.msk-slider-image--reader.msk-variant-book {
	max-inline-size: 22rem;
	margin-inline: auto;
}




.msk-slider-image__zoom {
	position: absolute;
	inset: 0;
	z-index: 3;
	inline-size: 100%;
	block-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: zoom-in;
}
.msk-slider-image__zoom:focus-visible {
	outline: 3px solid #ffffff;
	outline-offset: -3px;
}


.msk-slider-image--reader .msk-slider-image__content {
	display: none;
}
.msk-slider-image__reader-hint {
	position: absolute;
	inset-block-end: 1.25rem;
	inset-inline: 0;
	z-index: 4;
	margin-inline: auto;
	inline-size: fit-content;
	max-inline-size: calc( 100% - 2rem );
	display: flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 1rem;
	font-size: 0.85rem;
	font-weight: 700;
	color: #ffffff;
	background: rgba( 8, 8, 10, 0.72 );
	border: 1px solid rgba( 255, 255, 255, 0.35 );
	border-radius: 999px;
	pointer-events: none;
}

.msk-slider-image__lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: clamp( 1rem, 4vw, 3rem );
	background: rgba( 244, 238, 225, 0.97 );
}
.msk-slider-image__lightbox.is-open {
	display: flex;
}

.msk-slider-image__lightbox-img {
	max-inline-size: 100%;
	max-block-size: 100%;
	inline-size: auto;
	block-size: auto;
	object-fit: contain;
	border-radius: 4px;
	box-shadow: 0 1rem 3rem rgba( 0, 0, 0, 0.5 );
}


.msk-slider-image__lightbox-close {
	position: fixed;
	inset-block-start: clamp( 0.75rem, 2vw, 1.5rem );
	inset-inline-end: clamp( 0.75rem, 2vw, 1.5rem );
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 3rem;
	block-size: 3rem;
	padding: 0;
	font-size: 2rem;
	line-height: 1;
	color: #ffffff;
	background: rgba( 20, 20, 22, 0.82 );
	border: 2px solid rgba( 255, 255, 255, 0.65 );
	border-radius: 999px;
	cursor: pointer;
}
.msk-slider-image__lightbox-close:hover,
.msk-slider-image__lightbox-close:focus-visible {
	background: rgba( 20, 20, 22, 0.96 );
	outline: none;
}


.msk-slider-image__lightbox-nav {
	position: fixed;
	inset-block-start: 50%;
	transform: translateY( -50% );
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 3rem;
	block-size: 3rem;
	padding: 0;
	font-size: 2.25rem;
	line-height: 1;
	color: #ffffff;
	background: rgba( 20, 20, 22, 0.82 );
	border: 2px solid rgba( 255, 255, 255, 0.65 );
	border-radius: 999px;
	cursor: pointer;
}
.msk-slider-image__lightbox-nav--prev { inset-inline-start: clamp( 0.5rem, 2vw, 1.5rem ); }
.msk-slider-image__lightbox-nav--next { inset-inline-end: clamp( 0.5rem, 2vw, 1.5rem ); }
.msk-slider-image__lightbox-nav:hover,
.msk-slider-image__lightbox-nav:focus-visible {
	background: rgba( 20, 20, 22, 0.96 );
	outline: none;
}
.msk-slider-image__lightbox-nav[hidden] {
	display: none;
}

@media ( prefers-reduced-motion: no-preference ) {
	.msk-slider-image__lightbox.is-open {
		animation: msk-slider-lightbox-in 0.18s ease;
	}
	@keyframes msk-slider-lightbox-in {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
}





.msk-slider-post {
	position: relative;
	padding: 1rem;
}

.msk-slider-post__heading {
	margin: 0 0 1.5rem;
	font-size: clamp( 1.5rem, 3vw, 2.25rem );
	font-weight: 700;
}

.msk-slider-post__track {
	position: relative;
	display: grid;
	grid-template-columns: repeat( var( --msk-per-view, 3 ), 1fr );
	gap: 1.5rem;
}

.msk-slider-post--per-1 .msk-slider-post__track { --msk-per-view: 1; }
.msk-slider-post--per-2 .msk-slider-post__track { --msk-per-view: 2; }
.msk-slider-post--per-3 .msk-slider-post__track { --msk-per-view: 3; }
.msk-slider-post--per-4 .msk-slider-post__track { --msk-per-view: 4; }
.msk-slider-post--per-5 .msk-slider-post__track { --msk-per-view: 5; }

@media ( max-width: 768px ) {
	.msk-slider-post__track { grid-template-columns: 1fr; }
}

.msk-slider-post__slide {
	display: block;
	background-color: #ffffff;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.06 );
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.msk-slider-post__slide:hover {
	transform: translateY( -2px );
	box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.1 );
}

.msk-slider-post__card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.msk-slider-post__thumb {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.msk-slider-post__body {
	padding: 1rem 1.25rem 1.25rem;
}

.msk-slider-post__date {
	display: block;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 0.7;
	margin-bottom: 0.5rem;
}

.msk-slider-post__title {
	margin: 0 0 0.5rem;
	font-size: 1.125rem;
	line-height: 1.3;
}

.msk-slider-post__excerpt {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	opacity: 0.8;
}


.msk-slider-post__arrow {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	width: 40px;
	height: 40px;
	border: 0;
	border-radius: 999px;
	background-color: rgba( 0, 0, 0, 0.6 );
	color: #fff;
	cursor: pointer;
	z-index: 2;
}

.msk-slider-post__arrow--prev { left: -20px; }
.msk-slider-post__arrow--next { right: -20px; }


.msk-slider-post__dots,
.msk-slider-post__tabs {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 1.25rem;
	flex-wrap: wrap;
}

.msk-slider-post__dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: 0;
	background-color: rgba( 0, 0, 0, 0.25 );
	cursor: pointer;
	padding: 0;
}

.msk-slider-post__dot.is-active {
	background-color: #1a1a2e;
	transform: scale( 1.2 );
}

.msk-slider-post__tab {
	padding: 0.5rem 1rem;
	border: 1px solid rgba( 0, 0, 0, 0.15 );
	border-radius: 999px;
	background-color: transparent;
	font-size: 0.875rem;
	cursor: pointer;
}

.msk-slider-post__tab.is-active {
	background-color: #1a1a2e;
	color: #ffffff;
	border-color: #1a1a2e;
}


.msk-slider-post--editor {
	border: 1px dashed rgba( 0, 0, 0, 0.2 );
	background-color: rgba( 0, 0, 0, 0.02 );
}






.msk-variant-article-magazine .msk-slider-post__track {
	grid-template-columns: 1.4fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
}
.msk-variant-article-magazine .msk-slider-post__slide:first-child {
	grid-column: 1 / 2;
	grid-row: 1 / span 2;
}
.msk-variant-article-magazine .msk-slider-post__slide:first-child .msk-slider-post__thumb {
	aspect-ratio: 4 / 5;
	height: 100%;
}
.msk-variant-article-magazine .msk-slider-post__slide:first-child .msk-slider-post__title {
	font-size: clamp( 1.5rem, 3vw, 2rem );
}
@media ( max-width: 768px ) {
	.msk-variant-article-magazine .msk-slider-post__track {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.msk-variant-article-magazine .msk-slider-post__slide:first-child {
		grid-column: auto;
		grid-row: auto;
	}
}


.msk-variant-team .msk-slider-post__slide {
	background-color: transparent;
	box-shadow: none;
	text-align: center;
}
.msk-variant-team .msk-slider-post__thumb {
	width: 160px;
	height: 160px;
	border-radius: 999px;
	margin: 0 auto;
	aspect-ratio: 1 / 1;
}
.msk-variant-team .msk-slider-post__title { margin-top: 1rem; }
.msk-variant-team .msk-slider-post__excerpt { font-style: italic; }
.msk-variant-team .msk-slider-post__date { display: none; }


@media ( prefers-reduced-motion: reduce ) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}




.msk-slider-product {
	position: relative;
	padding: 1rem;
}

.msk-slider-product__header {
	margin-bottom: 1.5rem;
}

.msk-slider-product__heading {
	margin: 0 0 0.25rem;
	font-size: clamp( 1.5rem, 3vw, 2.25rem );
	font-weight: 700;
}

.msk-slider-product__subheading {
	margin: 0;
	opacity: 0.75;
	font-size: 1rem;
}

.msk-slider-product__track {
	position: relative;
	display: grid;
	
	grid-template-columns: repeat( var( --msk-per-view, 4 ), 1fr );
	gap: 1.5rem;
}

.msk-slider-product--per-1 .msk-slider-product__track { --msk-per-view: 1; }
.msk-slider-product--per-2 .msk-slider-product__track { --msk-per-view: 2; }
.msk-slider-product--per-3 .msk-slider-product__track { --msk-per-view: 3; }
.msk-slider-product--per-4 .msk-slider-product__track { --msk-per-view: 4; }
.msk-slider-product--per-5 .msk-slider-product__track { --msk-per-view: 5; }

@media ( max-width: 768px ) {
	.msk-slider-product__track { grid-template-columns: 1fr; }
}


.msk-slider-product__slide {
	display: flex;
	flex-direction: column;
	background-color: #ffffff;
	border-radius: 0.75rem;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.06 );
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.msk-slider-product__slide:hover {
	transform: translateY( -2px );
	box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.1 );
}

.msk-slider-product__card-link {
	display: flex;
	flex: 1;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

.msk-slider-product__thumb {
	display: block;
	
	flex-shrink: 0;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.msk-slider-product__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 1rem 1.25rem 1.25rem;
	text-align: center;
}



.msk-slider-product__title {
	flex: 1;
	margin: 0 0 0.5rem;
	font-size: clamp( 1.15rem, 1.6vw, 1.375rem );
	font-weight: 800;
	line-height: 1.25;
}

.msk-slider-product__price {
	font-weight: 800;
	font-size: clamp( 1.0625rem, 1.4vw, 1.25rem );
	text-align: center;
}


.msk-slider-product__cart {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 1.25rem 1.25rem;
}

.msk-slider-product__cart .button,
.msk-slider-product__cart .add_to_cart_button {
	display: inline-block;
	padding: 0.7rem 1.4rem;
	border: 0;
	border-radius: 999px;
	background-color: var( --msk-woo-accent, var( --msk-color-accent, #991b1b ) );
	color: var( --msk-woo-button-text, #ffffff );
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: filter var( --msk-duration-fast, 0.2s ) var( --msk-ease-out );
}

.msk-slider-product__cart .button:hover,
.msk-slider-product__cart .add_to_cart_button:hover {
	filter: brightness( 0.92 );
	color: var( --msk-woo-button-text, #ffffff );
}


.msk-slider-product__cart .added_to_cart {
	display: block;
	margin-top: 0.5rem;
	font-size: 0.8125rem;
	font-weight: 600;
	text-align: center;
}

.msk-slider-product__price del {
	opacity: 0.5;
	font-weight: 400;
	margin-right: 0.5rem;
}



.msk-slider-product__arrow {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background-color: rgba( 0, 0, 0, 0.72 );
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba( 0, 0, 0, 0.22 );
	transition:
		background-color var( --msk-duration-fast, 0.2s ) var( --msk-ease-out ),
		transform var( --msk-duration-fast, 0.2s ) var( --msk-ease-out );
	z-index: 2;
}

.msk-slider-product__arrow:hover {
	background-color: rgba( 0, 0, 0, 0.9 );
	transform: translateY( -50% ) scale( 1.06 );
}

.msk-slider-product__arrow:focus-visible {
	outline: 3px solid var( --msk-woo-accent, var( --msk-color-accent, #991b1b ) );
	outline-offset: 2px;
}

.msk-slider-product__arrow--prev { left: -28px; }
.msk-slider-product__arrow--next { right: -28px; }


@media ( max-width: 900px ) {
	.msk-slider-product__arrow {
		width: 44px;
		height: 44px;
		font-size: 1.6rem;
	}

	.msk-slider-product__arrow--prev { left: 4px; }
	.msk-slider-product__arrow--next { right: 4px; }
}

@media ( prefers-reduced-motion: reduce ) {
	.msk-slider-product__arrow {
		transition: none;
	}

	.msk-slider-product__arrow:hover {
		transform: translateY( -50% );
	}
}

.msk-slider-product__dots,
.msk-slider-product__tabs {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 1.25rem;
	flex-wrap: wrap;
}

.msk-slider-product__dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: 0;
	background-color: rgba( 0, 0, 0, 0.25 );
	cursor: pointer;
	padding: 0;
}

.msk-slider-product__dot.is-active {
	background-color: #1a1a2e;
	transform: scale( 1.2 );
}

.msk-slider-product__tab {
	padding: 0.5rem 1rem;
	border: 1px solid rgba( 0, 0, 0, 0.15 );
	border-radius: 999px;
	background-color: transparent;
	font-size: 0.875rem;
	cursor: pointer;
}

.msk-slider-product__tab.is-active {
	background-color: #1a1a2e;
	color: #ffffff;
	border-color: #1a1a2e;
}


.msk-slider-product--editor {
	border: 1px dashed rgba( 0, 0, 0, 0.2 );
	background-color: rgba( 0, 0, 0, 0.02 );
}






.msk-variant-product-basic .msk-slider-product__title { font-size: 1rem; }


.msk-variant-product-advanced .msk-slider-product__slide { padding: 0.5rem; }
.msk-variant-product-advanced .msk-slider-product__title { font-size: 0.9375rem; }
.msk-variant-product-advanced .msk-slider-product__price { font-size: 1.125rem; }


@media ( prefers-reduced-motion: reduce ) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}


.msk-slider-product:not( .msk-slider-product--list ) .msk-slider-product__slide[ aria-hidden="true" ] {
	display: none;
}


.msk-slider-product--list {
	overflow: visible;
}
.msk-slider-product--list .msk-slider-product__track {
	row-gap: clamp( 1.5rem, 3vw, 2rem );
}


.msk-slider-product--thumb-cover .msk-slider-product__thumb {
	aspect-ratio: 2 / 3;
}





.msk-slider-text {
	position: relative;
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: var( --msk-shadow-lg, 0 18px 40px rgba( 0, 0, 0, 0.14 ) );
}

.msk-slider-text__track {
	position: relative;
	display: grid; 
}

.msk-slider-text__slide {
	grid-area: 1 / 1; 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center; 
	gap: 1rem;
	margin: 0;
	padding: 1rem;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 350ms ease;
}

.msk-slider-text__slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.msk-slider-text__portrait {
	display: block; 
	width: 96px;
	height: 96px;
	border-radius: 999px;
	object-fit: cover;
}

.msk-slider-text__quote {
	margin: 0;
	max-width: 720px;
	font-size: clamp( 1.125rem, 2vw, 1.5rem );
	line-height: 1.5;
	font-style: italic;
}

.msk-slider-text__quote p {
	margin: 0;
}

.msk-slider-text__byline {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	font-size: 0.875rem;
}

.msk-slider-text__author {
	font-weight: 700;
}

.msk-slider-text__role {
	opacity: 0.75;
}

.msk-slider-text__cta {
	display: inline-block;
	padding: 0.5rem 1.25rem;
	border-radius: 999px;
	background-color: currentColor;
	font-weight: 700;
	text-decoration: none;
}

.msk-slider-text__cta::before {
	content: '';
}


.msk-slider-text__arrow {
	position: absolute;
	top: 50%;
	transform: translateY( -50% );
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 999px;
	background-color: rgba( 0, 0, 0, 0.5 );
	color: #fff;
	font-size: 1.25rem;
	cursor: pointer;
	z-index: 2;
}

.msk-slider-text__arrow--prev { left: 0.5rem; }
.msk-slider-text__arrow--next { right: 0.5rem; }


.msk-slider-text__dots {
	display: flex;
	gap: 0.5rem;
	justify-content: center;
	margin-top: 1rem;
}

.msk-slider-text__dot {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	border: 0;
	background-color: rgba( 0, 0, 0, 0.25 );
	cursor: pointer;
	padding: 0;
}

.msk-slider-text__dot.is-active {
	background-color: currentColor;
	transform: scale( 1.2 );
}


.msk-slider-text__tabs {
	display: flex;
	gap: 0.25rem;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1rem;
}

.msk-slider-text__tab {
	padding: 0.5rem 1rem;
	border: 1px solid rgba( 0, 0, 0, 0.15 );
	border-radius: 999px;
	background-color: transparent;
	color: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	cursor: pointer;
}

.msk-slider-text__tab.is-active {
	background-color: currentColor;
}


.msk-slider-text--editor .msk-slider-text__track { display: block; }
.msk-slider-text--editor .msk-slider-text__slide {
	grid-area: auto;
	display: flex;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed rgba( 0, 0, 0, 0.1 );
}






.msk-variant-quote .msk-slider-text {
	background-color: #8a1622;
	color: #ffffff;
}
.msk-variant-quote .msk-slider-text__quote { font-size: clamp( 1.25rem, 2.5vw, 1.75rem ); }


.msk-variant-profile .msk-slider-text {
	background-color: #f5ebe0;
	color: #1a1a2e;
}
.msk-variant-profile .msk-slider-text__portrait {
	display: block;
}
.msk-variant-profile .msk-slider-text__quote { font-style: normal; font-size: clamp( 1.125rem, 2vw, 1.375rem ); }


.msk-variant-editorial .msk-slider-text {
	background-color: #f5ebe0;
	color: #1a1a2e;
}
.msk-variant-editorial .msk-slider-text__quote {
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: clamp( 1.5rem, 3vw, 2.25rem );
	font-style: normal;
	font-weight: 600;
}





.msk-team-bio-header {
	padding-inline: 1.5rem;
}


.msk-team-bio-header__inner {
	box-sizing: border-box;
	max-inline-size: 1340px;
	margin-inline: auto;
	display: flex;
	align-items: center;
	gap: clamp(2rem, 5vw, 4.5rem);
	background: var(--msk-bio-bg, #0a0a0a);
	color: var(--msk-bio-text, #ffffff);
	border-radius: 1.125rem;
	padding: clamp(1.5rem, 3.5vw, 3rem) clamp(1.75rem, 4vw, 3.5rem);
}
.msk-team-bio-header--img-left .msk-team-bio-header__inner {
	flex-direction: row-reverse;
}

.msk-team-bio-header__text {
	flex: 1 1 auto;
	min-inline-size: 0;
}

.msk-team-bio-header__name {
	margin: 0;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: clamp(2.25rem, 5vw, 3.5rem);
	font-weight: 500;
	line-height: 1.1;
	color: var(--msk-bio-text, #ffffff);
}

.msk-team-bio-header__creds {
	font-weight: 400;
	font-size: clamp(1.25rem, 2.6vw, 1.75rem);
	color: var(--msk-bio-accent, #aebfa0);
}
.msk-team-bio-header__rule {
	display: block;
	inline-size: min(100%, 22rem);
	block-size: 2px;
	margin-block: 1.5rem;
	background-color: var(--msk-bio-accent, #aebfa0);
}

.msk-team-bio-header__title {
	margin: 0;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-style: italic;
	font-weight: 700;
	font-size: clamp(1.2rem, 2.4vw, 1.8rem);
	line-height: 1.15;
	color: var(--msk-bio-text, #ffffff);
	opacity: 0.9;
}
.msk-team-bio-header__socials {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-block-start: 1.5rem;
}
.msk-team-bio-header__social {
	display: inline-flex;
	color: var(--msk-bio-text, #ffffff);
	opacity: 0.7;
	transition: color 150ms ease-out, opacity 150ms ease-out;
}
.msk-team-bio-header__social:hover {
	color: var(--msk-bio-accent, #aebfa0);
	opacity: 1;
}
.msk-team-bio-header__social svg {
	display: block;
}


.msk-team-bio-header__media {
	flex: 0 0 auto;
	inline-size: clamp(165px, 26%, 285px);
}
.msk-team-bio-header__photo {
	display: block;
	inline-size: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 1.125rem;
}
.msk-team-bio-header__monogram {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: var(--msk-team-avatar, #92a086);
	color: #ffffff;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: clamp(3rem, 8vw, 5rem);
	font-weight: 500;
	line-height: 1;
}


@media (max-width: 782px) {
	.msk-team-bio-header__inner,
	.msk-team-bio-header--img-left .msk-team-bio-header__inner {
		flex-direction: column-reverse;
		align-items: flex-start;
		gap: 2rem;
	}
	.msk-team-bio-header__media {
		inline-size: min(260px, 70%);
	}
}





.msk-team-cta { padding: var(--msk-space-4, 1rem); }
.msk-team-cta--v2 { padding: 0; }


.msk-team-cta__card { border-radius: var(--msk-radius-xl, 1.5rem); padding: var(--msk-space-20, 5rem) var(--msk-space-8, 2rem); position: relative; overflow: hidden; color: #f6f6f6; }


.msk-team-cta__decor { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; color: currentColor; }

.msk-team-cta__inner { max-inline-size: 800px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--msk-space-6, 1.5rem); position: relative; z-index: 1; }


.msk-team-cta__headline { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 800; line-height: 1.1; margin: 0; }


.msk-team-cta__description { font-size: var(--msk-font-size-base, 1rem); color: rgba(246,246,246,0.92); line-height: var(--msk-leading-normal, 1.6); margin: 0; max-inline-size: 650px; }


.msk-team-cta__bar { display: flex; align-items: center; gap: var(--msk-space-5, 1.25rem); margin-block-start: var(--msk-space-4, 1rem); }


.msk-team-cta__experts { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); }

.msk-team-cta__experts-label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; }


.msk-team-cta__avatars { display: flex; align-items: center; }

.msk-team-cta__avatar { inline-size: 36px; block-size: 36px; border-radius: var(--msk-radius-full, 9999px); object-fit: cover; border: 2px solid rgba(246,246,246,0.3); margin-inline-start: -10px; }
.msk-team-cta__avatar:first-child { margin-inline-start: 0; }

.msk-team-cta__overflow { display: inline-flex; align-items: center; justify-content: center; inline-size: 36px; block-size: 36px; border-radius: var(--msk-radius-full, 9999px); font-size: var(--msk-font-size-xs, 0.75rem); font-weight: 700; margin-inline-start: -10px; border: 2px solid rgba(246,246,246,0.3); }


.msk-team-cta__divider { inline-size: 1px; block-size: 32px; background: rgba(246,246,246,0.25); flex-shrink: 0; }


.msk-team-cta__cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-8, 2rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: var(--msk-radius-full, 9999px); text-decoration: none; transition: transform var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-team-cta__cta:hover { transform: translateY(-1px); }


@media (max-width: 782px) {
    .msk-team-cta__bar { flex-direction: column; }
    .msk-team-cta__divider { inline-size: 40px; block-size: 1px; }
}


.msk-team-cta--editor { border-radius: var(--msk-radius-md, 0.5rem); }
.msk-team-cta__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); min-height: 180px; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #f6f6f6; }
.msk-team-cta__editor-decor { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.msk-team-cta__editor-inner { position: relative; z-index: 1; max-width: 800px; width: 100%; margin: 0 auto; text-align: center; display: flex; flex-direction: column; align-items: center; gap: var(--msk-space-4, 1rem); padding: var(--msk-space-10, 2.5rem) var(--msk-space-6, 1.5rem); }
.msk-team-cta__editor-headline { font-size: clamp(1.5rem, 3vw, 2.25rem); font-weight: 800; line-height: 1.15; margin: 0; }
.msk-team-cta__editor-description { font-size: var(--msk-font-size-sm, 0.875rem); color: rgba(246,246,246,0.8); line-height: 1.6; margin: 0; max-width: 560px; }
.msk-team-cta__editor-bar { display: flex; align-items: center; gap: var(--msk-space-5, 1.25rem); flex-wrap: wrap; justify-content: center; }
.msk-team-cta__editor-experts { display: flex; align-items: center; gap: var(--msk-space-3, 0.75rem); }
.msk-team-cta__editor-experts-label { font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 700; }
.msk-team-cta__editor-avatars { display: flex; align-items: center; }
.msk-team-cta__editor-avatar { width: 36px; height: 36px; border-radius: 9999px; object-fit: cover; border: 2px solid rgba(246,246,246,0.3); margin-left: -10px; }
.msk-team-cta__editor-avatar:first-child { margin-left: 0; }
.msk-team-cta__editor-overflow { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9999px; font-size: 11px; font-weight: 700; margin-left: -10px; border: 2px solid rgba(246,246,246,0.3); }
.msk-team-cta__editor-divider { width: 1px; height: 32px; background: rgba(246,246,246,0.25); flex-shrink: 0; }
.msk-team-cta__editor-cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: 0.625rem 1.5rem; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; border-radius: 9999px; text-decoration: none; cursor: default; }


@media (prefers-reduced-motion: reduce) {
    .msk-team-cta__cta { transition: none; }
}





.msk-team-grid:not(.msk-team-grid--grouped),
.msk-team-grid__row {
	display: grid;
	grid-template-columns: repeat(var(--msk-team-cols, 4), 1fr);
	gap: 1.5rem;
}


.msk-team-grid--grouped {
	display: flex;
	flex-direction: column;
	gap: clamp(2.25rem, 4vw, 3.25rem);
}
.msk-team-grid__group-title {
	margin: 0 0 1.25rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--msk-team-label, #aebfa0);
}

.msk-team-grid__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 2rem;
	background: var(--msk-team-card, #1a1d1a);
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 1.125rem;
	text-decoration: none;
	color: inherit;
}


.msk-team-grid__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 4rem;
	block-size: 4rem;
	margin-block-end: 1.75rem;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background-color: var(--msk-team-avatar, #92a086);
	color: #ffffff;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
}

.msk-team-grid__avatar--photo {
	background-color: transparent;
}

.msk-team-grid__avatar img {
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	border-radius: 50%;
}



.msk-team-grid__name {
	margin: 0 0 0.4rem;
	font-size: 1.1875rem;
	font-weight: 700;
	color: var(--msk-team-text, #ffffff);
	line-height: 1.2;
}

.msk-team-grid__creds {
	font-weight: 400;
	color: var(--msk-team-text, #ffffff);
	opacity: 0.7;
}

.msk-team-grid__role {
	margin: 0 0 1.1rem;
	font-size: 0.9375rem;
	color: var(--msk-team-text, #ffffff);
	opacity: 0.78;
}

.msk-team-grid__bio {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--msk-team-text, #ffffff);
	opacity: 0.68;
}


.msk-team-grid__profile-link {
	margin-block-start: auto;
	padding-block-start: 1.25rem;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #aebfa0;
	text-decoration: none;
	transition: gap 150ms ease-out, color 150ms ease-out;
}
.msk-team-grid__profile-link:hover {
	color: #c7d4bb;
	gap: 0.7rem;
}


.msk-team-grid__card--more {
	transition: border-color 150ms ease-out;
}
a.msk-team-grid__card--more:hover {
	border-color: rgba(255, 255, 255, 0.22);
}


@media (max-width: 1024px) {
	.msk-team-grid:not(.msk-team-grid--grouped),
	.msk-team-grid__row {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 600px) {
	.msk-team-grid:not(.msk-team-grid--grouped),
	.msk-team-grid__row {
		grid-template-columns: 1fr;
	}
}


.msk-team-grid--editor {
	border: 1px dashed rgba(127, 140, 110, 0.6);
	border-radius: 0.5rem;
}


.msk-team-grid--featured {
	display: grid;
	grid-template-columns: minmax( 0, 0.8fr ) minmax( 0, 1fr );
	align-items: center;
	gap: clamp( 2rem, 5vw, 4.5rem );
	max-inline-size: 1180px;
	margin-inline: auto;
}
.msk-team-featured__media {
	display: grid;
	place-items: center;
}
.msk-team-featured__photo {
	inline-size: 100%;
	max-inline-size: 420px;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 1.25rem;
	display: block;
}
.msk-team-featured__monogram {
	inline-size: clamp( 9rem, 22vw, 14rem );
	aspect-ratio: 1;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var( --msk-team-avatar, #92a086 );
	color: #ffffff;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: clamp( 3.5rem, 8vw, 5.5rem );
	line-height: 1;
}
.msk-team-featured__eyebrow {
	margin: 0 0 1rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var( --msk-team-accent, #444f39 );
}
.msk-team-featured__name {
	margin: 0 0 0.4rem;
	font-family: var(--msk-serif, Georgia, 'Times New Roman', serif);
	font-size: clamp( 2rem, 4.5vw, 3rem );
	font-weight: 500;
	line-height: 1.1;
	color: #1a1a1a;
}
.msk-team-featured__creds {
	font-weight: 400;
	font-size: 0.6em;
	color: #565650;
	white-space: nowrap;
}
.msk-team-featured__role {
	margin: 0 0 1.25rem;
	font-size: 1.0625rem;
	font-weight: 600;
	color: var( --msk-team-accent, #444f39 );
}
.msk-team-featured__bio {
	margin: 0 0 1.5rem;
	font-size: 1.0625rem;
	line-height: 1.65;
	color: #54544d;
}
.msk-team-featured__socials {
	display: flex;
	gap: 0.6rem;
	margin: 0 0 1.5rem;
}
.msk-team-featured__social {
	display: inline-grid;
	place-items: center;
	inline-size: 2.5rem;
	block-size: 2.5rem;
	border-radius: 50%;
	background: rgba( 0, 0, 0, 0.05 );
	color: #1a1a1a;
	transition: background-color 150ms ease, color 150ms ease;
}
.msk-team-featured__social:hover,
.msk-team-featured__social:focus {
	background: var( --msk-team-accent, #444f39 );
	color: #ffffff;
}
.msk-team-featured__cta {
	margin: 0;
}
.msk-team-featured__cta a {
	display: inline-block;
	background: var( --msk-team-accent, #444f39 );
	color: #ffffff;
	text-decoration: none;
	padding: 0.85rem 1.6rem;
	border-radius: 0.5rem;
	font-weight: 600;
	transition: opacity 150ms ease;
}
.msk-team-featured__cta a:hover,
.msk-team-featured__cta a:focus {
	opacity: 0.92;
}
@media ( max-width: 781px ) {
	.msk-team-grid--featured {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
	.msk-team-featured__socials {
		justify-content: center;
	}
}





.msk-testimonial-section { padding: var(--msk-space-4, 1rem); }
.msk-testimonial-section--v2 { padding: 0; }


.msk-testimonial-section__card { border-radius: var(--msk-radius-xl, 1.5rem); position: relative; display: flex; align-items: flex-end; justify-content: space-between; background-size: cover; background-position: center; overflow: hidden; }

.msk-testimonial-section__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 20%, rgba(0,0,0,0.45) 100%); pointer-events: none; }


.msk-testimonial-section__decor { position: absolute; top: 0; right: 0; width: 50%; height: 100%; pointer-events: none; opacity: 0.1; color: #fff; z-index: 1; }

.msk-testimonial-section__content { position: relative; z-index: 2; padding: var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); max-inline-size: 900px; }

.msk-testimonial-section__attribution { font-size: var(--msk-font-size-sm, 0.875rem); margin: 0 0 var(--msk-space-4, 1rem); }

.msk-testimonial-section__quote { font-size: clamp(1.5rem, 4vw, 2.75rem); font-weight: 700; line-height: 1.25; margin: 0; quotes: none; }


.msk-testimonial-section__cta-wrap { position: relative; z-index: 2; padding: var(--msk-space-10, 2.5rem) var(--msk-space-8, 2rem); align-self: flex-end; flex-shrink: 0; }

.msk-testimonial-section__cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: var(--msk-space-3, 0.75rem) var(--msk-space-6, 1.5rem); font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: var(--msk-radius-full, 9999px); text-decoration: none; transition: background var(--msk-duration-fast, 150ms) var(--msk-ease-out, ease-out); }
.msk-testimonial-section__cta:hover { background: rgba(255,255,255,0.2); }


@media (max-width: 782px) {
    .msk-testimonial-section { flex-direction: column; align-items: flex-start; }
    .msk-testimonial-section__quote { font-size: clamp(1.25rem, 5vw, 2rem); }
    .msk-testimonial-section__cta-wrap { padding-block-start: 0; }
}


.msk-testimonial-section--editor { border-radius: var(--msk-radius-md, 0.5rem); }
.msk-testimonial-section__editor-card { border-radius: var(--msk-radius-xl, 1.5rem); min-height: 220px; background-size: cover; background-position: center; position: relative; display: flex; align-items: flex-end; justify-content: space-between; overflow: hidden; }
.msk-testimonial-section__editor-decor { position: absolute; top: 0; right: 0; width: 50%; height: 100%; pointer-events: none; opacity: 0.12; color: #fff; z-index: 1; }
.msk-testimonial-section__editor-content { position: relative; z-index: 2; padding: var(--msk-space-6, 1.5rem) var(--msk-space-8, 2rem); max-width: 640px; display: flex; flex-direction: column; gap: 6px; }
.msk-testimonial-section__editor-attribution { font-size: var(--msk-font-size-sm, 0.875rem); margin: 0; }
.msk-testimonial-section__editor-quote { font-size: clamp(1.125rem, 2.5vw, 1.625rem); font-weight: 700; line-height: 1.3; margin: 0; quotes: none; }
.msk-testimonial-section__editor-cta-wrap { position: relative; z-index: 2; padding: var(--msk-space-6, 1.5rem) var(--msk-space-8, 2rem); align-self: flex-end; flex-shrink: 0; }
.msk-testimonial-section__editor-cta { display: inline-flex; align-items: center; gap: var(--msk-space-2, 0.5rem); padding: 0.625rem 1.25rem; font-size: var(--msk-font-size-sm, 0.875rem); font-weight: 600; color: #fff; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border-radius: 9999px; cursor: default; }


@media (prefers-reduced-motion: reduce) {
    .msk-testimonial-section__cta { transition: none; }
}