*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  background:#08111a;
  color:#f5ead6;
  font-family:"Heebo",sans-serif;
}
.page-bg{
  position:fixed;inset:0;z-index:-10;
  background:url("background.jpg") center/cover no-repeat;
}
.page-bg::after{
  content:"";position:absolute;inset:0;
  background:rgba(5,10,16,.50);
}
.gallery-top{
  display:flex;justify-content:space-between;align-items:center;
  padding:18px clamp(18px,5vw,68px);
  background:rgba(5,11,18,.78);
  border-bottom:1px solid rgba(214,174,99,.22);
}
.gallery-top a{color:#e6c37d;text-decoration:none}
.gallery-brand{font:700 28px "Frank Ruhl Libre",serif}
.gallery-main{width:min(1180px,94vw);margin:auto;padding:58px 0 70px}
.gallery-hero{text-align:center;margin-bottom:30px}
.gallery-hero h1{
  margin:5px 0 10px;
  color:#e8c47e;
  font:700 clamp(44px,6vw,76px) "Frank Ruhl Libre",serif;
}
.gallery-hero p{color:#d7c9b2;margin:0}
.album{
  margin:24px 0;
  padding:18px;
  border:1px solid rgba(218,178,106,.28);
  border-radius:22px;
  background:rgba(7,13,20,.82);
}
.album h2{
  margin:0 0 14px;
  color:#e0b86e;
  font:700 32px "Frank Ruhl Libre",serif;
}
.album iframe{
  width:100%;
  height:680px;
  border:0;
  border-radius:14px;
  background:#fff;
}
.fallback{
  display:block;
  margin-top:10px;
  color:#dabb82;
  text-align:center;
  text-decoration:none;
  font-size:13px;
}
@media(max-width:700px){
  .gallery-main{padding-top:34px}
  .album{padding:10px}
  .album iframe{height:560px}
  .album h2{font-size:26px}
}