/* Editorial first frame for KED lounge-club. */
.hero-photo{
  top:calc(13% - var(--hero-progress,0)*4%);
  left:calc(21% - var(--hero-progress,0)*20%);
  width:calc(58% + var(--hero-progress,0)*40%);
  height:calc(69% + var(--hero-progress,0)*20%);
}
.hero-photo img{
  object-position:50% 64%;
  filter:brightness(1.03) saturate(.9);
  transform:scale(calc(1.025 - var(--hero-progress,0)*.025));
}
.hero-photo:after{background:linear-gradient(180deg,#0b07072b 0%,#0b070700 35%,#0b07070c 67%,#0b070775 100%)}
.hero-title{top:35%}
.hero-title h1{font-size:clamp(260px,42vw,800px);color:var(--gold)}
.brand,.footer-word{color:var(--gold)}
.word-glyph{color:#d5ad59e6}
@supports (background-clip:text){
  .word-glyph{background:linear-gradient(160deg,#e4c477 5%,#c89d45 48%,#e2bf70d9 70%,#b7893399 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
}
.hero-title p{margin-top:28px}
.hero-invite{bottom:11.5%}
.hero-photo figcaption{z-index:2}
@media(max-width:900px){
  .hero-photo{left:calc(16% - var(--hero-progress,0)*15%);width:calc(68% + var(--hero-progress,0)*30%)}
  .hero-title{top:35%}.hero-title h1{font-size:46vw}
}
@media(max-width:700px){
  .hero-photo{top:calc(18% - var(--hero-progress,0)*9%);left:calc(8% - var(--hero-progress,0)*7%);width:calc(84% + var(--hero-progress,0)*14%);height:calc(62% + var(--hero-progress,0)*23%)}
  .hero-photo img{object-position:43% 64%;filter:brightness(1.04) saturate(.9)}
  .hero-photo figcaption{font-size:6px;left:10px;bottom:10px;max-width:90%}
  .hero-title{top:33%}.hero-title h1{font-size:49vw}.hero-title p{margin-top:23px}
  .hero-invite{bottom:13%;padding-inline:23px}
}
@media(max-height:780px) and (min-width:701px){
  .hero-title{top:35%}.hero-title h1{font-size:36vw}.hero-title p{margin-top:20px}
  .hero-photo{height:calc(68% + var(--hero-progress,0)*21%)}.hero-invite{bottom:11%}
}
@media(max-width:360px){.hero-title{top:32%}.hero-title h1{font-size:49vw}.hero-invite{bottom:12.8%}}