/* Generated by Code Manager. Edit entries in wp-admin — this file is overwritten on every save. */

/* --- Global CSS --- */
/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

/* ---- Design tokens (colors, radii, easing) ---- */
:root{
  --ivory:#FDFAF4;--ivory2:#F5F1E8;
  --sage-xl:#EBF2EC;--sage-l:#D4E8DC;--sage-m:#A8C8B4;
  --midnight:#1A3528;--midnight2:#122418;
  --forest:#2E5E45;--forest2:#3A7A5A;
  --amber:#D4882A;--amber2:#C07820;--amber-l:#EDD9AD;--amber-xl:#FBF2DC;
  --t-dark:#0D1A10;--t-mid:#455C4E;--t-light:#8A9E90;
  --border-l:#E2EDE6;--border-m:#C0D0C8;
  --white:#FFFFFF;
  --r8:8px;--r12:12px;--r16:16px;--r24:24px;--r32:32px;
  --ease:.22s cubic-bezier(.4,0,.2,1);
}

/* ---- Base elements / global typography ---- */
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;color:var(--t-mid);background:var(--ivory);overflow-x:hidden;}
a{text-decoration:none;color:inherit;}ul{list-style:none;}
button{cursor:pointer;border:none;outline:none;font-family:inherit;background:none;}
img{display:block;max-width:100%;}

/* ---- Buttons (used across header/home/footer) ---- */
.btn-dark{background:var(--midnight);color:#fff;padding:13px 26px;border-radius:var(--r8);font-size:14px;font-weight:500;letter-spacing:.03em;border:2px solid var(--midnight);display:inline-flex;align-items:center;gap:8px;transition:all var(--ease);}
.btn-dark:hover{background:var(--midnight2);}
.btn-amber{background:var(--amber);color:#fff;padding:13px 26px;border-radius:var(--r8);font-size:14px;font-weight:500;letter-spacing:.03em;border:2px solid var(--amber);display:inline-flex;align-items:center;gap:8px;transition:all var(--ease);}
.btn-amber:hover{background:var(--amber2);border-color:var(--amber2);}
.btn-ghost{background:transparent;color:#fff;padding:11px 22px;border-radius:var(--r8);font-size:13.5px;font-weight:500;border:1.5px solid rgba(255,255,255,.45);display:inline-flex;align-items:center;gap:8px;transition:all var(--ease);}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.8);}
.btn-outline{background:transparent;color:var(--midnight);padding:11px 22px;border-radius:var(--r8);font-size:13.5px;font-weight:500;border:1.5px solid var(--border-m);display:inline-flex;align-items:center;gap:8px;transition:all var(--ease);}
.btn-outline:hover{border-color:var(--midnight);background:var(--sage-xl);}

/* ---- Layout / section commons ---- */
.con{max-width:1300px;margin:0 auto;padding:0 48px;}
.sec{padding:88px 0;}
.sec-alt{background:var(--sage-xl);}
.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.eyebrow::before{content:'';width:22px;height:2px;background:var(--amber);}
.sec-t{font-family:'Playfair Display',serif;font-size:clamp(30px,3.2vw,44px);font-weight:500;color:var(--t-dark);line-height:1.1;letter-spacing:-.01em;}
.sec-t em{font-style:italic;color:var(--forest);}
.sec-sub{font-size:15px;font-weight:300;color:var(--t-light);margin-top:10px;line-height:1.8;max-width:480px;}
.hdr-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:44px;}

/* ---- Scroll fade-in animation classes ----
   (elements start hidden; home.html's JS adds .vis via IntersectionObserver) */
.fi{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.fi.vis{opacity:1;transform:none;}
.fi-l{opacity:0;transform:translateX(-24px);transition:opacity .7s ease,transform .7s ease;}
.fi-l.vis{opacity:1;transform:none;}
.fi-r{opacity:0;transform:translateX(24px);transition:opacity .7s ease,transform .7s ease;}
.fi-r.vis{opacity:1;transform:none;}

/* ---- Shared marquee keyframe ----
   Used by the announcement bar (header.html: .ann-track) AND the amber
   ticker (home.html: .ticker-track) — kept here so both can share it. */
@keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ==========================================================================
   GLOBAL RESPONSIVE RULES
   Only rules for classes defined in THIS file live here. Section-specific
   responsive rules live inside their own HTML file's <style> block.
   ========================================================================== */
@media (max-width: 768px) {
  .con { padding: 0 24px; }
  .sec { padding: 56px 0; }
  .hdr-row { flex-direction: column; align-items: flex-start; margin-bottom: 32px; gap: 16px; }
}