/* ══════════════════════════════════════════════
   Leah & Ben — Shared Styles
   ══════════════════════════════════════════════ */

/* ══ FONTS ══ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Jost:wght@200;300;400;500&display=swap');

/* ══ RESET ══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ══ VARIABLES ══ */
:root{
  --amber:#C8985A;
  --amber-dark:#9A7230;
  --sage:#6B7A35;
  --sage-light:#AABB72;
  --cream:#F6EFE0;
  --warm-dark:#26180A;
  --forest:#4A5320;
  --overlay:rgba(8,14,5,0.48);
  --diag:68px;
}

/* ══ BASE ══ */
html,body{
  min-height:100%;
  font-family:'Jost',sans-serif;
  color:var(--warm-dark);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  background:var(--cream);
}

/* ══ NAV ══ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:500;
  display:flex;justify-content:center;
  gap:clamp(6px,2vw,14px);
  padding:max(clamp(10px,2vw,16px),env(safe-area-inset-top)) 20px clamp(10px,2vw,16px);
  background:transparent;
}
.tab-btn{
  font-family:'Cinzel',serif;
  font-size:0.72rem;
  font-weight:400;
  letter-spacing:0.18em;
  background:none;border:none;cursor:pointer;
  color:rgba(255,255,255,0.82);
  padding:10px 20px;
  min-height:44px;
  border-radius:30px;
  transition:color 0.2s,background 0.2s;
  text-shadow:0 1px 6px rgba(0,0,0,0.5);
  text-decoration:none;
  display:inline-flex;align-items:center;
}
.tab-btn.active{color:#fff;background:rgba(200,152,90,0.25)}
@media(hover:hover){.tab-btn:hover{color:#fff}}

/* Dark nav text for pages with light headers */
nav.nav-dark .tab-btn{color:var(--warm-dark);text-shadow:none}
nav.nav-dark .tab-btn.active{color:var(--warm-dark);background:rgba(200,152,90,0.25)}
@media(hover:hover){nav.nav-dark .tab-btn:hover{color:var(--amber-dark)}}

/* ══ SHARED TYPOGRAPHY ══ */
.eyebrow{
  font-family:'Cinzel',serif;
  font-size:0.84rem;
  letter-spacing:0.18em;
  color:var(--sage);
  font-weight:400;
  margin-bottom:16px;
}
.section-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.4rem,6vw,4.2rem);
  font-weight:300;
  color:var(--warm-dark);
  margin-bottom:22px;
  line-height:1.15;
  letter-spacing:0.02em;
}
.rule{width:55px;height:1px;background:var(--amber-dark);margin:0 auto 28px;opacity:0.55}

/* ══ FOOTER ══ */
.footer-names{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-size:clamp(1.6rem,4vw,2.4rem);
  font-weight:300;
  color:var(--amber-dark);
  letter-spacing:0.04em;
}

/* ══ PAGE HEADER (shared across interior pages) ══ */
.page-header{
  padding:clamp(72px,10vw,96px) 20px clamp(20px,3vw,28px);
  text-align:center;
  background:var(--cream);
  border-bottom:1px solid rgba(200,152,90,0.15);
}
.page-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.2rem,5vw,3.4rem);
  font-weight:300;
  color:var(--warm-dark);
  letter-spacing:0.04em;
  line-height:1.1;
}
.page-rule{width:44px;height:1px;background:var(--amber-dark);margin:16px auto 0;opacity:0.5}

/* ══ FADE-UP ══ */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-up.visible{opacity:1;transform:none}

/* ══ MOBILE DIAG ══ */
@media(max-width:640px){:root{--diag:44px}}