/* Pear MS website-v2 shared stylesheet (Phase 5 build, 2026-08-22).
   Tokens carried from the live brand system; one file, every page. */
:root{
  --navy-deep:#0a1628; --navy:#0f2440; --navy-mid:#163052;
  --storm:#6b80a0; --iron:#8899aa; --salt:#f0f6f8; --white:#fff;
  --amber-deep:#5a3f10; --amber:#b87a18; --amber-bright:#f0bc3d; --amber-glow:#f9d57b;
  --pear-bright:#9dcb57; --pear-deep:#5a7a2e;
  --serif:'Playfair Display',Georgia,serif;
  --sans:'Barlow',-apple-system,sans-serif;
  --cond:'Barlow Condensed',var(--sans);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--navy-deep);color:var(--salt);font-family:var(--sans);line-height:1.6;font-weight:300}
img{max-width:100%;display:block}
a{color:var(--pear-bright)}

/* nav */
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:2rem;
  padding:.9rem 2rem;background:rgba(10,22,40,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(107,128,160,.25)}
.nav .mark{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-family:var(--serif);font-weight:700;font-size:1.05rem;letter-spacing:.04em}
.nav .mark img{width:28px;height:28px}
.nav .mark .leaf{color:var(--pear-bright);font-style:italic}
.nav .mark--em .leaf{color:var(--amber-bright)}
.nav .mark-badge{width:28px;height:28px;border-radius:50%;background:var(--navy-mid);border:1px solid rgba(232,185,79,.4);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:900;font-style:italic;font-size:.7rem;color:var(--amber-bright);letter-spacing:.05em}
.nav .links{display:flex;gap:1.4rem;margin-left:auto;flex-wrap:wrap}
.nav .links a{color:var(--iron);text-decoration:none;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.nav .links a:hover,.nav .links a.here{color:var(--pear-bright)}

/* hero */
.hero{position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden}
.hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.45) saturate(.9)}
.hero .veil{position:absolute;inset:0;background:linear-gradient(105deg,rgba(10,22,40,.94) 0%,rgba(10,22,40,.55) 55%,rgba(10,22,40,.25) 100%)}
.hero .inner{position:relative;max-width:62rem;padding:5rem 2rem}
.hero h1{font-family:var(--serif);font-weight:900;font-size:clamp(2.4rem,6vw,4.4rem);line-height:1.08;text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--amber-bright)}
.hero .sub{margin-top:1.4rem;max-width:34rem;color:var(--iron);font-size:1.1rem}
.hero .cta-row{margin-top:2.2rem;display:flex;gap:1rem;flex-wrap:wrap}

.btn{display:inline-block;padding:.8rem 1.8rem;border-radius:2px;text-decoration:none;
  font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.btn.solid{background:var(--pear-bright);color:var(--navy-deep)}
.btn.solid:hover{background:var(--amber-glow)}
.btn.line{border:1px solid var(--storm);color:var(--salt)}
.btn.line:hover{border-color:var(--pear-bright);color:var(--pear-bright)}

/* sections */
.section{max-width:72rem;margin:0 auto;padding:4.5rem 2rem}
.eyebrow{font-family:var(--cond);text-transform:uppercase;letter-spacing:.22em;color:var(--amber-bright);font-size:.8rem;font-weight:600}
.section h2{font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700;margin:.5rem 0 1rem;text-wrap:balance}
.lede{color:var(--iron);max-width:44rem;font-size:1.05rem}

/* pillar cards */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.4rem;margin-top:2.4rem}
.pillar{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);
  border:1px solid rgba(107,128,160,.25);padding:1.8rem;display:flex;flex-direction:column;gap:.7rem}
.pillar h3{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--amber-glow)}
.pillar p{color:var(--iron);font-size:.95rem;flex:1}
.pillar a{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}

/* photo band */
.band{position:relative;min-height:34vh;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.band .cap{background:linear-gradient(0deg,rgba(10,22,40,.92),rgba(10,22,40,0));width:100%;padding:3rem 2rem 1.2rem}
.band .cap p{max-width:44rem;margin:0 auto;color:var(--salt);font-size:.9rem}

/* footer */
footer{border-top:1px solid rgba(107,128,160,.25);padding:2.5rem 2rem;color:var(--storm);font-size:.85rem}
footer .cols{max-width:72rem;margin:0 auto;display:flex;gap:3rem;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--iron);text-decoration:none}
footer a:hover{color:var(--pear-bright)}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}