/* Minimal reset: this build carries no framework, so nothing else supplies these. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img, svg, video { display: block; max-width: 100%; }
h1, h2, h3, h4, p, figure, blockquote { margin: 0; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }

/* ==========================================================================
   Typography: The Seasons (Display & Headings) & Gotham (Body & UI)
   ========================================================================== */

/* The Seasons — Regular & Medium (400, 500) */
@font-face {
  font-family: 'The Seasons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('assets/fonts/theseasons-regular.woff2') format('woff2'),
       url('https://db.onlinewebfonts.com/t/9366bd460113d8bf675fd2bdfe1ce764.woff2') format('woff2');
}

@font-face {
  font-family: 'The Seasons';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('assets/fonts/theseasons-regular.woff2') format('woff2'),
       url('https://db.onlinewebfonts.com/t/9366bd460113d8bf675fd2bdfe1ce764.woff2') format('woff2');
}

/* The Seasons — SemiBold & Bold (600, 700) */
@font-face {
  font-family: 'The Seasons';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('assets/fonts/theseasons-bold.woff2') format('woff2'),
       url('https://db.onlinewebfonts.com/t/f7d34c9e4c3102c89048d775c27a78f3.woff2') format('woff2');
}

@font-face {
  font-family: 'The Seasons';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('assets/fonts/theseasons-bold.woff2') format('woff2'),
       url('https://db.onlinewebfonts.com/t/f7d34c9e4c3102c89048d775c27a78f3.woff2') format('woff2');
}

/* Gotham — Light (300) */
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Gotham Light'), local('Gotham-Light'),
       url('assets/fonts/gotham-light.woff2') format('woff2'),
       url('https://fonts.cdnfonts.com/s/14898/GothamLight.woff2') format('woff2');
}

/* Gotham — Book / Regular (400) */
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Gotham Book'), local('Gotham-Book'), local('Gotham'),
       url('assets/fonts/gotham-book.woff2') format('woff2'),
       url('https://fonts.cdnfonts.com/s/14898/GothamBook.woff2') format('woff2');
}

/* Gotham — Medium (500 & 600) */
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Gotham Medium'), local('Gotham-Medium'),
       url('assets/fonts/gotham-medium.woff2') format('woff2'),
       url('https://fonts.cdnfonts.com/s/14898/GothamMedium.woff2') format('woff2');
}

@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Gotham Medium'), local('Gotham-Medium'),
       url('assets/fonts/gotham-medium.woff2') format('woff2'),
       url('https://fonts.cdnfonts.com/s/14898/GothamMedium.woff2') format('woff2');
}

/* Gotham — Bold (700) */
@font-face {
  font-family: 'Gotham';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Gotham Bold'), local('Gotham-Bold'),
       url('assets/fonts/gotham-bold.woff2') format('woff2'),
       url('https://fonts.cdnfonts.com/s/14898/GothamBold.woff2') format('woff2');
}

:root{--mc-paper:#f6f1ea;--mc-paper-lift:#fbf8f3;--mc-paper-deep:#efe8de;--mc-ink:#1c1c1c;--mc-ink-soft:#4a4741;--mc-ink-muted:#6e6a62;--mc-violet:#6b5ce7;--mc-magenta:#e85aa8;--mc-coral:#f07a6a;--mc-peach:#f4a06a;--mc-line:#1c1c1c1a;--mc-rule:#1c1c1c3d;--mc-line-strong:#1c1c1c2e;--mc-serif:"The Seasons", Georgia, serif;--mc-sans:"Gotham", "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--mc-ease:cubic-bezier(.22, 1, .36, 1);--mc-header-height:72px;--mc-section-pad:clamp(80px, 8.6vw, 132px);--mc-hero-copy-lift:20vh;--mc-gap-tagline-sub:clamp(18px, 2.2vw, 26px);--mc-gap-sub-buttons:clamp(26px, 3.4vw, 40px);--mc-gap-buttons-strip:clamp(34px, 4.6vw, 58px)}html{scroll-behavior:smooth;scroll-padding-top:88px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mc-page{background:var(--mc-paper);color:var(--mc-ink);font-family:var(--mc-sans);font-size-adjust:from-font;-webkit-font-smoothing:antialiased;overflow-x:clip}.mc-tagline, .mc-work-title, .mc-book-title, .mc-project-more-title, .mc-caption-line, .mc-views-number{font-size-adjust:from-font}.mc-page ::selection{background:#6b5ce72e}.mc-page :focus-visible{outline:2px solid var(--mc-violet);outline-offset:3px;border-radius:2px}.mc-wrap{width:min(1240px,100% - 2*clamp(20px,4.4vw,56px));margin-inline:auto}.mc-section{padding:var(--mc-section-pad) 0;position:relative}.mc-progress{z-index:60;transform-origin:0;background:var(--mc-violet);will-change:transform;height:2px;position:fixed;inset:0 0 auto}.mc-nav{z-index:50;-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--mc-line);background:#f6f1eae6;position:sticky;top:0}.mc-nav-inner{height:var(--mc-header-height);justify-content:space-between;align-items:center;gap:24px;display:flex}.mc-nav-brand{align-items:center;text-decoration:none;display:inline-flex}.mc-morph{align-items:center;width:170px;height:36px;display:inline-flex;position:relative}.mc-morph-word, .mc-morph-icon{transform-origin:0;will-change:opacity, transform, filter;align-items:center;display:inline-flex;position:absolute;top:50%;left:0}.mc-morph-word img, .mc-morph-icon img{width:auto;height:34px;display:block}.mc-morph-icon{opacity:0}.mc-nav-links{align-items:center;gap:24px;margin-right:clamp(0px,1.6vw,24px);display:flex}.mc-nav-links a{color:var(--mc-ink-soft);align-items:center;min-height:44px;padding:12px 0;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.mc-nav-links a:after{content:"";background:var(--mc-violet);transform-origin:0;width:100%;height:1px;transition:transform .32s var(--mc-ease);position:absolute;bottom:12px;left:0;transform:scaleX(0)}.mc-nav-links a:hover{color:var(--mc-ink)}.mc-nav-links a:hover:after{transform:scaleX(1)}.mc-nav-cta{color:var(--mc-ink)!important;font-weight:600!important}.mc-nav-cta:after{transform:scaleX(1)!important}.mc-hero{height:180vh;position:relative}.mc-hero-stage{height:100vh;position:sticky;top:0;overflow:hidden}.mc-hero-glow{pointer-events:none;background:radial-gradient(70% 46% at 50% 34%,#6b5ce729,#0000 72%);position:absolute;inset:0}.mc-hero-grid{pointer-events:none;background-image:linear-gradient(#1c1c1c0a 1px,#0000 1px),linear-gradient(90deg,#1c1c1c0a 1px,#0000 1px);background-size:92px 92px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 40%,#000 0%,#0000 74%);mask-image:radial-gradient(80% 60% at 50% 40%,#000 0%,#0000 74%)}.mc-hero-grain{opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.mc-hero-video-slot{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}.mc-hero-video{aspect-ratio:16/9;transform-origin:50%;will-change:transform, opacity;width:min(1180px,88vw)}.mc-hv{pointer-events:auto;border:1px solid #1c1c1c14;border-radius:18px;width:100%;height:100%;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #1c1c1c0a,0 28px 70px #1c1c1c21}.mc-hv-art{background:radial-gradient(closest-side at 32% 66%,#6b5ce7ad,#0000 72%),radial-gradient(closest-side at 78% 22%,#e85aa857,#0000 68%),radial-gradient(closest-side at 20% 12%,#f4a06a33,#0000 70%),linear-gradient(150deg,#26262e 0%,#101013 100%);position:absolute;inset:0}.mc-hv-art:after{content:"";background-image:linear-gradient(#f6f1ea0d 1px,#0000 1px),linear-gradient(90deg,#f6f1ea0d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 60%,#000,#0000 78%);mask-image:radial-gradient(at 60%,#000,#0000 78%)}.mc-hv-mark{opacity:.5;width:auto;height:22px;position:absolute;top:20px;right:22px}.mc-hv-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:64px;height:64px;color:var(--mc-paper);background:#1c1c1c4d;border:1px solid #f6f1ea66;border-radius:50%;justify-content:center;align-items:center;transition:background .3s,border-color .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mc-hv:hover .mc-hv-play{background:var(--mc-violet);border-color:var(--mc-violet)}.mc-hv-caption{color:#f6f1eadb;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.mc-hv-caption b{color:var(--mc-paper);font-weight:600}.mc-hero-copy{z-index:2;text-align:center;padding:0 24px var(--mc-hero-copy-lift);will-change:opacity, filter;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mc-tagline{font-family:var(--mc-serif);letter-spacing:-.03em;text-wrap:balance;color:var(--mc-ink);margin:0;font-size:clamp(40px,7vw,96px);font-weight:500;line-height:1}.mc-tagline em{color:var(--mc-violet);font-style:normal}.mc-hero-sub{margin:var(--mc-gap-tagline-sub) 0 0;color:var(--mc-ink-soft);max-width:46ch;font-size:clamp(15px,1.5vw,19px);line-height:1.5}.mc-buttons{margin-top:var(--mc-gap-sub-buttons);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.mc-btn{border:1px solid var(--mc-line-strong);height:46px;color:var(--mc-ink);letter-spacing:-.002em;white-space:nowrap;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:13.5px;font-weight:600;display:inline-flex}.mc-icon{color:var(--mc-violet);flex-shrink:0}.mc-btn-rotor{padding-right:16px;position:relative;overflow:hidden}.mc-rotor-viewport{vertical-align:middle;height:1.3em;transition:width .62s var(--mc-ease);display:inline-block;position:relative;overflow:hidden}.mc-rotor-track{transition:transform .62s cubic-bezier(.22,1,.36,1);display:block}.mc-rotor-word{text-align:left;height:1.3em;color:var(--mc-violet);font-weight:600;line-height:1.3em;display:block}.mc-rotor-fixed{color:var(--mc-ink);font-weight:600}.mc-rotor-measure{visibility:hidden;pointer-events:none;white-space:nowrap;position:absolute}.mc-clients{margin-top:var(--mc-gap-buttons-strip);width:min(1240px,100%);margin-inline:auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.mc-clients-track{will-change:transform;width:max-content;animation:44s linear infinite mc-marquee;display:flex}.mc-clients-set{align-items:center;display:flex}.mc-mark-glyph{color:var(--mc-ink-soft);letter-spacing:.005em;white-space:nowrap;opacity:.92;align-items:center;gap:11px;margin-right:104px;font-size:15px;font-weight:600;display:inline-flex}@keyframes mc-marquee{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@media (prefers-reduced-motion:reduce){.mc-clients-track{animation:none}}.mc-work-title{font-family:var(--mc-serif);letter-spacing:-.02em;margin:0;font-size:clamp(32px,3.8vw,54px);font-weight:500;line-height:1.04}.mc-work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 26px;margin-top:clamp(30px,3.4vw,48px);display:grid}@media (width<=980px){.mc-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 22px}}@media (width<=620px){.mc-work-grid{grid-template-columns:1fr;row-gap:42px}}.mc-project{color:inherit;text-decoration:none;display:block}[data-armed=true]{opacity:0;transform:translateY(20px)}.mc-project, .mc-quote-card, .mc-band-slot{transition:opacity .5s var(--mc-ease), transform .72s var(--mc-ease)}:is(.mc-work-grid:has(.mc-project:hover) .mc-project:not(:hover), .mc-work-grid:has(.mc-project:focus-visible) .mc-project:not(:focus-visible)){opacity:.34}.mc-project-media:after{content:"";background:var(--mc-paper);opacity:0;pointer-events:none;transition:opacity .5s var(--mc-ease);position:absolute;inset:0}.mc-work-grid:has(.mc-project:hover) .mc-project:not(:hover) .mc-project-media:after{opacity:.5}.mc-work-grid:has(.mc-project:focus-visible) .mc-project:not(:focus-visible) .mc-project-media:after{opacity:.5}.mc-project-media{aspect-ratio:16/9;background:#17181c;border:1px solid #1c1c14;border-radius:10px;position:relative;overflow:hidden}.mc-project-texture{background-image:linear-gradient(160deg,#212229 0%,#131418 100%);position:absolute;inset:0}.mc-project-media-inner{transition:transform .45s var(--mc-ease);flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.mc-project:hover .mc-project-media-inner, .mc-project:focus-visible .mc-project-media-inner{transform:scale(1.02)}.mc-project-logo{color:#f6f1ea9e;letter-spacing:.14em;text-transform:uppercase;border:1px solid #f6f1ea33;border-radius:6px;justify-content:center;align-items:center;padding:9px 15px;font-size:10.5px;font-weight:600;display:inline-flex}.mc-project-play{color:#f6f1eab3;width:34px;height:34px;transition:transform .4s var(--mc-ease), background .3s ease, border-color .3s ease, color .3s ease;border:1px solid #f6f1ea42;border-radius:50%;justify-content:center;align-items:center;display:flex}.mc-project:hover .mc-project-play, .mc-project:focus-visible .mc-project-play{background:var(--mc-violet);border-color:var(--mc-violet);color:#fff;transform:scale(1.08)}.mc-project-info{justify-content:space-between;align-items:flex-start;gap:18px;margin-top:14px;display:flex}.mc-project-name{letter-spacing:.005em;color:var(--mc-ink);font-size:15.5px;font-weight:600;display:block}.mc-project-desc{color:var(--mc-ink-soft);margin:4px 0 0;font-size:13px;line-height:1.45}.mc-project-views{color:var(--mc-ink-muted);margin:7px 0 0;font-size:11.5px;font-variant-numeric:tabular-nums}.mc-project-industry{letter-spacing:.14em;text-transform:uppercase;color:var(--mc-violet);white-space:nowrap;padding-top:3px;font-size:10.5px;font-weight:600}.mc-project-more .mc-project-media{background:var(--mc-paper-deep);transition:background .35s}.mc-project-more:hover .mc-project-media, .mc-project-more:focus-visible .mc-project-media{background:var(--mc-paper-lift)}.mc-project-more-surface{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.mc-project-more-label{letter-spacing:.16em;text-transform:uppercase;color:var(--mc-violet);font-size:10.5px;font-weight:700}.mc-project-more-title{font-family:var(--mc-serif);letter-spacing:-.012em;color:var(--mc-ink);font-size:clamp(20px,2.2vw,28px);font-weight:500}.mc-project-more-arrow{border:1px solid var(--mc-line-strong);width:34px;height:34px;color:var(--mc-ink);transition:transform .4s var(--mc-ease), background .3s ease, border-color .3s ease, color .3s ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mc-project-more:hover .mc-project-more-arrow, .mc-project-more:focus-visible .mc-project-more-arrow{background:var(--mc-violet);border-color:var(--mc-violet);color:#fff;transform:translate(8px)}.mc-band{grid-template-columns:1fr 1fr;margin-top:clamp(40px,4.6vw,64px);display:grid}.mc-band-slot{aspect-ratio:2;background:var(--mc-paper-deep);position:relative;overflow:hidden}.mc-band-slot:nth-child(2n){background:var(--mc-paper-lift)}.mc-band-slot img{object-fit:cover;width:100%;height:100%;display:block}.mc-quotes-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(30px,3.4vw,48px);display:grid;position:relative}.mc-quotes-grid:before, .mc-quotes-grid:after{content:"";background:var(--mc-rule);pointer-events:none;width:100vw;height:1px;position:absolute;left:calc(50% - 50vw);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 33% 67%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 33% 67%,#0000 100%)}.mc-quotes-grid:before{top:0}.mc-quotes-grid:after{bottom:0}.mc-quote-card{border-left:1px solid var(--mc-rule);flex-direction:column;gap:14px;margin:0;padding:26px 22px;display:flex;position:relative}.mc-quotes-grid> .mc-quote-card:nth-child(4n){border-right:1px solid var(--mc-rule)}@media (width<=980px){.mc-quotes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-quotes-grid> .mc-quote-card:nth-child(2n){border-right:1px solid var(--mc-rule)}}@media (width<=620px){.mc-quotes-grid{grid-template-columns:1fr}.mc-quotes-grid:before, .mc-quotes-grid:after{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.mc-quote-card{border-left:0;border-right:0;border-top:1px solid var(--mc-rule);padding:22px 0}.mc-quotes-grid> .mc-quote-card:first-child{border-top:0}}.mc-quote-photo{aspect-ratio:4/5;background:var(--mc-paper-deep);border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mc-quote-photo img{object-fit:cover;width:100%;height:100%;display:block}.mc-quote-photo-label, .mc-quote-logo{letter-spacing:.14em;text-transform:uppercase;color:var(--mc-ink-muted);font-size:10px;font-weight:600}.mc-quote-card blockquote{color:var(--mc-ink);margin:0;font-size:13.5px;line-height:1.5}.mc-quote-card figcaption{flex-direction:column;gap:2px;margin-top:auto;padding-top:4px;display:flex}.mc-quote-card figcaption b{font-size:13px;font-weight:600}.mc-quote-card figcaption em{color:var(--mc-ink-muted);font-size:12px;font-style:normal}.mc-compare-caption{position:absolute;inset-inline:clamp(20px,3.2vw,44px);bottom:clamp(18px,2.6vw,36px);z-index:2;display:flex;justify-content:space-between;align-items:baseline;gap:16px;pointer-events:none}.mc-caption-line{font-family:var(--mc-serif);letter-spacing:-.018em;font-size:clamp(18px,2.8vw,38px);font-weight:500;line-height:1.06;color:var(--mc-ink);pointer-events:none;text-shadow:0 1px 16px rgba(246,241,234,.9)}.mc-caption-right{text-align:right;margin-left:auto}.mc-ba{aspect-ratio:16/9;border:1px solid var(--mc-line);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--mc-paper-lift);border-radius:16px;position:relative;overflow:hidden}.mc-ba-before, .mc-ba-after{position:absolute;inset:0}.mc-ba-label{z-index:2;color:var(--mc-ink);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;background:#f6f1eaf0;border-radius:4px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;top:20px}.mc-ba-label-before{left:20px}.mc-ba-label-after{right:20px}.mc-graph-panel, .mc-graph-panel img{width:100%;height:100%;display:block}.mc-graph-panel img{object-fit:cover}.mc-ba-handle{background:var(--mc-paper);width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);z-index:4}.mc-ba-grip{background:var(--mc-paper);width:40px;height:40px;color:var(--mc-ink);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px #1c1c1c38}.mc-views{text-align:center;background:var(--mc-ink);border-top:1px solid #f6f1ea29;border-bottom:1px solid #f6f1ea29}.mc-views-label{letter-spacing:.2em;text-transform:uppercase;color:#f6f1ea9e;margin-bottom:18px;font-size:11px;font-weight:700;display:block}.mc-views-number{font-family:var(--mc-serif);letter-spacing:-.03em;color:var(--mc-violet);font-variant-numeric:tabular-nums;font-size:clamp(58px,12vw,148px);font-weight:700;line-height:1}.mc-views-sub{color:#f6f1ea99;margin:16px 0 0;font-size:13.5px}.mc-book{text-align:center}.mc-book-title{font-family:var(--mc-serif);letter-spacing:-.018em;text-wrap:balance;margin:0;font-size:clamp(28px,3.6vw,46px);font-weight:500;line-height:1.06}.mc-book-sub{color:var(--mc-ink-soft);max-width:52ch;margin:22px auto 0;font-size:13.5px;line-height:1.68}.mc-cta-frame{border:1px solid var(--mc-violet);background:var(--mc-violet);width:fit-content;height:64px;color:var(--mc-paper);letter-spacing:-.002em;transition:background .28s var(--mc-ease), transform .28s var(--mc-ease), box-shadow .28s var(--mc-ease);border-radius:12px;justify-content:center;align-items:center;margin:clamp(34px,4vw,48px) auto 0;padding:0 clamp(28px,3.2vw,40px);font-size:13.5px;font-weight:600;text-decoration:none;display:flex}.mc-cta-frame:before{content:none}.mc-cta-frame:hover{background:#5f50dc;transform:translateY(-2px);box-shadow:0 18px 38px #6b5ce752}.mc-cta-frame:hover:before{transform:none}.mc-footer{padding:0 0 clamp(28px,3vw,42px)}.mc-footer> .mc-wrap{border-top:1px solid var(--mc-rule);padding-top:clamp(72px,9vw,110px)}.mc-footer-logo{justify-content:center;margin-top:clamp(40px,5vw,64px);display:flex}.mc-footer-logo img{width:min(880px,78vw);height:auto;display:block}.mc-footer-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4.4vw,64px);width:min(880px,78vw);margin-inline:auto;display:grid}.mc-footer-col h3{letter-spacing:.16em;text-transform:uppercase;color:var(--mc-ink-muted);margin:0 0 18px;font-size:10.5px;font-weight:700}.mc-footer-col a, .mc-footer-col p{color:var(--mc-ink-soft);margin:0 0 9px;font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s;display:block}.mc-footer-col a:hover{color:var(--mc-violet)}.mc-footer-col p{color:var(--mc-ink-muted)}.mc-footer-legal{border-top:1px solid var(--mc-rule);color:var(--mc-ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-top:-2px;padding-top:clamp(18px,2vw,24px);font-size:12.5px;display:flex}.mc-footer-legal-links{gap:20px;display:flex}.mc-footer-legal a{color:var(--mc-ink-muted);text-decoration:none;transition:color .2s}.mc-footer-legal a:hover{color:var(--mc-violet)}.mc-footer-statement{text-align:center;letter-spacing:.06em;color:var(--mc-ink-muted);margin:clamp(22px,2.8vw,34px) 0 0;font-size:12.5px}:root{--t-display:clamp(40px, 7vw, 96px);--t-h2:clamp(27px, 3.94vw, 54px);--t-h3:clamp(20px, 2.48vw, 34px);--t-lead:clamp(15px, 1.386vw, 19px);--t-body:clamp(14px, 1.094vw, 15px);--t-small:clamp(12.5px, .948vw, 13px);--t-label:clamp(10.5px, .802vw, 11px)}.mc-tagline, .mc-views-number{font-size:var(--t-display)}.mc-work-title, .mc-book-title{font-size:var(--t-h2)}.mc-project-more-title{font-size:var(--t-h3)}.mc-project-more-title{line-height:1.15}.mc-hero-sub, .mc-book-sub{font-size:var(--t-lead)}.mc-nav-links a, .mc-nav-cta, .mc-mark-glyph, .mc-project-name, .mc-quote-card blockquote, .mc-quote-card figcaption b, .mc-views-sub, .mc-footer-col a, .mc-footer-col p{font-size:var(--t-body)}.mc-btn, .mc-cta-frame, .mc-rotor-word, .mc-rotor-fixed, .mc-rotor-measure, .mc-hv-caption, .mc-ba-label, .mc-project-desc, .mc-project-views, .mc-quote-card figcaption em, .mc-footer-legal, .mc-footer-statement{font-size:var(--t-small)}.mc-project-logo, .mc-project-industry, .mc-project-more-label, .mc-quote-photo-label, .mc-quote-logo, .mc-views-label, .mc-footer-col h3{font-size:var(--t-label)}@media (prefers-reduced-motion:no-preference){.mc-anim{animation:mc-rise .9s var(--mc-ease) both;animation-delay:var(--mc-delay,0s)}}@keyframes mc-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mc-morph-word, .mc-morph-icon, .mc-hero-copy, .mc-hero-video, .mc-project-media-inner, .mc-project-play{filter:none!important;transition:none!important;animation:none!important}.mc-project:hover .mc-project-media-inner, .mc-project:hover .mc-project-play{transform:none}[data-armed=true]{opacity:1;transform:none}}@media (width<=760px){.mc-nav-inner{height:70px}.mc-nav-links{gap:18px}.mc-nav-links a:first-child, .mc-nav-links a:nth-child(2){display:none}.mc-buttons{flex-direction:column;gap:10px;width:100%}.mc-btn, .mc-btn-rotor{width:100%;max-width:320px}.mc-hero-video{width:92vw}.mc-mark-glyph{font-size:var(--t-small);gap:9px;margin-right:56px}.mc-mark-glyph svg{width:20px;height:20px}.mc-footer-groups{grid-template-columns:1fr;gap:36px;width:100%}.mc-footer-logo{margin-top:40px}.mc-footer-logo img{width:min(560px,100%)}}

/* ==========================================================================
   How It Works Section — Interactive Production & Distribution Cards
   ========================================================================== */
.mc-how-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 3vw, 36px);
  margin-top: clamp(32px, 3.6vw, 52px);
}
@media (max-width: 820px) {
  .mc-how-grid {
    grid-template-columns: 1fr;
  }
}
.mc-how-card {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line);
  border-radius: 16px;
  overflow: hidden;
  transition: transform .45s var(--mc-ease), box-shadow .45s var(--mc-ease), border-color .3s;
}
.mc-how-card:hover, .mc-how-card:focus-visible {
  transform: translateY(-4px);
  border-color: var(--mc-violet);
  box-shadow: 0 18px 48px rgba(107, 92, 231, 0.12), 0 2px 8px rgba(0,0,0,0.04);
}
.mc-how-media {
  aspect-ratio: 2 / 1; /* 2:1 WIDESCREEN CINEMATIC PLACEHOLDER */
  background: #14151a;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-how-preview {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.88;
  transition: transform .6s var(--mc-ease), opacity .4s;
}
.mc-how-card:hover .mc-how-preview {
  transform: scale(1.04);
  opacity: 1;
}
.mc-how-preview video,
.mc-how-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  border-radius: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .mc-how-card:hover .mc-how-preview {
    transform: none;
  }
}
.mc-how-ambient {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 50%, rgba(107, 92, 231, 0.25), transparent 70%);
  mix-blend-mode: screen;
  pointer-events: none;
}
.mc-how-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20,20,26,0.2) 0%, rgba(16,16,20,0.85) 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}
.mc-how-badge {
  align-self: flex-start;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(246, 241, 234, 0.14);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(246, 241, 234, 0.2);
  color: var(--mc-paper);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.mc-how-action {
  align-self: flex-end;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--mc-paper);
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 999px;
  background: rgba(107, 92, 231, 0.85);
  backdrop-filter: blur(6px);
  transition: background .25s, transform .25s var(--mc-ease);
}
.mc-how-card:hover .mc-how-action {
  background: var(--mc-violet);
  transform: translateX(4px);
}
.mc-how-body {
  padding: clamp(20px, 2.4vw, 28px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mc-how-title {
  font-family: var(--mc-serif);
  font-size: clamp(22px, 2.2vw, 28px);
  font-weight: 500;
  line-height: 1.15;
  color: var(--mc-ink);
}
.mc-how-desc {
  font-size: var(--t-body);
  color: var(--mc-ink-soft);
  line-height: 1.5;
}

/* ==========================================================================
   Case Study Modal Panel — Single Reusable Studio System
   ========================================================================== */
body.mc-modal-open {
  overflow: hidden !important;
  touch-action: none;
}
.mc-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(18, 17, 22, 0.76);
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity .32s var(--mc-ease), visibility .32s;
}
.mc-modal-overlay.is-active {
  opacity: 1;
  visibility: visible;
}
.mc-modal-scroll {
  position: fixed;
  inset: 0;
  z-index: 1001;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(16px, 3.2vw, 48px) 16px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .32s var(--mc-ease), visibility .32s;
}
.mc-modal-scroll.is-active {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
.mc-modal-panel {
  width: min(1040px, 76vw);
  max-width: 1040px;
  background: var(--mc-paper);
  border: 1px solid var(--mc-rule);
  border-radius: 18px;
  box-shadow: 0 32px 90px rgba(12, 12, 16, 0.45), 0 2px 10px rgba(0, 0, 0, 0.08);
  position: relative;
  transform: translateY(24px) scale(0.985);
  opacity: 0;
  transition: transform .38s var(--mc-ease), opacity .3s var(--mc-ease);
  color: var(--mc-ink);
  overflow: hidden;
  margin-bottom: 32px;
}
.mc-modal-scroll.is-active .mc-modal-panel {
  transform: translateY(0) scale(1);
  opacity: 1;
}
@media (max-width: 860px) {
  .mc-modal-panel {
    width: 100%;
    border-radius: 16px;
  }
}

/* Modal Close Button */
.mc-modal-close {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 25;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--mc-paper-deep);
  border: 1px solid var(--mc-line-strong);
  color: var(--mc-ink);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s, transform .2s, color .2s;
  box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}
.mc-modal-close:hover, .mc-modal-close:focus-visible {
  background: var(--mc-ink);
  color: var(--mc-paper);
  transform: scale(1.06);
}

/* Modal Content Stack */
.mc-cs-body {
  display: flex;
  flex-direction: column;
}

/* 1. Main Project Video Presentation */
.mc-cs-video-wrap {
  aspect-ratio: 16 / 9;
  background: #111216;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--mc-rule);
}
.mc-cs-video-art {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}
.mc-cs-video-art:after {
  content: "";
  background-image: linear-gradient(var(--mc-paper) 1px, transparent 1px), linear-gradient(90deg, var(--mc-paper) 1px, transparent 1px);
  background-size: 46px 46px;
  opacity: 0.05;
  position: absolute;
  inset: 0;
}
.mc-cs-video-mark {
  opacity: 0.55;
  width: auto;
  height: 22px;
  position: absolute;
  top: 20px;
  left: 24px;
  pointer-events: none;
}
.mc-cs-video-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: clamp(18px, 2.5vw, 32px);
  pointer-events: none;
}
.mc-cs-play-btn {
  pointer-events: auto;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  width: 68px;
  height: 68px;
  color: var(--mc-paper);
  background: rgba(28, 28, 28, 0.45);
  border: 1px solid rgba(246, 241, 234, 0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.35);
  transition: transform .3s var(--mc-ease), background .3s, border-color .3s;
}
.mc-cs-play-btn:hover {
  transform: scale(1.08);
  background: var(--mc-violet);
  border-color: var(--mc-violet);
}
.mc-cs-video-caption {
  pointer-events: none;
  position: absolute;
  bottom: 20px;
  left: 24px;
  right: 24px;
  color: rgba(246, 241, 234, 0.85);
  font-family: var(--mc-sans);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mc-cs-video-caption b {
  color: var(--mc-paper);
  font-weight: 700;
}

/* Editorial Header below Video */
.mc-cs-header {
  padding: clamp(28px, 3.8vw, 44px) clamp(24px, 4vw, 48px) clamp(18px, 2.4vw, 28px);
}
.mc-cs-eyebrow {
  font-family: var(--mc-sans);
  font-size: var(--t-label);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mc-violet);
  margin-bottom: 12px;
  display: block;
}
.mc-cs-title {
  font-family: var(--mc-serif);
  font-size: clamp(30px, 3.8vw, 48px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.05;
  color: var(--mc-ink);
  margin: 0 0 14px;
}
.mc-cs-desc {
  font-family: var(--mc-sans);
  font-size: clamp(15px, 1.4vw, 18px);
  color: var(--mc-ink-soft);
  line-height: 1.55;
  max-width: 58ch;
  margin: 0;
}

/* 2. Performance Snapshot (Studio Hairline Metrics Grid) */
.mc-cs-perf {
  margin: 0 clamp(24px, 4vw, 48px) clamp(24px, 3vw, 36px);
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-rule);
  border-radius: 14px;
  padding: clamp(20px, 2.6vw, 30px);
}
.mc-cs-sec-label {
  font-family: var(--mc-sans);
  font-size: var(--t-label);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
  margin-bottom: 18px;
  display: block;
}
.mc-cs-perf-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px clamp(12px, 2vw, 24px);
}
@media (max-width: 860px) {
  .mc-cs-perf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 18px;
  }
}
@media (max-width: 480px) {
  .mc-cs-perf-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.mc-cs-perf-card {
  border-left: 1px solid var(--mc-rule);
  padding-left: clamp(12px, 1.8vw, 20px);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
}
.mc-cs-perf-grid > .mc-cs-perf-card:first-child {
  border-left: none;
  padding-left: 0;
}
@media (max-width: 860px) {
  .mc-cs-perf-grid > .mc-cs-perf-card:nth-child(2n+1) {
    border-left: none;
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .mc-cs-perf-card {
    border-left: none;
    padding-left: 0;
    border-top: 1px solid var(--mc-line);
    padding-top: 12px;
  }
  .mc-cs-perf-grid > .mc-cs-perf-card:first-child {
    border-top: none;
    padding-top: 0;
  }
}
.mc-cs-perf-val-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-cs-perf-icon {
  color: var(--mc-violet);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.mc-cs-perf-val {
  font-family: var(--mc-serif);
  font-size: clamp(24px, 2.6vw, 38px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: var(--mc-violet);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.mc-cs-perf-key {
  font-family: var(--mc-sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
  margin-top: 8px;
  line-height: 1.35;
}

/* Section Wrapper inside Modal */
.mc-cs-sec {
  padding: clamp(26px, 3.2vw, 40px) clamp(24px, 4vw, 48px);
  border-top: 1px solid var(--mc-rule);
}
.mc-cs-sec-title {
  font-family: var(--mc-serif);
  font-size: clamp(22px, 2.4vw, 32px);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--mc-ink);
  line-height: 1.1;
  margin: 0 0 20px;
}

/* 3. Project Overview */
.mc-cs-overview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px clamp(24px, 3.5vw, 44px);
}
@media (max-width: 680px) {
  .mc-cs-overview-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
}
.mc-cs-ov-item h4 {
  font-family: var(--mc-sans);
  font-size: var(--t-label);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
  margin-bottom: 6px;
}
.mc-cs-ov-item p {
  font-family: var(--mc-sans);
  font-size: var(--t-body);
  color: var(--mc-ink);
  line-height: 1.55;
  margin: 0;
}

/* 4. The Story (Editorial Timeline Flow) */
.mc-cs-story-flow {
  display: flex;
  flex-direction: column;
}
.mc-cs-story-step {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 24px;
  align-items: baseline;
  padding: 16px 0;
  border-bottom: 1px solid var(--mc-line);
}
.mc-cs-story-step:first-child {
  padding-top: 0;
}
.mc-cs-story-step:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 680px) {
  .mc-cs-story-step {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}
.mc-cs-step-name {
  font-family: var(--mc-sans);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mc-violet);
  display: flex;
  align-items: center;
  gap: 8px;
}
.mc-cs-step-name::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mc-violet);
}
.mc-cs-step-text {
  font-family: var(--mc-sans);
  font-size: 14px;
  color: var(--mc-ink);
  line-height: 1.6;
  margin: 0;
}

/* 5. Process Stages */
.mc-cs-process-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 14px;
}
.mc-cs-stage-box {
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line);
  border-radius: 12px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.mc-cs-stage-box b {
  font-family: var(--mc-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--mc-ink);
}
.mc-cs-stage-box p {
  font-family: var(--mc-sans);
  font-size: 12.5px;
  color: var(--mc-ink-soft);
  line-height: 1.45;
  margin: 0;
}

/* 6. Supporting Visuals */
.mc-cs-visuals-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
.mc-cs-visual-card {
  border-radius: 12px;
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line);
  overflow: hidden;
}
.mc-cs-visual-thumb {
  aspect-ratio: 16 / 10;
  background: #17181d;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.mc-cs-visual-caption {
  padding: 12px 16px;
}
.mc-cs-visual-caption span {
  font-family: var(--mc-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mc-violet);
  display: block;
}
.mc-cs-visual-caption p {
  font-family: var(--mc-sans);
  font-size: 12.5px;
  color: var(--mc-ink-soft);
  margin: 2px 0 0;
}

/* 7. Impact / Results */
.mc-cs-impact-content {
  background: var(--mc-paper-deep);
  border-radius: 14px;
  border: 1px solid var(--mc-rule);
  padding: clamp(22px, 2.8vw, 32px);
}
.mc-cs-impact-content p {
  font-family: var(--mc-sans);
  font-size: clamp(14.5px, 1.3vw, 16.5px);
  color: var(--mc-ink);
  line-height: 1.6;
  margin: 0;
}

/* 8. CTA in Case Study */
.mc-cs-cta {
  padding: clamp(38px, 4.2vw, 56px) 24px;
  text-align: center;
  background: var(--mc-paper-deep);
  border-top: 1px solid var(--mc-rule);
}
.mc-cs-cta h3 {
  font-family: var(--mc-serif);
  font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.08;
  margin: 0 0 10px;
  color: var(--mc-ink);
}
.mc-cs-cta h3 em {
  color: var(--mc-violet);
  font-style: normal;
}
.mc-cs-cta p {
  font-family: var(--mc-sans);
  font-size: 13.5px;
  color: var(--mc-ink-soft);
  max-width: 48ch;
  margin: 0 auto;
  line-height: 1.55;
}

/* Direct Calendly Link Display — REMOVED per Global Website Rules 1.3 */
.mc-book-calendly-link {
  display: none !important;
}

/* Global Violet Accent Rule — Section 1.5 */
.mc-product-obvious-accent,
.mc-book-title em,
.mc-tagline em,
.mc-cs-cta em {
  color: var(--mc-violet) !important;
  font-style: normal;
}

/* Client Need / Project Context — Section 6 */
.mc-cs-need-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 24px);
  margin-top: 8px;
}
@media (max-width: 768px) {
  .mc-cs-need-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
.mc-cs-need-item {
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line);
  border-radius: 12px;
  padding: clamp(18px, 2.2vw, 24px);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.mc-cs-need-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 32px;
  height: 2px;
  background: var(--mc-violet);
  border-radius: 2px;
}
.mc-cs-need-label {
  font-family: var(--mc-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mc-violet);
  display: flex;
  align-items: center;
  gap: 6px;
}
.mc-cs-need-val {
  font-family: var(--mc-sans);
  font-size: 13.5px;
  color: var(--mc-ink);
  line-height: 1.55;
  margin: 0;
}

/* Supporting Visuals / Figma Storyboard Viewer — Section 11 */
.mc-storyboard-window {
  aspect-ratio: 16 / 9;
  width: 100%;
  background: #0f1014;
  border: 1px solid var(--mc-rule);
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  user-select: none;
}
.mc-sb-toolbar {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(24, 25, 30, 0.88);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.mc-sb-tool-btn {
  background: transparent;
  border: none;
  color: #f6f1ea;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s, color .2s;
  font-size: 11px;
  font-weight: 600;
}
.mc-sb-tool-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  color: var(--mc-violet);
}
.mc-sb-zoom-badge {
  font-family: var(--mc-sans);
  font-size: 11px;
  font-weight: 600;
  color: rgba(246, 241, 234, 0.75);
  min-width: 44px;
  text-align: center;
}
.mc-sb-viewport {
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-sb-viewport.is-dragging {
  cursor: grabbing;
}
.mc-sb-canvas {
  transform-origin: center center;
  transition: transform 0.12s ease-out;
  display: flex;
  gap: 24px;
  padding: 40px;
  align-items: center;
  justify-content: center;
}
.mc-sb-frame {
  width: 280px;
  aspect-ratio: 16 / 9;
  background: #1a1b22;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.mc-sb-frame-art {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: linear-gradient(140deg, #242533 0%, #15161c 100%);
  padding: 16px;
}
.mc-sb-frame-bar {
  padding: 8px 12px;
  background: #14151a;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10.5px;
  font-family: var(--mc-sans);
  color: rgba(246, 241, 234, 0.6);
}
.mc-sb-frame-bar span:first-child {
  font-weight: 700;
  color: var(--mc-violet);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.mc-sb-hint {
  position: absolute;
  bottom: 14px;
  left: 14px;
  font-size: 11px;
  color: rgba(246, 241, 234, 0.6);
  font-family: var(--mc-sans);
  letter-spacing: 0.04em;
  pointer-events: none;
  background: rgba(18, 19, 24, 0.75);
  padding: 5px 12px;
  border-radius: 6px;
}

/* Workflow Stage Navigation Controls — Section 8 & 9 */
.mc-stage-nav-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-rule);
  border-radius: 12px;
  margin-top: 20px;
  gap: 16px;
}
.mc-stage-nav-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 8px;
  border: 1px solid var(--mc-line-strong);
  background: var(--mc-paper);
  color: var(--mc-ink);
  font-family: var(--mc-sans);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.mc-stage-nav-btn:hover:not(:disabled) {
  background: var(--mc-ink);
  color: var(--mc-paper);
  border-color: var(--mc-ink);
}
.mc-stage-nav-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.mc-stage-counter {
  font-family: var(--mc-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mc-violet);
  text-align: center;
}

/* Optical Normalization & Infinite Client Logo Carousel — Hero Section */
.mc-clients {
  margin-top: clamp(28px, 3.8vw, 48px);
  width: min(1240px, 100%);
  margin-inline: auto;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  pointer-events: auto;
}

.mc-clients-track {
  display: flex;
  width: max-content;
  align-items: center;
  will-change: transform;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  animation: mc-clients-infinite 36s linear infinite;
}

.mc-clients-track.is-dragging {
  cursor: grabbing;
}

.mc-clients:hover .mc-clients-track:not(.is-dragging) {
  animation-play-state: paused;
}

.mc-clients-set {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.mc-client-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 4px;
  margin-right: clamp(40px, 5.2vw, 76px);
  flex-shrink: 0;
  user-select: none;
  cursor: pointer;
}

.mc-client-logo-img {
  width: auto;
  height: auto;
  max-height: 28px;
  max-width: 140px;
  object-fit: contain;
  opacity: 0.65;
  transition: opacity 0.28s var(--mc-ease), transform 0.28s var(--mc-ease);
  user-select: none;
  pointer-events: none;
  display: block;
}

.mc-client-box:hover .mc-client-logo-img {
  opacity: 1;
  transform: scale(1.05);
}

/* Individual Optical Sizing for Pixel-Perfect Balance */
.mc-logo-vxal {
  height: 22px;
  max-height: 22px;
}

.mc-logo-elevia {
  height: 25px;
  max-height: 25px;
}

.mc-logo-ggando {
  height: 26px;
  max-height: 26px;
}

.mc-logo-ap {
  height: 29px;
  max-height: 29px;
  border-radius: 6px;
}

.mc-logo-krilup {
  height: 24px;
  max-height: 24px;
}

@keyframes mc-clients-infinite {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-25%);
  }
}

@media (max-width: 760px) {
  .mc-clients {
    margin-top: 24px;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
  }
  .mc-client-box {
    height: 34px;
    margin-right: 32px;
  }
  .mc-logo-vxal { height: 18px; max-height: 18px; }
  .mc-logo-elevia { height: 21px; max-height: 21px; }
  .mc-logo-ggando { height: 22px; max-height: 22px; }
  .mc-logo-ap { height: 25px; max-height: 25px; }
  .mc-logo-krilup { height: 20px; max-height: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .mc-clients-track {
    animation: none !important;
  }
}

/* ==========================================================================
   Full Portfolio Page Styles
   ========================================================================== */
.mc-portfolio-hero {
  padding-top: clamp(48px, 6vw, 80px);
  padding-bottom: clamp(32px, 4vw, 48px);
  text-align: center;
}
.mc-portfolio-eyebrow {
  font-family: var(--mc-sans);
  font-size: var(--t-label);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mc-violet);
  margin-bottom: 12px;
  display: inline-block;
}
.mc-portfolio-title {
  font-family: var(--mc-serif);
  font-size: clamp(32px, 4.4vw, 60px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.04;
  color: var(--mc-ink);
  margin: 0;
}
.mc-portfolio-title em {
  color: var(--mc-violet);
  font-style: normal;
}
.mc-portfolio-sub {
  font-family: var(--mc-sans);
  font-size: clamp(15px, 1.4vw, 18px);
  color: var(--mc-ink-soft);
  max-width: 52ch;
  margin: 16px auto 0;
  line-height: 1.5;
  font-weight: 400;
}

/* Search and Filters Bar */
.mc-portfolio-bar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: clamp(36px, 4vw, 54px);
}
.mc-portfolio-bar-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mc-search-wrap {
  position: relative;
  flex: 1;
  max-width: 440px;
  min-width: 240px;
}
.mc-search-icon {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--mc-ink-muted);
  pointer-events: none;
}
.mc-search-input {
  width: 100%;
  height: 46px;
  padding: 0 42px 0 46px;
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line-strong);
  border-radius: 10px;
  font-family: var(--mc-sans);
  font-size: 13.5px;
  color: var(--mc-ink);
  outline: none;
  transition: border-color .2s, box-shadow .2s;
}
.mc-search-input:focus {
  border-color: var(--mc-violet);
  box-shadow: 0 0 0 3px rgba(107, 92, 231, 0.15);
}
.mc-search-clear {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: var(--mc-ink-muted);
  cursor: pointer;
  padding: 4px;
  display: none;
}
.mc-search-clear.is-visible {
  display: block;
}
.mc-sort-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mc-sort-label {
  font-family: var(--mc-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--mc-ink-muted);
}
.mc-sort-select {
  height: 46px;
  padding: 0 36px 0 16px;
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line-strong);
  border-radius: 10px;
  font-family: var(--mc-sans);
  font-size: 13px;
  font-weight: 600;
  color: var(--mc-ink);
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231C1C1C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.mc-filter-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mc-filter-pill {
  padding: 8px 16px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid var(--mc-line-strong);
  color: var(--mc-ink-soft);
  font-family: var(--mc-sans);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
.mc-filter-pill:hover {
  color: var(--mc-ink);
  background: var(--mc-paper-lift);
  border-color: var(--mc-ink);
}
.mc-filter-pill.is-active {
  background: var(--mc-ink);
  color: var(--mc-paper);
  border-color: var(--mc-ink);
}
.mc-portfolio-count {
  font-family: var(--mc-sans);
  font-size: 12.5px;
  color: var(--mc-ink-muted);
  margin-top: -4px;
}

/* Empty State */
.mc-empty-state {
  text-align: center;
  padding: 72px 24px;
  background: var(--mc-paper-lift);
  border: 1px dashed var(--mc-line-strong);
  border-radius: 16px;
  grid-column: 1 / -1;
  display: none;
}
.mc-empty-state.is-visible {
  display: block;
}
.mc-empty-title {
  font-family: var(--mc-serif);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-bottom: 8px;
}
.mc-empty-sub {
  font-family: var(--mc-sans);
  font-size: 14px;
  color: var(--mc-ink-soft);
  margin-bottom: 20px;
}

/* ==========================================================================
   Project Workspace Workflow (Production & Distribution Pages)
   ========================================================================== */
.mc-page-hero-video {
  margin: clamp(24px, 3.5vw, 48px) auto clamp(40px, 5vw, 72px);
  max-width: 1140px;
}
.mc-workflow-lead {
  text-align: center;
  max-width: 64ch;
  margin: 0 auto clamp(36px, 4vw, 56px);
}
.mc-workflow-lead h2 {
  font-family: var(--mc-serif);
  font-size: clamp(32px, 4vw, 54px);
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.04;
  margin-bottom: 14px;
  color: var(--mc-ink);
}
.mc-workflow-lead p {
  font-family: var(--mc-sans);
  font-size: clamp(15px, 1.4vw, 18px);
  color: var(--mc-ink-soft);
  line-height: 1.5;
  font-weight: 400;
}

/* Stages Selector Bar */
.mc-stage-selector {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 14px;
  margin-bottom: clamp(24px, 3vw, 42px);
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.mc-stage-tab {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 10px;
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-line-strong);
  color: var(--mc-ink-soft);
  font-family: var(--mc-sans);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
}
.mc-stage-tab:hover {
  background: var(--mc-paper-deep);
  color: var(--mc-ink);
  border-color: var(--mc-ink);
}
.mc-stage-tab.is-active {
  background: var(--mc-violet);
  color: var(--mc-paper);
  border-color: var(--mc-violet);
}
.mc-stage-tab-num {
  opacity: 0.8;
  font-size: 11px;
}

/* Workspace Frame (Harmonized with MavenCore Paper Palette) */
.mc-workspace-frame {
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-rule);
  border-radius: 20px;
  padding: clamp(24px, 3.8vw, 48px);
  box-shadow: 0 1px 3px rgba(28, 28, 28, 0.04), 0 24px 60px rgba(28, 28, 28, 0.06);
  margin-bottom: clamp(48px, 6vw, 80px);
}
.mc-ws-window-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: clamp(18px, 2.2vw, 28px);
  border-bottom: 1px solid var(--mc-rule);
  margin-bottom: clamp(24px, 3vw, 36px);
}
.mc-ws-window-dots {
  display: flex;
  align-items: center;
  gap: 12px;
}
.mc-ws-dots-group {
  display: flex;
  gap: 6px;
}
.mc-ws-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mc-rule);
}
.mc-ws-window-title {
  font-family: var(--mc-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
}
.mc-ws-workflow-pill {
  padding: 5px 14px;
  border-radius: 999px;
  background: #6b5ce71a;
  border: 1px solid #6b5ce733;
  color: var(--mc-violet);
  font-family: var(--mc-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mc-ws-workflow-pill::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mc-violet);
}

/* Stage Header inside Workspace */
.mc-ws-header {
  margin-bottom: clamp(26px, 3.2vw, 40px);
}
.mc-ws-eyebrow {
  font-family: var(--mc-sans);
  font-size: var(--t-label);
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mc-violet);
  margin-bottom: 8px;
  display: block;
}
.mc-ws-title {
  font-family: var(--mc-serif);
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 500;
  letter-spacing: -0.02em;
  color: var(--mc-ink);
  line-height: 1.08;
  margin-bottom: 8px;
}
.mc-ws-sub {
  font-family: var(--mc-sans);
  font-size: clamp(14.5px, 1.3vw, 17px);
  color: var(--mc-ink-soft);
  line-height: 1.55;
}

/* Workspace Diagram Architecture */
.mc-ws-diagram {
  max-width: 820px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
}
.mc-ws-inputs-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 600px) {
  .mc-ws-inputs-row {
    grid-template-columns: 1fr;
  }
}
.mc-ws-input-card {
  background: var(--mc-paper);
  border: 1px solid var(--mc-line);
  border-radius: 12px;
  padding: 18px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 2px 8px rgba(28, 28, 28, 0.03);
}
.mc-ws-input-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--mc-paper-deep);
  border: 1px solid var(--mc-line);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mc-ink-soft);
  flex-shrink: 0;
}
.mc-ws-input-text {
  font-family: var(--mc-sans);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--mc-ink);
}

/* Connecting Bracket SVG */
.mc-ws-bracket {
  width: 100%;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mc-rule);
  margin-bottom: 4px;
}
.mc-ws-bracket svg {
  width: 100%;
  max-width: 540px;
  height: 24px;
}

/* Main Flow Container with Revision Loop */
.mc-ws-flow-container {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 32px;
  align-items: center;
  position: relative;
}
@media (max-width: 760px) {
  .mc-ws-flow-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.mc-ws-main-flow {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.mc-ws-step-card {
  background: var(--mc-paper);
  border: 1px solid var(--mc-line);
  border-radius: 12px;
  padding: 18px 22px;
  position: relative;
  box-shadow: 0 2px 8px rgba(28, 28, 28, 0.03);
}
.mc-ws-step-tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--mc-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
  margin-bottom: 6px;
}
.mc-ws-step-tag-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--mc-violet);
}
.mc-ws-step-title {
  font-family: var(--mc-sans);
  font-size: 15px;
  font-weight: 600;
  color: var(--mc-ink);
  line-height: 1.35;
}
.mc-ws-step-sub {
  font-family: var(--mc-sans);
  font-size: 12px;
  color: var(--mc-ink-muted);
  margin-top: 4px;
}
.mc-ws-flow-connector {
  width: 2px;
  height: 18px;
  background: var(--mc-rule);
  margin: 0 auto;
}

/* Revision Card & Loop */
.mc-ws-revision-side {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mc-ws-revision-card {
  background: var(--mc-paper);
  border: 1px solid #6b5ce74d;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 4px 16px rgba(107, 92, 231, 0.08);
  width: 100%;
}
.mc-ws-rev-tag {
  font-family: var(--mc-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--mc-violet);
  margin-bottom: 6px;
  display: block;
}
.mc-ws-rev-title {
  font-family: var(--mc-sans);
  font-size: 14px;
  font-weight: 600;
  color: var(--mc-ink);
  line-height: 1.35;
}
.mc-ws-rev-loop-icon {
  width: 28px;
  height: 28px;
  color: var(--mc-violet);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 12px auto 0;
}

/* Approved / Output Area */
.mc-ws-approved-badge {
  margin: 16px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #6b5ce71a;
  border: 1px solid #6b5ce733;
  color: var(--mc-violet);
  font-family: var(--mc-sans);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  width: fit-content;
}
.mc-ws-output-card {
  background: var(--mc-paper);
  border: 1.5px solid #6b5ce766;
  border-radius: 14px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
  box-shadow: 0 6px 20px rgba(107, 92, 231, 0.09);
}
.mc-ws-output-check {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--mc-violet);
  color: var(--mc-paper);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.mc-ws-output-content {
  display: flex;
  flex-direction: column;
}
.mc-ws-output-tag {
  font-family: var(--mc-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
}
.mc-ws-output-title {
  font-family: var(--mc-sans);
  font-size: 15.5px;
  font-weight: 600;
  color: var(--mc-ink);
  margin-top: 2px;
}

/* Workspace Frame Footer */
.mc-ws-footer {
  text-align: center;
  margin-top: clamp(28px, 3.5vw, 42px);
  padding-top: 20px;
  border-top: 1px solid var(--mc-rule);
}
.mc-ws-footer-text {
  font-family: var(--mc-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--mc-ink-muted);
}

/* Deep Narrative Explanations below Workspace Frame */
.mc-ws-deep-explanation {
  background: var(--mc-paper-lift);
  border: 1px solid var(--mc-rule);
  border-radius: 16px;
  padding: clamp(24px, 3.5vw, 42px);
  margin-bottom: clamp(48px, 5vw, 72px);
}
.mc-ws-deep-explanation h3 {
  font-family: var(--mc-serif);
  font-size: clamp(22px, 2.4vw, 32px);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  color: var(--mc-ink);
}
.mc-ws-deep-explanation p {
  font-family: var(--mc-sans);
  font-size: var(--t-lead);
  color: var(--mc-ink-soft);
  line-height: 1.6;
  margin-bottom: 14px;
}
.mc-ws-deep-explanation p:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Embedded Video Player System (Native HTML5, Vimeo & Gumlet)
   ========================================================================== */
.mc-player-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: inherit;
  overflow: hidden;
  background: #0d0e12;
  display: none;
}
.mc-hv.is-playing .mc-player-container,
.mc-cs-video-wrap.is-playing .mc-player-container {
  display: block;
}
.mc-hv.is-playing .mc-hv-play,
.mc-hv.is-playing .mc-hv-caption,
.mc-hv.is-playing .mc-hv-mark,
.mc-hv.is-playing .mc-hv-art,
.mc-cs-video-wrap.is-playing .mc-cs-video-overlay,
.mc-cs-video-wrap.is-playing .mc-cs-video-art {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s;
}
.mc-embedded-video,
.mc-embedded-iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
  object-fit: cover;
  border-radius: inherit;
  background: #000;
}
.mc-hv {
  cursor: pointer;
}
.mc-sb-hint-figma {
  position: absolute;
  bottom: 14px;
  right: 14px;
  left: auto;
  font-size: 11px;
  color: rgba(246, 241, 234, 0.75);
  font-family: var(--mc-sans);
  letter-spacing: 0.04em;
  pointer-events: none;
  background: rgba(18, 19, 24, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  z-index: 10;
}