.mockup-current-home .hero{
  height:68svh;
  min-height:530px;
  background:#090806 url('media/posters/09-collaboration.jpg') center 40%/cover no-repeat;
}
.mockup-current-home .hero .motion-sequence video{
  filter:grayscale(.35) contrast(1.32) brightness(.82) saturate(.75);
}
.mockup-current-home .hero-shade{
  background:
    linear-gradient(90deg,rgba(9,8,6,.78) 0%,rgba(9,8,6,.16) 55%,rgba(9,8,6,.46)),
    linear-gradient(0deg,rgba(9,8,6,.65),transparent 65%);
}
.mockup-current-home .current-nav{color:var(--acid)}
.mockup-current-home .hero-current-link{
  display:inline-flex;
  align-items:center;
  gap:1rem;
  margin-top:1.4rem;
  padding:.85rem 1rem;
  border:1px solid rgba(255,255,255,.45);
  font:500 .62rem var(--mono);
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:background .25s,color .25s,border-color .25s;
}
.mockup-current-home .hero-current-link b{color:var(--acid)}
.mockup-current-home .hero-current-link:hover{
  background:var(--acid);
  color:var(--ink);
  border-color:var(--acid);
}
.mockup-current-home .hero-current-link:hover b{color:inherit}

.current-focus{
  position:relative;
  z-index:3;
  overflow:hidden;
  padding:10vh var(--pad) 9vh;
  background:var(--ink);
  color:var(--paper);
}
.current-focus:before{
  content:'NOW';
  position:absolute;
  right:-.04em;
  top:-.22em;
  color:rgba(255,255,255,.025);
  font:700 clamp(13rem,34vw,34rem)/1 var(--display);
  letter-spacing:-.1em;
  pointer-events:none;
}
.current-focus-heading{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(2rem,7vw,8rem);
  align-items:end;
  margin-bottom:3.2rem;
}
.current-focus-heading h2{
  max-width:11ch;
  margin:.6rem 0 0;
  font-size:clamp(4.2rem,8vw,9rem);
  font-weight:300;
  line-height:.78;
  letter-spacing:-.075em;
}
.current-focus-heading h2 em{
  color:var(--acid);
  font-family:var(--dance);
  font-weight:600;
}
.current-focus-intro{
  max-width:27rem;
  justify-self:end;
  padding-bottom:.6rem;
}
.current-focus-intro p{
  margin:0 0 1.4rem;
  font-size:clamp(1rem,1.3vw,1.18rem);
  line-height:1.55;
}
.current-focus-intro a,
.current-actions a{
  display:inline-flex;
  gap:.9rem;
  border-bottom:1px solid var(--acid);
  padding-bottom:.45rem;
  font:500 .64rem var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.current-focus-intro a span,.current-actions a span{color:var(--acid)}

.mockup-current-home .current-grid{
  position:relative;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(.8rem,1.3vw,1.35rem);
}
.mockup-current-home .current-grid .dance-card:nth-child(-n+2){grid-column:span 2}
.mockup-current-home .current-grid .dance-card:nth-child(-n+2) .card-media{aspect-ratio:16/8.4}
.mockup-current-home .current-grid .card-media{aspect-ratio:4/3;background:#1d1c19}
.mockup-current-home .current-grid .card-media img{
  filter:grayscale(.6) contrast(1.12) brightness(.84);
}
.mockup-current-home .current-grid .card-copy{
  min-height:90px;
  border-color:#3c3933;
}
.mockup-current-home .current-grid .card-copy p{color:#a8a39a}
.mockup-current-home .current-grid .card-copy h3{color:var(--paper)}
.mockup-current-home .current-grid .dance-card:nth-child(-n+2) .card-copy h3{
  font-size:clamp(1.25rem,2vw,2rem);
}
.current-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:2rem;
  margin-top:2.5rem;
}
.current-actions button{
  border:1px solid #555149;
  background:transparent;
  color:var(--paper);
  padding:.9rem 1.05rem;
  font:500 .62rem var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.current-actions button span{color:var(--acid);margin-left:.55rem}
.current-actions button:hover{border-color:var(--acid)}

.mockup-current-home .home-find{
  padding-top:9vh;
  padding-bottom:9vh;
}
.mockup-current-home .home-find .archive-heading h2{
  font-size:clamp(4rem,8vw,8.5rem);
}
.historical-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  margin-top:0;
}
.historical-heading h2{
  max-width:13ch;
  margin:0;
  text-align:right;
  font-size:clamp(2.5rem,5vw,5.7rem);
  font-weight:300;
  line-height:.88;
  letter-spacing:-.06em;
}
.historical-heading h2 em{font-family:var(--dance);font-weight:600}
.mockup-current-home .historical-portals{
  grid-template-columns:repeat(3,1fr);
  margin-top:2.5rem;
}
.mockup-current-home .historical-archive{
  padding-top:8vh;
  padding-bottom:9vh;
}

@media(max-width:900px){
  .mockup-current-home .topbar nav .current-nav{display:block!important}
  .current-focus-heading{grid-template-columns:1fr}
  .current-focus-intro{justify-self:start}
  .mockup-current-home .current-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mockup-current-home .historical-portals{grid-template-columns:1fr}
}
@media(max-width:560px){
  .mockup-current-home .hero{height:62svh;min-height:470px}
  .current-focus{padding-top:8vh}
  .current-focus-heading h2{font-size:17vw}
  .mockup-current-home .current-grid{grid-template-columns:1fr}
  .mockup-current-home .current-grid .dance-card:nth-child(-n+2){grid-column:1/-1}
  .mockup-current-home .current-grid .dance-card:nth-child(-n+2) .card-media,
  .mockup-current-home .current-grid .card-media{aspect-ratio:16/10}
  .current-actions{align-items:flex-start;flex-direction:column}
  .historical-heading{display:block}
  .historical-heading h2{margin-top:1rem;text-align:left}
}