/* ═══════════════════════════════════════
   TOKENS
═══════════════════════════════════════ */
:root {
  --ember: #b84a1a;
  --fire: #d4601e;
  --gold: #c8962a;
  --gold-lt: #e8bc5a;
  --parch: #f2e8d5;
  --warm: #ead9bc;
  --ink: #1c1410;
  --deep: #2a1e14;
  --forest: #1e3028;
  --stone: #6a5a48;
  --mist: #8a7a68;
  --chalk: #faf5ec;
}
/* ═══════════════════════════════════════
   RESET & BASE
═══════════════════════════════════════ */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  font-size: 16px;
}
body {
  font-family: "Mulish", sans-serif;
  background: var(--chalk);
  color: var(--ink);
  overflow-x: hidden;
  /* cursor: none; */
}

/* ═══════════════════════════════════════
   CUSTOM CURSOR
═══════════════════════════════════════ */
/* .cursor{
  position:fixed;width:10px;height:10px;
  background:var(--ember);border-radius:50%;
  pointer-events:none;z-index:9999;
  transform:translate(-50%,-50%);
  transition:transform .1s,width .3s,height .3s,background .3s;
  mix-blend-mode:multiply;
}
.cursor-ring{
  position:fixed;width:36px;height:36px;
  border:1px solid rgba(184,74,26,.4);border-radius:50%;
  pointer-events:none;z-index:9998;
  transform:translate(-50%,-50%);
  transition:transform .12s ease,width .3s,height .3s;
}
body:hover .cursor{opacity:1}
 */

/* ═══════════════════════════════════════
   UTILS
═══════════════════════════════════════ */
.label-block {
  font-size: 0.66rem;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-family: "Mulish", sans-serif;
}

@media (max-width: 1024px) {
  nav {
    padding: 18px 28px;
  }
  nav.scrolled {
    padding: 12px 28px;
  }
  .nav-links {
    display: none;
  }
  section,
  #manifesto,
  #hosts,
  #crafts,
  #impact,
  #inquiry,
  #academy,
  #tech-diplomacy,
  #fee-model,
  #scaling,
  #toolkit,
  #planner,
  #testimonials,
  footer {
    padding-left: 28px;
    padding-right: 28px;
  }
  .pillar {
    padding: 40px 28px;
  }
  .promo-grid,
  .fire-inner,
  .pillars-grid {
    grid-template-columns: 1fr;
  }
  .hosts-grid,
  .crafts-grid {
    grid-template-columns: 1fr 1fr;
  }
  .impact-inner,
  .inquiry-grid,
  .academy-grid,
  .toolkit-inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .regions-header,
  .hosts-head,
  .crafts-top {
    flex-direction: column;
    gap: 16px;
    padding-left: 28px;
    padding-right: 28px;
  }
  .regions-scroll {
    padding: 0 28px;
  }
  .pillars-header,
  .td-top,
  .fee-top,
  .scaling-top {
    flex-direction: column;
    gap: 20px;
    padding: 50px 28px 40px;
  }
  .td-cards {
    grid-template-columns: 1fr;
  }
  .fee-layout {
    grid-template-columns: 1fr;
  }
  .fee-hero {
    flex-direction: column;
    gap: 24px;
  }
  .fee-breakdown {
    grid-template-columns: 1fr;
  }
  .td-banner {
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
  .weeks-grid {
    grid-template-columns: 1fr;
  }
  .test-grid {
    grid-template-columns: 1fr 1fr;
  }
  .test-featured {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .tf-person {
    text-align: left;
  }
  .tf-stars {
    justify-content: flex-start;
  }
  .trust-bar {
    gap: 24px;
  }
  .trust-sep {
    display: none;
  }
  .result-highlights {
    grid-template-columns: 1fr;
  }
  .rr-card {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .rr-meal {
    text-align: left;
  }
}