/* Amar Jari — palette-locked.
   Every colour below is one of the five brand colours, the two gold tints already used in
   the printed assets, or an alpha of those. No greys, no white, no invented hues. */
:root{
  --green:#0B3B2E;      /* deep forest */
  --pine:#14503E;       /* pine        */
  --gold:#B08D45;       /* antique gold*/
  --soft:#D9BE83;       /* soft gold   */
  --ivory:#F7F3EA;      /* ivory       */
  --word:#E4D2A8;       /* wordmark gold on dark  (from the card) */
  --gold-dk:#886B2B;    /* dark gold on light — the card's #8A6D2C taken down 1% so small
                           letterspaced labels clear WCAG AA on ivory (4.52:1 vs 4.41:1).
                           Same hue; print keeps #8A6D2C. */

  /* text tones — alphas of the above, nothing new */
  --on-light:var(--green);
  --on-light-2:rgba(11,59,46,.78);
  --on-light-3:rgba(11,59,46,.70);
  --on-dark:var(--ivory);
  --on-dark-2:rgba(247,243,234,.78);

  /* hairlines — gold and forest at low alpha */
  --line-gold:rgba(176,141,69,.45);
  --line-gold-soft:rgba(217,190,131,.28);
  --line-forest:rgba(11,59,46,.14);

  --serif:'Cormorant Garamond',Didot,'Bodoni 72',Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  --pad:clamp(1.25rem,5vw,4rem);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--on-light-2);font-family:var(--sans);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding-inline:var(--pad)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.word{font-family:var(--serif);font-weight:400;letter-spacing:.3em;text-indent:.3em;
  margin:0;line-height:1.1;color:var(--on-light)}
.rule{width:120px;height:1px;background:var(--gold);opacity:.6;margin:1.25rem auto}
.tag{font-size:.7rem;letter-spacing:.4em;text-indent:.4em;margin:0;color:var(--gold-dk)}

/* nav — ivory, gold hairline */
.nav{position:sticky;top:0;z-index:20;background:rgba(247,243,234,.95);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line-gold)}
.nav .wrap{display:flex;align-items:center;gap:1rem;min-height:68px}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;margin-right:auto}
.brand img{width:30px;height:30px}
.brand span{font-family:var(--serif);font-size:1.05rem;letter-spacing:.22em;color:var(--green)}
.nav a.lnk{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;color:var(--on-light-2);padding:.4rem 0;border-bottom:1px solid transparent}
.nav a.lnk:hover{color:var(--green)}
.nav a.lnk[aria-current="page"]{color:var(--green);border-bottom-color:var(--gold)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.72rem 1.5rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;border:1px solid var(--gold);color:var(--gold-dk);background:transparent;
  border-radius:2px;cursor:pointer;font-family:var(--sans);transition:.18s}
.btn:hover{background:var(--gold);color:var(--ivory)}
.btn.solid{background:var(--green);border-color:var(--green);color:var(--word)}
.btn.solid:hover{background:var(--pine);border-color:var(--pine);color:var(--ivory)}
.btn.onDark{border-color:var(--soft);color:var(--soft)}
.btn.onDark:hover{background:var(--soft);color:var(--green)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* hero — deep forest with the card's vignette and gold inset hairline */
.hero{position:relative;background:radial-gradient(ellipse at 50% 44%,var(--pine) 0%,var(--green) 100%);
  color:var(--on-dark);text-align:center;padding:clamp(3.75rem,11vw,7rem) 0}
.hero::after{content:"";position:absolute;inset:clamp(12px,2.2vw,26px);
  border:1px solid var(--line-gold-soft);pointer-events:none}
.hero img.mark{width:clamp(78px,13vw,116px);height:auto;margin:0 auto 1.75rem}
.hero .word{font-size:clamp(2rem,8.5vw,3.75rem);color:var(--word)}
.hero .rule{background:var(--soft);opacity:.55}
.hero .tag{color:var(--soft)}
.hero p.lede{max-width:34rem;margin:1.75rem auto 0;color:var(--on-dark-2);font-size:1.02rem}
.cta{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:2.25rem}

/* sections alternate ivory and deep forest */
section{padding:clamp(3rem,8vw,5.5rem) 0}
section.dark{background:var(--green);color:var(--on-dark-2)}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.55rem,4.4vw,2.3rem);
  color:var(--green);letter-spacing:.02em;margin:0 0 1.25rem;line-height:1.25}
section.dark h2{color:var(--word)}
.eyebrow{font-size:.68rem;letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold-dk);margin:0 0 .85rem}
section.dark .eyebrow{color:var(--soft)}
.lead{max-width:40rem;margin:0}

.grid{display:grid;gap:1.25rem;margin-top:2.5rem}
.g3{grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{border:1px solid var(--line-gold);border-radius:2px;padding:1.6rem 1.5rem;background:transparent}
section.dark .card{border-color:var(--line-gold-soft)}
.card h3{font-family:var(--serif);font-size:1.22rem;font-weight:400;color:var(--green);
  margin:0 0 .5rem;letter-spacing:.01em}
section.dark .card h3{color:var(--word)}
.card p{margin:0;font-size:.94rem;color:var(--on-light-3)}
section.dark .card p{color:var(--on-dark-2)}
.num{font-family:var(--serif);font-size:.95rem;color:var(--gold);display:block;
  margin-bottom:.6rem;letter-spacing:.2em}
section.dark .num{color:var(--soft)}

/* contact */
.dl{margin:0;display:grid;gap:1.4rem}
.dl dt{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-dk);
  margin-bottom:.3rem}
.dl dd{margin:0;font-size:1.05rem;color:var(--green)}
.dl dd a{color:var(--green);text-decoration:none;border-bottom:1px solid var(--line-gold)}
.dl dd a:hover{border-bottom-color:var(--gold)}
form{display:grid;gap:1rem;margin-top:1.5rem}
label{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-dk);margin-bottom:.4rem}
input,textarea{width:100%;font:inherit;font-size:.95rem;padding:.7rem .85rem;color:var(--green);
  background:var(--ivory);border:1px solid var(--line-gold);border-radius:2px}
input::placeholder,textarea::placeholder{color:var(--on-light-3)}
input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:0;border-color:var(--gold)}
textarea{min-height:110px;resize:vertical}
.hint{font-size:.82rem;color:var(--on-light-3);margin:.25rem 0 0}
.hint a{color:var(--gold-dk)}

/* footer */
footer{background:var(--green);color:var(--on-dark-2);
  padding:clamp(2.5rem,7vw,4rem) 0 2rem;font-size:.92rem;border-top:1px solid var(--line-gold-soft)}
footer .cols{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
footer .word{font-size:1.3rem;color:var(--word)}
footer h4{font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--soft);
  margin:0 0 .7rem;font-weight:400}
footer a{color:var(--on-dark-2);text-decoration:none;border-bottom:1px solid transparent}
footer a:hover{color:var(--soft);border-bottom-color:var(--line-gold-soft)}
footer .base{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line-gold-soft);
  display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem;
  color:rgba(247,243,234,.6)}

@media (max-width:560px){
  .nav .wrap{gap:.9rem;min-height:60px}
  .brand span{font-size:.95rem;letter-spacing:.18em}
  .nav a.lnk{font-size:.72rem;letter-spacing:.12em}
  .cta .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}