:root {
  --ink:#17302c;
  --ink-soft:#274640;
  --paper:#f6f4ea;
  --paper-green:#edf4ed;
  --mist:#687c75;
  --mint:#7bbca5;
  --sun:#d2a64c;
  --line:#17302c29;
  --deep-line:#daeee42e;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  margin:0;
  font-family:Helvetica Neue,Segoe UI,Arial,sans-serif;
}
a {
  color:inherit;
  text-decoration:none;
}
.creation-sparks {
  z-index:40;
  pointer-events:none;
  contain:strict;
  position:fixed;
  inset:0;
  overflow:hidden;
}
.creation-spark {
  width:var(--spark-size);
  height:var(--spark-size);
  opacity:.88;
  transform:translate3d(var(--spark-x), var(--spark-y), 0) scale(.9) rotate(0deg);
  animation:creation-spark-flight var(--spark-duration) cubic-bezier(.18, .72, .28, 1) forwards;
  will-change:transform, opacity;
  background:radial-gradient(circle,#fff 0 13%,#fff5bd 22%,#ffd65f 46%,#d88918 73%,#0000 78%);
  border-radius:38% 62% 48% 52%;
  position:absolute;
  top:0;
  left:0;
  box-shadow:0 0 10px #fff6ca,0 0 24px #f1ba36,0 0 48px #c66f0db8;
}
.creation-spark:before,.creation-spark:after {
  content:"";
  background:linear-gradient(#0000,#fff4c1e6,#0000);
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.creation-spark:before {
  width:2px;
  height:500%;
}
.creation-spark:after {
  width:500%;
  height:2px;
  transform:translate(-50%,-50%)rotate(90deg);
}
.creation-spark--burst {
  opacity:.98;
  box-shadow:0 0 10px #fff8d6,0 0 28px #f0be46,0 0 52px #c36c0cad;
}
.creation-spark--intro {
  background:radial-gradient(circle,#fff 0 12%,#fff8d7 24%,#ffd873 50%,#bd7417 80%,#0000 82%);
}
.creation-halo {
  width:var(--halo-size);
  height:var(--halo-size);
  opacity:0;
  transform:translate3d(var(--halo-x), var(--halo-y), 0) scale(.58);
  background:radial-gradient(circle,#fff3b726,#0000 58%);
  border:2px solid #ebb841ad;
  border-radius:50%;
  animation:5.2s cubic-bezier(.16,.76,.22,1) forwards creation-halo-awaken;
  position:absolute;
  top:0;
  left:0;
  box-shadow:inset 0 0 38px #ffe79933,0 0 28px #e1a5306b,0 0 72px #be6f0e2e;
}
.creation-halo:before,.creation-halo:after {
  content:"";
  border:1px solid #ffde808c;
  border-radius:50%;
  position:absolute;
}
.creation-halo:before {
  inset:7%;
}
.creation-halo:after {
  border-style:dashed;
  inset:17%;
}
.creation-halo--tree {
  animation-duration:5.8s;
}
@keyframes creation-halo-awaken {
  0% {
    opacity:0;
    transform:translate3d(var(--halo-x), var(--halo-y), 0) scale(.58) rotate(-12deg);
  }
  18% {
    opacity:.9;
  }
  58% {
    opacity:.58;
  }
  to {
    opacity:0;
    transform:translate3d(var(--halo-x), var(--halo-y), 0) scale(1.14) rotate(18deg);
  }
}
@keyframes creation-spark-flight {
  0% {
    transform:translate3d(var(--spark-x), var(--spark-y), 0) scale(.9) rotate(0deg);
  }
  8% {
    transform:translate3d(var(--spark-x), var(--spark-y), 0) scale(1.15) rotate(12deg);
  }
  to {
    transform:translate3d(calc(var(--spark-x) + var(--spark-dx)), calc(var(--spark-y) + var(--spark-dy)), 0) scale(.3) rotate(130deg);
  }
}
.hero-emblem.is-awakened {
  animation:4.7s cubic-bezier(.18,.78,.22,1) both emblem-awakening;
}
#tree-of-creation.is-awakened img {
  animation:6.8s ease-in-out infinite tree-awakening;
}
@keyframes emblem-awakening {
  0% {
    filter:drop-shadow(0 28px 45px #00483d1f);
    transform:scale(1);
  }
  28% {
    filter:drop-shadow(0 0 18px #ffe282f0)drop-shadow(0 30px 52px #00483d2e);
    transform:scale(1.035);
  }
  62% {
    filter:drop-shadow(0 0 34px #d7a12f9e)drop-shadow(0 30px 52px #00483d26);
    transform:scale(1.012);
  }
  to {
    filter:drop-shadow(0 28px 45px #00483d1f);
    transform:scale(1);
  }
}
@keyframes tree-awakening {
  0% {
    filter:saturate()brightness();
  }
  34% {
    filter:saturate(1.2)brightness(1.12)drop-shadow(0 0 24px #f0bc3ee6);
  }
  68% {
    filter:saturate(1.1)brightness(1.06)drop-shadow(0 0 14px #f0bc3ea3);
  }
  to {
    filter:saturate()brightness();
  }
}
.site-header {
  z-index:20;
  border-bottom:1px solid var(--line);
  width:100%;
  color:var(--ink);
  justify-content:space-between;
  align-items:center;
  padding:28px clamp(24px,5vw,80px);
  display:flex;
  position:absolute;
  top:0;
  left:0;
}
.brand {
  align-items:center;
  gap:14px;
  display:inline-flex;
}
.brand-name {
  letter-spacing:.22em;
  font-size:14px;
  font-weight:700;
}
.brand-logo {
  object-fit:contain;
  width:46px;
  height:46px;
  display:block;
}
.brand-logo-full {
  filter:drop-shadow(0 7px 14px #00483d1f);
  width:58px;
  height:58px;
}
.nav {
  color:#5b6f68;
  align-items:center;
  gap:clamp(18px,3vw,42px);
  font-size:13px;
  display:flex;
}
.nav a {
  transition:color .2s;
}
.nav a:hover,.nav a:focus-visible {
  color:#0c5a49;
}
.nav-accent {
  color:#176b57!important;
}
.hero {
  background:radial-gradient(circle at 79% 44%,#7bbca557,#0000 28%),linear-gradient(135deg,#faf8ef 20%,#f0f5ed 64%,#dcebe3 100%);
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  align-items:center;
  column-gap:clamp(30px,4vw,72px);
  height:100svh;
  min-height:920px;
  max-height:1080px;
  padding:128px clamp(24px,8vw,132px) 96px;
  display:grid;
  position:relative;
  overflow:hidden;
}
.hero:after {
  content:"";
  pointer-events:none;
  opacity:.38;
  background-image:linear-gradient(#17302c09 1px,#0000 1px),linear-gradient(90deg,#17302c09 1px,#0000 1px);
  background-size:54px 54px;
  position:absolute;
  inset:0;
  -webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);
  mask-image:linear-gradient(90deg,#000,#0000 78%);
}
.hero-copy {
  z-index:3;
  grid-area:1/1;
  max-width:720px;
  position:relative;
}
.eyebrow {
  color:#397767;
  letter-spacing:.16em;
  text-transform:uppercase;
  align-items:center;
  gap:12px;
  margin:0 0 28px;
  font-size:12px;
  font-weight:700;
  display:flex;
}
.eyebrow span {
  background:#397767;
  width:28px;
  height:1px;
}
h1 {
  letter-spacing:-.06em;
  max-width:720px;
  margin:0;
  font-size:clamp(60px,7vw,116px);
  font-weight:520;
  line-height:.88;
}
h1 em {
  color:var(--sun);
  letter-spacing:-.045em;
  font-size:.74em;
  font-style:normal;
  font-weight:310;
}
.hero-lead {
  color:#4b625b;
  max-width:650px;
  margin:38px 0 0;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.62;
}
.hero-actions {
  flex-wrap:wrap;
  gap:12px;
  margin-top:40px;
  display:flex;
}
.button {
  border-radius:999px;
  justify-content:center;
  align-items:center;
  gap:18px;
  min-height:50px;
  padding:0 22px;
  font-size:13px;
  font-weight:700;
  transition:transform .2s,background .2s;
  display:inline-flex;
}
.button:hover {
  transform:translateY(-2px);
}
.button:focus-visible,.nav a:focus-visible,.brand:focus-visible {
  outline:2px solid var(--sun);
  outline-offset:4px;
}
.button-primary {
  color:#fffdf6;
  background:#236f5c;
}
.button-primary:hover {
  background:#155a49;
}
.button-secondary {
  color:var(--ink);
  border:1px solid #17302c47;
}
.button-secondary:hover {
  background:#17302c0e;
}
.hero-note {
  z-index:4;
  border:1px solid var(--line);
  -webkit-backdrop-filter:blur(15px);
  backdrop-filter:blur(15px);
  background:#fffdf6ad;
  gap:14px;
  width:min(330px,100% - 48px);
  padding:17px 20px;
  display:flex;
  position:absolute;
  bottom:52px;
  right:clamp(24px,5vw,80px);
}
.hero-note strong {
  letter-spacing:.14em;
  color:#2a705d;
  font-size:11px;
}
.hero-note p {
  color:#526860;
  margin:5px 0 0;
  font-size:13px;
  line-height:1.5;
}
.pulse {
  background:#52a68b;
  border-radius:50%;
  flex:none;
  width:8px;
  height:8px;
  margin-top:4px;
  box-shadow:0 0 0 6px #52a68b1f;
}
.hero-sun {
  z-index:1;
  border:1px solid #3977672e;
  border-radius:50%;
  width:min(58vw,760px);
  height:min(58vw,760px);
  position:absolute;
  top:9%;
  right:-120px;
  box-shadow:0 0 0 92px #39776709,0 0 0 188px #39776706;
}
.hero-emblem {
  z-index:2;
  object-fit:contain;
  filter:drop-shadow(0 28px 45px #00483d1f);
  grid-area:1/2;
  justify-self:end;
  width:min(100%,620px);
  height:auto;
  position:relative;
  top:auto;
  right:auto;
}
@media (width<=1080px) and (width>=761px) {
  .hero {
    grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
    padding-left:64px;
    padding-right:52px;
  }
  h1 {
    font-size:clamp(60px,7.6vw,82px);
  }
  h1 em {
    font-size:.68em;
  }
  .hero-lead {
    max-width:560px;
  }
}
.mission-band {
  color:var(--ink);
  background:#fffdf7;
  grid-template-columns:minmax(180px,.34fr) 1.66fr;
  gap:48px;
  padding:105px clamp(24px,8vw,132px) 118px;
  display:grid;
}
.section-index {
  color:#4d6b64;
  letter-spacing:.14em;
  margin:9px 0 0;
  font-size:11px;
  font-weight:700;
}
.mission-content,.mission-statement {
  max-width:1050px;
}
.mission-statement p {
  letter-spacing:-.045em;
  margin:0;
  font-size:clamp(34px,4.7vw,70px);
  font-weight:300;
  line-height:1.08;
}
.mission-statement strong {
  color:#136151;
  font-weight:550;
}
.mission-details {
  border-top:1px solid var(--line);
  grid-template-columns:1fr 1fr;
  gap:45px;
  margin-top:60px;
  padding-top:35px;
  display:grid;
}
.mission-details p {
  color:#536a62;
  margin:0;
  font-size:16px;
  line-height:1.75;
}
.truth-strip {
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#deebe4;
  grid-template-columns:1fr 1fr;
  display:grid;
}
.truth-strip>div {
  flex-direction:column;
  gap:9px;
  padding:34px clamp(24px,5vw,80px);
  display:flex;
}
.truth-strip>div+div {
  border-left:1px solid var(--line);
}
.truth-strip span {
  color:#8b672a;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:700;
}
.truth-strip strong {
  color:#315049;
  font-size:14px;
  font-weight:500;
  line-height:1.5;
}
.vision-section {
  background:#eaf2e9;
  padding:120px clamp(24px,8vw,132px) 130px;
}
.vision-intro {
  grid-template-columns:.62fr 1.38fr;
  align-items:start;
  column-gap:8vw;
  display:grid;
}
.vision-intro .section-index {
  grid-row:1/span 2;
}
.vision-intro h2 {
  letter-spacing:-.06em;
  margin:0;
  font-size:clamp(48px,6.3vw,88px);
  font-weight:420;
  line-height:.98;
}
.vision-intro>p:not(.section-index) {
  color:#526960;
  grid-column:2;
  max-width:700px;
  margin:34px 0 0;
  font-size:18px;
  line-height:1.72;
}
.evolution-list {
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  grid-template-columns:repeat(3,1fr);
  margin-top:92px;
  display:grid;
}
.evolution-list article {
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  min-height:245px;
  padding:30px 34px;
}
.evolution-list span {
  color:#9a7330;
  letter-spacing:.15em;
  font-size:10px;
}
.evolution-list h3 {
  letter-spacing:-.02em;
  margin:48px 0 13px;
  font-size:24px;
  font-weight:540;
}
.evolution-list p {
  color:#5a6e67;
  margin:0;
  font-size:14px;
  line-height:1.68;
}
.vision-note {
  border-left:2px solid var(--sun);
  color:#3f5d54;
  max-width:760px;
  margin:40px 0 0 auto;
  padding-left:30px;
  font-size:16px;
  line-height:1.72;
}
.path-section {
  color:var(--ink);
  background:#f8f5ea;
  padding:120px clamp(24px,8vw,132px) 130px;
}
.section-heading {
  max-width:970px;
}
.section-index.light {
  color:var(--mint);
}
.section-heading h2,.principles-intro h2,.media-copy h2 {
  letter-spacing:-.055em;
  margin:24px 0 0;
  font-size:clamp(46px,6vw,84px);
  font-weight:420;
  line-height:1;
}
.section-heading>p:not(.section-index) {
  color:#5a6e67;
  max-width:650px;
  margin:30px 0 0;
  font-size:18px;
  line-height:1.7;
}
.path-section .section-index.light {
  color:#397767;
}
.path-grid {
  border-top:1px solid var(--line);
  grid-template-columns:repeat(4,1fr);
  margin-top:88px;
  display:grid;
}
.path-grid article {
  border-right:1px solid var(--line);
  min-height:230px;
  padding:25px 28px 10px 0;
}
.path-grid article+article {
  padding-left:28px;
}
.path-grid article:last-child {
  border-right:0;
}
.path-grid span {
  color:var(--sun);
  letter-spacing:.14em;
  font-size:11px;
}
.path-grid h3 {
  margin:50px 0 14px;
  font-size:22px;
  font-weight:520;
}
.path-grid p {
  color:#5a6e67;
  margin:0;
  font-size:14px;
  line-height:1.65;
}
.settlement-section {
  color:var(--ink);
  background:#fffdf7;
  padding:125px clamp(24px,6.2vw,105px) 140px;
}
.settlement-heading {
  grid-template-columns:.45fr 1.15fr .78fr;
  align-items:start;
  column-gap:4vw;
  display:grid;
}
.settlement-heading h2 {
  letter-spacing:-.055em;
  margin:0;
  font-size:clamp(48px,5.8vw,82px);
  font-weight:420;
  line-height:1;
}
.settlement-heading h2 em {
  color:#397767;
  font-style:normal;
  font-weight:360;
}
.settlement-heading>p:not(.section-index) {
  color:#586e66;
  margin:8px 0 0;
  font-size:16px;
  line-height:1.75;
}
.settlement-hero {
  margin:85px 0 0;
}
.settlement-section figure {
  padding:0;
}
.settlement-section img {
  border-radius:2px;
  width:100%;
  height:auto;
  display:block;
}
.settlement-section figcaption {
  color:#687a74;
  gap:22px;
  margin-top:14px;
  font-size:11px;
  line-height:1.55;
  display:flex;
}
.settlement-section figcaption span {
  color:#8d692b;
  letter-spacing:.14em;
  flex:none;
  font-size:9px;
  font-weight:800;
}
.settlement-detail {
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:6vw;
  margin-top:78px;
  display:grid;
}
.tree-visual {
  isolation:isolate;
  border-radius:2px;
  position:relative;
  overflow:hidden;
}
.tree-visual img {
  border-radius:0;
  transition:filter .35s;
}
.tree-energy {
  z-index:2;
  pointer-events:none;
  opacity:0;
  mix-blend-mode:screen;
  position:absolute;
  inset:0;
  overflow:hidden;
}
#tree-of-creation.is-awakened .tree-energy {
  opacity:1;
}
.tree-energy-ring {
  aspect-ratio:1;
  opacity:0;
  border:2px solid #ffdd79f0;
  border-radius:50%;
  width:clamp(110px,25%,260px);
  position:absolute;
  top:30%;
  left:50%;
  transform:translate(-50%,-50%)scale(.36);
  box-shadow:inset 0 0 26px #ffeeb159,0 0 28px #ffc134b8;
}
.tree-energy-ring--inner {
  border-style:dashed;
  width:clamp(70px,15%,160px);
  animation-delay:.28s!important;
}
#tree-of-creation.is-awakened .tree-energy-ring {
  opacity:.76;
  animation:4.6s cubic-bezier(.16,.78,.2,1) infinite tree-energy-ring;
}
#tree-of-creation.is-awakened .tree-energy-ring--inner {
  opacity:.54;
}
.tree-energy-core {
  aspect-ratio:1;
  opacity:0;
  background:radial-gradient(circle,#fff 0 15%,#fff5bf 28%,#ffd55f 48%,#d88714c7 67%,#0000 72%);
  border-radius:48% 52% 50% 50%;
  width:clamp(20px,3.2vw,48px);
  position:absolute;
  top:29%;
  left:50%;
  transform:translate(-50%,-50%)scale(.35);
  box-shadow:0 0 18px #fff6cd,0 0 46px #ffc33a,0 0 90px #d88210d1;
}
#tree-of-creation.is-awakened .tree-energy-core {
  opacity:.96;
  animation:1.35s ease-in-out .12s infinite tree-energy-core;
}
.tree-energy-spark {
  left:var(--tree-x);
  top:var(--tree-y);
  aspect-ratio:1;
  opacity:0;
  background:radial-gradient(circle,#fff 0 14%,#fff5c7 25%,#ffd55d 50%,#cd760cd9 74%,#0000 78%);
  border-radius:40% 60% 46% 54%;
  width:clamp(9px,1.3vw,16px);
  position:absolute;
  transform:translate(-50%,-50%)scale(.2)rotate(45deg);
  box-shadow:0 0 10px #fff6cb,0 0 25px #ffc231,0 0 48px #d0780cc2;
}
.tree-energy-spark:before,.tree-energy-spark:after {
  content:"";
  background:linear-gradient(#0000,#fff8d3fa,#0000);
  width:2px;
  height:430%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.tree-energy-spark:after {
  transform:translate(-50%,-50%)rotate(90deg);
}
#tree-of-creation.is-awakened .tree-energy-spark {
  opacity:.9;
  animation:tree-branch-spark 1.65s ease-in-out var(--tree-delay) infinite;
}
@keyframes tree-energy-ring {
  0% {
    transform:translate(-50%,-50%)scale(.35)rotate(-10deg);
  }
  to {
    transform:translate(-50%,-50%)scale(1.62)rotate(22deg);
  }
}
@keyframes tree-energy-core {
  0%,to {
    transform:translate(-50%,-50%)scale(.7)rotate(0);
  }
  45% {
    transform:translate(-50%,-50%)scale(1.32)rotate(18deg);
  }
}
@keyframes tree-branch-spark {
  0%,to {
    transform:translate(-50%,-50%)scale(.65)rotate(20deg);
  }
  28% {
    transform:translate(-50%, -50%) scale(var(--tree-scale)) rotate(45deg);
  }
  52% {
    transform:translate(-50%,-50%)scale(.65)rotate(72deg);
  }
}
.settlement-principles h3 {
  letter-spacing:-.04em;
  margin:0 0 30px;
  font-size:clamp(30px,3vw,45px);
  font-weight:470;
  line-height:1.12;
}
.settlement-principles ul {
  border-top:1px solid var(--line);
  margin:0;
  padding:0;
  list-style:none;
}
.settlement-principles li {
  border-bottom:1px solid var(--line);
  color:#566b64;
  padding:16px 0;
  font-size:14px;
  line-height:1.6;
}
.settlement-principles strong {
  color:#25574a;
}
.directions-section {
  color:var(--ink);
  background:#e7efe8;
  padding:120px clamp(24px,8vw,132px) 140px;
}
.directions-grid {
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  grid-template-columns:repeat(4,1fr);
  margin-top:85px;
  display:grid;
}
.directions-grid article {
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  min-height:245px;
  padding:28px 28px 32px;
}
.directions-grid span {
  color:#9a7330;
  letter-spacing:.14em;
  font-size:10px;
}
.directions-grid h3 {
  margin:45px 0 14px;
  font-size:22px;
  font-weight:550;
  line-height:1.2;
}
.directions-grid p {
  color:#5a6e67;
  margin:0;
  font-size:14px;
  line-height:1.68;
}
.impact-section {
  color:#f5f4e9;
  background:#28584d;
  grid-template-columns:.65fr 1.35fr;
  gap:7vw;
  padding:120px clamp(24px,8vw,132px) 135px;
  display:grid;
}
.impact-heading .section-index.light {
  color:#b7e2d1;
}
.impact-heading h2 {
  letter-spacing:-.055em;
  margin:25px 0 0;
  font-size:clamp(50px,6.2vw,86px);
  font-weight:410;
  line-height:1;
}
.impact-heading>p:not(.section-index) {
  color:#c5d8d0;
  max-width:450px;
  margin:30px 0 0;
  line-height:1.65;
}
.impact-columns {
  border-left:1px solid var(--deep-line);
  grid-template-columns:1fr 1fr;
  display:grid;
}
.impact-columns article {
  border-right:1px solid var(--deep-line);
  padding:18px 36px 10px;
}
.impact-label {
  color:#f1ce82;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:800;
}
.impact-columns ul {
  margin:48px 0 0;
  padding:0;
  list-style:none;
}
.impact-columns li {
  border-bottom:1px solid var(--deep-line);
  color:#e3ece7;
  padding:17px 0;
  font-size:15px;
  line-height:1.55;
}
.streams-section {
  background:var(--paper);
  color:var(--ink);
  padding:120px clamp(24px,8vw,132px) 140px;
}
.split-heading {
  grid-template-columns:1.2fr .8fr;
  align-items:end;
  gap:8vw;
  max-width:none;
  display:grid;
}
.split-heading>p:not(.section-index) {
  color:#536963;
  margin:0 0 8px;
}
.stream-list {
  border-top:1px solid #afc4bc;
  margin-top:90px;
}
.stream-card {
  border-bottom:1px solid #afc4bc;
  grid-template-columns:100px 1fr 42px;
  align-items:start;
  gap:28px;
  min-height:190px;
  padding:32px 0;
  display:grid;
}
.stream-number {
  color:#59736b;
  letter-spacing:.13em;
  padding-top:7px;
  font-size:12px;
}
.status-chip {
  color:#176253;
  letter-spacing:.14em;
  background:#d2e9df;
  padding:6px 9px;
  font-size:9px;
  font-weight:800;
}
.stream-card h3 {
  letter-spacing:-.035em;
  margin:18px 0 10px;
  font-size:clamp(28px,3vw,43px);
  font-weight:520;
}
.stream-card p {
  color:#536963;
  max-width:740px;
  margin:0;
  font-size:15px;
  line-height:1.65;
}
.stream-arrow {
  color:#1f6859;
  font-size:28px;
}
.principles-section {
  color:var(--ink);
  background:#f0e8d5;
  padding:120px clamp(24px,8vw,132px) 130px;
}
.principles-intro {
  max-width:1050px;
}
.principles-section .section-index.light {
  color:#8d692b;
}
.principles-grid {
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  grid-template-columns:repeat(2,1fr);
  margin-top:90px;
  display:grid;
}
.principles-grid article {
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  min-height:260px;
  padding:36px 42px;
}
.principles-grid span {
  color:var(--sun);
  font-family:Georgia,serif;
  font-size:18px;
}
.principles-grid h3 {
  margin:55px 0 14px;
  font-size:25px;
  font-weight:520;
}
.principles-grid p {
  color:#5a6e67;
  max-width:480px;
  margin:0;
  line-height:1.7;
}
.media-section {
  min-height:720px;
  color:var(--ink);
  background:#dfeae5;
  grid-template-columns:1.05fr .95fr;
  display:grid;
}
.video-frame {
  background:radial-gradient(circle at 50% 48%,#e9c78159,#0000 6%),repeating-radial-gradient(circle at 50% 48%,#0000 0 69px,#7aa69738 70px 71px),linear-gradient(145deg,#14383a,#092126);
  justify-content:center;
  align-items:center;
  min-height:620px;
  display:flex;
  position:relative;
  overflow:hidden;
}
.video-frame:before,.video-frame:after {
  content:"";
  background:#9be3c866;
  position:absolute;
}
.video-frame:before {
  width:1px;
  height:100%;
  left:50%;
}
.video-frame:after {
  width:100%;
  height:1px;
  top:48%;
}
.video-symbol {
  z-index:2;
  width:86px;
  height:86px;
  color:var(--sun);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  background:#07131775;
  border:1px solid #ecf4f08c;
  border-radius:50%;
  place-items:center;
  display:grid;
}
.video-symbol span {
  margin-left:5px;
}
.video-meta {
  color:#d2e2dc;
  letter-spacing:.15em;
  justify-content:space-between;
  font-size:9px;
  font-weight:700;
  display:flex;
  position:absolute;
  bottom:30px;
  left:32px;
  right:32px;
}
.video-meta strong {
  color:var(--mint);
}
.media-copy {
  align-self:center;
  padding:100px clamp(36px,7vw,110px);
}
.media-copy h2 {
  font-size:clamp(40px,4.4vw,66px);
}
.media-copy>p:not(.section-index) {
  color:#50665f;
  margin:30px 0 0;
  font-size:17px;
  line-height:1.72;
}
.pending-link {
  color:#176253;
  border-bottom:1px solid #83a69b;
  gap:24px;
  margin-top:35px;
  padding-bottom:8px;
  font-size:13px;
  font-weight:750;
  display:inline-flex;
}
.invitation-section {
  color:var(--ink);
  background:linear-gradient(135deg,#e2eee6,#faf6e9 78%);
  padding:130px clamp(24px,8vw,132px) 150px;
  position:relative;
  overflow:hidden;
}
.invitation-section .section-index.light {
  color:#397767;
}
.invitation-section h2 {
  z-index:2;
  letter-spacing:-.06em;
  max-width:1100px;
  margin:30px 0 0;
  font-size:clamp(52px,7.2vw,105px);
  font-weight:390;
  line-height:.97;
  position:relative;
}
.invitation-section h2 em {
  color:var(--sun);
  font-style:normal;
  font-weight:300;
}
.invitation-copy {
  z-index:2;
  color:#566b64;
  max-width:620px;
  margin:38px 0 0;
  font-size:17px;
  line-height:1.72;
  position:relative;
}
.button-disabled {
  z-index:2;
  color:#60756e;
  cursor:default;
  border:1px solid #17302c3d;
  margin-top:38px;
  position:relative;
}
.button-disabled:hover {
  transform:none;
}
.invitation-orbit {
  border:1px solid #39776729;
  border-radius:50%;
  width:760px;
  height:760px;
  position:absolute;
  top:-180px;
  right:-270px;
  box-shadow:0 0 0 120px #39776709,0 0 0 260px #39776705;
}
footer {
  border-top:1px solid var(--line);
  color:#8fa39c;
  background:#050f12;
  grid-template-columns:1fr 1fr 1fr;
  align-items:center;
  gap:30px;
  min-height:150px;
  padding:42px clamp(24px,5vw,80px);
  font-size:11px;
  display:grid;
}
.footer-brand {
  color:var(--paper);
}
footer p {
  text-align:center;
}
footer>span {
  text-align:right;
}
@media (width<=760px) {
  .site-header {
    padding:20px;
  }
  .nav a:not(.nav-accent) {
    display:none;
  }
  .brand-name {
    letter-spacing:.16em;
    font-size:12px;
  }
  .brand-logo-full {
    width:50px;
    height:50px;
  }
  .hero {
    height:auto;
    min-height:790px;
    padding:126px 20px 130px;
    display:block;
  }
  .hero-copy {
    margin-top:36px;
  }
  .eyebrow {
    margin-bottom:26px;
    font-size:10px;
  }
  h1 {
    font-size:clamp(54px,17vw,82px);
    line-height:.9;
  }
  h1 em {
    letter-spacing:-.04em;
    font-size:.52em;
    display:block;
  }
  .hero-lead {
    margin-top:30px;
    font-size:16px;
  }
  .hero-actions {
    margin-top:32px;
  }
  .button {
    width:100%;
  }
  .hero-note {
    width:auto;
    bottom:24px;
    left:20px;
    right:20px;
  }
  .hero-sun {
    width:520px;
    height:520px;
    top:18%;
    right:-390px;
  }
  .hero-emblem {
    opacity:.18;
    filter:none;
    width:280px;
    height:280px;
    position:absolute;
    top:23%;
    right:-105px;
  }
  .mission-band {
    grid-template-columns:1fr;
    gap:30px;
    padding:64px 20px 72px;
  }
  .mission-details {
    grid-template-columns:1fr;
    gap:24px;
    margin-top:42px;
  }
  .truth-strip {
    grid-template-columns:1fr;
  }
  .truth-strip>div {
    padding:28px 20px;
  }
  .truth-strip>div+div {
    border-left:0;
    border-top:1px solid var(--line);
  }
  .path-section,.streams-section,.principles-section,.vision-section,.settlement-section,.directions-section,.impact-section {
    padding:72px 20px 80px;
  }
  .vision-intro {
    grid-template-columns:1fr;
  }
  .vision-intro .section-index {
    grid-row:auto;
  }
  .vision-intro h2 {
    margin-top:24px;
    font-size:46px;
  }
  .vision-intro>p:not(.section-index) {
    grid-column:1;
  }
  .evolution-list {
    grid-template-columns:1fr;
    margin-top:56px;
  }
  .evolution-list article {
    min-height:205px;
  }
  .settlement-heading {
    grid-template-columns:1fr;
    gap:24px;
  }
  .settlement-heading h2 {
    font-size:46px;
  }
  .settlement-hero {
    margin-top:55px;
  }
  .settlement-section figcaption {
    flex-direction:column;
    gap:5px;
  }
  .settlement-detail {
    grid-template-columns:1fr;
    gap:50px;
    margin-top:55px;
  }
  .tree-energy-ring {
    width:28%;
  }
  .tree-energy-spark {
    width:10px;
  }
  .directions-grid {
    grid-template-columns:1fr 1fr;
    margin-top:55px;
  }
  .directions-grid article {
    min-height:220px;
    padding:25px 20px;
  }
  .impact-section {
    grid-template-columns:1fr;
    gap:55px;
  }
  .impact-columns {
    grid-template-columns:1fr;
  }
  .impact-columns article {
    border-bottom:1px solid var(--deep-line);
    padding:20px 24px 35px;
  }
  .section-heading h2,.principles-intro h2,.media-copy h2 {
    font-size:44px;
  }
  .path-grid {
    grid-template-columns:1fr 1fr;
    margin-top:56px;
  }
  .path-grid article {
    border-bottom:1px solid var(--line);
    min-height:210px;
  }
  .path-grid article:nth-child(2) {
    border-right:0;
  }
  .path-grid article:nth-child(3),.path-grid article:nth-child(4) {
    padding-top:28px;
  }
  .path-grid article+article {
    padding-left:20px;
  }
  .path-grid article:nth-child(3) {
    padding-left:0;
  }
  .path-grid h3 {
    margin-top:36px;
  }
  .split-heading {
    grid-template-columns:1fr;
    gap:24px;
  }
  .stream-list {
    margin-top:55px;
  }
  .stream-card {
    grid-template-columns:44px 1fr 24px;
    gap:10px;
    padding:28px 0;
  }
  .stream-card p {
    font-size:14px;
  }
  .principles-grid {
    grid-template-columns:1fr;
    margin-top:55px;
  }
  .principles-grid article {
    min-height:220px;
    padding:30px 28px;
  }
  .principles-grid h3 {
    margin-top:40px;
  }
  .media-section {
    grid-template-columns:1fr;
  }
  .video-frame {
    min-height:430px;
  }
  .media-copy {
    padding:70px 20px 80px;
  }
  .invitation-section {
    padding:80px 20px 90px;
  }
  .invitation-section h2 {
    font-size:clamp(48px,14vw,70px);
  }
  footer {
    grid-template-columns:1fr;
    padding:42px 20px;
  }
  footer p,footer>span {
    text-align:left;
  }
}
@media (width<=480px) {
  .directions-grid {
    grid-template-columns:1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  * {
    transition:none!important;
  }
  .creation-sparks,.tree-energy {
    display:none;
  }
  .hero-emblem.is-awakened,#tree-of-creation.is-awakened img {
    animation:none!important;
  }
}
@property --tw-rotate-x {
  syntax:"*";
  inherits:false;
}
@property --tw-rotate-y {
  syntax:"*";
  inherits:false;
}
@property --tw-rotate-z {
  syntax:"*";
  inherits:false;
}
@property --tw-skew-x {
  syntax:"*";
  inherits:false;
}
@property --tw-skew-y {
  syntax:"*";
  inherits:false;
}
/* DARZAREON — mobile refinement 2026-08-24
   Desktop design is intentionally preserved. */
html,body{max-width:100%;overflow-x:hidden}
footer .footer-brand-logo{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 7px 14px #0006)}

@media (width<=760px){
  .site-header{padding:16px 18px;gap:12px;align-items:center}
  .brand{gap:10px;min-width:0}
  .brand-name{font-size:11px;letter-spacing:.13em;white-space:nowrap}
  .brand-logo-full{width:44px;height:44px;flex:0 0 auto}
  .nav{margin-left:auto;gap:0;flex:0 0 auto}
  .nav-accent{font-size:11px;white-space:nowrap}

  .hero{min-height:760px;padding:112px 18px 126px}
  .hero-copy{margin-top:28px;position:relative;z-index:3}
  .eyebrow{font-size:9px;line-height:1.45;letter-spacing:.12em;max-width:260px}
  h1{font-size:clamp(50px,15.2vw,72px);line-height:.92;letter-spacing:-.06em}
  h1 em{font-size:.5em;line-height:1.08;margin:.18em 0}
  .hero-lead{max-width:520px;font-size:15px;line-height:1.62;margin-top:26px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
  .button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}
  .hero-note{left:18px;right:18px;bottom:18px;padding:15px 16px}
  .hero-note p{font-size:12px;line-height:1.45}
  .hero-sun{width:460px;height:460px;top:17%;right:-350px}
  .hero-emblem{width:245px;height:245px;top:22%;right:-92px;opacity:.16}

  .mission-band{padding:60px 18px 68px;gap:24px}
  .mission-statement p{font-size:clamp(34px,10.2vw,48px);line-height:1.08;overflow-wrap:anywhere}
  .mission-details{margin-top:34px;padding-top:28px;gap:20px}
  .mission-details p{font-size:15px;line-height:1.68}
  .truth-strip>div{padding:25px 18px}

  .path-section,.streams-section,.principles-section,.vision-section,.settlement-section,.directions-section,.impact-section{padding:66px 18px 72px}
  .vision-intro h2,.settlement-heading h2,.section-heading h2,.principles-intro h2,.media-copy h2{font-size:clamp(39px,11.5vw,50px);line-height:1.02;overflow-wrap:anywhere}
  .vision-intro>p:not(.section-index),.settlement-heading>p,.section-heading>p{font-size:15px;line-height:1.68}
  .evolution-list{margin-top:44px}
  .evolution-list article{min-height:0;padding:26px 22px}
  .evolution-list h3{margin-top:30px;font-size:25px}
  .evolution-list p{font-size:14px;line-height:1.6}

  .path-grid{grid-template-columns:1fr 1fr;margin-top:46px}
  .path-grid article{min-height:190px;padding:24px 16px}
  .path-grid article+article{padding-left:16px}
  .path-grid article:nth-child(3){padding-left:16px}
  .path-grid h3{margin-top:26px;font-size:22px}
  .path-grid p{font-size:13px;line-height:1.55}

  .settlement-hero{margin-top:42px}
  .settlement-hero img,.tree-visual img{width:100%;height:auto;object-fit:cover}
  .settlement-detail{gap:38px;margin-top:44px}
  .settlement-principles h3{font-size:30px;line-height:1.06}
  .settlement-principles li{font-size:14px;line-height:1.6;padding:13px 0}
  .settlement-section figcaption{font-size:11px;line-height:1.45}
  .tree-energy-ring{width:32%}
  .tree-energy-spark{width:8px}

  .directions-grid{grid-template-columns:1fr 1fr;margin-top:44px}
  .directions-grid article{min-height:190px;padding:22px 16px}
  .directions-grid h3{font-size:21px;line-height:1.12;overflow-wrap:anywhere}
  .directions-grid p{font-size:13px;line-height:1.52}

  .impact-section{gap:42px}
  .impact-heading h2{font-size:clamp(42px,12vw,54px)}
  .impact-columns article{padding:20px 18px 30px}
  .impact-columns li{font-size:14px;line-height:1.55}

  .stream-list{margin-top:44px}
  .stream-card{grid-template-columns:38px minmax(0,1fr) 20px;gap:8px;padding:24px 0}
  .stream-card h3{font-size:27px;line-height:1.08;overflow-wrap:anywhere}
  .stream-card p{font-size:13px;line-height:1.55}
  .status-chip{font-size:9px;letter-spacing:.08em;white-space:normal}
  .stream-arrow{font-size:22px}

  .principles-grid{margin-top:44px}
  .principles-grid article{min-height:0;padding:26px 22px}
  .principles-grid h3{margin-top:30px;font-size:24px}
  .principles-grid p{font-size:14px;line-height:1.55}

  .media-section{grid-template-columns:1fr}
  .video-frame{min-height:330px}
  .media-copy{padding:62px 18px 70px}
  .media-copy p{font-size:15px;line-height:1.65}

  .invitation-section{padding:72px 18px 80px}
  .invitation-section h2{font-size:clamp(44px,12.5vw,62px);line-height:1.04;overflow-wrap:anywhere}
  .invitation-copy{font-size:15px;line-height:1.65}

  footer{padding:34px 18px;gap:18px}
  footer .footer-brand{gap:11px}
  footer .footer-brand-logo{width:48px;height:48px}
  footer .brand-name{font-size:12px;letter-spacing:.14em}
  footer p,footer>span{font-size:12px;line-height:1.5}
}

@media (width<=560px){
  .nav-accent{display:none}
  .path-grid,.directions-grid{grid-template-columns:1fr}
  .path-grid article,.path-grid article+article,.path-grid article:nth-child(3),.path-grid article:nth-child(4){padding:24px 0;border-right:0}
  .path-grid article+article{border-top:1px solid var(--line)}
  .directions-grid article{min-height:0;padding:25px 20px}
  .directions-grid article+article{border-top:0}
}

@media (width<=390px){
  .hero{padding-left:16px;padding-right:16px}
  h1{font-size:clamp(46px,14.7vw,58px)}
  .mission-band,.path-section,.streams-section,.principles-section,.vision-section,.settlement-section,.directions-section,.impact-section,.media-copy,.invitation-section{padding-left:16px;padding-right:16px}
  .stream-card{grid-template-columns:32px minmax(0,1fr) 18px}
}

/* Mobile V2 — tuned from real iPhone/Telegram screenshot, desktop untouched */
@media (width<=760px){
  .site-header{
    padding:16px 20px;
    min-height:82px;
  }
  .brand-logo-full{width:48px;height:48px}
  .brand-name{font-size:12px;letter-spacing:.17em}
  .nav a:not(.nav-accent){display:none}
  .nav-accent{font-size:11px}

  .hero{
    height:auto;
    min-height:0;
    max-height:none;
    padding:132px 20px 52px;
    display:block;
    overflow:hidden;
  }
  .hero-copy{
    margin:0;
    max-width:100%;
  }
  .eyebrow{
    max-width:255px;
    margin:0 0 30px;
    font-size:10px;
    line-height:1.45;
    letter-spacing:.14em;
  }
  h1{
    max-width:360px;
    margin:0;
    font-size:clamp(54px,15vw,66px);
    line-height:.9;
    letter-spacing:-.058em;
  }
  h1 em{
    display:inline;
    margin:0;
    font-size:.56em;
    line-height:1;
    letter-spacing:-.035em;
  }
  .hero-lead{
    position:relative;
    z-index:3;
    max-width:100%;
    margin:30px 0 0;
    font-size:15px;
    line-height:1.62;
  }
  .hero-actions{
    position:relative;
    z-index:4;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:28px;
  }
  .button{
    width:100%;
    min-height:50px;
    padding:0 18px;
  }
  .hero-note{
    position:relative;
    inset:auto;
    width:100%;
    margin:12px 0 0;
    padding:14px 16px;
    background:#fffdf6c9;
  }
  .hero-note p{font-size:12px;line-height:1.4}
  .hero-sun{
    width:430px;
    height:430px;
    top:205px;
    right:-330px;
    opacity:.7;
  }
  .hero-emblem{
    width:255px;
    height:255px;
    top:270px;
    right:-102px;
    opacity:.13;
    filter:none;
  }

  .mission-band{
    padding:62px 20px 68px;
    gap:26px;
  }
  .mission-statement p{
    font-size:clamp(34px,9.7vw,44px);
    line-height:1.08;
    overflow-wrap:normal;
    word-break:normal;
  }
  .mission-details{margin-top:30px;padding-top:26px;gap:22px}
  .mission-details p{font-size:15px;line-height:1.68}

  .truth-strip{grid-template-columns:1fr}
  .truth-strip>div{padding:24px 20px}

  .vision-section,.path-section,.settlement-section,.directions-section,.impact-section,.streams-section,.principles-section{
    padding-left:20px;
    padding-right:20px;
  }
  .vision-intro h2,.settlement-heading h2,.section-heading h2,.principles-intro h2,.media-copy h2{
    font-size:clamp(38px,10.8vw,48px);
    line-height:1.04;
    overflow-wrap:normal;
    word-break:normal;
  }
  .vision-intro>p:not(.section-index),.settlement-heading>p,.section-heading>p{
    font-size:15px;
    line-height:1.68;
  }

  .path-grid,.directions-grid{
    grid-template-columns:1fr;
  }
  .path-grid article,.path-grid article+article,.path-grid article:nth-child(3),.path-grid article:nth-child(4){
    min-height:0;
    padding:24px 0;
    border-right:0;
  }
  .path-grid article+article{border-top:1px solid var(--line)}
  .path-grid h3{margin-top:24px;font-size:25px}
  .path-grid p{font-size:14px;line-height:1.58}

  .settlement-hero{margin-top:38px}
  .settlement-hero img,.tree-visual img{width:100%;height:auto}
  .settlement-detail{grid-template-columns:1fr;gap:34px;margin-top:38px}
  .settlement-principles h3{font-size:30px;line-height:1.08}
  .settlement-principles li{font-size:14px;line-height:1.58;padding:13px 0}
  .tree-energy-ring--outer{width:58%}
  .tree-energy-ring--inner{width:41%}

  .directions-grid article{
    min-height:0;
    padding:25px 20px;
  }
  .directions-grid h3{font-size:24px;overflow-wrap:normal;word-break:normal}
  .directions-grid p{font-size:14px;line-height:1.58}

  .impact-section{grid-template-columns:1fr;gap:34px}
  .impact-columns{grid-template-columns:1fr}
  .impact-heading h2{font-size:clamp(42px,11.5vw,52px)}

  .stream-card{
    grid-template-columns:34px minmax(0,1fr) 20px;
    gap:10px;
    padding:25px 0;
  }
  .stream-card h3{font-size:28px;line-height:1.08;overflow-wrap:normal;word-break:normal}
  .stream-card p{font-size:13.5px;line-height:1.58}

  .principles-grid{grid-template-columns:1fr}
  .principles-grid article{min-height:0;padding:26px 22px}

  .media-section{grid-template-columns:1fr}
  .video-frame{min-height:300px}
  .media-copy{padding:58px 20px 66px}

  .invitation-section{padding:66px 20px 76px}
  .invitation-section h2{
    font-size:clamp(42px,11.4vw,52px);
    line-height:1.05;
    overflow-wrap:normal;
    word-break:normal;
  }
  .invitation-copy{font-size:15px;line-height:1.65}

  footer{padding:32px 20px 38px;grid-template-columns:1fr;gap:16px}
  footer p,footer>span{text-align:left}
}

@media (width<=420px){
  .site-header{padding:14px 18px;min-height:78px}
  .brand-logo-full{width:46px;height:46px}
  .brand-name{font-size:11px}
  .nav-accent{display:none}

  .hero{padding:122px 18px 44px}
  .eyebrow{margin-bottom:28px}
  h1{font-size:clamp(52px,14.6vw,62px);max-width:330px}
  h1 em{font-size:.55em}
  .hero-lead{font-size:14.5px;line-height:1.62;margin-top:27px}
  .hero-actions{margin-top:24px}
  .hero-note{margin-top:10px}
  .hero-sun{top:190px;right:-340px}
  .hero-emblem{width:235px;height:235px;top:255px;right:-98px;opacity:.12}

  .mission-band,.vision-section,.path-section,.settlement-section,.directions-section,.impact-section,.streams-section,.principles-section,.media-copy,.invitation-section{
    padding-left:18px;
    padding-right:18px;
  }
  .section-index{font-size:10px;letter-spacing:.13em}
  .mission-statement p{font-size:clamp(33px,9.4vw,40px)}
  .vision-intro h2,.settlement-heading h2,.section-heading h2,.principles-intro h2,.media-copy h2{font-size:clamp(36px,10.2vw,44px)}
  .stream-card{grid-template-columns:30px minmax(0,1fr) 18px}
}

/* ===== DARZAREON JOIN / production ===== */
.invitation-section{min-height:auto}
.join-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.72fr);gap:clamp(56px,7vw,120px);align-items:start;margin-top:18px}
.join-copy h2{margin-top:18px}
.join-signal{display:flex;align-items:center;gap:12px;margin-top:36px;color:#397767;font-size:10px;font-weight:800;letter-spacing:.17em}
.join-signal span{width:9px;height:9px;border-radius:50%;background:#d9aa46;box-shadow:0 0 0 7px #d9aa4618,0 0 24px #d9aa46b8;animation:joinPulse 2.2s ease-in-out infinite}
.join-starfield{position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 77% 22%,#d6aa49 0 1px,transparent 1.8px),radial-gradient(circle at 88% 49%,#397767 0 1px,transparent 1.8px),radial-gradient(circle at 68% 72%,#d6aa49 0 1px,transparent 1.8px),radial-gradient(circle at 94% 82%,#397767 0 1px,transparent 1.8px);background-size:170px 170px,230px 230px,260px 260px,310px 310px}
.join-form{position:relative;padding:34px;border:1px solid #3977672b;background:linear-gradient(145deg,#fffdf7b8,#e5efe8c7);backdrop-filter:blur(14px);box-shadow:0 30px 80px #17302c12, inset 0 0 0 1px #ffffff75}
.join-form:before{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid #d4a84a22}
.join-form-head{position:relative;z-index:1;padding-bottom:26px;border-bottom:1px solid #39776728}
.join-form-head>span{display:block;color:#a77a28;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:10px}
.join-form-head strong{display:block;font-size:25px;font-weight:520;letter-spacing:-.02em}
.join-form-head p{margin:8px 0 0;color:#62756f;font-size:13px;line-height:1.6}
.join-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.join-field{position:relative;z-index:1;display:block;margin-top:18px}
.join-field>span{display:block;margin-bottom:7px;color:#41685e;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.join-field input,.join-field select,.join-field textarea{width:100%;border:1px solid #39776730;border-radius:0;background:#fffdf7b8;color:#173c34;padding:14px 15px;font:inherit;font-size:14px;line-height:1.45;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.join-field textarea{resize:vertical;min-height:142px}
.join-field select{background-image:linear-gradient(45deg,transparent 50%,#397767 50%),linear-gradient(135deg,#397767 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}
.join-field input:focus,.join-field select:focus,.join-field textarea:focus{border-color:#3d7d69;box-shadow:0 0 0 3px #3d7d6912,0 0 34px #d8af4a14;background:#fffef9}
.join-field input::placeholder,.join-field textarea::placeholder{color:#879991}
.join-consent{position:relative;z-index:1;display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:#61736d;font-size:11px;line-height:1.5;cursor:pointer}
.join-consent input{margin-top:2px;accent-color:#397767}
.join-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.join-submit{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;border:0;background:#176253;color:#fff;padding:16px 18px;font:inherit;font-size:13px;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 12px 28px #17625322}
.join-submit:hover{transform:translateY(-2px);background:#1d705f;box-shadow:0 18px 38px #17625335}
.join-submit i{font-style:normal;font-size:20px;color:#e4bd60}
.join-form-note{position:relative;z-index:1;margin:13px 0 0;color:#788b84;font-size:10px;line-height:1.55}
@keyframes joinPulse{0%,100%{opacity:.58;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}

@media (width<=900px){
  .join-layout{grid-template-columns:1fr;gap:42px}
  .join-form{max-width:720px}
}
@media (width<=560px){
  .invitation-section{padding-bottom:58px}
  .join-layout{gap:30px;margin-top:8px}
  .join-copy h2{font-size:clamp(42px,11.4vw,52px);line-height:1.05}
  .join-signal{margin-top:26px}
  .join-form{padding:22px 18px}
  .join-field-grid{grid-template-columns:1fr;gap:0}
  .join-form-head strong{font-size:22px}
  .join-field input,.join-field select,.join-field textarea{font-size:16px;padding:13px 12px}
  .join-field textarea{min-height:130px}
  .join-submit{min-height:54px;font-size:13px}
}

/* Entity / founder credit — intentionally discreet */
.founder-credit{
  display:block;
  margin-top:8px;
  color:#6f837d;
  font-size:10px;
  font-weight:500;
  letter-spacing:.035em;
  line-height:1.45;
}
@media (width<=760px){
  .founder-credit{margin-top:6px;font-size:10px}
}