/* گره — صفحه‌ی اصلی */
.hero{ position:relative; max-width:var(--maxw); margin-inline:auto; min-height:min(100svh,960px); padding:calc(96px + 40px) var(--gut) 72px;
  display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); align-items:center; gap:clamp(28px,5vw,80px); }
.hero-title{ font-size:clamp(3.1rem,8.4vw,8.2rem); }
.hero-title span{ display:block; }
:root[lang="en"] .hero-title{ font-size:clamp(2.7rem,5.6vw,5.5rem); }
.hero-lead{ margin-top:clamp(20px,3vw,36px); }
.hero-act{ position:relative; isolation:isolate; display:grid; justify-items:center; gap:26px; padding-block:48px; }
.hero-act::before{ content:""; position:absolute; z-index:-2; inset:-14% -12%; pointer-events:none;
  background:radial-gradient(closest-side,rgba(227,18,44,.24),rgba(227,18,44,.07) 55%,transparent 76%); }
.hero-knot{ position:absolute; z-index:-1; width:min(560px,42vw); top:50%; left:50%; transform:translate(-50%,-52%) rotate(-8deg); opacity:.2; pointer-events:none; }
.hero .stick{ --size:clamp(132px,11.5vw,164px); }
.hero-hint{ color:var(--smoke); font-size:.9rem; text-align:center; max-width:32ch; line-height:1.7; }

.tenets,.map,.privacy,.join{ max-width:var(--maxw); margin-inline:auto; padding:clamp(70px,9vw,130px) var(--gut) 0; }
.tenet-list{ position:relative; list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(20px,3vw,44px); }
.tenet-list::before{ content:""; position:absolute; inset-inline:-3vw; top:29px; height:8px; border-radius:4px; background:var(--rope);
  box-shadow:0 3px 0 rgba(0,0,0,.7),0 0 22px rgba(227,18,44,.28); }
.tenet{ position:relative; }
.tenet-knot{ position:relative; display:grid; place-items:center; width:66px; height:66px; border-radius:50%; background:var(--void); box-shadow:0 0 0 8px var(--void); }
.tenet-knot svg{ width:54px; height:54px; filter:drop-shadow(0 0 12px rgba(227,18,44,.45)); }
.tenet:nth-child(2) .tenet-knot svg{ transform:rotate(40deg); }
.tenet:nth-child(3) .tenet-knot svg{ transform:rotate(-30deg); }
.tenet:nth-child(4) .tenet-knot svg{ transform:rotate(80deg); }
.tenet-name{ font-size:clamp(1.75rem,2.4vw,2.25rem); margin:20px 0 8px; }
.tenet p{ color:var(--ash); max-width:32ch; }

.map-list{ list-style:none; margin:0; padding:0; border-top:1px solid var(--line-2); }
.map-row{ position:relative; display:grid; grid-template-columns:minmax(150px,.85fr) minmax(0,2fr) auto; align-items:center; gap:12px 32px;
  padding:clamp(22px,3vw,34px) 4px; border-bottom:1px solid var(--line-2); }
.map-name{ font-size:clamp(2rem,3.8vw,3.2rem); transition:color .3s; }
.map-desc{ color:var(--ash); max-width:54ch; }
.map-thumbs{ display:flex; gap:10px; margin-top:14px; }
.map-thumbs img{ width:62px; height:78px; object-fit:cover; border-radius:3px; box-shadow:0 10px 22px rgba(0,0,0,.65); transition:transform .45s var(--spring); }
.map-row:hover .map-thumbs img:nth-child(odd){ transform:rotate(-5deg) translateY(-4px); }
.map-row:hover .map-thumbs img:nth-child(even){ transform:rotate(4deg) translateY(-2px); }
.map-state{ justify-self:end; padding:4px 14px; border-radius:999px; border:1px solid var(--line-2); color:var(--smoke); font-size:.82rem; font-weight:700; white-space:nowrap; }
.map-state.is-open{ color:var(--bone); border-color:rgba(255,90,31,.55); background:rgba(255,90,31,.1); }
.map-row::after{ content:""; position:absolute; inset-inline:0; bottom:-2px; height:5px; border-radius:3px; background:var(--rope);
  transform:scaleX(0); transform-origin:right; transition:transform .7s var(--ease); }
:root[dir="ltr"] .map-row::after{ transform-origin:left; }
.map-row:hover::after,.map-row:focus-visible::after{ transform:scaleX(1); }
.map-row:hover .map-name{ color:var(--cardinal-hi); }

.privacy{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:36px 64px; align-items:end; }
.privacy .h2{ margin-bottom:20px; }
.facts{ list-style:none; margin:0; padding:0; }
.facts li{ display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid var(--line-2); font-weight:600; }
.facts .ico{ width:22px; height:22px; color:var(--ember); }

.join{ position:relative; isolation:isolate; overflow-x:clip; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:40px; padding-bottom:clamp(90px,11vw,160px); }
.join::before{ content:""; position:absolute; z-index:-1; inset-inline-end:-140px; top:40%; width:560px; height:560px; transform:translateY(-50%); pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,90,31,.17),transparent 72%); }
.join .h2{ margin-bottom:14px; }
.join-alt{ margin-top:18px; color:var(--ash); }
.join-alt a{ color:var(--flare); font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.join .stick{ --size:clamp(140px,12.5vw,172px); margin-inline-end:clamp(0px,4vw,60px); }

@media (max-width:860px){
  .hero{ overflow-x:clip; }
  .hero{ grid-template-columns:1fr; min-height:0; padding-top:118px; padding-bottom:30px; gap:10px; }
  .hero-act{ padding-block:60px 10px; }
  .hero-knot{ width:min(430px,94vw); }
  .hero .stick{ --size:124px; }
  .tenet-list{ grid-template-columns:1fr; gap:36px; }
  .tenet-list::before{ inset-inline:auto; inset-inline-start:29px; top:0; bottom:0; width:8px; height:auto; }
  .tenet{ padding-inline-start:92px; min-height:66px; }
  .tenet-knot{ position:absolute; inset-inline-start:0; top:0; }
  .tenet-name{ margin-top:6px; }
  .privacy{ grid-template-columns:1fr; }
  .join{ grid-template-columns:1fr; }
  .join .stick{ justify-self:center; margin:24px 0 0; }
}
@media (max-width:640px){
  .map-row{ grid-template-columns:1fr auto; }
  .map-desc{ grid-column:1 / -1; grid-row:2; }
}