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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

:root {
  --g900: #050e06;
  --g800: #0b1a0d;
  --g700: #112614;
  --g600: #1a3a1e;
  --g500: #245229;
  --g400: #2e6b30;
  --g300: #3d8c40;
  --g200: #5aad5d;
  --g100: #8fcc91;
  --g50: #d4f0d5;
  --lime: #dfbd28;
  --gold: #caa431;
  --cream: #f5f2ea;
  --white: #ffffff;
  --text: #e8f2e9;
  --muted: rgba(232, 242, 233, 0.52);
  --card: rgba(17, 38, 20, 0.7);
  --border: rgba(90, 173, 93, 0.16);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --gold-dim: rgba(200, 168, 75, 0.15);
  --ink: #0d0a07;
  --parchment: #f5efe4;
  --saffron: #e8833a;
  --deep-teal: #1a4a52;
  --muted-gold: #d4b47a;
  --snow: #f0f4f7;
  --forest: #2c4a35;
  --crimson: #8b2635;
  --slate: #4a5568;
  --light-teal: #e8f4f6;
  --card-bg: rgba(17, 38, 20, 0.7);
  --glow: rgba(90, 173, 93, 0.12);
  --fast: 0.25s;
  --mid: 0.5s;
  --slow: 0.9s;
}

body {
  background: var(--g900);
  color: var(--text);
  font-family: "DM Sans", sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

.s-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.63rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.s-label::before {
  content: "";
  width: 24px;
  height: 1px;
  background: var(--g300);
}

.s-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--text);
  margin-bottom: 1.5rem;
}

.s-title em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.s-body {
  font-size: 0.95rem;
  line-height: 1.9;
  font-weight: 300;
  color: var(--muted);
}

.s-body p {
  margin-bottom: 1.2rem;
}

.s-body p:last-child {
  margin-bottom: 0;
}

.btn-p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g900);
  background: var(--g200);
  padding: 1rem 2.5rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
}

.btn-p:hover {
  background: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 10px 32px rgba(90, 173, 93, 0.35);
}

.btn-g {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g100);
  padding: 1rem 2.5rem;
  border: 1px solid rgba(90, 173, 93, 0.3);
  text-decoration: none;
  display: inline-block;
  transition:
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}

.btn-g:hover {
  border-color: var(--g200);
  color: var(--g50);
  transform: translateY(-2px);
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3rem;
  transition:
    background 0.4s,
    backdrop-filter 0.4s,
    border-color 0.4s;
}

.nav-logo {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.4rem;
  width: auto;
  height: 25px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--g200);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.1rem;
  flex-shrink: 0;
  text-transform: uppercase;
}

.nav-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.nav-pill {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 0.5rem;
}

.nav-links {
  display: flex;
  align-items: center;
  gap: 1rem;
  list-style: none;
}

.nav-links > li > a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(232, 242, 233, 0.7);
  text-decoration: none;
  padding: 0.65rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.3rem;
  transition:
    color 0.2s,
    background 0.2s;
  white-space: nowrap;
}

.nav-links > li > a:hover {
  color: var(--g200);
}

.nav-links > li > a.active {
  color: var(--g200);
}

.nav-cta {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--cream);
  background: var(--g200);
  padding: 0.45rem 1.2rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  transition:
    background 0.2s,
    transform 0.2s;
  flex-shrink: 0;
}

.nav-cta:hover {
  background: var(--g300);
  transform: translateY(-1px);
}

.nav-cta-arrow {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cream);
  flex-shrink: 0;
}

.nav-cta-arrow i {
  font-size: 1rem;
  color: var(--cream);
}

.ticker-bar {
  background: var(--g700);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}

.ticker-inner {
  display: flex;
  animation: ticker 28s linear infinite;
  white-space: nowrap;
}

.ticker-inner:hover {
  animation-play-state: paused;
}

.t-item {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 3rem;
  border-right: 1px solid var(--border);
  flex-shrink: 0;
}

.t-num {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--g200);
}

.t-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.63rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.t-sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--g400);
  flex-shrink: 0;
}

footer {
  position: relative;
  border-top: 1px solid transparent;
  padding: 5rem 3rem 2.5rem;
  text-align: left;
  background-image:
    linear-gradient(var(--g900), var(--g900)),
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(61, 140, 64, 0.45) 25%,
      rgba(90, 173, 93, 0.8) 50%,
      rgba(61, 140, 64, 0.45) 75%,
      transparent 100%
    );
  background-origin: border-box;
  background-clip: padding-box, border-box;
}

footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 320px;
  background:
    radial-gradient(
      ellipse 65% 100% at 50% 0%,
      rgba(46, 107, 48, 0.14) 0%,
      rgba(17, 38, 20, 0.06) 45%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 30% 55% at 18% 0%,
      rgba(36, 82, 41, 0.07) 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 30% 55% at 82% 0%,
      rgba(36, 82, 41, 0.07) 0%,
      transparent 55%
    );
  pointer-events: none;
  z-index: 0;
}

footer > * {
  position: relative;
  z-index: 1;
}

.footer-grid {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1.3fr;
  gap: 2rem;
  margin-bottom: 4rem;
}

.f-logo {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--g200);
  display: block;
  margin-bottom: 1.2rem;
  text-decoration: none;
}

.footer-brand p {
  font-size: 0.87rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
}

.f-col h4 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.63rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1.5rem;
}

.f-col ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.f-col a {
  font-size: 0.85rem;
  font-weight: 300;
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
}

.f-col a:hover {
  color: var(--g100);
}

.footer-bottom {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 2rem;
  border-top: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-bottom p {
  font-size: 0.78rem;
  font-weight: 300;
  color: var(--muted);
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.7rem;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.82rem;
  font-weight: 300;
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
  margin-bottom: 0.6rem;
}

.contact-item:hover {
  color: var(--g100);
}

.contact-item .ic {
  width: 26px;
  height: 26px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: var(--g200);
  flex-shrink: 0;
}

.nl-form {
  display: flex;
  gap: 0;
  margin-top: 1rem;
}

.nl-form input {
  flex: 1;
  padding: 0.7rem 1rem;
  background: var(--g700);
  border: 1px solid var(--border);
  color: var(--text);
  font-family: "DM Sans", sans-serif;
  font-size: 0.85rem;
  outline: none;
}

.nl-form input::placeholder {
  color: var(--muted);
}

.nl-form button {
  padding: 0.7rem 1.2rem;
  background: var(--g200);
  border: none;
  color: var(--g900);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.63rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s;
}

.nl-form button:hover {
  background: var(--lime);
}

.sr {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.85s var(--ease),
    transform 0.85s var(--ease);
}

.sr.in {
  opacity: 1;
  transform: translateY(0);
}

.sr-d1 {
  transition-delay: 0.1s;
}

.sr-d2 {
  transition-delay: 0.2s;
}

.sr-d3 {
  transition-delay: 0.28s;
}

.sr-d4 {
  transition-delay: 0.36s;
}

.nav-links li {
  position: relative;
}
.has-dropdown {
  position: relative;
}

.has-dropdown > a {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.3rem;
  cursor: pointer;
}

.nav-arrow {
  font-size: 1rem;
  opacity: 0.7;
  transition: transform 0.2s;
}

.has-dropdown:hover .nav-arrow {
  transform: rotate(180deg);
}

.dropdown {
  position: absolute;
  top: 100%;        
  left: 10px;
  min-width: 190px;
  background: rgba(5, 14, 6, 0.97);
  border: 1px solid var(--border);
  backdrop-filter: blur(20px);
  list-style: none;
  padding: 0.5rem 0;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.22s var(--ease),
    transform 0.22s var(--ease);
  z-index: 500;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}

.dropdown::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 10px;
  border: 6px solid transparent;
  border-bottom-color: rgba(90, 173, 93, 0.22);
  pointer-events: all;
}

.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown {
  opacity: 1;
  pointer-events: all;
}

.dropdown li a {
  display: block;
  height: 100%;
  padding: 0.55rem 1.3rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  white-space: nowrap;
  transition:
    color 0.15s,
    background 0.15s;
}

.dropdown li a:hover {
  color: var(--g100);
  background: rgba(90, 173, 93, 0.07);
}

.dropdown li + li {
  border-top: 1px solid rgba(90, 173, 93, 0.07);
}

.nav-links a {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
}

.nav-links a:hover {
  color: var(--g100);
}

.nav-links a.active {
  color: var(--g200);
  position: relative;
}

.hero {
  position: relative;
  height: 100vh;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--g900);
  padding-bottom: 1rem;
}

.hero-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse 70% 60% at 20% 50%,
      rgba(36, 82, 41, 0.3) 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 55% 70% at 82% 28%,
      rgba(17, 38, 20, 0.42) 0%,
      transparent 55%
    ),
    linear-gradient(165deg, #071209 0%, #0e2416 45%, #050e06 100%);
  pointer-events: none;
}

.hero-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(90, 173, 93, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90, 173, 93, 0.03) 1px, transparent 1px);
  background-size: 70px 70px;
  mask-image: radial-gradient(
    ellipse 85% 85% at 50% 50%,
    black 20%,
    transparent 75%
  );
  pointer-events: none;
}

.hero-glow {
  position: absolute;
  width: 700px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(
    ellipse,
    rgba(42, 100, 46, 0.2) 0%,
    transparent 70%
  );
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: gp 9s ease-in-out infinite alternate;
  pointer-events: none;
}

.hero-content {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 2rem;
  animation: fadein 1.3s var(--ease) both;
  opacity: 0;
  transform: translateY(30px);
}

.hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.67rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.5rem;
  font-weight: 400;
  opacity: 0.9;
}

.hero-eyebrow::before,
.hero-eyebrow::after {
  content: "";
  display: block;
  width: 36px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--g300));
}

.hero-eyebrow::after {
  background: linear-gradient(90deg, var(--g300), transparent);
}

.hero-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(3.2rem, 9vw, 8.5rem);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.02em;
  color: var(--text);
  margin-bottom: 0.15em;
}

.hero-title .acc {
  font-style: italic;
  font-weight: 400;
  display: block;
  background: linear-gradient(
    135deg,
    var(--g200) 0%,
    var(--lime) 50%,
    var(--g100) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-sub {
  font-size: clamp(0.9rem, 1.5vw, 1.15rem);
  line-height: 1.35;
  font-weight: 300;
  color: var(--muted);
  max-width: 560px;
  margin: 1rem auto 1rem;
}

.hero-mountains {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  pointer-events: none;
}

.breadcrumb {
  padding: 1.2rem 3rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--g800);
  border-bottom: 1px solid var(--border);
}

.breadcrumb a,
.breadcrumb span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.67rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
}

.breadcrumb a:hover {
  color: var(--g100);
}

.breadcrumb .cur {
  color: var(--g200);
}

.bc-sep {
  color: rgba(90, 173, 93, 0.3);
}

.about-section {
  padding: 8rem 3rem;
  background: var(--g900);
  position: relative;
}

.about-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.about-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 6rem;
  align-items: start;
}

.prose {
  font-size: 0.95rem;
  line-height: 1.9;
  font-weight: 300;
  color: var(--muted);
}

.prose p {
  margin-bottom: 1.2rem;
}

.prose p:last-child {
  margin-bottom: 0;
}

.decl-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 2.5rem;
}

.decl-item {
  background: var(--g800);
  padding: 1.1rem 1.5rem;
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  gap: 1rem;
  align-items: start;
  transition: background 0.2s;
}

.decl-item:hover {
  background: var(--g700);
}

.decl-n {
  font-family: "Playfair Display", serif;
  font-size: 1.4rem;
  font-weight: 900;
  color: var(--g400);
  line-height: 1;
}

.decl-t {
  font-size: 0.88rem;
  line-height: 1.7;
  font-weight: 300;
  color: var(--muted);
}

.decl-item:hover .decl-t {
  color: var(--text);
}

.vision-img {
  background: var(--g700);
  border: 1px solid var(--border);
  overflow: hidden;
  aspect-ratio: 4/5;
  position: relative;
  margin-bottom: 2rem;
}

.vision-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.5) brightness(0.75);
  transition: filter 0.5s;
}

.vision-img:hover img {
  filter: saturate(0.85) brightness(0.9);
}

.vision-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 14, 6, 0.8) 0%, transparent 55%);
}

.vision-img-cap {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

.vision-img-cap h4 {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
}

.vision-img-cap p {
  font-size: 0.78rem;
  font-weight: 300;
  color: var(--muted);
}

.info-cards {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.info-card {
  background: var(--g800);
  padding: 2.5rem 2rem;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  text-decoration: none;
}

.info-card:hover {
  background: var(--g700);
}

.info-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transition: transform 0.5s var(--ease);
  right: 0;
  height: 2px;
  transform: scaleX(0);
}

.info-card:hover::before {
  background: var(--g200);
  transform: scaleX(1);
}

.ic-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.6rem;
}

.ic-text {
  font-size: 0.9rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
}

.pillars-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
}

.pillars-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.pillars-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 4rem;
}

.pillar {
  background: var(--g800);
  overflow: hidden;
  position: relative;
  transition: background 0.3s;
  padding: 3rem 2.5rem;
}

.pillar:hover {
  background: var(--g700);
}

.pillar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.pillar:hover::before {
  transform: scaleX(1);
}

.pillar-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  filter: saturate(0.5) brightness(0.7);
  transition: filter 0.5s;
}

.pillar:hover .pillar-img {
  filter: saturate(0.9) brightness(0.9);
}

.pillar-body {
  padding: 2rem;
}

.pillar-num {
  font-family: "Playfair Display", serif;
  font-size: 4.5rem;
  font-weight: 900;
  color: rgba(90, 173, 93, 0.08);
  line-height: 1;
  margin-bottom: -0.8rem;
}

.pillar-title {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.8rem;
}

.pillar-desc {
  font-size: 0.88rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
}

.process-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.process-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.process-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.process-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 4rem;
  position: relative;
}

.step {
  background: var(--g900);
  padding: 3rem 2rem;
  text-align: center;
  transition: background 0.3s;
  position: relative;
  z-index: 1;
}

.step:hover {
  background: var(--g800);
}

.step-num {
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g300);
  margin-bottom: 1.2rem;
  font-weight: 400;
}

.step-icon {
  width: 60px;
  height: 60px;
  border: 1px solid var(--border);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin: 0 auto 1.5rem;
  background: var(--g800);
  transition:
    background 0.3s,
    border-color 0.3s;
}

.step:hover .step-icon {
  background: rgba(90, 173, 93, 0.12);
  border-color: var(--g300);
}

.step-title {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.6rem;
}

.step-desc {
  font-size: 0.82rem;
  line-height: 1.75;
  font-weight: 300;
  color: var(--muted);
}

.team-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
}

.team-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.team-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.team-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 4rem;
}

.team-card {
  background: var(--g800);
  overflow: hidden;
  position: relative;
  transition: background 0.3s;
}

.team-card:hover {
  background: var(--g700);
}

.team-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.team-card:hover::before {
  transform: scaleX(1);
}

.team-img {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: top center;
  filter: saturate(0.5) brightness(0.75);
  transition: filter 0.5s;
}

.team-card:hover .team-img {
  filter: saturate(0.85) brightness(0.9);
}

.team-body {
  padding: 2rem;
}

.team-role {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.4rem;
}

.team-name {
  font-family: "Playfair Display", serif;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--text);
}

.pull {
  padding: 5.5rem 3rem;
  background: var(--g600);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.pull::before {
  content: "❝";
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: Georgia, serif;
  font-size: 20rem;
  line-height: 1;
  color: rgba(90, 173, 93, 0.04);
  pointer-events: none;
}

.pull blockquote {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.3rem, 2.5vw, 2rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.7;
  color: var(--text);
  max-width: 760px;
  margin: 0 auto 1.5rem;
  position: relative;
  z-index: 1;
}

.pull cite {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  font-style: normal;
  opacity: 0.8;
}

.ci {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 0.82rem;
  font-weight: 300;
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
  margin-bottom: 0.6rem;
}

.ci:hover {
  color: var(--g100);
}

.ci .ic {
  width: 26px;
  height: 26px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  color: var(--g200);
  flex-shrink: 0;
}

.hero-particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.hero-particles span {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: rgba(90, 173, 93, 0.5);
  animation: float-up linear infinite;
}

.hero-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 1.5rem;
}

.hero-breadcrumb span.sep {
  color: rgba(90, 173, 93, 0.4);
}

.hero-breadcrumb span.cur {
  color: var(--g200);
}

.hero-tagline {
  font-size: clamp(0.9rem, 1.4vw, 1.1rem);
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  max-width: 560px;
  margin: 1.5rem auto 0;
  font-style: italic;
}

.hero-pills {
  display: flex;
  gap: 0.8rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 3rem;
}

.hero-pill {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0.35rem 1rem;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.06);
  color: var(--muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hero-pill .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--g300);
}

.btn-primary {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g900);
  background: var(--g200);
  padding: 0.9rem 2.2rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
  box-shadow: 0 0 0 0 rgba(90, 173, 93, 0);
  align-items: center;
  gap: 0.6rem;
}

.btn-primary:hover {
  background: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(90, 173, 93, 0.3);
}

.btn-ghost {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g100);
  background: transparent;
  padding: 0.9rem 2.2rem;
  border: 1px solid rgba(90, 173, 93, 0.3);
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  transition:
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}

.btn-ghost:hover {
  border-color: var(--g200);
  color: var(--g50);
  transform: translateY(-2px);
}

.btn-row {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.scroll-cue {
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(90, 173, 93, 0.4);
  z-index: 10;
  animation: breathe 3s ease-in-out infinite;
}

.scroll-cue::after {
  content: "";
  width: 1px;
  height: 28px;
  background: linear-gradient(to bottom, rgba(90, 173, 93, 0.5), transparent);
  animation: drip 2s ease-in-out infinite;
  display: block;
}

.section {
  padding: 7rem 3rem;
  position: relative;
  overflow: hidden;
}

.section.dark {
  background: var(--g900);
}

.section.mid {
  background: var(--g800);
}

.section.deep {
  background: var(--g700);
}

.section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.s-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.s-desc {
  font-size: 0.95rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  max-width: 700px;
}

.pop-layout {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 5rem;
  align-items: center;
}

.pop-body {
  font-size: 0.95rem;
  line-height: 1.9;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 3rem;
}

.pop-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 2.5rem;
}

.pop-card {
  background: var(--g800);
  padding: 2rem 1.5rem;
  text-align: center;
  transition: background 0.3s;
}

.pop-card:hover {
  background: var(--g700);
}

.pop-card-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
  margin-bottom: 0.3rem;
}

.pop-card-unit {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
  display: block;
  margin-bottom: 0.4rem;
}

.pop-card-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
}

.pop-visual {
  position: relative;
}

.donut-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.donut-ring {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.donut-ring svg {
  width: 240px;
  height: 240px;
  transform: rotate(-90deg);
}

.donut-center {
  position: absolute;
  text-align: center;
}

.donut-center-num {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 900;
  color: var(--g200);
}

.donut-center-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.bar-stats {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.bs-row {
  display: grid;
  grid-template-columns: 130px 1fr 60px;
  gap: 1rem;
  align-items: center;
}

.bs-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}

.bs-track {
  height: 4px;
  background: rgba(90, 173, 93, 0.1);
  border-radius: 2px;
}

.bs-fill {
  height: 100%;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--g300), var(--lime));
  transition: width 1.2s var(--ease);
}

.bs-val {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--g100);
  text-align: right;
}

.gov-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.gov-card {
  background: var(--card);
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
  backdrop-filter: blur(4px);
}

.gov-card:hover {
  background: rgba(17, 38, 20, 0.95);
}

.gov-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.gov-card:hover::before {
  transform: scaleX(1);
}

.gov-card-num {
  font-family: "Playfair Display", serif;
  font-size: 3.5rem;
  font-weight: 900;
  color: rgba(90, 173, 93, 0.12);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.gov-card-title {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 1rem;
}

.gov-card-body {
  font-size: 0.88rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
}

.two-col-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
}

.text-panel-title {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 1.2rem;
}

.text-panel-body {
  font-size: 0.93rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
}

.attract-intro {
  max-width: 700px;
  margin-bottom: 4rem;
}

.attract-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.attract-card {
  background: var(--card);
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.attract-card-img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  filter: saturate(0.75) brightness(0.85);
  transition:
    filter 0.6s var(--ease),
    transform 0.6s var(--ease);
}

.attract-card:hover .attract-card-img {
  filter: saturate(1) brightness(1);
  transform: scale(1.06);
}

.attract-card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(5, 14, 6, 0.9) 0%,
    rgba(5, 14, 6, 0.2) 50%,
    transparent 100%
  );
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem;
}

.attract-card-name {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.3rem;
}

.attract-card-desc {
  font-size: 0.8rem;
  line-height: 1.6;
  color: rgba(232, 242, 233, 0.6);
  font-style: italic;
}

.attract-card-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0.32rem 0.6rem;
  background: rgba(5, 14, 6, 0.6);
  border: 1px solid var(--border);
  color: var(--g100);
  backdrop-filter: blur(4px);
}

.history-intro {
  max-width: 680px;
  margin-bottom: 4rem;
}

.history-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.fort-card {
  background: var(--card);
  position: relative;
  overflow: hidden;
}

.fort-card-body {
  padding: 2.5rem;
}

.fort-card-eyebrow {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.6rem;
}

.fort-card-title {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 1rem;
}

.fort-card-text {
  font-size: 0.88rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
}

.fort-card-glyph {
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  font-size: 8rem;
  color: rgba(90, 173, 93, 0.04);
  line-height: 1;
  pointer-events: none;
  transition: transform 0.5s var(--ease);
}

.fort-card:hover .fort-card-glyph {
  transform: scale(1.1) rotate(-5deg);
}

.fort-card-glyph img {
  width: 100px;
  height: 100px;
}

.table-layout {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 4rem;
  align-items: start;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--border);
}

.data-table th {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--border);
  text-align: left;
  background: var(--g700);
}

.data-table td {
  font-size: 0.85rem;
  font-weight: 300;
  color: var(--muted);
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(90, 173, 93, 0.07);
  transition: background 0.2s;
}

.data-table tr:hover td {
  background: rgba(90, 173, 93, 0.04);
  color: var(--text);
}

.data-table tr.total td {
  color: var(--g100);
  font-weight: 500;
  background: var(--g700);
  border-top: 1px solid var(--border);
}

.data-table td:last-child {
  text-align: right;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.8rem;
  color: var(--g100);
}

.data-table th:last-child {
  text-align: right;
}

.pop-features {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--border);
}

.pf-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--border);
  transition: background 0.2s;
}

.pf-row:last-child {
  border-bottom: none;
}

.pf-row:hover {
  background: rgba(90, 173, 93, 0.04);
}

.pf-metric {
  font-size: 0.83rem;
  font-weight: 300;
  color: var(--muted);
}

.pf-val {
  font-size: 12px;
  font-weight: 400;
  color: var(--gold);
  white-space: nowrap;
}

.explore-band {
  padding: 5rem 3rem;
  background: var(--g800);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.explore-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3rem;
  align-items: center;
}

.explore-inner h2 {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 900;
  color: var(--text);
}

.explore-inner h2 em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.explore-inner p {
  font-size: 0.93rem;
  line-height: 1.8;
  color: var(--muted);
  max-width: 500px;
  margin-top: 0.8rem;
}

.explore-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
  flex-shrink: 0;
}

.explore-link {
  background: var(--g700);
  padding: 1.5rem 2rem;
  text-decoration: none;
  transition: background 0.3s;
}

.explore-link:hover {
  background: var(--g600);
}

.explore-link-tag {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.4rem;
}

.explore-link-name {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
}

.hero-texture {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(90, 173, 93, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90, 173, 93, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(
    ellipse 85% 85% at 50% 50%,
    black 25%,
    transparent 78%
  );
}

.hero-spines {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 220px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 3px;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.18;
}

.spine {
  flex-shrink: 0;
  border-radius: 2px 2px 0 0;
  transition: height 0.3s;
}

.hero-count {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  padding: 0.6rem 1.5rem;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.05);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 2.5rem;
}

.hero-count strong {
  color: var(--g200);
  font-size: 1.3rem;
  font-family: "Playfair Display", serif;
  font-weight: 700;
}

.filter-bar {
  position: sticky;
  top: 64px;
  z-index: 100;
  background: rgba(5, 14, 6, 0.94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  padding: 0.9rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}

.gallery-controls {
  position: sticky;
  top: 64px;
  z-index: 200;
  background: rgba(5, 14, 6, 0.92);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border);
  padding: 0.8rem 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.controls-right {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  flex-shrink: 0;
}
.col-btns {
  display: flex;
  gap: 0.25rem;
}
.col-btn {
  width: 30px;
  height: 26px;
  border: 1px solid var(--border);
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition:
    border-color 0.2s,
    background 0.2s;
  border-radius: 3px;
}
.col-btn:hover {
  border-color: var(--g300);
}
.col-btn.active {
  border-color: var(--g200);
  background: rgba(90, 173, 93, 0.1);
}
.col-btn svg {
  width: 12px;
  height: 12px;
  fill: var(--muted);
  transition: fill 0.2s;
}
.col-btn.active svg,
.col-btn:hover svg {
  fill: var(--g200);
}
.gallery-count {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.56rem;
  letter-spacing: 0.2em;
  color: var(--muted);
  white-space: nowrap;
}

/* MASONRY */
.masonry-wrap {
  padding: 1.8rem 1.5rem 6rem;
}
.masonry-grid {
  columns: 4;
  column-gap: 10px;
}
.masonry-grid.cols-2 {
  columns: 2;
}
.masonry-grid.cols-3 {
  columns: 3;
}
.masonry-grid.cols-5 {
  columns: 5;
}

/* PIN CARD */
.pin-card {
  break-inside: avoid;
  margin-bottom: 10px;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  cursor: pointer;
  background: var(--g700);
  display: block;
  opacity: 0;
  transform: translateY(20px);
  transition:
    transform 0.35s var(--ease),
    box-shadow 0.35s var(--ease),
    opacity 0.6s var(--ease);
}
.pin-card.in {
  opacity: 1;
  transform: translateY(0);
}
.pin-card:hover {
  transform: translateY(-3px) scale(1.015);
  box-shadow:
    0 14px 44px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(90, 173, 93, 0.18);
}
.pin-img-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.pin-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s var(--ease);
}
.pin-card:hover .pin-img-wrap img {
  transform: scale(1.07);
}

/* broken image fallback */
.pin-img-wrap.img-err {
  min-height: 160px;
  background: var(--g600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pin-img-wrap.img-err::after {
  content: "📷";
  font-size: 2rem;
  opacity: 0.3;
}
.pin-img-wrap.img-err img {
  display: none;
}

/* staggered heights */
.pin-card:nth-child(5n + 1) .pin-img-wrap {
  aspect-ratio: 3/4;
}
.pin-card:nth-child(5n + 2) .pin-img-wrap {
  aspect-ratio: 2/3;
}
.pin-card:nth-child(5n + 3) .pin-img-wrap {
  aspect-ratio: 1/1.3;
}
.pin-card:nth-child(5n + 4) .pin-img-wrap {
  aspect-ratio: 3/5;
}
.pin-card:nth-child(5n + 5) .pin-img-wrap {
  aspect-ratio: 4/5;
}

.pin-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(5, 14, 6, 0.92) 0%,
    rgba(5, 14, 6, 0.2) 55%,
    transparent 100%
  );
  opacity: 0;
  transition: opacity 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem 1rem 0.9rem;
}
.pin-card:hover .pin-overlay {
  opacity: 1;
}
.pin-ov-cat {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.2rem;
}
.pin-ov-title {
  font-family: "Playfair Display", serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  margin-bottom: 0.15rem;
}
.pin-ov-loc {
  font-size: 0.66rem;
  font-weight: 300;
  color: var(--muted);
}
.pin-tag {
  position: absolute;
  top: 9px;
  left: 9px;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.47rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  background: rgba(5, 14, 6, 0.72);
  border: 1px solid rgba(90, 173, 93, 0.28);
  color: var(--g200);
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  backdrop-filter: blur(8px);
  opacity: 0;
  transform: translateY(-4px);
  transition:
    opacity 0.25s,
    transform 0.25s;
}
.pin-card:hover .pin-tag {
  opacity: 1;
  transform: translateY(0);
}
.pin-zoom {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(5, 14, 6, 0.7);
  border: 1px solid rgba(90, 173, 93, 0.28);
  display: grid;
  place-items: center;
  backdrop-filter: blur(8px);
  font-size: 0.75rem;
  color: var(--g200);
  opacity: 0;
  transform: scale(0.65);
  transition:
    opacity 0.25s,
    transform 0.25s;
}
.pin-card:hover .pin-zoom {
  opacity: 1;
  transform: scale(1);
}
.pin-footer {
  padding: 0.6rem 0.8rem 0.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
}
.pin-footer-title {
  font-family: "DM Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pin-footer-loc {
  font-size: 0.62rem;
  font-weight: 300;
  color: var(--muted);
  white-space: nowrap;
  flex-shrink: 0;
}

/* EMPTY */
.gallery-empty {
  text-align: center;
  padding: 5rem 2rem;
  display: none;
}
.gallery-empty.show {
  display: block;
}
.gallery-empty p {
  font-family: "Playfair Display", serif;
  font-size: 1.2rem;
  font-style: italic;
  color: var(--muted);
}

/* LIGHTBOX */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  background: rgba(2, 7, 3, 0.94);
  backdrop-filter: blur(20px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.lightbox.open {
  opacity: 1;
  pointer-events: all;
}
.lb-inner {
  position: relative;
  display: flex;
  align-items: stretch;
  max-width: 88vw;
  max-height: 88vh;
  width: 100%;
  background: var(--g800);
  border: 1px solid var(--border);
  overflow: hidden;
  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.65);
  animation: lbPop 0.4s var(--ease);
}
@keyframes lbPop {
  from {
    transform: scale(0.9);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.lb-img-side {
  flex: 1;
  min-width: 0;
  background: var(--g900);
  display: flex;
  align-items: center;
  justify-content: center;
}
.lb-img-side img {
  max-width: 100%;
  max-height: 88vh;
  object-fit: contain;
  display: block;
}
.lb-info-side {
  width: 265px;
  flex-shrink: 0;
  padding: 2rem 1.6rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-left: 1px solid var(--border);
  overflow-y: auto;
}
.lb-controls {
  width: 100%;
}
.lb-cat {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.53rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.5rem;
}
.lb-title {
  font-family: "Playfair Display", serif;
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.1;
  color: var(--text);
  margin-bottom: 0.3rem;
}
.lb-loc {
  font-size: 0.78rem;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 1rem;
}
.lb-desc {
  font-size: 0.82rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
  flex: 1;
}
.lb-counter {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.56rem;
  letter-spacing: 0.2em;
  color: var(--muted);
  margin-top: 1.2rem;
}
.lb-nav {
  display: flex;
  gap: 0.4rem;
  margin-top: 0.7rem;
}
.lb-nav-btn {
  padding: 0.77rem;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.12em;
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  border-radius: 4px;
}
.lb-nav-btn:hover {
  border-color: var(--g300);
  color: var(--g100);
  background: rgba(90, 173, 93, 0.06);
}
.lb-close {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: rgba(5, 14, 6, 0.72);
  color: var(--muted);
  font-size: 0.95rem;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: all 0.2s;
  z-index: 10;
  backdrop-filter: blur(8px);
}
.lb-close:hover {
  border-color: var(--g200);
  color: var(--g100);
}

.filter-pills {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.filter-pill {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 0.35rem 1rem;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.2s;
}

.filter-pill:hover,
.filter-pill.active {
  background: rgba(90, 173, 93, 0.12);
  border-color: var(--g300);
  color: var(--g200);
}

.filter-pill.active {
  color: var(--g200);
}

.filter-count {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
}

.filter-count span {
  color: var(--g200);
  font-weight: 600;
}

.books-section {
  padding: 5rem 3rem 7rem;
  background: var(--g900);
  position: relative;
}

.books-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.books-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.book-featured {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0;
  background: var(--g800);
  border: 1px solid var(--border);
  margin-bottom: 1px;
  overflow: hidden;
  transition: border-color 0.3s;
}

.book-featured:hover {
  border-color: rgba(90, 173, 93, 0.35);
}

.book-featured-spine {
  width: 80px;
  background: linear-gradient(180deg, var(--g500) 0%, var(--g700) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(232, 242, 233, 0.4);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 1.5rem 0.5rem;
  border-right: 1px solid var(--border);
  flex-shrink: 0;
  transition: background 0.3s;
}

.book-featured:hover .book-featured-spine {
  background: linear-gradient(180deg, var(--g400) 0%, var(--g600) 100%);
}

.book-featured-inner {
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 0;
}

.book-cover-wrap {
  background: var(--g700);
  border-right: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
  min-height: 320px;
  position: relative;
  overflow: hidden;
}

.book-cover-art {
  width: 300px;
  height: 450px;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 2px 6px 6px 2px;
  box-shadow:
    -4px 4px 20px rgba(0, 0, 0, 0.6),
    inset -3px 0 8px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  transition: transform 0.5s var(--ease);
}

.book-featured:hover .book-cover-art {
  transform: perspective(600px) rotateY(-8deg) translateX(-4px);
}

.cover-bg {
  position: absolute;
  inset: 0;
}

.cover-title-text {
  position: relative;
  z-index: 1;
  padding: 1.2rem 1rem;
  font-family: "Playfair Display", serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.3;
  margin-top: auto;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.cover-author-text {
  position: relative;
  z-index: 1;
  padding: 0 1rem 0.8rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.55);
}

.cover-spine-line {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 12px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1));
}

.book-featured-body {
  padding: 3rem;
}

.book-num {
  font-family: "Playfair Display", serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(90, 173, 93, 0.25);
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

.book-badge {
  display: inline-block;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  padding: 0.22rem 0.7rem;
  background: rgba(90, 173, 93, 0.1);
  border: 1px solid rgba(90, 173, 93, 0.25);
  color: var(--g100);
  margin-bottom: 1rem;
}

.book-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.5rem, 2.5vw, 2.4rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--text);
  margin-bottom: 0.4rem;
  transition: color 0.2s;
}

.book-featured:hover .book-title {
  color: var(--g50);
}

.book-author {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.book-author::after {
  content: "";
  flex: 1;
  max-width: 40px;
  height: 1px;
  background: var(--g500);
}

.book-desc {
  font-size: 0.92rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 2rem;
  max-width: 500px;
}

.book-meta {
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.book-meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.book-meta-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: rgba(90, 173, 93, 0.5);
}

.book-meta-val {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--g100);
}

.btn-download {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g900);
  background: var(--g200);
  padding: 0.75rem 1.8rem;
  text-decoration: none;
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
  border: none;
  cursor: pointer;
}

.btn-download:hover {
  background: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(90, 173, 93, 0.3);
}

.btn-download svg {
  flex-shrink: 0;
}

.btn-download-ghost {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g100);
  background: transparent;
  padding: 0.75rem 1.8rem;
  text-decoration: none;
  border: 1px solid rgba(90, 173, 93, 0.3);
  transition:
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}

.btn-download-ghost:hover {
  border-color: var(--g200);
  color: var(--g50);
  transform: translateY(-2px);
}

.books-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-top: none;
}

.book-card {
  background: var(--g800);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
}

.book-card:hover {
  background: rgba(17, 38, 20, 0.97);
}

.book-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.book-card:hover::before {
  transform: scaleX(1);
}

.book-card-cover {
  height: 400px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--g700);
  border-bottom: 1px solid var(--border);
}

.book-card-cover.w4 {
  height: 400px;
  width: 418px;
  border-bottom: none;
  border-right: 1px solid var(--border);
}

.card-book-art {
  width: 230px;
  height: 345px;
  border-radius: 2px 5px 5px 2px;
  box-shadow:
    -3px 3px 16px rgba(0, 0, 0, 0.7),
    inset -2px 0 6px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  transition: transform 0.5s var(--ease);
}

.card-book-art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.book-card:hover .card-book-art {
  transform: perspective(500px) rotateY(-10deg) translateX(-3px)
    translateY(-4px);
}

.book-card-body {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.book-card-num {
  font-family: "Playfair Display", serif;
  font-size: 0.7rem;
  color: rgba(90, 173, 93, 0.2);
  margin-bottom: 0.3rem;
}

.book-card-title {
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  color: var(--text);
  margin-bottom: 0.3rem;
  transition: color 0.2s;
}

.book-card:hover .book-card-title {
  color: var(--g50);
}

.book-card-author {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.book-card-author::after {
  content: "";
  flex: 1;
  max-width: 30px;
  height: 1px;
  background: var(--g500);
}

.book-card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 1.5rem;
  margin-top: auto;
}

.book-tag {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  padding: 0.18rem 0.55rem;
  border: 1px solid rgba(90, 173, 93, 0.17);
  color: rgba(90, 173, 93, 0.55);
  transition:
    border-color 0.2s,
    color 0.2s;
}

.book-card:hover .book-tag {
  border-color: rgba(90, 173, 93, 0.32);
  color: var(--g100);
}

.book-card-dl {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--g200);
  text-decoration: none;
  padding: 0.65rem 0;
  border-top: 1px solid var(--border);
  margin-top: auto;
  transition:
    color 0.2s,
    gap 0.2s;
}

.book-card-dl:hover {
  color: var(--lime);
  gap: 0.9rem;
}

.book-card-dl .dl-arrow {
  font-size: 0.9rem;
}

.divider-band {
  padding: 4rem 3rem;
  background: var(--g700);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 3rem;
  max-width: 100%;
}

.div-text {
  flex: 1;
}

.div-text h3 {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 900;
  color: var(--text);
  margin-bottom: 0.5rem;
}

.div-text h3 em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.div-text p {
  font-size: 0.9rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
  max-width: 500px;
}

.div-nums {
  display: flex;
  gap: 3rem;
  flex-shrink: 0;
}

.div-num-item {
  text-align: center;
}

.div-num-item .n {
  font-family: "Playfair Display", serif;
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
}

.div-num-item .l {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.2rem;
}

.hero-rings {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(90, 173, 93, 0.15);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring-expand 6s ease-out infinite;
}

.ring:nth-child(1) {
  width: 200px;
  height: 200px;
  animation-delay: 0s;
}

.ring:nth-child(2) {
  width: 340px;
  height: 340px;
  animation-delay: 1.5s;
}

.ring:nth-child(3) {
  width: 480px;
  height: 480px;
  animation-delay: 3s;
}

.ring:nth-child(4) {
  width: 620px;
  height: 620px;
  animation-delay: 4.5s;
}

.info-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border-bottom: 1px solid var(--border);
}

.info-card-icon {
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: var(--g200);
  background: rgba(90, 173, 93, 0.06);
  transition:
    background 0.3s,
    border-color 0.3s;
}

.info-card:hover .info-card-icon {
  background: rgba(90, 173, 93, 0.14);
  border-color: var(--g300);
}

.info-card-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.28em;
  text-transform: uppercase;
  color: var(--g200);
}

.info-card-value {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.3;
}

.info-card-sub {
  font-size: 0.82rem;
  font-weight: 300;
  color: var(--muted);
}

.info-card-arrow {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 28px;
  height: 28px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  color: var(--muted);
  opacity: 0;
  transform: translateX(-6px);
  transition:
    opacity 0.3s,
    transform 0.3s var(--ease),
    border-color 0.3s;
}

.info-card:hover .info-card-arrow {
  opacity: 1;
  transform: translateX(0);
  border-color: var(--g300);
  color: var(--g100);
}

.contact-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
  overflow: hidden;
}

.contact-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.contact-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 6rem;
  align-items: start;
}

.contact-desc {
  font-size: 0.95rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 3rem;
}

.detail-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--border);
  margin-bottom: 2.5rem;
}

.detail-row {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1.2rem 1.5rem;
  border-bottom: 1px solid var(--border);
  transition: background 0.2s;
  text-decoration: none;
  color: inherit;
}

.detail-row:last-child {
  border-bottom: none;
}

.detail-row:hover {
  background: rgba(90, 173, 93, 0.05);
}

.dr-icon {
  width: 36px;
  height: 36px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: var(--g200);
  background: rgba(90, 173, 93, 0.06);
  flex-shrink: 0;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.detail-row:hover .dr-icon {
  background: rgba(90, 173, 93, 0.14);
  border-color: var(--g300);
}

.dr-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.15rem;
}

.dr-val {
  font-size: 0.92rem;
  font-weight: 400;
  color: var(--text);
}

.dr-chevron {
  color: rgba(90, 173, 93, 0.3);
  font-size: 0.8rem;
  transition:
    color 0.2s,
    transform 0.2s;
}

.detail-row:hover .dr-chevron {
  color: var(--g200);
  transform: translateX(3px);
}

.map-frame {
  background: var(--g800);
  border: 1px solid var(--border);
  overflow: hidden;
  position: relative;
  height: 240px;
}

.map-frame-inner {
  width: 100%;
  height: 100%;
  background:
    linear-gradient(rgba(5, 14, 6, 0.4), rgba(5, 14, 6, 0.4)),
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 40px,
      rgba(90, 173, 93, 0.04) 40px,
      rgba(90, 173, 93, 0.04) 41px
    ),
    repeating-linear-gradient(
      90deg,
      transparent,
      transparent 40px,
      rgba(90, 173, 93, 0.04) 40px,
      rgba(90, 173, 93, 0.04) 41px
    ),
    linear-gradient(135deg, #0b1a0d 0%, #1a3a1e 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.map-road-h {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: rgba(90, 173, 93, 0.12);
}

.map-road-v {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(90, 173, 93, 0.12);
}

.map-pin {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}

.map-pin-dot {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--g200);
  box-shadow:
    0 0 0 4px rgba(90, 173, 93, 0.2),
    0 0 0 8px rgba(90, 173, 93, 0.08);
  animation: pin-pulse 2.5s ease-in-out infinite;
}

.map-pin-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g100);
  background: rgba(5, 14, 6, 0.8);
  padding: 0.25rem 0.7rem;
  border: 1px solid var(--border);
  backdrop-filter: blur(4px);
}

.map-frame-label {
  position: absolute;
  bottom: 1rem;
  left: 1.2rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.social-row {
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
}

.social-btn {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition:
    background 0.2s,
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}

.social-btn:hover {
  background: rgba(90, 173, 93, 0.12);
  border-color: var(--g300);
  color: var(--g100);
  transform: translateY(-2px);
}

.form-header {
  margin-bottom: 2rem;
}

.form-header .s-title {
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--border);
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
}

.form-row.full {
  grid-template-columns: 1fr;
}

.field {
  background: var(--g800);
  padding: 1.4rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  position: relative;
  border-bottom: 1px solid var(--border);
  transition: background 0.2s;
}

.field:focus-within {
  background: var(--g700);
}

.field:focus-within::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
}

.field label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.57rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color 0.2s;
}

.field:focus-within label {
  color: var(--g200);
}

.field input,
.field textarea,
.field select {
  background: transparent;
  border: none;
  outline: none;
  font-family: "DM Sans", sans-serif;
  font-size: 0.93rem;
  font-weight: 300;
  color: var(--text);
  width: 100%;
  caret-color: var(--g200);
}

.field input::placeholder,
.field textarea::placeholder {
  color: rgba(232, 242, 233, 0.22);
}

.field textarea {
  resize: none;
  height: 90px;
  line-height: 1.7;
}

.field select option {
  background: var(--g800);
  color: var(--text);
}

.subject-pills {
  display: flex;
  gap: 0.4rem;
  flex-wrap: wrap;
  padding: 1.2rem 1.5rem;
  background: var(--g800);
  border-bottom: 1px solid var(--border);
}

.subject-pill {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.28rem 0.75rem;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  transition: all 0.2s;
}

.subject-pill:hover,
.subject-pill.active {
  background: rgba(90, 173, 93, 0.12);
  border-color: var(--g300);
  color: var(--g200);
}

.subject-pill-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 1.2rem 1.5rem 0;
  display: block;
}

.form-submit {
  background: var(--g800);
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.submit-note {
  font-size: 0.78rem;
  font-weight: 300;
  color: var(--muted);
}

.submit-note strong {
  color: var(--g100);
}

.btn-submit {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--g900);
  background: var(--g200);
  padding: 0.85rem 2.2rem;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
}

.btn-submit:hover {
  background: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(90, 173, 93, 0.3);
}

.btn-submit svg {
  flex-shrink: 0;
  transition: transform 0.2s var(--ease);
}

.btn-submit:hover svg {
  transform: translateX(4px);
}

.faq-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.faq-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.faq-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 5rem;
  align-items: start;
}

.faq-left .s-title {
  font-size: clamp(1.8rem, 3.5vw, 2.8rem);
}

.faq-left p {
  font-size: 0.93rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  margin-top: 1.2rem;
}

.faq-left .faq-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 2rem;
  padding: 0.5rem 1.2rem;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.06);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
}

.faq-left .faq-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g200);
  animation: dotblink 2s ease-in-out infinite;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.faq-item {
  background: var(--g800);
  overflow: hidden;
}

.faq-q {
  width: 100%;
  background: transparent;
  border: none;
  padding: 1.5rem 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  text-align: left;
  transition: background 0.2s;
}

.faq-q:hover {
  background: rgba(90, 173, 93, 0.04);
}

.faq-q.open {
  background: var(--g700);
}

.faq-q-text {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.35;
  transition: color 0.2s;
}

.faq-q.open .faq-q-text {
  color: var(--g100);
}

.faq-icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 0.9rem;
  transition:
    transform 0.4s var(--ease),
    border-color 0.2s,
    background 0.2s,
    color 0.2s;
}

.faq-q.open .faq-icon {
  transform: rotate(45deg);
  border-color: var(--g300);
  background: rgba(90, 173, 93, 0.1);
  color: var(--g200);
}

.faq-a {
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.5s var(--ease),
    opacity 0.3s;
  opacity: 0;
}

.faq-a.open {
  max-height: 280px;
  opacity: 1;
}

.faq-a-inner {
  padding: 0.2rem 2rem 1.5rem;
  font-size: 0.9rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  background: var(--g700);
  border-top: 1px solid var(--border);
}

.faq-a-inner strong {
  color: var(--g100);
}

.cta-band {
  padding: 5rem 3rem;
  background: var(--g600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  flex-wrap: wrap;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.cta-band h3 {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  font-weight: 900;
  color: var(--text);
}

.cta-band h3 em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.cta-band p {
  font-size: 0.93rem;
  line-height: 1.8;
  color: var(--muted);
  max-width: 480px;
  margin-top: 0.6rem;
}

.cta-btns {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}

.form-success {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  padding: 5rem 2rem;
  text-align: center;
  background: var(--g800);
  border: 1px solid var(--border);
}

.form-success.show {
  display: flex;
}

.success-icon {
  width: 64px;
  height: 64px;
  border: 2px solid var(--g200);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: var(--g200);
  animation: spop 0.5s var(--ease);
}

.success-title {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--text);
}

.success-sub {
  font-size: 0.9rem;
  font-weight: 300;
  color: var(--muted);
  max-width: 340px;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--g200);
}

.particles {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.pc {
  position: absolute;
  border-radius: 50%;
  animation: rise linear infinite;
}

.impact-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border-bottom: 1px solid var(--border);
}

.imp-card {
  background: var(--g800);
  padding: 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
}

.imp-card:hover {
  background: var(--g700);
}

.imp-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.imp-card:hover::before {
  transform: scaleX(1);
}

.imp-icon {
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
  display: block;
}

.imp-title {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.4rem;
}

.imp-desc {
  font-size: 0.82rem;
  line-height: 1.7;
  font-weight: 300;
  color: var(--muted);
}

.donate-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.donate-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.donate-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 6rem;
  align-items: start;
}

.use-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 2.5rem;
}

.use-item {
  background: var(--g800);
  padding: 1.3rem 1.5rem;
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 1rem;
  align-items: center;
  transition: background 0.2s;
}

.use-item:hover {
  background: var(--g700);
}

.use-icon {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.use-title {
  font-family: "Playfair Display", serif;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.15rem;
}

.use-body {
  font-size: 0.82rem;
  line-height: 1.65;
  font-weight: 300;
  color: var(--muted);
}

.donate-form-wrap {
  position: sticky;
  top: 84px;
}

.amount-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 1rem 1.5rem;
  background: var(--g800);
  border: 1px solid var(--border);
  border-bottom: none;
}

.amount-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  margin-bottom: 1px;
}

.amt-btn {
  background: var(--g800);
  padding: 1.3rem;
  text-align: center;
  cursor: pointer;
  border: none;
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--muted);
  transition:
    background 0.2s,
    color 0.2s;
  position: relative;
  overflow: hidden;
}

.amt-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--g300);
  transform: scaleX(0);
  transition: transform 0.3s var(--ease);
}

.amt-btn:hover,
.amt-btn.active {
  background: var(--g700);
  color: var(--g200);
}

.amt-btn.active::before {
  transform: scaleX(1);
}

.amt-btn small {
  display: block;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 300;
  margin-top: 0.2rem;
}

.custom-field {
  background: var(--g800);
  border: 1px solid var(--border);
  padding: 1.3rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-top: none;
}

.custom-field .cur-sym {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--g400);
}

.custom-field input {
  background: transparent;
  border: none;
  outline: none;
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  flex: 1;
  caret-color: var(--g200);
}

.custom-field input::placeholder {
  color: rgba(232, 242, 233, 0.2);
}

.custom-field label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.freq-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  border-top: none;
}

.freq-tab {
  background: var(--g800);
  padding: 1rem 1.5rem;
  text-align: center;
  cursor: pointer;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.63rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  transition:
    background 0.2s,
    color 0.2s;
  border: none;
  position: relative;
}

.freq-tab:hover,
.freq-tab.active {
  background: var(--g700);
  color: var(--g200);
}

.freq-tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--g300);
}

.donate-form {
  border: 1px solid var(--border);
  border-top: none;
}

.field:focus-within::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
}

.field input {
  background: transparent;
  border: none;
  outline: none;
  font-family: "DM Sans", sans-serif;
  font-size: 0.92rem;
  font-weight: 300;
  color: var(--text);
  caret-color: var(--g200);
}

.field input::placeholder {
  color: rgba(232, 242, 233, 0.22);
}

.donate-submit-row {
  background: var(--g800);
  padding: 1.5rem;
  border: 1px solid var(--border);
  border-top: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.donate-note {
  font-size: 0.78rem;
  font-weight: 300;
  color: var(--muted);
}

.donate-note strong {
  color: var(--g100);
}

.btn-donate {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--g900);
  background: var(--g200);
  padding: 0.85rem 2.5rem;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  transition:
    background 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
}

.btn-donate:hover {
  background: var(--lime);
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(90, 173, 93, 0.35);
}

.btn-donate svg {
  transition: transform 0.2s var(--ease);
}

.btn-donate:hover svg {
  transform: translateX(4px);
}

.test-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
}

.test-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.test-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.test-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 4rem;
}

.test-card {
  background: var(--g900);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  transition: background 0.3s;
  position: relative;
  overflow: hidden;
}

.test-card:hover {
  background: rgba(11, 26, 13, 0.98);
}

.test-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.test-card:hover::before {
  transform: scaleX(1);
}

.test-qmark {
  font-family: "Playfair Display", serif;
  font-size: 4rem;
  line-height: 0.8;
  color: rgba(90, 173, 93, 0.15);
  margin-bottom: -0.5rem;
}

.test-text {
  font-size: 0.9rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  font-style: italic;
  flex: 1;
}

.test-person {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-top: auto;
}

.test-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: var(--g600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--g200);
  flex-shrink: 0;
  overflow: hidden;
}

.test-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.test-name {
  font-family: "Playfair Display", serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text);
}

.test-role {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--g200);
}

.hero-filmstrip {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 80px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-top: 1px solid var(--border);
  opacity: 0.35;
}

.filmstrip-reel {
  display: flex;
  gap: 3px;
  padding: 3px;
  flex-shrink: 0;
  animation: reel-scroll 25s linear infinite;
}

.filmstrip-frame {
  width: 90px;
  flex-shrink: 0;
  background: var(--g700);
  position: relative;
}

.filmstrip-frame::before,
.filmstrip-frame::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  height: 8px;
  background: var(--g600);
  border-radius: 1px;
}

.filmstrip-frame::before {
  top: 4px;
}

.filmstrip-frame::after {
  bottom: 4px;
}

.view-toggle {
  display: flex;
  gap: 2px;
}

.view-btn {
  width: 32px;
  height: 32px;
  border: 1px solid var(--border);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  transition: all 0.2s;
}

.view-btn.active,
.view-btn:hover {
  background: rgba(90, 173, 93, 0.1);
  border-color: var(--g300);
  color: var(--g200);
}

.gallery-section {
  padding: 4rem 3rem 7rem;
  background: var(--g900);
  position: relative;
}

.gallery-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.gallery-inner {
  max-width: 1380px;
  margin: 0 auto;
}

.masonry-grid {
  columns: 4;
  column-gap: 3px;
}

.masonry-grid.cols-3 {
  columns: 3;
}

.masonry-grid.cols-2 {
  columns: 2;
}

.gallery-item {
  break-inside: avoid;
  margin-bottom: 3px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: var(--g800);
  display: block;
}

.gallery-item img {
  width: 100%;
  display: block;
  filter: saturate(0.8) brightness(0.9);
  transition:
    filter 0.6s var(--ease),
    transform 0.7s var(--ease);
}

.gallery-item:hover img {
  filter: saturate(1) brightness(1);
  transform: scale(1.04);
}

.gallery-item-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(5, 14, 6, 0.88) 0%,
    rgba(5, 14, 6, 0.2) 45%,
    transparent 70%
  );
  opacity: 0;
  transition: opacity 0.4s var(--ease);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.5rem;
}

.gallery-item:hover .gallery-item-overlay {
  opacity: 1;
}

.gi-cat {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.3rem;
}

.gi-title {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.2rem;
  line-height: 1.25;
}

.gi-loc {
  font-size: 0.78rem;
  font-weight: 300;
  color: rgba(232, 242, 233, 0.6);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.gi-loc::before {
  content: "⌖";
  font-size: 0.7rem;
  color: var(--g200);
}

.gi-zoom {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 32px;
  height: 32px;
  background: rgba(5, 14, 6, 0.6);
  border: 1px solid rgba(90, 173, 93, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  color: var(--g100);
  opacity: 0;
  transform: scale(0.7);
  transition:
    opacity 0.3s,
    transform 0.3s var(--ease);
  backdrop-filter: blur(4px);
}

.gallery-item:hover .gi-zoom {
  opacity: 1;
  transform: scale(1);
}

.gi-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 0.2rem 0.6rem;
  background: rgba(5, 14, 6, 0.65);
  border: 1px solid var(--border);
  color: var(--g100);
  backdrop-filter: blur(4px);
  transition: opacity 0.3s;
}

.gallery-item:hover .gi-tag {
  opacity: 0;
}

.gallery-placeholder {
  background: var(--g800);
  aspect-ratio: 4/3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  font-size: 2.5rem;
  border: 1px solid var(--border);
  transition: background 0.3s;
}

.gallery-placeholder:hover {
  background: var(--g700);
}

.gallery-placeholder span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 500;
  background: rgba(5, 14, 6, 0.97);
  backdrop-filter: blur(20px);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s var(--ease);
}

.lightbox.open {
  opacity: 1;
  pointer-events: all;
}

.lb-inner {
  position: relative;
  max-width: 1100px;
  width: 95%;
  display: grid;
  grid-template-columns: 1fr 320px;
  border: 1px solid var(--border);
  animation: lb-in 0.5s var(--ease) both;
}

.lightbox.open .lb-inner {
  animation: lb-in 0.5s var(--ease) both;
}

.lb-img-wrap {
  background: var(--g800);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  min-height: 500px;
  position: relative;
}

.lb-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.lb-placeholder {
  width: 100%;
  height: 100%;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 4rem;
}

.lb-placeholder p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.lb-info {
  background: var(--g700);
  border-left: 1px solid var(--border);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
}

.lb-cat {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.8rem;
}

.lb-title {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  margin-bottom: 0.4rem;
}

.lb-loc {
  font-size: 0.85rem;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.lb-loc::before {
  content: "⌖";
  color: var(--g200);
}

.lb-desc {
  font-size: 0.88rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
  flex: 1;
}

.lb-counter {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lb-counter span {
  color: var(--g200);
  font-weight: 600;
}

.lb-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
  width: 36px;
  height: 36px;
  background: rgba(5, 14, 6, 0.7);
  border: 1px solid var(--border);
  color: var(--muted);
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    color 0.2s,
    border-color 0.2s;
  backdrop-filter: blur(4px);
}

.lb-close:hover {
  color: var(--g100);
  border-color: var(--g300);
}

.lb-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 2rem;
  width: 265px;
  height: 44px;
  color: var(--g100);
  font-size: 1.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition:
    background 0.2s,
    border-color 0.2s;
  z-index: 10;
}

.lb-prev {
  left: -22px;
}

.lb-next {
  right: -22px;
}

.section-break {
  padding: 4rem 3rem;
  background: var(--g700);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  flex-wrap: wrap;
}

.sb-text h3 {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 900;
  color: var(--text);
}

.sb-text h3 em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.sb-text p {
  font-size: 0.9rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
  max-width: 480px;
  margin-top: 0.5rem;
}

.sb-nums {
  display: flex;
  gap: 3rem;
  flex-shrink: 0;
}

.sb-num .n {
  font-family: "Playfair Display", serif;
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
}

.sb-num .l {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.2rem;
}

.hero-map {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(0.3) brightness(0.35) contrast(1.2);
  transition: filter 0.6s;
}

.hero-map-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    170deg,
    rgba(5, 14, 6, 0.85) 0%,
    rgba(5, 14, 6, 0.55) 50%,
    rgba(5, 14, 6, 0.9) 100%
  );
}

.territory-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border-bottom: 1px solid var(--border);
}

.tc {
  background: var(--g800);
  padding: 2rem;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
}

.tc:hover {
  background: var(--g700);
}

.tc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.4s var(--ease);
}

.tc:hover::before {
  transform: scaleX(1);
}

.tc-admin {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.4rem;
}

.tc-name {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.3rem;
}

.tc-area {
  font-size: 0.82rem;
  font-weight: 300;
  color: var(--g200);
}

.history-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.history-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.history-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: start;
  margin-bottom: 5rem;
}

.two-col.reverse {
  direction: rtl;
}

.two-col.reverse > * {
  direction: ltr;
}

.map-img {
  background: var(--g700);
  border: 1px solid var(--border);
  overflow: hidden;
}

.map-img img {
  width: 100%;
  display: block;
  filter: saturate(0.6) brightness(0.8);
  transition: filter 0.5s;
}

.map-img:hover img {
  filter: saturate(0.9) brightness(0.95);
}

.map-caption {
  padding: 1rem 1.2rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  background: var(--g800);
  border-top: 1px solid var(--border);
}

.timeline-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
}

.timeline-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--gold), transparent);
}

.timeline-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.timeline-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  margin-top: 4rem;
}

.tl-group {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.tl-group-title {
  background: var(--g600);
  padding: 1rem 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
}

.tl-item {
  background: var(--g900);
  padding: 1.4rem 1.5rem;
  position: relative;
  transition: background 0.2s;
  padding-left: 3rem;
  padding-bottom: 3.5rem;
  border-left: 1px solid var(--g600);
}

.tl-item:hover {
  background: var(--g800);
}

.tl-year {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 0.4rem;
  opacity: 0.8;
}

.tl-title {
  font-family: "Playfair Display", serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.6rem;
}

.tl-body {
  font-size: 0.9rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
}

.un-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.un-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.un-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.un-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 4rem;
}

.un-card {
  background: var(--g800);
  padding: 1.8rem;
  transition: background 0.3s;
  position: relative;
  overflow: hidden;
}

.un-card:hover {
  background: var(--g700);
}

.un-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background: var(--g600);
  transition: background 0.3s;
}

.un-card:hover::before {
  background: var(--g200);
}

.un-res {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 900;
  color: var(--g300);
  margin-bottom: 0.3rem;
}

.un-date {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 0.6rem;
}

.un-text {
  font-size: 0.82rem;
  line-height: 1.7;
  font-weight: 300;
  color: var(--muted);
}

.hr-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
}

.hr-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.hr-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.hr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: start;
  margin-top: 3rem;
}

.hr-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.hr-item {
  background: var(--g900);
  padding: 1.4rem 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transition: background 0.2s;
}

.hr-item:hover {
  background: var(--g800);
}

.hr-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g300);
  flex-shrink: 0;
  margin-top: 0.5rem;
}

.hr-text {
  font-size: 0.87rem;
  line-height: 1.75;
  font-weight: 300;
  color: var(--muted);
}

.nav.scrolled {
  background: rgba(5, 14, 6, 0.92);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(16px);
  border-bottom-color: var(--border);
}

.hero-orb {
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(42, 100, 46, 0.25) 0%,
    transparent 70%
  );
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: orb-pulse 8s ease-in-out infinite alternate;
  pointer-events: none;
}

.hero-vert {
  position: absolute;
  left: 2.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: rgba(90, 173, 93, 0.3);
  white-space: nowrap;
}

.hero-vert-r {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.5em;
  text-transform: uppercase;
  color: rgba(90, 173, 93, 0.3);
  white-space: nowrap;
}

.hero-glyphs {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}

.glyph {
  position: absolute;
  font-family: "Playfair Display", serif;
  font-style: italic;
  color: rgba(90, 173, 93, 0.06);
  line-height: 1;
  animation: gfloat ease-in-out infinite alternate;
}

.hero-eyebrow::before,
.hero-eyebrow::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--g300));
}

.hero-title .line2 {
  font-style: italic;
  font-weight: 400;
  background: linear-gradient(
    135deg,
    var(--g200) 0%,
    var(--lime) 50%,
    var(--g100) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-title .line3 {
  font-size: 0.48em;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: var(--muted);
  -webkit-text-fill-color: var(--muted);
  display: block;
  margin-top: 0.4em;
}

.hero-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.hero-strip {
  display: flex;
  align-items: stretch;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.04);
  backdrop-filter: blur(12px);
  max-width: 700px;
  margin: 0 auto;
}

.hs {
  flex: 1;
  padding: 1.2rem;
  text-align: center;
  border-right: 1px solid var(--border);
  position: relative;
}

.hs:last-child {
  border-right: none;
}

.hs-n {
  font-family: "Playfair Display", serif;
  font-size: 1.9rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
}

.hs-l {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.53rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.25rem;
}

.ticker-wrap {
  background: var(--g700);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  overflow: hidden;
  height: 42px;
  display: flex;
  align-items: center;
}

.ticker-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  padding: 0 1.5rem;
  border-right: 1px solid var(--border);
  white-space: nowrap;
  height: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  background: var(--g600);
}

.ticker-track {
  display: flex;
  gap: 0;
  animation: tick 40s linear infinite;
}

.ticker-item {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
  white-space: nowrap;
  padding: 0 2.5rem;
  border-right: 1px solid var(--border);
  height: 42px;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.ticker-item::before {
  content: "◆";
  font-size: 0.4rem;
  color: var(--g300);
}

.mission {
  padding: 8rem 3rem;
  background: var(--g900);
  position: relative;
}

.mission::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.mission-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
  align-items: center;
}

.mission-visual {
  position: relative;
}

.mission-img-wrap {
  background: var(--g700);
  border: 1px solid var(--border);
  overflow: hidden;
  aspect-ratio: 4/5;
  position: relative;
}

.mission-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.6) brightness(0.8);
  transition: filter 0.6s;
}

.mission-img-wrap:hover img {
  filter: saturate(0.9) brightness(0.9);
}

.mission-img-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 14, 6, 0.8) 0%, transparent 50%);
}

.mission-img-caption {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
}

.mission-img-caption h3 {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.3rem;
}

.mission-img-caption p {
  font-size: 0.8rem;
  font-weight: 300;
  color: var(--muted);
}

.mission-quote {
  margin-top: 2rem;
  padding: 2rem;
  background: var(--g700);
  border-left: 3px solid var(--g300);
  position: relative;
}

.mission-quote blockquote {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.7;
  color: var(--text);
}

.mission-quote cite {
  display: block;
  margin-top: 0.8rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
  font-style: normal;
}

.pillars {
  padding: 0 3rem 8rem;
  background: var(--g900);
}

.pillars-header {
  text-align: center;
  margin-bottom: 4rem;
}

.pillar-icon-wrap {
  width: 52px;
  height: 52px;
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 1.5rem;
  background: rgba(90, 173, 93, 0.06);
  transition:
    background 0.3s,
    border-color 0.3s;
}

.pillar:hover .pillar-icon-wrap {
  background: rgba(90, 173, 93, 0.14);
  border-color: var(--g300);
}

.pillar img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin-bottom: 1.5rem;
  filter: saturate(0.6) brightness(0.7);
  transition: filter 0.4s;
}

.pillar:hover img {
  filter: saturate(0.9) brightness(0.9);
}

.process {
  padding: 8rem 3rem;
  background: var(--g800);
  position: relative;
}

.process::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.process-steps::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--g400), transparent);
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
}

.team {
  padding: 8rem 3rem;
  background: var(--g900);
  position: relative;
}

.team::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.team-info {
  padding: 2rem;
}

.regions {
  padding: 6rem 3rem;
  background: var(--g600);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.regions-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.regions-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 3rem;
}

.region-card {
  background: var(--g700);
  padding: 2rem;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  display: block;
  transition: background 0.3s;
}

.region-card:hover {
  background: var(--g600);
}

.region-card::after {
  content: "↗";
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
  font-size: 1rem;
  color: var(--muted);
  transition:
    color 0.2s,
    transform 0.2s;
}

.region-card:hover::after {
  color: var(--g200);
  transform: translate(2px, -2px);
}

.region-area {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.5rem;
}

.region-name {
  font-family: "Playfair Display", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.4rem;
}

.region-fact {
  font-size: 0.82rem;
  font-weight: 300;
  color: var(--muted);
}

.cta {
  padding: 8rem 3rem;
  background: var(--g900);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-inner {
  max-width: 900px;
  width: 100%;
  text-align: center;
}

.cta h2 {
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1.05;
  color: var(--text);
  margin-bottom: 1.2rem;
}

.cta h2 em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.cta p {
  font-size: 1rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  max-width: 560px;
  margin: 0 auto 3rem;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.hero-bg-layers {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.mountain-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.stars {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(
      1px 1px at 10% 15%,
      rgba(255, 255, 255, 0.6) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 25% 8%,
      rgba(255, 255, 255, 0.4) 0%,
      transparent 100%
    ),
    radial-gradient(
      1.5px 1.5px at 40% 20%,
      rgba(255, 255, 255, 0.7) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 60% 5%,
      rgba(255, 255, 255, 0.5) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 75% 18%,
      rgba(255, 255, 255, 0.4) 0%,
      transparent 100%
    ),
    radial-gradient(
      1.5px 1.5px at 85% 12%,
      rgba(255, 255, 255, 0.6) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 92% 25%,
      rgba(255, 255, 255, 0.3) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 15% 35%,
      rgba(255, 255, 255, 0.4) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 55% 30%,
      rgba(255, 255, 255, 0.3) 0%,
      transparent 100%
    ),
    radial-gradient(
      1px 1px at 70% 40%,
      rgba(255, 255, 255, 0.2) 0%,
      transparent 100%
    );
}

.aurora {
  position: absolute;
  top: 0;
  left: -20%;
  right: -20%;
  height: 50%;
  background:
    radial-gradient(
      ellipse at 30% 0%,
      rgba(26, 74, 82, 0.4) 0%,
      transparent 60%
    ),
    radial-gradient(
      ellipse at 70% 10%,
      rgba(44, 74, 53, 0.3) 0%,
      transparent 50%
    ),
    radial-gradient(
      ellipse at 50% 5%,
      rgba(201, 150, 58, 0.08) 0%,
      transparent 40%
    );
  animation: aurora-shift 12s ease-in-out infinite alternate;
}

.hero-title span {
  display: block;
  background: linear-gradient(
    135deg,
    var(--gold) 0%,
    var(--saffron) 50%,
    var(--muted-gold) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-subtitle {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-style: italic;
  color: var(--muted);
  max-width: 560px;
  margin: 1rem auto 1rem;
  line-height: 1.8;
  font-weight: 300;
}

.hero-script-decoration {
  font-size: 2.5rem;
  color: rgba(201, 150, 58, 0.3);
  letter-spacing: 0.3em;
  margin-bottom: 1rem;
}

.region-section {
  position: relative;
  padding: 7rem 2rem;
  overflow: hidden;
}

.region-section:nth-child(odd) {
  background: #0d1a1c;
}

.region-section:nth-child(even) {
  background: #0f1508;
}

.section-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.section-header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 2rem;
  margin-bottom: 5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(201, 150, 58, 0.2);
}

.section-label {
  font-family: "Cinzel", serif;
  font-size: 0.65rem;
  letter-spacing: 0.5em;
  color: var(--saffron);
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.section-title {
  font-family: "Cinzel", serif;
  font-size: clamp(2rem, 4vw, 3.5rem);
  font-weight: 700;
  color: var(--parchment);
  line-height: 1.1;
}

.section-title em {
  font-style: italic;
  font-weight: 400;
  color: var(--gold);
  font-family: "Cormorant Garamond", serif;
  display: block;
  font-size: 1.1em;
}

.section-number {
  font-family: "Cinzel", serif;
  font-size: 6rem;
  font-weight: 700;
  color: rgba(201, 150, 58, 0.07);
  line-height: 1;
  letter-spacing: -0.05em;
}

.intro-block {
  max-width: 700px;
  margin: 0 auto 5rem;
  text-align: center;
}

.intro-block p {
  font-size: 1.25rem;
  line-height: 1.85;
  color: rgba(245, 239, 228, 0.75);
  font-style: italic;
}

.divider-ornament {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 2rem 0;
  color: rgba(201, 150, 58, 0.5);
  font-size: 0.9rem;
}

.divider-ornament::before,
.divider-ornament::after {
  content: "";
  flex: 1;
  max-width: 120px;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(201, 150, 58, 0.4));
}

.divider-ornament::after {
  background: linear-gradient(to left, transparent, rgba(201, 150, 58, 0.4));
}

.lang-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}

.lang-card {
  background: var(--ink);
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: background 0.4s;
}

.lang-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.lang-card:hover::before {
  transform: scaleX(1);
}

.lang-card:hover {
  background: #121a12;
}

.lang-card-accent {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(201, 150, 58, 0.06) 0%,
    transparent 70%
  );
  transition: transform 0.5s;
}

.lang-card:hover .lang-card-accent {
  transform: scale(1.4);
}

.lang-icon {
  font-size: 2.2rem;
  margin-bottom: 1.2rem;
  display: block;
  opacity: 0.7;
}

.lang-name {
  font-family: "Cinzel", serif;
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--parchment);
  margin-bottom: 0.3rem;
  letter-spacing: 0.03em;
}

.lang-subtitle {
  font-size: 0.8rem;
  letter-spacing: 0.15em;
  color: var(--gold);
  text-transform: uppercase;
  font-family: "Cinzel", serif;
  margin-bottom: 1.2rem;
  display: block;
}

.lang-desc {
  font-size: 0.975rem;
  line-height: 1.75;
  color: rgba(245, 239, 228, 0.6);
}

.lang-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 1.5rem;
}

.lang-tag {
  font-size: 0.65rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-family: "Cinzel", serif;
  padding: 0.2rem 0.7rem;
  border: 1px solid rgba(201, 150, 58, 0.25);
  color: rgba(201, 150, 58, 0.7);
}

.lang-card-featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
  padding: 3.5rem;
  background: linear-gradient(135deg, #0d1a12 0%, #0a1418 100%);
  border-left: 3px solid var(--gold);
}

.lang-card-featured .lang-name {
  font-size: 2.2rem;
}

.lang-card-featured .lang-desc {
  font-size: 1.05rem;
  line-height: 1.8;
}

.featured-stat {
  font-size: 4rem;
  font-family: "Cinzel", serif;
  font-weight: 700;
  color: var(--gold);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.featured-stat-label {
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  color: rgba(245, 239, 228, 0.45);
  text-transform: uppercase;
  font-family: "Cinzel", serif;
}

.stat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(201, 150, 58, 0.15);
}

.map-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
  overflow: hidden;
}

.map-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 70% 70% at 50% 50%,
    rgba(36, 82, 41, 0.12) 0%,
    transparent 70%
  );
  pointer-events: none;
}

.map-container {
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.map-image-wrapper {
  position: relative;
  border: 1px solid rgba(201, 150, 58, 0.2);
  overflow: hidden;
}

.map-image-wrapper img {
  width: 100%;
  display: block;
  filter: saturate(0.85) contrast(1.05);
}

.map-image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 60%,
    rgba(6, 13, 14, 0.8) 100%
  );
  pointer-events: none;
}

.stats-banner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1px;
  background: rgba(201, 150, 58, 0.15);
  margin-top: 1px;
  border: 1px solid rgba(201, 150, 58, 0.15);
  border-top: none;
}

.stat-item {
  background: #060d0e;
  padding: 2rem 1.5rem;
  text-align: center;
}

.stat-item .num {
  font-family: "Cinzel", serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--gold);
  display: block;
  margin-bottom: 0.3rem;
}

.stat-item .lbl {
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: rgba(245, 239, 228, 0.45);
  font-family: "Cinzel", serif;
}

.photo-section {
  padding: 7rem 2rem;
  background: #0a1015;
}

.photo-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 1.5px;
  background: rgba(201, 150, 58, 0.1);
}

.photo-main {
  position: relative;
  overflow: hidden;
}

.photo-main img {
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
  display: block;
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  filter: saturate(0.9);
}

.photo-main:hover img {
  transform: scale(1.03);
}

.photo-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}

.photo-caption h3 {
  font-family: "Cinzel", serif;
  font-size: 1.2rem;
  color: var(--parchment);
  margin-bottom: 0.3rem;
}

.photo-caption p {
  font-size: 0.85rem;
  color: rgba(245, 239, 228, 0.6);
  font-style: italic;
}

.photo-side {
  display: flex;
  flex-direction: column;
  gap: 1.5px;
}

.photo-side-panel {
  flex: 1;
  background: #0d1a1c;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.photo-side-panel h3 {
  font-family: "Cinzel", serif;
  font-size: 1.5rem;
  color: var(--parchment);
  margin-bottom: 1rem;
}

.photo-side-panel p {
  font-size: 1rem;
  line-height: 1.8;
  color: rgba(245, 239, 228, 0.65);
  font-style: italic;
}

.quote-section {
  padding: 6rem 2rem;
  background: var(--deep-teal);
  position: relative;
  overflow: hidden;
}

.quote-section::before {
  content: "❝";
  position: absolute;
  top: -2rem;
  left: 5%;
  font-size: 20rem;
  color: rgba(255, 255, 255, 0.03);
  font-family: Georgia, serif;
  line-height: 1;
}

.quote-inner {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.quote-inner blockquote {
  font-size: clamp(1.4rem, 3vw, 2.2rem);
  font-style: italic;
  line-height: 1.6;
  color: var(--parchment);
  margin-bottom: 2rem;
}

.quote-inner cite {
  font-size: 0.75rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--gold);
  font-style: normal;
  font-family: "Cinzel", serif;
}

footer .footer-title {
  font-family: "Cinzel", serif;
  font-size: 1.2rem;
  color: var(--gold);
  margin-bottom: 0.5rem;
  letter-spacing: 0.15em;
}

footer p {
  font-size: 0.85rem;
  color: rgba(245, 239, 228, 0.3);
  font-style: italic;
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.reveal-delay-1 {
  transition-delay: 0.1s;
}

.reveal-delay-2 {
  transition-delay: 0.2s;
}

.reveal-delay-3 {
  transition-delay: 0.3s;
}

.reveal-delay-4 {
  transition-delay: 0.4s;
}

.corner-dec {
  position: absolute;
  width: 50px;
  height: 50px;
}

.corner-dec.tl {
  top: 2rem;
  left: 2rem;
  border-top: 1px solid rgba(201, 150, 58, 0.3);
  border-left: 1px solid rgba(201, 150, 58, 0.3);
}

.corner-dec.tr {
  top: 2rem;
  right: 2rem;
  border-top: 1px solid rgba(201, 150, 58, 0.3);
  border-right: 1px solid rgba(201, 150, 58, 0.3);
}

.corner-dec.bl {
  bottom: 2rem;
  left: 2rem;
  border-bottom: 1px solid rgba(201, 150, 58, 0.3);
  border-left: 1px solid rgba(201, 150, 58, 0.3);
}

.corner-dec.br {
  bottom: 2rem;
  right: 2rem;
  border-bottom: 1px solid rgba(201, 150, 58, 0.3);
  border-right: 1px solid rgba(201, 150, 58, 0.3);
}

.horizontal-rule {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 4rem 0;
}

.horizontal-rule::before,
.horizontal-rule::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(201, 150, 58, 0.3),
    transparent
  );
}

.horizontal-rule span {
  color: rgba(201, 150, 58, 0.5);
  font-size: 1.2rem;
}

.nav-links a:hover,
.nav-links a.active {
  color: var(--g100);
}

.hero-title .accent {
  font-style: italic;
  font-weight: 400;
  background: linear-gradient(
    135deg,
    var(--g200) 0%,
    var(--lime) 50%,
    var(--g100) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-scripts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

.script-pill {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.4rem 1rem;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.06);
  font-size: 0.78rem;
  color: var(--muted);
}

.script-pill span {
  font-size: 1.1rem;
  color: var(--g100);
}

.hero-cta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.hero-scroll-hint {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: rgba(90, 173, 93, 0.4);
  z-index: 10;
  animation: scroll-breathe 3s ease-in-out infinite;
}

.hero-scroll-hint::after {
  content: "";
  width: 1px;
  height: 36px;
  background: linear-gradient(to bottom, rgba(90, 173, 93, 0.5), transparent);
  animation: line-drip 2s ease-in-out infinite;
}

.stats-bar {
  background: var(--g700);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  padding: 0;
  overflow: hidden;
  position: relative;
}

.stats-bar-inner {
  display: flex;
  animation: ticker 30s linear infinite;
  white-space: nowrap;
}

.stats-bar-inner:hover {
  animation-play-state: paused;
}

.stat-tick {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 3rem;
  border-right: 1px solid var(--border);
  flex-shrink: 0;
}

.stat-tick-num {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--g200);
}

.stat-tick-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
}

.stat-dot {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--g300);
  flex-shrink: 0;
}

.breadcrumb span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
}

.breadcrumb span.active {
  color: var(--g200);
}

.breadcrumb-sep {
  color: rgba(90, 173, 93, 0.3);
  font-size: 0.9rem;
}

.region {
  padding: 7rem 3rem;
  position: relative;
  overflow: hidden;
}

.region:nth-child(odd) {
  background: var(--g900);
}

.region:nth-child(even) {
  background: var(--g800);
}

.region::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.region-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.region-header {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  align-items: start;
  margin-bottom: 4rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--border);
  position: relative;
}

.region-header::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 120px;
  height: 1px;
  background: var(--g300);
}

.region-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.8rem;
}

.region-tag::before {
  content: "";
  width: 20px;
  height: 1px;
  background: var(--g300);
}

.region-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--text);
}

.region-title em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.region-num {
  font-family: "Playfair Display", serif;
  font-size: 7rem;
  font-weight: 900;
  line-height: 1;
  color: rgba(90, 173, 93, 0.06);
  letter-spacing: -0.05em;
  user-select: none;
}

.lc--hero {
  grid-column: span 12;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  background: var(--g800);
}

.lc--wide {
  grid-column: span 7;
  background: var(--card-bg);
}

.lc--mid {
  grid-column: span 5;
  background: var(--card-bg);
}

.lc--third {
  grid-column: span 4;
  background: var(--card-bg);
}

.lc--half {
  grid-column: span 6;
  background: var(--card-bg);
}

.lc--full {
  grid-column: span 12;
  background: var(--card-bg);
}

.lc-body {
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
  transition: background var(--mid);
  backdrop-filter: blur(4px);
}

.lc--hero .lc-body {
  padding: 3rem;
}

.lc-body:hover {
  background: rgba(17, 38, 20, 0.95);
}

.lc-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform var(--mid) var(--ease);
}

.lc-body:hover::before {
  transform: scaleX(1);
}

.lc-bg-glyph {
  position: absolute;
  bottom: -1rem;
  right: -1rem;
  font-size: 7rem;
  line-height: 1;
  color: rgba(90, 173, 93, 0.04);
  pointer-events: none;
  user-select: none;
  transition: transform var(--slow) var(--ease);
}

.lc-body:hover .lc-bg-glyph {
  transform: scale(1.1) rotate(-5deg);
}

.lc-badge {
  display: inline-block;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  padding: 0.25rem 0.7rem;
  background: rgba(90, 173, 93, 0.12);
  border: 1px solid rgba(90, 173, 93, 0.25);
  color: var(--g100);
  margin-bottom: 1rem;
}

.lc-name {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.4rem, 2vw, 2rem);
  font-weight: 700;
  line-height: 1.15;
  color: var(--text);
  margin-bottom: 0.4rem;
  transition: color var(--fast);
}

.lc-body:hover .lc-name {
  color: var(--g50);
}

.lc--hero .lc-name {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.lc-family {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.lc-family::after {
  content: "";
  flex: 1;
  max-width: 40px;
  height: 1px;
  background: var(--g500);
}

.lc-desc {
  font-size: 0.9rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 1.5rem;
}

.lc--hero .lc-desc {
  font-size: 1rem;
}

.lc-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: auto;
}

.lc-tag {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.2rem 0.65rem;
  border: 1px solid rgba(90, 173, 93, 0.18);
  color: rgba(90, 173, 93, 0.6);
  transition:
    border-color var(--fast),
    color var(--fast);
}

.lc-body:hover .lc-tag {
  border-color: rgba(90, 173, 93, 0.35);
  color: var(--g100);
}

.lc-stat-panel {
  padding: 3rem;
  background: var(--g700);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  border-left: 1px solid var(--border);
}

.lc-stat-num {
  font-family: "Playfair Display", serif;
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1;
  color: var(--g200);
}

.lc-stat-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.3rem;
}

.lc-stat-divider {
  height: 1px;
  background: var(--border);
}

.lc-script {
  font-size: 2rem;
  line-height: 1.4;
  color: var(--g100);
  opacity: 0.7;
}

.endangered-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #e8a84b;
  border: 1px solid rgba(232, 168, 75, 0.3);
  padding: 0.2rem 0.65rem;
  background: rgba(232, 168, 75, 0.06);
}

.endangered-badge::before {
  content: "⚠";
  font-size: 0.7rem;
}

.map-layout {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 4rem;
  align-items: center;
}

.map-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.map-label::before {
  content: "";
  width: 30px;
  height: 1px;
  background: var(--g300);
}

.map-heading {
  font-family: "Playfair Display", serif;
  font-size: clamp(2.2rem, 4vw, 3.5rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--text);
  margin-bottom: 1.5rem;
}

.map-heading em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.map-desc {
  font-size: 0.95rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 3rem;
}

.map-stats-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.map-stat-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1rem;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}

.map-stat-row::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 0;
  background: rgba(90, 173, 93, 0.05);
  transition: width var(--mid) var(--ease);
}

.map-stat-row:hover::after {
  width: 100%;
}

.map-stat-lang {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  position: relative;
  z-index: 1;
}

.map-stat-bar-wrap {
  height: 3px;
  background: rgba(90, 173, 93, 0.1);
  position: relative;
  z-index: 1;
}

.map-stat-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--g300), var(--lime));
  transition: width 1.2s var(--ease);
}

.map-stat-num {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--g100);
  position: relative;
  z-index: 1;
  white-space: nowrap;
}

.map-visual {
  position: relative;
}

.map-img-frame {
  position: relative;
  border: 1px solid var(--border);
  overflow: hidden;
}

.map-img-frame img {
  width: 100%;
  display: block;
  filter: saturate(0.8) contrast(1.1) brightness(0.95);
  transition:
    filter var(--slow),
    transform var(--slow);
}

.map-img-frame:hover img {
  filter: saturate(1) contrast(1.05) brightness(1);
  transform: scale(1.02);
}

.map-img-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 50%,
    rgba(5, 14, 6, 0.6) 100%
  );
  pointer-events: none;
}

.map-img-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g100);
}

.map-total-pill {
  margin-top: 1px;
  background: var(--g700);
  border: 1px solid var(--border);
  border-top: none;
  padding: 1.2rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.map-total-pill .t-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
}

.map-total-pill .t-num {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--g200);
}

.photo-panel {
  padding: 0;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  height: 560px;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.photo-img-side {
  position: relative;
  overflow: hidden;
}

.photo-img-side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition:
    transform 1s var(--ease),
    filter 1s;
  filter: saturate(0.85);
}

.photo-panel:hover .photo-img-side img {
  transform: scale(1.04);
  filter: saturate(1);
}

.photo-img-side::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, transparent 60%, var(--g900) 100%);
  pointer-events: none;
}

.photo-text-side {
  background: var(--g800);
  padding: 4rem 3.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.photo-text-side::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(90, 173, 93, 0.08) 0%,
    transparent 70%
  );
}

.photo-text-side .pt-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1.2rem;
}

.photo-text-side h2 {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  font-weight: 900;
  line-height: 1.15;
  color: var(--text);
  margin-bottom: 1.5rem;
}

.photo-text-side h2 em {
  font-style: italic;
  font-weight: 400;
  color: var(--g200);
}

.photo-text-side p {
  font-size: 0.95rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 2rem;
}

.photo-text-side .photo-num {
  font-family: "Playfair Display", serif;
  font-size: 5rem;
  font-weight: 900;
  line-height: 1;
  color: rgba(90, 173, 93, 0.08);
  position: absolute;
  bottom: 2rem;
  right: 2.5rem;
}

.pull-quote {
  padding: 6rem 3rem;
  background: var(--g600);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.pull-quote::before {
  content: "❝";
  position: absolute;
  top: -3rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: Georgia, serif;
  font-size: 22rem;
  line-height: 1;
  color: rgba(90, 173, 93, 0.05);
  pointer-events: none;
}

.pull-quote blockquote {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.4rem, 3vw, 2.4rem);
  font-style: italic;
  font-weight: 400;
  line-height: 1.6;
  color: var(--text);
  max-width: 800px;
  margin: 0 auto 2rem;
  position: relative;
  z-index: 1;
}

.pull-quote cite {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  font-style: normal;
}

.region-intro-band {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--border);
}

.rib-cell {
  padding: 3rem;
  border-right: 1px solid var(--border);
  position: relative;
}

.rib-cell:last-child {
  border-right: none;
}

.rib-num {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
  margin-bottom: 0.3rem;
}

.rib-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
}

.footer-brand .f-logo {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: var(--g200);
  margin-bottom: 1.2rem;
  display: block;
  width: 180px;
  height: 50px;
}

.f-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.footer-col h4 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 1.5rem;
}

.footer-col ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

.footer-col a {
  font-size: 0.85rem;
  font-weight: 300;
  color: var(--muted);
  text-decoration: none;
  transition: color var(--fast);
}

.footer-col a:hover {
  color: var(--g100);
}

.newsletter-desc {
  font-size: 0.8rem;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 1rem;
  font-weight: 300;
}

.newsletter-field {
  display: flex;
  align-items: center;
  border: 1px solid var(--border);
  overflow: hidden;
  background: var(--g800);
  transition: border-color 0.2s;
}

.newsletter-field:focus-within {
  border-color: var(--g400);
}

.newsletter-field input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 0.65rem 0.9rem;
  font-size: 0.82rem;
  color: var(--text);
  font-family: "DM Sans", sans-serif;
  min-width: 0;
}

.newsletter-field input::placeholder {
  color: var(--muted);
}

.newsletter-field button {
  background: var(--g500);
  border: none;
  color: #fff;
  padding: 0.69rem 0.85rem;
  cursor: pointer;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
  flex-shrink: 0;
}

.newsletter-field button:hover {
  background: var(--g400);
}

.newsletter-msg {
  font-size: 0.75rem;
  margin-top: 0.5rem;
  min-height: 1rem;
  color: var(--g300);
}

.newsletter-msg.error {
  color: #e57373;
}

.hero-portrait {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-portrait img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: saturate(0) brightness(0.55) contrast(1.1);
  mask-image: radial-gradient(
    ellipse 65% 85% at 50% 40%,
    black 30%,
    transparent 75%
  );
}

.hero-portrait-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    var(--g900) 0%,
    rgba(5, 14, 6, 0.7) 35%,
    transparent 65%
  );
}

.hero-gold-line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 35%;
  background: linear-gradient(
    to bottom,
    transparent,
    var(--gold),
    rgba(200, 168, 75, 0.3)
  );
  pointer-events: none;
}

.hero-dates {
  position: absolute;
  top: calc(64px + 2rem);
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 2rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.7rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: rgba(200, 168, 75, 0.6);
}

.hero-dates span {
  color: rgba(200, 168, 75, 0.3);
}

.shaheed {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.6em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 1rem;
  opacity: 0.8;
}

.hero-title .sub {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.25em;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  display: block;
  margin-top: 0.6em;
}

.intro {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.intro::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--gold), transparent);
}

.intro-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 5rem;
  align-items: start;
}

.s-label.gold {
  color: var(--gold);
}

.s-label.gold::before {
  background: var(--gold);
}

.defiance {
  background: var(--g800);
  border-left: 3px solid var(--gold);
  padding: 2rem 2rem 2rem 2.5rem;
  margin: 2.5rem 0;
  position: relative;
}

.defiance::before {
  content: "❝";
  font-family: "Playfair Display", serif;
  font-size: 5rem;
  line-height: 0.7;
  color: rgba(200, 168, 75, 0.12);
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}

.defiance blockquote {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.75;
  color: var(--text);
  position: relative;
  z-index: 1;
}

.defiance cite {
  display: block;
  margin-top: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold);
  font-style: normal;
  opacity: 0.8;
}

.portrait-panel {
  position: sticky;
  top: 84px;
}

.portrait-img {
  background: var(--g700);
  border: 1px solid rgba(200, 168, 75, 0.15);
  overflow: hidden;
  aspect-ratio: 3/4;
  position: relative;
}

.portrait-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  filter: saturate(0.3) brightness(0.8);
  transition: filter 0.5s;
}

.portrait-img:hover img {
  filter: saturate(0.7) brightness(0.9);
}

.portrait-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(5, 14, 6, 0.85) 0%, transparent 55%);
}

.portrait-cap {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
}

.portrait-cap h3 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text);
}

.portrait-cap p {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--gold);
  margin-top: 0.3rem;
  opacity: 0.8;
}

.portrait-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: rgba(200, 168, 75, 0.15);
  border: 1px solid rgba(200, 168, 75, 0.15);
  margin-top: 1.5rem;
}

.pf {
  background: var(--g800);
  padding: 1.2rem;
  text-align: center;
}

.pf-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.2rem;
}

.timeline {
  position: relative;
  margin-top: 4rem;
}

.timeline::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent,
    rgba(200, 168, 75, 0.4),
    transparent
  );
}

.tl-item:last-child {
  padding-bottom: 0;
}

.tl-dot {
  position: absolute;
  left: -6px;
  top: 0.3rem;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--g800);
  border: 2px solid var(--gold);
  transition: background 0.3s;
}

.tl-item:hover .tl-dot {
  background: var(--gold);
}

.legacy-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.legacy-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--gold), transparent);
}

.legacy-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.legacy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: rgba(200, 168, 75, 0.12);
  border: 1px solid rgba(200, 168, 75, 0.12);
  margin-top: 4rem;
}

.legacy-card {
  background: var(--g800);
  padding: 2.5rem;
  transition: background 0.3s;
  position: relative;
  overflow: hidden;
}

.legacy-card:hover {
  background: var(--g700);
}

.legacy-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.legacy-card:hover::before {
  transform: scaleX(1);
}

.lg-icon {
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
}

.lg-title {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.7rem;
}

.lg-body {
  font-size: 0.87rem;
  line-height: 1.8;
  font-weight: 300;
  color: var(--muted);
}

.p {
  position: absolute;
  border-radius: 50%;
  animation: rise linear infinite;
}

.hero-stats {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.04);
  backdrop-filter: blur(8px);
  max-width: 580px;
  margin: 0 auto 3rem;
}

.hero-stat {
  flex: 1;
  padding: 1.2rem 1.5rem;
  text-align: center;
  border-right: 1px solid var(--border);
}

.hero-stat:last-child {
  border-right: none;
}

.hero-stat-num {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
}

.hero-stat-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.2rem;
}

.why-band {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--border);
  border-bottom: 1px solid var(--border);
}

.why-card {
  background: var(--g800);
  padding: 2.5rem 2rem;
  position: relative;
  overflow: hidden;
  transition: background 0.3s;
}

.why-card:hover {
  background: var(--g700);
}

.why-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.5s var(--ease);
}

.why-card:hover::before {
  transform: scaleX(1);
}

.why-icon {
  font-size: 1.8rem;
  margin-bottom: 1.2rem;
  display: block;
  transition: transform 0.3s var(--ease);
}

.why-card:hover .why-icon {
  transform: scale(1.1);
}

.why-title {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.6rem;
}

.why-desc {
  font-size: 0.85rem;
  line-height: 1.75;
  font-weight: 300;
  color: var(--muted);
}

.main-section {
  padding: 7rem 3rem;
  background: var(--g900);
  position: relative;
}

.main-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
}

.main-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 6rem;
  align-items: start;
}

.tiers {
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 3rem;
}

.tier {
  background: var(--g800);
  padding: 1.8rem 2rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1.5rem;
  align-items: center;
  transition: background 0.3s;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.tier::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--g600);
  transition: background 0.3s;
}

.tier:hover,
.tier.active {
  background: var(--g700);
}

.tier.active::before {
  background: var(--g200);
}

.tier-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--g400);
  transition:
    border-color 0.2s,
    background 0.2s;
  flex-shrink: 0;
}

.tier.active .tier-dot {
  border-color: var(--g200);
  background: var(--g200);
}

.tier-name {
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.2rem;
}

.tier-desc {
  font-size: 0.83rem;
  font-weight: 300;
  color: var(--muted);
}

.tier-badge {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  padding: 0.2rem 0.6rem;
  border: 1px solid rgba(90, 173, 93, 0.25);
  color: var(--g200);
  background: rgba(90, 173, 93, 0.07);
  white-space: nowrap;
}

.benefits-wrap {
  margin-top: 2.5rem;
}

.benefits-title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 1rem;
}

.benefits-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.benefit {
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  font-size: 0.88rem;
  font-weight: 300;
  color: var(--muted);
  transition: color 0.2s;
}

.benefit:hover {
  color: var(--text);
}

.benefit-check {
  width: 18px;
  height: 18px;
  border: 1px solid var(--g400);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: var(--g200);
  flex-shrink: 0;
  margin-top: 0.1rem;
}

.form-wrap {
  position: sticky;
  top: 84px;
}

.membership-form {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--border);
}

.field input,
.field textarea {
  background: transparent;
  border: none;
  outline: none;
  font-family: "DM Sans", sans-serif;
  font-size: 0.92rem;
  font-weight: 300;
  color: var(--text);
  width: 100%;
  caret-color: var(--g200);
}

.form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
}

.role-section-label {
  background: var(--g800);
  padding: 1rem 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
  border: 1px solid var(--border);
  border-top: none;
  border-bottom: 1px solid var(--border);
}

.role-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
}

.role-card {
  background: var(--g800);
  padding: 1.2rem 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: background 0.3s;
  position: relative;
}

.role-card:hover {
  background: var(--g700);
}

.role-card.active {
  background: var(--g700);
}

.role-card.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--g300);
}

.role-radio {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid var(--g400);
  flex-shrink: 0;
  transition:
    border-color 0.2s,
    background 0.2s;
}

.role-card.active .role-radio {
  border-color: var(--g200);
  background: var(--g200);
}

.role-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
  transition: color 0.2s;
}

.role-card.active .role-lbl {
  color: var(--g200);
}

.role-icon {
  font-size: 1.1rem;
  margin-left: auto;
}

.form-check {
  background: var(--g800);
  padding: 1.2rem 1.5rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  transition: background 0.2s;
}

.form-check:hover {
  background: var(--g700);
}

.chk-box {
  width: 18px;
  height: 18px;
  border: 1px solid var(--g400);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
  transition:
    background 0.2s,
    border-color 0.2s;
}

.form-check.checked .chk-box {
  background: var(--g200);
  border-color: var(--g200);
  color: var(--g900);
}

.chk-box svg {
  opacity: 0;
  transition: opacity 0.2s;
}

.form-check.checked .chk-box svg {
  opacity: 1;
}

.chk-text {
  font-size: 0.83rem;
  font-weight: 300;
  color: var(--muted);
  line-height: 1.6;
}

.chk-text a {
  color: var(--g200);
  text-decoration: none;
}

.chk-text a:hover {
  color: var(--lime);
}

.form-submit-row {
  background: var(--g800);
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
/* 
.testimonials-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
}

.testimonials-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
} */


.stories-section {
  padding: 7rem 3rem;
  background: var(--g800);
  position: relative;
  overflow: hidden;
}

.stories-accent-bar {
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 3px;
  background: linear-gradient(to bottom, transparent, var(--g400), transparent);
  pointer-events: none;
}

.stories-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 60% 70% at 80% 50%,
    rgba(36, 82, 41, 0.06) 0%,
    transparent 65%
  );
  pointer-events: none;
}

.stories-inner {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.stories-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.5rem;
}

.stories-header-left .stories-desc {
  font-size: 0.9rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  max-width: 480px;
  margin-top: 0.6rem;
}

.stories-header-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.2rem;
  flex-shrink: 0;
}

.stories-counter {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
  font-family: "Playfair Display", serif;
}
.stories-counter-cur {
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
  transition: opacity 0.3s;
}
.stories-counter-sep {
  font-size: 1.1rem;
  color: var(--g400);
  font-weight: 300;
}
.stories-counter-total {
  font-size: 1.1rem;
  color: var(--muted);
  font-weight: 400;
}

.stories-arrows {
  display: flex;
  gap: 0.5rem;
}
.stories-prev,
.stories-next {
  width: 46px;
  height: 46px;
  border: 1px solid var(--border);
  background: var(--g700);
  color: var(--g100);
  font-size: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background 0.2s,
    border-color 0.2s,
    color 0.2s,
    transform 0.2s;
}
.stories-prev:hover,
.stories-next:hover {
  background: var(--g200);
  border-color: var(--g200);
  color: var(--g900);
  transform: translateY(-2px);
}
.stories-prev:disabled,
.stories-next:disabled {
  opacity: 0.3;
  pointer-events: none;
}

.stories-slider .slick-dots { display: none !important; }
.stories-slider .slick-prev,
.stories-slider .slick-next { display: none !important; }

.stories-slider {
  margin: 0 -1rem;           
}
.stories-slider .slick-list {
  overflow: hidden;
  padding: 0.5rem 0 1.5rem; 
}
.stories-slider .slick-track {
  display: flex;
  gap: 0;                   
}
.stories-slider .slick-slide {
  height: inherit;           
}
.stories-slider .slick-slide > div {
  height: 100%;
}

.story-card {
  padding: 0 0.75rem;         
  height: 100%;
  outline: none;
}

.story-card-inner {
  background: var(--g900);
  border: 1px solid var(--border);
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  position: relative;
  overflow: hidden;
  transition:
    background 0.35s,
    border-color 0.35s,
    transform 0.35s var(--ease),
    box-shadow 0.35s;
  cursor: default;
}

.story-card-inner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.5s var(--ease);
}

.story-card-inner::after {
  content: "\201C";
  font-family: "Playfair Display", serif;
  font-size: 14rem;
  line-height: 1;
  color: rgba(90, 173, 93, 0.035);
  position: absolute;
  top: -2rem;
  right: 1.5rem;
  pointer-events: none;
  user-select: none;
}

.stories-slider .slick-current .story-card-inner,
.stories-slider .slick-center .story-card-inner {
  background: var(--g800);
  border-color: rgba(90, 173, 93, 0.22);
  transform: translateY(-6px);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(90,173,93,0.12);
}
.stories-slider .slick-current .story-card-inner::before,
.stories-slider .slick-center .story-card-inner::before {
  transform: scaleX(1);
}

.story-card-inner:hover {
  background: var(--g700);
  border-color: rgba(90, 173, 93, 0.18);
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.story-card-inner:hover::before {
  transform: scaleX(1);
}

.story-qmark {
  font-family: "Playfair Display", serif;
  font-size: 3.5rem;
  line-height: 0.75;
  color: rgba(90, 173, 93, 0.18);
  margin-bottom: -0.3rem;
  position: relative;
  z-index: 1;
}

.story-text {
  font-size: 0.9rem;
  line-height: 1.9;
  font-weight: 300;
  color: var(--muted);
  font-style: italic;
  flex: 1;
  position: relative;
  z-index: 1;
  transition: color 0.3s;
}
.story-card-inner:hover .story-text {
  color: rgba(232, 242, 233, 0.72);
}

.story-divider {
  height: 1px;
  background: linear-gradient(90deg, var(--border), transparent);
  margin: 0.4rem 0;
  position: relative;
  z-index: 1;
}

.story-person {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  position: relative;
  z-index: 1;
}

.story-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: var(--g600);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--g200);
  flex-shrink: 0;
  overflow: hidden;
  transition: border-color 0.3s;
}
.story-card-inner:hover .story-avatar {
  border-color: var(--g300);
}
.story-avatar img {
  width: 100%; height: 100%;
  object-fit: cover;
}

.story-meta { flex: 1; }

.story-name {
  font-family: "Playfair Display", serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text);
}
.story-role {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.57rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--g200);
  margin-top: 0.15rem;
}

.story-index-tag {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 900;
  color: rgba(90, 173, 93, 0.1);
  line-height: 1;
  flex-shrink: 0;
  transition: color 0.3s;
  user-select: none;
}
.stories-slider .slick-current .story-index-tag {
  color: rgba(90, 173, 93, 0.22);
}


 .stories-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  margin-top: 2.5rem;
}
.stories-dot {
  width: 8px;
  height: 8px;
  background: var(--border);
  border: 1px solid rgba(90, 173, 93, 0.2);
  transition:
    background 0.35s var(--ease),
    transform  0.35s var(--ease),
    width      0.35s var(--ease),
    border-radius 0.35s var(--ease);
  cursor: pointer;
  flex-shrink: 0;
}
.stories-dot.active {
  background: var(--g200);
  border-color: var(--g200);
  width: 24px;
}
.stories-dot:hover:not(.active) {
  background: var(--g400);
  border-color: var(--g400);
  transform: scale(1.2);
}


.test-header {
  margin-bottom: 4rem;
}

.test-card:hover .test-text {
  color: rgba(232, 242, 233, 0.7);
}

.faq-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 2rem;
  padding: 0.5rem 1.2rem;
  border: 1px solid var(--border);
  background: rgba(90, 173, 93, 0.06);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
}

.faq-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g200);
  animation: blink 2s ease-in-out infinite;
}

.cs-wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--g900);
  position: relative;
  overflow: hidden;
  padding: 6rem 2rem 4rem;
  text-align: center;
}
.cs-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse 55% 50% at 50% 35%,
      rgba(26, 74, 82, 0.18) 0%,
      transparent 65%
    ),
    radial-gradient(
      ellipse 40% 30% at 80% 75%,
      rgba(36, 82, 41, 0.12) 0%,
      transparent 60%
    );
  pointer-events: none;
}
.cs-grid-bg {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(90, 173, 93, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(90, 173, 93, 0.025) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(
    ellipse 90% 90% at 50% 50%,
    black 15%,
    transparent 70%
  );
  pointer-events: none;
}
.cs-inner {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto;
}
.cs-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: rgba(90, 173, 93, 0.08);
  border: 1px solid rgba(90, 173, 93, 0.2);
  padding: 0.45rem 1.2rem;
  margin-bottom: 2rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--g200);
}
.cs-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g200);
  animation: cspulse 2s ease-in-out infinite;
}
@keyframes cspulse {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.7);
  }
}
.cs-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2.8rem, 7vw, 5.5rem);
  font-weight: 900;
  line-height: 1;
  color: var(--text);
  margin-bottom: 0.3em;
  letter-spacing: -0.02em;
}
.cs-title em {
  font-style: italic;
  font-weight: 400;
  display: block;
  background: linear-gradient(
    135deg,
    var(--g200) 0%,
    var(--lime) 50%,
    var(--g100) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.cs-subtitle {
  font-family: "Josefin Sans", sans-serif;
  font-size: clamp(1rem, 2.5vw, 1.4rem);
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 2rem;
  font-weight: 300;
}
.cs-divider {
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  margin: 2rem auto;
}
.cs-desc {
  font-size: 1rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  max-width: 560px;
  margin: 0 auto 3rem;
}
.cs-facts {
  display: flex;
  justify-content: center;
  gap: 0;
  border: 1px solid var(--border);
  background: var(--border);
  max-width: 480px;
  margin: 0 auto 3rem;
}
.cs-fact {
  background: var(--g800);
  padding: 1.5rem 2rem;
  flex: 1;
  text-align: center;
}
.cs-fact-num {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
}
.cs-fact-lbl {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.4rem;
}
.cs-nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 3rem;
}
.cs-mountains {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 0.35;
  pointer-events: none;
}
.cs-notify {
  background: var(--g800);
  border: 1px solid var(--border);
  padding: 1.5rem 2rem;
  max-width: 420px;
  margin: 0 auto;
  text-align: left;
}
.cs-notify-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.6rem;
}
.cs-notify-form {
  display: flex;
  gap: 0;
}
.cs-notify-form input {
  flex: 1;
  padding: 0.65rem 1rem;
  background: var(--g700);
  border: 1px solid var(--border);
  border-right: none;
  color: var(--text);
  font-family: "DM Sans", sans-serif;
  font-size: 0.82rem;
  outline: none;
}
.cs-notify-form input::placeholder {
  color: var(--muted);
}
.cs-notify-form button {
  padding: 0.65rem 1.2rem;
  background: var(--g200);
  border: none;
  color: var(--g900);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
}
.cs-notify-form button:hover {
  background: var(--lime);
}

.blogs-hero {
  padding-top: 120px;
  padding-bottom: 4rem;
  background: var(--g900);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.blogs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    ellipse 70% 60% at 50% 30%,
    rgba(36, 82, 41, 0.25) 0%,
    transparent 65%
  );
  pointer-events: none;
}
.blogs-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 2rem;
}
.blogs-main {
  background: var(--g900);
  padding: 5rem 3rem 7rem;
}
.blogs-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 4rem;
  align-items: start;
}
.blog-featured-card {
  background: var(--g800);
  border: 1px solid var(--border);
  overflow: hidden;
  margin-bottom: 2rem;
  transition: border-color 0.3s;
  text-decoration: none;
  display: block;
}
.blog-featured-card:hover {
  border-color: var(--g300);
}
.blog-featured-img {
  width: 100%;
  aspect-ratio: 16/7;
  object-fit: cover;
  filter: saturate(0.7) brightness(0.8);
  transition: filter 0.5s;
  display: block;
}
.blog-featured-card:hover .blog-featured-img {
  filter: saturate(0.9) brightness(0.9);
}
.blog-featured-body {
  padding: 2.5rem;
}
.blog-tag {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  width: max-content;
  color: var(--g200);
  background: rgba(90, 173, 93, 0.1);
  border: 1px solid rgba(90, 173, 93, 0.2);
  padding: 0.3rem 0.8rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.blog-featured-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700;
  color: var(--text);
  line-height: 1.2;
  margin-bottom: 1rem;
}
.blog-featured-excerpt {
  font-size: 0.92rem;
  line-height: 1.85;
  font-weight: 300;
  color: var(--muted);
  margin-bottom: 1.5rem;
}
.blog-meta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--g300);
}
.blog-meta i {
  font-size: 0.85rem;
}
.blogs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
}
.blog-card {
  background: var(--g800);
  padding: 2rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  transition: background 0.3s;
  position: relative;
  overflow: hidden;
}
.blog-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.4s var(--ease);
}
.blog-card:hover {
  background: var(--g700);
}
.blog-card:hover::before {
  transform: scaleX(1);
}
.blog-card-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  filter: saturate(0.6) brightness(0.75);
  transition: filter 0.4s;
  display: block;
}
.blog-card:hover .blog-card-img {
  filter: saturate(0.9) brightness(0.9);
}
.blog-card-title {
  font-family: "Playfair Display", serif;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.3;
}
.blog-card-excerpt {
  font-size: 0.82rem;
  line-height: 1.75;
  font-weight: 300;
  color: var(--muted);
  flex: 1;
}
.blog-read-more {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--g200);
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.5rem;
}
/* Sidebar */
.blogs-sidebar {
  position: sticky;
  top: 90px;
}
.sidebar-widget {
  background: var(--g800);
  border: 1px solid var(--border);
  margin-bottom: 2rem;
  overflow: hidden;
}
.sidebar-widget-head {
  background: var(--g700);
  padding: 1rem 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.6rem;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--g200);
  border-bottom: 1px solid var(--border);
}
.sidebar-recent-post {
  display: flex;
  gap: 1rem;
  padding: 1.2rem 1.5rem;
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition: background 0.2s;
}
.sidebar-recent-post:last-child {
  border-bottom: none;
}
.sidebar-recent-post:hover {
  background: var(--g700);
}
.sidebar-post-img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  filter: saturate(0.5);
  flex-shrink: 0;
}
.sidebar-post-title {
  font-family: "Playfair Display", serif;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text);
  line-height: 1.35;
  margin-bottom: 0.3rem;
}
.sidebar-post-date {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--g300);
}
.sidebar-cat-list {
  list-style: none;
}
.sidebar-cat-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8rem 1.5rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.62rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
  transition:
    color 0.2s,
    background 0.2s;
}
.sidebar-cat-list li:last-child a {
  border-bottom: none;
}
.sidebar-cat-list li a:hover {
  color: var(--g100);
  background: var(--g700);
}
.sidebar-cat-count {
  background: rgba(90, 173, 93, 0.1);
  border: 1px solid rgba(90, 173, 93, 0.2);
  font-size: 0.55rem;
  padding: 0.15rem 0.5rem;
  color: var(--g200);
}
/* Events Widget */
.event-item {
  display: flex;
  gap: 1.2rem;
  padding: 1.2rem 1.5rem;
  border-bottom: 1px solid var(--border);
  align-items: flex-start;
}
.event-item:last-child {
  border-bottom: none;
}
.event-date-box {
  background: var(--g700);
  border: 1px solid var(--border);
  text-align: center;
  padding: 0.5rem 0.8rem;
  flex-shrink: 0;
  min-width: 52px;
}
.event-day {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  font-weight: 900;
  color: var(--g200);
  line-height: 1;
}
.event-month {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--muted);
  margin-top: 0.2rem;
}
.event-info-title {
  font-family: "Playfair Display", serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 0.3rem;
}
.event-info-loc {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--g300);
}

.news-hero {
  padding-top: 120px;
  padding-bottom: 4rem;
  background: var(--g900);
  position: relative;
  overflow: hidden;
}
.news-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      ellipse 60% 70% at 15% 40%,
      rgba(36, 82, 41, 0.22) 0%,
      transparent 60%
    ),
    radial-gradient(
      ellipse 45% 55% at 85% 25%,
      rgba(17, 38, 20, 0.3) 0%,
      transparent 55%
    );
  pointer-events: none;
}
.news-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: center;
}
.news-hero-ticker {
  background: var(--g800);
  border: 1px solid var(--border);
  padding: 2rem;
  position: relative;
}
.news-hero-ticker::before {
  content: "LIVE";
  position: absolute;
  top: -6px;
  left: 2rem;
  background: var(--g200);
  color: var(--g900);
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.5rem;
  letter-spacing: 0.2em;
  font-weight: 700;
  padding: 0.2rem 0.6rem;
}
.news-ticker-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.9rem 0;
  border-bottom: 1px solid var(--border);
  text-decoration: none;
  transition: background 0.2s;
}
.news-ticker-item:last-child {
  border-bottom: none;
}
.news-ticker-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g200);
  margin-top: 0.4rem;
  flex-shrink: 0;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.news-ticker-title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  color: var(--muted);
  line-height: 1.5;
  transition: color 0.2s;
}
.news-ticker-item:hover .news-ticker-title {
  color: var(--g100);
}
.news-ticker-date {
  font-size: 0.55rem;
  color: var(--g400);
  letter-spacing: 0.1em;
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  margin-top: 0.2rem;
}
/* Main News Section */
.news-main {
  background: var(--g900);
  padding: 5rem 3rem 7rem;
}
.news-main-inner {
  max-width: 1280px;
  margin: 0 auto;
}
.news-filter-bar {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 3rem;
  flex-wrap: wrap;
}
.news-filter-label {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g300);
  margin-right: 0.5rem;
}
.news-pill {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.58rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 0.4rem 1rem;
  border: 1px solid var(--border);
  cursor: pointer;
  transition:
    color 0.2s,
    border-color 0.2s,
    background 0.2s;
  background: transparent;
}
.news-pill:hover,
.news-pill.active {
  color: var(--g100);
  border-color: var(--g300);
  background: rgba(90, 173, 93, 0.07);
}
/* Big lead news */
.news-lead {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-bottom: 1px;
}
.news-lead-main {
  background: var(--g800);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: background 0.3s;
}
.news-lead-main:hover {
  background: var(--g700);
}
.news-lead-img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  filter: saturate(0.65) brightness(0.75);
  transition: filter 0.5s;
  display: block;
}
.news-lead-main:hover .news-lead-img {
  filter: saturate(0.9) brightness(0.9);
}
.news-lead-body {
  padding: 2rem;
  flex: 1;
}
.news-lead-side {
  background: var(--g800);
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.news-side-card {
  background: var(--g800);
  padding: 1.8rem;
  border-bottom: 1px solid var(--border);
  text-decoration: none;
  display: block;
  flex: 1;
  transition: background 0.3s;
  overflow: hidden;
  position: relative;
}
.news-side-card:last-child {
  border-bottom: none;
}
.news-side-card:hover {
  background: var(--g700);
}
.news-side-img {
  width: 100%;
  aspect-ratio: 10/6;
  object-fit: cover;
  filter: saturate(0.5) brightness(0.7);
  transition: filter 0.4s;
  display: block;
  margin-bottom: 1rem;
}
.news-side-card:hover .news-side-img {
  filter: saturate(0.85) brightness(0.88);
}
.news-tag {
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.55rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--g200);
  margin-bottom: 0.6rem;
}
.news-card-title {
  font-family: "Playfair Display", serif;
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.3;
  margin-bottom: 0.6rem;
}
.news-card-excerpt {
  font-size: 0.82rem;
  line-height: 1.75;
  font-weight: 300;
  color: var(--muted);
}
.news-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 0.56rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--g400);
}
/* More news grid */
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--border);
  border: 1px solid var(--border);
  margin-top: 1px;
}
.news-grid-card {
  background: var(--g800);
  padding: 2rem;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  transition: background 0.3s;
  position: relative;
  overflow: hidden;
}
.news-grid-card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--g300), transparent);
  transform: scaleX(0);
  transition: transform 0.4s var(--ease);
}
.news-grid-card:hover {
  background: var(--g700);
}
.news-grid-card:hover::after {
  transform: scaleX(1);
}
.news-grid-img {
  width: 100%;
  aspect-ratio: 16/8;
  object-fit: cover;
  filter: saturate(0.55) brightness(0.72);
  transition: filter 0.4s;
  display: block;
}
.news-grid-card:hover .news-grid-img {
  filter: saturate(0.85) brightness(0.88);
}

@keyframes ticker {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes gp {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.88);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes fi {
  from {
    opacity: 0;
    transform: translateY(32px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes glow-pulse {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.85);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes float-up {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100vh);
  }
}

@keyframes hero-in {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes breathe {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.9;
  }
}

@keyframes drip {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  51% {
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}

@keyframes glow {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1);
  }
}

@keyframes fadein {
  from {
    opacity: 0;
    transform: translateY(36px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes glowp {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.88);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.08);
  }
}

@keyframes ring-expand {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
  }
  20% {
    opacity: 0.6;
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }
}

@keyframes pin-pulse {
  0%,
  100% {
    box-shadow:
      0 0 0 4px rgba(90, 173, 93, 0.2),
      0 0 0 8px rgba(90, 173, 93, 0.08);
  }
  50% {
    box-shadow:
      0 0 0 8px rgba(90, 173, 93, 0.25),
      0 0 0 16px rgba(90, 173, 93, 0.1);
  }
}

@keyframes dotblink {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}

@keyframes success-pop {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes rise {
  0% {
    opacity: 0;
    transform: translateY(0) scale(0);
  }
  10% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
    transform: translateY(-100vh) scale(1.5);
  }
}

@keyframes spop {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

@keyframes reel-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes glowpulse {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -50%) scale(0.88);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.08);
  }
}

@keyframes lb-in {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes orb {
  0% {
    opacity: 0.5;
    transform: translate(-50%, -52%) scale(0.85);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -52%) scale(1.1);
  }
}

@keyframes gfloat {
  0% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(8px);
  }
}

@keyframes bc {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.9;
  }
}

@keyframes tick {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes aurora-shift {
  0% {
    transform: translateX(-5%) scaleY(0.9);
    opacity: 0.7;
  }
  100% {
    transform: translateX(5%) scaleY(1.1);
    opacity: 1;
  }
}

@keyframes hero-enter {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scroll-pulse {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.8;
  }
}

@keyframes line-grow {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}

@keyframes orb-pulse {
  0% {
    transform: translate(-50%, -50%) scale(0.9);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 1;
  }
}

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scroll-breathe {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.9;
  }
}

@keyframes line-drip {
  0% {
    transform: scaleY(0);
    transform-origin: top;
  }
  50% {
    transform: scaleY(1);
    transform-origin: top;
  }
  51% {
    transform-origin: bottom;
  }
  100% {
    transform: scaleY(0);
    transform-origin: bottom;
  }
}

@keyframes blink {
  0%,
  100% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
}

@media (max-width: 1200px) {
  .masonry-grid {
    columns: 3;
  }
  .masonry-grid.cols-3 {
    columns: 3;
  }
  .masonry-grid.cols-2 {
    columns: 2;
  }
}

@media (max-width: 1100px) {
  .about-inner {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .pillars-grid,
  .team-grid {
    grid-template-columns: 1fr 1fr;
  }
  .process-steps {
    grid-template-columns: 1fr 1fr;
  }
  .donate-inner {
    grid-template-columns: 1fr;
  }
  .donate-form-wrap {
    position: static;
  }
  .impact-band {
    grid-template-columns: 1fr 1fr;
  }
  .test-grid {
    grid-template-columns: 1fr 1fr;
  }
  .two-col,
  .timeline-cols,
  .hr-grid {
    grid-template-columns: 1fr;
  }
  .territory-band {
    grid-template-columns: 1fr 1fr;
  }
  .un-grid {
    grid-template-columns: 1fr 1fr;
  }
  .intro-inner {
    grid-template-columns: 1fr;
  }
  .portrait-panel {
    position: static;
  }
  .legacy-grid {
    grid-template-columns: 1fr;
  }
  .main-inner {
    grid-template-columns: 1fr;
  }
  .form-wrap {
    position: static;
  }
  .faq-inner {
    grid-template-columns: 1fr;
  }
  .why-band {
    grid-template-columns: 1fr 1fr;
  }
  .mission-inner,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .process-steps,
  .regions-grid {
    grid-template-columns: 1fr 1fr;
  }
  .masonry-grid {
    columns: 3;
  }
}

@media (max-width: 1024px) {
  .news-hero-inner {
    grid-template-columns: 1fr;
  }
  .news-lead {
    grid-template-columns: 1fr;
  }
  .news-grid {
    grid-template-columns: 1fr 1fr;
  }
  .blogs-inner {
    grid-template-columns: 1fr;
  }
  .blogs-sidebar {
    position: static;
  }
  .pop-layout,
  .two-col-layout,
  .table-layout,
  .explore-inner {
    grid-template-columns: 1fr;
  }
  .attract-grid {
    grid-template-columns: 1fr 1fr;
  }
  .history-grid {
    grid-template-columns: 1fr;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .gov-grid {
    grid-template-columns: 1fr;
  }
  .book-featured-inner {
    grid-template-columns: 1fr;
  }
  .books-grid {
    grid-template-columns: 1fr 1fr;
  }
  .divider-band {
    flex-direction: column;
    align-items: flex-start;
  }
  .div-nums {
    gap: 2rem;
  }
  .contact-inner {
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .faq-inner {
    grid-template-columns: 1fr;
  }
  .info-band {
    grid-template-columns: 1fr 1fr;
  }
  .cta-band {
    flex-direction: column;
    align-items: flex-start;
  }
  .lc--hero {
    grid-template-columns: 1fr;
  }
  .lc-stat-panel {
    border-left: none;
    border-top: 1px solid var(--border);
  }
  .map-layout {
    grid-template-columns: 1fr;
  }
  .photo-panel {
    grid-template-columns: 1fr;
    height: auto;
  }
}

@media (max-width: 900px) {
  .nav-pill {
    display: none;
  }
  .nav-cta {
    display: none;
  }
  .masonry-grid,
  .masonry-grid.cols-3 {
    columns: 2;
  }
  .lb-inner {
    grid-template-columns: 1fr;
  }
  .lb-info {
    border-left: none;
    border-top: 1px solid var(--border);
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sb-nums {
    gap: 1.5rem;
  }
  .section-break {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  .news-hero-inner {
    padding: 0 1.5rem;
  }
  .news-main {
    padding: 3rem 1.5rem 5rem;
  }
  .news-grid {
    grid-template-columns: 1fr;
  }
  .blogs-main {
    padding: 3rem 1.5rem 5rem;
  }
  .blogs-grid {
    grid-template-columns: 1fr;
  }
  .nav {
    padding: 0 1.5rem;
  }
  .section {
    padding: 4rem 1.5rem;
  }
  .attract-grid {
    grid-template-columns: 1fr;
  }
  .pop-cards {
    grid-template-columns: 1fr;
  }
  .breadcrumb {
    padding: 1rem 1.5rem;
  }
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .explore-links {
    grid-template-columns: 1fr;
  }
  .dropdown {
    position: static;
    transform: none !important;
    opacity: 1;
    pointer-events: all;
    border: none;
    background: transparent;
    padding: 0 0 0 1rem;
    display: none;
    border-radius: 0;
    box-shadow: none;
  }
  .has-dropdown.open .dropdown {
    display: block;
  }
  .has-dropdown.open .nav-arrow {
    transform: rotate(180deg);
  }
  .dropdown li a {
    font-size: 0.65rem;
    padding: 0.3rem 0.5rem;
  }
  .nav-links,
  .nav-cta {
    display: none;
  }
  .hero-vert,
  .hero-vert-r {
    display: none;
  }
  .mission,
  .pillars,
  .process,
  .team,
  .regions,
  .cta {
    padding: 4rem 1.5rem;
  }
  .pillars-grid,
  .team-grid,
  .process-steps,
  .regions-grid {
    grid-template-columns: 1fr;
  }
  .hero-strip {
    flex-direction: column;
    max-width: 280px;
  }
  .hs {
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
  .hs:last-child {
    border-bottom: none;
  }
  nav {
    padding: 1rem 1.5rem;
  }
  .nav-links {
    display: none;
  }
  .lang-card-featured {
    grid-template-columns: 1fr;
  }
  .photo-grid {
    grid-template-columns: 1fr;
  }
  .section-header {
    grid-template-columns: 1fr;
  }
  .section-number {
    display: none;
  }
  .about-section,
  .pillars-section,
  .process-section,
  .team-section {
    padding: 4rem 1.5rem;
  }
  .pillars-grid,
  .team-grid,
  .process-steps {
    grid-template-columns: 1fr;
  }
  .book-featured {
    grid-template-columns: 1fr;
  }
  .book-featured-spine {
    width: 100%;
    height: 48px;
    writing-mode: horizontal-tb;
    font-size: 0.65rem;
  }
  .books-grid {
    grid-template-columns: 1fr;
  }
  .books-section {
    padding: 3rem 1.5rem 5rem;
  }
  .breadcrumb,
  .filter-bar {
    padding: 1rem 1.5rem;
  }
  .filter-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .pull {
    padding: 4rem 1.5rem;
  }
  .contact-section,
  .faq-section {
    padding: 4rem 1.5rem;
  }
  .info-band {
    grid-template-columns: 1fr;
  }
  .form-row {
    grid-template-columns: 1fr;
  }
  .cta-btns {
    flex-direction: column;
  }
  .donate-section,
  .test-section {
    padding: 4rem 1.5rem;
  }
  .impact-band,
  .test-grid {
    grid-template-columns: 1fr;
  }
  .amount-grid {
    grid-template-columns: 1fr 1fr;
  }
  .history-section,
  .timeline-section,
  .un-section,
  .hr-section {
    padding: 4rem 1.5rem;
  }
  .territory-band,
  .un-grid {
    grid-template-columns: 1fr;
  }
  .intro,
  .timeline-section,
  .legacy-section {
    padding: 4rem 1.5rem;
  }
  .main-section,
  .testimonials-section,
  .faq-section {
    padding: 4rem 1.5rem;
  }
  .why-band {
    grid-template-columns: 1fr;
  }
  .test-grid {
    grid-template-columns: 1fr;
  }
  .form-row-2 {
    grid-template-columns: 1fr;
  }
  .role-grid {
    grid-template-columns: 1fr;
  }
  .hero-stats {
    flex-direction: column;
    max-width: 220px;
  }
  .hero-stat {
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
  .hero-stat:last-child {
    border-bottom: none;
  }
  .region {
    padding: 4rem 1.5rem;
  }
  .lc--wide,
  .lc--mid,
  .lc--third,
  .lc--half {
    grid-column: span 12;
  }
  .region-header {
    grid-template-columns: 1fr;
  }
  .region-num {
    display: none;
  }
  .map-section,
  .pull-quote {
    padding: 4rem 1.5rem;
  }
  .region-intro-band {
    grid-template-columns: 1fr;
  }
  .masonry-grid {
    columns: 2;
  }
  .masonry-grid.cols-3,
  .masonry-grid.cols-4,
  .masonry-grid.cols-5 {
    columns: 2;
  }
  .lb-inner {
    flex-direction: column;
    max-height: 90vh;
  }
  .lb-img-side img {
    max-height: 50vh;
  }
  .lb-info-side {
    width: 100%;
    border-left: none;
    border-top: 1px solid var(--border);
    padding: 1rem 1.2rem;
  }
}

@media (max-width: 640px) {
  .nav {
    padding: 0 1.5rem;
  }
  .nav-links,
  .nav-cta {
    display: none;
  }
  .masonry-grid,
  .masonry-grid.cols-2,
  .masonry-grid.cols-3 {
    columns: 1;
  }
  .gallery-section {
    padding: 3rem 1.5rem 5rem;
  }
  .breadcrumb,
  .filter-bar {
    padding: 1rem 1.5rem;
  }
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .pull {
    padding: 3.5rem 1.5rem;
  }
  .lb-prev {
    left: -16px;
  }
  .lb-next {
    right: -16px;
  }
}

@media (max-width: 500px) {
  .masonry-grid {
    columns: 2;
  }
  .masonry-grid.cols-2 {
    columns: 1;
  }
}

@media (max-width: 1024px) {
  .stories-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .stories-header-right {
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .stories-section { padding: 4rem 1.5rem; }
  .stories-slider  { margin: 0 -0.5rem; }
  .story-card      { padding: 0 0.5rem; }
}


/* ===== PAGE-SPECIFIC EXTRACTED INLINE STYLES ===== */


/* --- about.html --- */

/* about - auto-extracted inline style #1 */
.pg-about-1 { text-align: center }

/* about - auto-extracted inline style #2 */
.pg-about-2 { justify-content: center }

/* about - auto-extracted inline style #3 */
.pg-about-3 { text-align: center }

/* about - auto-extracted inline style #4 */
.pg-about-4 { text-align: center }

/* about - auto-extracted inline style #5 */
.pg-about-5 { justify-content: center }

/* about - auto-extracted inline style #6 */
.pg-about-6 { text-align: center }

/* about - auto-extracted inline style #7 */
.pg-about-7 { text-align: center }

/* about - auto-extracted inline style #8 */
.pg-about-8 { justify-content: center }

/* about - auto-extracted inline style #9 */
.pg-about-9 { text-align: center }

/* about - auto-extracted inline style #10 */
.pg-about-10 { color: var(--g400) }

/* --- aksai-chin.html --- */

/* aksai_chin - auto-extracted inline style #1 */
.pg-aksai_chin-1 { justify-content:center; }

/* aksai_chin - auto-extracted inline style #2 */
.pg-aksai_chin-2 { border-left:1px solid var(--border); }

/* aksai_chin - auto-extracted inline style #3 */
.pg-aksai_chin-3 { border-left:1px solid var(--border); }

/* aksai_chin - auto-extracted inline style #4 */
.pg-aksai_chin-4 { font-size:0.9rem; }

/* aksai_chin - auto-extracted inline style #5 */
.pg-aksai_chin-5 { padding:0.7rem 1.5rem;font-size:0.6rem; }

/* aksai_chin - auto-extracted inline style #6 */
.pg-aksai_chin-6 { padding:0.7rem 1.5rem;font-size:0.6rem; }

/* aksai_chin - auto-extracted inline style #7 */
.pg-aksai_chin-7 { padding:0.7rem 1.5rem; }

/* aksai_chin - auto-extracted inline style #8 */
.pg-aksai_chin-8 { color:var(--g400) }

/* --- azad-kashmir.html --- */

/* azad_kashmir - auto-extracted inline style #1 */
.pg-azad_kashmir-1 { left: 10%; animation-duration: 12s; animation-delay: 0s; }

/* azad_kashmir - auto-extracted inline style #2 */
.pg-azad_kashmir-2 { left: 25%; animation-duration: 18s; animation-delay: 3s; }

/* azad_kashmir - auto-extracted inline style #3 */
.pg-azad_kashmir-3 { left: 42%; animation-duration: 15s; animation-delay: 7s; }

/* azad_kashmir - auto-extracted inline style #4 */
.pg-azad_kashmir-4 { left: 65%; animation-duration: 20s; animation-delay: 1s; }

/* azad_kashmir - auto-extracted inline style #5 */
.pg-azad_kashmir-5 { left: 80%; animation-duration: 14s; animation-delay: 5s; }

/* azad_kashmir - auto-extracted inline style #6 */
.pg-azad_kashmir-6 { left: 90%; animation-duration: 16s; animation-delay: 9s; }

/* azad_kashmir - auto-extracted inline style #7 */
.pg-azad_kashmir-7 { color: var(--muted); text-decoration: none }

/* azad_kashmir - auto-extracted inline style #8 */
.pg-azad_kashmir-8 { margin-top: -1rem }

/* azad_kashmir - auto-extracted inline style #9 */
.pg-azad_kashmir-9 { margin-bottom: 1.5rem }

/* azad_kashmir - auto-extracted inline style #10 */
.pg-azad_kashmir-10 { margin-top: 3rem; padding: 2rem; background: var(--g700); border: 1px solid var(--border); display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }

/* azad_kashmir - auto-extracted inline style #11 */
.pg-azad_kashmir-11 { font-family: "Playfair Display", serif; font-size: 2.2rem; font-weight: 900; color: var(--g200); }

/* azad_kashmir - auto-extracted inline style #12 */
.pg-azad_kashmir-12 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #13 */
.pg-azad_kashmir-13 { font-family: "Playfair Display", serif; font-size: 2.2rem; font-weight: 900; color: var(--g200); }

/* azad_kashmir - auto-extracted inline style #14 */
.pg-azad_kashmir-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #15 */
.pg-azad_kashmir-15 { font-family: "Playfair Display", serif; font-size: 2.2rem; font-weight: 900; color: var(--g200); }

/* azad_kashmir - auto-extracted inline style #16 */
.pg-azad_kashmir-16 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #17 */
.pg-azad_kashmir-17 { font-family: "Playfair Display", serif; font-size: 2.2rem; font-weight: 900; color: var(--g200); }

/* azad_kashmir - auto-extracted inline style #18 */
.pg-azad_kashmir-18 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #19 */
.pg-azad_kashmir-19 { max-width: 640px; margin-bottom: 4rem }

/* azad_kashmir - auto-extracted inline style #20 */
.pg-azad_kashmir-20 { color: var(--g100) }

/* azad_kashmir - auto-extracted inline style #21 */
.pg-azad_kashmir-21 { color: var(--g100) }

/* azad_kashmir - auto-extracted inline style #22 */
.pg-azad_kashmir-22 { color: var(--g100) }

/* azad_kashmir - auto-extracted inline style #23 */
.pg-azad_kashmir-23 { color: var(--g100) }

/* azad_kashmir - auto-extracted inline style #24 */
.pg-azad_kashmir-24 { color: var(--g100) }

/* azad_kashmir - auto-extracted inline style #25 */
.pg-azad_kashmir-25 { margin-top: 1px; background: var(--g700); border: 1px solid var(--border); padding: 3rem; gap: 3rem; }

/* azad_kashmir - auto-extracted inline style #26 */
.pg-azad_kashmir-26 { display: flex; flex-direction: column; gap: 1px; background: var(--border); }

/* azad_kashmir - auto-extracted inline style #27 */
.pg-azad_kashmir-27 { background: var(--g800); padding: 1.5rem 2rem }

/* azad_kashmir - auto-extracted inline style #28 */
.pg-azad_kashmir-28 { font-family: "Playfair Display", serif; font-size: 1.9rem; font-weight: 900; color: var(--g200); }

/* azad_kashmir - auto-extracted inline style #29 */
.pg-azad_kashmir-29 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #30 */
.pg-azad_kashmir-30 { background: var(--g800); padding: 1.5rem 2rem }

/* azad_kashmir - auto-extracted inline style #31 */
.pg-azad_kashmir-31 { font-family: "Playfair Display", serif; font-size: 1.9rem; font-weight: 900; color: var(--g200); }

/* azad_kashmir - auto-extracted inline style #32 */
.pg-azad_kashmir-32 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #33 */
.pg-azad_kashmir-33 { background: var(--g800); padding: 1.5rem 2rem }

/* azad_kashmir - auto-extracted inline style #34 */
.pg-azad_kashmir-34 { font-family: "Playfair Display", serif; font-size: 1.1rem; font-weight: 700; color: var(--g100); }

/* azad_kashmir - auto-extracted inline style #35 */
.pg-azad_kashmir-35 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #36 */
.pg-azad_kashmir-36 { background: var(--g800); padding: 1.5rem 2rem }

/* azad_kashmir - auto-extracted inline style #37 */
.pg-azad_kashmir-37 { font-family: "Playfair Display", serif; font-size: 1.1rem; font-weight: 700; color: var(--g100); }

/* azad_kashmir - auto-extracted inline style #38 */
.pg-azad_kashmir-38 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* azad_kashmir - auto-extracted inline style #39 */
.pg-azad_kashmir-39 { width: 100%; aspect-ratio: 1; background-image: url(https://kfmovement.com/wp-content/uploads/2025/03/face-mountain.webp); background-size: cover; background-position: center; }

/* azad_kashmir - auto-extracted inline style #40 */
.pg-azad_kashmir-40 { width: 100%; aspect-ratio: 1; background-image: url(https://kfmovement.com/wp-content/uploads/2025/03/Ratti-Gali-Lake.webp); background-size: cover; background-position: center; }

/* azad_kashmir - auto-extracted inline style #41 */
.pg-azad_kashmir-41 { width: 100%; aspect-ratio: 1; background-image: url(https://kfmovement.com/wp-content/uploads/2025/03/leepa-valley-ajk.webp); background-size: cover; background-position: center; }

/* azad_kashmir - auto-extracted inline style #42 */
.pg-azad_kashmir-42 { width: 100%; aspect-ratio: 1; background-image: url(https://kfmovement.com/wp-content/uploads/2025/03/Cham-Waterfall.webp); background-size: cover; background-position: center; }

/* azad_kashmir - auto-extracted inline style #43 */
.pg-azad_kashmir-43 { margin-bottom: 3.5rem }

/* azad_kashmir - auto-extracted inline style #44 */
.pg-azad_kashmir-44 { font-family: "Josefin Sans", sans-serif; font-size: 0.63rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--g200); margin-bottom: 1rem; }

/* azad_kashmir - auto-extracted inline style #45 */
.pg-azad_kashmir-45 { font-family: "Josefin Sans", sans-serif; font-size: 0.63rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--g200); margin-bottom: 1rem; }

/* azad_kashmir - auto-extracted inline style #46 */
.pg-azad_kashmir-46 { color: var(--g400) }

/* --- blogs.html --- */

/* blogs - auto-extracted inline style #1 */
.pg-blogs-1 { justify-content:center; }

/* blogs - auto-extracted inline style #2 */
.pg-blogs-2 { font-size:clamp(2.5rem,5vw,4rem); }

/* blogs - auto-extracted inline style #3 */
.pg-blogs-3 { max-width:580px;margin:0 auto; }

/* blogs - auto-extracted inline style #4 */
.pg-blogs-4 { color:var(--g400) }

/* --- books.html --- */

/* books - auto-extracted inline style #1 */
.pg-books-1 { width: 18px; height: 160px; background: #1a3a1e }

/* books - auto-extracted inline style #2 */
.pg-books-2 { width: 14px; height: 190px; background: #245229 }

/* books - auto-extracted inline style #3 */
.pg-books-3 { width: 22px; height: 140px; background: #2e6b30 }

/* books - auto-extracted inline style #4 */
.pg-books-4 { width: 12px; height: 210px; background: #112614 }

/* books - auto-extracted inline style #5 */
.pg-books-5 { width: 20px; height: 175px; background: #1a3a1e }

/* books - auto-extracted inline style #6 */
.pg-books-6 { width: 16px; height: 155px; background: #3d8c40 }

/* books - auto-extracted inline style #7 */
.pg-books-7 { width: 24px; height: 200px; background: #245229 }

/* books - auto-extracted inline style #8 */
.pg-books-8 { width: 14px; height: 168px; background: #0b1a0d }

/* books - auto-extracted inline style #9 */
.pg-books-9 { width: 18px; height: 185px; background: #2e6b30 }

/* books - auto-extracted inline style #10 */
.pg-books-10 { width: 20px; height: 145px; background: #1a3a1e }

/* books - auto-extracted inline style #11 */
.pg-books-11 { width: 12px; height: 195px; background: #112614 }

/* books - auto-extracted inline style #12 */
.pg-books-12 { width: 22px; height: 170px; background: #3d8c40 }

/* books - auto-extracted inline style #13 */
.pg-books-13 { width: 16px; height: 210px; background: #245229 }

/* books - auto-extracted inline style #14 */
.pg-books-14 { width: 18px; height: 160px; background: #1a3a1e }

/* books - auto-extracted inline style #15 */
.pg-books-15 { width: 14px; height: 190px; background: #2e6b30 }

/* books - auto-extracted inline style #16 */
.pg-books-16 { width: 20px; height: 148px; background: #112614 }

/* books - auto-extracted inline style #17 */
.pg-books-17 { width: 16px; height: 188px; background: #245229 }

/* books - auto-extracted inline style #18 */
.pg-books-18 { width: 22px; height: 162px; background: #1a3a1e }

/* books - auto-extracted inline style #19 */
.pg-books-19 { width: 12px; height: 205px; background: #3d8c40 }

/* books - auto-extracted inline style #20 */
.pg-books-20 { width: 18px; height: 175px; background: #2e6b30 }

/* books - auto-extracted inline style #21 */
.pg-books-21 { width: 20px; height: 150px; background: #0b1a0d }

/* books - auto-extracted inline style #22 */
.pg-books-22 { width: 24px; height: 192px; background: #245229 }

/* books - auto-extracted inline style #23 */
.pg-books-23 { width: 14px; height: 168px; background: #1a3a1e }

/* books - auto-extracted inline style #24 */
.pg-books-24 { width: 16px; height: 215px; background: #112614 }

/* books - auto-extracted inline style #25 */
.pg-books-25 { width: 20px; height: 178px; background: #3d8c40 }

/* books - auto-extracted inline style #26 */
.pg-books-26 { width: 18px; height: 155px; background: #2e6b30 }

/* books - auto-extracted inline style #27 */
.pg-books-27 { width: 12px; height: 196px; background: #245229 }

/* books - auto-extracted inline style #28 */
.pg-books-28 { width: 22px; height: 165px; background: #1a3a1e }

/* books - auto-extracted inline style #29 */
.pg-books-29 { width: 16px; height: 183px; background: #0b1a0d }

/* books - auto-extracted inline style #30 */
.pg-books-30 { width: 20px; height: 148px; background: #2e6b30 }

/* books - auto-extracted inline style #31 */
.pg-books-31 { background: url(https://kfmovement.com/wp-content/uploads/elementor/thumbs/Shaoor-e-Farda-Letter-Maqbool-bhatt-r3emquyzstqb35zt0dszs32m97hmwyeuddndsh4mls.webp); background-size: cover; background-position: center; }

/* books - auto-extracted inline style #32 */
.pg-books-32 { position: absolute; inset: 0; background-image: repeating-linear-gradient( 45deg, rgba(90, 173, 93, 0.06) 0px, rgba(90, 173, 93, 0.06) 1px, transparent 1px, transparent 12px ); }

/* books - auto-extracted inline style #33 */
.pg-books-33 { position: absolute; top: 1rem; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; border: 1px solid rgba(90, 173, 93, 0.3); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; }

/* books - auto-extracted inline style #34 */
.pg-books-34 { display: flex; gap: 1rem; flex-wrap: wrap }

/* books - auto-extracted inline style #35 */
.pg-books-35 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #36 */
.pg-books-36 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #37 */
.pg-books-37 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #38 */
.pg-books-38 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #39 */
.pg-books-39 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #40 */
.pg-books-40 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #41 */
.pg-books-41 { grid-column: span 3 }

/* books - auto-extracted inline style #42 */
.pg-books-42 { display: grid; grid-template-columns: auto 1fr; height: 100%; }

/* books - auto-extracted inline style #43 */
.pg-books-43 { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }

/* books - auto-extracted inline style #44 */
.pg-books-44 { padding: 2.5rem }

/* books - auto-extracted inline style #45 */
.pg-books-45 { font-size: 1.4rem }

/* books - auto-extracted inline style #46 */
.pg-books-46 { font-size: 0.88rem; line-height: 1.8; color: var(--muted); max-width: 600px; margin-bottom: 1.2rem; font-weight: 300; }

/* books - auto-extracted inline style #47 */
.pg-books-47 { max-width: 260px }

/* books - auto-extracted inline style #48 */
.pg-books-48 { color: var(--g400) }

/* --- campaigns.html --- */

/* campaigns - auto-extracted inline style #1 */
.pg-campaigns-1 { max-width: 900px; margin: 0 auto }

/* campaigns - auto-extracted inline style #2 */
.pg-campaigns-2 { margin-top: 2.5rem; display: flex; flex-direction: column; gap: 1.5rem; }

/* campaigns - auto-extracted inline style #3 */
.pg-campaigns-3 { background: var(--g700); border: 1px solid var(--border); border-left: 3px solid var(--accent); padding: 1.5rem 2rem; }

/* campaigns - auto-extracted inline style #4 */
.pg-campaigns-4 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #5 */
.pg-campaigns-5 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); }

/* campaigns - auto-extracted inline style #6 */
.pg-campaigns-6 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; background: rgba(90, 173, 93, 0.15); color: var(--accent); padding: 0.3rem 0.7rem; border: 1px solid var(--accent); }

/* campaigns - auto-extracted inline style #7 */
.pg-campaigns-7 { font-size: 0.85rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #8 */
.pg-campaigns-8 { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #9 */
.pg-campaigns-9 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #10 */
.pg-campaigns-10 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #11 */
.pg-campaigns-11 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #12 */
.pg-campaigns-12 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #13 */
.pg-campaigns-13 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #14 */
.pg-campaigns-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #15 */
.pg-campaigns-15 { font-size: 0.65rem; padding: 0.7rem 1.5rem }

/* campaigns - auto-extracted inline style #16 */
.pg-campaigns-16 { background: var(--g700); border: 1px solid var(--border); border-left: 3px solid var(--accent); padding: 1.5rem 2rem; }

/* campaigns - auto-extracted inline style #17 */
.pg-campaigns-17 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #18 */
.pg-campaigns-18 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); }

/* campaigns - auto-extracted inline style #19 */
.pg-campaigns-19 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; background: rgba(90, 173, 93, 0.15); color: var(--accent); padding: 0.3rem 0.7rem; border: 1px solid var(--accent); }

/* campaigns - auto-extracted inline style #20 */
.pg-campaigns-20 { font-size: 0.85rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #21 */
.pg-campaigns-21 { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #22 */
.pg-campaigns-22 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #23 */
.pg-campaigns-23 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #24 */
.pg-campaigns-24 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #25 */
.pg-campaigns-25 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #26 */
.pg-campaigns-26 { font-size: 0.65rem; padding: 0.7rem 1.5rem }

/* campaigns - auto-extracted inline style #27 */
.pg-campaigns-27 { background: var(--g700); border: 1px solid var(--border); border-left: 3px solid var(--accent); padding: 1.5rem 2rem; }

/* campaigns - auto-extracted inline style #28 */
.pg-campaigns-28 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #29 */
.pg-campaigns-29 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); }

/* campaigns - auto-extracted inline style #30 */
.pg-campaigns-30 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; background: rgba(90, 173, 93, 0.15); color: var(--accent); padding: 0.3rem 0.7rem; border: 1px solid var(--accent); }

/* campaigns - auto-extracted inline style #31 */
.pg-campaigns-31 { font-size: 0.85rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #32 */
.pg-campaigns-32 { display: flex; gap: 2rem; flex-wrap: wrap; margin-bottom: 1rem; }

/* campaigns - auto-extracted inline style #33 */
.pg-campaigns-33 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #34 */
.pg-campaigns-34 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #35 */
.pg-campaigns-35 { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 900; color: var(--g200); }

/* campaigns - auto-extracted inline style #36 */
.pg-campaigns-36 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* campaigns - auto-extracted inline style #37 */
.pg-campaigns-37 { font-size: 0.65rem; padding: 0.7rem 1.5rem }

/* campaigns - auto-extracted inline style #38 */
.pg-campaigns-38 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* campaigns - auto-extracted inline style #39 */
.pg-campaigns-39 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* campaigns - auto-extracted inline style #40 */
.pg-campaigns-40 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* campaigns - auto-extracted inline style #41 */
.pg-campaigns-41 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* campaigns - auto-extracted inline style #42 */
.pg-campaigns-42 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* campaigns - auto-extracted inline style #43 */
.pg-campaigns-43 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* campaigns - auto-extracted inline style #44 */
.pg-campaigns-44 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* campaigns - auto-extracted inline style #45 */
.pg-campaigns-45 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* campaigns - auto-extracted inline style #46 */
.pg-campaigns-46 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* campaigns - auto-extracted inline style #47 */
.pg-campaigns-47 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* campaigns - auto-extracted inline style #48 */
.pg-campaigns-48 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* campaigns - auto-extracted inline style #49 */
.pg-campaigns-49 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* campaigns - auto-extracted inline style #50 */
.pg-campaigns-50 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* campaigns - auto-extracted inline style #51 */
.pg-campaigns-51 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* campaigns - auto-extracted inline style #52 */
.pg-campaigns-52 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* campaigns - auto-extracted inline style #53 */
.pg-campaigns-53 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* campaigns - auto-extracted inline style #54 */
.pg-campaigns-54 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* campaigns - auto-extracted inline style #55 */
.pg-campaigns-55 { margin-top: 2rem }

/* campaigns - auto-extracted inline style #56 */
.pg-campaigns-56 { color: var(--g400) }

/* --- contact.html --- */

/* contact - auto-extracted inline style #1 */
.pg-contact-1 { opacity: 0 }

/* contact - auto-extracted inline style #2 */
.pg-contact-2 { opacity: 0 }

/* contact - auto-extracted inline style #3 */
.pg-contact-3 { top: 33% }

/* contact - auto-extracted inline style #4 */
.pg-contact-4 { top: 58% }

/* contact - auto-extracted inline style #5 */
.pg-contact-5 { top: 78% }

/* contact - auto-extracted inline style #6 */
.pg-contact-6 { left: 30% }

/* contact - auto-extracted inline style #7 */
.pg-contact-7 { left: 55% }

/* contact - auto-extracted inline style #8 */
.pg-contact-8 { left: 75% }

/* contact - auto-extracted inline style #9 */
.pg-contact-9 { width: 100%; height: 100%; border-radius: inherit }

/* contact - auto-extracted inline style #10 */
.pg-contact-10 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); margin-top: 2rem; margin-bottom: 0.8rem; }

/* contact - auto-extracted inline style #11 */
.pg-contact-11 { font-size: clamp(1.6rem, 3vw, 2.2rem) }

/* contact - auto-extracted inline style #12 */
.pg-contact-12 { opacity: 0.4 }

/* contact - auto-extracted inline style #13 */
.pg-contact-13 { color: var(--g400) }

/* contact - auto-extracted inline style #14 */
.pg-contact-14 { font-size:0.8rem; }

/* --- documents-reports.html --- */

/* documents_reports - auto-extracted inline style #1 */
.pg-documents_reports-1 { max-width: 900px; margin: 0 auto }

/* documents_reports - auto-extracted inline style #2 */
.pg-documents_reports-2 { margin-top: 2rem; border: 1px solid var(--border) }

/* documents_reports - auto-extracted inline style #3 */
.pg-documents_reports-3 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #4 */
.pg-documents_reports-4 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #5 */
.pg-documents_reports-5 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #6 */
.pg-documents_reports-6 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #7 */
.pg-documents_reports-7 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #8 */
.pg-documents_reports-8 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #9 */
.pg-documents_reports-9 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #10 */
.pg-documents_reports-10 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #11 */
.pg-documents_reports-11 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #12 */
.pg-documents_reports-12 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #13 */
.pg-documents_reports-13 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #14 */
.pg-documents_reports-14 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #15 */
.pg-documents_reports-15 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #16 */
.pg-documents_reports-16 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #17 */
.pg-documents_reports-17 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #18 */
.pg-documents_reports-18 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #19 */
.pg-documents_reports-19 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #20 */
.pg-documents_reports-20 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #21 */
.pg-documents_reports-21 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #22 */
.pg-documents_reports-22 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #23 */
.pg-documents_reports-23 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #24 */
.pg-documents_reports-24 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #25 */
.pg-documents_reports-25 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #26 */
.pg-documents_reports-26 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #27 */
.pg-documents_reports-27 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #28 */
.pg-documents_reports-28 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #29 */
.pg-documents_reports-29 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #30 */
.pg-documents_reports-30 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #31 */
.pg-documents_reports-31 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #32 */
.pg-documents_reports-32 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #33 */
.pg-documents_reports-33 { background: var(--g700); padding: 1.2rem 2rem; border-bottom: 1px solid var(--border); display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: center; }

/* documents_reports - auto-extracted inline style #34 */
.pg-documents_reports-34 { font-family: "Playfair Display", serif; font-size: 1.6rem; font-weight: 900; color: var(--accent); line-height: 1.1; }

/* documents_reports - auto-extracted inline style #35 */
.pg-documents_reports-35 { font-family: "Josefin Sans", sans-serif; font-size: 0.5rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.2rem; }

/* documents_reports - auto-extracted inline style #36 */
.pg-documents_reports-36 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.3rem; }

/* documents_reports - auto-extracted inline style #37 */
.pg-documents_reports-37 { font-size: 0.82rem; color: var(--muted); line-height: 1.6; }

/* documents_reports - auto-extracted inline style #38 */
.pg-documents_reports-38 { font-size: 0.8rem; color: var(--muted); margin-top: 1rem; font-style: italic; }

/* documents_reports - auto-extracted inline style #39 */
.pg-documents_reports-39 { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 2rem; max-width: 900px; }

/* documents_reports - auto-extracted inline style #40 */
.pg-documents_reports-40 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; }

/* documents_reports - auto-extracted inline style #41 */
.pg-documents_reports-41 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* documents_reports - auto-extracted inline style #42 */
.pg-documents_reports-42 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); }

/* documents_reports - auto-extracted inline style #43 */
.pg-documents_reports-43 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }

/* documents_reports - auto-extracted inline style #44 */
.pg-documents_reports-44 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); margin-bottom: 0.6rem; }

/* documents_reports - auto-extracted inline style #45 */
.pg-documents_reports-45 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #46 */
.pg-documents_reports-46 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; }

/* documents_reports - auto-extracted inline style #47 */
.pg-documents_reports-47 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* documents_reports - auto-extracted inline style #48 */
.pg-documents_reports-48 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); }

/* documents_reports - auto-extracted inline style #49 */
.pg-documents_reports-49 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }

/* documents_reports - auto-extracted inline style #50 */
.pg-documents_reports-50 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); margin-bottom: 0.6rem; }

/* documents_reports - auto-extracted inline style #51 */
.pg-documents_reports-51 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #52 */
.pg-documents_reports-52 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; }

/* documents_reports - auto-extracted inline style #53 */
.pg-documents_reports-53 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* documents_reports - auto-extracted inline style #54 */
.pg-documents_reports-54 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); }

/* documents_reports - auto-extracted inline style #55 */
.pg-documents_reports-55 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }

/* documents_reports - auto-extracted inline style #56 */
.pg-documents_reports-56 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); margin-bottom: 0.6rem; }

/* documents_reports - auto-extracted inline style #57 */
.pg-documents_reports-57 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #58 */
.pg-documents_reports-58 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; }

/* documents_reports - auto-extracted inline style #59 */
.pg-documents_reports-59 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* documents_reports - auto-extracted inline style #60 */
.pg-documents_reports-60 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); }

/* documents_reports - auto-extracted inline style #61 */
.pg-documents_reports-61 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); }

/* documents_reports - auto-extracted inline style #62 */
.pg-documents_reports-62 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); margin-bottom: 0.6rem; }

/* documents_reports - auto-extracted inline style #63 */
.pg-documents_reports-63 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #64 */
.pg-documents_reports-64 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* documents_reports - auto-extracted inline style #65 */
.pg-documents_reports-65 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* documents_reports - auto-extracted inline style #66 */
.pg-documents_reports-66 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* documents_reports - auto-extracted inline style #67 */
.pg-documents_reports-67 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* documents_reports - auto-extracted inline style #68 */
.pg-documents_reports-68 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #69 */
.pg-documents_reports-69 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* documents_reports - auto-extracted inline style #70 */
.pg-documents_reports-70 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* documents_reports - auto-extracted inline style #71 */
.pg-documents_reports-71 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* documents_reports - auto-extracted inline style #72 */
.pg-documents_reports-72 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #73 */
.pg-documents_reports-73 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* documents_reports - auto-extracted inline style #74 */
.pg-documents_reports-74 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* documents_reports - auto-extracted inline style #75 */
.pg-documents_reports-75 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* documents_reports - auto-extracted inline style #76 */
.pg-documents_reports-76 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #77 */
.pg-documents_reports-77 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* documents_reports - auto-extracted inline style #78 */
.pg-documents_reports-78 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* documents_reports - auto-extracted inline style #79 */
.pg-documents_reports-79 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* documents_reports - auto-extracted inline style #80 */
.pg-documents_reports-80 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* documents_reports - auto-extracted inline style #81 */
.pg-documents_reports-81 { margin-top: 2.5rem }

/* documents_reports - auto-extracted inline style #82 */
.pg-documents_reports-82 { color: var(--g400) }

/* --- donate.html --- */

/* donate - auto-extracted inline style #1 */
.pg-donate-1 { left: 12%; width: 3px; height: 3px; background: rgba(90, 173, 93, 0.5); animation-duration: 12s; }

/* donate - auto-extracted inline style #2 */
.pg-donate-2 { left: 28%; width: 2px; height: 2px; background: rgba(168, 224, 99, 0.4); animation-duration: 17s; animation-delay: 3s; }

/* donate - auto-extracted inline style #3 */
.pg-donate-3 { left: 45%; width: 4px; height: 4px; background: rgba(90, 173, 93, 0.3); animation-duration: 15s; animation-delay: 6s; }

/* donate - auto-extracted inline style #4 */
.pg-donate-4 { left: 62%; width: 2px; height: 2px; background: rgba(168, 224, 99, 0.35); animation-duration: 20s; animation-delay: 1s; }

/* donate - auto-extracted inline style #5 */
.pg-donate-5 { left: 78%; width: 3px; height: 3px; background: rgba(90, 173, 93, 0.4); animation-duration: 14s; animation-delay: 9s; }

/* donate - auto-extracted inline style #6 */
.pg-donate-6 { left: 88%; width: 2px; height: 2px; background: rgba(200, 168, 75, 0.3); animation-duration: 18s; animation-delay: 4s; }

/* donate - auto-extracted inline style #7 */
.pg-donate-7 { margin-top: 2rem; padding: 1.5rem; background: var(--g700); border-left: 3px solid var(--g300); }

/* donate - auto-extracted inline style #8 */
.pg-donate-8 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.28em; text-transform: uppercase; color: var(--g200); margin-bottom: 0.6rem; }

/* donate - auto-extracted inline style #9 */
.pg-donate-9 { font-size: 0.9rem; line-height: 1.8; font-weight: 300; color: var(--muted); }

/* donate - auto-extracted inline style #10 */
.pg-donate-10 { margin-bottom: 0 }

/* donate - auto-extracted inline style #11 */
.pg-donate-11 { font-size: clamp(1.5rem, 2.5vw, 2rem); margin-bottom: 1.5rem; }

/* donate - auto-extracted inline style #12 */
.pg-donate-12 { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--border); }

/* donate - auto-extracted inline style #13 */
.pg-donate-13 { background: var(--g800); border: 1px solid var(--border); border-top: none; padding: 1.5rem; display: flex; flex-direction: column; gap: 0.8rem; }

/* donate - auto-extracted inline style #14 */
.pg-donate-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--muted); }

/* donate - auto-extracted inline style #15 */
.pg-donate-15 { display: flex; align-items: center; gap: 0.8rem; text-decoration: none; color: var(--muted); font-size: 0.88rem; font-weight: 300; transition: color 0.2s; }

/* donate - auto-extracted inline style #16 */
.pg-donate-16 { width: 28px; height: 28px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; color: var(--g200); }

/* donate - auto-extracted inline style #17 */
.pg-donate-17 { display: flex; align-items: center; gap: 0.8rem; text-decoration: none; color: var(--muted); font-size: 0.88rem; font-weight: 300; transition: color 0.2s; }

/* donate - auto-extracted inline style #18 */
.pg-donate-18 { width: 28px; height: 28px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 0.75rem; color: var(--g200); }

/* donate - auto-extracted inline style #19 */
.pg-donate-19 { color: var(--g400) }

/* --- events.html --- */

/* events - auto-extracted inline style #1 */
.pg-events-1 { max-width: 900px; margin: 0 auto }

/* events - auto-extracted inline style #2 */
.pg-events-2 { margin-top: 2.5rem; display: flex; flex-direction: column; gap: 1.5rem; }

/* events - auto-extracted inline style #3 */
.pg-events-3 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: start; }

/* events - auto-extracted inline style #4 */
.pg-events-4 { background: rgba(90, 173, 93, 0.1); border: 1px solid var(--accent); padding: 0.8rem; text-align: center; }

/* events - auto-extracted inline style #5 */
.pg-events-5 { font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 900; color: var(--accent); line-height: 1; }

/* events - auto-extracted inline style #6 */
.pg-events-6 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }

/* events - auto-extracted inline style #7 */
.pg-events-7 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.4rem; }

/* events - auto-extracted inline style #8 */
.pg-events-8 { font-family: "Playfair Display", serif; font-size: 1.15rem; font-weight: 700; color: var(--g100); margin-bottom: 0.7rem; }

/* events - auto-extracted inline style #9 */
.pg-events-9 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #10 */
.pg-events-10 { font-size: 0.6rem; padding: 0.6rem 1.2rem }

/* events - auto-extracted inline style #11 */
.pg-events-11 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: start; }

/* events - auto-extracted inline style #12 */
.pg-events-12 { background: rgba(90, 173, 93, 0.1); border: 1px solid var(--accent); padding: 0.8rem; text-align: center; }

/* events - auto-extracted inline style #13 */
.pg-events-13 { font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 900; color: var(--accent); line-height: 1; }

/* events - auto-extracted inline style #14 */
.pg-events-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }

/* events - auto-extracted inline style #15 */
.pg-events-15 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.4rem; }

/* events - auto-extracted inline style #16 */
.pg-events-16 { font-family: "Playfair Display", serif; font-size: 1.15rem; font-weight: 700; color: var(--g100); margin-bottom: 0.7rem; }

/* events - auto-extracted inline style #17 */
.pg-events-17 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #18 */
.pg-events-18 { font-size: 0.6rem; padding: 0.6rem 1.2rem }

/* events - auto-extracted inline style #19 */
.pg-events-19 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem 2rem; display: grid; grid-template-columns: 80px 1fr; gap: 1.5rem; align-items: start; }

/* events - auto-extracted inline style #20 */
.pg-events-20 { background: rgba(90, 173, 93, 0.1); border: 1px solid var(--accent); padding: 0.8rem; text-align: center; }

/* events - auto-extracted inline style #21 */
.pg-events-21 { font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 900; color: var(--accent); line-height: 1; }

/* events - auto-extracted inline style #22 */
.pg-events-22 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }

/* events - auto-extracted inline style #23 */
.pg-events-23 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.4rem; }

/* events - auto-extracted inline style #24 */
.pg-events-24 { font-family: "Playfair Display", serif; font-size: 1.15rem; font-weight: 700; color: var(--g100); margin-bottom: 0.7rem; }

/* events - auto-extracted inline style #25 */
.pg-events-25 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #26 */
.pg-events-26 { font-size: 0.6rem; padding: 0.6rem 1.2rem }

/* events - auto-extracted inline style #27 */
.pg-events-27 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* events - auto-extracted inline style #28 */
.pg-events-28 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* events - auto-extracted inline style #29 */
.pg-events-29 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #30 */
.pg-events-30 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* events - auto-extracted inline style #31 */
.pg-events-31 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* events - auto-extracted inline style #32 */
.pg-events-32 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* events - auto-extracted inline style #33 */
.pg-events-33 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #34 */
.pg-events-34 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* events - auto-extracted inline style #35 */
.pg-events-35 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* events - auto-extracted inline style #36 */
.pg-events-36 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* events - auto-extracted inline style #37 */
.pg-events-37 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #38 */
.pg-events-38 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* events - auto-extracted inline style #39 */
.pg-events-39 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* events - auto-extracted inline style #40 */
.pg-events-40 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* events - auto-extracted inline style #41 */
.pg-events-41 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* events - auto-extracted inline style #42 */
.pg-events-42 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* events - auto-extracted inline style #43 */
.pg-events-43 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* events - auto-extracted inline style #44 */
.pg-events-44 { margin-top: 2rem }

/* events - auto-extracted inline style #45 */
.pg-events-45 { color: var(--g400) }

/* --- gallery.html --- */

/* gallery - auto-extracted inline style #1 */
.pg-gallery-1 { color: var(--g400) }

/* --- gilgit-baltistan.html --- */

/* gilgit_baltistan - auto-extracted inline style #1 */
.pg-gilgit_baltistan-1 { left:10%;animation-duration:12s;animation-delay:0s; }

/* gilgit_baltistan - auto-extracted inline style #2 */
.pg-gilgit_baltistan-2 { left:25%;animation-duration:18s;animation-delay:3s; }

/* gilgit_baltistan - auto-extracted inline style #3 */
.pg-gilgit_baltistan-3 { left:42%;animation-duration:15s;animation-delay:7s; }

/* gilgit_baltistan - auto-extracted inline style #4 */
.pg-gilgit_baltistan-4 { left:65%;animation-duration:20s;animation-delay:1s; }

/* gilgit_baltistan - auto-extracted inline style #5 */
.pg-gilgit_baltistan-5 { left:80%;animation-duration:14s;animation-delay:5s; }

/* gilgit_baltistan - auto-extracted inline style #6 */
.pg-gilgit_baltistan-6 { left:90%;animation-duration:16s;animation-delay:9s; }

/* gilgit_baltistan - auto-extracted inline style #7 */
.pg-gilgit_baltistan-7 { color:var(--muted);text-decoration:none }

/* gilgit_baltistan - auto-extracted inline style #8 */
.pg-gilgit_baltistan-8 { margin-top:-1rem }

/* gilgit_baltistan - auto-extracted inline style #9 */
.pg-gilgit_baltistan-9 { margin-bottom:1.5rem }

/* gilgit_baltistan - auto-extracted inline style #10 */
.pg-gilgit_baltistan-10 { margin-top:3rem;padding:2rem;background:var(--g700);border:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:2rem; }

/* gilgit_baltistan - auto-extracted inline style #11 */
.pg-gilgit_baltistan-11 { font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #12 */
.pg-gilgit_baltistan-12 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #13 */
.pg-gilgit_baltistan-13 { font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #14 */
.pg-gilgit_baltistan-14 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #15 */
.pg-gilgit_baltistan-15 { font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #16 */
.pg-gilgit_baltistan-16 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #17 */
.pg-gilgit_baltistan-17 { font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #18 */
.pg-gilgit_baltistan-18 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #19 */
.pg-gilgit_baltistan-19 { max-width:640px;margin-bottom:4rem; }

/* gilgit_baltistan - auto-extracted inline style #20 */
.pg-gilgit_baltistan-20 { color:var(--g100) }

/* gilgit_baltistan - auto-extracted inline style #21 */
.pg-gilgit_baltistan-21 { color:var(--g100) }

/* gilgit_baltistan - auto-extracted inline style #22 */
.pg-gilgit_baltistan-22 { color:var(--g100) }

/* gilgit_baltistan - auto-extracted inline style #23 */
.pg-gilgit_baltistan-23 { color:var(--g100) }

/* gilgit_baltistan - auto-extracted inline style #24 */
.pg-gilgit_baltistan-24 { margin-top:1px;background:var(--g700);border:1px solid var(--border);padding:3rem;gap:3rem; }

/* gilgit_baltistan - auto-extracted inline style #25 */
.pg-gilgit_baltistan-25 { display:flex;flex-direction:column;gap:1px;background:var(--border); }

/* gilgit_baltistan - auto-extracted inline style #26 */
.pg-gilgit_baltistan-26 { background:var(--g800);padding:1.5rem 2rem; }

/* gilgit_baltistan - auto-extracted inline style #27 */
.pg-gilgit_baltistan-27 { font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #28 */
.pg-gilgit_baltistan-28 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #29 */
.pg-gilgit_baltistan-29 { background:var(--g800);padding:1.5rem 2rem; }

/* gilgit_baltistan - auto-extracted inline style #30 */
.pg-gilgit_baltistan-30 { font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #31 */
.pg-gilgit_baltistan-31 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #32 */
.pg-gilgit_baltistan-32 { background:var(--g800);padding:1.5rem 2rem; }

/* gilgit_baltistan - auto-extracted inline style #33 */
.pg-gilgit_baltistan-33 { font-family:'Playfair Display',serif;font-size:1.9rem;font-weight:900;color:var(--g200); }

/* gilgit_baltistan - auto-extracted inline style #34 */
.pg-gilgit_baltistan-34 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem; }

/* gilgit_baltistan - auto-extracted inline style #35 */
.pg-gilgit_baltistan-35 { max-width:640px;margin-bottom:4rem; }

/* gilgit_baltistan - auto-extracted inline style #36 */
.pg-gilgit_baltistan-36 { max-width:640px;margin-bottom:4rem; }

/* gilgit_baltistan - auto-extracted inline style #37 */
.pg-gilgit_baltistan-37 { font-family:'Josefin Sans',sans-serif;font-size:0.63rem;letter-spacing:0.3em;text-transform:uppercase;color:var(--g200);margin-bottom:1rem; }

/* gilgit_baltistan - auto-extracted inline style #38 */
.pg-gilgit_baltistan-38 { color:var(--g400) }

/* --- history.html --- */

/* history - auto-extracted inline style #1 */
.pg-history-1 { margin-top: 2rem; padding: 2rem; background: var(--g700); border: 1px solid var(--border); }

/* history - auto-extracted inline style #2 */
.pg-history-2 { margin-bottom: 1rem }

/* history - auto-extracted inline style #3 */
.pg-history-3 { font-family: "Playfair Display", serif; font-size: 2.5rem; font-weight: 900; color: var(--g200); }

/* history - auto-extracted inline style #4 */
.pg-history-4 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); }

/* history - auto-extracted inline style #5 */
.pg-history-5 { margin-top: 1.5rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

/* history - auto-extracted inline style #6 */
.pg-history-6 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--text); }

/* history - auto-extracted inline style #7 */
.pg-history-7 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* history - auto-extracted inline style #8 */
.pg-history-8 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--text); }

/* history - auto-extracted inline style #9 */
.pg-history-9 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* history - auto-extracted inline style #10 */
.pg-history-10 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--text); }

/* history - auto-extracted inline style #11 */
.pg-history-11 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* history - auto-extracted inline style #12 */
.pg-history-12 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--text); }

/* history - auto-extracted inline style #13 */
.pg-history-13 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* history - auto-extracted inline style #14 */
.pg-history-14 { text-align: center }

/* history - auto-extracted inline style #15 */
.pg-history-15 { justify-content: center }

/* history - auto-extracted inline style #16 */
.pg-history-16 { text-align: center }

/* history - auto-extracted inline style #17 */
.pg-history-17 { max-width: 700px; margin-bottom: 0 }

/* history - auto-extracted inline style #18 */
.pg-history-18 { padding: 1rem 1.5rem; font-family: "Josefin Sans", sans-serif; font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--g200); background: var(--g600); }

/* history - auto-extracted inline style #19 */
.pg-history-19 { padding: 1rem 1.5rem; font-family: "Josefin Sans", sans-serif; font-size: 0.62rem; letter-spacing: 0.3em; text-transform: uppercase; color: var(--g200); background: var(--g600); }

/* history - auto-extracted inline style #20 */
.pg-history-20 { color: var(--g400) }

/* --- index.html --- */

/* index - auto-extracted inline style #1 */
.pg-index-1 { top: 12%; left: 5%; font-size: 9rem; animation-duration: 7s }

/* index - auto-extracted inline style #2 */
.pg-index-2 { top: 60%; left: 8%; font-size: 6rem; animation-duration: 9s; animation-delay: 0.5s; }

/* index - auto-extracted inline style #3 */
.pg-index-3 { top: 15%; right: 6%; font-size: 8rem; animation-duration: 11s; animation-delay: 1s; }

/* index - auto-extracted inline style #4 */
.pg-index-4 { top: 65%; right: 5%; font-size: 7rem; animation-duration: 8s; animation-delay: 2s; }

/* index - auto-extracted inline style #5 */
.pg-index-5 { margin-top: 2.5rem }

/* index - auto-extracted inline style #6 */
.pg-index-6 { justify-content: center }

/* index - auto-extracted inline style #7 */
.pg-index-7 { text-align: center }

/* index - auto-extracted inline style #8 */
.pg-index-8 { text-align: center }

/* index - auto-extracted inline style #9 */
.pg-index-9 { justify-content: center }

/* index - auto-extracted inline style #10 */
.pg-index-10 { text-align: center }

/* index - auto-extracted inline style #11 */
.pg-index-11 { text-align: center }

/* index - auto-extracted inline style #12 */
.pg-index-12 { justify-content: center }

/* index - auto-extracted inline style #13 */
.pg-index-13 { text-align: center }

/* index - auto-extracted inline style #14 */
.pg-index-14 { text-align: center }

/* index - auto-extracted inline style #15 */
.pg-index-15 { justify-content: center }

/* index - auto-extracted inline style #16 */
.pg-index-16 { text-align: center }

/* index - auto-extracted inline style #17 */
.pg-index-17 { justify-content: center }

/* index - auto-extracted inline style #18 */
.pg-index-18 { color: var(--g400) }

/* --- indian-occupied-kashmir.html --- */

/* indian_occupied_kashmir - auto-extracted inline style #1 */
.pg-indian_occupied_kashmir-1 { justify-content:center; }

/* indian_occupied_kashmir - auto-extracted inline style #2 */
.pg-indian_occupied_kashmir-2 { border-left:1px solid var(--border); }

/* indian_occupied_kashmir - auto-extracted inline style #3 */
.pg-indian_occupied_kashmir-3 { border-left:1px solid var(--border); }

/* indian_occupied_kashmir - auto-extracted inline style #4 */
.pg-indian_occupied_kashmir-4 { font-size:0.9rem; }

/* indian_occupied_kashmir - auto-extracted inline style #5 */
.pg-indian_occupied_kashmir-5 { padding:0.7rem 1.5rem;font-size:0.6rem; }

/* indian_occupied_kashmir - auto-extracted inline style #6 */
.pg-indian_occupied_kashmir-6 { padding:0.7rem 1.5rem;font-size:0.6rem; }

/* indian_occupied_kashmir - auto-extracted inline style #7 */
.pg-indian_occupied_kashmir-7 { padding:0.7rem 1.5rem; }

/* indian_occupied_kashmir - auto-extracted inline style #8 */
.pg-indian_occupied_kashmir-8 { color:var(--g400) }

/* --- jammu-region.html --- */

/* jammu_region - auto-extracted inline style #1 */
.pg-jammu_region-1 { left: 10%; animation-duration: 12s; animation-delay: 0s; }

/* jammu_region - auto-extracted inline style #2 */
.pg-jammu_region-2 { left: 30%; animation-duration: 18s; animation-delay: 4s; }

/* jammu_region - auto-extracted inline style #3 */
.pg-jammu_region-3 { left: 55%; animation-duration: 15s; animation-delay: 7s; }

/* jammu_region - auto-extracted inline style #4 */
.pg-jammu_region-4 { left: 75%; animation-duration: 20s; animation-delay: 2s; }

/* jammu_region - auto-extracted inline style #5 */
.pg-jammu_region-5 { left: 90%; animation-duration: 14s; animation-delay: 9s; }

/* jammu_region - auto-extracted inline style #6 */
.pg-jammu_region-6 { color: var(--muted); text-decoration: none }

/* jammu_region - auto-extracted inline style #7 */
.pg-jammu_region-7 { margin-top: -1rem }

/* jammu_region - auto-extracted inline style #8 */
.pg-jammu_region-8 { margin-bottom: 1.5rem }

/* jammu_region - auto-extracted inline style #9 */
.pg-jammu_region-9 { margin-top: 1.5rem }

/* jammu_region - auto-extracted inline style #10 */
.pg-jammu_region-10 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* jammu_region - auto-extracted inline style #11 */
.pg-jammu_region-11 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* jammu_region - auto-extracted inline style #12 */
.pg-jammu_region-12 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* jammu_region - auto-extracted inline style #13 */
.pg-jammu_region-13 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* jammu_region - auto-extracted inline style #14 */
.pg-jammu_region-14 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* jammu_region - auto-extracted inline style #15 */
.pg-jammu_region-15 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* jammu_region - auto-extracted inline style #16 */
.pg-jammu_region-16 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* jammu_region - auto-extracted inline style #17 */
.pg-jammu_region-17 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* jammu_region - auto-extracted inline style #18 */
.pg-jammu_region-18 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* jammu_region - auto-extracted inline style #19 */
.pg-jammu_region-19 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* jammu_region - auto-extracted inline style #20 */
.pg-jammu_region-20 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* jammu_region - auto-extracted inline style #21 */
.pg-jammu_region-21 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* jammu_region - auto-extracted inline style #22 */
.pg-jammu_region-22 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* jammu_region - auto-extracted inline style #23 */
.pg-jammu_region-23 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* jammu_region - auto-extracted inline style #24 */
.pg-jammu_region-24 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* jammu_region - auto-extracted inline style #25 */
.pg-jammu_region-25 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* jammu_region - auto-extracted inline style #26 */
.pg-jammu_region-26 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* jammu_region - auto-extracted inline style #27 */
.pg-jammu_region-27 { margin-top: 1.5rem }

/* jammu_region - auto-extracted inline style #28 */
.pg-jammu_region-28 { margin-top: 2rem }

/* jammu_region - auto-extracted inline style #29 */
.pg-jammu_region-29 { color: var(--g400) }

/* --- kashmir-map.html --- */

/* kashmir_map - auto-extracted inline style #1 */
.pg-kashmir_map-1 { margin-top: 1.5rem }

/* kashmir_map - auto-extracted inline style #2 */
.pg-kashmir_map-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* kashmir_map - auto-extracted inline style #3 */
.pg-kashmir_map-3 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kashmir_map - auto-extracted inline style #4 */
.pg-kashmir_map-4 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.5rem; }

/* kashmir_map - auto-extracted inline style #5 */
.pg-kashmir_map-5 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* kashmir_map - auto-extracted inline style #6 */
.pg-kashmir_map-6 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* kashmir_map - auto-extracted inline style #7 */
.pg-kashmir_map-7 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* kashmir_map - auto-extracted inline style #8 */
.pg-kashmir_map-8 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kashmir_map - auto-extracted inline style #9 */
.pg-kashmir_map-9 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.5rem; }

/* kashmir_map - auto-extracted inline style #10 */
.pg-kashmir_map-10 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* kashmir_map - auto-extracted inline style #11 */
.pg-kashmir_map-11 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* kashmir_map - auto-extracted inline style #12 */
.pg-kashmir_map-12 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* kashmir_map - auto-extracted inline style #13 */
.pg-kashmir_map-13 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kashmir_map - auto-extracted inline style #14 */
.pg-kashmir_map-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.5rem; }

/* kashmir_map - auto-extracted inline style #15 */
.pg-kashmir_map-15 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* kashmir_map - auto-extracted inline style #16 */
.pg-kashmir_map-16 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* kashmir_map - auto-extracted inline style #17 */
.pg-kashmir_map-17 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* kashmir_map - auto-extracted inline style #18 */
.pg-kashmir_map-18 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kashmir_map - auto-extracted inline style #19 */
.pg-kashmir_map-19 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.5rem; }

/* kashmir_map - auto-extracted inline style #20 */
.pg-kashmir_map-20 { font-family: "Playfair Display", serif; font-size: 1.2rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* kashmir_map - auto-extracted inline style #21 */
.pg-kashmir_map-21 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 1rem; }

/* kashmir_map - auto-extracted inline style #22 */
.pg-kashmir_map-22 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* kashmir_map - auto-extracted inline style #23 */
.pg-kashmir_map-23 { display: grid; grid-template-columns: repeat(2, 1fr) repeat(2, 1fr); gap: 0; border: 1px solid var(--border); margin-top: 2rem; }

/* kashmir_map - auto-extracted inline style #24 */
.pg-kashmir_map-24 { padding: 1.5rem; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }

/* kashmir_map - auto-extracted inline style #25 */
.pg-kashmir_map-25 { font-family: "Playfair Display", serif; font-size: 2rem; font-weight: 900; color: var(--g100); }

/* kashmir_map - auto-extracted inline style #26 */
.pg-kashmir_map-26 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.3rem; }

/* kashmir_map - auto-extracted inline style #27 */
.pg-kashmir_map-27 { padding: 1.5rem; border-bottom: 1px solid var(--border) }

/* kashmir_map - auto-extracted inline style #28 */
.pg-kashmir_map-28 { font-family: "Playfair Display", serif; font-size: 2rem; font-weight: 900; color: var(--g100); }

/* kashmir_map - auto-extracted inline style #29 */
.pg-kashmir_map-29 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.3rem; }

/* kashmir_map - auto-extracted inline style #30 */
.pg-kashmir_map-30 { padding: 1.5rem; border-right: 1px solid var(--border) }

/* kashmir_map - auto-extracted inline style #31 */
.pg-kashmir_map-31 { font-family: "Playfair Display", serif; font-size: 2rem; font-weight: 900; color: var(--g100); }

/* kashmir_map - auto-extracted inline style #32 */
.pg-kashmir_map-32 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.3rem; }

/* kashmir_map - auto-extracted inline style #33 */
.pg-kashmir_map-33 { padding: 1.5rem }

/* kashmir_map - auto-extracted inline style #34 */
.pg-kashmir_map-34 { font-family: "Playfair Display", serif; font-size: 2rem; font-weight: 900; color: var(--g100); }

/* kashmir_map - auto-extracted inline style #35 */
.pg-kashmir_map-35 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); margin-top: 0.3rem; }

/* kashmir_map - auto-extracted inline style #36 */
.pg-kashmir_map-36 { margin-top: 2rem }

/* kashmir_map - auto-extracted inline style #37 */
.pg-kashmir_map-37 { color: var(--g400) }

/* --- kfm-charter.html --- */

/* kfm_charter - auto-extracted inline style #1 */
.pg-kfm_charter-1 { margin-top: 1.5rem }

/* kfm_charter - auto-extracted inline style #2 */
.pg-kfm_charter-2 { margin-top: 2rem }

/* kfm_charter - auto-extracted inline style #3 */
.pg-kfm_charter-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* kfm_charter - auto-extracted inline style #4 */
.pg-kfm_charter-4 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kfm_charter - auto-extracted inline style #5 */
.pg-kfm_charter-5 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* kfm_charter - auto-extracted inline style #6 */
.pg-kfm_charter-6 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* kfm_charter - auto-extracted inline style #7 */
.pg-kfm_charter-7 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* kfm_charter - auto-extracted inline style #8 */
.pg-kfm_charter-8 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kfm_charter - auto-extracted inline style #9 */
.pg-kfm_charter-9 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* kfm_charter - auto-extracted inline style #10 */
.pg-kfm_charter-10 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* kfm_charter - auto-extracted inline style #11 */
.pg-kfm_charter-11 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* kfm_charter - auto-extracted inline style #12 */
.pg-kfm_charter-12 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kfm_charter - auto-extracted inline style #13 */
.pg-kfm_charter-13 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* kfm_charter - auto-extracted inline style #14 */
.pg-kfm_charter-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* kfm_charter - auto-extracted inline style #15 */
.pg-kfm_charter-15 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* kfm_charter - auto-extracted inline style #16 */
.pg-kfm_charter-16 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kfm_charter - auto-extracted inline style #17 */
.pg-kfm_charter-17 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* kfm_charter - auto-extracted inline style #18 */
.pg-kfm_charter-18 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* kfm_charter - auto-extracted inline style #19 */
.pg-kfm_charter-19 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* kfm_charter - auto-extracted inline style #20 */
.pg-kfm_charter-20 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kfm_charter - auto-extracted inline style #21 */
.pg-kfm_charter-21 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* kfm_charter - auto-extracted inline style #22 */
.pg-kfm_charter-22 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* kfm_charter - auto-extracted inline style #23 */
.pg-kfm_charter-23 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* kfm_charter - auto-extracted inline style #24 */
.pg-kfm_charter-24 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* kfm_charter - auto-extracted inline style #25 */
.pg-kfm_charter-25 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* kfm_charter - auto-extracted inline style #26 */
.pg-kfm_charter-26 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* kfm_charter - auto-extracted inline style #27 */
.pg-kfm_charter-27 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* kfm_charter - auto-extracted inline style #28 */
.pg-kfm_charter-28 { margin-top: 1.5rem }

/* kfm_charter - auto-extracted inline style #29 */
.pg-kfm_charter-29 { margin-top: 2rem }

/* kfm_charter - auto-extracted inline style #30 */
.pg-kfm_charter-30 { color: var(--g400) }

/* --- kfm-news.html --- */

/* kfm_news - auto-extracted inline style #1 */
.pg-kfm_news-1 { font-size: clamp(2.2rem, 4.5vw, 3.5rem) }

/* kfm_news - auto-extracted inline style #2 */
.pg-kfm_news-2 { max-width: 500px }

/* kfm_news - auto-extracted inline style #3 */
.pg-kfm_news-3 { margin-top: 2rem }

/* kfm_news - auto-extracted inline style #4 */
.pg-kfm_news-4 { animation-delay: 0.5s }

/* kfm_news - auto-extracted inline style #5 */
.pg-kfm_news-5 { animation-delay: 1s }

/* kfm_news - auto-extracted inline style #6 */
.pg-kfm_news-6 { animation-delay: 1.5s }

/* kfm_news - auto-extracted inline style #7 */
.pg-kfm_news-7 { max-width: 640px; margin-bottom: 3rem }

/* kfm_news - auto-extracted inline style #8 */
.pg-kfm_news-8 { font-size: clamp(1.3rem, 2vw, 1.8rem) }

/* kfm_news - auto-extracted inline style #9 */
.pg-kfm_news-9 { font-size: 0.8rem }

/* kfm_news - auto-extracted inline style #10 */
.pg-kfm_news-10 { font-size: 0.8rem }

/* kfm_news - auto-extracted inline style #11 */
.pg-kfm_news-11 { justify-content: center; align-items: center; text-align: center; min-height: 200px; }

/* kfm_news - auto-extracted inline style #12 */
.pg-kfm_news-12 { font-size: 3rem; color: var(--g400); margin-bottom: 1rem; }

/* kfm_news - auto-extracted inline style #13 */
.pg-kfm_news-13 { margin: 0 auto 0.8rem }

/* kfm_news - auto-extracted inline style #14 */
.pg-kfm_news-14 { font-size: 1rem }

/* kfm_news - auto-extracted inline style #15 */
.pg-kfm_news-15 { font-size: 0.78rem; margin-top: 0.5rem }

/* kfm_news - auto-extracted inline style #16 */
.pg-kfm_news-16 { margin-top: 1.2rem; font-family: "Josefin Sans", sans-serif; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--g200); display: flex; align-items: center; gap: 0.4rem; justify-content: center; }

/* kfm_news - auto-extracted inline style #17 */
.pg-kfm_news-17 { color: var(--g400) }

/* --- languages-of-kashmir.html --- */

/* languages_of_kashmir - auto-extracted inline style #1 */
.pg-languages_of_kashmir-1 { background:#0a1a0e; }

/* languages_of_kashmir - auto-extracted inline style #2 */
.pg-languages_of_kashmir-2 { font-size:0.75rem; letter-spacing:0.2em; text-transform:uppercase; font-family:'Cinzel',serif; color:var(--gold); margin-bottom:1rem; }

/* languages_of_kashmir - auto-extracted inline style #3 */
.pg-languages_of_kashmir-3 { font-size:3rem; }

/* languages_of_kashmir - auto-extracted inline style #4 */
.pg-languages_of_kashmir-4 { text-align:center; margin-bottom:1rem; }

/* languages_of_kashmir - auto-extracted inline style #5 */
.pg-languages_of_kashmir-5 { text-align:center; margin-bottom:3rem; font-family:'Cinzel',serif; }

/* languages_of_kashmir - auto-extracted inline style #6 */
.pg-languages_of_kashmir-6 { grid-column: 1 / -1; max-width: 600px; }

/* languages_of_kashmir - auto-extracted inline style #7 */
.pg-languages_of_kashmir-7 { color:var(--g400); }

/* --- languages.html --- */

/* languages - auto-extracted inline style #1 */
.pg-languages-1 { align-self:flex-start; }

/* languages - auto-extracted inline style #2 */
.pg-languages-2 { background:var(--g700); }

/* languages - auto-extracted inline style #3 */
.pg-languages-3 { font-size:1.6rem; }

/* languages - auto-extracted inline style #4 */
.pg-languages-4 { display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center; }

/* languages - auto-extracted inline style #5 */
.pg-languages-5 { display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap; }

/* languages - auto-extracted inline style #6 */
.pg-languages-6 { text-align:center; }

/* languages - auto-extracted inline style #7 */
.pg-languages-7 { font-size:2.5rem;color:var(--g200);font-family:'Playfair Display',serif; }

/* languages - auto-extracted inline style #8 */
.pg-languages-8 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted); }

/* languages - auto-extracted inline style #9 */
.pg-languages-9 { text-align:center; }

/* languages - auto-extracted inline style #10 */
.pg-languages-10 { font-size:2rem;color:var(--g200);font-family:'Playfair Display',serif; }

/* languages - auto-extracted inline style #11 */
.pg-languages-11 { font-family:'Josefin Sans',sans-serif;font-size:0.6rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted); }

/* languages - auto-extracted inline style #12 */
.pg-languages-12 { flex-direction:column; }

/* languages - auto-extracted inline style #13 */
.pg-languages-13 { background:var(--g700); }

/* languages - auto-extracted inline style #14 */
.pg-languages-14 { font-size:2rem; }

/* languages - auto-extracted inline style #15 */
.pg-languages-15 { margin-bottom:1rem; }

/* languages - auto-extracted inline style #16 */
.pg-languages-16 { background:var(--g700); }

/* languages - auto-extracted inline style #17 */
.pg-languages-17 { margin-bottom:1rem; }

/* languages - auto-extracted inline style #18 */
.pg-languages-18 { background:var(--g700); }

/* languages - auto-extracted inline style #19 */
.pg-languages-19 { font-size:1.8rem; }

/* languages - auto-extracted inline style #20 */
.pg-languages-20 { display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center; }

/* languages - auto-extracted inline style #21 */
.pg-languages-21 { right:auto;left:-1rem;bottom:auto;top:-1rem;font-size:9rem; }

/* languages - auto-extracted inline style #22 */
.pg-languages-22 { padding: 2rem; background:var(--g700); border-left:1px solid var(--border); }

/* languages - auto-extracted inline style #23 */
.pg-languages-23 { font-size:2.5rem;color:var(--g200);margin-bottom:1rem; }

/* languages - auto-extracted inline style #24 */
.pg-languages-24 { font-family:'Josefin Sans',sans-serif;font-size:0.62rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:2rem; }

/* languages - auto-extracted inline style #25 */
.pg-languages-25 { font-size:0.88rem;line-height:1.8;color:var(--muted);font-style:italic; }

/* languages - auto-extracted inline style #26 */
.pg-languages-26 { border-right:none; }

/* languages - auto-extracted inline style #27 */
.pg-languages-27 { color:var(--g400); }

/* --- leadership.html --- */

/* leadership - auto-extracted inline style #1 */
.pg-leadership-1 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }

/* leadership - auto-extracted inline style #2 */
.pg-leadership-2 { background: var(--g700); border: 1px solid var(--border); padding: 2rem; text-align: center; }

/* leadership - auto-extracted inline style #3 */
.pg-leadership-3 { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 1.5rem; border: 2px solid var(--accent); }

/* leadership - auto-extracted inline style #4 */
.pg-leadership-4 { width: 100%; height: 100%; object-fit: cover }

/* leadership - auto-extracted inline style #5 */
.pg-leadership-5 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.4rem; }

/* leadership - auto-extracted inline style #6 */
.pg-leadership-6 { font-family: "Playfair Display", serif; font-size: 1.3rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #7 */
.pg-leadership-7 { font-size: 0.85rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #8 */
.pg-leadership-8 { background: var(--g700); border: 1px solid var(--border); padding: 2rem; text-align: center; }

/* leadership - auto-extracted inline style #9 */
.pg-leadership-9 { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 1.5rem; border: 2px solid var(--accent); }

/* leadership - auto-extracted inline style #10 */
.pg-leadership-10 { width: 100%; height: 100%; object-fit: cover }

/* leadership - auto-extracted inline style #11 */
.pg-leadership-11 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.4rem; }

/* leadership - auto-extracted inline style #12 */
.pg-leadership-12 { font-family: "Playfair Display", serif; font-size: 1.3rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #13 */
.pg-leadership-13 { font-size: 0.85rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #14 */
.pg-leadership-14 { background: var(--g700); border: 1px solid var(--border); padding: 2rem; text-align: center; }

/* leadership - auto-extracted inline style #15 */
.pg-leadership-15 { width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin: 0 auto 1.5rem; border: 2px solid var(--accent); }

/* leadership - auto-extracted inline style #16 */
.pg-leadership-16 { width: 100%; height: 100%; object-fit: cover }

/* leadership - auto-extracted inline style #17 */
.pg-leadership-17 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.4rem; }

/* leadership - auto-extracted inline style #18 */
.pg-leadership-18 { font-family: "Playfair Display", serif; font-size: 1.3rem; font-weight: 700; color: var(--g100); margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #19 */
.pg-leadership-19 { font-size: 0.85rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #20 */
.pg-leadership-20 { margin-top: 1.5rem }

/* leadership - auto-extracted inline style #21 */
.pg-leadership-21 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1.5rem; margin-top: 2.5rem; }

/* leadership - auto-extracted inline style #22 */
.pg-leadership-22 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* leadership - auto-extracted inline style #23 */
.pg-leadership-23 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #24 */
.pg-leadership-24 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* leadership - auto-extracted inline style #25 */
.pg-leadership-25 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #26 */
.pg-leadership-26 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* leadership - auto-extracted inline style #27 */
.pg-leadership-27 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #28 */
.pg-leadership-28 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* leadership - auto-extracted inline style #29 */
.pg-leadership-29 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #30 */
.pg-leadership-30 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* leadership - auto-extracted inline style #31 */
.pg-leadership-31 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #32 */
.pg-leadership-32 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* leadership - auto-extracted inline style #33 */
.pg-leadership-33 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #34 */
.pg-leadership-34 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* leadership - auto-extracted inline style #35 */
.pg-leadership-35 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* leadership - auto-extracted inline style #36 */
.pg-leadership-36 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* leadership - auto-extracted inline style #37 */
.pg-leadership-37 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* leadership - auto-extracted inline style #38 */
.pg-leadership-38 { margin-top: 2rem }

/* leadership - auto-extracted inline style #39 */
.pg-leadership-39 { color: var(--g400) }

/* --- maqbool.html --- */

/* maqbool - auto-extracted inline style #1 */
.pg-maqbool-1 { text-align: center }

/* maqbool - auto-extracted inline style #2 */
.pg-maqbool-2 { justify-content: center }

/* maqbool - auto-extracted inline style #3 */
.pg-maqbool-3 { text-align: center }

/* maqbool - auto-extracted inline style #4 */
.pg-maqbool-4 { color: var(--g400) }

/* --- membership.html --- */

/* membership - auto-extracted inline style #1 */
.pg-membership-1 { left: 8%; width: 3px; height: 3px; background: rgba(90, 173, 93, 0.4); animation-duration: 14s; animation-delay: 0s; }

/* membership - auto-extracted inline style #2 */
.pg-membership-2 { left: 22%; width: 2px; height: 2px; background: rgba(90, 173, 93, 0.3); animation-duration: 19s; animation-delay: 3s; }

/* membership - auto-extracted inline style #3 */
.pg-membership-3 { left: 38%; width: 4px; height: 4px; background: rgba(168, 224, 99, 0.25); animation-duration: 16s; animation-delay: 6s; }

/* membership - auto-extracted inline style #4 */
.pg-membership-4 { left: 54%; width: 2px; height: 2px; background: rgba(90, 173, 93, 0.35); animation-duration: 22s; animation-delay: 1s; }

/* membership - auto-extracted inline style #5 */
.pg-membership-5 { left: 68%; width: 3px; height: 3px; background: rgba(90, 173, 93, 0.3); animation-duration: 18s; animation-delay: 8s; }

/* membership - auto-extracted inline style #6 */
.pg-membership-6 { left: 82%; width: 2px; height: 2px; background: rgba(168, 224, 99, 0.2); animation-duration: 15s; animation-delay: 4s; }

/* membership - auto-extracted inline style #7 */
.pg-membership-7 { left: 91%; width: 3px; height: 3px; background: rgba(90, 173, 93, 0.4); animation-duration: 20s; animation-delay: 11s; }

/* membership - auto-extracted inline style #8 */
.pg-membership-8 { font-size: clamp(1.5rem, 2.5vw, 2rem) }

/* membership - auto-extracted inline style #9 */
.pg-membership-9 { opacity: 0.4 }

/* membership - auto-extracted inline style #10 */
.pg-membership-10 { opacity: 0.4 }

/* membership - auto-extracted inline style #11 */
.pg-membership-11 { font-size: clamp(1.8rem, 3.5vw, 2.8rem) }

/* membership - auto-extracted inline style #12 */
.pg-membership-12 { margin-top: 1rem }

/* membership - auto-extracted inline style #13 */
.pg-membership-13 { color: var(--g400) }

/* --- press-media.html --- */

/* press_media - auto-extracted inline style #1 */
.pg-press_media-1 { max-width: 900px; margin: 0 auto }

/* press_media - auto-extracted inline style #2 */
.pg-press_media-2 { margin-top: 2rem; display: flex; flex-direction: column; gap: 1px; border: 1px solid var(--border); }

/* press_media - auto-extracted inline style #3 */
.pg-press_media-3 { background: var(--g700); padding: 1.5rem 2rem; border-bottom: 1px solid var(--border); }

/* press_media - auto-extracted inline style #4 */
.pg-press_media-4 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* press_media - auto-extracted inline style #5 */
.pg-press_media-5 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); }

/* press_media - auto-extracted inline style #6 */
.pg-press_media-6 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }

/* press_media - auto-extracted inline style #7 */
.pg-press_media-7 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #8 */
.pg-press_media-8 { font-family: "Josefin Sans", sans-serif; font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* press_media - auto-extracted inline style #9 */
.pg-press_media-9 { background: var(--g700); padding: 1.5rem 2rem; border-bottom: 1px solid var(--border); }

/* press_media - auto-extracted inline style #10 */
.pg-press_media-10 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* press_media - auto-extracted inline style #11 */
.pg-press_media-11 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); }

/* press_media - auto-extracted inline style #12 */
.pg-press_media-12 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }

/* press_media - auto-extracted inline style #13 */
.pg-press_media-13 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #14 */
.pg-press_media-14 { font-family: "Josefin Sans", sans-serif; font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* press_media - auto-extracted inline style #15 */
.pg-press_media-15 { background: var(--g700); padding: 1.5rem 2rem; border-bottom: 1px solid var(--border); }

/* press_media - auto-extracted inline style #16 */
.pg-press_media-16 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* press_media - auto-extracted inline style #17 */
.pg-press_media-17 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); }

/* press_media - auto-extracted inline style #18 */
.pg-press_media-18 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }

/* press_media - auto-extracted inline style #19 */
.pg-press_media-19 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #20 */
.pg-press_media-20 { font-family: "Josefin Sans", sans-serif; font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* press_media - auto-extracted inline style #21 */
.pg-press_media-21 { background: var(--g700); padding: 1.5rem 2rem; border-bottom: 1px solid var(--border); }

/* press_media - auto-extracted inline style #22 */
.pg-press_media-22 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* press_media - auto-extracted inline style #23 */
.pg-press_media-23 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); }

/* press_media - auto-extracted inline style #24 */
.pg-press_media-24 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }

/* press_media - auto-extracted inline style #25 */
.pg-press_media-25 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #26 */
.pg-press_media-26 { font-family: "Josefin Sans", sans-serif; font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* press_media - auto-extracted inline style #27 */
.pg-press_media-27 { background: var(--g700); padding: 1.5rem 2rem; border-bottom: 1px solid var(--border); }

/* press_media - auto-extracted inline style #28 */
.pg-press_media-28 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.7rem; }

/* press_media - auto-extracted inline style #29 */
.pg-press_media-29 { font-family: "Playfair Display", serif; font-size: 1.05rem; font-weight: 700; color: var(--g100); }

/* press_media - auto-extracted inline style #30 */
.pg-press_media-30 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }

/* press_media - auto-extracted inline style #31 */
.pg-press_media-31 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #32 */
.pg-press_media-32 { font-family: "Josefin Sans", sans-serif; font-size: 0.58rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); text-decoration: none; }

/* press_media - auto-extracted inline style #33 */
.pg-press_media-33 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* press_media - auto-extracted inline style #34 */
.pg-press_media-34 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #35 */
.pg-press_media-35 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #36 */
.pg-press_media-36 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #37 */
.pg-press_media-37 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #38 */
.pg-press_media-38 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #39 */
.pg-press_media-39 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #40 */
.pg-press_media-40 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #41 */
.pg-press_media-41 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #42 */
.pg-press_media-42 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #43 */
.pg-press_media-43 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #44 */
.pg-press_media-44 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #45 */
.pg-press_media-45 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #46 */
.pg-press_media-46 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #47 */
.pg-press_media-47 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #48 */
.pg-press_media-48 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #49 */
.pg-press_media-49 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #50 */
.pg-press_media-50 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* press_media - auto-extracted inline style #51 */
.pg-press_media-51 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #52 */
.pg-press_media-52 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #53 */
.pg-press_media-53 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #54 */
.pg-press_media-54 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #55 */
.pg-press_media-55 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #56 */
.pg-press_media-56 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #57 */
.pg-press_media-57 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #58 */
.pg-press_media-58 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #59 */
.pg-press_media-59 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* press_media - auto-extracted inline style #60 */
.pg-press_media-60 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* press_media - auto-extracted inline style #61 */
.pg-press_media-61 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* press_media - auto-extracted inline style #62 */
.pg-press_media-62 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* press_media - auto-extracted inline style #63 */
.pg-press_media-63 { margin-top: 2.5rem }

/* press_media - auto-extracted inline style #64 */
.pg-press_media-64 { color: var(--g400) }

/* --- videos.html --- */

/* videos - auto-extracted inline style #1 */
.pg-videos-1 { margin-top: 2rem }

/* videos - auto-extracted inline style #2 */
.pg-videos-2 { margin-bottom: 1.5rem }

/* videos - auto-extracted inline style #3 */
.pg-videos-3 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #4 */
.pg-videos-4 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #5 */
.pg-videos-5 { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; }

/* videos - auto-extracted inline style #6 */
.pg-videos-6 { width: 64px; height: 64px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--accent); }

/* videos - auto-extracted inline style #7 */
.pg-videos-7 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--muted); }

/* videos - auto-extracted inline style #8 */
.pg-videos-8 { font-family: "Playfair Display", serif; font-size: 1.3rem; font-weight: 700; color: var(--g100); text-align: center; padding: 0 2rem; }

/* videos - auto-extracted inline style #9 */
.pg-videos-9 { padding: 1.5rem }

/* videos - auto-extracted inline style #10 */
.pg-videos-10 { font-family: "Playfair Display", serif; font-size: 1.1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.6rem; }

/* videos - auto-extracted inline style #11 */
.pg-videos-11 { font-size: 0.82rem; color: var(--muted); line-height: 1.7; }

/* videos - auto-extracted inline style #12 */
.pg-videos-12 { margin-top: 3rem }

/* videos - auto-extracted inline style #13 */
.pg-videos-13 { margin-bottom: 1.5rem }

/* videos - auto-extracted inline style #14 */
.pg-videos-14 { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }

/* videos - auto-extracted inline style #15 */
.pg-videos-15 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #16 */
.pg-videos-16 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #17 */
.pg-videos-17 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #18 */
.pg-videos-18 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #19 */
.pg-videos-19 { padding: 1rem }

/* videos - auto-extracted inline style #20 */
.pg-videos-20 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #21 */
.pg-videos-21 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #22 */
.pg-videos-22 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #23 */
.pg-videos-23 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #24 */
.pg-videos-24 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #25 */
.pg-videos-25 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #26 */
.pg-videos-26 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #27 */
.pg-videos-27 { padding: 1rem }

/* videos - auto-extracted inline style #28 */
.pg-videos-28 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #29 */
.pg-videos-29 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #30 */
.pg-videos-30 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #31 */
.pg-videos-31 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #32 */
.pg-videos-32 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #33 */
.pg-videos-33 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #34 */
.pg-videos-34 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #35 */
.pg-videos-35 { padding: 1rem }

/* videos - auto-extracted inline style #36 */
.pg-videos-36 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #37 */
.pg-videos-37 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #38 */
.pg-videos-38 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #39 */
.pg-videos-39 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #40 */
.pg-videos-40 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #41 */
.pg-videos-41 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #42 */
.pg-videos-42 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #43 */
.pg-videos-43 { padding: 1rem }

/* videos - auto-extracted inline style #44 */
.pg-videos-44 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #45 */
.pg-videos-45 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #46 */
.pg-videos-46 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #47 */
.pg-videos-47 { margin-top: 3rem }

/* videos - auto-extracted inline style #48 */
.pg-videos-48 { margin-bottom: 1.5rem }

/* videos - auto-extracted inline style #49 */
.pg-videos-49 { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; }

/* videos - auto-extracted inline style #50 */
.pg-videos-50 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #51 */
.pg-videos-51 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #52 */
.pg-videos-52 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #53 */
.pg-videos-53 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #54 */
.pg-videos-54 { padding: 1rem }

/* videos - auto-extracted inline style #55 */
.pg-videos-55 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #56 */
.pg-videos-56 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #57 */
.pg-videos-57 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #58 */
.pg-videos-58 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #59 */
.pg-videos-59 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #60 */
.pg-videos-60 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #61 */
.pg-videos-61 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #62 */
.pg-videos-62 { padding: 1rem }

/* videos - auto-extracted inline style #63 */
.pg-videos-63 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #64 */
.pg-videos-64 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #65 */
.pg-videos-65 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #66 */
.pg-videos-66 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #67 */
.pg-videos-67 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #68 */
.pg-videos-68 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #69 */
.pg-videos-69 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #70 */
.pg-videos-70 { padding: 1rem }

/* videos - auto-extracted inline style #71 */
.pg-videos-71 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #72 */
.pg-videos-72 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #73 */
.pg-videos-73 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #74 */
.pg-videos-74 { background: var(--g700); border: 1px solid var(--border) }

/* videos - auto-extracted inline style #75 */
.pg-videos-75 { position: relative; padding-bottom: 56.25%; background: var(--g800); }

/* videos - auto-extracted inline style #76 */
.pg-videos-76 { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }

/* videos - auto-extracted inline style #77 */
.pg-videos-77 { width: 48px; height: 48px; border-radius: 50%; background: rgba(90, 173, 93, 0.15); border: 1px solid var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent); }

/* videos - auto-extracted inline style #78 */
.pg-videos-78 { padding: 1rem }

/* videos - auto-extracted inline style #79 */
.pg-videos-79 { font-family: "Josefin Sans", sans-serif; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.3rem; }

/* videos - auto-extracted inline style #80 */
.pg-videos-80 { font-family: "Playfair Display", serif; font-size: 1rem; font-weight: 700; color: var(--g100); margin-bottom: 0.5rem; }

/* videos - auto-extracted inline style #81 */
.pg-videos-81 { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }

/* videos - auto-extracted inline style #82 */
.pg-videos-82 { text-align: center; max-width: 600px; }

/* videos - auto-extracted inline style #83 */
.pg-videos-83 { justify-content: center }

/* videos - auto-extracted inline style #84 */
.pg-videos-84 { margin-top: 2rem; justify-content: center }

/* videos - auto-extracted inline style #85 */
.pg-videos-85 { color: var(--g400) }

/* --- volunteer.html --- */

/* volunteer - auto-extracted inline style #1 */
.pg-volunteer-1 { max-width: 900px; margin: 0 auto }

/* volunteer - auto-extracted inline style #2 */
.pg-volunteer-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-top: 2rem; }

/* volunteer - auto-extracted inline style #3 */
.pg-volunteer-3 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #4 */
.pg-volunteer-4 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #5 */
.pg-volunteer-5 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #6 */
.pg-volunteer-6 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #7 */
.pg-volunteer-7 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #8 */
.pg-volunteer-8 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #9 */
.pg-volunteer-9 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #10 */
.pg-volunteer-10 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #11 */
.pg-volunteer-11 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #12 */
.pg-volunteer-12 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #13 */
.pg-volunteer-13 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #14 */
.pg-volunteer-14 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #15 */
.pg-volunteer-15 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #16 */
.pg-volunteer-16 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #17 */
.pg-volunteer-17 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #18 */
.pg-volunteer-18 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #19 */
.pg-volunteer-19 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #20 */
.pg-volunteer-20 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #21 */
.pg-volunteer-21 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #22 */
.pg-volunteer-22 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #23 */
.pg-volunteer-23 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #24 */
.pg-volunteer-24 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #25 */
.pg-volunteer-25 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #26 */
.pg-volunteer-26 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #27 */
.pg-volunteer-27 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #28 */
.pg-volunteer-28 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #29 */
.pg-volunteer-29 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #30 */
.pg-volunteer-30 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #31 */
.pg-volunteer-31 { background: var(--g700); border: 1px solid var(--border); padding: 1.5rem; }

/* volunteer - auto-extracted inline style #32 */
.pg-volunteer-32 { color: var(--accent); font-size: 1.5rem; margin-bottom: 0.8rem; }

/* volunteer - auto-extracted inline style #33 */
.pg-volunteer-33 { font-family: "Josefin Sans", sans-serif; font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--g300); margin-bottom: 0.5rem; }

/* volunteer - auto-extracted inline style #34 */
.pg-volunteer-34 { font-size: 0.82rem; color: var(--muted); line-height: 1.7 }

/* volunteer - auto-extracted inline style #35 */
.pg-volunteer-35 { max-width: 700px; margin: 0 auto }

/* volunteer - auto-extracted inline style #36 */
.pg-volunteer-36 { margin-top: 2rem; background: var(--g700); border: 1px solid var(--border); padding: 2.5rem; }

/* volunteer - auto-extracted inline style #37 */
.pg-volunteer-37 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }

/* volunteer - auto-extracted inline style #38 */
.pg-volunteer-38 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); display: block; margin-bottom: 0.4rem; }

/* volunteer - auto-extracted inline style #39 */
.pg-volunteer-39 { width: 100%; background: var(--g600); border: 1px solid var(--border); color: var(--g100); padding: 0.7rem 1rem; font-family: "DM Sans", sans-serif; font-size: 0.85rem; outline: none; box-sizing: border-box; }

/* volunteer - auto-extracted inline style #40 */
.pg-volunteer-40 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); display: block; margin-bottom: 0.4rem; }

/* volunteer - auto-extracted inline style #41 */
.pg-volunteer-41 { width: 100%; background: var(--g600); border: 1px solid var(--border); color: var(--g100); padding: 0.7rem 1rem; font-family: "DM Sans", sans-serif; font-size: 0.85rem; outline: none; box-sizing: border-box; }

/* volunteer - auto-extracted inline style #42 */
.pg-volunteer-42 { margin-bottom: 1rem }

/* volunteer - auto-extracted inline style #43 */
.pg-volunteer-43 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); display: block; margin-bottom: 0.4rem; }

/* volunteer - auto-extracted inline style #44 */
.pg-volunteer-44 { width: 100%; background: var(--g600); border: 1px solid var(--border); color: var(--g100); padding: 0.7rem 1rem; font-family: "DM Sans", sans-serif; font-size: 0.85rem; outline: none; box-sizing: border-box; }

/* volunteer - auto-extracted inline style #45 */
.pg-volunteer-45 { margin-bottom: 1rem }

/* volunteer - auto-extracted inline style #46 */
.pg-volunteer-46 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); display: block; margin-bottom: 0.4rem; }

/* volunteer - auto-extracted inline style #47 */
.pg-volunteer-47 { width: 100%; background: var(--g600); border: 1px solid var(--border); color: var(--g100); padding: 0.7rem 1rem; font-family: "DM Sans", sans-serif; font-size: 0.85rem; outline: none; box-sizing: border-box; }

/* volunteer - auto-extracted inline style #48 */
.pg-volunteer-48 { margin-bottom: 1.5rem }

/* volunteer - auto-extracted inline style #49 */
.pg-volunteer-49 { font-family: "Josefin Sans", sans-serif; font-size: 0.6rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--g300); display: block; margin-bottom: 0.4rem; }

/* volunteer - auto-extracted inline style #50 */
.pg-volunteer-50 { width: 100%; background: var(--g600); border: 1px solid var(--border); color: var(--g100); padding: 0.7rem 1rem; font-family: "DM Sans", sans-serif; font-size: 0.85rem; outline: none; box-sizing: border-box; min-height: 100px; resize: vertical; }

/* volunteer - auto-extracted inline style #51 */
.pg-volunteer-51 { color: var(--g400) }

/* ===== LANGUAGES PAGE - STAT BARS ===== */
.map-stat-bar--100 { width: 100%; }
.map-stat-bar--75  { width: 75%;  }
.map-stat-bar--41  { width: 41%;  }
.map-stat-bar--12  { width: 12%;  }
.map-stat-bar--9   { width: 9%;   }
.map-stat-bar--4   { width: 4%;   }

/* ===== VOLUNTEER PAGE - FULL WIDTH BUTTON ===== */
.btn-submit--full { width: 100%; }