@import url("/assets/css/cinematic-hub.css?v=1");
@import url("/assets/css/world-gateway.css?v=1");

.site-header .desktop-nav-compact.site-nav-hub{
  gap:8px;
}

.site-header .desktop-nav-compact.site-nav-hub .nav-button{
  min-height:38px;
  padding:0 10px;
  font-size:.84rem;
}

.site-nav-hub .lang-switch{
  margin-left:0;
}

.status-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}

.status-label{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(201,178,143,.28);
  border-radius:999px;
  background:rgba(201,178,143,.10);
  color:var(--accent);
  font-size:.70rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.status-label.is-muted{
  border-color:rgba(255,255,255,.10);
  background:rgba(255,255,255,.025);
  color:var(--soft);
}

.hero-home .home-world-title{
  max-width:13.2ch;
  font-size:clamp(4.1rem, 7.6vw, 7.7rem);
  line-height:.82;
  letter-spacing:0;
}

.hero-home .home-world-title span{
  display:block;
}

.hero-home .home-world-title span + span{
  margin-top:.04em;
}

.project-map-card,
.work-card,
.recognition-card,
.institution-card{
  min-height:300px;
}

.project-map-card .chips,
.work-card .chips,
.recognition-card .chips,
.institution-card .chips{
  margin-bottom:18px;
}

.project-map-card p,
.work-card p,
.recognition-card p,
.institution-card p{
  max-width:56ch;
}

.project-card-note{
  margin-top:14px;
  color:var(--soft);
  line-height:1.72;
  font-size:.94rem;
}

.hub-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.hub-hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 760px) minmax(280px, 380px);
  gap:48px;
  align-items:end;
}

.hub-hero h1{
  margin:0 0 22px;
  font-family:"Cormorant Garamond",serif;
  font-weight:600;
  font-size:clamp(3.2rem, 6.2vw, 6rem);
  line-height:.9;
  letter-spacing:0;
  text-wrap:balance;
}

.hub-hero-lead{
  margin:0;
  max-width:60ch;
  color:var(--muted);
  font-size:1.05rem;
  line-height:1.92;
}

.hub-hero-panel{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.feature-list{
  display:grid;
  gap:12px;
  margin-top:22px;
}

.feature-item{
  border:1px solid var(--line);
  border-radius:16px;
  padding:15px 16px;
  background:rgba(255,255,255,.02);
  color:var(--muted);
  line-height:1.72;
}

.feature-item strong{
  color:var(--text);
}

.link-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.press-list,
.work-list{
  display:grid;
  gap:18px;
}

.press-item,
.work-item{
  border-left:2px solid rgba(201,178,143,.38);
  padding-left:16px;
}

.press-item h3,
.work-item h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond",serif;
  font-size:1.7rem;
  line-height:1;
}

.press-item p,
.work-item p{
  margin:0;
  color:var(--muted);
  line-height:1.82;
}

@media (min-width:761px){
  .site-header .site-nav-hub > .nav-button[href="/for-institutions/"],
  .site-header .site-nav-hub > .nav-button[href="/press-recognition/"],
  .site-header .site-nav-hub > .nav-button[href="#contact"],
  .site-header .site-nav-hub > .nav-button[href="/#contact"]{
    display:none !important;
  }
}

@media (max-width:1320px){
  .site-nav-hub .nav-optional{
    display:none !important;
  }
}

@media (max-width:1120px){
  .site-nav-hub .nav-wide{
    display:none !important;
  }
}

@media (max-width:900px){
  .hub-hero-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .hub-hero h1{
    font-size:clamp(2.65rem, 12vw, 4.4rem);
  }

  .hero-home .home-world-title{
    max-width:13ch;
    font-size:clamp(2.88rem, 12.4vw, 5rem);
    line-height:.88;
  }

  .project-map-card,
  .work-card,
  .recognition-card,
  .institution-card{
    min-height:auto;
  }
}