:root{color-scheme:light;
    --ink:#15263F;--ink-deep:#0C1726;--paper:#F5F1E8;--paper-2:#ECE5D6;
    --gold:#C0883A;--gold-soft:#E0B062;--gold-ink:#8C5A14;--sage:#566B53;--stone:#857D6E;
    --line:rgba(21,38,63,.13);--text:#1B2330;
    --serif:"Fraunces",Georgia,serif;--sans:"Anteb","Nunito Sans",system-ui,-apple-system,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth;background:#F5F1E8}
  body{font-family:var(--sans);background:var(--paper);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
  .narrow{max-width:760px;margin:0 auto;padding:0 28px}
  a{color:inherit;text-decoration:none}
  h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.06;color:var(--ink);letter-spacing:-.012em}
  .eyebrow{font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--gold-ink)}

  .btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--sans);font-weight:600;font-size:.95rem;padding:.92em 1.55em;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease}
  .btn-gold{background:var(--ink);color:var(--paper)}
  .btn-gold:hover{background:var(--gold);color:#1c1306;transform:translateY(-2px)}
  .btn-ghost{border-color:var(--line);color:var(--ink);background:transparent}
  .btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
  .btn .ar{transition:transform .25s ease}.btn:hover .ar{transform:translateX(3px)}

  /* header */
  header{position:sticky;top:0;z-index:50;background:rgba(245,241,232,.84);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}
  header.scrolled{border-color:var(--line);box-shadow:0 4px 24px rgba(12,23,38,.05)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:78px}
  .brand{display:flex;align-items:center;gap:.6em}
  .brand .mark{width:36px;height:36px;flex:none}
  .brand .name{font-family:var(--serif);font-size:1.34rem;color:var(--ink);letter-spacing:.01em;line-height:1}
  .brand .name i{font-style:italic;color:var(--gold-ink);font-weight:300}
  .nav-links{display:flex;align-items:center;gap:2em;list-style:none}
  .nav-links a{font-size:.92rem;font-weight:500;color:#34415a;transition:color .2s ease}
  .nav-links a:hover,.nav-links a.active{color:var(--gold-ink)}
  .nav-cta{display:flex;align-items:center;gap:.9em}
  .nav-cta .give{font-size:.9rem;font-weight:600;color:var(--ink)}
  .menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}
  .menu-btn span{width:24px;height:2px;background:var(--ink)}

  /* hero */
  .b-hero{padding:72px 0 0;position:relative}
  .b-hero .narrow{position:relative;z-index:2}
  .kicker{font-family:var(--serif);font-style:italic;color:var(--gold-ink);font-size:1.2rem;margin-bottom:.2em}
  .b-hero h1{font-size:clamp(2.7rem,6vw,4.6rem);margin:.18em 0 .5em}
  .b-hero p.lead{font-size:1.22rem;color:#3a4356;max-width:54ch}
  .b-hero .dawn{position:absolute;left:0;right:0;top:0;height:100%;z-index:1;overflow:hidden;pointer-events:none}
  .b-hero .dawn::after{content:"";position:absolute;left:50%;top:-120%;transform:translateX(-50%);width:900px;height:900px;border-radius:50%;background:radial-gradient(circle,rgba(224,176,98,.16),transparent 60%)}

  /* heart of it */
  .heart{margin-top:72px;background:var(--ink);color:var(--paper);padding:84px 0;position:relative;overflow:hidden}
  .heart::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft),transparent)}
  .heart .eyebrow{color:var(--gold-soft)}
  .heart h2{color:var(--paper);font-size:clamp(1.8rem,4vw,2.7rem);margin:.35em 0 .6em;max-width:24ch}
  .heart p{color:rgba(245,241,232,.82);font-size:1.12rem;max-width:60ch}
  .heart p+p{margin-top:1.1em}
  .heart .verse{font-family:var(--serif);font-style:italic;font-size:1.25rem;color:var(--gold-soft);margin-top:2em;padding-left:22px;border-left:2px solid rgba(224,176,98,.5);max-width:50ch}

  /* beliefs list */
  .beliefs{padding:92px 0}
  .beliefs .head{max-width:48ch;margin-bottom:18px}
  .beliefs .head h2{font-size:clamp(2rem,4.4vw,3rem);margin-top:.3em}
  .beliefs .head p{color:#46506a;margin-top:.7em;max-width:54ch}
  .belief{display:grid;grid-template-columns:64px 1fr;gap:26px;padding:34px 0;border-top:1px solid var(--line);align-items:start}
  .belief:last-child{border-bottom:1px solid var(--line)}
  .belief .num{font-family:var(--serif);font-size:1.5rem;color:var(--gold-ink);line-height:1;padding-top:.15em}
  .belief h3{font-size:1.5rem;margin-bottom:.35em}
  .belief p{color:#3f495d;font-size:1.04rem;max-width:62ch}

  /* note */
  .note{background:var(--paper-2);padding:64px 0}
  .note .narrow{text-align:center}
  .note .eyebrow{color:var(--gold-ink)}
  .note h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:.4em 0 .5em}
  .note p{color:#46506a;max-width:56ch;margin:0 auto;font-size:1.06rem}

  /* cta */
  .cta{background:var(--ink-deep);color:var(--paper);padding:96px 0;text-align:center;position:relative;overflow:hidden}
  .cta .floor{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:130%;height:60%;background:radial-gradient(ellipse at 50% 100%,rgba(192,136,58,.4),transparent 62%)}
  .cta .wrap{position:relative;z-index:2}
  .cta .eyebrow{color:var(--gold-soft)}
  .cta h2{color:var(--paper);font-size:clamp(2rem,4.6vw,3.2rem);margin:.35em auto .5em;max-width:18ch}
  .cta p{color:rgba(245,241,232,.78);max-width:48ch;margin:0 auto 2em;font-size:1.08rem}
  .cta-row{display:flex;gap:.85em;justify-content:center;flex-wrap:wrap}
  .cta .btn-ghost{border-color:rgba(245,241,232,.3);color:var(--paper)}
  .cta .btn-ghost:hover{border-color:var(--paper)}
  .cta .btn-gold{background:var(--gold);color:#1c1306}
  .cta .btn-gold:hover{background:var(--gold-soft)}

  /* footer */
  footer{background:var(--ink-deep);color:rgba(245,241,232,.72);padding:78px 0 34px}
  .foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:46px;border-bottom:1px solid rgba(245,241,232,.13)}
  .foot-brand .brand .name{color:var(--paper)}.foot-brand .brand .name i{color:var(--gold-soft)}
  .foot-brand p{font-size:.92rem;max-width:32ch;margin-top:16px}
  footer h4{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);margin-bottom:18px;font-weight:700}
  footer ul{list-style:none}footer li{margin-bottom:11px}
  footer a{font-size:.93rem;transition:color .2s ease}footer a:hover{color:var(--paper)}
  .foot-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:.82rem;color:rgba(245,241,232,.45);flex-wrap:wrap;gap:14px}

  .fx{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
  .fx.in{opacity:1;transform:none}

  @media(max-width:900px){
    .nav-links,.nav-cta .give{display:none}.menu-btn{display:flex}
    .foot-grid{grid-template-columns:1fr 1fr}
  }
  @media(max-width:560px){
    .wrap,.narrow{padding:0 20px}
    .belief{grid-template-columns:1fr;gap:8px}
    .belief .num{font-size:1.2rem}
    .foot-grid{grid-template-columns:1fr}
  }
  @media(prefers-reduced-motion:reduce){*{animation:none!important}.fx{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
  /* ===== editor-driven What We Believe content ===== */
  .believe-body{padding:74px 0 0}
  .believe-content{counter-reset:belief;max-width:720px}
  .believe-content > *{margin-bottom:1.15em}
  .believe-content p{color:#3f495d;font-size:1.1rem;max-width:64ch}
  .believe-content h2{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.1;letter-spacing:-.012em;margin:1.7em 0 .5em}
  .believe-content h2:first-child{margin-top:.1em}
  .believe-content blockquote{font-family:var(--serif);font-style:italic;font-size:1.32rem;line-height:1.4;color:var(--gold-ink);margin:1.7em 0;padding-left:24px;border-left:2px solid var(--gold-soft);max-width:52ch}
  .believe-content blockquote p{font-family:var(--serif);font-style:italic;color:var(--gold-ink);font-size:1.32rem}
  .believe-content ul,.believe-content ol{margin:0 0 1.15em 1.3em;color:#3f495d;font-size:1.1rem}
  .believe-content ul li,.believe-content ol li{margin-bottom:.5em}
  .believe-content a{color:var(--gold-ink);text-decoration:underline;text-underline-offset:2px}
  .believe-content strong{color:var(--ink);font-weight:600}
  /* Heading 3 = a belief, auto-numbered in gold with a divider */
  .believe-content h3{counter-increment:belief;position:relative;font-family:var(--serif);font-weight:400;color:var(--ink);font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;border-top:1px solid var(--line);margin-top:36px;padding:34px 0 .15em 66px}
  .believe-content h3::before{content:counter(belief,decimal-leading-zero);position:absolute;left:0;top:34px;font-family:var(--serif);font-size:1.5rem;color:var(--gold-ink);line-height:1}
  .believe-content h3 + p{padding-left:66px;color:#3f495d;font-size:1.05rem}
  @media(max-width:560px){
    .believe-content h3{padding-left:46px}
    .believe-content h3::before{font-size:1.2rem}
    .believe-content h3 + p{padding-left:46px}
  }

  /* dark navy band built from the first Heading-2 section */
  .heart .believe-dark > *{margin-bottom:1.1em}
  .heart .believe-dark > *:last-child{margin-bottom:0}
  .heart .believe-dark h2{color:var(--paper);font-size:clamp(1.8rem,4vw,2.7rem);margin:0 0 .5em;max-width:24ch}
  .heart .believe-dark h2:not(:first-child){margin-top:1.3em}
  .heart .believe-dark p{color:rgba(245,241,232,.82);font-size:1.12rem;max-width:60ch}
  .heart .believe-dark blockquote{font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.4;color:var(--gold-soft);margin:1.4em 0;padding-left:22px;border-left:2px solid rgba(224,176,98,.5);max-width:52ch}
  .heart .believe-dark blockquote p{color:var(--gold-soft);font-family:var(--serif);font-style:italic;font-size:1.3rem}
  .heart .believe-dark a{color:var(--gold-soft);text-decoration:underline}
  .heart .believe-dark strong{color:var(--paper)}
  .believe-body.lower{padding-top:88px}

  /* gold section labels (a short line typed directly above a Heading 2) */
  .believe-content h2 .sec-eyebrow,
  .heart .believe-dark h2 .sec-eyebrow,
  .note h2 .sec-eyebrow{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;color:var(--gold-ink);margin-bottom:.7em;line-height:1.3}
  .heart .believe-dark h2 .sec-eyebrow{color:var(--gold-soft)}
  /* scope the big lead paragraph to the intro only */
  .believe-content.believe-lead > p:first-of-type{font-size:1.24rem;color:#3a4356;line-height:1.62}
  /* the soft centered "note" band, built from the last Heading-2 section */
  .note .narrow > *{margin-bottom:.5em}
  .note h2{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:clamp(1.6rem,3.4vw,2.2rem);margin:.1em 0 .5em}
  .note .sec-eyebrow{color:var(--gold-ink)}
  .note p{color:#46506a;max-width:56ch;margin:0 auto;font-size:1.06rem}

  /* hero lead/subtitle (the text before your first Heading 2) */
  .b-hero .lead{margin-top:.25em}
  .b-hero .lead p{font-size:1.22rem;color:#3a4356;max-width:54ch;margin-bottom:.6em}
  .b-hero .lead p:last-child{margin-bottom:0}

  /* hero eyebrow (the page name, above the big headline) */
  .b-hero .eyebrow{display:block;margin:.1em 0 .55em}