.page-section{display:none}
body[data-page="home"] .page-home,
body[data-page="about"] .page-about,
body[data-page="music"] .page-music,
body[data-page="downloads"] .page-downloads,
body[data-page="traces"] .page-traces,
body[data-page="contact"] .page-contact{display:block}
body[data-page="home"] .hero.page-home{display:grid}

body:not([data-page="home"]) .site-header{
  position:sticky;
  top:0;
  background:rgba(3,5,6,.94);
  backdrop-filter:blur(.8rem);
}

.nav-links a[aria-current="page"]{color:var(--metal-light)}
.nav-links a[aria-current="page"]::after{
  display:block;
  width:100%;
  height:1px;
  margin-top:.45rem;
  background:var(--blood-bright);
  content:"";
}

.home-threshold{
  overflow:hidden;
  background:radial-gradient(circle at 75% 30%,rgba(63,84,96,.16),transparent 27rem),var(--black);
}
.home-threshold-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(3rem,9vw,8rem);
  align-items:start;
}
.home-threshold-copy{max-width:42rem;color:#9eabb1;font-size:1.04rem}
.home-threshold-copy .lead{
  color:#c4c6c7;
  font:400 clamp(1.5rem,2.6vw,2.3rem)/1.35 var(--serif);
}
.home-paths{display:grid;gap:1px;margin-top:2.2rem;border:1px solid var(--line);background:var(--line)}
.home-path{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  min-height:5.3rem;
  padding:1rem 1.2rem;
  background:#060a0c;
  color:var(--silver);
  text-decoration:none;
  transition:background 180ms ease,color 180ms ease;
}
.home-path:hover{background:#0c1216;color:var(--metal-light)}
.home-path small{color:var(--muted);font:700 .68rem/1 var(--sans);letter-spacing:.16em}
.home-path strong{display:block;font:400 1.35rem/1.1 var(--serif);letter-spacing:.08em;text-transform:uppercase}
.home-path span{color:var(--muted);font-size:1.2rem}

@media(max-width:900px){.home-threshold-grid{grid-template-columns:1fr}}
@media(max-width:1100px){
  .nav-links{position:absolute;top:4.7rem;right:1rem;left:1rem;display:none;align-items:stretch;flex-direction:column;gap:0;padding:.6rem 1rem;border:1px solid var(--line-strong);background:rgba(3,5,6,.97)}
  .nav-links.is-open{display:flex}
  .nav-links a{min-height:3rem;display:flex;align-items:center;border-bottom:1px solid var(--line)}
  .nav-links a:last-child{border:0}
  .menu-button{display:block}
}
@media(max-width:620px){
  .nav-links a[aria-current="page"]::after{display:none}
  .home-path{grid-template-columns:2.5rem minmax(0,1fr) auto;padding:.9rem}
}