:root { --maxw: 1280px; }
  html { scroll-behavior: smooth; }
  body { background: var(--dark-ground); color: var(--on-dark-strong); font-family: var(--font-body); overflow-x: hidden; }
  ::selection { background: var(--orange-500); color: #fff; }
  img { display: block; max-width: 100%; }
  a { color: inherit; text-decoration: none; }

  /* ---- shared atoms ---- */
  .m1w-eyebrow { font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--on-dark-muted); display: inline-block; }
  .m1w-eyebrow--accent { color: var(--orange-500); }
  .m1w-mono { font-family: var(--font-display); font-weight: 500; font-size: 11px; letter-spacing: .24em; color: var(--on-dark-faint); }
  .m1w-accent { color: var(--orange-500); }
  .m1w-h2 { font-family: var(--font-display); font-weight: 800; font-size: clamp(34px, 4.4vw, 62px); line-height: 1.0; letter-spacing: -.02em; text-transform: uppercase; color: var(--on-dark-strong); margin: 14px 0 0; }

  .m1w-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-family: var(--font-display); font-weight: 600; font-size: 15px; letter-spacing: .01em; padding: 12px 24px; border-radius: var(--radius-sm); border: 1px solid transparent; cursor: pointer; transition: background var(--dur-fast) var(--ease-standard), color var(--dur-fast), border-color var(--dur-fast), transform var(--dur-fast); }
  .m1w-btn--lg { padding: 15px 30px; font-size: 16px; }
  .m1w-btn--primary { background: var(--orange-500); color: #fff; }
  .m1w-btn--primary:hover { background: var(--orange-600); transform: translateY(-1px); }
  .m1w-btn--ghostlight { color: var(--on-dark-strong); border-color: var(--dark-line-strong); }
  .m1w-btn--ghostlight:hover { border-color: var(--orange-500); color: var(--orange-500); }

  .m1w-pill { font-family: var(--font-display); font-weight: 500; font-size: 13px; letter-spacing: .04em; color: var(--on-dark-strong); padding: 7px 14px; border: 1px solid var(--dark-line-strong); border-radius: var(--radius-pill); background: rgba(26,25,22,.03); backdrop-filter: blur(4px); }

  .m1w-live { display: inline-flex; align-items: center; gap: 9px; font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--on-dark-muted); }
  .m1w-live__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange-500); box-shadow: 0 0 0 0 rgba(255,99,4,.6); animation: m1w-pulse 2.2s var(--ease-standard) infinite; }
  @keyframes m1w-pulse { 0%{box-shadow:0 0 0 0 rgba(255,99,4,.55);} 70%{box-shadow:0 0 0 8px rgba(255,99,4,0);} 100%{box-shadow:0 0 0 0 rgba(255,99,4,0);} }

  /* ---- reveal on scroll ---- */
  .m1w-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease-out), transform .7s var(--ease-out); transition-delay: var(--d, 0ms); }
  .m1w-reveal.is-in { opacity: 1; transform: none; }
  @media (prefers-reduced-motion: reduce) { .m1w-reveal { opacity: 1; transform: none; } }
  /* Above-the-fold headers must always be visible — they can't depend on the
     scroll observer or CSS entrance (both stall in a backgrounded tab). */
  .m1w-hero .m1w-reveal, .m1w-phead .m1w-reveal { opacity: 1 !important; transform: none !important; }

  /* ============ NAV ============ */
  .m1w-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(16,15,13,.92); backdrop-filter: blur(14px); border-bottom: 1px solid var(--dark-line); transition: background var(--dur-base), border-color var(--dur-base), backdrop-filter var(--dur-base); }
  .m1w-nav.is-scrolled { background: rgba(16,15,13,.94); backdrop-filter: blur(14px); border-bottom: 1px solid var(--dark-line); }
  .m1w-nav__inner { max-width: 1920px; margin: 0 auto; padding: 18px clamp(24px, 4vw, 64px); display: flex; align-items: center; gap: 32px; }
  .m1w-nav__brand { display: flex; align-items: center; gap: 11px; }
  .m1w-nav__mark { height: 30px; }
  .m1w-nav__word { font-family: var(--font-display); font-weight: 700; font-size: 21px; letter-spacing: -.01em; color: var(--on-dark-strong); }
  .m1w-nav__dot { color: var(--orange-500); }
  .m1w-nav__links { display: flex; align-items: center; gap: 6px; margin-left: 20px; }
  .m1w-nav__group { position: relative; }
  .m1w-nav__trigger { background: none; border: none; cursor: pointer; font-family: var(--font-display); font-weight: 500; font-size: 15px; color: var(--on-dark-muted); padding: 8px 14px; display: inline-flex; align-items: center; gap: 6px; transition: color var(--dur-fast); }
  .m1w-nav__chev { font-size: 13px; transform: rotate(90deg); opacity: .6; transition: transform var(--dur-fast); }
  .m1w-nav__group:hover .m1w-nav__trigger { color: var(--on-dark-strong); }
  .m1w-nav__link { text-decoration: none; display: inline-flex; align-items: center; }
  .m1w-nav__link:hover .m1w-nav__trigger { color: var(--on-dark-strong); }
  .m1w-nav__group:hover .m1w-nav__chev { transform: rotate(90deg) translateX(2px); }
  .m1w-nav__menu { position: absolute; top: 100%; left: 0; min-width: 220px; background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-md); padding: 8px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all var(--dur-base) var(--ease-out); box-shadow: 0 20px 50px rgba(26,25,22,.14); }
  .m1w-nav__group:hover .m1w-nav__menu { opacity: 1; visibility: visible; transform: translateY(6px); }
  .m1w-nav__item { display: block; font-family: var(--font-body); font-size: 14px; color: var(--on-dark-muted); padding: 9px 12px; border-radius: var(--radius-sm); transition: background var(--dur-fast), color var(--dur-fast); }
  .m1w-nav__item:hover { background: rgba(255,255,255,.06); color: var(--orange-500); }
  .m1w-nav__cta { border-radius: var(--radius-pill); height: 38px; padding: 0 22px; }
  .m1w-nav__contact { background: var(--on-dark-strong); color: #1A1916; border: 1px solid var(--on-dark-strong); }
  .m1w-nav__contact:hover { background: var(--orange-500); color: #fff; border-color: var(--orange-500); }
  .m1w-nav__right { margin-left: auto; display: flex; align-items: center; gap: 12px; }
  .m1w-nav__theme { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: var(--radius-pill); border: 1px solid var(--hairline); background: rgba(255,255,255,.06); color: var(--on-dark-strong); font-size: 16px; line-height: 1; cursor: pointer; transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast); }
  .m1w-nav__theme:hover { border-color: var(--orange-500); color: var(--orange-500); }

  /* ============ HERO ============ */
  .m1w-hero { position: relative; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; padding: 120px 32px 80px; overflow: hidden; }
  .m1w-hero__bg { position: absolute; inset: 0; z-index: 0; }
  .m1w-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; animation: m1w-kenburns 26s ease-in-out infinite alternate; }
  .m1w-hero__vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  @keyframes m1w-kenburns { from { transform: scale(1.06) translate(0,0); } to { transform: scale(1.18) translate(-2%, -2%); } }
  .m1w-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(var(--dark-line) 1px, transparent 1px), linear-gradient(90deg, var(--dark-line) 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse 80% 60% at 30% 40%, #000 30%, transparent 75%); opacity: .5; }
  .m1w-hero__scan { position: absolute; inset: 0; background: repeating-linear-gradient(0deg, rgba(255,255,255,.025) 0 1px, transparent 1px 3px); mix-blend-mode: overlay; animation: m1w-scan 8s linear infinite; }
  @keyframes m1w-scan { from { background-position: 0 0; } to { background-position: 0 120px; } }
  .m1w-hero__vign { position: absolute; inset: 0; background: linear-gradient(95deg, rgba(16,15,13,.90) 30%, rgba(16,15,13,.55) 62%, rgba(16,15,13,.78) 100%); }
  .m1w-hero__glow { position: absolute; width: 60vw; height: 60vw; right: -14vw; top: -10vw; background: radial-gradient(circle, rgba(255,99,4,.20), transparent 62%); filter: blur(20px); animation: m1w-breathe 9s ease-in-out infinite alternate; }
  @keyframes m1w-breathe { from { opacity: .55; } to { opacity: 1; } }
  .m1w-hero__content { position: relative; z-index: 2; max-width: var(--maxw); width: 100%; margin: 0 auto; }
  .m1w-hero__title { font-family: var(--font-display); font-weight: 800; font-size: clamp(40px, 5.5vw, 92px); line-height: .96; letter-spacing: -.02em; text-transform: uppercase; margin: 22px 0 0; color: var(--on-dark-strong); white-space: nowrap; }
  /* On very small screens let the headline wrap so it can't overflow */
  @media (max-width: 600px) { .m1w-hero__title { white-space: normal; } }
  .m1w-hero__sub { font-family: var(--font-body); font-weight: 400; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.55; color: var(--on-dark-muted); max-width: 52ch; margin: 28px 0 0; }
  .m1w-hero__tags { display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 0; }
  .m1w-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 38px 0 0; }
  .m1w-hero__foot { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 2; display: flex; flex-direction: column; align-items: center; gap: 10px; }
  .m1w-hero__line { width: 1px; height: 46px; background: linear-gradient(var(--orange-500), transparent); animation: m1w-drop 2s var(--ease-standard) infinite; }
  @keyframes m1w-drop { 0%{ transform: scaleY(0); transform-origin: top; } 50%{ transform: scaleY(1); transform-origin: top; } 51%{ transform-origin: bottom; } 100%{ transform: scaleY(0); transform-origin: bottom; } }

  /* centered hero variant (video-ready background) */
  .m1w-hero--center { text-align: center; }
  .m1w-hero--center .m1w-hero__vign { background: radial-gradient(ellipse 90% 80% at 50% 45%, rgba(16,15,13,.58), rgba(16,15,13,.86) 88%); }
  .m1w-hero--center .m1w-hero__glow { left: 50%; right: auto; transform: translateX(-50%); top: -16vw; }
  .m1w-hero--center .m1w-hero__content { display: flex; flex-direction: column; align-items: center; max-width: 1040px; }
  .m1w-hero--center .m1w-hero__sub { max-width: 56ch; }
  .m1w-hero--center .m1w-hero__tags,
  .m1w-hero--center .m1w-hero__actions { justify-content: center; }
  /* Hero is always a dark island (video-ready) regardless of page theme */
  .m1w-hero .m1w-hero__title { color: #FBF8F2; }
  .m1w-hero .m1w-hero__sub { color: #C9C3B6; }
  .m1w-hero .m1w-pill { color: #FBF8F2; border-color: rgba(251,248,242,.28); background: rgba(255,255,255,.05); }
  .m1w-hero .m1w-live { color: #C9C3B6; }
  .m1w-hero .m1w-btn--ghostlight { color: #FBF8F2; border-color: rgba(251,248,242,.32); }
  .m1w-hero .m1w-btn--ghostlight:hover { color: var(--orange-500); border-color: var(--orange-500); }
  .m1w-cta .m1w-btn--ghostlight { color: #FBF8F2; border-color: rgba(251,248,242,.32); }
  .m1w-cta .m1w-btn--ghostlight:hover { color: var(--orange-500); border-color: var(--orange-500); }
  .m1w-hero__foot .m1w-mono { color: #8A8478; }

  /* ============ THESIS BAND (dark, matches the Standard band) ============ */
  .m1w-thesis { position: relative; overflow: hidden; background: #0C0B09; min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 90px 32px; }
  .m1w-thesis__bg { position: absolute; inset: 0; z-index: 0; }
  .m1w-thesis__bg img { width: 100%; height: 100%; object-fit: cover; }
  .m1w-thesis__veil { position: absolute; inset: 0; background: radial-gradient(ellipse 90% 80% at 50% 50%, rgba(16,15,13,.55), rgba(16,15,13,.86) 92%); }
  .m1w-thesis__content { position: relative; z-index: 2; max-width: 900px; }
  .m1w-thesis__lead { font-family: var(--font-display); font-weight: 600; font-size: clamp(28px, 4vw, 54px); line-height: 1.16; letter-spacing: -.015em; color: #FBF8F2; max-width: 20ch; margin: 0 auto; }
  .m1w-thesis__lead .m1w-accent { display: inline; }
  .m1w-thesis__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin-top: 36px; }
  .m1w-thesis .m1w-btn--ghostlight { color: #000000; border-color: rgba(251,248,242,.32); }
  .m1w-thesis .m1w-btn--ghostlight:hover { color: var(--orange-500); border-color: var(--orange-500); }

  /* ============ ELEPHANTS SMOKE LOOP ============ */
  .m1w-loop { position: relative; width: 100%; margin: 0; padding: 40px 0 64px; box-sizing: border-box; background: #0C0B09; display: flex; flex-direction: column; align-items: center; }
  .m1w-loop__vid { display: block; width: 100%; max-width: 1100px; height: auto; max-height: 380px; object-fit: contain; background: #0C0B09; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
  .m1w-loop__cap { font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .22em; text-transform: uppercase; color: var(--on-dark-faint); margin-top: 18px; }
  .m1w-loop__veil { display: none; }

  /* ============ CAPABILITIES — pinned scroll sequence ============ */
  .m1w-pin { position: relative; height: 420vh; background: var(--dark-sunk); }
  .m1w-pin__stage { position: sticky; top: 0; height: 100vh; display: flex; align-items: center; overflow: hidden; background: var(--dark-sunk); }
  .m1w-pin__glow { position: absolute; width: 56vw; height: 56vw; left: 8%; top: 50%; transform: translateY(-50%); background: radial-gradient(circle, rgba(255,99,4,.16), transparent 62%); filter: blur(20px); opacity: 0; transition: opacity .8s; pointer-events: none; }
  .m1w-pin.is-engaged .m1w-pin__glow { opacity: 1; }
  .m1w-pin__inner { position: relative; max-width: var(--maxw); margin: 0 auto; padding: 0 32px; width: 100%; display: grid; grid-template-columns: 1.04fr 0.96fr; gap: 48px; align-items: center; }

  .m1w-pin__media { position: relative; height: 66vh; }
  .m1w-pin__layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: 0; transform: translateY(46px) scale(.94); transition: opacity .7s var(--ease-out), transform .8s var(--ease-out); filter: drop-shadow(0 34px 46px rgba(0,0,0,.55)); will-change: opacity, transform; }
  .m1w-pin__layer.is-active { opacity: 1; transform: none; }
  .m1w-pin__layer.is-past { opacity: 0; transform: translateY(-46px) scale(.94); }

  .m1w-pin__panel { position: relative; }
  .m1w-pin__steps { position: relative; min-height: 300px; margin-top: 26px; }
  .m1w-pin__step { position: absolute; inset: 0; opacity: 0; transform: translateY(26px); transition: opacity .55s var(--ease-out), transform .55s var(--ease-out); pointer-events: none; }
  .m1w-pin__step.is-active { opacity: 1; transform: none; pointer-events: auto; }
  .m1w-pin__num { font-family: var(--font-display); font-weight: 800; font-size: 22px; letter-spacing: .14em; color: var(--orange-500); }
  .m1w-pin__num span { color: var(--on-dark-faint); }
  .m1w-pin__label { font-family: var(--font-display); font-weight: 800; font-size: clamp(30px, 3.4vw, 50px); line-height: 1.02; letter-spacing: -.015em; text-transform: uppercase; color: var(--on-dark-strong); margin: 14px 0 16px; }
  .m1w-pin__body { font-family: var(--font-body); font-size: 17px; line-height: 1.62; color: var(--on-dark-muted); max-width: 44ch; margin: 0; }
  .m1w-pin__tag { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--on-dark-muted); border: 1px solid var(--dark-line-strong); padding: 7px 13px; border-radius: var(--radius-pill); }
  .m1w-pin__tag .m1w-live__dot { width: 6px; height: 6px; }

  .m1w-pin__rail { display: flex; gap: 10px; margin-top: 36px; }
  .m1w-pin__tick { flex: 1; padding: 12px 0 0; cursor: pointer; background: none; border: none; }
  .m1w-pin__tick i { display: block; height: 3px; background: var(--dark-line-strong); border-radius: 2px; position: relative; overflow: hidden; }
  .m1w-pin__tick i::after { content: ""; position: absolute; inset: 0; background: var(--orange-500); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease-out); }
  .m1w-pin__tick.is-active i::after, .m1w-pin__tick.is-past i::after { transform: scaleX(1); }
  .m1w-pin__ticklabel { display: block; font-family: var(--font-display); font-weight: 600; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--on-dark-faint); margin-top: 9px; text-align: left; transition: color .4s; }
  .m1w-pin__tick.is-active .m1w-pin__ticklabel { color: var(--on-dark-strong); }

  /* eyebrow + standing title above the steps */
  .m1w-pin__head .m1w-h2 { font-size: clamp(26px, 2.6vw, 34px); }

  /* Mobile: keep the pinned scroll sequence (single column) rather than flattening it.
     The section stays fixed while the image + step text advance from 01 to 04 on scroll. */
  @media (max-width: 980px) {
    .m1w-pin { height: 420vh; }
    /* pad the top by the fixed-nav height so content centers in the visible area (equal top/bottom) */
    .m1w-pin__stage { position: sticky; top: 0; height: 100vh; padding: 74px 0 0; }
    .m1w-pin__inner { grid-template-columns: 1fr; gap: 14px; padding: 0 24px; align-content: center; }
    .m1w-pin__media { height: 32vh; }
    .m1w-pin__steps { min-height: 240px; margin-top: 8px; }
    .m1w-pin__label { margin: 10px 0 12px; }
    .m1w-pin__body { font-size: 15.5px; }
    .m1w-pin__rail { display: flex; margin-top: 18px; }
    .m1w-pin__ticklabel { font-size: 9px; }
  }
  /* Landscape phones (short viewport): the stacked single-column layout is taller
     than the screen and gets clipped. Use two columns (image beside text) and
     shrink the vertical sizes so the whole panel fits within 100vh. */
  @media (max-width: 980px) and (orientation: landscape) and (max-height: 600px) {
    .m1w-pin__stage { padding: 52px 0 0; }
    .m1w-pin__inner { grid-template-columns: 1.05fr 0.95fr; gap: 26px; align-items: center; align-content: center; }
    .m1w-pin__media { height: 62vh; }
    .m1w-pin__steps { min-height: 168px; margin-top: 4px; }
    .m1w-pin__head .m1w-h2 { font-size: 19px; }
    .m1w-pin__num { font-size: 15px; }
    .m1w-pin__label { font-size: clamp(19px, 3.6vw, 28px); margin: 5px 0 7px; }
    .m1w-pin__body { font-size: 12.5px; line-height: 1.48; max-width: none; }
    .m1w-pin__tag { margin-top: 10px; padding: 5px 10px; }
    .m1w-pin__rail { margin-top: 12px; }
    .m1w-pin__ticklabel { font-size: 8.5px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .m1w-pin__layer, .m1w-pin__step { transition: opacity .2s; transform: none !important; }
  }

  /* ============ SHOWCASE ============ */
  .m1w-show { background: var(--dark-sunk); padding: 70px 32px 64px; border-top: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); }
  .m1w-show__head, .m1w-uc__head, .m1w-up__head { max-width: var(--maxw); margin: 0 auto; }
  .m1w-show__intro { font-family: var(--font-body); font-size: 17px; line-height: 1.6; color: var(--on-dark-muted); max-width: 56ch; margin: 22px 0 0; }
  .m1w-show__grid { max-width: var(--maxw); margin: 56px auto 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
  .m1w-stage__icon { position: relative; width: 76px; height: 76px; border-radius: var(--radius-md); border: 1px solid var(--dark-line-strong); background: linear-gradient(135deg, rgba(255,99,4,.12), rgba(255,99,4,.02)); color: var(--orange-500); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; transition: border-color var(--dur-base), box-shadow var(--dur-base), transform var(--dur-base); }
  .m1w-stage__icon svg { width: 40px; height: 40px; }
  .m1w-stage:hover .m1w-stage__icon { border-color: var(--orange-500); box-shadow: 0 0 26px rgba(255,99,4,.28); transform: translateY(-2px); }
  .m1w-stage__num { position: absolute; top: -10px; right: -10px; color: var(--on-dark-faint); background: var(--dark-sunk); border: 1px solid var(--dark-line); border-radius: var(--radius-pill); padding: 3px 8px; }
  .m1w-stage__title { font-family: var(--font-display); font-weight: 700; font-size: 23px; color: var(--on-dark-strong); margin: 10px 0 8px; }
  .m1w-stage__body { font-family: var(--font-body); font-size: 15px; line-height: 1.55; color: var(--on-dark-muted); margin: 0; }

  /* ============ ORIGINATION ============ */
  .m1w-orig { background: var(--dark-sunk); border-top: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); padding: 70px 0 110px; }
  .m1w-orig__head { max-width: var(--maxw); margin: 0 auto; padding: 0 32px; }
  .m1w-orig__cols { max-width: var(--maxw); margin: 52px auto 0; padding: 0 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
  .m1w-orig__col { background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-md); padding: 32px 34px; }
  .m1w-orig__title { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--on-dark-strong); margin: 0 0 8px; padding-bottom: 16px; border-bottom: 2px solid var(--orange-500); display: inline-block; }
  .m1w-orig__list { list-style: none; margin: 8px 0 0; padding: 0; }
  .m1w-orig__row { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid var(--dark-line); }
  .m1w-orig__row:last-child { border-bottom: none; }
  .m1w-orig__k { color: var(--orange-500); }
  .m1w-orig__t { font-family: var(--font-body); font-size: 16px; line-height: 1.5; color: var(--on-dark-muted); }

  /* ============ MANIFESTO ============ */
  .m1w-manifesto { padding: 30px 32px 40px; }
  .m1w-manifesto__in { max-width: 900px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; gap: 40px; }
  .m1w-manifesto__line { font-family: var(--font-display); font-weight: 700; font-size: clamp(24px,3vw,38px); line-height: 1.2; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0; text-wrap: balance; }

  /* ============ THE macro.one STANDARD — dark principles band ============ */
  .m1w-creed { position: relative; overflow: hidden; background: #0C0B09; padding: clamp(96px, 16vh, 190px) 32px; }
  .m1w-creed::before { content: ""; position: absolute; left: 50%; top: 50%; width: 72vw; height: 72vw; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,99,4,.10), transparent 60%); filter: blur(12px); pointer-events: none; }
  .m1w-creed__in { position: relative; max-width: 900px; margin: 0 auto; text-align: center; }
  .m1w-creed__eyebrow { display: inline-block; margin-bottom: 38px; }
  .m1w-creed__line { position: relative; font-family: var(--font-display); font-weight: 700; font-size: clamp(22px, 3vw, 38px); line-height: 1.25; letter-spacing: -.01em; color: #FBF8F2; margin: 0; padding: clamp(30px, 6vh, 64px) 0; text-wrap: balance; }
  /* stronger fade-up per sentence, so they build in as you scroll */
  .m1w-creed__line.m1w-reveal { transform: translateY(44px); transition: opacity .8s var(--ease-out), transform .8s var(--ease-out); transition-delay: var(--d, 0ms); }
  .m1w-creed__line.m1w-reveal.is-in { transform: none; }
  .m1w-creed__line .m1w-accent { color: var(--orange-500); }
  .m1w-creed__cta { margin-top: clamp(40px, 7vh, 76px); }
  .m1w-creed__n { display: block; font-family: var(--font-display); font-weight: 800; font-size: 12px; letter-spacing: .24em; color: var(--orange-500); margin-bottom: 12px; }
  @media (max-width: 600px) { .m1w-creed__line { padding: 24px 0; } }

  /* ============ ECOSYSTEM ============ */
  .m1w-eco { padding: 48px 0 90px; border-top: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); background: var(--dark-sunk); }
  .m1w-eco__label { display: block; text-align: center; color: var(--on-dark-faint); margin-bottom: 44px; padding: 0 32px; }
  .m1w-eco__marquee { height: 66px; display: flex; align-items: center; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
  .m1w-eco__track { display: flex; align-items: center; width: max-content; animation: m1w-marq 36s linear infinite; }
  .m1w-eco__marquee:hover .m1w-eco__track { animation-play-state: paused; }
  @keyframes m1w-marq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  .m1w-eco__logo { flex: none; display: flex; align-items: center; height: 66px; margin: 0 44px; }
  .m1w-eco__logo img { height: 46px; width: auto; max-width: 320px; object-fit: contain; filter: brightness(0) invert(1); opacity: .55; transition: opacity var(--dur-base); }
  .m1w-eco__logo:hover img { opacity: .9; }
  /* stacked / two-line marks read lighter — give them a touch more height */
  .m1w-eco__logo--tall img { height: 62px; }
  @media (prefers-reduced-motion: reduce) { .m1w-eco__track { animation: none; flex-wrap: wrap; justify-content: center; } }

  /* ============ UPDATES ============ */
  .m1w-up { max-width: var(--maxw); margin: 0 auto; padding: 120px 32px; }
  .m1w-up__head { display: flex; align-items: baseline; justify-content: space-between; }
  .m1w-up__all { color: var(--on-dark-muted); transition: color var(--dur-fast); }
  .m1w-up__all:hover { color: var(--orange-500); }
  .m1w-up__grid { margin-top: 44px; display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
  .m1w-up__card { display: block; background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-md); padding: 28px; transition: border-color var(--dur-base), transform var(--dur-base); }
  .m1w-up__img { margin: -28px -28px 20px; border-radius: var(--radius-md) var(--radius-md) 0 0; overflow: hidden; aspect-ratio: 16 / 9; background: var(--dark-sunk); }
  .m1w-up__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--dur-slow) var(--ease-out); }
  .m1w-up__card:hover .m1w-up__img img { transform: scale(1.05); }
  .m1w-up__card:hover { border-color: var(--dark-line-strong); transform: translateY(-3px); }
  .m1w-up__meta { color: var(--orange-500); }
  .m1w-up__title { font-family: var(--font-display); font-weight: 700; font-size: 24px; color: var(--on-dark-strong); margin: 16px 0 10px; }
  .m1w-up__body { font-family: var(--font-body); font-size: 15px; line-height: 1.55; color: var(--on-dark-muted); margin: 0 0 22px; }
  .m1w-up__cta { font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--on-dark-strong); display: inline-flex; align-items: center; gap: 8px; }
  .m1w-up__card:hover .m1w-up__arrow { transform: translateX(4px); }
  .m1w-up__arrow { color: var(--orange-500); transition: transform var(--dur-base); }

  /* ============ CTA ============ */
  .m1w-cta { position: relative; padding: 90px 32px; overflow: hidden; text-align: center; }
  .m1w-cta__bg { position: absolute; inset: 0; z-index: 0; }
  .m1w-cta__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .5; animation: m1w-kenburns 30s ease-in-out infinite alternate; }
  .m1w-cta__veil { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 90% at 50% 50%, rgba(16,15,13,.72), rgba(16,15,13,.92)); }
  .m1w-cta__bg img { opacity: .5; }
  .m1w-cta__title { color: #fff; }
  .m1w-cta__content { position: relative; z-index: 2; max-width: 900px; margin: 0 auto; }
  .m1w-cta__title { font-family: var(--font-display); font-weight: 900; font-size: clamp(48px, 8vw, 116px); line-height: .92; letter-spacing: -.03em; text-transform: uppercase; margin: 16px 0 0; }
  .m1w-cta__actions { display: flex; gap: 14px; justify-content: center; margin-top: 20px; flex-wrap: wrap; }

  /* ============ MISSION / VISION ============ */
  /* Full-width tan band, matching the "How We Build" section (var(--dark-sunk)). */
  .m1w-mv { background: var(--dark-sunk); border-top: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); padding: 64px 32px 56px; }
  .m1w-mv__head { max-width: var(--maxw); margin: 0 auto 40px; }
  .m1w-mv__grid { max-width: var(--maxw); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: stretch; }
  .m1w-mv__col { display: flex; flex-direction: column; gap: 28px; }
  .m1w-mv__media { border-radius: var(--radius-md); overflow: hidden; background: #000; height: 100%; display: flex; align-items: center; justify-content: center; }
  .m1w-mv__vid { width: 100%; height: auto; max-height: 100%; object-fit: contain; display: block; background: #000; }
  .m1w-mv__img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .m1w-mv__card { background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-md); padding: 40px; }
  .m1w-mv__t { font-family: var(--font-display); font-weight: 800; font-size: clamp(24px,2.4vw,34px); line-height: 1.08; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 16px 0 14px; }
  .m1w-mv__b { font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--on-dark-muted); margin: 0; }

  /* ============ INVESTMENT CRITERIA ============ */
  .m1w-crit { max-width: var(--maxw); margin: 0 auto; padding: 40px 32px 110px; }
  .m1w-crit__head { margin-bottom: 44px; }
  .m1w-crit__lead { font-family: var(--font-body); font-size: 19px; line-height: 1.6; color: var(--on-dark-muted); max-width: 60ch; margin: 22px 0 0; }
  .m1w-crit__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; }
  .m1w-crit__card { background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-md); padding: 30px 26px; display: flex; flex-direction: column; transition: border-color var(--dur-base); }
  .m1w-crit__card:hover { border-color: var(--orange-500); }
  .m1w-crit__card:hover .m1w-crit__label { color: var(--orange-500); }
  .m1w-crit__label { color: var(--on-dark-strong); font-weight: 700; margin-bottom: 18px; }
  .m1w-crit__t { font-family: var(--font-display); font-weight: 400; font-size: 25px; line-height: 1.2; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0 0 16px; }
  .m1w-crit__b { font-family: var(--font-body); font-size: 14.5px; line-height: 1.55; color: var(--on-dark-muted); margin: auto 0 0; }
  @media (max-width: 980px) { .m1w-crit__grid { grid-template-columns: repeat(2,1fr); } }
  /* phones: one card per row so the long headings don't overflow the screen */
  @media (max-width: 600px) { .m1w-crit__grid { grid-template-columns: 1fr; } }
  /* NOTE: stats + news mobile overrides live at the very end of this file so they
     win the cascade (the base .m1w-news__list / .m1w-stats__grid rules come later here). */

  /* ============ STATS ============ */
  .m1w-stats { max-width: var(--maxw); margin: 0 auto; padding: 70px 32px 110px; }
  .m1w-stats__head { margin-bottom: 44px; }
  .m1w-stats__lead { font-family: var(--font-body); font-size: 19px; line-height: 1.6; color: var(--on-dark-muted); max-width: 56ch; margin: 22px 0 0; }
  .m1w-promise { margin-top: 56px; padding-left: 24px; border-left: 3px solid var(--orange-500); }
  .m1w-promise__words { font-family: var(--font-display); font-weight: 800; font-size: clamp(32px,4.4vw,56px); line-height: 1.08; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0; }
  .m1w-promise__tag { font-family: var(--font-display); font-weight: 800; font-size: clamp(32px,4.4vw,56px); line-height: 1.08; letter-spacing: -.01em; color: var(--orange-500); margin: 4px 0 0; }
  .m1w-stats__media { margin: 28px auto 0; width: fit-content; max-width: 100%; border-radius: var(--radius-md); overflow: hidden; display: flex; align-items: center; justify-content: center; }
  .m1w-stats__vid { width: auto; max-width: 100%; height: 340px; object-fit: contain; display: block; }
  .m1w-stats__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--dark-line); border: 1px solid var(--dark-line); border-radius: var(--radius-md); overflow: hidden; }
  .m1w-stat { background: var(--dark-raised); padding: 36px 28px; }
  .m1w-stat__n { font-family: var(--font-display); font-weight: 600; font-size: clamp(40px,4.6vw,68px); line-height: 1; letter-spacing: -.02em; color: var(--orange-500); }
  .m1w-stat__l { font-family: var(--font-body); font-size: 14px; line-height: 1.45; color: var(--on-dark-muted); margin-top: 14px; max-width: 22ch; }

  /* ============ TEAM ============ */
  .m1w-team { background: var(--dark-sunk); border-top: 1px solid var(--dark-line); border-bottom: 1px solid var(--dark-line); padding: 110px 32px; }
  .m1w-team__head, .m1w-team__lead, .m1w-team__rest { max-width: var(--maxw); margin-left: auto; margin-right: auto; }
  .m1w-team__lead { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 48px; }
  .m1w-team__rest { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px; margin-top: 24px; }
  .m1w-person { margin: 0; }
  .m1w-person__ph { aspect-ratio: 4/5; border-radius: var(--radius-md); overflow: hidden; background: var(--dark-raised); border: 1px solid var(--dark-line); }
  .m1w-person--sm .m1w-person__ph { aspect-ratio: 1/1; }
  .m1w-person__ph img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter var(--dur-slow) var(--ease-out); }
  .m1w-person:hover .m1w-person__ph img { filter: grayscale(0); }
  .m1w-person__name { font-family: var(--font-display); font-weight: 700; font-size: 18px; color: var(--on-dark-strong); margin-top: 16px; }
  .m1w-person--sm .m1w-person__name { font-size: 16px; margin-top: 13px; }
  .m1w-person__role { font-family: var(--font-body); font-size: 13.5px; color: var(--orange-500); margin-top: 3px; }

  /* ============ CAREERS ============ */
  .m1w-careers { max-width: var(--maxw); margin: 0 auto; padding: 40px 32px 120px; text-align: center; }
  .m1w-careers__in { max-width: 720px; margin: 0 auto; }
  .m1w-careers__t { font-family: var(--font-display); font-weight: 800; font-size: clamp(34px,4.6vw,60px); line-height: 1.0; letter-spacing: -.02em; text-transform: uppercase; color: var(--on-dark-strong); margin: 16px 0 0; }
  .m1w-careers__b { font-family: var(--font-body); font-size: 17px; line-height: 1.6; color: var(--on-dark-muted); margin: 22px auto 32px; max-width: 52ch; }

  /* ============ NEWSROOM ============ */
  .m1w-news { max-width: var(--maxw); margin: 0 auto; padding: 120px 32px; }
  .m1w-news__head { margin-bottom: 50px; }
  .m1w-news__cols { display: grid; grid-template-columns: 1.5fr 1fr; gap: 48px; }
  .m1w-news__label { display: flex; align-items: center; gap: 9px; font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--on-dark-muted); margin-bottom: 20px; }
  .m1w-news__slider { position: relative; margin: 0 56px; }
  .m1w-news__empty { background: var(--surface-raised); border: 1px solid var(--border-hairline); border-radius: var(--radius-md); padding: 40px 44px; max-width: 640px; }
  .m1w-news__empty .m1w-up__meta { color: var(--orange-500); }
  /* card is always white (surface-raised), so its text must stay dark in both themes */
  .m1w-news__empty .m1w-up__title { margin: 14px 0 10px; color: var(--ink-900); }
  .m1w-news__empty .m1w-up__body { color: var(--ink-600); }
  .m1w-news__list { display: grid; grid-auto-flow: column; grid-auto-columns: calc(50% - 8px); gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
  .m1w-news__list::-webkit-scrollbar { display: none; }
  .m1w-news__list > .m1w-up__card { scroll-snap-align: start; }
  .m1w-news__next { position: absolute; top: 50%; right: -56px; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--dark-line-strong); background: rgba(250,248,243,.85); backdrop-filter: blur(6px); color: var(--on-dark-strong); font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast); z-index: 2; }
  .m1w-news__next:hover { background: var(--orange-500); border-color: var(--orange-500); color: #fff; }
  .m1w-news__prev { position: absolute; top: 50%; left: -56px; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--dark-line-strong); background: rgba(250,248,243,.85); backdrop-filter: blur(6px); color: var(--on-dark-strong); font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast); z-index: 2; }
  .m1w-news__prev:hover { background: var(--orange-500); border-color: var(--orange-500); color: #fff; }
  .m1w-news__feed { display: flex; flex-direction: column; }
  .m1w-feed { position: relative; padding: 20px 0; border-top: 1px solid var(--dark-line); transition: padding-left var(--dur-base) var(--ease-out); }
  .m1w-feed:last-child { border-bottom: 1px solid var(--dark-line); }
  .m1w-feed:hover { padding-left: 8px; }
  .m1w-feed__src { color: var(--orange-500); }
  .m1w-feed__title { font-family: var(--font-display); font-weight: 600; font-size: 16px; line-height: 1.25; color: var(--on-dark-strong); margin: 8px 0 0; max-width: 34ch; }
  .m1w-feed__arrow { position: absolute; top: 20px; right: 0; color: var(--on-dark-faint); transition: color var(--dur-fast), transform var(--dur-fast); }
  .m1w-feed:hover .m1w-feed__arrow { color: var(--orange-500); transform: translate(2px,-2px); }
  .m1w-feed__blurb { font-family: var(--font-body); font-size: 14px; line-height: 1.5; color: var(--on-dark-muted); margin: 10px 0 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .m1w-feed__date { display: block; font-family: var(--font-body); font-size: 12.5px; color: var(--on-dark-faint); margin-top: 4px; }

  /* ============ FOOTER ============ */
  .m1w-foot { background: var(--dark-sunk); border-top: 1px solid var(--dark-line); padding: 80px clamp(24px, 4vw, 64px) 36px; }
  .m1w-foot__top { max-width: 1920px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 2fr; gap: 56px; }
  .m1w-foot__brand { display: flex; flex-direction: column; align-items: flex-start; }
  .m1w-foot__mark { height: 40px; margin-bottom: 14px; }
  .m1w-foot__word { font-family: var(--font-display); font-weight: 700; font-size: 24px; color: var(--on-dark-strong); }
  .m1w-foot__tag { font-family: var(--font-body); font-size: 15px; color: var(--on-dark-muted); margin: 12px 0 0; max-width: 30ch; }
  .m1w-foot__addr { font-family: var(--font-body); font-size: 13.5px; line-height: 1.5; color: var(--on-dark-faint); margin: 18px 0 8px; }
  .m1w-foot__email { font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--orange-500); }
  .m1w-foot__email:hover { color: var(--orange-400); }
  .m1w-foot__cols { display: grid; grid-template-columns: repeat(4,1fr); gap: 28px; }
  .m1w-foot__col { display: flex; flex-direction: column; gap: 12px; }
  .m1w-foot__h { color: var(--on-dark-faint); margin-bottom: 4px; }
  .m1w-foot__link { font-family: var(--font-body); font-size: 15px; color: var(--on-dark-muted); transition: color var(--dur-fast); }
  .m1w-foot__link:hover { color: var(--orange-500); }
  .m1w-foot__bar { max-width: 1920px; margin: 64px auto 0; padding-top: 26px; border-top: 1px solid var(--dark-line); display: flex; justify-content: space-between; font-family: var(--font-body); font-size: 13px; color: var(--on-dark-faint); }
  .m1w-foot__conf { font-style: italic; }

  /* ============ RESPONSIVE ============ */
  @media (max-width: 980px) {
    .m1w-nav__links { display: none; }
    .m1w-cap { grid-template-columns: 1fr; gap: 40px; }
    .m1w-show__grid { grid-template-columns: 1fr; }
    .m1w-orig__cols { grid-template-columns: 1fr; }
    .m1w-up__grid { grid-template-columns: 1fr; }
    .m1w-foot__top { grid-template-columns: 1fr; }
    .m1w-foot__cols { grid-template-columns: repeat(2,1fr); }
    .m1w-mv__grid { grid-template-columns: 1fr; }
    .m1w-mv__media { min-height: 280px; }
    .m1w-stats__grid { grid-template-columns: repeat(2,1fr); }
    .m1w-team__lead { grid-template-columns: 1fr; }
    .m1w-team__rest { grid-template-columns: repeat(2,1fr); }
    .m1w-news__cols { grid-template-columns: 1fr; gap: 40px; }
    .m1w-news__list { grid-auto-columns: 88%; }
  }

  /* ============ LIGHT THEME (default) ============ */
  :root[data-theme="light"] {
    --dark-ground: #FAF8F3; --dark-raised: #FFFFFF; --dark-sunk: #F0EADA;
    --dark-line: rgba(26,25,22,.12); --dark-line-strong: rgba(26,25,22,.20);
    --on-dark-strong: #1A1916; --on-dark-muted: #54504A; --on-dark-faint: #8C8472;
  }
  /* ecosystem logos render black on the light ground */
  :root[data-theme="light"] .m1w-eco__logo img { filter: brightness(0); opacity: .5; }
  :root[data-theme="light"] .m1w-show { background: var(--dark-sunk); }
  /* Nav + footer stay dark islands even in light mode: re-assert the dark palette
     locally so their --on-dark-* text renders near-white on the dark ground. */
  :root[data-theme="light"] .m1w-nav,
  :root[data-theme="light"] .m1w-foot {
    --dark-raised: #1C1B17; --dark-sunk: #0C0B09;
    --dark-line: rgba(247,242,232,.12); --dark-line-strong: rgba(247,242,232,.22);
    --on-dark-strong: #FBF8F2; --on-dark-muted: #A8A294; --on-dark-faint: #6E685E;
  }

  /* ============ CONTACT MODAL ============ */
  .m1w-modal { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(10,9,8,.72); backdrop-filter: blur(6px); animation: m1w-fade .25s var(--ease-out); }
  @keyframes m1w-fade { from { opacity: 0; } to { opacity: 1; } }
  .m1w-modal__card { position: relative; width: 100%; max-width: 380px; background: var(--dark-raised); border: 1px solid var(--dark-line-strong); border-radius: var(--radius-lg); padding: 34px 30px 30px; box-shadow: 0 30px 80px rgba(0,0,0,.6); animation: m1w-pop .28s var(--ease-out); }
  @keyframes m1w-pop { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
  .m1w-modal__close { position: absolute; top: 16px; right: 16px; width: 30px; height: 30px; border-radius: 50%; border: none; background: transparent; color: var(--on-dark-muted); font-size: 15px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background var(--dur-fast), color var(--dur-fast); }
  .m1w-modal__close:hover { background: rgba(255,255,255,.08); color: var(--on-dark-strong); }
  .m1w-modal__title { font-family: var(--font-display); font-weight: 800; font-size: 26px; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0; }
  .m1w-modal__sub { font-family: var(--font-body); font-size: 14px; line-height: 1.5; color: var(--on-dark-muted); margin: 8px 0 22px; }
  .m1w-modal__form { display: flex; flex-direction: column; gap: 12px; }
  .m1w-field { width: 100%; box-sizing: border-box; font-family: var(--font-body); font-size: 14.5px; color: var(--on-dark-strong); background: var(--dark-sunk); border: 1px solid var(--dark-line-strong); border-radius: var(--radius-sm); padding: 13px 15px; outline: none; transition: border-color var(--dur-fast), box-shadow var(--dur-fast); }
  .m1w-field::placeholder { color: var(--on-dark-faint); }
  .m1w-field:focus { border-color: var(--orange-500); box-shadow: 0 0 0 3px rgba(255,99,4,.22); }
  .m1w-field--area { resize: vertical; min-height: 96px; }
  .m1w-modal__send { margin-top: 6px; width: 100%; border-radius: var(--radius-sm); }

  /* apply-to-build (wide) modal */
  .m1w-modal__card--wide { max-width: 560px; }

  /* privacy notice (document) modal + discrete footer link */
  .m1w-foot__privacy { background: none; border: 0; padding: 0; margin: 0; cursor: pointer; font-family: var(--font-body); font-size: 13px; color: var(--on-dark-faint); transition: color var(--dur-fast); }
  .m1w-foot__privacy:hover { color: var(--orange-500); }
  .m1w-modal__card--doc { max-width: 760px; }
  .m1w-legal { max-height: 72vh; overflow-y: auto; margin-top: 18px; padding-left: 16px; padding-right: 16px; scrollbar-gutter: stable both-edges; text-align: left; }
  .m1w-legal h4 { font-family: var(--font-display); font-weight: 700; font-size: 15px; letter-spacing: .005em; color: var(--on-dark-strong); margin: 26px 0 9px; }
  .m1w-legal h4:first-child { margin-top: 2px; }
  .m1w-legal__eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--orange-500); margin: 20px 0 6px; }
  .m1w-legal p { font-family: var(--font-body); font-size: 13.5px; line-height: 1.62; color: var(--on-dark-muted); margin: 0 0 11px; max-width: none; text-align: justify; }
  .m1w-legal ul { margin: 0 0 13px; padding-left: 20px; }
  .m1w-legal li { font-family: var(--font-body); font-size: 13.5px; line-height: 1.6; color: var(--on-dark-muted); margin-bottom: 7px; max-width: none; text-align: justify; }
  .m1w-legal strong { color: var(--on-dark-strong); font-weight: 600; }
  .m1w-legal a { color: var(--orange-500); text-decoration: none; }
  .m1w-legal a:hover { text-decoration: underline; }
  .m1w-legal::-webkit-scrollbar { width: 8px; }
  .m1w-legal::-webkit-scrollbar-thumb { background: var(--dark-line-strong); border-radius: 4px; }
  .m1w-legal::-webkit-scrollbar-track { background: transparent; }
  .m1w-apply { display: flex; flex-direction: column; gap: 16px; margin-top: 6px; text-align: left; }
  .m1w-apply__field { display: flex; flex-direction: column; gap: 7px; flex: 1; }
  .m1w-apply__label { font-family: var(--font-display); font-weight: 700; font-size: 12.5px; color: var(--on-dark-strong); }
  .m1w-apply__row { display: flex; gap: 16px; }
  .m1w-apply__upload { display: flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--font-body); font-size: 14.5px; color: var(--on-dark-muted); background: var(--dark-sunk); border: 1px solid var(--dark-line-strong); border-radius: var(--radius-sm); padding: 13px 15px; cursor: pointer; transition: border-color var(--dur-fast), color var(--dur-fast); }
  .m1w-apply__upload:hover { border-color: var(--orange-500); color: var(--on-dark-strong); }
  .m1w-apply__submit { margin-top: 8px; width: 100%; border-radius: var(--radius-pill); }
  @media (max-width: 560px) { .m1w-apply__row { flex-direction: column; } }

  /* ============ SUBPAGES (Team / News) ============ */
  .m1w-page { padding-top: 78px; }
  .m1w-phead { max-width: var(--maxw); margin: 0 auto; padding: 80px 32px 40px; }
  .m1w-phead__t { font-family: var(--font-display); font-weight: 800; font-size: clamp(38px,5.2vw,76px); line-height: .98; letter-spacing: -.02em; text-transform: uppercase; color: var(--on-dark-strong); margin: 16px 0 0; }
  .m1w-phead__b { font-family: var(--font-body); font-size: 17px; line-height: 1.6; color: var(--on-dark-muted); max-width: 60ch; margin: 22px 0 0; }

  .m1w-tsec { max-width: var(--maxw); margin: 0 auto; padding: 28px 32px 40px; }
  .m1w-tsec__label { display: flex; align-items: center; gap: 9px; font-family: var(--font-display); font-weight: 600; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--on-dark-muted); margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px solid var(--dark-line); }
  .m1w-tlead { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
  .m1w-tgrid { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; max-width: calc((240px * 3) + (24px * 2)); margin-left: auto; margin-right: auto; }
  .m1w-tgrid > .m1w-pcard { width: 240px; }
  .m1w-tgrid__break { flex-basis: 100%; height: 0; margin: 0; padding: 0; }
  .m1w-pcard { margin: 0; }
  .m1w-pcard__ph { aspect-ratio: 4/5; border-radius: var(--radius-md); overflow: hidden; background: var(--dark-raised); border: 1px solid var(--dark-line); }
  .m1w-pcard__ph img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: filter var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out); }
  .m1w-pcard:hover .m1w-pcard__ph img { filter: grayscale(0); transform: scale(1.03); }
  .m1w-pcard__name { font-family: var(--font-display); font-weight: 700; font-size: 19px; color: var(--on-dark-strong); margin-top: 18px; }
  .m1w-pcard--sm .m1w-pcard__name { font-size: 17px; margin-top: 14px; }
  .m1w-pcard__role { font-family: var(--font-body); font-size: 14px; color: var(--orange-500); margin-top: 3px; }
  .m1w-pcard--link { cursor: pointer; }
  .m1w-pcard--link .m1w-pcard__ph img { transition: filter var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out); }
  .m1w-pcard--link:hover .m1w-pcard__ph img { filter: grayscale(0); transform: scale(1.03); }
  .m1w-pcard--link:hover .m1w-pcard__name { color: var(--orange-500); }

  /* team bio modal */
  .m1w-bio { position: relative; width: min(760px, 94vw); max-height: 92vh; overflow-y: auto; background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-lg); padding: 44px; }
  .m1w-bio__head { display: flex; align-items: center; gap: 28px; margin-bottom: 30px; }
  .m1w-bio__ph { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; flex: none; border: 1px solid var(--dark-line-strong); }
  .m1w-bio__ph img { width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: grayscale(1); }
  .m1w-bio__name { font-family: var(--font-display); font-weight: 800; font-size: 38px; line-height: 1.04; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0; }
  .m1w-bio__role { font-family: var(--font-display); font-weight: 600; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: var(--orange-500); margin-top: 8px; }
  .m1w-bio__body { display: grid; grid-template-columns: 1fr 200px; gap: 36px; align-items: start; }
  .m1w-bio__label { display: block; font-family: var(--font-display); font-weight: 700; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--on-dark-muted); margin-bottom: 12px; }
  .m1w-bio__text { font-family: var(--font-body); font-size: 15px; line-height: 1.6; color: var(--on-dark-muted); margin: 0 0 28px; text-align: justify; }
  .m1w-bio__hl { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
  .m1w-bio__hl li { position: relative; padding-left: 18px; font-family: var(--font-body); font-size: 14.5px; line-height: 1.5; color: var(--on-dark-muted); }
  .m1w-bio__hl li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--orange-500); }
  .m1w-bio__li { display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--on-dark-strong); background: var(--dark-sunk); border: 1px solid var(--dark-line-strong); border-radius: var(--radius-sm); padding: 13px 20px; transition: border-color var(--dur-fast), color var(--dur-fast); }
  .m1w-bio__li svg { display: block; flex: none; position: relative; top: -1px; }
  .m1w-bio__li:hover { border-color: var(--orange-500); color: var(--orange-500); }
  .m1w-bio__quote { font-family: var(--font-display); font-style: italic; font-size: 16px; color: var(--on-dark-muted); margin: 28px 0 0; padding-top: 24px; border-top: 1px solid var(--dark-line); }
  @media (max-width: 680px) {
    .m1w-bio { padding: 28px; }
    .m1w-bio__head { flex-direction: column; text-align: center; gap: 16px; }
    .m1w-bio__body { grid-template-columns: 1fr; gap: 24px; }
  }
  .m1w-pcard__bio { font-family: var(--font-body); font-size: 14.5px; line-height: 1.55; color: var(--on-dark-muted); margin: 12px 0 0; }

  /* news / portfolio page */
  .m1w-psec { max-width: var(--maxw); margin: 0 auto; padding: 56px 32px; }
  .m1w-psec + .m1w-psec { border-top: 1px solid var(--dark-line); }
  /* Industry News is the first section on the newsroom page — tighten its top gap */
  #industry.m1w-psec { padding-top: 8px; }
  .m1w-psec__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 34px; flex-wrap: wrap; gap: 12px; }
  .m1w-psec__h { font-family: var(--font-display); font-weight: 800; font-size: clamp(26px,3vw,40px); letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0; }
  .m1w-psec__h .m1w-accent { color: var(--orange-500); }
  .m1w-news2 { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; }
  .m1w-pf { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--dark-line); border: 1px solid var(--dark-line); border-radius: var(--radius-md); overflow: hidden; }
  .m1w-pfco { background: var(--dark-raised); padding: 30px 28px; transition: background var(--dur-base); }
  .m1w-pfco:hover { background: var(--dark-ground); }
  .m1w-pfco__top { display: flex; align-items: center; justify-content: space-between; }
  .m1w-pfco__name { font-family: var(--font-display); font-weight: 700; font-size: 21px; color: var(--on-dark-strong); }
  .m1w-pfco__tag { font-family: var(--font-display); font-weight: 600; font-size: 10.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--orange-500); border: 1px solid var(--orange-500); border-radius: var(--radius-pill); padding: 4px 10px; }
  .m1w-pfco__loc { font-family: var(--font-body); font-size: 13px; color: var(--on-dark-faint); margin-top: 4px; }
  .m1w-pfco__b { font-family: var(--font-body); font-size: 14.5px; line-height: 1.55; color: var(--on-dark-muted); margin: 16px 0 18px; }
  .m1w-pfco__stats { display: flex; gap: 26px; border-top: 1px solid var(--dark-line); padding-top: 16px; }
  .m1w-pfco__stat .n { font-family: var(--font-display); font-weight: 700; font-size: 22px; color: var(--orange-500); }
  .m1w-pfco__stat .l { font-family: var(--font-body); font-size: 12px; color: var(--on-dark-faint); margin-top: 2px; }

  @media (max-width: 980px) {
    .m1w-tlead { grid-template-columns: 1fr; }
    .m1w-tgrid { grid-template-columns: repeat(2,1fr); }
    .m1w-news2 { grid-template-columns: 1fr; }
    .m1w-pf { grid-template-columns: 1fr; }
  }

  /* ============ MOBILE NAV (hamburger) — desktop is unaffected ============ */
  /* Injected by site.js on every page; hidden entirely on desktop. */
  .m1w-nav__burger { display: none; }
  .m1w-nav__mobile { display: none; }
  @media (max-width: 980px) {
    .m1w-nav__burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 42px; height: 38px; padding: 0 10px; background: rgba(255,255,255,.06); border: 1px solid var(--dark-line-strong); border-radius: var(--radius-sm); cursor: pointer; }
    .m1w-nav__burger span { display: block; height: 2px; width: 100%; background: var(--on-dark-strong); border-radius: 2px; transition: transform var(--dur-fast) var(--ease-standard), opacity var(--dur-fast); }
    .m1w-nav__burger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .m1w-nav__burger.is-open span:nth-child(2) { opacity: 0; }
    .m1w-nav__burger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
    /* the top-bar CTAs move into the panel on mobile */
    .m1w-nav__right .m1w-nav__contact,
    .m1w-nav__right .m1w-nav__cta.m1w-btn--primary { display: none; }
    .m1w-nav__mobile { position: absolute; top: 100%; left: 0; right: 0; background: rgba(16,15,13,.98); backdrop-filter: blur(14px); border-bottom: 1px solid var(--dark-line); padding: 8px 0 18px; max-height: calc(100vh - 68px); overflow-y: auto; }
    .m1w-nav__mobile.is-open { display: block; }
    .m1w-navm__label { font-family: var(--font-display); font-weight: 600; font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--on-dark-faint); padding: 16px 24px 6px; }
    .m1w-navm__label--link:active, .m1w-navm__label--link:hover { color: var(--orange-500); }
    .m1w-navm__link { display: block; font-family: var(--font-body); font-size: 16px; color: var(--on-dark-muted); padding: 10px 24px; }
    .m1w-navm__link:active, .m1w-navm__link:hover { color: var(--orange-500); }
    .m1w-navm__cta { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; padding: 18px 24px 4px; border-top: 1px solid var(--dark-line); }
    .m1w-navm__cta .m1w-btn { width: 100%; border-radius: var(--radius-pill); height: 44px; }
  }
  /* CTA headline: neutralize the prototype's fixed 720px box on small screens */
  @media (max-width: 600px) {
    .m1w-cta__content > .m1w-eyebrow { width: auto !important; height: auto !important; font-size: 34px !important; }
  }

  /* ============================================================
     MOBILE OVERRIDES — kept at the very end so they win the cascade
     (base component rules appear earlier in this file).
     ============================================================ */
  /* Stats: stack full-width on phones so figures like "US$ 4.6B" stay on one line */
  @media (max-width: 600px) {
    .m1w-stats__grid { grid-template-columns: 1fr; }
    .m1w-stat__n { white-space: nowrap; }
  }
  /* Industry News: vertical stack of full-width cards instead of a horizontal
     carousel; no prev/next arrows, and reclaim the arrows' side margins. */
  @media (max-width: 980px) {
    .m1w-news__slider { margin: 0; }
    .m1w-news__prev, .m1w-news__next { display: none; }
    .m1w-news__list { grid-auto-flow: row; grid-template-columns: 1fr; grid-auto-columns: auto; overflow-x: visible; scroll-snap-type: none; gap: 20px; }
  }
  /* Hero (phones): show the whole elephant (contain, not cover) on a dark
     backdrop, and keep the headline to two lines — "THE INVESTMENT FIRM"
     then "FOR THE AGE OF AI" (the <br> in the markup provides the split). */
  @media (max-width: 600px) {
    .m1w-hero { padding: 104px 18px 78px; }
    .m1w-hero__title { white-space: nowrap; font-size: clamp(20px, 6.8vw, 32px); line-height: 1.08; }
  }

  /* ============ MANIFESTO PAGE ============ */
  .m1w-mfo__in { max-width: 820px; margin: 0 auto; padding: 0 32px; }
  .m1w-mfo-sec { padding: clamp(44px, 6vw, 68px) 0; }
  .m1w-mfo-sec--tight { padding-top: 8px; }
  .m1w-mfo__label { display: block; margin-bottom: 16px; }
  .m1w-mfo__h { font-family: var(--font-display); font-weight: 800; font-size: clamp(24px, 2.8vw, 34px); line-height: 1.08; letter-spacing: -.02em; text-transform: uppercase; color: var(--on-dark-strong); margin: 0 0 20px; }
  .m1w-mfo__lead { font-family: var(--font-display); font-weight: 600; font-size: clamp(20px, 2.3vw, 27px); line-height: 1.32; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0 0 22px; text-wrap: pretty; }
  .m1w-mfo__p { font-family: var(--font-body); font-size: 17px; line-height: 1.7; color: var(--on-dark-muted); margin: 0 0 18px; max-width: none; }
  .m1w-mfo__p:last-child { margin-bottom: 0; }
  .m1w-mfo__p .m1w-accent, .m1w-mfo__lead .m1w-accent { color: var(--orange-500); }
  .m1w-mfo__p strong { color: var(--on-dark-strong); font-weight: 600; }
  .m1w-mfo-ul { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-direction: column; gap: 12px; }
  .m1w-mfo-ul li { position: relative; padding-left: 22px; font-family: var(--font-body); font-size: 17px; line-height: 1.6; color: var(--on-dark-muted); max-width: none; }
  .m1w-mfo-ul li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 7px; height: 7px; border-radius: 50%; background: var(--orange-500); }
  .m1w-mfo-ul strong { color: var(--on-dark-strong); font-weight: 600; }

  /* dark "antimediocre" centerpiece band */
  .m1w-mfo-band { position: relative; overflow: hidden; background: #0C0B09; padding: clamp(72px, 11vw, 128px) 32px; text-align: center; }
  .m1w-mfo-band::before { content: ""; position: absolute; left: 50%; top: 50%; width: 72vw; height: 72vw; transform: translate(-50%, -50%); background: radial-gradient(circle, rgba(255,99,4,.09), transparent 60%); filter: blur(12px); pointer-events: none; }
  .m1w-mfo-band__in { position: relative; max-width: 900px; margin: 0 auto; }
  .m1w-mfo-band__h { font-family: var(--font-display); font-weight: 800; font-size: clamp(28px, 4.2vw, 52px); line-height: 1.04; letter-spacing: -.02em; text-transform: uppercase; color: #FBF8F2; margin: 0 0 40px; }
  .m1w-mfo-band__h .m1w-accent { color: var(--orange-500); }
  .m1w-mfo-lines { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 15px; }
  .m1w-mfo-lines li { font-family: var(--font-display); font-weight: 600; font-size: clamp(17px, 2vw, 23px); line-height: 1.3; letter-spacing: -.01em; color: #FBF8F2; text-wrap: balance; }
  .m1w-mfo-lines .m1w-accent { color: var(--orange-500); }

  /* value / reason cards */
  .m1w-mfo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 4px; }
  .m1w-mfo-card { background: var(--dark-raised); border: 1px solid var(--dark-line); border-radius: var(--radius-md); padding: 28px 26px; transition: border-color var(--dur-base); }
  .m1w-mfo-card__t { font-family: var(--font-display); font-weight: 700; font-size: 20px; letter-spacing: -.01em; color: var(--on-dark-strong); margin: 0 0 10px; transition: color var(--dur-base); }
  .m1w-mfo-card__b { font-family: var(--font-body); font-size: 15px; line-height: 1.6; color: var(--on-dark-muted); margin: 0; max-width: none; }
  .m1w-mfo-card:hover { border-color: var(--orange-500); }
  .m1w-mfo-card:hover .m1w-mfo-card__t { color: var(--orange-500); }
  /* center a lone trailing card (e.g. the 5th Core Value) */
  .m1w-mfo-grid > .m1w-mfo-card:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 10px); }
  @media (max-width: 720px) {
    .m1w-mfo-grid { grid-template-columns: 1fr; }
    .m1w-mfo-grid > .m1w-mfo-card:last-child:nth-child(odd) { width: auto; }
  }