/* =========================================================
   Privacy Policy page
   ========================================================= */

:root{
  --green:#214b38;--green2:#2f6a50;--cream:#f7f3ec;--cream2:#fcfaf6;--muted:#637069;
  --shadow:0 18px 42px rgba(15,35,25,.08);
}
h1,h2,h3,h4,h5,h6,.serif{letter-spacing:-.03em}
.container-wide{max-width:1280px;margin:0 auto;padding-inline:20px}
.eyebrow{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.26em;color:var(--green2);margin-bottom:16px}
.eyebrow.on-dark{color:rgba(255,255,255,.72)}
.btn-ec{box-shadow:none}
.btn-ec:hover{transform:translateY(-1px)}

/* ---------- Hero ---------- */
.policy-hero{
  position:relative;overflow:hidden;color:#fff;min-height:430px;display:flex;align-items:flex-end;
  background:linear-gradient(90deg,rgba(6,24,18,.95) 0%,rgba(7,31,22,.86) 36%,rgba(10,36,27,.62) 58%,rgba(9,29,22,.25) 100%),url('https://images.unsplash.com/photo-1519741497674-611481863552?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat;
}
.policy-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 78% 18%,rgba(219,181,109,.18),transparent 20%),radial-gradient(circle at 12% 85%,rgba(39,92,68,.5),transparent 30%);
}
.policy-hero .inner{position:relative;z-index:2;padding:122px 12px 56px}
.hero-title{font-size:clamp(3.1rem,6vw,5.3rem);line-height:.95;margin:0 0 14px}
.hero-copy{font-size:1.04rem;color:rgba(255,255,255,.82);line-height:1.8;max-width:640px;margin:0 0 18px}
.hero-meta{color:rgba(255,255,255,.72);font-size:.93rem}

/* ---------- Content ---------- */
.policy-shell{padding:44px 0 72px;background:linear-gradient(180deg,var(--cream2),#f7f3ec)}
.policy-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}
.policy-sidebar{position:sticky;top:28px;background:#fbf8f2;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:18px}
.sidebar-links{display:grid;gap:8px}
.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;color:#405047;font-size:.95rem;transition:.22s ease}
.sidebar-link i{opacity:0;transition:.22s ease}
.sidebar-link:hover,.sidebar-link.active{background:#eef3ed;color:var(--green)}
.sidebar-link.active i{opacity:1}
.sidebar-note{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);line-height:1.75;font-size:.96rem}
.sidebar-note strong{color:var(--green);display:block;margin-bottom:8px;font-weight:700}

.policy-content{background:#fbf8f2;border:1px solid var(--line);border-radius:30px;padding:26px 26px 18px;box-shadow:var(--shadow)}
.policy-block{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;padding:22px 6px;border-bottom:1px solid rgba(24,42,32,.10);scroll-margin-top:36px}
.policy-block:last-of-type{border-bottom:0}
.policy-number{width:46px;height:46px;border-radius:50%;border:1px solid rgba(36,79,57,.22);display:grid;place-items:center;color:#8f7346;font-size:.95rem;font-weight:700;background:#fffdfa;margin-top:2px}
.policy-block h3{font-size:2rem;margin:0 0 10px;color:#1b2a22}
.policy-block p{margin:0 0 10px;color:var(--muted);line-height:1.8}
.policy-block ul{margin:10px 0 0 18px;color:#4b5951;line-height:1.8;padding-left:18px}

.contact-banner{
  margin-top:34px;padding:26px 28px;border-radius:26px;border:1px solid var(--line);
  background:linear-gradient(135deg,#f2f5f1,#ebf1eb);
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
}
.contact-banner h4{font-size:2rem;margin:0 0 8px}
.contact-banner p{margin:0;color:var(--muted);line-height:1.7}

/* ---------- Responsive ---------- */
@media (max-width:991.98px){
  .policy-grid,.contact-banner{grid-template-columns:1fr}
  .policy-sidebar{position:relative;top:0}
}
@media (max-width:767.98px){
  .policy-hero{min-height:460px}
  .hero-title{font-size:2.7rem}
  .policy-content{padding:20px 18px 14px}
  .policy-block{grid-template-columns:1fr;gap:12px}
  .policy-number{width:42px;height:42px}
  .policy-block h3{font-size:1.6rem}
  .contact-banner h4{font-size:1.55rem}
}