{"id":1318,"date":"2026-04-10T15:47:09","date_gmt":"2026-04-10T15:47:09","guid":{"rendered":"https:\/\/earthh20corporation.com\/mca\/index.php\/home\/"},"modified":"2026-04-16T20:50:14","modified_gmt":"2026-04-16T20:50:14","slug":"home","status":"publish","type":"page","link":"https:\/\/earthh20corporation.com\/mca\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1318\" class=\"elementor elementor-1318\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8087294 e-con-full e-flex e-con e-parent\" data-id=\"8087294\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-436d126 elementor-widget elementor-widget-html\" data-id=\"436d126\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n  <style>\r\n    \/* \u2500\u2500\u2500 Reset & Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    :root {\r\n      --dark:   #0F1A25;\r\n      --gold:   #916C34;\r\n      --gold-lt:#C49A52;\r\n      --gold-dk:#6B4F22;\r\n      --light:  #fff !important;\r\n      --light-muted: #fff;\r\n      --light-dim:   rgba(244,239,233,0.18);\r\n    }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      background: var(--dark);\r\n      color: var(--light);\r\n      font-family: 'Open Sans', sans-serif;\r\n      -webkit-font-smoothing: antialiased;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Hero Wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero {\r\n      position: relative;\r\n      \/*min-height: 100svh;*\/\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Subtle noise overlay \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      \/* In the CSS \u2014 line ~120 *\/\r\nbackground-image: url('https:\/\/earthh20corporation.com\/mca\/wp-content\/uploads\/2026\/04\/2149347170.jpg');\r\n      background-size: 100%;\r\n      object-fit: cover !important;\r\n      pointer-events: none;\r\n      z-index: 1;\r\n      opacity: 0.35;\r\n      background-repeat: no-repeat !important;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 LEFT PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero__left {\r\n      position: relative;\r\n      z-index: 5;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding: clamp(3rem, 6vw, 7rem) clamp(2.5rem, 5vw, 6rem);\r\n    }\r\n\r\n    \/* thin gold rule top-left *\/\r\n    .hero__left::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: clamp(2rem, 5vw, 5rem);\r\n      left: clamp(2.5rem, 5vw, 6rem);\r\n      width: 42px;\r\n      height: 2px;\r\n      background: var(--gold);\r\n    }\r\n\r\n    \/* \u2500\u2500 Label \u2500\u2500 *\/\r\n    .hero__label {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.6rem, 0.85vw, 0.75rem);\r\n      font-weight: 600;\r\n      letter-spacing: 0.28em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 1.6rem;\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n      animation: fadeUp 0.8s cubic-bezier(.22,.68,0,1.2) 0.2s forwards;\r\n    }\r\n\r\n    \/* \u2500\u2500 Headline \u2500\u2500 *\/\r\n    .hero__headline {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(2rem, 3.8vw, 3.8rem);\r\n      font-weight: 900;\r\n      line-height: 1.12;\r\n      color: #fff !important;\r\n      margin-bottom: 1.4rem;\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n      animation: fadeUp 0.9s cubic-bezier(.22,.68,0,1.2) 0.4s forwards;\r\n    }\r\n\r\n    .hero__headline em {\r\n      font-style: italic;\r\n      color: var(--gold-lt);\r\n    }\r\n\r\n    \/* \u2500\u2500 Subheadline \u2500\u2500 *\/\r\n    .hero__sub {\r\n      font-family: 'Playfair Display', serif;\r\n      font-style: italic;\r\n      font-size: clamp(1rem, 1.4vw, 1.25rem);\r\n      font-weight: 400;\r\n      color: #fff !important;\r\n      line-height: 1.55;\r\n      margin-bottom: 2.4rem;\r\n      max-width: 480px;\r\n      opacity: 0;\r\n      transform: translateY(20px);\r\n      animation: fadeUp 0.9s cubic-bezier(.22,.68,0,1.2) 0.6s forwards;\r\n    }\r\n\r\n    \/* thin gold divider *\/\r\n    .hero__divider {\r\n      width: 48px;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, var(--gold), transparent);\r\n      margin-bottom: 2.2rem;\r\n      opacity: 0;\r\n      animation: fadeUp 0.6s ease 0.75s forwards;\r\n    }\r\n\r\n    \/* \u2500\u2500 Body copy \u2500\u2500 *\/\r\n    .hero__body {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.82rem, 1.05vw, 0.95rem);\r\n      font-weight: 300;\r\n      line-height: 2;\r\n      color: #fff;\r\n      max-width: 440px;\r\n      margin-bottom: 3rem;\r\n      opacity: 0;\r\n      transform: translateY(18px);\r\n      animation: fadeUp 0.9s cubic-bezier(.22,.68,0,1.2) 0.85s forwards;\r\n    }\r\n\r\n    .hero__body p { margin-bottom: 0.2rem; }\r\n\r\n    .hero__body .emphasis {\r\n      color: var(--light);\r\n      font-weight: 400;\r\n    }\r\n\r\n    \/* \u2500\u2500 CTA Button \u2500\u2500 *\/\r\n    .hero__cta-wrap {\r\n      opacity: 0;\r\n      transform: translateY(16px);\r\n      animation: fadeUp 0.9s cubic-bezier(.22,.68,0,1.2) 1.05s forwards;\r\n    }\r\n\r\n    .hero__cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-size: clamp(0.72rem, 0.9vw, 0.82rem);\r\n      font-weight: 700;\r\n      letter-spacing: 0.18em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      color: var(--dark);\r\n      background: linear-gradient(135deg, var(--gold-lt) 0%, var(--gold) 60%, var(--gold-dk) 100%);\r\n      padding: 1.05rem 2.2rem;\r\n      border: none;\r\n      cursor: pointer;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      box-shadow: 0 0 0 0 rgba(145,108,52,0);\r\n    }\r\n\r\n    .hero__cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.18), transparent 60%);\r\n      opacity: 0;\r\n      transition: opacity 0.3s ease;\r\n    }\r\n\r\n    .hero__cta:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow:\r\n        0 8px 32px rgba(145,108,52,0.55),\r\n        0 0 64px rgba(145,108,52,0.25),\r\n        0 0 0 1px rgba(196,154,82,0.4);\r\n        background: #fff !important;\r\n        color: #0F1A25 !important;\r\n    }\r\n\r\n    .hero__cta:hover::before { opacity: 1; }\r\n\r\n    .hero__cta svg {\r\n      width: 14px;\r\n      height: 14px;\r\n      flex-shrink: 0;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .hero__cta:hover svg { transform: translateX(4px); }\r\n\r\n    \/* \u2500\u2500\u2500 RIGHT PANEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero__right {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \u2500\u2500 Background image \u2500\u2500 *\/\r\n    .hero__bg-img {\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image: url('YOUR_IMAGE_URL_HERE'); \/* \ud83d\udd01 Replace with your image URL *\/\r\n      background-size: cover;\r\n      background-position: center center;\r\n      background-repeat: no-repeat;\r\n      z-index: 0;\r\n      transform: scale(1.04);\r\n      transition: transform 12s ease;\r\n    }\r\n\r\n    .hero:hover .hero__bg-img {\r\n      transform: scale(1.08); \/* subtle Ken Burns on hover *\/\r\n    }\r\n\r\n    \/* Gradient base \u2014 layered over the image *\/\r\n    .hero__right::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        radial-gradient(ellipse 70% 60% at 65% 40%, rgba(145,108,52,0.30) 0%, transparent 70%),\r\n        radial-gradient(ellipse 50% 80% at 80% 70%, rgba(145,108,52,0.18) 0%, transparent 65%),\r\n        linear-gradient(160deg, rgba(22,32,48,0.72) 0%, rgba(15,26,37,0.82) 50%, rgba(10,17,24,0.88) 100%);\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* Animated orb 1 *\/\r\n    .orb {\r\n      position: absolute;\r\n      border-radius: 50%;\r\n      filter: blur(60px);\r\n      z-index: 2;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .orb--1 {\r\n      width: 480px;\r\n      height: 480px;\r\n      background: radial-gradient(circle, rgba(145,108,52,0.28) 0%, transparent 70%);\r\n      top: -10%;\r\n      right: -8%;\r\n      animation: drift1 14s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .orb--2 {\r\n      width: 300px;\r\n      height: 300px;\r\n      background: radial-gradient(circle, rgba(196,154,82,0.18) 0%, transparent 70%);\r\n      bottom: 5%;\r\n      left: 5%;\r\n      animation: drift2 18s ease-in-out infinite alternate;\r\n    }\r\n\r\n    .orb--3 {\r\n      width: 200px;\r\n      height: 200px;\r\n      background: radial-gradient(circle, rgba(244,239,233,0.06) 0%, transparent 70%);\r\n      top: 45%;\r\n      right: 30%;\r\n      animation: drift3 10s ease-in-out infinite alternate;\r\n    }\r\n\r\n    \/* Geometric lines *\/\r\n    .hero__geo {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 3;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .hero__geo svg {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    \/* Floating monogram \/ mark *\/\r\n    .hero__mark {\r\n      position: absolute;\r\n      z-index: 4;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      opacity: 0;\r\n      animation: fadeUp 1.2s ease 1.2s forwards;\r\n    }\r\n\r\n    .hero__mark svg {\r\n      width: clamp(260px, 30vw, 420px);\r\n      height: auto;\r\n      filter: drop-shadow(0 0 32px rgba(145,108,52,0.18));\r\n    }\r\n\r\n    \/* left edge vignette on right panel *\/\r\n    .hero__right::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; bottom: 0;\r\n      width: 120px;\r\n      background: linear-gradient(90deg, var(--dark), transparent);\r\n      z-index: 6;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Scroll indicator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    .hero__scroll {\r\n      position: absolute;\r\n      bottom: 2.5rem;\r\n      left: clamp(2.5rem, 5vw, 6rem);\r\n      z-index: 10;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0.85rem;\r\n      opacity: 0;\r\n      animation: fadeUp 0.8s ease 1.5s forwards;\r\n    }\r\n\r\n    .hero__scroll-line {\r\n      width: 1px;\r\n      height: 40px;\r\n      background: linear-gradient(180deg, transparent, var(--gold), transparent);\r\n      animation: pulseScroll 2.5s ease-in-out infinite;\r\n    }\r\n\r\n    .hero__scroll-text {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.6rem;\r\n      letter-spacing: 0.22em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      writing-mode: vertical-lr;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Keyframes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @keyframes fadeUp {\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    @keyframes drift1 {\r\n      0%   { transform: translate(0, 0) scale(1); }\r\n      100% { transform: translate(-40px, 50px) scale(1.15); }\r\n    }\r\n\r\n    @keyframes drift2 {\r\n      0%   { transform: translate(0, 0) scale(1); }\r\n      100% { transform: translate(30px, -40px) scale(0.9); }\r\n    }\r\n\r\n    @keyframes drift3 {\r\n      0%   { transform: translate(0, 0); }\r\n      100% { transform: translate(-20px, 25px); }\r\n    }\r\n\r\n    @keyframes pulseScroll {\r\n      0%, 100% { opacity: 0.4; }\r\n      50%       { opacity: 1; }\r\n    }\r\n\r\n    @keyframes rotateSlow {\r\n      from { transform: translate(-50%, -50%) rotate(0deg); }\r\n      to   { transform: translate(-50%, -50%) rotate(360deg); }\r\n    }\r\n\r\n    @keyframes rotateSlowR {\r\n      from { transform: translate(-50%, -50%) rotate(0deg); }\r\n      to   { transform: translate(-50%, -50%) rotate(-360deg); }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n    @media (max-width: 900px) {\r\n      .hero {\r\n        grid-template-columns: 1fr;\r\n        grid-template-rows: 1fr auto;\r\n        min-height: 100svh;\r\n      }\r\n\r\n      .hero__right {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n      }\r\n\r\n      .hero__left {\r\n        z-index: 5;\r\n        min-height: 100svh;\r\n        padding: clamp(5rem, 10vw, 8rem) clamp(1.8rem, 6vw, 3rem) clamp(3rem, 6vw, 5rem);\r\n        background:\r\n          linear-gradient(90deg, rgba(15,26,37,0.97) 40%, rgba(15,26,37,0.7) 75%, transparent 100%),\r\n          linear-gradient(180deg, rgba(15,26,37,0.5) 0%, rgba(15,26,37,0.85) 100%);\r\n      }\r\n\r\n      .hero__right::after { display: none; }\r\n\r\n      .hero__scroll { bottom: 1.8rem; }\r\n    }\r\n\r\n    @media (max-width: 500px) {\r\n      .hero__left {\r\n        background: rgba(15,26,37,0.95);\r\n      }\r\n      .hero__headline {\r\n        font-size: clamp(1.8rem, 8vw, 2.6rem);\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     HERO SECTION\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"hero\" aria-label=\"Hero\">\r\n\r\n  <!-- \u2500\u2500 LEFT: Content \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"hero__left\">\r\n\r\n    <p class=\"hero__label\">Welcome to a New Career Era<\/p>\r\n\r\n    <h1 class=\"hero__headline\">\r\n      You Did Everything Right.<br\/>\r\n      <em>And It Still Wasn't&nbsp;Enough.<\/em>\r\n    <\/h1>\r\n\r\n    <p class=\"hero__sub\">\r\n      The career we were promised is gone.<br\/>\r\n      Let's design one that actually works.\r\n    <\/p>\r\n\r\n    <div class=\"hero__divider\"><\/div>\r\n\r\n    <div class=\"hero__body\">\r\n      <p>If you've ever followed the rules\u2026<\/p>\r\n      <p>Delivered at the highest level\u2026<\/p>\r\n      <p>Built a career you were proud of\u2026<\/p>\r\n      <p class=\"emphasis\">\u2026and still found yourself overlooked, displaced,<br\/>or forced to start over,<\/p>\r\n      <p>You're not alone. And you're not wrong.<\/p>\r\n      <p class=\"emphasis\">You were operating in a system that no longer&nbsp;exists.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hero__cta-wrap\">\r\n      <a href=\"https:\/\/earthh20corporation.com\/mca\/contact\/\" class=\"hero__cta\" role=\"button\">\r\n        Design My Career Blueprint\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n          <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 RIGHT: Abstract Visual \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"hero__right\" aria-hidden=\"true\">\r\n\r\n    <!-- Background image (replace URL below) -->\r\n    <div class=\"hero__bg-img\"><\/div>\r\n\r\n    <!-- Animated gradient orbs -->\r\n    <div class=\"orb orb--1\"><\/div>\r\n    <div class=\"orb orb--2\"><\/div>\r\n    <div class=\"orb orb--3\"><\/div>\r\n\r\n    <!-- Geometric SVG decoration -->\r\n    <div class=\"hero__geo\">\r\n      <svg viewBox=\"0 0 600 800\" fill=\"none\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <!-- Outer ring \u2013 slow rotate -->\r\n        <g style=\"transform-origin:300px 400px; animation: rotateSlow 80s linear infinite; transform-box: fill-box;\">\r\n          <circle cx=\"300\" cy=\"400\" r=\"240\" stroke=\"rgba(145,108,52,0.12)\" stroke-width=\"1\"\/>\r\n          <circle cx=\"300\" cy=\"400\" r=\"240\" stroke=\"rgba(145,108,52,0.08)\" stroke-width=\"0.5\" stroke-dasharray=\"6 18\"\/>\r\n        <\/g>\r\n        <!-- Mid ring \u2013 counter-rotate -->\r\n        <g style=\"transform-origin:300px 400px; animation: rotateSlowR 55s linear infinite; transform-box: fill-box;\">\r\n          <circle cx=\"300\" cy=\"400\" r=\"170\" stroke=\"rgba(196,154,82,0.1)\" stroke-width=\"1\"\/>\r\n          <circle cx=\"300\" cy=\"400\" r=\"170\" stroke=\"rgba(196,154,82,0.07)\" stroke-width=\"0.5\" stroke-dasharray=\"3 12\"\/>\r\n        <\/g>\r\n        <!-- Inner ring -->\r\n        <g style=\"transform-origin:300px 400px; animation: rotateSlow 35s linear infinite; transform-box: fill-box;\">\r\n          <circle cx=\"300\" cy=\"400\" r=\"95\" stroke=\"rgba(244,239,233,0.07)\" stroke-width=\"1\"\/>\r\n        <\/g>\r\n        <!-- Cross-hairs -->\r\n        <line x1=\"300\" y1=\"155\" x2=\"300\" y2=\"250\" stroke=\"rgba(145,108,52,0.2)\" stroke-width=\"1\"\/>\r\n        <line x1=\"300\" y1=\"550\" x2=\"300\" y2=\"645\" stroke=\"rgba(145,108,52,0.2)\" stroke-width=\"1\"\/>\r\n        <line x1=\"55\"  y1=\"400\" x2=\"150\" y2=\"400\" stroke=\"rgba(145,108,52,0.2)\" stroke-width=\"1\"\/>\r\n        <line x1=\"450\" y1=\"400\" x2=\"545\" y2=\"400\" stroke=\"rgba(145,108,52,0.2)\" stroke-width=\"1\"\/>\r\n        <!-- Corner accents -->\r\n        <path d=\"M50 50 h40 v40\"  stroke=\"rgba(145,108,52,0.3)\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n        <path d=\"M550 50 h-40 v40\" stroke=\"rgba(145,108,52,0.3)\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n        <path d=\"M50 750 h40 v-40\" stroke=\"rgba(145,108,52,0.3)\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n        <path d=\"M550 750 h-40 v-40\" stroke=\"rgba(145,108,52,0.3)\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n        <!-- Diamond at center -->\r\n        <rect x=\"285\" y=\"385\" width=\"30\" height=\"30\" transform=\"rotate(45 300 400)\"\r\n              stroke=\"rgba(196,154,82,0.25)\" stroke-width=\"1\" fill=\"none\"\/>\r\n        <rect x=\"293\" y=\"393\" width=\"14\" height=\"14\" transform=\"rotate(45 300 400)\"\r\n              fill=\"rgba(145,108,52,0.15)\"\/>\r\n        <!-- Fine grid lines -->\r\n        <line x1=\"0\" y1=\"200\" x2=\"600\" y2=\"200\" stroke=\"rgba(244,239,233,0.03)\" stroke-width=\"1\"\/>\r\n        <line x1=\"0\" y1=\"600\" x2=\"600\" y2=\"600\" stroke=\"rgba(244,239,233,0.03)\" stroke-width=\"1\"\/>\r\n        <line x1=\"150\" y1=\"0\" x2=\"150\" y2=\"800\" stroke=\"rgba(244,239,233,0.03)\" stroke-width=\"1\"\/>\r\n        <line x1=\"450\" y1=\"0\" x2=\"450\" y2=\"800\" stroke=\"rgba(244,239,233,0.03)\" stroke-width=\"1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- Abstract monogram mark -->\r\n    <div class=\"hero__mark\">\r\n      <svg viewBox=\"0 0 320 320\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <!-- Outer hexagon-ish shape -->\r\n        <path d=\"M160 20 L290 90 L290 230 L160 300 L30 230 L30 90 Z\"\r\n              stroke=\"rgba(145,108,52,0.22)\" stroke-width=\"1\" fill=\"none\"\/>\r\n        <path d=\"M160 46 L268 107 L268 213 L160 274 L52 213 L52 107 Z\"\r\n              stroke=\"rgba(145,108,52,0.14)\" stroke-width=\"1\" fill=\"none\"\/>\r\n        <!-- Diagonal rule lines -->\r\n        <line x1=\"80\"  y1=\"80\"  x2=\"240\" y2=\"240\" stroke=\"rgba(145,108,52,0.1)\" stroke-width=\"0.8\"\/>\r\n        <line x1=\"240\" y1=\"80\"  x2=\"80\"  y2=\"240\" stroke=\"rgba(145,108,52,0.1)\" stroke-width=\"0.8\"\/>\r\n        <!-- Center circle -->\r\n        <circle cx=\"160\" cy=\"160\" r=\"48\"\r\n                stroke=\"rgba(196,154,82,0.3)\" stroke-width=\"1.2\" fill=\"none\"\/>\r\n        <circle cx=\"160\" cy=\"160\" r=\"32\"\r\n                stroke=\"rgba(196,154,82,0.18)\" stroke-width=\"1\" fill=\"none\"\/>\r\n        <circle cx=\"160\" cy=\"160\" r=\"4\"\r\n                fill=\"rgba(196,154,82,0.7)\"\/>\r\n        <!-- Tick marks on outer circle -->\r\n        <line x1=\"160\" y1=\"109\" x2=\"160\" y2=\"118\" stroke=\"rgba(196,154,82,0.4)\" stroke-width=\"1.5\"\/>\r\n        <line x1=\"160\" y1=\"202\" x2=\"160\" y2=\"211\" stroke=\"rgba(196,154,82,0.4)\" stroke-width=\"1.5\"\/>\r\n        <line x1=\"109\" y1=\"160\" x2=\"118\" y2=\"160\" stroke=\"rgba(196,154,82,0.4)\" stroke-width=\"1.5\"\/>\r\n        <line x1=\"202\" y1=\"160\" x2=\"211\" y2=\"160\" stroke=\"rgba(196,154,82,0.4)\" stroke-width=\"1.5\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500 Scroll indicator \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n  <div class=\"hero__scroll\" aria-hidden=\"true\">\r\n    <div class=\"hero__scroll-line\"><\/div>\r\n    <span class=\"hero__scroll-text\">Scroll<\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-501aa5f e-con-full e-flex e-con e-parent\" data-id=\"501aa5f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cec3f6 elementor-widget elementor-widget-html\" data-id=\"2cec3f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n\r\n  <style>\r\n\r\n    :root {\r\n      --dark:        #000;\r\n      --dark-mid:    #162130;\r\n      --gold:        #916C34;\r\n      --gold-lt:     #C49A52;\r\n      --gold-dk:     #6B4F22;\r\n      --gold-glow:   rgba(145,108,52,0.18);\r\n      --light:       #F4EFE9;\r\n      --light-muted: rgba(15,26,37,0.55);\r\n      --light-dim:   rgba(15,26,37,0.28);\r\n      --cream-border:rgba(145,108,52,0.2);\r\n    }\r\n\r\n    html { scroll-behavior: smooth; }\r\n\r\n    body {\r\n      background: var(--dark);\r\n      color: var(--dark);\r\n      font-family: 'Open Sans', sans-serif;\r\n      -webkit-font-smoothing: antialiased;\r\n      overflow-x: hidden;\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SCROLL REVEAL UTILITY\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .reveal {\r\n      opacity: 0;\r\n      transform: translateY(32px);\r\n      transition: opacity 0.9s cubic-bezier(.22,.68,0,1.2),\r\n                  transform 0.9s cubic-bezier(.22,.68,0,1.2);\r\n    }\r\n    .reveal.from-right {\r\n      transform: translateX(40px);\r\n    }\r\n    .reveal.from-left {\r\n      transform: translateX(-40px);\r\n    }\r\n    .reveal.visible {\r\n      opacity: 1;\r\n      transform: translate(0);\r\n    }\r\n\r\n    \/* stagger helpers *\/\r\n    .delay-1 { transition-delay: 0.15s; }\r\n    .delay-2 { transition-delay: 0.3s;  }\r\n    .delay-3 { transition-delay: 0.45s; }\r\n    .delay-4 { transition-delay: 0.6s;  }\r\n    .delay-5 { transition-delay: 0.75s; }\r\n    .delay-6 { transition-delay: 0.9s;  }\r\n\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 1 \u2014 THE SYSTEM EXPIRED\r\n       Light background, centered editorial layout\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .s1 {\r\n      background: var(--light);\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(5rem, 10vw, 9rem) clamp(1.5rem, 5vw, 4rem);\r\n    }\r\n\r\n    \/* decorative vertical rule *\/\r\n    .s1::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; bottom: 0;\r\n      left: 50%;\r\n      width: 1px;\r\n      background: linear-gradient(180deg,\r\n        transparent 0%,\r\n        rgba(145,108,52,0.18) 20%,\r\n        rgba(145,108,52,0.18) 80%,\r\n        transparent 100%);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .s1__inner {\r\n      max-width: 760px;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .s1__label {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.68rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.3em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .s1__headline {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(2.2rem, 5vw, 4rem);\r\n      font-weight: 900;\r\n      line-height: 1.1;\r\n      color: #000 !important;\r\n      margin-bottom: 3.5rem;\r\n    }\r\n\r\n    .s1__headline em {\r\n      font-style: italic;\r\n      color: var(--gold);\r\n    }\r\n\r\n    \/* Formula block *\/\r\n    .s1__formula {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 0;\r\n      margin-bottom: 3.5rem;\r\n    }\r\n\r\n    .s1__formula-intro {\r\n      font-family: 'Playfair Display', serif;\r\n      font-style: italic;\r\n      font-size: clamp(1rem, 1.5vw, 1.2rem);\r\n      color: var(--light-muted);\r\n      margin-bottom: 1.6rem;\r\n    }\r\n\r\n    .s1__step {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1rem;\r\n      padding: 0.9rem 2rem;\r\n      width: 100%;\r\n      max-width: 400px;\r\n    }\r\n\r\n    .s1__step::after {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0; left: 50%;\r\n      transform: translateX(-50%);\r\n      width: 1px;\r\n      height: 100%;\r\n      background: rgba(145,108,52,0.12);\r\n      pointer-events: none;\r\n    }\r\n\r\n    .s1__step:last-child::after { display: none; }\r\n\r\n    .s1__step-num {\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-size: 0.58rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.15em;\r\n      color: var(--gold);\r\n      min-width: 22px;\r\n      text-align: right;\r\n    }\r\n\r\n    .s1__step-text {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.85rem, 1.2vw, 1rem);\r\n      font-weight: 300;\r\n      color: var(--dark);\r\n      letter-spacing: 0.02em;\r\n    }\r\n\r\n    .s1__step-line {\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, rgba(145,108,52,0.25), transparent);\r\n    }\r\n\r\n    \/* \"That model is gone\" callout *\/\r\n    .s1__callout {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(1.1rem, 2vw, 1.55rem);\r\n      font-weight: 700;\r\n      letter-spacing: -0.01em;\r\n      color: var(--dark);\r\n      border-top: 1px solid rgba(145,108,52,0.2);\r\n      border-bottom: 1px solid rgba(145,108,52,0.2);\r\n      padding: 1.6rem 0;\r\n      margin: 0 auto 3.5rem;\r\n      max-width: 440px;\r\n    }\r\n\r\n    .s1__callout span {\r\n      color: var(--gold);\r\n    }\r\n\r\n    \/* Today list *\/\r\n    .s1__today-label {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.65rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.28em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 1.8rem;\r\n    }\r\n\r\n    .s1__today-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 1px;\r\n      background: rgba(145,108,52,0.12);\r\n      border: 1px solid rgba(145,108,52,0.12);\r\n      margin-bottom: 3.5rem;\r\n      text-align: left;\r\n    }\r\n\r\n    .s1__today-item {\r\n      background: var(--light);\r\n      padding: 1.5rem 1.8rem;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 1rem;\r\n      transition: background 0.3s ease;\r\n    }\r\n\r\n    .s1__today-item:hover {\r\n      background: rgba(145,108,52,0.05);\r\n    }\r\n\r\n    .s1__today-icon {\r\n      width: 20px;\r\n      height: 20px;\r\n      flex-shrink: 0;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .s1__today-icon svg {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    .s1__today-text {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.78rem, 1.05vw, 0.9rem);\r\n      font-weight: 300;\r\n      color: var(--dark);\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* Closing line *\/\r\n    .s1__closing {\r\n      font-family: 'Playfair Display', serif;\r\n      font-style: italic;\r\n      font-size: clamp(1rem, 1.6vw, 1.3rem);\r\n      color: var(--light-muted);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .s1__closing strong {\r\n      font-style: normal;\r\n      font-weight: 700;\r\n      color: var(--dark);\r\n    }\r\n\r\n    \/* corner marks *\/\r\n    .s1__corner {\r\n      position: absolute;\r\n      width: 32px;\r\n      height: 32px;\r\n      opacity: 0.35;\r\n    }\r\n    .s1__corner--tl { top: 2.5rem; left: 2.5rem; border-top: 1.5px solid var(--gold); border-left: 1.5px solid var(--gold); }\r\n    .s1__corner--tr { top: 2.5rem; right: 2.5rem; border-top: 1.5px solid var(--gold); border-right: 1.5px solid var(--gold); }\r\n    .s1__corner--bl { bottom: 2.5rem; left: 2.5rem; border-bottom: 1.5px solid var(--gold); border-left: 1.5px solid var(--gold); }\r\n    .s1__corner--br { bottom: 2.5rem; right: 2.5rem; border-bottom: 1.5px solid var(--gold); border-right: 1.5px solid var(--gold); }\r\n\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 2 \u2014 ONE DAY I HAD A CAREER\r\n       Dark, split layout, image left \/ text right\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .s2 {\r\n      background: var(--dark);\r\n      position: relative;\r\n      overflow: hidden;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      min-height: 90vh;\r\n    }\r\n\r\n    \/* Left: image pane *\/\r\n    .s2__image-pane {\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .s2__image-wrap {\r\n      position: absolute;\r\n      inset: 0;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .s2__img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transform: scale(1.05);\r\n      transition: transform 1.4s cubic-bezier(.25,.46,.45,.94);\r\n    }\r\n\r\n    .s2__image-pane:hover .s2__img {\r\n      transform: scale(1.12);\r\n    }\r\n\r\n    \/* overlay on image *\/\r\n    .s2__image-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background:\r\n        linear-gradient(90deg, transparent 60%, var(--dark) 100%),\r\n        linear-gradient(0deg, rgba(15,26,37,0.5) 0%, transparent 60%);\r\n      z-index: 1;\r\n    }\r\n\r\n    \/* decorative quote mark on image *\/\r\n    .s2__quote-mark {\r\n      position: absolute;\r\n      bottom: 3rem;\r\n      left: 2.5rem;\r\n      z-index: 2;\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 8rem;\r\n      line-height: 1;\r\n      color: var(--gold);\r\n      opacity: 0.25;\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* image placeholder (shown when no image set) *\/\r\n    .s2__img-placeholder {\r\n      width: 100%;\r\n      height: 100%;\r\n      background:\r\n        radial-gradient(ellipse 80% 60% at 40% 50%, rgba(145,108,52,0.2) 0%, transparent 65%),\r\n        linear-gradient(155deg, #1a2d3f 0%, #0F1A25 50%, #0a1118 100%);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n\r\n    .s2__img-placeholder svg {\r\n      width: 80px;\r\n      height: 80px;\r\n      opacity: 0.15;\r\n    }\r\n\r\n    \/* Right: text pane *\/\r\n    .s2__text-pane {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      padding: clamp(4rem, 7vw, 7rem) clamp(2.5rem, 5vw, 5.5rem);\r\n      position: relative;\r\n    }\r\n\r\n    \/* Gold vertical accent bar *\/\r\n    .s2__text-pane::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      top: 15%;\r\n      height: 70%;\r\n      width: 2px;\r\n      background: linear-gradient(180deg, transparent, var(--gold) 30%, var(--gold) 70%, transparent);\r\n    }\r\n\r\n    .s2__label {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.65rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.3em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 1.8rem;\r\n    }\r\n\r\n    .s2__headline {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(1.6rem, 2.8vw, 2.8rem);\r\n      font-weight: 900;\r\n      line-height: 1.15;\r\n      color: #fff !important;\r\n      margin-bottom: 2.4rem;\r\n    }\r\n\r\n    .s2__headline em {\r\n      font-style: italic;\r\n      color: var(--gold-lt);\r\n    }\r\n\r\n    \/* no-warning stanza *\/\r\n    .s2__stanza {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0.1rem;\r\n      margin-bottom: 2.4rem;\r\n      padding-left: 1.2rem;\r\n      border-left: 2px solid rgba(145,108,52,0.3);\r\n    }\r\n\r\n    .s2__stanza-line {\r\n      font-family: 'Playfair Display', serif;\r\n      font-style: italic;\r\n      font-size: clamp(0.9rem, 1.3vw, 1.1rem);\r\n      color: #fff;\r\n      line-height: 2;\r\n    }\r\n\r\n    .s2__stanza-line.s2__stanza-line--final {\r\n      color: rgba(244,239,233,0.85);\r\n      font-weight: 700;\r\n      font-style: italic;\r\n    }\r\n\r\n    .s2__body {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.82rem, 1.1vw, 0.96rem);\r\n      font-weight: 300;\r\n      line-height: 2;\r\n      color: #fff;\r\n      margin-bottom: 2.5rem;\r\n    }\r\n\r\n    .s2__body p { margin-bottom: 0.4rem; }\r\n\r\n    \/* Realization block *\/\r\n    .s2__realization {\r\n      background: rgba(145,108,52,0.08);\r\n      border: 1px solid rgba(145,108,52,0.18);\r\n      padding: 1.5rem 1.8rem;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .s2__realization p {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.8rem, 1.05vw, 0.92rem);\r\n      font-weight: 300;\r\n      color: #fff;\r\n      line-height: 1.9;\r\n      margin-bottom: 0.5rem;\r\n    }\r\n\r\n    .s2__realization p:last-child { margin-bottom: 0; }\r\n\r\n    .s2__realization strong {\r\n      font-family: 'Playfair Display', serif;\r\n      font-weight: 700;\r\n      font-size: clamp(0.9rem, 1.2vw, 1.05rem);\r\n      color: var(--light);\r\n    }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       SECTION 3 \u2014 WHERE EVERYTHING CHANGES\r\n       Dark, centered, cards with hover lift\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .s3 {\r\n      background: var(--light);\r\n      position: relative;\r\n      overflow: hidden;\r\n      padding: clamp(5rem, 10vw, 9rem) clamp(1.5rem, 5vw, 4rem);\r\n    }\r\n\r\n    \/* Subtle warm texture *\/\r\n    .s3::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'\/%3E%3C\/svg%3E\");\r\n      pointer-events: none;\r\n      z-index: 0;\r\n    }\r\n\r\n    .s3__inner {\r\n      max-width: 900px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .s3__header {\r\n      text-align: center;\r\n      margin-bottom: 4rem;\r\n    }\r\n\r\n    .s3__label {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.65rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.3em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      margin-bottom: 1.6rem;\r\n    }\r\n\r\n    .s3__headline {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(2rem, 4.5vw, 3.8rem);\r\n      font-weight: 900;\r\n      line-height: 1.1;\r\n      color: #000 !important;\r\n      margin-bottom: 1.8rem;\r\n    }\r\n\r\n    .s3__headline em {\r\n      font-style: italic;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .s3__intro {\r\n      font-family: 'Playfair Display', serif;\r\n      font-style: italic;\r\n      font-size: clamp(1rem, 1.5vw, 1.2rem);\r\n      color: var(--light-muted);\r\n      line-height: 1.7;\r\n      max-width: 540px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    \/* Question cards *\/\r\n    .s3__question-label {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.65rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.28em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n      text-align: center;\r\n      margin-bottom: 2rem;\r\n    }\r\n\r\n    .s3__cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1px;\r\n      background: rgba(145,108,52,0.12);\r\n      border: 1px solid rgba(145,108,52,0.12);\r\n      margin-bottom: 1px;\r\n    }\r\n\r\n    .s3__cards--row2 {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      max-width: calc(66.66% + 1px);\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .s3__card {\r\n      background: var(--light);\r\n      padding: 2.2rem 2rem;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 1.1rem;\r\n      cursor: default;\r\n      transition:\r\n        background  0.35s ease,\r\n        transform   0.35s cubic-bezier(.22,.68,0,1.2),\r\n        box-shadow  0.35s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .s3__card::before {\r\n      content: '';\r\n      position: absolute;\r\n      bottom: 0; left: 0; right: 0;\r\n      height: 2px;\r\n      background: linear-gradient(90deg, var(--gold), transparent);\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .s3__card:hover {\r\n      background: #fff;\r\n      transform: translateY(-6px);\r\n      box-shadow:\r\n        0 16px 40px rgba(145,108,52,0.12),\r\n        0 4px 12px rgba(15,26,37,0.08);\r\n      z-index: 2;\r\n    }\r\n\r\n    .s3__card:hover::before {\r\n      transform: scaleX(1);\r\n    }\r\n\r\n    .s3__card-num {\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-size: 0.55rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.2em;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .s3__card-icon {\r\n      width: 36px;\r\n      height: 36px;\r\n      border: 1px solid rgba(145,108,52,0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .s3__card-icon svg {\r\n      width: 16px;\r\n      height: 16px;\r\n      stroke: var(--gold);\r\n      fill: none;\r\n    }\r\n\r\n    .s3__card-text {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: clamp(0.82rem, 1.1vw, 0.95rem);\r\n      font-weight: 400;\r\n      line-height: 1.65;\r\n      color: var(--dark);\r\n    }\r\n\r\n    \/* Closing blueprint block *\/\r\n    .s3__closing {\r\n      margin-top: 4rem;\r\n      text-align: center;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 2rem;\r\n    }\r\n\r\n    .s3__closing-rule {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 1.2rem;\r\n      width: 100%;\r\n      max-width: 500px;\r\n    }\r\n\r\n    .s3__closing-rule::before,\r\n    .s3__closing-rule::after {\r\n      content: '';\r\n      flex: 1;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(145,108,52,0.3));\r\n    }\r\n    .s3__closing-rule::after {\r\n      background: linear-gradient(90deg, rgba(145,108,52,0.3), transparent);\r\n    }\r\n\r\n    .s3__closing-rule span {\r\n      font-family: 'Open Sans', sans-serif;\r\n      font-size: 0.58rem;\r\n      font-weight: 600;\r\n      letter-spacing: 0.25em;\r\n      text-transform: uppercase;\r\n      color: var(--gold);\r\n    }\r\n\r\n    .s3__closing-text {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: clamp(1.1rem, 2vw, 1.6rem);\r\n      font-weight: 700;\r\n      color: var(--dark);\r\n      line-height: 1.5;\r\n      max-width: 520px;\r\n    }\r\n\r\n    .s3__closing-text em {\r\n      font-style: italic;\r\n      color: var(--gold);\r\n    }\r\n\r\n    \/* CTA button *\/\r\n    .s3__cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 0.75rem;\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-size: 0.75rem;\r\n      font-weight: 700;\r\n      letter-spacing: 0.18em;\r\n      text-transform: uppercase;\r\n      text-decoration: none;\r\n      color: var(--dark);\r\n      background: linear-gradient(135deg, var(--gold-lt), var(--gold), var(--gold-dk));\r\n      padding: 1.05rem 2.4rem;\r\n      transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .s3__cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(135deg, rgba(255,255,255,0.15), transparent);\r\n      opacity: 0;\r\n      transition: opacity 0.3s;\r\n    }\r\n\r\n    .s3__cta:hover {\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 8px 32px rgba(145,108,52,0.5), 0 0 60px rgba(145,108,52,0.2);\r\n      color: #fff !important;\r\n    }\r\n\r\n    .s3__cta:hover::before { opacity: 1; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       RESPONSIVE\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    @media (max-width: 900px) {\r\n      .s2 {\r\n        grid-template-columns: 1fr;\r\n        min-height: auto;\r\n      }\r\n\r\n      .s2__image-pane {\r\n        height: 55vw;\r\n        min-height: 280px;\r\n      }\r\n\r\n      .s2__image-wrap { position: relative; height: 100%; }\r\n\r\n      .s2__image-overlay {\r\n        background:\r\n          linear-gradient(0deg, var(--dark) 0%, rgba(15,26,37,0.3) 60%, transparent 100%);\r\n      }\r\n\r\n      .s2__text-pane {\r\n        padding: 3rem 2rem;\r\n      }\r\n\r\n      .s3__cards {\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .s3__cards--row2 {\r\n        max-width: 100%;\r\n        grid-template-columns: 1fr 1fr;\r\n      }\r\n\r\n      .s1__today-grid {\r\n        grid-template-columns: 1fr;\r\n      }\r\n    }\r\n\r\n    @media (max-width: 580px) {\r\n      .s3__cards,\r\n      .s3__cards--row2 {\r\n        grid-template-columns: 1fr;\r\n        max-width: 100%;\r\n      }\r\n\r\n      .s1__today-grid { grid-template-columns: 1fr; }\r\n\r\n      .s2__text-pane::before { display: none; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECTION 1 \u2014 THE SYSTEM EXPIRED\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"s1\">\r\n  <div class=\"s1__corner s1__corner--tl\"><\/div>\r\n  <div class=\"s1__corner s1__corner--tr\"><\/div>\r\n  <div class=\"s1__corner s1__corner--bl\"><\/div>\r\n  <div class=\"s1__corner s1__corner--br\"><\/div>\r\n\r\n  <div class=\"s1__inner\">\r\n\r\n    <p class=\"s1__label reveal delay-1\">The Shift No One Warned You About<\/p>\r\n\r\n    <h2 class=\"s1__headline reveal delay-2\">\r\n      The System Didn't<br\/>\r\n      Fail You. It <em>Expired.<\/em>\r\n    <\/h2>\r\n\r\n    <!-- Formula -->\r\n    <div class=\"s1__formula reveal delay-2\">\r\n      <p class=\"s1__formula-intro\">We were taught a formula:<\/p>\r\n\r\n      <div class=\"s1__step reveal delay-2\">\r\n        <span class=\"s1__step-num\">01<\/span>\r\n        <div class=\"s1__step-line\"><\/div>\r\n        <span class=\"s1__step-text\">Go to school<\/span>\r\n      <\/div>\r\n      <div class=\"s1__step reveal delay-3\">\r\n        <span class=\"s1__step-num\">02<\/span>\r\n        <div class=\"s1__step-line\"><\/div>\r\n        <span class=\"s1__step-text\">Get a degree<\/span>\r\n      <\/div>\r\n      <div class=\"s1__step reveal delay-3\">\r\n        <span class=\"s1__step-num\">03<\/span>\r\n        <div class=\"s1__step-line\"><\/div>\r\n        <span class=\"s1__step-text\">Get a job<\/span>\r\n      <\/div>\r\n      <div class=\"s1__step reveal delay-4\">\r\n        <span class=\"s1__step-num\">04<\/span>\r\n        <div class=\"s1__step-line\"><\/div>\r\n        <span class=\"s1__step-text\">Stay loyal<\/span>\r\n      <\/div>\r\n      <div class=\"s1__step reveal delay-4\">\r\n        <span class=\"s1__step-num\">05<\/span>\r\n        <div class=\"s1__step-line\"><\/div>\r\n        <span class=\"s1__step-text\">Retire safely<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"s1__callout reveal delay-3\">\r\n      That model is <span>gone.<\/span>\r\n    <\/p>\r\n\r\n    <!-- Today grid -->\r\n    <p class=\"s1__today-label reveal delay-3\">Today's Reality<\/p>\r\n\r\n    <div class=\"s1__today-grid reveal delay-4\">\r\n      <div class=\"s1__today-item\">\r\n        <div class=\"s1__today-icon\">\r\n          <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M10 3v7l4 2\" stroke=\"#916C34\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"10\" cy=\"10\" r=\"8\" stroke=\"#916C34\" stroke-width=\"1.4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"s1__today-text\">Jobs disappear overnight<\/span>\r\n      <\/div>\r\n      <div class=\"s1__today-item\">\r\n        <div class=\"s1__today-icon\">\r\n          <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M4 10h12M13 6l4 4-4 4\" stroke=\"#916C34\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"s1__today-text\">Roles restructured without warning<\/span>\r\n      <\/div>\r\n      <div class=\"s1__today-item\">\r\n        <div class=\"s1__today-icon\">\r\n          <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M5 5l10 10M15 5L5 15\" stroke=\"#916C34\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"s1__today-text\">Entire functions get eliminated<\/span>\r\n      <\/div>\r\n      <div class=\"s1__today-item\">\r\n        <div class=\"s1__today-icon\">\r\n          <svg viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M10 17a7 7 0 100-14 7 7 0 000 14z\" stroke=\"#916C34\" stroke-width=\"1.4\"\/>\r\n            <path d=\"M10 7v4l2 2\" stroke=\"#916C34\" stroke-width=\"1.4\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"s1__today-text\">Loyalty is no longer reciprocated<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"s1__closing reveal delay-5\">\r\n      And the people most affected?<br\/>\r\n      <strong>The ones who gave the most.<\/strong>\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECTION 2 \u2014 ONE DAY I HAD A CAREER\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"s2\">\r\n\r\n  <!-- Left: Image -->\r\n  <div class=\"s2__image-pane\">\r\n    <div class=\"s2__image-wrap\">\r\n      <!-- \ud83d\udd01 Replace src with your image URL -->\r\n      <img decoding=\"async\"\r\n        class=\"s2__img\"\r\n        src=\"https:\/\/earthh20corporation.com\/mca\/wp-content\/uploads\/2026\/04\/20345.jpg\"\r\n        alt=\"Professional portrait\"\r\n        onerror=\"this.style.display='none'; this.parentElement.querySelector('.s2__img-placeholder').style.display='flex';\"\r\n      \/>\r\n      <!-- Placeholder shown if image fails -->\r\n      <div class=\"s2__img-placeholder\" style=\"display:none;\">\r\n        <svg viewBox=\"0 0 80 80\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n          <rect x=\"8\" y=\"8\" width=\"64\" height=\"64\" rx=\"2\" stroke=\"#916C34\" stroke-width=\"1.5\"\/>\r\n          <circle cx=\"40\" cy=\"30\" r=\"12\" stroke=\"#916C34\" stroke-width=\"1.5\"\/>\r\n          <path d=\"M16 72c0-13 11-22 24-22s24 9 24 22\" stroke=\"#916C34\" stroke-width=\"1.5\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"s2__image-overlay\"><\/div>\r\n    <div class=\"s2__quote-mark\">\"<\/div>\r\n  <\/div>\r\n\r\n  <!-- Right: Text -->\r\n  <div class=\"s2__text-pane\">\r\n\r\n    <p class=\"s2__label reveal from-right delay-1\">A Personal Truth<\/p>\r\n\r\n    <h2 class=\"s2__headline reveal from-right delay-2\">\r\n      One Day, I Had a Career.<br\/>\r\n      The Next Day\u2026<br\/>\r\n      <em>I Was Gone.<\/em>\r\n    <\/h2>\r\n\r\n    <div class=\"s2__stanza reveal from-right delay-3\">\r\n      <span class=\"s2__stanza-line\">No warning.<\/span>\r\n      <span class=\"s2__stanza-line\">No transition.<\/span>\r\n      <span class=\"s2__stanza-line\">No closure.<\/span>\r\n      <span class=\"s2__stanza-line s2__stanza-line--final\">Just\u2026 deactivated.<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"s2__body reveal from-right delay-3\">\r\n      <p>After decades of leading, delivering, building,<br\/>and showing up, I was labeled \"retired.\"<\/p>\r\n      <p>Not by choice. But because the system moved on.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"s2__realization reveal from-right delay-4\">\r\n      <p>That's when I realized:<\/p>\r\n      <p><strong>We were never taught how to build careers that could survive this.<\/strong><\/p>\r\n      <p>So I rebuilt mine on my terms.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECTION 3 \u2014 WHERE EVERYTHING CHANGES\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"s3\">\r\n  <div class=\"s3__inner\">\r\n\r\n    <div class=\"s3__header\">\r\n      <p class=\"s3__label reveal delay-1\">The Turning Point<\/p>\r\n      <h2 class=\"s3__headline reveal delay-2\">\r\n        This Is Where<br\/><em>Everything Changes.<\/em>\r\n      <\/h2>\r\n      <p class=\"s3__intro reveal delay-3\">\r\n        The question isn't: \"What job should I get next?\"\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <p class=\"s3__question-label reveal delay-2\">The Questions That Actually Matter<\/p>\r\n\r\n    <!-- Row 1: 3 cards -->\r\n    <div class=\"s3__cards reveal delay-3\">\r\n\r\n      <div class=\"s3__card\">\r\n        <span class=\"s3__card-num\">01<\/span>\r\n        <div class=\"s3__card-icon\">\r\n          <svg viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M8 1a7 7 0 100 14A7 7 0 008 1z\" stroke-width=\"1.2\"\/>\r\n            <path d=\"M8 5v4l2.5 2.5\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s3__card-text\">What life do I want to live?<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"s3__card\">\r\n        <span class=\"s3__card-num\">02<\/span>\r\n        <div class=\"s3__card-icon\">\r\n          <svg viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <rect x=\"1\" y=\"3\" width=\"14\" height=\"10\" rx=\"1\" stroke-width=\"1.2\"\/>\r\n            <path d=\"M4 7h8M4 10h5\" stroke-width=\"1.2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s3__card-text\">How do I want to spend my time?<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"s3__card\">\r\n        <span class=\"s3__card-num\">03<\/span>\r\n        <div class=\"s3__card-icon\">\r\n          <svg viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M2 12l3-4 3 2 3-5 3 4\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s3__card-text\">What income do I actually need?<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Row 2: 2 cards centered -->\r\n    <div class=\"s3__cards s3__cards--row2 reveal delay-4\">\r\n\r\n      <div class=\"s3__card\">\r\n        <span class=\"s3__card-num\">04<\/span>\r\n        <div class=\"s3__card-icon\">\r\n          <svg viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M8 2l1.8 3.6L14 6.3l-3 2.9.7 4.1L8 11.2l-3.7 2 .7-4.1-3-2.9 4.2-.7z\" stroke-width=\"1.2\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s3__card-text\">What am I truly great at?<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"s3__card\">\r\n        <span class=\"s3__card-num\">05<\/span>\r\n        <div class=\"s3__card-icon\">\r\n          <svg viewBox=\"0 0 16 16\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M8 14s-6-4-6-8a6 6 0 0112 0c0 4-6 8-6 8z\" stroke-width=\"1.2\"\/>\r\n            <circle cx=\"8\" cy=\"6\" r=\"1.5\" stroke-width=\"1.2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <p class=\"s3__card-text\">What do I never want to experience again?<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Closing -->\r\n    <div class=\"s3__closing reveal delay-5\">\r\n\r\n      <!--<div class=\"s3__closing-rule\">-->\r\n      <!--  <span>From Those Answers<\/span>-->\r\n      <!--<\/div>-->\r\n\r\n      <!--<p class=\"s3__closing-text\">-->\r\n      <!--  We build your <em>blueprint.<\/em>-->\r\n      <!--<\/p>-->\r\n\r\n      <!--<a href=\"https:\/\/earthh20corporation.com\/mca\/contact\/\" class=\"s3__cta\">-->\r\n      <!--  Design My Career Blueprint-->\r\n      <!--  <svg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\">-->\r\n      <!--    <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>-->\r\n      <!--  <\/svg>-->\r\n      <!--<\/a>-->\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SCROLL REVEAL SCRIPT\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<script>\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, { threshold: 0.12 });\r\n\r\n  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0315df4 e-con-full e-flex e-con e-parent\" data-id=\"0315df4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fa82bb6 elementor-widget elementor-widget-html\" data-id=\"fa82bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/>\r\n<style>\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --dark:#0F1A25;\r\n  --gold:#916C34;\r\n  --gold-lt:#C49A52;\r\n  --gold-dk:#6B4F22;\r\n  --light:#fff !important;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 SECTION 4 \u2014 MCA SYSTEM \u2014 CENTERED EDITORIAL \u2550\u2550\u2550 *\/\r\n.s4{background:var(--dark);position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,4rem)}\r\n.s4::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}\r\n.s4::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}\r\n.s4__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(145,108,52,0.06) 0%,transparent 70%);pointer-events:none}\r\n.s4__inner{max-width:860px;margin:0 auto;position:relative;z-index:2}\r\n\r\n.s4__top{display:grid;grid-template-columns:200px 1fr;gap:4rem;align-items:end;padding-bottom:4rem;border-bottom:1px solid rgba(145,108,52,0.12);margin-bottom:4rem}\r\n.s4__top-label-col{display:flex;flex-direction:column;gap:1rem;padding-top:0.5rem}\r\n.s4__eyebrow{font-family:'Open Sans',sans-serif;font-size:0.62rem;font-weight:600;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold)}\r\n.s4__top-rule{width:32px;height:1px;background:var(--gold)}\r\n.s4__top-note{font-family:'Open Sans',sans-serif;font-size:0.78rem;font-weight:300;color:#fff;line-height:1.8}\r\n.s4__headline{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:900;line-height:1.08;color:#fff !important}\r\n.s4__headline em{font-style:italic;color:var(--gold-lt)}\r\n\r\n.s4__mid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}\r\n.s4__disclaimer{display:flex;flex-direction:column;gap:1.5rem}\r\n.s4__disclaimer-label{font-family:'Open Sans',sans-serif;;font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(145,108,52,0.6)}\r\n.s4__disclaimer-item{display:flex;align-items:center;gap:1rem;padding:1.2rem 0;border-bottom:1px solid rgba(145,108,52,0.08)}\r\n.s4__disclaimer-dash{width:20px;height:1px;background:rgba(145,108,52,0.4);flex-shrink:0}\r\n.s4__disclaimer-text{font-family:'Open Sans',sans-serif;font-size:0.82rem;font-weight:300;color:#fff;line-height:1.6;text-decoration:line-through;text-decoration-color:rgba(145,108,52,0.3)}\r\n.s4__definition{border-left:2px solid var(--gold);padding-left:2rem;display:flex;flex-direction:column;justify-content:center;gap:1.6rem}\r\n.s4__def-intro{font-family:'Playfair Display',serif;font-style:italic;font-size:0.9rem;color:rgba(244,239,233,0.45)}\r\n.s4__def-text{font-family:'Playfair Display',serif;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:700;color:#fff;line-height:1.7}\r\n.s4__def-text em{font-style:italic;color:var(--gold-lt)}\r\n\r\n.s4__pillars{display:flex;flex-direction:column;gap:0}\r\n.s4__pillars-label{font-family:'Montserrat',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(145,108,52,0.6);margin-bottom:1.5rem}\r\n.s4__pillar{display:flex;align-items:center;gap:2.5rem;padding:1.4rem 0;border-top:1px solid rgba(145,108,52,0.08);transition:padding-left 0.3s ease}\r\n.s4__pillar:hover{padding-left:0.5rem}\r\n.s4__pillar:last-child{border-bottom:1px solid rgba(145,108,52,0.08)}\r\n.s4__pillar-n{font-family:'Playfair Display',serif;font-style:italic;font-size:1.8rem !important ;font-weight:400;color:#fff;min-width:36px;line-height:1}\r\n.s4__pillar-line{width:40px;height:1px;background:linear-gradient(90deg,rgba(145,108,52,0.4),transparent);flex-shrink:0}\r\n.s4__pillar-text{font-family:'Open Sans',sans-serif;font-size:clamp(0.85rem,1.2vw,0.96rem);font-weight:300;color:rgba(244,239,233,0.85);flex:1}\r\n.s4__pillar-text strong{font-weight:600;color:#fff}\r\n.s4__pillar-arrow{width:16px;height:16px;flex-shrink:0;opacity:0;transition:opacity 0.3s ease}\r\n.s4__pillar:hover .s4__pillar-arrow{opacity:1}\r\n.s4__pillar-arrow svg{width:100%;height:100%}\r\n\r\n\r\n\/* \u2550\u2550\u2550 SECTION 5 \u2014 ONE BLUEPRINT \u2014 EDITORIAL SPLIT \u2550\u2550\u2550 *\/\r\n.s5{background:var(--light);position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,4rem)}\r\n.s5::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(145,108,52,0.3) 50%,transparent 100%)}\r\n.s5__inner{max-width:860px;margin:0 auto}\r\n\r\n.s5__hero{display:grid;grid-template-columns:1fr 1px 1fr;gap:3.5rem;align-items:center;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid rgba(145,108,52,0.12)}\r\n.s5__hero-divider{background:linear-gradient(180deg,transparent,rgba(145,108,52,0.25),transparent);width:1px;align-self:stretch}\r\n.s5__hero-right{display:flex;flex-direction:column;gap:1.2rem;justify-content:center}\r\n.s5__eyebrow{font-family:'Open Sans',sans-serif;font-size:0.62rem;font-weight:600;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem}\r\n.s5__headline{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.08;color:#000 !important}\r\n.s5__headline em{font-style:italic;color:var(--gold)}\r\n.s5__hero-body{font-family:'Open Sans',sans-serif;font-size:clamp(0.82rem,1.1vw,0.94rem);font-weight:300;color:#000 !important;line-height:2}\r\n.s5__hero-body p{margin-bottom:0.3rem}\r\n.s5__hero-quote{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1rem,1.6vw,1.2rem);color:rgba(15,26,37,0.55);line-height:1.7;padding-left:1.4rem;border-left:2px solid rgba(145,108,52,0.3)}\r\n\r\n.s5__paths-label{font-family:'Montserrat',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(145,108,52,0.7);margin-bottom:2.5rem}\r\n.s5__path{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:2.5rem;padding:2.5rem 0;border-top:1px solid rgba(145,108,52,0.1);transition:background 0.3s ease,padding-left 0.3s ease;cursor:default}\r\n.s5__path:last-child{border-bottom:1px solid rgba(145,108,52,0.1)}\r\n.s5__path:hover{padding-left:0.75rem}\r\n.s5__path-num{font-family:'Playfair Display',serif;font-style:italic;font-size:3.5rem;font-weight:900;color:rgba(145,108,52,0.12);line-height:1;transition:color 0.3s ease;text-align:right}\r\n.s5__path:hover .s5__path-num{color:rgba(145,108,52,0.22)}\r\n.s5__path-title{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.1rem,1.8vw,1.4rem);color:#000;margin-bottom:0.5rem}\r\n.s5__path-text{font-family:'Open Sans',sans-serif;font-size:clamp(0.8rem,1.05vw,0.9rem);font-weight:300;color:#000;line-height:1.75}\r\n.s5__path-tag{font-family:'Montserrat',sans-serif;font-size:0.6rem;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(145,108,52,0.2);padding:0.4rem 0.8rem;white-space:nowrap;opacity:0;transition:opacity 0.3s ease}\r\n.s5__path:hover .s5__path-tag{opacity:1}\r\n\r\n.s5__close{margin-top:5rem;display:grid;grid-template-columns:1fr 340px;gap:4rem;align-items:center;padding-top:3.5rem;border-top:1px solid rgba(145,108,52,0.12)}\r\n.s5__close-statement{font-family:'Playfair Display',serif;font-size:clamp(1.3rem,2.5vw,2rem);font-weight:900;line-height:1.3;color:#000}\r\n.s5__close-statement em{font-style:italic;color:var(--gold)}\r\n.s5__close-sub{font-family:'Open Sans',sans-serif;font-size:0.85rem;font-weight:300;color:rgba(15,26,37,0.55);line-height:1.9}\r\n.s5__close-cta{display:inline-flex;align-items:center;gap:0.75rem;font-family:'Montserrat',sans-serif;font-size:0.72rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;color:#fff !important;background:linear-gradient(135deg,#C49A52,#916C34,#6B4F22);padding:1rem 2.2rem;margin-top:1.4rem;transition:transform 0.3s ease,box-shadow 0.3s ease}\r\n.s5__close-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(145,108,52,0.4)}\r\n\r\n\r\n\/* \u2550\u2550\u2550 SECTION 6 \u2014 RESULTS \u2014 DARK EDITORIAL STACKED \u2550\u2550\u2550 *\/\r\n.s6{background:var(--dark);position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,4rem)}\r\n.s6::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}\r\n.s6__inner{max-width:860px;margin:0 auto;position:relative;z-index:2}\r\n\r\n.s6__header{display:grid;grid-template-columns:1fr 280px;gap:5rem;align-items:start;margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px solid rgba(145,108,52,0.1)}\r\n.s6__eyebrow{font-family:'Open Sans',sans-serif;font-size:0.62rem;font-weight:600;letter-spacing:0.35em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}\r\n.s6__headline{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:900;line-height:1.08;color:#fff !important}\r\n.s6__headline em{font-style:italic;color:var(--gold-lt)}\r\n.s6__header-right{display:flex;flex-direction:column;justify-content:flex-end;align-self:end;gap:1rem}\r\n.s6__intro-label{font-family:'Montserrat',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(145,108,52,0.6)}\r\n.s6__intro-text{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(0.95rem,1.4vw,1.1rem);color:#fff;line-height:1.8}\r\n\r\n.s6__outcome{display:grid;grid-template-columns:120px 1fr 1fr;gap:3rem;align-items:center;padding:3rem 0;border-top:1px solid rgba(145,108,52,0.08);position:relative;transition:border-color 0.3s ease}\r\n.s6__outcome:hover{border-color:rgba(145,108,52,0.2)}\r\n.s6__outcome:last-child{border-bottom:1px solid rgba(145,108,52,0.08)}\r\n.s6__outcome-n{font-family:'Playfair Display',serif;font-style:italic;font-size:5rem;font-weight:900;color:#fff;line-height:1;transition:color 0.4s ease}\r\n.s6__outcome:hover .s6__outcome-n{color:rgba(145,108,52,0.18)}\r\n.s6__outcome-title{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(1.4rem,2.5vw,2rem);color:#fff;margin-bottom:0.5rem;line-height:1.1}\r\n.s6__outcome-subtitle{font-family:'Montserrat',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:rgba(145,108,52,0.5)}\r\n.s6__outcome-right{font-family:'Open Sans',sans-serif;font-size:clamp(0.8rem,1.1vw,0.9rem);font-weight:300;color:#fff;line-height:1.9;border-left:1px solid rgba(145,108,52,0.1);padding-left:3rem;transition:color 0.3s ease}\r\n.s6__outcome:hover .s6__outcome-right{color:rgba(244,239,233,0.7)}\r\n.s6__outcome-glow{position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--gold),transparent);transform:scaleY(0);transform-origin:center;transition:transform 0.4s cubic-bezier(.22,.68,0,1.2)}\r\n.s6__outcome:hover .s6__outcome-glow{transform:scaleY(1)}\r\n\r\n.s6__close{text-align:center;padding-top:3rem;position:relative}\r\n.s6__close::before{content:'\\201C';position:absolute;top:-1rem;left:50%;transform:translateX(-50%);font-family:'Playfair Display',serif;font-size:8rem;color:rgba(145,108,52,0.07);line-height:1;pointer-events:none}\r\n.s6__close-text{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.2rem,2.2vw,1.9rem);color:#fff;line-height:1.6;position:relative;z-index:1}\r\n.s6__close-text strong{font-style:normal;font-weight:900;color:var(--gold-lt)}\r\n.s6__close-rule{display:flex;align-items:center;gap:1.2rem;width:100%;max-width:360px;margin:2rem auto 0}\r\n.s6__close-rule::before,.s6__close-rule::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(145,108,52,0.3))}\r\n.s6__close-rule::after{background:linear-gradient(90deg,rgba(145,108,52,0.3),transparent)}\r\n.s6__close-rule span{width:6px;height:6px;background:var(--gold);transform:rotate(45deg);flex-shrink:0}\r\n\r\n\/* \u2550\u2550\u2550 SECTION 7 \u2014 ABOUT \u2014 BRAND FOUNDATION \u2550\u2550\u2550 *\/\r\n.s7{background:var(--light);position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,5vw,4rem)}\r\n.s7::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(145,108,52,0.15) 50%,transparent 100%)}\r\n.s7__inner{max-width:1100px;margin:0 auto}\r\n.s7__top{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}\r\n.s7__tagline{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.1rem, 2vw, 1.4rem);color:var(--gold);line-height:1.4}\r\n.s7__headline{font-family:'Playfair Display',serif;font-size:clamp(2.5rem, 5vw, 4.5rem);font-weight:900;color:var(--dark) !important;line-height:1}\r\n\r\n.s7__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}\r\n.s7__body-main{font-family:'Open Sans',sans-serif;font-size:clamp(0.95rem, 1.2vw, 1.1rem);font-weight:300;color:var(--dark);line-height:2}\r\n.s7__body-main strong{font-weight:600;color:var(--gold-dk)}\r\n.s7__body-side{display:flex;flex-direction:column;gap:2.5rem;padding-left:3rem;border-left:1px solid rgba(145,108,52,0.15)}\r\n.s7__mission-block{display:flex;flex-direction:column;gap:1rem}\r\n.s7__block-label{font-family:'Montserrat',sans-serif;font-size:0.55rem;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:var(--gold)}\r\n.s7__block-text{font-family:'Open Sans',sans-serif;font-size:0.85rem;font-weight:300;color:rgba(15,26,37,0.7);line-height:1.8}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:860px){\r\n  .s4__top, .s4__mid{grid-template-columns:1fr;gap:2rem}\r\n  .s5__hero{grid-template-columns:1fr;gap:2.5rem}\r\n  .s5__hero-divider{display:none}\r\n  .s5__path{grid-template-columns:60px 1fr}\r\n  .s5__path-tag{display:none}\r\n  .s5__close{grid-template-columns:1fr;gap:2rem}\r\n  .s6__header{grid-template-columns:1fr;gap:2.5rem}\r\n  .s6__outcome{grid-template-columns:80px 1fr;gap:1.5rem}\r\n  .s6__outcome-right{display:none}\r\n  .s7__grid{grid-template-columns:1fr;gap:3rem}\r\n  .s7__body-side{padding-left:0;border-left:none;border-top:1px solid rgba(145,108,52,0.15);padding-top:3rem}\r\n}\r\n@media(max-width:560px){\r\n  .s4__pillar{gap:1.5rem}\r\n  .s6__outcome-n{font-size:3.5rem}\r\n  .s6__outcome-title{font-size:1.4rem}\r\n}\r\n<\/style>\r\n\r\n\r\n<!-- \u2550\u2550\u2550 SECTION 4 \u2014 MCA SYSTEM \u2550\u2550\u2550 -->\r\n<section class=\"s4\">\r\n  <div class=\"s4__glow\"><\/div>\r\n  <div class=\"s4__inner\">\r\n    <div class=\"s4__top\">\r\n      <div class=\"s4__top-label-col\">\r\n        <span class=\"s4__eyebrow\">A New Architecture<\/span>\r\n        <div class=\"s4__top-rule\"><\/div>\r\n        <p class=\"s4__top-note\">A new way to design your career for the world we actually live in.<\/p>\r\n      <\/div>\r\n      <h2 class=\"s4__headline\">Earth H2O<br\/><em>Modern Career<\/em><br\/>Architecture<\/h2>\r\n    <\/div>\r\n    <div class=\"s4__mid\">\r\n      <div class=\"s4__disclaimer\">\r\n        <p class=\"s4__disclaimer-label\">What this is not<\/p>\r\n        <div class=\"s4__disclaimer-item\"><div class=\"s4__disclaimer-dash\"><\/div><span class=\"s4__disclaimer-text\">Job search coaching<\/span><\/div>\r\n        <div class=\"s4__disclaimer-item\"><div class=\"s4__disclaimer-dash\"><\/div><span class=\"s4__disclaimer-text\">Resume writing services<\/span><\/div>\r\n        <div class=\"s4__disclaimer-item\"><div class=\"s4__disclaimer-dash\"><\/div><span class=\"s4__disclaimer-text\">Quick-fix career advice<\/span><\/div>\r\n      <\/div>\r\n      <div class=\"s4__definition\">\r\n        <p class=\"s4__def-intro\">This is \u2014<\/p>\r\n        <p class=\"s4__def-text\">A <em>strategic system<\/em> to help you build a career that survives, adapts, and grows on your own terms.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"s4__pillars\">\r\n      <p class=\"s4__pillars-label\">The System Helps You<\/p>\r\n      <div class=\"s4__pillar\"><span class=\"s4__pillar-n\">01<\/span><div class=\"s4__pillar-line\"><\/div><p class=\"s4__pillar-text\"><strong>Define<\/strong> your true value not your job title, your actual worth<\/p><\/div>\r\n      <div class=\"s4__pillar\"><span class=\"s4__pillar-n\">02<\/span><div class=\"s4__pillar-line\"><\/div><p class=\"s4__pillar-text\"><strong>Design<\/strong> multiple income streams that don't depend on one employer<\/p><\/div>\r\n      <div class=\"s4__pillar\"><span class=\"s4__pillar-n\">03<\/span><div class=\"s4__pillar-line\"><\/div><p class=\"s4__pillar-text\"><strong>Position<\/strong> yourself in the market as the authority you already are<\/p><\/div>\r\n      <div class=\"s4__pillar\"><span class=\"s4__pillar-n\">04<\/span><div class=\"s4__pillar-line\"><\/div><p class=\"s4__pillar-text\"><strong>Build<\/strong> stability through diversification not luck<\/p><\/div>\r\n      <div class=\"s4__pillar\"><span class=\"s4__pillar-n\">05<\/span><div class=\"s4__pillar-line\"><\/div><p class=\"s4__pillar-text\"><strong>Create<\/strong> a career that supports your life \u2014 not consumes it<\/p><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 SECTION 5 \u2014 ONE BLUEPRINT \u2550\u2550\u2550 -->\r\n<section class=\"s5\">\r\n  <div class=\"s5__inner\">\r\n    <div class=\"s5__hero\">\r\n        <div class=\"s5__hero-left\"><p class=\"s5__eyebrow\">Your Career System<\/p><h2 class=\"s5__headline\">One Blueprint.<br\/><em>Multiple Pathways.<\/em><\/h2><\/div>\r\n        <div class=\"s5__hero-divider\"><\/div>\r\n        <div class=\"s5__hero-right\"><div class=\"s5__hero-body\"><p>Every client begins with Earth H2O MCA. But the blueprint is just the beginning.<\/p><\/div><blockquote class=\"s5__hero-quote\">Whether you choose one path or all three, you're no longer dependent on a single source.<\/blockquote><\/div>\r\n    <\/div>\r\n    <p class=\"s5__paths-label\">Three Directions Your Career Can Grow<\/p>\r\n    <div class=\"s5__path\"><span class=\"s5__path-num\">01<\/span><div class=\"s5__path-body\"><p class=\"s5__path-title\">Monetize Your Expertise<\/p><p class=\"s5__path-text\">Consulting, fractional leadership, or advisory work.<\/p><\/div><span class=\"s5__path-tag\">Advisory<\/span><\/div>\r\n    <div class=\"s5__path\"><span class=\"s5__path-num\">02<\/span><div class=\"s5__path-body\"><p class=\"s5__path-title\">Build Multiple Income Streams<\/p><p class=\"s5__path-text\">Structure your career so no single source holds your future.<\/p><\/div><span class=\"s5__path-tag\">Architecture<\/span><\/div>\r\n    <div class=\"s5__path\"><span class=\"s5__path-num\">03<\/span><div class=\"s5__path-body\"><p class=\"s5__path-title\">Launch a Business or Brand<\/p><p class=\"s5__path-text\">Step into the market as a recognized authority.<\/p><\/div><span class=\"s5__path-tag\">Brand<\/span><\/div>\r\n    <!--<div class=\"s5__close\"><p class=\"s5__close-statement\">You're not picking a job.<br\/>You're building <em>an ecosystem.<\/em><\/p><a href=\"https:\/\/earthh20corporation.com\/mca\/contact\/\" class=\"s5__close-cta\">Start Building<\/a><\/div>-->\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 SECTION 6 \u2014 RESULTS \u2550\u2550\u2550 -->\r\n<section class=\"s6\">\r\n  <div class=\"s6__inner\">\r\n    <div class=\"s6__header\">\r\n      <div><p class=\"s6__eyebrow\">What This Becomes<\/p><h2 class=\"s6__headline\">This Isn't Just<br\/><em>About Getting a Job.<\/em><\/h2><\/div>\r\n      <div class=\"s6__header-right\"><p class=\"s6__intro-label\">It starts with clarity.<\/p><p class=\"s6__intro-text\">But it evolves into something far greater. It becomes ownership.<\/p><\/div>\r\n    <\/div>\r\n    <div class=\"s6__outcomes\">\r\n      <div class=\"s6__outcome\"><div class=\"s6__outcome-glow\"><\/div><span class=\"s6__outcome-n\">I<\/span><div class=\"s6__outcome-left\"><p class=\"s6__outcome-title\">Ownership<\/p><\/div><p class=\"s6__outcome-right\">Your career belongs to you not an employer.<\/p><\/div>\r\n      <div class=\"s6__outcome\"><div class=\"s6__outcome-glow\"><\/div><span class=\"s6__outcome-n\">II<\/span><div class=\"s6__outcome-left\"><p class=\"s6__outcome-title\">Visibility<\/p><\/div><p class=\"s6__outcome-right\">The right people know exactly who you are.<\/p><\/div>\r\n      <div class=\"s6__outcome\"><div class=\"s6__outcome-glow\"><\/div><span class=\"s6__outcome-n\">III<\/span><div class=\"s6__outcome-left\"><p class=\"s6__outcome-title\">Scalable Income<\/p><\/div><p class=\"s6__outcome-right\">Earnings structured to multiply with your expertise.<\/p><\/div>\r\n      <div class=\"s6__outcome\"><div class=\"s6__outcome-glow\"><\/div><span class=\"s6__outcome-n\">IV<\/span><div class=\"s6__outcome-left\"><p class=\"s6__outcome-title\">Longterm Stability<\/p><\/div><p class=\"s6__outcome-right\">Build a career foundation that remains strong through market shifts and uncertainty.<\/p><\/div>\r\n      <div class=\"s6__outcome\"><div class=\"s6__outcome-glow\"><\/div><span class=\"s6__outcome-n\">V<\/span><div class=\"s6__outcome-left\"><p class=\"s6__outcome-title\">Legacy<\/p><\/div><p class=\"s6__outcome-right\">Create impact and assets that continue to benefit you and others for years to come.<\/p><\/div>\r\n    <\/div>\r\n    <div class=\"s6__close\"><p class=\"s6__close-text\">Because once you see your value clearly, <strong>you don't go back.<\/strong><\/p><div class=\"s6__close-rule\"><span><\/span><\/div><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550 SECTION 7 \u2014 ABOUT EARTH H2O \u2550\u2550\u2550 -->\r\n<section class=\"s7\">\r\n  <div class=\"s7__inner\">\r\n    <div class=\"s7__top\">\r\n      <p class=\"s7__tagline\">The Ecosystem Architecture<\/p>\r\n      <h2 class=\"s7__headline\">Earth H\u2082O<br\/>Corporation<\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"s7__grid\">\r\n      <div class=\"s7__body-main\">\r\n        <p><strong>Earth H\u2082O Corporation<\/strong> is a forward-thinking parent company that curates innovative, high-value brands focused on leadership, reinvention, and experiential design. Our portfolio includes strategic advisory, fractional executive leadership, personal transformation services, and immersive productions that foster clarity and creativity.<\/p>\r\n        <p style=\"margin-top:1.5rem\">Rooted in the balance of Earth and Water, we embody stability, growth, clarity, and adaptability, guiding meaningful change. Transformation is natural, and we bridge strategy with human experience to facilitate evolution.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"s7__body-side\">\r\n        <div class=\"s7__mission-block\">\r\n          <span class=\"s7__block-label\">Our Philosophy<\/span>\r\n          <p class=\"s7__block-text\">We connect and elevate, grounded in reality yet guided by a visionary approach. Our ecosystem of brands helps individuals and organizations evolve with intention.<\/p>\r\n        <\/div>\r\n        <div class=\"s7__mission-block\">\r\n          <span class=\"s7__block-label\">The Journey<\/span>\r\n          <p class=\"s7__block-text\">Our journey began with a simple observation: true growth emerges when people, ideas, and environments are in harmony. Through strategic advisory and creative productions, we elevate how people lead and live.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n```\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-acc725c e-con-full e-flex e-con e-parent\" data-id=\"acc725c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6f5fc1 elementor-widget elementor-widget-html\" data-id=\"d6f5fc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/> \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/> \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@300;400;600&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\"\/> \r\n    <style> \r\n        *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} \r\n        :root{ --dark:#0C1620; --dark2:#111E2B; --cream:#F5F0E8; --cream2:#EDE8DF; --gold:#8B6A32; --gold-lt:#C4954A; --gold-pale:rgba(139,106,50,0.12); } \r\n        body{font-family:'Open Sans',sans-serif;background:var(--dark);overflow-x:hidden} \r\n\r\n        \/* REVEAL *\/ \r\n        .fy{opacity:0;transform:translateY(28px);transition:opacity 0.85s cubic-bezier(0.22,1,0.36,1),transform 0.85s cubic-bezier(0.22,1,0.36,1)} \r\n        .fs{opacity:0;transform:translateY(0) scale(0.97);transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1),transform 0.9s cubic-bezier(0.22,1,0.36,1)} \r\n        .fy.in,.fs.in{opacity:1;transform:none} \r\n        .d1{transition-delay:0.08s}.d2{transition-delay:0.18s}.d3{transition-delay:0.28s} \r\n        .d4{transition-delay:0.38s}.d5{transition-delay:0.48s}.d6{transition-delay:0.58s} \r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \r\n           SECTION A \u2014 Audience Cards \r\n           FIXED: Professional Balanced Grid\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ \r\n        .sa{ background:var(--dark); padding:clamp(6rem,11vw,10rem) clamp(1.5rem,7vw,7rem); } \r\n        .sa__top{ max-width:1100px;margin:0 auto; display:flex;align-items:flex-end;justify-content:space-between; padding-bottom:3.5rem; border-bottom:1px solid rgba(139,106,50,0.2); margin-bottom:4rem; gap:2rem;flex-wrap:wrap; } \r\n        .sa__eyebrow{ font-family:'Open Sans',sans-serif;font-size:0.6rem; letter-spacing:0.38em;text-transform:uppercase;color:var(--gold); display:block;margin-bottom:1.2rem; } \r\n        .sa__title{ font-family:'Playfair Display',serif; font-size:clamp(2.6rem,4.5vw,4rem); font-weight:600;color:#fff !important;line-height:1.1; } \r\n        .sa__title em{font-style:italic;color:var(--gold-lt)} \r\n        .sa__subtitle{ font-family:'Open Sans',sans-serif;font-size:0.88rem;font-weight:300; color:#fff;line-height:1.8;max-width:320px;text-align:right; } \r\n\r\n        .sa__grid{ \r\n            max-width:1200px;margin:0 auto; \r\n            display:grid; \r\n            grid-template-columns: repeat(6, 1fr); \/* 6 Column Architecture *\/\r\n            gap:1.5rem; \r\n        } \r\n\r\n        .sa__card{ \r\n            grid-column: span 2; \/* Row 1: 3 cards (2x3=6) *\/\r\n            background:linear-gradient(145deg,#162030 0%,#0e1a27 60%,#0a1520 100%); \r\n            border:1px solid rgba(255,255,255,0.06); \r\n            border-radius:3px; \r\n            padding:2.8rem 2.2rem 2.5rem; \r\n            position:relative;overflow:hidden; \r\n            transform-style:preserve-3d; \r\n            transition:transform 0.6s cubic-bezier(0.22,1,0.36,1),box-shadow 0.6s cubic-bezier(0.22,1,0.36,1),border-color 0.4s ease; \r\n            cursor:default; \r\n            box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 8px 20px rgba(0,0,0,0.35), 0 20px 40px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.05); \r\n        } \r\n\r\n        \/* FIX: 4th and 5th cards span 3 columns each for perfect alignment *\/\r\n        .sa__card:nth-child(4), .sa__card:nth-child(5) { \r\n            grid-column: span 3; \r\n        }\r\n\r\n        .sa__card::before{ content:'';position:absolute;inset:0; background:linear-gradient(135deg,rgba(196,149,74,0.04) 0%,transparent 60%); pointer-events:none; } \r\n        .sa__card::after{ content:'';position:absolute; top:-1px;left:2rem;right:2rem;height:1px; background:linear-gradient(90deg,transparent,rgba(196,149,74,0.5),transparent); opacity:0;transition:opacity 0.4s ease; } \r\n        .sa__card:hover{ transform:translateY(-8px) rotateX(2deg) rotateY(-1deg); border-color:rgba(139,106,50,0.3); box-shadow: 0 4px 8px rgba(0,0,0,0.4), 0 16px 40px rgba(0,0,0,0.5), 0 40px 80px rgba(0,0,0,0.3), 0 0 0 1px rgba(139,106,50,0.15), inset 0 1px 0 rgba(255,255,255,0.08); } \r\n        .sa__card:hover::after{opacity:1} \r\n        .sa__card-num{ font-family:'Playfair Display',serif; font-size:3.5rem;font-weight:300; color:rgba(139,106,50,0.12); line-height:1;margin-bottom:1.8rem; letter-spacing:-0.02em; } \r\n        .sa__card-text{ font-family:'Playfair Display',serif; font-size:clamp(1.1rem, 1.6vw, 1.4rem); font-weight:400;color:rgba(255,255,255,0.88); line-height:1.45; } \r\n        .sa__card-bar{ position:absolute;bottom:0;left:0;right:0;height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); transform:scaleX(0);transform-origin:center; transition:transform 0.5s cubic-bezier(0.22,1,0.36,1); } \r\n        .sa__card:hover .sa__card-bar{transform:scaleX(0.7)} \r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \r\n           SECTION B \u2014 Moment of Clarity \r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ \r\n        .sb{ position:relative;overflow:hidden; min-height:600px; display:flex; } \r\n        .sb__half-cream{ background:var(--cream); flex:0 0 45%; padding:clamp(6rem,10vw,9rem) clamp(1.5rem,5vw,5rem) clamp(6rem,10vw,9rem) clamp(1.5rem,7vw,7rem); display:flex;flex-direction:column;justify-content:center; position:relative;z-index:1; clip-path:polygon(0 0,100% 0,88% 100%,0 100%); } \r\n        .sb__half-dark{ background:var(--dark2); flex:1; padding:clamp(6rem,10vw,9rem) clamp(1.5rem,7vw,7rem) clamp(6rem,10vw,9rem) clamp(2rem,6vw,6rem); display:flex;flex-direction:column;justify-content:center; } \r\n        .sb__eyebrow{ font-family:'Open Sans',sans-serif;font-size:0.6rem; letter-spacing:0.38em;text-transform:uppercase;color:var(--gold); display:block;margin-bottom:1.8rem; } \r\n        .sb__headline{ font-family:'Playfair Display',serif; font-size:clamp(2.4rem,4vw,3.6rem); font-weight:600;color:#000 !important; line-height:1.1; } \r\n        .sb__headline em{font-style:italic;color:var(--gold)} \r\n        .sb__divider{ width:40px;height:1px; background:var(--gold); margin:2.5rem 0; } \r\n        .sb__subtext{ font-family:'Open Sans',sans-serif;font-size:0.9rem;font-weight:300; color:#000;line-height:1.9;max-width:280px; } \r\n        .sb__triggers{display:flex;flex-direction:column;gap:0;margin-bottom:3rem} \r\n        .sb__t{ display:flex;align-items:center;gap:1.8rem; padding:1.6rem 0; border-bottom:1px solid rgba(255,255,255,0.07); transition:all 0.5s ease; } \r\n        .sb__t:first-child{border-top:1px solid rgba(255,255,255,0.07)} \r\n        .sb__t-icon{ width:36px;height:36px;flex-shrink:0; border:1px solid rgba(139,106,50,0.25); display:flex;align-items:center;justify-content:center; transition:all 0.5s ease; } \r\n        .sb__t-icon svg{width:14px;height:14px;stroke:rgba(139,106,50,0.5);stroke-width:1.5;fill:none;transition:stroke 0.5s ease} \r\n        .sb__t-label{ font-family:'Playfair Display',serif; font-size:clamp(1.1rem,1.6vw,1.3rem); font-weight:400;color:rgba(255,255,255,0.35); transition:color 0.5s ease; } \r\n        .sb__t.lit .sb__t-icon{background:var(--gold-pale);border-color:var(--gold)} \r\n        .sb__t.lit .sb__t-icon svg{stroke:var(--gold-lt)} \r\n        .sb__t.lit .sb__t-label{color:rgba(255,255,255,0.85)} \r\n        .sb__closing{ font-family:'Playfair Display',serif; font-size:clamp(1.3rem,2vw,1.7rem); font-weight:300;color:rgba(255,255,255,0.7); line-height:1.65; border-top:1px solid rgba(255,255,255,0.07); padding-top:2.5rem; } \r\n        .sb__closing em{font-style:italic;color:var(--gold-lt)} \r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 \r\n           SECTION C \u2014 CTA \r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/ \r\n        .sc{ background:var(--cream); padding:clamp(8rem,14vw,12rem) clamp(1.5rem,7vw,7rem); position:relative;overflow:hidden; } \r\n        .sc__inner{max-width:1000px;margin:0 auto;text-align:center} \r\n        .sc__eyebrow{ font-family:'Open Sans',sans-serif;font-size:0.6rem; letter-spacing:0.38em;text-transform:uppercase;color:var(--gold); display:block;margin-bottom:3rem; } \r\n        .sc__headline{ font-family:'Playfair Display',serif; font-size:clamp(3rem, 7vw, 75px); font-weight:600;color:#000 !important; line-height:1.08;letter-spacing:-0.01em; margin-bottom:1rem; } \r\n        .sc__headline em{font-style:italic;color:var(--gold)} \r\n        .sc__headline-2{ font-family:'Playfair Display',serif; font-size:clamp(2rem, 5vw, 56px); font-weight:300;color:var(--gold); line-height:1.08;letter-spacing:-0.01em; margin-bottom:4rem; font-style:italic; opacity:0.4; } \r\n        .sc__hr{ display:flex;align-items:center;gap:1.5rem; margin-bottom:3.5rem; } \r\n        .sc__hr::before,.sc__hr::after{content:'';flex:1;height:1px;background:rgba(12,22,32,0.12)} \r\n        .sc__hr-diamond{ width:8px;height:8px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; } \r\n        .sc__body{ font-family:'Open Sans',sans-serif;font-size:1rem;font-weight:300; color:#000 !important;line-height:1.9; max-width:520px;margin:0 auto 4rem; } \r\n        .sc__actions{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap; margin-top: 40px !important;} \r\n        .sc__btn-primary{ display:inline-flex;align-items:center;gap:1rem; background:var(--dark);color:var(--cream); text-decoration:none; font-family:'Montserrat',sans-serif;font-size:0.68rem; font-weight:400;letter-spacing:0.3em;text-transform:uppercase; padding:1.2rem 2.8rem;border:1px solid var(--dark); position:relative;overflow:hidden; transition:color 0.55s ease;cursor:pointer; } \r\n        .sc__btn-primary::before{ content:'';position:absolute;inset:0; background:var(--gold-lt); transform:translateX(-101%); transition:transform 0.6s cubic-bezier(0.22,1,0.36,1); z-index:0; } \r\n        .sc__btn-primary:hover::before{transform:translateX(0)} \r\n        .sc__btn-primary:hover{color:#fff !important;border-color:var(--gold-lt)} \r\n        .sc__btn-primary span{position:relative;z-index:1} \r\n        .sc__btn-arrow{ position:relative;z-index:1; width:16px;height:1px;background:currentColor; flex-shrink:0;transition:width 0.3s ease; } \r\n        .sc__btn-arrow::after{ content:'';position:absolute;right:0;top:-3px; width:6px;height:6px;border-right:1px solid currentColor;border-top:1px solid currentColor; transform:rotate(45deg); } \r\n        .sc__btn-primary:hover .sc__btn-arrow{width:22px} \r\n        .sc__btn-ghost{ display:inline-block;text-decoration:none; font-family:'Montserrat',sans-serif;font-size:0.68rem; font-weight:400;letter-spacing:0.2em;text-transform:uppercase; color:#0F1A25 !important; padding:0;border:none;background:none; border-bottom:1px solid rgba(12,22,32,0.2); padding-bottom:2px; transition:color 0.3s ease,border-color 0.3s ease;cursor:pointer; } \r\n        .sc__btn-ghost:hover{color:var(--dark);border-color:var(--dark)} \r\n        .sc__note{ font-family:'Playfair Display',serif; font-size:0.88rem;font-style:italic; color:#000; margin-top:3.5rem;letter-spacing:0.06em; } \r\n\r\n        \/* RESPONSIVE FIXES *\/\r\n        @media(max-width:960px){\r\n            .sa__grid { grid-template-columns: repeat(2, 1fr); }\r\n            .sa__card { grid-column: span 1; }\r\n            .sa__card:nth-child(4), .sa__card:nth-child(5) { grid-column: span 1; }\r\n            .sa__card:last-child { grid-column: span 2; } \/* Makes the 5th card wide ONLY on tablet *\/\r\n        }\r\n        @media(max-width:760px){ \r\n            .sb{flex-direction:column} .sb__half-cream{flex:none;clip-path:none;padding-bottom:4rem} .sb__half-dark{padding-top:4rem} \r\n            .sa__grid { grid-template-columns: 1fr; }\r\n            .sa__card, .sa__card:nth-child(4), .sa__card:nth-child(5), .sa__card:last-child { grid-column: span 1; }\r\n        } \r\n    <\/style> \r\n<\/head> \r\n<body> \r\n    <!-- SECTION A: AUDIENCE CARDS --> \r\n    <section class=\"sa\"> \r\n        <div class=\"sa__top\"> \r\n            <div class=\"fy\"> \r\n                <span class=\"sa__eyebrow\">Who This Is For<\/span> \r\n                <h2 class=\"sa__title\">This Is For You<br\/><em>If\u2026<\/em><\/h2> \r\n            <\/div> \r\n            <p class=\"sa__subtitle fy d2\">Five markers. If even one resonates you already know what needs to change.<\/p> \r\n        <\/div> \r\n        <div class=\"sa__grid\"> \r\n            <!-- Row 1 -->\r\n            <div class=\"sa__card fs d1\"> \r\n                <div class=\"sa__card-num\">01<\/div> \r\n                <p class=\"sa__card-text\">You're a high-performing professional standing at a crossroads<\/p> \r\n                <div class=\"sa__card-bar\"><\/div> \r\n            <\/div> \r\n            <div class=\"sa__card fs d2\"> \r\n                <div class=\"sa__card-num\">02<\/div> \r\n                <p class=\"sa__card-text\">You've been impacted by layoffs, stagnation, or sudden instability<\/p> \r\n                <div class=\"sa__card-bar\"><\/div> \r\n            <\/div> \r\n            <div class=\"sa__card fs d3\"> \r\n                <div class=\"sa__card-num\">03<\/div> \r\n                <p class=\"sa__card-text\">You're tired of depending on a single, fragile income source<\/p> \r\n                <div class=\"sa__card-bar\"><\/div> \r\n            <\/div> \r\n            <!-- Row 2 (Balanced) -->\r\n            <div class=\"sa__card fs d4\"> \r\n                <div class=\"sa__card-num\">04<\/div> \r\n                <p class=\"sa__card-text\">You know you're capable of more \u2014 but have no clear strategic path<\/p> \r\n                <div class=\"sa__card-bar\"><\/div> \r\n            <\/div> \r\n            <div class=\"sa__card fs d5\"> \r\n                <div class=\"sa__card-num\">05<\/div> \r\n                <p class=\"sa__card-text\">You want control, flexibility, and true long-term sustainability \u2014 not just survival<\/p> \r\n                <div class=\"sa__card-bar\"><\/div> \r\n            <\/div> \r\n        <\/div> \r\n    <\/section> \r\n\r\n    <!-- SECTION B: MOMENT OF CLARITY (Untouched) --> \r\n    <section class=\"sb\"> \r\n        <div class=\"sb__half-cream\"> \r\n            <span class=\"sa__eyebrow fy\">A Moment of Clarity<\/span> \r\n            <h2 class=\"sb__headline fy d1\">Don't wait<br\/>until it<br\/><em>happens again.<\/em><\/h2> \r\n            <div class=\"sb__divider fy d2\"><\/div> \r\n            <p class=\"sb__subtext fy d3\">The patterns are visible. The window is now. What you do next is the only variable left.<\/p> \r\n        <\/div> \r\n        <div class=\"sb__half-dark\"> \r\n            <div class=\"sb__triggers\"> \r\n                <div class=\"sb__t fy d1\"> \r\n                    <div class=\"sb__t-icon\"> \r\n                        <svg viewBox=\"0 0 14 14\"><path d=\"M7 1v6M7 10v.5\"\/><\/svg> \r\n                    <\/div> \r\n                    <span class=\"sb__t-label\">The job ends without warning<\/span> \r\n                <\/div> \r\n                <div class=\"sb__t fy d2\"> \r\n                    <div class=\"sb__t-icon\"> \r\n                        <svg viewBox=\"0 0 14 14\"><path d=\"M2 7h10M8 4l4 3-4 3\"\/><\/svg> \r\n                    <\/div> \r\n                    <span class=\"sb__t-label\">The income stops flowing<\/span> \r\n                <\/div> \r\n                <div class=\"sb__t fy d3\"> \r\n                    <div class=\"sb__t-icon\"> \r\n                        <svg viewBox=\"0 0 14 14\"><path d=\"M1 10L7 4l3 3 3-4\"\/><\/svg> \r\n                    <\/div> \r\n                    <span class=\"sb__t-label\">The system shifts \u2014 again<\/span> \r\n                <\/div> \r\n            <\/div> \r\n            <p class=\"sb__closing fy d4\"> You can begin now. The goal is not<br\/>to survive disruption it's to become<br\/><em>immune to it, permanently.<\/em> <\/p> \r\n        <\/div> \r\n    <\/section> \r\n\r\n    <!-- SECTION C: CTA (Untouched) --> \r\n    <section class=\"sc\"> \r\n        <div class=\"sc__inner\"> \r\n            <span class=\"sc__eyebrow fy\">The Blueprint<\/span> \r\n            <h2 class=\"sc__headline fy d1\">Start With the Blueprint.<\/h2> \r\n            <p class=\"sc__headline-2 fy d2\">Build Everything From There.<\/p> \r\n            <div class=\"sc__hr fy d3\"><div class=\"sc__hr-diamond\"><\/div><\/div> \r\n            <p class=\"sc__body fy d4\">A structured, strategic framework for professionals ready to move beyond uncertainty \u2014 toward income diversification, clarity of purpose, and lasting independence.<\/p> \r\n            <div class=\"sc__actions fy d5\"> \r\n                <a href=\"https:\/\/earthh20corporation.com\/mca\/contact\/\" class=\"sc__btn-primary\"> <span>Start Your Career Blueprint<\/span> <div class=\"sc__btn-arrow\"><\/div> <\/a> \r\n                <a href=\"https:\/\/earthh20corporation.com\/mca\/services-2\/\" class=\"sc__btn-ghost\">Learn how it works<\/a> \r\n            <\/div> \r\n            <p class=\"sc__note fy d6\">Clarity. Strategy. Control. Built for the modern world.<\/p> \r\n        <\/div> \r\n    <\/section> \r\n\r\n    <script> \r\n        const io = new IntersectionObserver((entries)=>{ \r\n            entries.forEach(e=>{ if(!e.isIntersecting)return; e.target.classList.add('in'); io.unobserve(e.target); }); \r\n        },{threshold:0.12,rootMargin:'0px 0px -30px 0px'}); \r\n        document.querySelectorAll('.fy,.fs').forEach(el=>io.observe(el)); \r\n        setTimeout(()=>{ \r\n            const triggers = document.querySelectorAll('.sb__t'); \r\n            triggers.forEach((t,i)=>{ \r\n                const io2 = new IntersectionObserver((entries)=>{ \r\n                    entries.forEach(e=>{ if(!e.isIntersecting)return; setTimeout(()=>t.classList.add('lit'),i*220); io2.unobserve(e.target); }); \r\n                },{threshold:0.5}); \r\n                io2.observe(t); \r\n            }); \r\n        },100); \r\n    <\/script> \r\n<\/body> \r\n<\/html>\r\n```\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Welcome to a New Career Era You Did Everything Right. And It Still Wasn&#8217;t&nbsp;Enough. The career we were promised is gone. Let&#8217;s design one that actually works. If you&#8217;ve ever followed the rules\u2026 Delivered at the highest level\u2026 Built a career you were proud of\u2026 \u2026and still found yourself overlooked, displaced,or forced to start over, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1318","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/pages\/1318","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/comments?post=1318"}],"version-history":[{"count":231,"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/pages\/1318\/revisions"}],"predecessor-version":[{"id":2857,"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/pages\/1318\/revisions\/2857"}],"wp:attachment":[{"href":"https:\/\/earthh20corporation.com\/mca\/wp-json\/wp\/v2\/media?parent=1318"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}