/* /mclaren — DEWALT x McLAREN campaign (UK layout, Korean copy) */

:root {
    --bc-yellow: #FEB813;
    --bc-yellow-hover: #e5a610;
    --bc-black: #1A1A1A;
    --bc-zinc-600: #52525b;
    --bc-zinc-300: #d4d4d8;
    --bc-white: #ffffff;
    --bc-border: #e5e5e5;
    --bc-container: 105rem;
    --mc-content-max: 76.25rem;
    --mc-content-max-xl: 69.375rem;
    --mc-content-max-lg: 60rem;
    --mc-content-max-md: 44rem;
    --mc-bleed-ref: 1250px;
    --mc-bleed-ref-xl: 1141px;
    --mc-bleed-ref-lg: 990px;
    --mc-bleed-ref-md: 704px;
    --mc-orange: #FF8000;
    --mc-dark: #1A1A1A;
    --mc-grey: #eeeeee;
    --mc-digital-blue: #275CE2;
    --mc-border-grey: #c4c4c4;
}

body.mc-layout {
    min-width: 0 !important;
}

body.mc-layout #sub-wrap.mc-sub-wrap {
    min-width: 0;
    width: 100%;
}

body.mc-layout #header + #contentWrap.mc-content-wrap,
body.mc-layout #contentWrap.mc-content-wrap {
    margin: 0 !important;
    width: 100%;
}

/* Campaign page: scroll header away like main (no sub-page sticky bar) */
body.mc-layout #header,
body.mc-layout #header.sticky {
    position: absolute !important;
    top: 0 !important;
    box-shadow: none;
}

@media screen and (max-width: 1024px) {
    body.mc-layout #header,
    body.mc-layout #header.sticky {
        position: absolute !important;
        top: 0 !important;
        background: #000;
        box-shadow: none;
    }
}

.mc-page {
    font-family: 'Noto Sans KR', sans-serif;
    background: #000;
    color: #fff;
    line-height: 1.5;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

.mc-container {
    max-width: 105rem;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 768px) {
    .mc-container { padding: 0 3rem; }
}

/* UK coh-container-boxed */
.mc-container-boxed,
.mc-section__inner,
.mc-video__inner,
.mc-split-section__inner,
.mc-nav__menu,
.mc-hero__panel-wrap {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--mc-content-max);
}

@media (max-width: 1279px) {
    .mc-container-boxed,
    .mc-section__inner,
    .mc-video__inner,
    .mc-split-section__inner,
    .mc-nav__menu,
    .mc-hero__panel-wrap {
        max-width: var(--mc-content-max-xl);
    }
}

@media (max-width: 1169px) {
    .mc-container-boxed,
    .mc-section__inner,
    .mc-video__inner,
    .mc-split-section__inner,
    .mc-nav__menu,
    .mc-hero__panel-wrap {
        max-width: var(--mc-content-max-lg);
    }
}

@media (max-width: 1023px) {
    .mc-container-boxed,
    .mc-section__inner,
    .mc-video__inner,
    .mc-split-section__inner,
    .mc-nav__menu,
    .mc-hero__panel-wrap {
        max-width: var(--mc-content-max-md);
    }
}

@media (max-width: 767px) {
    .mc-container-boxed,
    .mc-section__inner,
    .mc-video__inner,
    .mc-split-section__inner,
    .mc-nav__menu,
    .mc-hero__panel-wrap {
        max-width: none;
        margin-left: 2rem;
        margin-right: 2rem;
    }
}

@media (max-width: 359px) {
    .mc-container-boxed,
    .mc-section__inner,
    .mc-video__inner,
    .mc-split-section__inner,
    .mc-nav__menu,
    .mc-hero__panel-wrap {
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

/* UK: nested coh-container-boxed does not double side margins */
.mc-container-boxed .mc-container-boxed,
.mc-section__inner > .mc-container-boxed {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.mc-title {
    font-family: Oswald, 'Noto Sans KR', sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* Hero — UK coh-style-page-hero: 85vh image + dark text panel (col-xl-5, flex-end) */
.mc-hero {
    position: relative;
    min-height: 27rem;
    overflow: hidden;
    background: #000;
}

@media (min-width: 1024px) {
    .mc-hero {
        min-height: 40rem;
        height: 85vh;
        height: 85dvh;
        max-height: 50rem;
    }
}

.mc-hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.mc-hero__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.mc-hero__panel-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    min-height: inherit;
    padding: 0;
}

.mc-hero__panel {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: transparent;
    color: #fff;
    padding: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    width: 100%;
    max-width: 100%;
    text-align: left;
    z-index: 0;
}

.mc-hero__panel::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: #000;
    opacity: 0.9;
}

@media (min-width: 1024px) {
    .mc-hero__panel {
        width: 41.666667%;
        min-width: 0;
        min-height: 20rem;
        padding: 2rem;
    }
}

.mc-hero__brand {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin: 0 0 1rem;
    color: #fff;
    text-transform: none;
}

@media (min-width: 1024px) {
    .mc-hero__brand {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.mc-hero__tagline {
    font-family: Oswald, 'Noto Sans KR', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: var(--mc-orange);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

@media (min-width: 1024px) {
    .mc-hero__tagline {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }
}

@media (max-width: 1023px) {
    .mc-hero {
        min-height: auto;
        height: auto;
        max-height: none;
        display: flex;
        flex-direction: column;
    }

    .mc-hero__media {
        position: relative;
        inset: auto;
        height: 27.0625rem;
        min-height: 27.0625rem;
    }

    .mc-hero__panel-wrap {
        position: static;
        display: block;
        height: auto;
        min-height: 0;
    }

    .mc-hero__panel {
        min-height: 0;
        margin-left: -2rem;
        margin-right: -2rem;
        width: calc(100% + 4rem);
        padding: 1.5rem;
    }
}

@media (max-width: 359px) {
    .mc-hero__panel {
        margin-left: -1rem;
        margin-right: -1rem;
        width: calc(100% + 2rem);
    }
}

.mc-accent {
    color: var(--mc-orange);
}

/* Sticky nav — UK coh-style-sticky-navigation + sticky-nav-menu coh-container-boxed */
.mc-nav {
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    background: #1a1a1a;
    color: #fff;
}

.mc-nav__menu {
    display: block;
}

.mc-nav__list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mc-nav__item {
    min-width: 8.375rem;
}

.mc-nav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1rem 2rem;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    border-bottom: 0;
    position: relative;
    transition: all 100ms ease-in-out;
}

.mc-nav__link::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.25rem;
    background: var(--bc-yellow);
    opacity: 0;
    transition: all 100ms ease-in-out;
}

.mc-nav__link:hover {
    font-weight: 700;
    border-bottom: 0.25rem solid var(--bc-yellow);
}

.mc-nav__item.is-active .mc-nav__link,
.mc-nav__link.is-active {
    color: #fff;
    font-weight: 700;
}

.mc-nav__item.is-active .mc-nav__link::after,
.mc-nav__link.is-active::after {
    opacity: 1;
}

@media (max-width: 1023px) {
    .mc-nav__menu {
        display: none;
    }
}

/* Sections */
.mc-section {
    padding: 4rem 0;
}

.mc-section--dark { background: #000; }
.mc-section--grey { background: var(--mc-grey); color: #111; }
.mc-section--light { background: #fff; color: #111; }

.mc-section__title {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 900;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.mc-section__title--center { text-align: center; }

.mc-section__desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #d4d4d4;
    max-width: 52rem;
}

.mc-section--grey .mc-section__desc,
.mc-section--light .mc-section__desc {
    color: #52525b;
}

.mc-section__desc--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Intro — UK: centered 3-line headline + centered body */
.mc-intro {
    padding: 4rem 0 3rem;
}

.mc-intro__inner {
    max-width: 52rem;
    text-align: center;
}

.mc-intro__headline {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
}

@media (min-width: 768px) {
    .mc-intro__headline {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.mc-intro__line {
    display: block;
}

.mc-intro__body {
    font-size: 1rem;
    line-height: 1.75;
    color: #e5e5e5;
    margin: 0 auto;
}

/* Video — inline rolling campaign videos (autoplay, no controls) */
.mc-video {
    padding: 0;
    background: #000;
}

.mc-video__inner {
    padding-bottom: 4rem;
}

.mc-video__stage {
    position: relative;
    width: 100%;
    background: #000;
}

.mc-video__stage .mc-video__player {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
    background: #000;
}

.mc-video__stage .mc-video__player:not(.is-visible) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.mc-video__stage .mc-video__player.is-visible {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.mc-video__sound {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-sizing: border-box;
    width: 2.75rem;
    min-width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    aspect-ratio: 1;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0.375rem;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.mc-video__sound:hover,
.mc-video__sound:focus-visible {
    background: rgba(0, 0, 0, 0.75);
    border-color: rgba(255, 255, 255, 0.6);
    outline: none;
}

.mc-video__sound .material-symbols-outlined {
    font-size: 1.375rem;
    line-height: 1;
}

.mc-video__sound.is-unmuted {
    border-color: var(--bc-yellow);
    color: var(--bc-yellow);
}

/* Scroll reveal — UK gsap-fadein-richtext */
.mc-reveal {
    opacity: 0;
    transform: translateY(1.5rem);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

.mc-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .mc-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* Promo split — image block + white text section */
.mc-promo-split__img {
    width: 100%;
    height: auto;
    display: block;
}

.mc-promo-split__body {
    background: #fff;
    color: #111;
    padding: 3.5rem 0;
}

.mc-promo-split__body--standalone {
    background: #fff;
    color: #111;
    padding: 4rem 0;
}

.mc-promo-split__inner {
    text-align: center;
    max-width: 42rem;
}

.mc-promo-split__title {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 1rem;
    color: #111;
    text-transform: none;
    letter-spacing: 0;
}

@media (min-width: 768px) {
    .mc-promo-split__title {
        font-size: 2rem;
        line-height: 2.5rem;
    }
}

.mc-promo-split__text {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #52525b;
    margin-bottom: 1.5rem;
}

.mc-section--grey .mc-btn,
.mc-promo-split__body .mc-btn {
    color: #000;
}

/* Fifty-fifty split blocks — UK coh-container-boxed + coh-style-50-50-content */
.mc-split-section {
    padding: 0;
}

.mc-split-section--light {
    background: var(--mc-grey);
}

.mc-split {
    display: grid;
    gap: 0;
    align-items: stretch;
}

@media (min-width: 1024px) {
    .mc-split {
        grid-template-columns: 1fr 1fr;
    }

    .mc-split--reverse .mc-split__media { order: 2; }
    .mc-split--reverse .mc-split__body { order: 1; }
}

.mc-split--light {
    background: transparent;
    color: #111;
}

.mc-split--light .mc-split__body {
    background: var(--mc-grey);
}

.mc-split--dark {
    background: #000;
    color: #fff;
}

.mc-split__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mc-split--dark .mc-split__media img {
    min-height: 16rem;
}

.mc-split--light .mc-split__media {
    position: relative;
    min-height: 0;
    height: 20.5rem;
}

.mc-split--light .mc-split__media img {
    object-position: top center;
    min-height: inherit;
}

@media (max-width: 1023px) {
    /* UK data-gs-spacing=md: 2rem top/bottom on light-grey 50-50 block */
    #tools + .mc-split-section--light {
        padding-top: 2rem;
    }

    .mc-split-section--light:has(+ #products) {
        padding-bottom: 2rem;
    }

    .mc-split-section--light .mc-split {
        grid-template-columns: 1fr;
    }

    .mc-split-section--light .mc-split--reverse .mc-split__media,
    .mc-split-section--light .mc-split--reverse .mc-split__body {
        order: unset;
    }

    .mc-split-section--light .mc-split__media {
        height: 31.25rem;
        width: 100%;
    }

    .mc-split-section--light .mc-split__body {
        align-items: flex-start;
        padding: 2rem 1rem;
    }

    .mc-split-section--light .mc-split__title {
        font-size: 2rem;
        line-height: 2.25rem;
        margin-bottom: 1rem;
    }

    .mc-split-section--light .mc-split__desc {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 0;
    }

    .mc-split-section--light .mc-split__body .mc-btn {
        margin-top: 1.5rem;
        margin-left: 0;
        margin-right: 0;
        padding: 0.75rem 1.5rem;
        text-align: center;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .mc-split-section--light .mc-split__media {
        height: 20.5rem;
    }
}

@media (min-width: 1024px) {
    .mc-split--light .mc-split__media {
        height: auto;
        min-height: 34.75rem;
    }

    .mc-split--dark .mc-split__media img { min-height: 22rem; }
}

.mc-split__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 1.5rem;
}

@media (min-width: 768px) {
    .mc-split__body { padding: 3rem 2.5rem; }
}

@media (min-width: 1024px) {
    .mc-split__body { padding: 3.5rem 4rem; }
}

.mc-split__model {
    font-size: 0.8125rem;
    color: #a1a1aa;
    margin-bottom: 0.5rem;
}

.mc-split--light .mc-split__model { color: #71717a; }

.mc-split__title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 2.25rem;
    text-transform: none;
}

@media (min-width: 768px) {
    .mc-split__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.mc-split__desc {
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    color: #d4d4d4;
}

.mc-split--light .mc-split__desc { color: #52525b; }

.mc-split-section--light .mc-split__body .mc-btn {
    display: inline-block;
    width: auto;
    max-width: max-content;
    align-self: flex-start;
    flex: 0 0 auto;
}

.mc-split--light .mc-btn--outline {
    color: #111;
    border-color: #111;
}

/* Accordion / tabs — UK coh-accordion-tabs-nav (dark theme) */
.mc-tools__lead-title {
    font-family: Oswald, 'Noto Sans KR', sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 2.5rem;
    margin-bottom: 0.75rem;
    text-transform: none;
    letter-spacing: -0.02em;
}

@media (min-width: 768px) {
    .mc-tools__lead-title {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

.mc-tools__lead-title .mc-accent,
.mc-tools__lead-desc .mc-accent {
    color: var(--mc-orange);
}

.mc-tools__lead-desc {
    font-size: 0.9375rem;
    color: #d4d4d4;
    max-width: 40rem;
    margin: 0 auto;
    line-height: 1.7;
}

.mc-accordion {
    margin-top: 1rem;
}

.mc-accordion__tabs {
    display: none;
    position: relative;
    margin-bottom: 0;
    text-align: center;
}

/* UK coh-accordion-tabs-nav::before — full-width baseline under inactive tabs */
.mc-accordion__tabs::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 100vw;
    height: 1px;
    background: #6b6b6b;
    transform: translateX(-50%);
    z-index: 0;
    pointer-events: none;
}

@media (min-width: 1024px) {
    .mc-accordion__tabs {
        display: block;
    }
}

.mc-accordion__tab-list {
    display: inline-flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    vertical-align: bottom;
}

.mc-accordion__tab-item {
    margin: 0;
    max-width: 13.75rem;
    flex: 0 0 auto;
}

/* Shared vertical borders between adjacent tabs */
.mc-accordion__tab-item + .mc-accordion__tab-item {
    margin-left: -1px;
}

.mc-accordion__tab {
    box-sizing: border-box;
    width: 100%;
    min-height: 3rem;
    padding: 8px 16px;
    background: transparent;
    border: 1px solid #6b6b6b;
    border-bottom: none;
    border-radius: 0;
    border-top-width: 1px;
    color: #a6a6a6;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    transition: border-color 100ms ease-in-out, color 100ms ease-in-out, padding 100ms ease-in-out;
    text-align: center;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    word-wrap: break-word;
    word-break: break-word;
    position: relative;
}

.mc-accordion__tab:hover:not(.is-active) {
    border-top: 2px solid var(--mc-digital-blue);
    border-left-color: #6b6b6b;
    border-right-color: #6b6b6b;
    padding-top: 7px;
}

.mc-accordion__tab-item.is-active .mc-accordion__tab,
.mc-accordion__tab.is-active {
    background: #000;
    color: #fff;
    border-top: 2px solid var(--mc-digital-blue);
    border-left: 1px solid #6b6b6b;
    border-right: 1px solid #6b6b6b;
    border-bottom: none;
    padding-top: 7px;
    pointer-events: none;
    z-index: 2;
}

/* Active tab covers shared baseline — opens into panel below */
.mc-accordion__tab-item.is-active .mc-accordion__tab::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #000;
    z-index: 1;
}

.mc-accordion__tab:focus {
    outline: none;
}

.mc-accordion__tab:focus-visible {
    outline: 2px solid #3997f9;
    outline-offset: -2px;
}

.mc-accordion__item {
    border-top: 1px solid #6b6b6b;
}

@media (max-width: 1023px) {
    .mc-accordion__item:last-child {
        border-bottom: 1px solid #6b6b6b;
    }
}

@media (min-width: 1024px) {
    .mc-accordion__item {
        border-top: 0;
        border-bottom: 0;
        display: none;
    }

    .mc-accordion__item.is-open {
        display: block;
        animation: mcFadeIn 0.35s ease;
    }

    .mc-accordion__item.is-open .mc-accordion__panel {
        border-top: 0;
    }
}

.mc-accordion__trigger {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem 0 1rem 3rem;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    text-align: left;
    position: relative;
}

/* UK coh-accordion-title + coh-style-accordion-items: + collapsed, − expanded */
.mc-accordion__icon {
    position: absolute;
    left: 0.5rem;
    top: 50%;
    width: 2rem;
    height: 2rem;
    border: 1px solid #6b6b6b;
    border-radius: 0.125rem;
    transform: translateY(-50%);
    flex-shrink: 0;
    transition: border-color 100ms ease-in-out;
}

.mc-accordion__icon::before,
.mc-accordion__icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #eee;
    transition: background-color 100ms ease-in-out;
}

.mc-accordion__icon::before {
    width: 0.125rem;
    height: 0.875rem;
    transform: translate(-50%, -50%);
}

.mc-accordion__icon::after {
    width: 0.875rem;
    height: 0.125rem;
    transform: translate(-50%, -50%);
}

.mc-accordion__item.is-open .mc-accordion__icon::before {
    display: none;
}

.mc-accordion__trigger:hover .mc-accordion__icon {
    border-color: #c3d4fb;
}

.mc-accordion__trigger:hover .mc-accordion__icon::before,
.mc-accordion__trigger:hover .mc-accordion__icon::after {
    background: #c3d4fb;
}

.mc-accordion__label {
    flex: 1;
}

@media (min-width: 1024px) {
    .mc-accordion__trigger { display: none; }
}

.mc-accordion__panel {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.mc-accordion__item.is-open .mc-accordion__panel {
    max-height: 1200px;
}

@media (min-width: 1024px) {
    .mc-accordion__panel {
        max-height: none !important;
        overflow: visible;
    }
}

.mc-accordion__panel .mc-split--dark {
    padding-bottom: 0;
}

@media (max-width: 1023px) {
    .mc-accordion__panel .mc-split {
        grid-template-columns: 1fr;
    }

    .mc-accordion__panel .mc-split__body {
        padding-top: 0;
        padding-bottom: 2rem;
    }
}

/* Feature block banners — UK feature-block */
.mc-feature-block {
    position: relative;
    overflow: hidden;
}

.mc-feature-block__link {
    display: block;
    position: relative;
    text-decoration: none;
    color: #fff;
}

.mc-feature-block__img {
    width: 100%;
    height: auto;
    display: block;
    min-height: 14rem;
    object-fit: cover;
}

.mc-feature-block__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem 1.5rem;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%);
    min-height: 28.5rem;
}

@media (min-width: 768px) {
    .mc-feature-block__content { padding: 3rem 4rem; }
}

.mc-feature-block--light .mc-feature-block__content {
    background: linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.5) 55%, transparent 100%);
    color: #111;
}

.mc-feature-block__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 0.75rem;
    max-width: 24rem;
    text-transform: none;
}

@media (min-width: 768px) {
    .mc-feature-block__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.mc-feature-block__text {
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
    max-width: 28rem;
    line-height: 1.6;
    opacity: 0.9;
}

.mc-feature-block--light .mc-feature-block__text { color: #52525b; }

/* Animations */
@keyframes mcFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mcSlideUp {
    from {
        opacity: 0;
        transform: translateY(1.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Promo banner (legacy) */
.mc-promo {
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: inherit;
}

.mc-promo__img {
    width: 100%;
    height: auto;
    display: block;
}

.mc-promo__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    background: rgba(0,0,0,.35);
}

.mc-promo__title {
    font-size: clamp(1.25rem, 3vw, 2rem);
    font-weight: 900;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

.mc-promo__text {
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
    max-width: 36rem;
}

.mc-promo--text-only {
    background: var(--mc-grey);
    color: #111;
    padding: 4rem 1rem;
    text-align: center;
}

.mc-promo--text-only .mc-promo__title { color: #111; }
.mc-promo--text-only .mc-promo__text { color: #52525b; }

.mc-btn {
    display: inline-block;
    padding: 0.75rem 1.75rem;
    background: var(--bc-yellow);
    color: #000;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: background .2s;
}

.mc-btn:hover { background: var(--bc-yellow-hover); }

.mc-btn--outline {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.mc-btn--outline:hover {
    background: #fff;
    color: #000;
}

.mc-btn--tertiary {
    background: #eee;
    color: #1a1a1a;
    border: 1px solid #eee;
}

.mc-btn--tertiary:hover {
    background: #000;
    color: #eee;
    border-color: #eee;
}

.mc-section--grey .mc-btn--outline,
.mc-section--light .mc-btn--outline {
    color: #111;
    border-color: #111;
}

.mc-section--grey .mc-cta-card__title {
    color: #111;
}

/* Tools */
.mc-tools__lead {
    text-align: center;
    margin-bottom: 2.5rem;
}

.mc-coming-soon {
    text-align: center;
    padding: 12rem 1rem 16rem;
}

.mc-coming-soon__title {
    font-family: Oswald, 'Noto Sans KR', sans-serif;
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.1;
    color: #4d4d4d;
    margin: 0;
}

.mc-tool-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.mc-tool {
    display: grid;
    gap: 1.5rem;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid #333;
}

@media (min-width: 768px) {
    .mc-tool {
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
        padding: 3rem 0;
    }

    .mc-tool:nth-child(even) .mc-tool__media { order: 2; }
    .mc-tool:nth-child(even) .mc-tool__body { order: 1; }
}

.mc-tool__media img {
    width: 100%;
    height: auto;
    display: block;
}

.mc-tool__label {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--mc-orange);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.mc-tool__model {
    font-size: 0.875rem;
    color: #a1a1aa;
    margin-bottom: 0.5rem;
}

.mc-tool__title {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
    font-weight: 900;
    margin-bottom: 0.75rem;
    line-height: 1.25;
}

.mc-tool__desc {
    font-size: 0.9375rem;
    color: #d4d4d4;
    margin-bottom: 1.25rem;
}

/* Feature rows */
.mc-feature {
    display: grid;
    gap: 2rem;
    align-items: center;
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .mc-feature {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }

    .mc-feature--reverse .mc-feature__media { order: 2; }
    .mc-feature--reverse .mc-feature__body { order: 1; }
}

.mc-feature__media img {
    width: 100%;
    height: auto;
    display: block;
}

.mc-feature__title {
    font-size: clamp(1.25rem, 2.5vw, 1.75rem);
    font-weight: 900;
    margin-bottom: 1rem;
}

.mc-feature__text {
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 1.25rem;
}

.mc-section--grey .mc-feature__text,
.mc-section--light .mc-feature__text {
    color: #52525b;
}

.mc-lineup-wrap {
    padding-bottom: 3.5rem;
}

.mc-lineup {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    padding-top: 0.5rem;
}

@media (max-width: 1023px) {
    .mc-lineup {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .mc-lineup {
        grid-template-columns: 1fr;
        max-width: 22rem;
        margin: 0 auto;
    }
}

/* Product carousel — UK coh-style-carousel-container + coh-style-product-tile */
.mc-carousel-section {
    color: #1a1a1a;
}

.mc-carousel-section__title {
    font-family: Oswald, Impact, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
    color: #000;
    text-align: center;
    text-transform: none;
    margin: 0 0 1.5rem;
}

@media (max-width: 1023px) {
    .mc-carousel-section__title {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }
}

@media (max-width: 767px) {
    .mc-carousel-section__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
}

.mc-carousel-wrap {
    overflow: hidden;
}

.mc-carousel-wrap > .mc-section__inner > .mc-container-boxed > * {
    margin-bottom: 0;
}

.mc-carousel__slider {
    position: relative;
}

.mc-carousel__slider::after {
    content: "";
    display: table;
    clear: both;
}

.mc-carousel {
    padding-top: 1.5rem;
    position: relative;
    margin-bottom: 1.5625rem;
}

.mc-carousel__viewport {
    overflow: hidden;
}

.mc-carousel__draggable {
    padding-right: 2.625rem;
    margin-right: -1.875rem;
}

@media (max-width: 1169px) {
    .mc-carousel__draggable {
        margin-right: -2rem;
    }
}

@media (max-width: 767px) {
    .mc-carousel-wrap {
        overflow: visible;
    }

    .mc-carousel__draggable {
        padding-right: 2rem;
        margin-right: -2rem;
    }
}

.mc-carousel__track {
    display: flex;
    gap: 1.5rem;
    transition: transform .4s ease;
    will-change: transform;
    margin-inline-start: 0;
}

.mc-carousel__slide {
    flex: 0 0 calc(25% - 1.125rem);
    min-width: 0;
}

.mc-carousel__slide.is-peek {
    opacity: 0.5;
}

@media (max-width: 1279px) {
    .mc-carousel__slide {
        flex: 0 0 calc(33.333% - 1rem);
    }
}

@media (max-width: 1023px) {
    .mc-carousel__track {
        gap: 1rem;
    }

    .mc-carousel__slide {
        flex: 0 0 calc(50% - 0.5rem);
    }
}

@media (max-width: 767px) {
    .mc-carousel__track {
        gap: 1rem;
    }

    .mc-carousel__slide {
        flex: 0 0 17.375rem;
    }

    .mc-carousel__viewport {
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .mc-carousel__viewport::-webkit-scrollbar {
        display: none;
    }

    .mc-carousel__track {
        transform: none !important;
    }

    .mc-carousel__slide {
        scroll-snap-align: start;
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }

    .mc-carousel__slide.is-active {
        opacity: 1;
    }
}

.mc-carousel__indicator {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    z-index: 1;
    right: 2.1875rem;
    float: right;
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    color: #111;
}

@media (max-width: 1023px) {
    .mc-carousel__indicator {
        display: none;
    }
}

.mc-carousel__pager {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--mc-border-grey);
    border-radius: 50%;
    background: #fff;
    color: #000;
    cursor: pointer;
    transition: border-color .1s ease-in-out, color .1s ease-in-out;
    flex-shrink: 0;
}

.mc-carousel__prev {
    margin-right: 0.625rem;
}

.mc-carousel__next {
    margin-left: 0.625rem;
}

.mc-carousel__pager .material-symbols-outlined {
    font-size: 1.75rem;
    line-height: 1;
    margin-top: 0.5rem;
}

.mc-carousel__pager:hover:not(:disabled) {
    border-color: #00184d;
    color: #00184d;
}

.mc-carousel__pager:disabled {
    display: none !important;
}

.mc-carousel__status-current,
.mc-carousel__status-total {
    font-weight: 700;
    font-style: normal;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

/* UK coh-style-product-tile */
.mc-product-tile {
    position: relative;
    z-index: 0;
    padding-top: 8px;
    height: 100%;
}

.mc-product-tile__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.mc-product-tile__image-wrap {
    position: relative;
}

.mc-product-tile__img {
    border: 1px solid var(--mc-border-grey);
    margin-bottom: 4px;
    padding: 2.5rem 1.5rem;
    background: #fff;
    transition: border-color .1s ease-in-out;
}

.mc-product-tile:hover .mc-product-tile__img {
    border-color: var(--mc-digital-blue);
}

@media (max-width: 1023px) {
    .mc-product-tile:hover .mc-product-tile__img {
        border-color: var(--mc-border-grey);
    }
}

.mc-product-tile__img-ratio {
    height: 0;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.mc-product-tile__img-ratio img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    transition: transform .2s ease-in-out;
}

.mc-product-tile:hover .mc-product-tile__img-ratio img {
    transform: scale(1.1);
}

.mc-product-tile__status {
    position: absolute;
    top: 0;
    left: 0.5rem;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #353535;
    color: #fff;
    padding: 4px 8px;
    font-size: 0.75rem;
    line-height: 1rem;
}

.mc-product-tile__sku {
    margin-bottom: 2px;
    color: #4d4d4d;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.mc-product-tile__title {
    display: block;
    position: relative;
    font-size: 1rem;
    color: #1a1a1a;
    font-weight: 700;
    line-height: 1.25rem;
    text-decoration: none;
}

.mc-product-tile__title::before {
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 1;
}

.mc-product-tile__title:focus {
    outline-offset: -0.0625rem;
    outline: 2px solid #3997f9;
}

.mc-empty {
    text-align: center;
    padding: 3rem 1rem;
    color: #71717a;
    border: 1px dashed var(--mc-border-grey);
}

.mc-carousel-section .mc-empty {
    color: #71717a;
    border-color: var(--mc-border-grey);
}

/* Join crew — UK coh-style-feature-block (text left, image right, boxed) */
.mc-crew-section {
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mc-crew-section .mc-section__inner {
    overflow: visible;
}

.mc-crew-feature {
    display: grid;
    gap: 0;
    align-items: stretch;
    grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
    .mc-crew-feature {
        grid-template-columns: 1fr 1fr;
        height: 28.5rem;
    }
}

.mc-crew-feature__media {
    position: relative;
    overflow: hidden;
    height: 16.875rem;
}

.mc-crew-feature__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.mc-crew-feature__body {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 1.5rem;
    min-height: 0;
}

.mc-crew-feature__content {
    width: 100%;
}

.mc-crew-feature__title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 1rem;
}

.mc-crew-feature__desc {
    font-size: 1rem;
    line-height: 1.5;
    color: #eee;
    margin: 0;
}

.mc-crew-feature__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.mc-crew-feature__actions .mc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 10rem;
    padding: 0.75rem 1.5rem;
}

.mc-crew-feature__actions .mc-btn__icon {
    font-size: 1rem;
    line-height: 1;
}

/* Mobile / tablet — UK coh-style-feature-block ≤1023px */
@media (max-width: 1023px) {
    .mc-crew-section .mc-section__inner {
        max-width: none;
        margin-left: auto;
        margin-right: auto;
    }

    .mc-crew-feature--text-first .mc-crew-feature__media {
        order: 1;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        height: 17.5rem;
    }

    .mc-crew-feature--text-first .mc-crew-feature__body {
        order: 2;
        align-items: flex-start;
        max-width: none;
        margin-top: -1.5rem;
        margin-left: 0;
        margin-right: 0;
        padding: 1.5rem;
        position: relative;
        z-index: 1;
    }

    .mc-crew-feature__title {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    .mc-crew-feature__actions {
        flex-direction: column;
        margin-top: 1.5rem;
        margin-bottom: 0.125rem;
    }

    .mc-crew-feature__actions .mc-btn {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .mc-crew-section .mc-section__inner {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mc-crew-feature--text-first .mc-crew-feature__media {
        width: calc(100% + 4rem);
        max-width: none;
        margin-left: -2rem;
        margin-right: -2rem;
        height: 16.875rem;
    }
}

@media (min-width: 1024px) {
    .mc-crew-feature__media {
        min-height: 0;
        height: 100%;
    }

    .mc-crew-feature--text-first .mc-crew-feature__media {
        order: 2;
        margin-right: calc((100vw - var(--mc-bleed-ref)) / -2);
        width: calc(100% + 31% + max(0px, (100vw - var(--mc-bleed-ref)) / 2));
    }

    .mc-crew-feature--text-first .mc-crew-feature__body {
        order: 1;
        max-width: none;
        margin: 0;
        height: 100%;
        min-height: 28.5rem;
        padding: 3.5625rem 2rem;
    }

    .mc-crew-feature__title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .mc-crew-feature--text-first .mc-crew-feature__media {
        margin-right: calc((100vw - var(--mc-bleed-ref-xl)) / -2);
        width: calc(100% + 31% + max(0px, (100vw - var(--mc-bleed-ref-xl)) / 2));
    }
}

@media (min-width: 1024px) and (max-width: 1169px) {
    .mc-crew-feature--text-first .mc-crew-feature__media {
        margin-right: calc((100vw - var(--mc-bleed-ref-lg)) / -2);
        width: calc(100% + 30% + max(0px, (100vw - var(--mc-bleed-ref-lg)) / 2));
    }
}

/* Banner full width */
.mc-banner {
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}

.mc-banner__img {
    width: 100%;
    height: auto;
    display: block;
}

.mc-banner__content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem 3rem;
    background: linear-gradient(90deg, rgba(0,0,0,.7), transparent);
}

.mc-banner__title {
    font-size: clamp(1.25rem, 2.5vw, 2rem);
    font-weight: 900;
    margin-bottom: 1rem;
    max-width: 28rem;
}

/* CTA trio */
.mc-cta-grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .mc-cta-grid { grid-template-columns: repeat(3, 1fr); }
}

.mc-cta-card {
    background: #fff;
    border: 1px solid var(--mc-border-grey);
    padding: 2rem 1.5rem;
    text-align: center;
    color: #111;
}

.mc-cta-card__title {
    font-size: 1.125rem;
    font-weight: 900;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

.mc-cta-card__text {
    font-size: 0.875rem;
    color: #52525b;
    margin-bottom: 1.25rem;
    line-height: 1.6;
}

/* Brand campaign footer (from brand.css, scoped for /mclaren) */
.mc-page .bc-container {
    max-width: var(--bc-container);
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 768px) {
    .mc-page .bc-container { padding: 0 3rem; }
}

.mc-page .bc-section { padding: 5rem 0; }

.mc-page .bc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    border: 2px solid transparent;
    cursor: pointer;
}

.mc-page .bc-btn--primary {
    background: var(--bc-yellow);
    color: #000;
    border-color: var(--bc-yellow);
}

.mc-page .bc-channels {
    padding: 5rem 0;
    background: var(--bc-white);
}

.mc-page .bc-channels__grid {
    width: 100%;
    max-width: 56rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    justify-items: center;
}

@media (min-width: 640px) {
    .mc-page .bc-channels__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25rem;
    }
}

.mc-page .bc-channels__card {
    width: 100%;
    max-width: 18rem;
    display: flex;
    flex-direction: column;
    background: var(--bc-white);
    border: 1px solid var(--bc-border);
    border-radius: 0.5rem;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
}

@media (min-width: 640px) {
    .mc-page .bc-channels__card { max-width: none; }
}

.mc-page .bc-channels__card:hover {
    border-color: var(--bc-zinc-300);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.mc-page .bc-channels__card:hover .bc-channels__btn.bc-btn--primary {
    background: var(--bc-yellow-hover);
    border-color: var(--bc-yellow-hover);
}

.mc-page .bc-channels__media {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bc-black);
    background-size: cover;
    background-position: center;
}

.mc-page .bc-channels__media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
}

.mc-page .bc-channels__media--youtube {
    background-image: url('/resources/img/campaian/brand/channel_bg_youtube.webp');
}

.mc-page .bc-channels__media--instagram {
    background-image: url('/resources/img/campaian/brand/channel_bg_instagram.webp');
}

.mc-page .bc-channels__media--kakao {
    background-image: url('/resources/img/campaian/brand/channel_bg_kakao.webp');
}

.mc-page .bc-channels__body { padding: 1rem 1.25rem 1.25rem; }

.mc-page .bc-channels__logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mc-page .bc-channels__logo img {
    width: 4rem;
    height: 4rem;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.75;
}

.mc-page .bc-channels__btn {
    width: 100%;
    pointer-events: none;
}

.mc-page .bc-footer {
    background: var(--bc-yellow);
    text-align: center;
    padding: 1.5rem 1rem;
}

.mc-page .bc-footer__logo {
    display: inline-block;
    max-width: min(327px, 90vw);
    height: auto;
    max-height: 1.75rem;
}

@media (max-width: 767px) {
    .mc-hero__media {
        height: 16.875rem;
        min-height: 16.875rem;
    }

    .mc-hero__panel {
        padding: 1rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .mc-section {
        padding: 3rem 0;
    }

    .mc-intro__headline {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    .mc-tools__lead-title {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .mc-intro__body {
        font-size: 0.9375rem;
        line-height: 1.7;
    }

    .mc-video__inner {
        padding-bottom: 3rem;
    }

    .mc-video__sound {
        right: 0.75rem;
        bottom: 0.75rem;
        width: 2rem;
        min-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        border-radius: 0.25rem;
    }

    .mc-video__sound .material-symbols-outlined {
        font-size: 1.125rem;
    }

    .mc-promo-split__body {
        padding: 2.5rem 0;
    }

    .mc-promo-split__title {
        font-size: 1.25rem;
    }

    .mc-accordion__panel .mc-split__body .mc-btn {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0.875rem 1rem;
    }

    .mc-feature-block__content {
        padding: 1.5rem;
    }

    .mc-cta-grid {
        grid-template-columns: 1fr;
    }

    .mc-banner__content {
        padding: 1.5rem;
    }
}