/* ─── PAGE HERO ─── */
.page-hero{
  padding:72px 52px 64px;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:80px;align-items:end;border-bottom:0.5px solid var(--rule)
}
.hero-lbl{
  font-family:var(--sans);font-size:12px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--kl);margin-bottom:28px
}
.page-hero h1{
  font-family:var(--serif);font-size:22px;font-weight:normal;
  line-height:1.70;color:var(--k);max-width:420px
}
.hero-right{display:flex;flex-direction:column;align-items:flex-end}
.hero-desc{
  font-family:var(--sans);font-size:13px;line-height:2.05;
  color:var(--km);max-width:300px;margin-bottom:0;text-align:right
}

/* ─── REASONS GRID ─── */
.reasons{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;border-bottom:0.5px solid var(--rule)
}
.reason{
  padding:36px 52px;border-right:0.5px solid var(--rule);
  cursor:pointer;transition:background 0.15s ease;
  text-decoration:none;display:block
}
.reason:last-child{border-right:none}
.reason:hover{background:var(--c)}
.reason.active{background:var(--c)}
.reason-n{
  font-family:var(--sans);font-size:11px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--r);margin-bottom:12px;
  transition:color 0.15s
}
.reason-title{
  font-family:var(--serif);font-size:16px;font-weight:normal;
  line-height:1.5;color:var(--k);margin-bottom:10px
}
.reason-desc{
  font-family:var(--sans);font-size:12px;line-height:1.85;color:var(--kl)
}

/* ─── CONTACT PANELS ─── */
.contact-panel{
  display:none;padding:64px 52px;border-bottom:0.5px solid var(--rule)
}
#panel-membership{padding-bottom:144px}
.contact-panel.active{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:80px;align-items:start
}
.panel-left h2{
  font-family:var(--serif);font-size:20px;font-weight:normal;
  line-height:1.6;color:var(--k);margin-bottom:18px
}
.panel-left p{
  font-family:var(--sans);font-size:13px;line-height:2.05;
  color:var(--km);margin-bottom:16px
}
.panel-left p:last-of-type{margin-bottom:32px}

.contact-item{padding:18px 0;border-top:0.5px solid var(--rule)}
.contact-item:last-child{border-bottom:0.5px solid var(--rule)}
.ci-lbl{
  font-family:var(--sans);font-size:10px;letter-spacing:0.14em;
  text-transform:uppercase;color:var(--kl);margin-bottom:6px
}
.ci-val{font-family:var(--sans);font-size:14px;color:var(--km)}
.ci-val a{color:var(--km);text-decoration:none}
.ci-val a:hover{color:var(--k)}
.ci-note{
  font-family:var(--sans);font-size:12px;color:var(--kl);
  margin-top:4px;line-height:1.7
}

/* ─── INFO CALL BLOCK ─── */
.info-call{
  margin-top:32px;padding:24px;background:var(--c);
  border:0.5px solid var(--rule)
}
.info-call-lbl{
  font-family:var(--sans);font-size:10px;letter-spacing:0.12em;
  text-transform:uppercase;color:var(--r);margin-bottom:10px
}
.info-call-text{
  font-family:var(--sans);font-size:13px;line-height:1.85;
  color:var(--km);margin-bottom:16px
}

/* ─── BOTTOM STRIP ─── */
.bottom-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  background:var(--k)
}
.strip-item{padding:28px 52px;border-right:0.5px solid var(--rule-k)}
.strip-item:last-child{border-right:none}
.strip-lbl{
  font-family:var(--sans);font-size:10px;letter-spacing:0.14em;
  text-transform:uppercase;color:#484840;margin-bottom:8px
}
.strip-val{font-family:var(--sans);font-size:13px;color:#d8d7cf}
.strip-val a{color:#d8d7cf;text-decoration:none}
.strip-val a:hover{color:#fff}

/* =========================================================================
   RESPONSIVE — contact
   ========================================================================= */
@media (max-width:1024px){
  .page-hero{padding:56px 32px 48px;gap:40px}
  .reason{padding:28px 32px}
  .contact-panel{padding:48px 32px}
  .contact-panel.active{gap:40px}
  .strip-item{padding:24px 32px}
}

@media (max-width:768px){
  .page-hero{
    grid-template-columns:1fr;gap:24px;
    padding:44px 24px 40px;align-items:start
  }
  .page-hero h1{font-size:18px;max-width:none}
  .hero-right{align-items:flex-start}
  .hero-desc{text-align:left;max-width:none}

  .reasons{grid-template-columns:1fr 1fr}
  .reason{
    padding:24px;border-right:none;
    border-bottom:0.5px solid var(--rule)
  }
  .reason:nth-child(odd){border-right:0.5px solid var(--rule)}
  .reason:nth-last-child(-n+2){border-bottom:none}

  .contact-panel{padding:40px 24px}
  .contact-panel.active{grid-template-columns:1fr;gap:32px}

  .bottom-strip{grid-template-columns:1fr}
  .strip-item{
    padding:20px 24px;border-right:none;
    border-bottom:0.5px solid var(--rule-k)
  }
  .strip-item:last-child{border-bottom:none}
}