:root {
      --paper: #fffdf8;
      --paper-soft: #f8f1e7;
      --paper-deep: #efe4d5;
      --ink: #171311;
      --charcoal: #1a1712;
      --charcoal-soft: #241f1a;
      --muted: #665c54;
      --line: #d8cab7;
      --orange: #df7a1c;
      --orange-bright: #f47a16;
      --orange-dark: #bd5e16;
      --fern: #4a9b3e;
      --gold: #e8b923;
      --cream: #f0e9dc;
      --white: #ffffff;
      --serif: "Source Serif 4", Georgia, serif;
      --sans: "DM Sans", Arial, sans-serif;
      --grotesk: "Archivo", Arial, sans-serif;
      --shell: 1240px;
      --shadow-soft: 0 18px 52px rgba(31, 21, 12, .09);
      --shadow: 0 28px 82px rgba(31, 21, 12, .17);
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; overflow-x: hidden; }
    body {
      margin: 0;
      overflow-x: hidden;
      background: var(--paper);
      color: var(--ink);
      font-family: var(--sans);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    body.menu-open { overflow: hidden; }
    img { display: block; max-width: 100%; }
    a { color: inherit; }
    button, input { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    :focus-visible { outline: 3px solid #246bd2; outline-offset: 4px; }
    section[id] { scroll-margin-top: 92px; }
    .shell { width: min(var(--shell), calc(100% - 40px)); margin: 0 auto; }
    .skip-link {
      position: fixed;
      left: 16px;
      top: -90px;
      z-index: 1000;
      padding: 12px 18px;
      border-radius: 10px;
      background: #fff;
      color: #000;
      font-weight: 800;
    }
    .skip-link:focus { top: 16px; }
    .prototype-ribbon {
      position: fixed;
      right: 14px;
      bottom: 14px;
      z-index: 80;
      padding: 8px 11px;
      border: 1px solid rgba(255,255,255,.14);
      border-radius: 999px;
      background: rgba(23,19,17,.88);
      color: rgba(255,253,248,.8);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .11em;
      text-transform: uppercase;
      backdrop-filter: blur(10px);
    }

    .proofbar {
      position: relative;
      z-index: 91;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 42px;
      padding: 7px 20px;
      background: #0f0c0a;
      color: rgba(255,253,248,.76);
    }
    .proofbar-inner { display: flex; align-items: center; justify-content: center; gap: 24px; }
    .proofitem { display: inline-flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
    .proofbadge { display: inline-grid; place-items: center; min-width: 30px; height: 25px; padding: 0 5px; border: 1px solid rgba(223,122,28,.58); border-radius: 7px; color: #fff; font-family: var(--serif); font-size: 10px; letter-spacing: 0; }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 90;
      min-height: 76px;
      border-bottom: 1px solid rgba(23,19,17,.1);
      background: rgba(255,253,248,.95);
      backdrop-filter: blur(16px);
    }
    .site-nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
    .wordmark { display: inline-flex; align-items: center; text-decoration: none; white-space: nowrap; }
    .wordmark-name { font-family: var(--grotesk); font-size: 19px; font-weight: 900; letter-spacing: -.045em; }
    .wordmark i { color: var(--orange); font-style: normal; }
    .navlinks { display: flex; align-items: center; gap: 28px; }
    .navlinks a { color: #514a44; font-size: 12px; font-weight: 750; text-decoration: none; }
    .navlinks a:hover { color: var(--orange-dark); }
    .nav-cta,
    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 21px;
      border: 1px solid transparent;
      border-radius: 999px;
      cursor: pointer;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.2;
      text-align: center;
      text-decoration: none;
    }
    .nav-cta { min-height: 42px; background: var(--orange); color: var(--ink) !important; }
    .button-primary { background: var(--orange); color: var(--ink); box-shadow: 0 14px 32px rgba(189,94,22,.2); }
    .button-primary:hover, .nav-cta:hover { background: #ef8422; }
    .button-secondary { border-color: rgba(23,19,17,.2); background: rgba(255,255,255,.48); }
    .button-secondary:hover { border-color: var(--orange); }
    .button-dark { background: var(--charcoal); color: var(--paper); }
    .button-cream { border-color: rgba(240,233,220,.24); color: var(--cream); }
    .button-cream:hover { border-color: var(--orange); }
    .menu-button { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid rgba(23,19,17,.16); border-radius: 50%; background: transparent; cursor: pointer; }
    .menu-button span, .menu-button::before, .menu-button::after { content: ""; display: block; width: 18px; height: 2px; margin: 4px auto; background: var(--ink); transition: transform .2s ease, opacity .2s ease; }
    .menu-button[aria-expanded="true"] span { opacity: 0; }
    .menu-button[aria-expanded="true"]::before { transform: translateY(6px) rotate(45deg); }
    .menu-button[aria-expanded="true"]::after { transform: translateY(-6px) rotate(-45deg); }

    .eyebrow {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 0 0 18px;
      color: var(--orange-dark);
      font-family: var(--grotesk);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: .17em;
      text-transform: uppercase;
    }
    .eyebrow::before { content: ""; flex: 0 0 30px; height: 2px; background: currentColor; }
    .eyebrow.center { justify-content: center; }
    .eyebrow.center::after { content: ""; flex: 0 0 30px; height: 2px; background: currentColor; }
    .display-title { margin: 0; font-family: var(--serif); font-size: clamp(46px, 6vw, 82px); font-weight: 500; line-height: .95; letter-spacing: -.045em; }
    .section-copy { color: var(--muted); font-size: 17px; }

    .hero {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 83% 12%, rgba(223,122,28,.13), transparent 26%),
        linear-gradient(180deg, var(--paper) 0%, var(--paper-soft) 100%);
    }
    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .23;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
    }
    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.06fr) minmax(370px,.76fr); gap: clamp(42px,7vw,96px); align-items: center; min-height: 690px; padding: clamp(64px,7vw,104px) 0 86px; }
    .hero h1 { max-width: 760px; margin: 0; font-family: var(--serif); font-size: clamp(64px,7.6vw,112px); font-weight: 500; line-height: .88; letter-spacing: -.058em; }
    .hero h1 em { color: var(--orange); font-style: italic; font-weight: 400; }
    .hero-lead { max-width: 650px; margin: 28px 0 0; color: #4f4842; font-family: var(--serif); font-size: clamp(20px,1.9vw,27px); line-height: 1.46; }
    .hero-support { max-width: 650px; margin: 19px 0 0; color: var(--muted); font-size: 16px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 30px; }
    .hero-proofline { margin-top: 18px; color: #786f67; font-size: 12px; }
    .hero-media { position: relative; min-height: 540px; align-self: stretch; }
    .hero-portrait { position: absolute; inset: 0 0 24px 8%; overflow: hidden; border-radius: 190px 190px 24px 24px; background: #211812; box-shadow: var(--shadow); }
    .hero-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: 61% 42%; }
    .hero-portrait::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
    .hero-note { position: absolute; left: -6%; bottom: 0; width: min(310px,74%); padding: 18px 20px; border: 1px solid rgba(223,122,28,.25); border-radius: 16px; background: rgba(255,253,248,.97); box-shadow: var(--shadow-soft); }
    .hero-note strong { display: block; font-family: var(--serif); font-size: 18px; line-height: 1.25; }
    .hero-note span { display: block; margin-top: 7px; color: var(--orange-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

    .myths { padding: clamp(76px,9vw,126px) 0; background: var(--paper); }
    .myths-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(46px,8vw,110px); align-items: start; }
    .myths h2 { font-size: clamp(48px,6.5vw,88px); }
    .myths-copy { padding-top: 12px; }
    .myths-copy p { margin: 0 0 18px; color: var(--muted); font-size: 18px; line-height: 1.7; }
    .better { margin-top: 30px; padding: 25px 26px; border-left: 4px solid var(--orange); background: var(--paper-soft); }
    .better strong { display: block; font-family: var(--serif); font-size: 28px; font-weight: 500; }
    .better p { margin: 9px 0 0; font-size: 16px; }
    .belief-translation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
    .belief-column { padding: 22px; border-radius: 16px; }
    .belief-column.old { background: #efe9e1; color: #81766b; }
    .belief-column.new { background: var(--charcoal); color: var(--cream); }
    .belief-column small { font-size: 9px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
    .belief-column ul { margin: 15px 0 0; padding: 0; list-style: none; }
    .belief-column li { position: relative; padding: 8px 0 8px 20px; border-top: 1px solid rgba(128,116,106,.16); font-family: var(--serif); font-size: 18px; }
    .belief-column li::before { content: "×"; position: absolute; left: 0; color: var(--orange); font-family: var(--sans); }
    .belief-column.new li::before { content: "→"; color: #74bb68; }

    .start { padding: 88px 0 96px; background: var(--paper-soft); border-top: 1px solid rgba(23,19,17,.08); }
    .center-heading { max-width: 850px; margin: 0 auto 42px; text-align: center; }
    .center-heading p { max-width: 660px; margin: 20px auto 0; color: var(--muted); font-size: 17px; }
    .start-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
    .start-card { position: relative; overflow: hidden; min-height: 360px; padding: 30px; border: 1px solid rgba(23,19,17,.11); border-radius: 20px; background: var(--paper); box-shadow: var(--shadow-soft); }
    .start-card::before { content: attr(data-number); position: absolute; right: 16px; top: -25px; color: rgba(223,122,28,.09); font-family: var(--serif); font-size: 150px; font-style: italic; line-height: 1; }
    .card-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: rgba(223,122,28,.12); color: var(--orange-dark); font-weight: 900; }
    .start-card h3 { margin: 32px 0 0; font-family: var(--serif); font-size: 35px; font-weight: 500; line-height: 1.02; }
    .start-card p { margin: 16px 0 0; color: var(--muted); font-size: 15px; }
    .text-link { position: absolute; left: 30px; bottom: 28px; color: var(--orange-dark); font-size: 12px; font-weight: 850; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
    .text-link:hover { text-decoration: underline; text-underline-offset: 5px; }

    .watch { position: relative; padding: clamp(82px,10vw,132px) 0; overflow: hidden; background: var(--charcoal); color: var(--cream); }
    .watch::before { content: ""; position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(240,233,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(240,233,220,.08) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg,#000,transparent 80%); }
    .watch-grid { position: relative; display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: clamp(48px,7vw,96px); align-items: center; }
    .watch .eyebrow { color: #79bd6e; }
    .watch h2 { color: var(--cream); }
    .watch-copy p { color: #c6bbaf; font-family: var(--serif); font-size: 19px; }
    .watch-copy .button { margin-top: 13px; }
    .video-card { position: relative; overflow: hidden; aspect-ratio: 16/9; border: 1px solid rgba(232,185,35,.25); border-radius: 20px; background: #090806; box-shadow: 0 34px 90px rgba(0,0,0,.34); }
    .video-card img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .88; }
    .video-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(10,8,6,.7),transparent 60%); pointer-events: none; }
    .play { position: absolute; z-index: 2; left: 50%; top: 50%; display: grid; place-items: center; width: 74px; height: 74px; border-radius: 50%; background: var(--orange-bright); color: var(--ink); font-size: 24px; text-decoration: none; transform: translate(-50%,-50%); box-shadow: 0 16px 38px rgba(0,0,0,.28); }
    .video-label { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 18px; color: rgba(255,255,255,.85); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

    .story { padding: clamp(82px,10vw,136px) 0; background: var(--paper); }
    .story-grid { display: grid; grid-template-columns: minmax(350px,.72fr) minmax(0,1.28fr); gap: clamp(52px,8vw,112px); align-items: center; }
    .story-media { position: relative; }
    .story-media img { width: 100%; max-height: 680px; object-fit: cover; object-position: center 18%; border-radius: 190px 190px 24px 24px; box-shadow: var(--shadow); }
    .story-caption { position: absolute; right: -30px; bottom: 26px; width: min(290px,76%); padding: 18px; border-left: 4px solid var(--fern); background: var(--charcoal); color: var(--cream); font-family: var(--serif); font-size: 17px; line-height: 1.35; box-shadow: var(--shadow); }
    .story-copy h2 { max-width: 720px; }
    .story-copy p { color: var(--muted); font-size: 17px; }
    .story-copy p strong { color: var(--ink); }
    .origin-note { margin: 26px 0; padding: 20px 22px; border-left: 3px solid var(--orange); background: var(--paper-soft); font-family: var(--serif); font-size: 18px; }

    .framework { padding: 94px 0 104px; background: var(--paper-deep); }
    .framework-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 44px; }
    .framework-card { overflow: hidden; border: 1px solid rgba(23,19,17,.12); border-radius: 20px; background: var(--paper); box-shadow: var(--shadow-soft); }
    .framework-image { position: relative; overflow: hidden; aspect-ratio: 3/2; background: #d9cdbd; }
    .framework-image img { width: 100%; height: 100%; object-fit: cover; }
    .framework-image::after { content: attr(data-step); position: absolute; left: 18px; bottom: 12px; color: rgba(255,255,255,.88); font-family: var(--serif); font-size: 64px; font-style: italic; line-height: 1; text-shadow: 0 3px 18px rgba(0,0,0,.35); }
    .framework-body { padding: 26px 26px 30px; }
    .framework-body h3 { margin: 0; font-family: var(--grotesk); font-size: 23px; line-height: 1.05; }
    .framework-body p { margin: 15px 0 0; color: var(--muted); font-size: 15px; }
    .framework-body p strong { color: var(--ink); }

    .proof-runway { padding: 98px 0 108px; background: #17130f; color: var(--cream); }
    .proof-runway .eyebrow { color: var(--orange-bright); }
    .proof-runway h2 { color: var(--cream); }
    .authority-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 42px; border: 1px solid rgba(240,233,220,.12); border-radius: 18px; overflow: hidden; background: rgba(240,233,220,.12); }
    .authority-item { padding: 26px; background: #211c17; }
    .authority-item strong { display: block; color: var(--gold); font-family: var(--serif); font-size: 34px; font-weight: 500; line-height: 1; }
    .authority-item span { display: block; margin-top: 8px; color: #bdb1a5; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
    .quotes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
    .quote { min-height: 310px; display: flex; flex-direction: column; justify-content: space-between; padding: 28px; border: 1px solid rgba(240,233,220,.12); border-radius: 18px; background: var(--paper); color: var(--ink); }
    .quote-mark { color: var(--orange); font-family: var(--serif); font-size: 54px; line-height: .7; }
    .quote blockquote { margin: 18px 0 28px; font-family: var(--serif); font-size: 20px; line-height: 1.45; }
    .quote cite { color: var(--orange-dark); font-size: 11px; font-style: normal; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .proof-action { display: flex; justify-content: center; margin-top: 32px; }

    .work { padding: 100px 0 110px; background: var(--paper-soft); }
    .multiplier-feature { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(360px,.72fr); gap: clamp(36px,6vw,76px); align-items: center; margin-top: 44px; padding: clamp(32px,5vw,64px); border-radius: 24px; background: var(--charcoal); color: var(--cream); box-shadow: var(--shadow); }
    .multiplier-feature .eyebrow { color: var(--orange-bright); }
    .multiplier-feature h3 { margin: 0; font-family: var(--serif); font-size: clamp(42px,5vw,67px); font-weight: 500; line-height: .97; letter-spacing: -.035em; }
    .multiplier-feature p { color: #c6bbaf; }
    .multiplier-feature ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 20px; margin: 24px 0 28px; padding: 0; list-style: none; }
    .multiplier-feature li { position: relative; padding-left: 18px; color: #ded4c9; font-size: 14px; }
    .multiplier-feature li::before { content: "→"; position: absolute; left: 0; color: var(--orange-bright); }
    .multiplier-visual { position: relative; min-height: 450px; overflow: hidden; border: 1px solid rgba(240,233,220,.12); border-radius: 170px 170px 18px 18px; background: #2a211b; }
    .multiplier-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 54% center; filter: saturate(.85) brightness(.8); }
    .multiplier-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(23,19,15,.46),transparent 58%); }
    .work-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 16px; }
    .work-card { position: relative; overflow: hidden; min-height: 470px; display: flex; align-items: end; padding: 34px; border-radius: 22px; background: #30251d; color: var(--cream); box-shadow: var(--shadow-soft); }
    .work-card::before { content: ""; position: absolute; inset: 0; background-image: var(--card-image); background-size: cover; background-position: var(--card-image-position, center); filter: saturate(.86); transform: scale(1.01); }
    .work-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(15,12,9,.92) 8%,rgba(15,12,9,.48) 62%,rgba(15,12,9,.12)); }
    .work-card-content { position: relative; z-index: 1; max-width: 580px; }
    .work-card small { color: #f29a52; font-size: 10px; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
    .work-card h3 { margin: 10px 0 0; font-family: var(--serif); font-size: clamp(34px,4vw,52px); font-weight: 500; line-height: 1; }
    .work-card p { color: #d2c7bb; font-size: 14px; }

    .insights { padding: 100px 0 108px; background: var(--paper); }
    .insights-header { display: block; }
    .insights-header p { max-width: 720px; margin: 18px 0 0; color: var(--muted); }
    .post-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 42px; }
    .post { overflow: hidden; border: 1px solid rgba(23,19,17,.11); border-radius: 18px; background: var(--paper); box-shadow: var(--shadow-soft); }
    .post a { text-decoration: none; }
    .post-image { overflow: hidden; aspect-ratio: 16/9; background: #201912; }
    .post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
    .post:hover .post-image img { transform: scale(1.035); }
    .post-body { padding: 24px; }
    .post-date { color: var(--orange-dark); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
    .post h3 { margin: 10px 0 0; font-family: var(--serif); font-size: 26px; font-weight: 500; line-height: 1.08; }
    .post p { margin: 14px 0 0; color: var(--muted); font-size: 14px; }
    .post-link { display: inline-block; margin-top: 18px; color: var(--orange-dark); font-size: 11px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .insights-action { display: flex; justify-content: center; margin-top: 30px; }

    .close { padding: 76px 0; background: var(--orange); color: var(--ink); }
    .close-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(340px,.7fr); gap: 42px; align-items: center; }
    .close h2 { margin: 0; font-family: var(--serif); font-size: clamp(45px,5.6vw,76px); font-weight: 500; line-height: .96; letter-spacing: -.04em; }
    .close p { max-width: 730px; margin: 18px 0 0; font-size: 17px; }
    .close-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
    .close .button-dark { min-width: 190px; }
    .close .button-secondary { border-color: rgba(23,19,17,.28); background: transparent; }

    .site-footer { padding: 54px 0 30px; background: #0f0c0a; color: var(--cream); }
    .site-footer .wordmark { color: var(--cream); }
    .footer-grid { display: grid; grid-template-columns: 1.25fr repeat(3,minmax(140px,.5fr)); gap: 38px; }
    .footer-brand p { max-width: 360px; color: #a99d91; font-size: 13px; }
    .footer-column strong { display: block; margin-bottom: 14px; color: #fff; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
    .footer-column a { display: block; margin: 8px 0; color: #aa9e92; font-size: 13px; text-decoration: none; }
    .footer-column a:hover { color: var(--orange-bright); }
    .footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 42px; padding-top: 22px; border-top: 1px solid rgba(240,233,220,.1); color: #81756a; font-size: 11px; }

    @media (prefers-reduced-motion: no-preference) {
      .button, .nav-cta, .text-link { transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }
      .button:hover, .nav-cta:hover { transform: translateY(-2px); }
      .hero-media { animation: enter .7s ease-out both; }
      .hero-copy { animation: enter .55s ease-out both; }
      @keyframes enter { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
    }

    @media (max-width: 1020px) {
      .proofitem:nth-child(3) { display: none; }
      .navlinks { gap: 17px; }
      .navlinks a:nth-child(3), .navlinks a:nth-child(4) { display: none; }
      .hero-grid, .myths-grid, .watch-grid, .story-grid, .multiplier-feature { grid-template-columns: 1fr; }
      .hero-media { min-height: 560px; width: min(600px,100%); justify-self: center; }
      .myths-copy { padding-top: 0; }
      .watch-copy { max-width: 740px; }
      .story-media { width: min(560px,100%); justify-self: center; }
      .story-caption { right: -14px; }
      .multiplier-visual { min-height: 540px; width: min(600px,100%); justify-self: center; }
      .footer-grid { grid-template-columns: 1.2fr repeat(2,minmax(140px,.5fr)); }
      .footer-column:last-child { display: none; }
    }

    @media (max-width: 760px) {
      .shell { width: min(var(--shell), calc(100% - 28px)); }
      .prototype-ribbon { display: none; }
      .proofbar { min-height: 40px; padding: 7px 8px; }
      .proofbar-inner { gap: 9px; }
      .proofitem { font-size: 0; gap: 0; }
      .proofitem:nth-child(3), .proofitem:nth-child(4) { display: inline-flex; }
      .proofbadge { min-width: 44px; height: 28px; font-size: 9px; }
      .site-header, .site-nav { min-height: 66px; }
      .wordmark-name { font-size: 16px; }
      .menu-button { display: block; }
      .navlinks {
        position: fixed;
        inset: 66px 0 auto;
        display: none;
        align-items: stretch;
        flex-direction: column;
        gap: 0;
        padding: 18px 20px 26px;
        border-bottom: 1px solid rgba(23,19,17,.12);
        background: var(--paper);
        box-shadow: 0 24px 60px rgba(31,21,12,.14);
      }
      .navlinks.open { display: flex; }
      .navlinks a, .navlinks a:nth-child(3), .navlinks a:nth-child(4) { display: flex; min-height: 48px; align-items: center; border-bottom: 1px solid rgba(23,19,17,.08); font-size: 14px; }
      .navlinks .nav-cta { justify-content: center; margin-top: 12px; border: 0; }
      .hero-grid { min-height: auto; padding: 50px 0 60px; }
      .hero h1 { font-size: clamp(58px,17vw,78px); }
      .hero-lead { font-size: 21px; }
      .hero-media { min-height: 455px; margin-top: 10px; }
      .hero-portrait { inset: 0 0 25px 6%; border-radius: 130px 130px 20px 20px; }
      .hero-note { left: 0; padding: 14px; }
      .myths, .start, .watch, .story, .framework, .proof-runway, .work, .insights { padding: 72px 0; }
      .display-title, .myths h2 { font-size: clamp(45px,13vw,64px); }
      .belief-translation, .start-grid, .framework-grid, .authority-strip, .quotes, .work-cards, .post-grid { grid-template-columns: 1fr; }
      .belief-column li { font-size: 17px; }
      .start-card { min-height: 320px; }
      .watch-copy p { font-size: 17px; }
      .video-card { border-radius: 14px; }
      .play { width: 62px; height: 62px; }
      .story-grid { gap: 42px; }
      .story-media img { max-height: 570px; border-radius: 130px 130px 20px 20px; }
      .story-caption { right: 0; bottom: 18px; width: 76%; }
      .authority-item { border-bottom: 1px solid rgba(240,233,220,.1); }
      .quote { min-height: auto; }
      .multiplier-feature { padding: 28px 20px; border-radius: 18px; }
      .multiplier-feature h3 { font-size: 42px; }
      .multiplier-feature ul { grid-template-columns: 1fr; }
      .multiplier-visual { min-height: 430px; border-radius: 120px 120px 16px 16px; }
      .work-card { min-height: 450px; padding: 25px; }
      .insights-header { display: block; }
      .insights-header p { margin-top: 18px; }
      .close-grid { grid-template-columns: 1fr; }
      .close-actions { justify-content: flex-start; }
      .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .footer-brand { grid-column: 1 / -1; }
      .footer-bottom { align-items: flex-start; flex-direction: column; }
    }

    /*
      Recommended direction: the Editorial Prosperity structure Garrett preferred,
      refined with Editorial Edge's contrasting headline treatment. The default
      Direction A URL intentionally remains visually unchanged for comparison.
    */
    html[data-variant="refined"] {
      --fern: #4a9b3e;
    }
    html[data-variant="refined"] .proofbar {
      border-bottom: 3px solid var(--fern);
    }
    html[data-variant="refined"] .prototype-ribbon {
      border-color: rgba(244,122,22,.52);
      background: rgba(23,19,17,.94);
      color: var(--paper);
    }
    html[data-variant="refined"] .hero {
      background:
        radial-gradient(circle at 83% 12%, rgba(223,122,28,.14), transparent 27%),
        radial-gradient(circle at 5% 82%, rgba(74,155,62,.08), transparent 22%),
        linear-gradient(180deg, #fffdf8 0%, #f8f1e7 100%);
    }
    html[data-variant="refined"] .hero-grid {
      grid-template-columns: minmax(0,1.12fr) minmax(370px,.72fr);
      gap: clamp(42px,6vw,82px);
    }
    html[data-variant="refined"] .hero h1 {
      max-width: 820px;
      font-family: var(--grotesk);
      font-size: clamp(60px,6.7vw,100px);
      font-weight: 900;
      line-height: .86;
      letter-spacing: -.073em;
      text-transform: uppercase;
    }
    html[data-variant="refined"] .hero-line { display: block; }
    html[data-variant="refined"] .hero h1 em {
      display: inline-block;
      color: var(--orange-bright);
      font-family: var(--serif);
      font-size: 1.08em;
      font-weight: 400;
      letter-spacing: -.045em;
      text-transform: none;
      transform: translateY(.02em);
    }
    html[data-variant="refined"] .hero-note {
      border-left: 4px solid var(--fern);
    }
    html[data-variant="refined"] .myths h2 {
      max-width: 690px;
      font-family: var(--grotesk);
      font-size: clamp(45px,5.25vw,72px);
      font-weight: 900;
      line-height: .94;
      letter-spacing: -.058em;
      text-transform: uppercase;
    }
    html[data-variant="refined"] .myths h2 .accent-phrase {
      display: inline-block;
      color: var(--orange-bright);
      font-family: var(--serif);
      font-size: 1.05em;
      font-style: italic;
      font-weight: 400;
      letter-spacing: -.04em;
      text-transform: none;
      white-space: nowrap;
    }
    html[data-variant="refined"] .start .display-title {
      max-width: 900px;
    }
    html[data-variant="refined"] .start-card {
      border-top: 4px solid var(--orange);
    }
    html[data-variant="refined"] .start-card:nth-child(2) {
      border-top-color: var(--fern);
    }
    html[data-variant="refined"] .watch .eyebrow {
      color: #8ac852;
    }
    html[data-variant="refined"] .refined-only { display: inline; }
    html:not([data-variant="refined"]) .refined-only { display: none; }

    @media (max-width: 1020px) {
      html[data-variant="refined"] .hero-grid { grid-template-columns: 1fr; }
      html[data-variant="refined"] .hero-copy { max-width: 800px; }
    }

    @media (max-width: 760px) {
      html[data-variant="refined"] .hero-grid { padding-top: 44px; }
      html[data-variant="refined"] .hero h1 {
        max-width: 100%;
        font-size: clamp(42px,13vw,62px);
        line-height: .88;
        letter-spacing: -.068em;
      }
      html[data-variant="refined"] .hero-financial .mobile-line { display: block; }
      html[data-variant="refined"] .hero h1 em { font-size: 1.03em; }
      html[data-variant="refined"] .myths h2 {
        max-width: 100%;
        font-size: clamp(40px,11.6vw,57px);
        line-height: .96;
      }
      html[data-variant="refined"] .myths h2 .accent-phrase { font-size: 1em; }
    }