/* Background */
.bg{position:fixed; inset:0; z-index:-1}

/* Background video */
.bg{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
}

.bg__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Dark overlay for readability */
.bg__overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 35%, rgba(0, 0, 0, .15), rgb(0 0 0 / 0%)), linear-gradient(to bottom, rgb(0 0 0 / 15%), rgb(0 0 0 / 18%));
    pointer-events: none;
}

/* Snow stays above video */
#snow{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.75;
}

#snow{position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.8}

/* Hero */
.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding: 96px 0 40px;
}
.hero__grid{
  width:var(--wrap);
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:30px;
  align-items:center;
}
.hero__title{
  margin:0 0 18px;
  font-size: clamp(46px, 5.4vw, 84px);
  line-height:1.02;
  letter-spacing:-1px;
}
.hero__sub{
  max-width:520px;
  margin: 0 0 26px;
  font-size:18px;
  line-height:1.75;
  color:var(--muted);
}
.hero__flake{margin-left:14px; opacity:.9}

/* Artwork */
.hero__art{ display:flex; justify-content:flex-end; }
.hero__img{
  width:min(980px, 100%);
  max-height:520px;
  object-fit:cover;
  filter: drop-shadow(0 30px 80px rgba(0,0,0,.45));
  opacity:.92;
}

/* Mobile */
@media (max-width: 980px){
  .hero{padding-top:18px}
  .hero__grid{grid-template-columns:1fr; gap:22px}
  .hero__art{justify-content:flex-start}
  .hero__img{max-height:360px; border-radius:16px}
}

@media (max-width: 768px){
  .bg__video{
    filter: brightness(.85);
  }
}
.m-drawer.is-open { display:block; }