/* MCS v5 — Quiet confidence. Shared public-site refinements. */
:root {
  --orange: #ef5926;
  --ink: #201e1c;
  --paper: #f4f1ea;
  --muted: #c6beb6;
  --header-height: 126px;
}
body { background: var(--ink); }
h1, h2, h3 { font-weight: 650; }
.section-code, .eyebrow { font-weight: 600; letter-spacing: .13em; }
.site-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 22px;
  background: rgba(244,241,234,.97) !important;
  border-bottom-color: rgba(32,30,28,.12) !important;
}
.site-header .brand-lockup { min-width: 0; justify-self: start; }
.site-header .brand img { width: clamp(245px, 23vw, 390px) !important; }
.site-header nav { display: flex; gap: 26px; padding: 0; justify-self: center; }
.site-header nav:after { display: none; }
.site-header nav a { font-weight: 600 !important; padding: 12px 0; opacity: .75; }
.site-header nav a:after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 3px;
  height: 2px; border-radius: 2px; background: var(--orange);
  transform: scaleX(0); transition: transform .22s ease;
}
.site-header nav a:hover, .site-header nav a:focus-visible { opacity: 1; }
.site-header nav a:hover:after, .site-header nav a:focus-visible:after,
.site-header nav[data-active="signal"] a[href="#signal"]:after,
.site-header nav[data-active="method"] a[href="#method"]:after,
.site-header nav[data-active="momentum"] a[href="#momentum"]:after,
.site-header nav[data-active="group"] a[href="#group"]:after { transform: scaleX(1); }
.header-cta {
  justify-self: end; border-radius: 16px; text-align: left;
  background: var(--orange) !important; border: 0 !important;
  color: #fff !important; box-shadow: 0 5px 18px rgba(109,49,22,.12);
  font-size: 15px; font-weight: 600; letter-spacing: 0; line-height: 1.35;
  padding: 15px 25px !important; gap: 20px;
  transition: color .2s ease, transform .14s ease, box-shadow .14s ease !important;
}
.header-cta:hover, .header-cta:focus-visible {
  color: #10100f !important; background: var(--orange) !important;
  transform: none; box-shadow: 0 5px 18px rgba(109,49,22,.12);
}
.header-cta:active { transform: translateY(2px); box-shadow: 0 2px 7px rgba(109,49,22,.1); }
a:focus-visible, button:focus-visible { outline: 3px solid var(--orange); outline-offset: 5px; }
.header-cta:focus-visible { outline-color: var(--ink); }
.scroll-stage { scroll-margin-top: var(--header-height); }
.signal-section {
  background: radial-gradient(ellipse at 92% 12%, #493027 0, #27211e 32%, var(--ink) 65%);
  color: #f8f5ef; padding: calc(var(--header-height) + 65px) 5vw 120px;
  min-height: max(820px, 100svh);
}
.signal-rings {
  width: 75vw; height: 66vw; right: -12vw; top: -36vw;
  border: 0; border-bottom: 1px solid rgba(239,89,38,.55);
  border-radius: 50%; background: transparent;
  box-shadow: 0 22px 60px -30px rgba(239,89,38,.52);
}
.signal-section > .section-code { display: none; }
.signal-copy h1 {
  font-size: clamp(52px, 5.8vw, 108px); line-height: 1.05;
  letter-spacing: -.045em; margin: 32px 0 0; font-weight: 650;
}
.signal-copy h1 em { display: block; }
.signal-foot { margin-top: 38px; gap: 40px; align-items: center; }
.signal-foot > p { color: var(--muted); font-size: clamp(17px, 1.3vw, 22px); line-height: 1.65; max-width: 560px; }
.signal-foot > div { border-color: rgba(244,241,234,.2); }
.marquee { background: var(--paper); color: var(--ink); height: 64px; font-weight: 600; letter-spacing: .09em; }
.marquee b { color: var(--orange); font-weight: 400; }
.method-section, .momentum-section {
  background: var(--ink);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  padding: 24px;
}
.method-intro, .method-grid, .momentum-copy, .map-wrap { border-radius: 24px; }
.method-grid { background: var(--paper); }
.method-intro, .momentum-copy {
  background: linear-gradient(135deg, #2b2521, var(--ink)); color: #f8f5ef;
  padding: 90px 5vw; min-height: 650px;
}
.method-intro h2 { font-size: clamp(55px, 5.5vw, 95px); line-height: 1.08; letter-spacing: -.04em; margin: 40px 0; }
.method-intro > p:last-child, .momentum-copy > p:last-child { color: var(--muted); line-height: 1.75; font-size: 17px; }
.method-grid { gap: 18px; padding: 32px; align-content: center; }
.method-grid article {
  background: #fbf8f2; border: 1px solid #e6dfd6 !important;
  border-radius: 22px; padding: 32px clamp(22px, 2vw, 38px) !important;
  grid-template-rows: 24px minmax(90px, auto) auto; row-gap: 22px;
  min-height: 310px; box-shadow: 0 6px 22px rgba(32,30,28,.025);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.method-grid article:hover { background: #f7ede2; transform: translateY(-3px); box-shadow: 0 9px 25px rgba(32,30,28,.06); }
.method-grid article i { color: #a4411e; font-weight: 600; }
.method-grid article h3 { font-size: clamp(25px, 2.3vw, 40px); line-height: 1.12; letter-spacing: -.025em; font-weight: 600; }
.method-grid article p { font-size: 15px; line-height: 1.65; color: #56504a; }
.momentum-copy h2 { font-size: clamp(55px, 5vw, 90px); line-height: 1.08; letter-spacing: -.04em; margin: 35px 0; }
.momentum-copy h2 em { font-size: 1em; letter-spacing: inherit; }
.map-wrap { background: #282725; padding: 25px; }
.proper-map { border-radius: 24px; overflow: hidden; }
.metrics { background: #eee6da; color: var(--ink); border-radius: 24px; overflow: hidden; }
.metrics > div { height: 135px; border-right: 1px solid #d7cfc5; gap: 20px; }
.metrics > div:last-child { border-right: 0; }
.metrics b { color: #aa411c; font-weight: 600; }
.metrics span { font-weight: 600; letter-spacing: .07em; }
.client-zone { background: #faf7f1; padding: 50px 4vw 60px; border-radius: 24px; }
.client-track figure { border-radius: 16px; background: #fff; opacity: .8; }
.client-track figure:hover { transform: translateY(-3px); }
.group-section { background: radial-gradient(ellipse at 100% 0, #392b24, var(--ink) 60%); padding: 110px 5vw; }
.group-lead h2 { font-size: clamp(43px, 5vw, 86px); line-height: 1.1; letter-spacing: -.04em; font-weight: 600; }
.group-lead > p:last-child, .operator div > p { color: var(--muted); font-size: 17px; line-height: 1.75; }
.group-grid { gap: 24px; grid-template-columns: repeat(3, minmax(0,1fr)); min-height: 0; }
.group-grid > * { border-radius: 26px; padding: 35px; min-height: 450px; box-shadow: 0 12px 30px rgba(0,0,0,.08); }
.group-grid > *:hover { transform: translateY(-4px); }
.group-mcs { background: #eee0d0; color: var(--ink); }
.group-lle { background: #3e493e; }
.group-ybe { background: #f4f1ea; }
.operator { grid-template-columns: minmax(0,.7fr) minmax(0,2.1fr) minmax(0,.8fr); border-color: #51463e; gap: 35px; }
.operator h2 { font-size: clamp(35px, 3.5vw, 60px); line-height: 1.13; letter-spacing: -.035em; }
.operator-points span { border-color: #51463e; font-weight: 600; }
.operator-points span:hover { animation: none; }
.conversation { background: radial-gradient(ellipse at 50% 0, #4d3024, var(--ink) 75%); color: #f8f5ef; padding: 110px 5vw; }
.conversation h2 { font-size: clamp(44px, 6vw, 105px); line-height: 1.12; letter-spacing: -.04em; font-weight: 600; }
.conversation h2 em { color: var(--orange); }
.conversation > p:not(.section-code) { color: var(--muted); line-height: 1.75; }
.conversation > a, .venture-exit a, .contact-submit { border-radius: 999px; box-shadow: none; transition: transform .15s ease, color .2s ease, background .2s ease; }
.conversation > a { background: var(--orange); color: #fff; }
.conversation > a:hover { background: var(--orange); color: var(--ink); transform: none; }
.conversation > a:active, .venture-exit a:active, .contact-submit:active { transform: translateY(2px); }
.contact-dialog { border-radius: 26px; border-color: #e2d8cb; background: var(--paper); box-shadow: 0 25px 90px rgba(0,0,0,.3); }
.contact-dialog h2 { font-weight: 600; letter-spacing: -.035em; line-height: 1.1; }
.contact-field input, .contact-field textarea { border-radius: 12px; border-color: #d8cec2; }
.contact-submit:hover { transform: none; }
.contact-close { border-radius: 50%; }
.contact-dialog-inner { border-radius: 26px; border-top-width: 4px; }
.section-blend { height: 26px; }
.blend-signal-method { background: linear-gradient(to bottom, var(--ink), #25211e); }
.blend-momentum-group { display: none; }
.blend-group-conversation { background: linear-gradient(to bottom, var(--ink), #36271f); }
.blend-conversation-footer { background: linear-gradient(to bottom, var(--ink), var(--paper)); }
.footer-main { padding: 40px 4vw; }
.shared-footer .footer-ventures a, .footer-social a { border-radius: 14px; }
.scroll-stage [data-reveal] { transform: translateY(20px); filter: none; transition: opacity .5s ease, transform .65s ease; }
.scroll-stage [data-reveal].seen { transform: none; }
/* Venture detail pages belong to the same softer MCS presentation. */
.venture-hero h1, .venture-story h2, .phone-showcase h2, .venture-exit h2,
.lle-intro h1, .lle-gallery h2, .lle-principles h3 { line-height: 1.12; letter-spacing: -.035em; font-weight: 600; }
.venture-hero h1 { font-size: clamp(45px, 5vw, 88px); }
.venture-story { grid-template-columns: minmax(0,.65fr) minmax(0,1.4fr) minmax(0,1.1fr); gap: 35px; }
.venture-story.dark, .ybe-showcase, .work-picker.dark-picker { background: var(--ink); }
.venture-story.dark > div p { color: var(--muted); }
.lle-hero-clean, .lle-intro, .lle-gallery > figure { background: var(--ink); }
.lle-intro h1 { white-space: normal; }
.lle-intro > div > p { color: var(--muted); }
.venture-story h2 { font-size: clamp(36px, 4vw, 68px); }
.ybe-showcase > figure, .lle-gallery > figure { border-radius: 24px; overflow: hidden; }
.work-picker button, .lle-gallery button { border-radius: 16px; overflow: hidden; }
.phone-showcase { background: #263039; }
.phone-showcase h2 { font-size: clamp(34px, 3.5vw, 58px); }
.phone-showcase figure:hover { transform: translateY(-4px); }
.venture-exit { background: #ede0d0; }
.venture-exit h2 { font-size: clamp(43px, 5vw, 88px); }
.venture-exit a:hover { background: #37312c; }
.lle-principles { gap: 20px; padding: 45px 5vw; }
.lle-principles article { border: 1px solid #ded5c8; border-radius: 22px; padding: 32px; }
@media (max-width: 1190px) {
  :root { --header-height: 154px; }
  .site-header { grid-template-columns: 1fr auto; grid-template-rows: 102px 44px; height: 154px !important; min-height: 154px !important; padding: 4px 4vw !important; gap: 0 20px; }
  .site-header nav { grid-column: 1 / -1; grid-row: 2; }
  .site-header .brand img { width: 280px !important; }
  .header-cta { grid-column: 2; grid-row: 1; }
  .group-grid > * { padding: 28px; }
}
@media (max-width: 900px) {
  .method-section, .momentum-section { display: block; padding: 24px; }
  .method-intro, .map-wrap { margin-bottom: 24px; }
  .method-intro, .momentum-copy { min-height: 0; padding: 70px 6vw; }
  .method-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 24px; }
  .group-grid { grid-template-columns: 1fr; }
  .group-grid > * { min-height: 370px; }
  .operator { grid-template-columns: 1fr; }
  .venture-story { grid-template-columns: 1fr; }
  .signal-foot { display: block; }
  .signal-foot > div { margin-top: 24px; }
  .metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .metrics > div { padding: 24px; gap: 12px; }
  .metrics b { font-size: 42px; }
  .footer-main { grid-template-columns: 1fr; gap: 30px; }
}
@media (max-width: 600px) {
  :root { --header-height: 144px; }
  .site-header { height: 144px !important; min-height: 144px !important; grid-template-rows: 90px 46px; padding: 4px 18px !important; gap: 0 12px; }
  .site-header .brand img { width: clamp(140px, 42vw, 220px) !important; }
  .brand-family { font-size: 7px; }
  .header-cta { font-size: 11px; line-height: 1.35; padding: 12px 15px !important; gap: 8px; }
  .site-header nav { gap: clamp(17px, 5vw, 30px); }
  .site-header nav a { font-size: 13px !important; }
  .signal-section { padding: 195px 24px 110px; min-height: 810px; }
  .signal-copy h1 { font-size: clamp(37px, 9.5vw, 57px); line-height: 1.08; letter-spacing: -.04em; }
  .signal-copy .eyebrow { font-size: 11px; letter-spacing: .07em; }
  .signal-foot > p { font-size: 17px; }
  .signal-rings { width: 700px; height: 700px; right: -350px; top: -240px; opacity: .6; }
  .marquee { height: 58px; }
  .marquee div { min-width: 1080px; }
  .method-grid { grid-template-columns: 1fr; padding: 24px; gap: 16px; }
  .method-section, .momentum-section { padding: 16px; }
  .method-grid article { grid-template-rows: auto auto auto; min-height: 0; padding: 30px !important; }
  .method-grid article h3 { font-size: 30px; }
  .method-intro h2, .momentum-copy h2 { font-size: 56px; }
  .map-wrap { padding: 12px; min-height: 300px; }
  .proper-map { min-height: 300px; }
  .metrics { grid-template-columns: 1fr; }
  .metrics > div { height: auto; min-height: 105px; border-right: 0; border-bottom: 1px solid #d7cfc5; padding: 25px 6vw; }
  .metrics > div:last-child { border-bottom: 0; }
  .group-section { padding: 75px 24px; }
  .group-lead h2 { font-size: 39px; }
  .operator h2 { font-size: 35px; }
  .conversation { padding: 80px 24px; }
  .conversation h2 { font-size: clamp(34px, 9vw, 48px); overflow-wrap: break-word; }
  .conversation > a { padding: 20px 24px; letter-spacing: .06em; }
  .venture-nav { padding: 0 18px !important; gap: 12px; }
  .venture-nav > img { width: 100px !important; }
  .venture-nav > a { font-size: 8px !important; letter-spacing: .06em; }
  .venture-visit { width: auto; }
  .venture-story { padding: 65px 24px; }
  .lle-intro h1 { font-size: 42px; white-space: normal; }
  .lle-principles { display: grid; grid-template-columns: 1fr; padding: 30px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation: none !important; transition: none !important; }
  .scroll-stage [data-reveal] { opacity: 1; transform: none; filter: none; }
}
.site-header nav[data-active="conversation"]
a[href="#conversation"]::after {
  transform: scaleX(1);
}
/* Align the family link with CHANNEL SOLUTIONS */
.site-header .brand-lockup {
  width: fit-content;
}

.site-header .brand-family {
  margin-left: 26.5%;
}