/* ============================================================
   INDEX.CSS — sectors grid, hero, client/migrant menu, earth section,
   country reference, gallery preview, final CTA
   ============================================================ */
.sectors{
  min-height:calc(100vh - 76px);
  display:flex;align-items:center;
  padding:44px 0 36px;
  border-bottom:1px solid var(--line);
  background:linear-gradient(var(--glass),transparent);
}
.sectors .wrap{width:100%}
.sectors h2{
  font-family:var(--d);text-transform:uppercase;
  font-size:clamp(1.8rem,4.2vw,3.2rem);font-weight:800;color:var(--fg);
  letter-spacing:.05em;line-height:1.1;
  margin-bottom:28px;padding-bottom:18px;position:relative;
}
.sectors h2::after{content:'';position:absolute;left:0;bottom:0;width:110px;height:4px;background:var(--gold)}
.sectors h2 b{color:var(--gold)}
.sectors .sub{font-size:1.3rem;color:var(--fg2);margin:-6px 0 34px;max-width:660px}
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sc{
  padding:30px;border:1px solid var(--line);background:var(--glass);
  border-radius:4px;display:block;
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .3s;
  animation:up .9s cubic-bezier(.16,1,.3,1) both;
}
.sc:nth-child(2){animation-delay:.12s}
.sc:nth-child(3){animation-delay:.24s}
.sc:nth-child(4){animation-delay:.36s}
.sc:hover{transform:translateY(-4px);border-color:var(--gold)}
.sc i{font-family:var(--d);font-style:normal;font-size:.9rem;color:var(--cy);letter-spacing:.2em}
.sc h3{font-size:1.02rem;margin:12px 0 10px;line-height:1.3}
.sc p{font-size:1.08rem;color:var(--fg2);line-height:1.45}
.sc em{display:block;margin-top:14px;font-family:var(--d);font-style:normal;font-size:2.1rem;font-weight:700;color:var(--gold)}

.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:center;padding:60px 0}
.hero h1{font-size:clamp(2.8rem,7.4vw,6.6rem);max-width:1000px;margin-bottom:30px;text-shadow:0 2px 40px var(--ink)}
.hero h1 span{color:var(--gold);font-style:italic}
.hero p{max-width:580px;font-size:1.3rem;color:var(--fg2);margin-bottom:40px;background:var(--glass);padding:14px 18px}

.audience-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:20px;scrollbar-width:none}
.audience-tab{
  flex:none;padding:14px 20px;font-size:.92rem;
  border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;
  font-family:var(--d);text-transform:uppercase;letter-spacing:.1em;font-weight:700;
  color:var(--fg2);cursor:pointer;
}
.audience-tab.on{color:var(--gold);border-bottom:2px solid var(--gold)}
.audience-panel{display:none}
.audience-panel.on{display:block;animation:up .6s cubic-bezier(.16,1,.3,1)}
.audience-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:start}
.audience-intro h3{font-size:1.2rem;margin-bottom:12px;color:var(--gold)}
.audience-intro p{font-size:1rem;color:var(--fg2);line-height:1.7;margin-bottom:16px}
.audience-intro a{color:var(--gold);font-size:.92rem;font-weight:600}
.audience-list{list-style:none}
.audience-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:1.02rem;color:var(--fg2);line-height:1.6}
.audience-list li:last-child{border-bottom:none}
.audience-list strong{color:var(--fg);font-weight:700}

.earth-preserved-wrapper{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;align-items:center}
.earth-visual{min-height:300px}
.destinations-preserved-list{display:flex;flex-direction:column;gap:14px}
.dest-region{padding:20px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.dest-region h4{font-size:.85rem;color:var(--gold);margin-bottom:8px}
.dest-region span{font-size:1rem;color:var(--fg2);line-height:1.6}

.country-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.country-ref-card{padding:22px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.country-ref-card h3{font-size:1rem;margin-bottom:10px;color:var(--gold)}
.country-detail{font-size:.9rem;color:var(--fg2);line-height:1.6;margin-bottom:10px}
.country-detail strong{color:var(--fg)}
.ref-note{font-size:.82rem;color:var(--fg2);text-align:center;margin-top:24px;font-style:italic}

.gallery-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}
.gallery-preview-item{padding:28px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.gallery-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg2);margin-bottom:8px}
.gallery-value{display:block;font-family:var(--d);font-size:2rem;font-weight:700;color:var(--gold);margin-bottom:12px}
.gallery-note{font-size:.9rem;color:var(--fg2);line-height:1.6}

.final-cta-box{text-align:center;padding:56px 32px;background:var(--glass);border:1px solid var(--line);border-radius:4px}
.final-cta-box h2{margin-bottom:14px}
.final-cta-box p{font-size:1.05rem;color:var(--fg2);max-width:600px;margin:0 auto 28px;line-height:1.7}
.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

@media(max-width:1024px){
  .sg{grid-template-columns:repeat(2,1fr)}
  .country-ref-grid{grid-template-columns:repeat(2,1fr)}
  .audience-inner{grid-template-columns:1fr}
  .earth-preserved-wrapper{grid-template-columns:1fr}
}
@media(max-width:768px){
  .sg{grid-template-columns:1fr}
  .country-ref-grid{grid-template-columns:1fr}
  .gallery-preview-grid{grid-template-columns:1fr}
  .hero{min-height:64vh}
}