/* ============================================================
   LE HAUS — PARTNER DETAILS (/partners/[url_id], PartnerDetails.aspx)
   ------------------------------------------------------------
   Layout from sg-assets/IAC.html. Every section is built from
   common.css components (hero, .features-strip/.features-grid,
   .story, .section-head, .cal-filter/.cal-chip, .res-grid/.res-card,
   .partners + .dest-head, .hiw-steps, .tiers-top + .hub-faq,
   .media-banner). This file only holds what's unique to this page:
   the network-bar figures, the membership eligibility rows, the
   note rows and a few layout tweaks to those shared components.
   ============================================================ */

/* ===== HERO ===== */
.partner-hero-note{
  color:#fff;
  opacity:.8;
  font-size:12px;
  line-height:1.6;
  margin-top:18px;
  max-width:420px;
}

/* ===== NETWORK BAR (.features-strip / .features-grid) ===== */
.partner-network{border-bottom:1px solid var(--line);}
.partner-network .feature-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
}
.partner-network .feature-item h3{
  margin:0;
  text-align:left;
  line-height:1.6;
  color:var(--color-heading);
}
.partner-network-mark{
  font-size:38px;
  line-height:1.15;
  letter-spacing:.02em;
  color:var(--color-heading);
  border:1px solid var(--gold);
  padding:6px 12px;
}
.partner-network .partner-stat{
  font-size:41px;
  line-height:1.2;
  color:var(--color-heading);
  max-width:none;
  margin:0;
}
.partner-stat span{font-size:26px;color:var(--gold);}
.partner-network-phrase p{
  font-size:20px;
  font-style:italic;
  line-height:1.5;
  color:var(--color-heading);
  max-width:none;
  text-align:left;
}

/* ===== INTRO (.story) ===== */
.partner-intro .story-img{cursor:default;min-height:620px;}
.partner-caption{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:2;
  padding:24px 22px;
  background:linear-gradient(transparent, rgba(0,0,0,.65));
  color:#fff;
  font-size:11px;
  letter-spacing:.035em;
}
.partner-lead{
  font-size:19px;
  line-height:1.6;
  color:var(--ink);
  margin-bottom:14px;
  max-width:500px;
}
/* .features-grid as a left-aligned 2x2 list inside the text column */
.partner-benefits{width:100%;gap:26px 30px;margin-bottom:22px;}
.partner-benefits .feature-item{padding:0;border-left:none;text-align:left;}
.partner-benefits .feature-item svg{width:30px;height:30px;margin:0 0 10px;}
.partner-benefits .feature-item h3{margin-bottom:6px;}
.partner-benefits .feature-item p{font-size:14px;color:var(--muted);max-width:none;margin:0;}
.partner-small{font-size:13px;line-height:1.65;color:var(--muted);}

/* ===== FEATURED CARDS (.section-head + .cal-filter + .res-grid) ===== */
.partner-head-text{max-width:365px;margin-bottom:0;}
.partner-filter-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border-bottom:1px solid var(--line);
  padding-bottom:18px;
  margin-bottom:30px;
}
.partner-filter-row .cal-filter{margin-bottom:0;}
.partner-count{font-size:13px;color:var(--muted);white-space:nowrap;}
.partner-feature-grid{gap:26px;}
.partner-feature[hidden]{display:none;}
.partner-feature .res-card{display:flex;}
.partner-feature-loc{margin:22px 0 8px;}
.partner-feature h3{
  font-size:26px;
  font-weight:400;
  line-height:1.3;
  color:var(--color-heading);
  margin-bottom:12px;
}
.partner-feature .story-sub{margin-bottom:18px;}

/* Note + link row, used under the cards and under the steps */
.partner-note-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:35px;
  margin-top:40px;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.partner-note-row p{font-size:13px;line-height:1.65;color:var(--muted);max-width:720px;}
.partner-note-row .link-arrow{flex-shrink:0;}
.partner-note-label{
  display:block;
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--ink);
  margin-bottom:6px;
}

/* ===== ACCESS (.partners dark section + .dest-head) ===== */
.partner-access{color:#fff;}
.partner-access .dest-head{gap:10%;align-items:center;}
.partner-access .dest-left{max-width:460px;flex:1;}
.partner-access .dest-left .btn{display:flex;width:max-content;margin-bottom:22px;}
.partner-access .dest-left .link-arrow{color:var(--gold-light);}
.partner-eligibility{flex:1;}
.partner-elig-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:25px;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.partner-elig-row h3{font-size:24px;font-weight:400;line-height:1.35;margin-bottom:8px;}
.partner-elig-row p{font-size:14px;line-height:1.6;color:#c7c8c7;max-width:330px;}
.partner-status{
  flex-shrink:0;
  margin-top:3px;
  padding:4px 0;
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
  color:var(--gold-light);
  border-bottom:1px solid var(--gold);
}
.partner-status.is-muted{color:#bac0c5;border-color:#606770;}
.partner-elig-note{font-size:12px;line-height:1.7;color:#c7c8c7;margin-top:20px;}

/* ===== STEPS (.section-head + .hiw-steps) ===== */
.partner-steps .hiw-steps{gap:45px;}

/* ===== FAQ (.tiers-top + .hub-faq) ===== */
.partner-faq .tiers-top{align-items:flex-start;gap:10%;}
.partner-faq .hub-faq{flex:1;border-top:1px solid var(--line);}

/* ===== CLOSING (.media-banner) =====
   Two buttons side by side need more room than the default 460px text block. */
.partner-closing .media-banner-text{max-width:780px;}
.partner-closing .hero-actions{flex-wrap:wrap;margin-top:0;}

/* ===== RESPONSIVE ===== */
@media (max-width:1100px){
  .partner-network .features-grid{row-gap:28px;}
  .partner-intro .story-img{min-height:440px;}
  .partner-access .dest-left{max-width:100%;}
  .partner-eligibility{width:100%;margin-top:30px;}
  .partner-faq .hub-faq{width:100%;margin-top:10px;}
  .partner-note-row{flex-direction:column;align-items:flex-start;gap:16px;}
}
@media (max-width:500px){
  .partner-network .feature-item{justify-content:flex-start;}
  .partner-network-mark{font-size:30px;}
  .partner-network .partner-stat{font-size:36px;}
  .partner-benefits{grid-template-columns:1fr 1fr;}
  .partner-filter-row{display:block;}
  .partner-count{display:block;margin-top:12px;}
  .partner-feature h3{font-size:24px;}
  .partner-elig-row h3{font-size:22px;}
  .partner-status{white-space:normal;max-width:80px;text-align:right;}
  /* common.css fixes .hero-actions buttons at 250px on phones; let longer labels fit */
  .partner-closing .hero-actions .btn{width:auto;min-width:250px;max-width:100%;}
}