/* GLOW page stylesheet (CP10 Wave 3d).
   Moved verbatim from the inline <style> block that opened GLOW's <head> stylesheet stack.
   index.html links it at that block's exact DOM position, so its cascade order is unchanged. */

    :root {
      --paper: #f2efe6;
      --paper2: #e9eee8;
      --ink: #132019;
      --muted: #5e675f;
      --line: rgba(19, 32, 25, .16);
      --dark: #0e1915;
      --dark2: #16251f;
      --coast: #2d687b;
      --coast-soft: #a8cbd0;
      --clay: #985f48;
      --lime: #c7dd85;
      --sand: #ddd0b7;
      --white: #f8f6ef;
      --serif: 'Playfair Display', serif;
      --sans: 'Inter', sans-serif;
      --mono: 'JetBrains Mono', monospace;
      --shell: min(1424px, calc(100% - 80px));
      --nav: 76px;
      --ease: cubic-bezier(.22, 1, .36, 1)
    }

    * {
      box-sizing: border-box
    }

    html {
      scroll-behavior: smooth
    }

    body {
      margin: 0;
      background: var(--paper);
      color: var(--ink);
      font-family: var(--sans);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility
    }

    img {
      display: block;
      max-width: 100%
    }

    a {
      color: inherit
    }

    button {
      font: inherit
    }

    .shell {
      width: var(--shell);
      margin-inline: auto
    }

    .mono,
    .eyebrow {
      font-family: var(--mono);
      font-size: .68rem;
      line-height: 1.35;
      letter-spacing: .145em;
      text-transform: uppercase;
      font-weight: 700
    }

    .eyebrow {
      color: var(--clay)
    }

    .nav {
      height: var(--nav);
      position: sticky;
      top: 0;
      z-index: 80;
      background: rgba(242, 239, 230, .94);
      backdrop-filter: blur(18px);
      border-bottom: 1px solid var(--line)
    }

    .nav-cta,
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 46px;
      padding: 0 20px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 700;
      font-size: .83rem;
      border: 1px solid currentColor
    }

    .nav-cta {
      background: var(--ink);
      color: #fff;
      border-color: var(--ink)
    }

    .hero {
      min-height: calc(100svh - var(--nav));
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr);
      border-bottom: 1px solid var(--line)
    }

    h1,
    h2,
    h3 {
      font-family: var(--serif);
      font-weight: 500;
      letter-spacing: -.045em
    }

    h1 {
      font-size: clamp(4rem, 7.4vw, 8.2rem);
      line-height: .91;
      margin: 0;
      max-width: 8.9ch;
      text-wrap: balance
    }

    .caption {
      position: absolute;
      z-index: 2;
      left: 24px;
      right: 24px;
      bottom: 20px;
      color: #fff;
      font-size: .72rem;
      line-height: 1.45;
      letter-spacing: .03em
    }

    .caption b {
      font-family: var(--mono);
      letter-spacing: .1em;
      text-transform: uppercase;
      font-size: .62rem
    }

    .section {
      padding: clamp(78px, 8.5vw, 132px) 0;
      border-bottom: 1px solid var(--line)
    }

    .section h2 {
      font-size: clamp(3rem, 5.2vw, 6.2rem);
      line-height: .96;
      margin: 10px 0 0;
      max-width: 11ch;
      text-wrap: balance
    }

    .section h3 {
      font-size: clamp(1.65rem, 2.2vw, 2.6rem);
      line-height: 1.05;
      margin: 0
    }

    .atlas {
      background: var(--dark);
      color: #fff;
      border-bottom-color: rgba(255, 255, 255, .12)
    }

    .atlas .eyebrow {
      color: var(--lime)
    }

    @supports (animation-timeline:view()) {

      @keyframes atlasdraw {
        to {
          stroke-dashoffset: 0
        }
      }
    }

    .programme {
      background: #e8eee8
    }

    .allocation {
      background: var(--dark);
      color: #fff
    }

    .allocation .eyebrow {
      color: var(--lime)
    }

    .measure {
      background: var(--paper2)
    }

    .decision {
      background: var(--dark2);
      color: #fff;
      padding: clamp(90px, 10vw, 150px) 0 120px;
      border-bottom: 0
    }

    .decision h2 {
      max-width: 7ch;
      color: #fff
    }

    .decision p {
      color: rgba(255, 255, 255, .68);
      font-size: 1.05rem;
      line-height: 1.65;
      max-width: 47ch
    }

    :focus-visible {
      outline: 3px solid var(--clay);
      outline-offset: 4px
    }

    @media(prefers-reduced-motion:reduce) {
      html {
        scroll-behavior: auto
      }

      *,
      *:before,
      *:after {
        animation: none !important;
        transition-duration: .01ms !important
      }
    }

    @media(max-width:1080px) {
      :root {
        --shell: min(100% - 48px, 1424px)
      }

      .hero {
        grid-template-columns: 1fr 1fr
      }

      h1 {
        font-size: clamp(3.5rem, 7.2vw, 6rem)
      }

    }

    @media(max-width:820px) {
      :root {
        --nav: 58px;
        --shell: min(100% - 32px, 1424px)
      }

      .hero {
        grid-template-columns: 1fr;
        min-height: auto
      }

      h1 {
        font-size: clamp(3.8rem, 14vw, 6.2rem);
        max-width: 9ch
      }

      .section {
        padding: 78px 0
      }

      .section h2 {
        font-size: clamp(2.8rem, 11vw, 4.5rem);
        max-width: 10ch
      }

    }

    @media(max-width:480px) {
      :root {
        --shell: min(100% - 28px, 1424px)
      }

      .nav-cta {
        min-height: 40px;
        padding: 0 15px;
        font-size: .75rem
      }

      h1 {
        font-size: clamp(3.35rem, 17vw, 5.25rem)
      }

      .caption {
        left: 14px;
        right: 14px;
        bottom: 12px
      }

      .section {
        padding: 68px 0
      }

      .section h2 {
        font-size: clamp(2.55rem, 13vw, 3.7rem)
      }

      .decision {
        padding: 78px 0 92px
      }

    }

    .caption a,
    figcaption a {
      color: inherit;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 3px
    }

    /* v1.2 — Cultivera Atlas code and DTP tightening */

    .section {
      padding: clamp(68px, 7vw, 112px) 0
    }

    @media(max-width:480px) {
      .section {
        padding: 58px 0
      }

    }

    /* v1.2 DTP scan corrections */
    main [id] {
      scroll-margin-top: calc(var(--nav) + 18px)
    }

    @media(max-width:480px) {
      .nav-cta {
        min-height: 44px
      }

    }

    /* GLOW donor v1.3 final authorship + DTP */

    @keyframes glowSiteDraw {
      from {
        stroke-dashoffset: 1
      }

      to {
        stroke-dashoffset: 0
      }
    }


    /* GLOW donor v1.8 — CD visual authority final */

    /* CD hierarchy lock */


    /* v1.5 DTP closeout */


    /* v1.50.5 project-depth preservation */