/* =========================================================
       SECTION A — BASE & TOKENS
       Identical to index.html. When porting to Express,
       this entire block goes into views/partials/head.ejs +
       a shared stylesheet.
       ========================================================= */
    *{box-sizing:border-box;margin:0;padding:0}
    html,body{
      width:100%;
      max-width:100%;
      overflow-x:hidden;
      scrollbar-width:thin;
      scrollbar-color:#4D0D09 #FBF8F4;
    }
    html{scroll-behavior:smooth}
    img,video{max-width:100%;display:block}
    button,a{-webkit-tap-highlight-color:transparent}

    :root{
      --primary:#9A2921;
      --primary-dark:#4D0D09;
      --primary-deep:#371311;
      --primary-deeper:#2A0908;
      --primary-bright:#C7372C;
      --accent-warm:#D4A87C;
      --accent-warm-soft:#E8D2B8;
      --accent-warm-deep:#8A5E36;

      --text:#1c1c1c;
      --text-soft:#374151;
      --text-mute:#6B7280;

      --bg:#FBF8F4;
      --bg-card:#F8F7F4;
      --line:#E5E2D9;
      --line-strong:rgba(0,0,0,.14);

      --motion-ease:cubic-bezier(.22, 1, .36, 1);
      --motion-slow:900ms;
      --motion-med:700ms;
      --motion-fast:420ms;
    }

    body{
      font-family:'Helvetica Neue',Arial,sans-serif;
      background:var(--bg);
      color:var(--text-soft);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
    .site{
      font-family:'Helvetica Neue',Arial,sans-serif;
      background:var(--bg);
      color:var(--text-soft);
    }
    a{color:inherit;text-decoration:none}

 

    /* =========================================================
       SECTION C — INNER-PAGE HERO  (Option B: argument hero)
       Headline + three-statement thesis row.
       The page's whole argument is announced in the hero.

       VISUAL LAYERING (back-to-front):
         1. .hero-arg-bg     — full-bleed photographic backdrop (Unsplash placeholder)
         2. .hero-arg::after — burgundy gradient + dark tint over the photo
         3. .hero-arg::before— soft radial light spots (warmth)
         4. .hero-arg-inner  — actual content
       ========================================================= */
    .hero-arg{
      position:relative;
      background:var(--primary-deeper);
      color:#fff;
      padding:90px 48px 70px;
      overflow:hidden;
    }
    .hero-arg-bg{
      position:absolute;
      inset:0;
      z-index:0;
      background-size:cover;
      background-position:center;
      opacity:.32;
      filter:saturate(.85);
    }
    .hero-arg::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:linear-gradient(180deg, rgba(42,9,8,.55) 0%, rgba(42,9,8,.92) 100%);
      pointer-events:none;
    }
    .hero-arg::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      background:
        radial-gradient(circle at 12% 18%, rgba(212,168,124,.18), transparent 38%),
        radial-gradient(circle at 88% 78%, rgba(199,55,44,.22), transparent 42%);
      pointer-events:none;
    }
    .hero-arg-inner{
      position:relative;
      z-index:3;
      max-width:1180px;
      margin:0 auto;
    }
    .hero-arg-crumb{
      display:flex;
      align-items:center;
      gap:8px;
      font-size:11px;
      font-weight:600;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--accent-warm);
      margin-bottom:28px;
    }
    .hero-arg-crumb a{color:rgba(255,255,255,.5);transition:color .2s ease}
    .hero-arg-crumb a:hover{color:var(--accent-warm)}
    .hero-arg-crumb .sep{color:rgba(255,255,255,.3);font-weight:400}

    .hero-arg h1{
      font-family:"Inter Tight",sans-serif;
      font-size:clamp(2.4rem, 5vw, 4rem);
      line-height:1.02;
      letter-spacing:-.04em;
      font-weight:800;
      color:#fff;
      margin-bottom:24px;
      max-width:920px;
    }
    .hero-arg-lead{
      font-size:17px;
      color:rgba(255,255,255,.78);
      max-width:680px;
      line-height:1.65;
      margin-bottom:54px;
    }
    .hero-arg-lead em{color:var(--accent-warm);font-style:normal;font-weight:600}

    .thesis-row{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:14px;
      padding-top:36px;
      border-top:1px solid rgba(255,255,255,.12);
    }
    .thesis{
      padding:6px 18px 6px 0;
      position:relative;
    }
    .thesis::before{
      content:"";
      position:absolute;
      left:-2px;
      top:6px;
      width:34px;
      height:1px;
      background:var(--accent-warm);
    }
    .thesis-num{
      font-family:"Inter Tight",sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:.18em;
      color:var(--accent-warm);
      margin-top:14px;
      margin-bottom:12px;
    }
    .thesis h3{
      font-family:"Inter Tight",sans-serif;
      font-size:22px;
      font-weight:700;
      line-height:1.15;
      letter-spacing:-.025em;
      color:#fff;
      margin-bottom:10px;
    }
    .thesis p{
      font-size:14px;
      color:rgba(255,255,255,.72);
      line-height:1.65;
      max-width:340px;
    }
    @media(max-width:980px){
      .thesis-row{grid-template-columns:1fr;gap:28px}
      .thesis{padding-right:0}
    }
    @media(max-width:768px){
      .hero-arg{padding:60px 24px 50px}
      .hero-arg-lead{margin-bottom:40px}
    }

    /* =========================================================
       SECTION D — INNER-PAGE STATS BAR
       Reused from the homepage's earlier draft. Mounted as a
       horizontal band immediately after the hero. Inner-pages
       wear this; the homepage does not (per WP2 decision).
       ========================================================= */
    .stats-section{
      background:var(--bg);
      position:relative;
      z-index:5;
    }
    .stats-bar{
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      margin-top:-44px;
      box-shadow:0 18px 50px rgba(55,19,17,.10);
      position:relative;
      z-index:6;
      max-width:1180px;
      margin-left:auto;
      margin-right:auto;
    }
    @media(max-width:720px){
      .stats-bar{grid-template-columns:1fr 1fr;margin-top:-30px}
    }
    .stat{
      padding:28px 22px;
      text-align:center;
      border-right:1px solid var(--line);
    }
    .stat:last-child{border-right:none}
    @media(max-width:720px){
      .stat:nth-child(2){border-right:none}
      .stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}
    }
    .stat-n{
      font-family:"Inter Tight",sans-serif;
      font-size:clamp(1.8rem, 3vw, 2.4rem);
      line-height:1;
      font-weight:800;
      letter-spacing:-.04em;
      color:var(--primary);
      margin-bottom:8px;
    }
    .stat-l{font-size:13px;color:var(--text-mute)}

    /* =========================================================
       SECTION E — STANDARD SECTION + EYEBROW + HEADINGS
       Same pattern as the homepage.
       ========================================================= */
    .sec{padding:84px 48px}
    .sec.alt{background:#fff}
    .sec.soft{background:var(--bg-card)}
    .sec.dark{background:var(--primary-deeper)}

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:11px;
      font-weight:600;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--primary);
      margin-bottom:14px;
      line-height:1;
    }
    .eyebrow::before{
      content:"";
      width:42px;
      height:1px;
      flex-shrink:0;
      background:linear-gradient(
        90deg,
        var(--primary-bright) 0%,
        var(--primary) 45%,
        rgba(154,41,33,0) 100%
      );
    }
    .eyebrow.light-eyebrow{color:var(--accent-warm)}
    .eyebrow.light-eyebrow::before{
      background:linear-gradient(
        90deg,
        var(--accent-warm) 0%,
        var(--accent-warm-deep) 45%,
        rgba(212,168,124,0) 100%
      );
    }
    .sec-h2{
      font-family:"Inter Tight",sans-serif;
      font-size:34px;
      font-weight:800;
      color:var(--primary-deep);
      margin-bottom:14px;
      line-height:1.1;
      letter-spacing:-.03em;
    }
    .sec-h2.light{color:#fff}
    .sec-lead{
      font-size:16px;
      color:var(--text-soft);
      line-height:1.7;
      max-width:680px;
      margin-bottom:44px;
    }
    .sec-lead.light{color:rgba(255,255,255,.7)}

    /* =========================================================
       SECTION F — "WHY THIS DEGREE MATTERS NOW"
       Editorial expansion of the hero's three theses.
       Three sub-blocks, each with a paragraph + a small visual cue.
       ========================================================= */
    .why-now-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
      margin-top:14px;
    }
    @media(max-width:980px){
      .why-now-grid{grid-template-columns:1fr;gap:14px}
    }
    .why-now-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);
    }
    .why-now-card:hover{
      transform:translateY(-3px);
      box-shadow:0 14px 38px rgba(55,19,17,.08);
    }
    .why-now-img{
      position:relative;
      width:100%;
      aspect-ratio:16/9;
      overflow:hidden;
      background:var(--bg-card);
    }
    .why-now-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform 1000ms var(--motion-ease);
    }
    .why-now-card:hover .why-now-img img{transform:scale(1.045)}
    .why-now-img-tint{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(42,9,8,0) 50%, rgba(42,9,8,.32) 100%);
    }
    .why-now-body{
      padding:28px 28px 30px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .why-now-icon{
      position:absolute;
      bottom:14px;
      left:14px;
      z-index:2;
      width:38px;
      height:38px;
      border-radius:6px;
      background:rgba(255,255,255,.92);
      color:var(--primary);
      display:grid;
      place-items:center;
      font-family:"Inter Tight",sans-serif;
      font-weight:800;
      font-size:15px;
      letter-spacing:-.02em;
      box-shadow:0 4px 12px rgba(0,0,0,.22);
    }
    .why-now-card h3{
      font-family:"Inter Tight",sans-serif;
      font-size:20px;
      font-weight:700;
      letter-spacing:-.02em;
      line-height:1.15;
      color:var(--primary-deep);
      margin-bottom:12px;
    }
    .why-now-card p{
      font-size:14.5px;
      color:var(--text-soft);
      line-height:1.7;
      flex:1;
    }
    .why-now-card .why-now-label{
      display:inline-block;
      align-self:flex-start;
      margin-top:18px;
      padding-top:14px;
      border-top:1px dashed var(--line);
      font-size:11px;
      letter-spacing:.12em;
      text-transform:uppercase;
      font-weight:700;
      color:var(--primary);
    }

    /* =========================================================
       SECTION G — RESEARCH EVIDENCE
       This is where placeholder numbers live. Cards are clearly
       designed so swapping a real figure is a one-token edit.
       ========================================================= */
    .research-shell{
      display:grid;
      grid-template-columns:36fr 64fr;
      gap:24px;
      align-items:stretch;
      margin-bottom:24px;
    }
    @media(max-width:980px){
      .research-shell{grid-template-columns:1fr;gap:18px}
    }
    .research-image{
      position:relative;
      border-radius:8px;
      overflow:hidden;
      min-height:340px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.08);
    }
    .research-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform 1200ms var(--motion-ease);
    }
    .research-image:hover img{transform:scale(1.04)}
    .research-image-tint{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(42,9,8,.10) 0%, rgba(42,9,8,.55) 100%);
    }
    .research-image-caption{
      position:absolute;
      left:18px;
      bottom:16px;
      right:18px;
      z-index:2;
      font-size:11.5px;
      color:rgba(255,255,255,.78);
      line-height:1.55;
      letter-spacing:.02em;
    }
    .research-image-caption strong{
      display:block;
      font-family:"Inter Tight",sans-serif;
      font-weight:700;
      color:#fff;
      font-size:13px;
      letter-spacing:-.01em;
      margin-bottom:4px;
    }
    @media(max-width:980px){
      .research-image{min-height:260px}
    }
    .research-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-bottom:0;
    }
    @media(max-width:540px){
      .research-grid{grid-template-columns:1fr}
    }
    .research-card{
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.10);
      border-radius:8px;
      padding:24px 22px;
      position:relative;
    }
    .research-card.placeholder::after{
      content:"placeholder";
      position:absolute;
      top:10px;
      right:10px;
      font-size:8.5px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:rgba(212,168,124,.55);
      padding:3px 6px;
      border:1px solid rgba(212,168,124,.25);
      border-radius:3px;
    }
    .research-n{
      font-family:"Inter Tight",sans-serif;
      font-size:36px;
      font-weight:800;
      color:#fff;
      line-height:1;
      letter-spacing:-.04em;
      margin-bottom:10px;
    }
    .research-n .token{
      color:var(--accent-warm);
      background:rgba(212,168,124,.10);
      padding:2px 6px;
      border-radius:4px;
      font-size:0.9em;
    }
    .research-l{
      font-family:"Inter Tight",sans-serif;
      font-size:13.5px;
      color:rgba(255,255,255,.84);
      line-height:1.4;
      margin-bottom:6px;
      font-weight:600;
    }
    .research-src{
      font-size:11px;
      color:rgba(255,255,255,.45);
      line-height:1.5;
      letter-spacing:.02em;
    }

    /* Faculty distinctions strip (below the research cards) */
    .distinctions{
      margin-top:24px;
      padding-top:30px;
      border-top:1px solid rgba(255,255,255,.10);
    }
    .distinctions-label{
      font-size:10.5px;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--accent-warm);
      margin-bottom:18px;
    }
    .distinctions-list{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
    }
    @media(max-width:980px){
      .distinctions-list{grid-template-columns:1fr;gap:14px}
    }
    .distinction{
      display:flex;
      gap:14px;
      align-items:flex-start;
      padding:14px 0;
    }
    .distinction-mark{
      flex:0 0 44px;
      height:44px;
      border-radius:6px;
      background:rgba(212,168,124,.12);
      color:var(--accent-warm);
      display:grid;
      place-items:center;
      font-family:"Inter Tight",sans-serif;
      font-weight:800;
      font-size:13px;
      letter-spacing:-.02em;
    }
    .distinction-body strong{
      display:block;
      font-family:"Inter Tight",sans-serif;
      font-size:14.5px;
      font-weight:600;
      color:#fff;
      letter-spacing:-.01em;
      line-height:1.3;
      margin-bottom:4px;
    }
    .distinction-body span{
      font-size:12.5px;
      color:rgba(255,255,255,.6);
      line-height:1.5;
    }

    

    /* =========================================================
       SECTION I — TWO PATHWAYS (Expected Learning Results)
       Side-by-side pathway cards. Image-top, content-bottom.
       Each card carries its three learning sub-points.
       ========================================================= */
    .paths-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px;
    }
    @media(max-width:980px){
      .paths-grid{grid-template-columns:1fr;gap:18px}
    }
    .path-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);
    }
    .path-card:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 44px rgba(55,19,17,.10);
    }
    .path-img{
      position:relative;
      aspect-ratio:5/3;
      background:var(--bg-card);
      overflow:hidden;
    }
    .path-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform 1000ms var(--motion-ease);
    }
    .path-card:hover .path-img img{transform:scale(1.04)}
    .path-img-tint{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(42,9,8,0) 0%, rgba(42,9,8,.32) 100%);
    }
    .path-pill{
      position:absolute;
      top:16px;
      left:16px;
      z-index:2;
      display:inline-flex;
      padding:6px 12px;
      background:rgba(255,255,255,.92);
      border-radius:3px;
      font-size:10.5px;
      font-weight:700;
      letter-spacing:.1em;
      text-transform:uppercase;
      color:var(--primary);
    }
    .path-pill.pill-warm{
      background:var(--accent-warm);
      color:var(--primary-deeper);
    }
    .path-body{
      padding:30px 30px 32px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .path-card h3{
      font-family:"Inter Tight",sans-serif;
      font-size:23px;
      font-weight:800;
      letter-spacing:-.025em;
      line-height:1.15;
      color:var(--primary-deep);
      margin-bottom:12px;
    }
    .path-card p{
      font-size:14.5px;
      color:var(--text-soft);
      line-height:1.7;
      margin-bottom:22px;
    }
    .path-points{
      list-style:none;
      padding:0;
      margin:0;
      padding-top:18px;
      border-top:1px solid var(--line);
      display:grid;
      gap:10px;
    }
    .path-points li{
      position:relative;
      padding-left:22px;
      font-size:13.5px;
      color:var(--text);
      line-height:1.5;
    }
    .path-points li::before{
      content:"";
      position:absolute;
      left:0;
      top:8px;
      width:8px;
      height:8px;
      border-radius:2px;
      background:var(--primary);
    }

    /* =========================================================
       SECTION J — BEYOND GRADUATION
       Promoted out of the pathway trio. Sits as a follow-on
       to the two pathways, framed as outcome rather than choice.
       Three-column outcome strip on a soft warm background.
       ========================================================= */
    .beyond-intro{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:48px;
      align-items:end;
      margin-bottom:36px;
    }
    @media(max-width:900px){
      .beyond-intro{grid-template-columns:1fr;gap:18px}
    }
    .beyond-intro p{
      font-size:14.5px;
      color:var(--text-soft);
      line-height:1.75;
      max-width:540px;
    }
    .beyond-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:14px;
    }
    @media(max-width:980px){
      .beyond-grid{grid-template-columns:1fr;gap:12px}
    }
    .beyond-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      position:relative;
      display:flex;
      flex-direction:column;
      transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);
    }
    .beyond-card:hover{
      transform:translateY(-3px);
      box-shadow:0 14px 38px rgba(55,19,17,.08);
    }
    .beyond-img{
      position:relative;
      width:100%;
      aspect-ratio:16/9;
      background:var(--bg-card);
      overflow:hidden;
    }
    .beyond-img img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform 1000ms var(--motion-ease);
    }
    .beyond-card:hover .beyond-img img{transform:scale(1.045)}
    .beyond-img-tint{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(42,9,8,0) 50%, rgba(42,9,8,.30) 100%);
    }
    .beyond-body{
      padding:24px 24px 26px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .beyond-num{
      font-family:"Inter Tight",sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:.18em;
      color:var(--primary);
      margin-bottom:14px;
    }
    .beyond-card h4{
      font-family:"Inter Tight",sans-serif;
      font-size:17px;
      font-weight:700;
      letter-spacing:-.02em;
      line-height:1.2;
      color:var(--primary-deep);
      margin-bottom:10px;
    }
    .beyond-card p{
      font-size:13.5px;
      color:var(--text-soft);
      line-height:1.6;
    }

    /* =========================================================
       SECTION K — STRUCTURE BRIDGE
       Editorial paragraph + three signposts to sub-pages.
       This is the navigational core of the page.
       ========================================================= */
    .bridge-intro{
      max-width:780px;
      margin-bottom:40px;
    }
    .bridge-intro p{
      font-size:15px;
      color:var(--text-soft);
      line-height:1.75;
    }
    .bridge-intro p + p{margin-top:14px}
    .bridge-grid{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:18px;
    }
    @media(max-width:980px){
      .bridge-grid{grid-template-columns:1fr;gap:14px}
    }
    .bridge-card{
      background:#fff;
      border:1px solid var(--line);
      border-radius:8px;
      overflow:hidden;
      transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);
      display:flex;
      flex-direction:column;
      text-decoration:none;
      color:inherit;
    }
    .bridge-card:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 44px rgba(55,19,17,.10);
      border-color:var(--primary);
    }
    .bridge-thumb{
      position:relative;
      width:100%;
      height:150px;
      overflow:hidden;
      background:var(--bg-card);
    }
    .bridge-thumb img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform 1000ms var(--motion-ease);
    }
    .bridge-card:hover .bridge-thumb img{transform:scale(1.045)}
    .bridge-thumb-tint{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(42,9,8,0) 60%, rgba(42,9,8,.32) 100%);
    }
    .bridge-body{
      padding:26px 28px 28px;
      display:flex;
      flex-direction:column;
      flex:1;
    }
    .bridge-num{
      font-family:"Inter Tight",sans-serif;
      font-size:14px;
      font-weight:800;
      letter-spacing:-.02em;
      color:var(--accent-warm-deep);
      margin-bottom:14px;
    }
    .bridge-card h3{
      font-family:"Inter Tight",sans-serif;
      font-size:21px;
      font-weight:800;
      letter-spacing:-.025em;
      line-height:1.15;
      color:var(--primary-deep);
      margin-bottom:10px;
    }
    .bridge-card p{
      font-size:13.5px;
      color:var(--text-soft);
      line-height:1.7;
      margin-bottom:20px;
      flex:1;
    }
    .bridge-arrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:12.5px;
      font-weight:700;
      letter-spacing:.04em;
      color:var(--primary);
      transition:gap var(--motion-fast) var(--motion-ease);
    }
    .bridge-arrow::after{
      content:"→";
      transition:transform var(--motion-fast) var(--motion-ease);
    }
    .bridge-card:hover .bridge-arrow{gap:12px}

    /* =========================================================
       SECTION L — CTA (same as homepage)
       ========================================================= */
    .cta-sec{
      background:var(--bg-card);
      border-top:1px solid var(--line);
      padding:80px 48px;
      text-align:center;
      position:relative;
      overflow:hidden;
    }
    .cta-sec::before{
      content:"";
      position:absolute;
      top:-120px;
      left:50%;
      width:520px;
      height:520px;
      transform:translateX(-50%);
      background:radial-gradient(circle, rgba(154,41,33,.13), rgba(154,41,33,0) 68%);
      pointer-events:none;
    }
    .cta-inner{
      position:relative;
      z-index:1;
      max-width:740px;
      margin:0 auto;
    }
    .cta-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:11px;
      font-weight:600;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--primary);
      margin-bottom:16px;
    }
    .cta-eyebrow::before,.cta-eyebrow::after{
      content:"";
      width:34px;
      height:1px;
      background:linear-gradient(
        90deg,
        rgba(154,41,33,0),
        rgba(154,41,33,.75),
        rgba(154,41,33,0)
      );
    }
    .cta-h2{
      font-family:"Inter Tight",sans-serif;
      font-size:38px;
      font-weight:800;
      color:var(--primary-deep);
      margin-bottom:14px;
      line-height:1.15;
      letter-spacing:-.035em;
      text-wrap:balance;
    }
    .cta-sub{
      font-size:15px;
      color:var(--text-mute);
      margin:0 auto 32px;
      max-width:520px;
      line-height:1.65;
    }
    .cta-row{
      display:flex;
      gap:14px;
      justify-content:center;
      flex-wrap:wrap;
    }

    /* =========================================================
       SECTION M — BUTTONS  (same as homepage)
       ========================================================= */
    .btn-burgundy{
      background:var(--primary);
      color:#fff;
      padding:15px 32px;
      font-size:14.5px;
      font-weight:600;
      border:1px solid var(--primary);
      border-radius:3px;
      cursor:pointer;
      font-family:inherit;
      letter-spacing:.01em;
      text-decoration:none;
      display:inline-block;
      transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);
    }
    .btn-burgundy:hover{
      transform:translateY(-3px);
      background:var(--primary-dark);
      box-shadow:0 16px 34px rgba(154,41,33,.22);
    }
    .btn-burgundy-lead{
      background:var(--primary);
      color:#fff;
      padding:15px 36px;
      font-size:14.5px;
      font-weight:600;
      border:1px solid var(--primary);
      border-radius:3px 18px 18px 3px;
      cursor:pointer;
      font-family:inherit;
      letter-spacing:.01em;
      text-decoration:none;
      display:inline-block;
      transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease);
    }
    .btn-burgundy-lead:hover{
      transform:translateY(-3px);
      background:var(--primary-dark);
      box-shadow:0 16px 34px rgba(154,41,33,.22);
    }
    .btn-outline{
      background:transparent;
      color:var(--primary);
      border:1.5px solid var(--primary);
      padding:14px 34px;
      font-size:14.5px;
      font-weight:600;
      border-radius:3px;
      cursor:pointer;
      font-family:inherit;
      text-decoration:none;
      display:inline-block;
      transition:transform var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);
    }
    .btn-outline:hover{
      transform:translateY(-3px);
      background:var(--primary);
      color:#fff;
    }
    .btn-ghost{
      background:transparent;
      color:#fff;
      border:1.5px solid rgba(255,255,255,.4);
      padding:14px 34px;
      font-size:14.5px;
      font-weight:600;
      border-radius:3px;
      cursor:pointer;
      font-family:inherit;
      text-decoration:none;
      display:inline-block;
      transition:transform var(--motion-fast) var(--motion-ease), background var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);
    }
    .btn-ghost:hover{
      transform:translateY(-3px);
      border-color:rgba(255,255,255,.72);
      background:rgba(255,255,255,.08);
    }


    /* =========================================================
       MOTION SYSTEM (data-reveal) — same as homepage
       ========================================================= */
    .motion-ready [data-reveal]{
      opacity:0;
      transform:translateY(24px);
      transition:opacity var(--motion-med) var(--motion-ease), transform var(--motion-med) var(--motion-ease);
      will-change:opacity, transform;
    }
    .motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
    .motion-ready [data-reveal="left"]{transform:translateX(-28px)}
    .motion-ready [data-reveal="right"]{transform:translateX(28px)}
    .motion-ready [data-reveal="left"].is-visible,
    .motion-ready [data-reveal="right"].is-visible{transform:translateX(0)}
    .motion-ready [data-delay="1"]{transition-delay:90ms}
    .motion-ready [data-delay="2"]{transition-delay:180ms}
    .motion-ready [data-delay="3"]{transition-delay:270ms}
    .motion-ready [data-delay="4"]{transition-delay:360ms}
    .motion-ready [data-delay="5"]{transition-delay:450ms}
    .motion-ready [data-delay="6"]{transition-delay:540ms}

    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{
        animation-duration:.01ms !important;
        transition-duration:.01ms !important;
      }
      .motion-ready [data-reveal],
      .motion-ready [data-reveal].is-visible{opacity:1;transform:none}
    }

    /* =========================================================
       RESPONSIVE LAYER
       ========================================================= */
    @media(max-width:1200px){
      .nav,.sec,.cta-sec,.footer,.footer-bottom{padding-left:32px;padding-right:32px}
      .hero-arg{padding-left:32px;padding-right:32px}
    }
    @media(max-width:992px){
      .nav{padding:0 24px;overflow-x:auto;scrollbar-width:none}
      .nav::-webkit-scrollbar{display:none}
      .nav-link{padding:20px 12px}
      .nav-apply{margin-left:12px}
      .footer{grid-template-columns:1fr 1fr}
    }
    @media(max-width:768px){
      .nav{padding:0 18px}
      .nav-link{font-size:12px;padding:18px 10px}
      .nav-apply{font-size:12px;padding:9px 14px}
      .nav-logo-main{font-size:13.5px}
      .nav-logo-main small{font-size:10px}
      .sec,.cta-sec{padding:60px 22px}
      .hero-arg{padding:50px 22px 40px}
      .sec-h2{font-size:28px}
      .sec-lead{font-size:14.5px;margin-bottom:32px}
      .cta-h2{font-size:30px}
      .cta-row{flex-direction:column;align-items:stretch}
      .btn-burgundy,.btn-burgundy-lead,.btn-outline,.btn-ghost{width:100%;text-align:center}
      .footer{grid-template-columns:1fr;padding:32px 24px 20px;gap:28px}
      .footer-bottom{padding:14px 24px;flex-direction:column;align-items:flex-start}
    }