/* Anam — The Way of Two Souls. Shared stylesheet. No build step. */
:root{
  --ink:#1f2a2e;
  --ink-soft:#46555b;
  --sea:#2c5b66;
  --sea-deep:#1d4049;
  --sand:#f4efe6;
  --sand-deep:#e9e0d1;
  --line:#ddd2bd;
  --gold:#9a7b3f;
  --gold-soft:#c8a45e;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--ink);
  background-color:var(--sand);
  /* faint grain so the sand reads as paper, not flat */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  line-height:1.72;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:500;line-height:1.14;margin:0;}
a{color:var(--sea);text-underline-offset:3px;text-decoration-thickness:1px;}
.wrap{max-width:720px;margin:0 auto;padding:0 28px;}

/* ---- Sea-head: shared dark banner (hero + interior page headers) ---- */
.sitehead{
  position:relative;
  background:linear-gradient(168deg,#16323a 0%,var(--sea-deep) 48%,var(--sea) 100%);
  color:#f6f2e9;
  text-align:center;
  overflow:hidden;
}
.sitehead::before{
  content:"";position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);
  width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(200,164,94,.18) 0%,rgba(200,164,94,0) 62%);
  pointer-events:none;
}
.sitehead.hero{padding:0 0 150px;}
.sitehead.pagehead{padding:0 0 92px;}

/* ---- Top navigation ---- */
.topnav{
  position:relative;z-index:2;
  max-width:980px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;
  padding:24px 28px 8px;
}
.nav-brand{
  font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;letter-spacing:.07em;
  color:#f6f2e9;text-decoration:none;
}
.nav-links{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;}
.nav-links a{
  font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:400;color:rgba(246,242,233,.82);text-decoration:none;padding-bottom:2px;
  border-bottom:1px solid transparent;transition:color .25s ease,border-color .25s ease;
}
.nav-links a:hover{color:#fff;border-bottom-color:var(--gold-soft);}
.nav-links a[aria-current="page"]{color:#fff;border-bottom-color:var(--gold-soft);}

/* ---- Hero (home) ---- */
.hero-inner{padding-top:64px;}
.souls{margin:0 auto 26px;display:block;width:60px;height:34px;opacity:.92;}
.mark{
  font-family:'Cormorant Garamond',serif;
  font-size:92px;letter-spacing:.05em;font-weight:600;line-height:1;
  margin:0 0 10px;
}
.tag{font-family:'Cormorant Garamond',serif;font-size:27px;font-style:italic;opacity:.93;letter-spacing:.02em;}
.lede{max-width:520px;margin:28px auto 0;font-size:17px;font-weight:300;opacity:.9;}

/* ---- Interior page header ---- */
.pagehead-inner{padding-top:40px;}
.pagehead .kicker{
  font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold-soft);font-weight:500;margin-bottom:14px;
}
.pagehead h1{font-size:60px;letter-spacing:.01em;margin:0;color:#f6f2e9;}
.pagehead .subtitle{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:23px;
  opacity:.92;margin:14px auto 0;max-width:560px;
}

/* tide */
.tide{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;display:block;z-index:1;}

/* ---- Sections ---- */
section{padding:74px 0;position:relative;}
section + section{border-top:1px solid var(--line);}
.eyebrow{
  font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--gold);font-weight:500;margin-bottom:16px;
}
h2{font-size:38px;color:var(--sea-deep);margin-bottom:20px;}
h3{color:var(--ink);}
p{margin:0 0 18px;color:var(--ink-soft);}
p.lead-para{font-size:19px;color:var(--ink);}
em{font-style:italic;}
.muted{color:var(--ink-soft);font-size:15px;}

/* simple inline "read on" link */
.more{
  display:inline-block;margin-top:6px;font-family:'Inter',sans-serif;font-size:14px;
  letter-spacing:.04em;color:var(--sea);font-weight:400;
}

/* ---- Tenets ---- */
.tenets{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:30px;}
.tenet{position:relative;padding-left:62px;}
.tenet .num{
  position:absolute;left:0;top:2px;
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;
  color:var(--gold-soft);width:44px;text-align:center;
}
.tenet h3{font-size:25px;color:var(--ink);margin-bottom:5px;}
.tenet p{margin:0;font-size:16px;}

/* deeper, spaced-out tenet treatment (believe page) */
.tenets.deep{gap:46px;}
.tenets.deep .tenet h3{font-size:27px;margin-bottom:10px;}
.tenets.deep .tenet p{font-size:16.5px;margin-bottom:14px;}
.tenets.deep .tenet p:last-child{margin-bottom:0;}

/* ---- Pull / giving callout ---- */
.giving{background:var(--sand-deep);}
.giving .wrap{max-width:680px;}
blockquote.pull{
  margin:24px 0 0;font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:28px;line-height:1.4;color:var(--sea-deep);
  border-left:2px solid var(--gold-soft);padding-left:26px;
}

/* ---- FAQ ---- */
.faq-list{margin:8px 0 0;display:grid;gap:34px;}
.faq-item{border-left:2px solid var(--line);padding-left:24px;}
.faq-item h3{font-size:24px;color:var(--sea-deep);margin-bottom:8px;line-height:1.2;}
.faq-item p{margin:0 0 12px;font-size:16.5px;}
.faq-item p:last-child{margin-bottom:0;}

/* ---- Reflections ---- */
.reflection{margin:0 0 8px;}
.reflection h3{font-size:28px;color:var(--sea-deep);margin-bottom:14px;}
.voice{
  margin:0;padding:26px 30px;background:var(--sand-deep);border-radius:4px;
}
.voice p{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;line-height:1.5;
  color:var(--ink);margin:0 0 12px;
}
.voice cite{
  display:block;font-style:normal;font-family:'Inter',sans-serif;font-size:13px;
  letter-spacing:.08em;color:var(--gold);text-transform:uppercase;
}

/* ---- Begin / contact ---- */
.begin-section{text-align:center;}
.begin-section .wrap{max-width:620px;}
.begin-section p{color:var(--ink-soft);}
.contact{
  display:inline-block;margin-top:14px;
  font-family:'Inter',sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--sea-deep);text-decoration:none;font-weight:500;
  border:1px solid var(--gold-soft);border-radius:2px;padding:13px 30px;
  transition:background .25s ease,color .25s ease;
}
.contact:hover{background:var(--sea-deep);color:#f6f2e9;border-color:var(--sea-deep);}

/* ---- Closing ---- */
.closing{text-align:center;background:linear-gradient(180deg,var(--sand) 0%,var(--sand-deep) 100%);}
.closing p{font-family:'Cormorant Garamond',serif;font-size:24px;font-style:italic;color:var(--ink);max-width:560px;margin:0 auto 16px;line-height:1.45;}
.closing .star{display:block;margin:6px auto 30px;width:30px;height:30px;opacity:.55;}

/* ---- Footer ---- */
footer{background:var(--sea-deep);color:#cdd9d8;text-align:center;padding:50px 0;font-size:14px;}
footer .fmark{font-family:'Cormorant Garamond',serif;font-size:24px;color:#f6f2e9;letter-spacing:.06em;display:block;margin-bottom:8px;}
.foot-nav{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:center;margin:18px 0 4px;}
.foot-nav a{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,242,233,.72);text-decoration:none;}
.foot-nav a:hover{color:#fff;}
footer .small{opacity:.65;font-size:13px;margin-top:12px;}

/* ---- Gentle reveal ---- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ---- Responsive ---- */
@media (max-width:560px){
  .mark{font-size:66px;}
  .sitehead.hero{padding-bottom:110px;}
  .hero-inner{padding-top:48px;}
  .pagehead h1{font-size:42px;}
  h2{font-size:31px;}
  blockquote.pull{font-size:23px;}
  .tenet{padding-left:52px;}
  .tenet .num{font-size:26px;width:38px;}
  .nav-links{gap:5px 16px;}
  .nav-links a{font-size:11px;letter-spacing:.12em;}
  .voice p{font-size:20px;}
}