/* benriinvest — mobile nav + motion */
@media (max-width:768px){
.br-drawer{
  display:flex!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(10,10,10,.97);
  padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 1.5rem);
  padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));
  transition:opacity .4s var(--ease),visibility .4s;
}
.br-drawer[hidden]{display:flex!important}
.br-drawer.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.br-drawer a{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .5s var(--ease),transform .5s var(--ease),letter-spacing .35s,color .25s;
}
.br-drawer.is-open a{opacity:1;transform:none}
.br-drawer.is-open a:nth-child(1){transition-delay:.08s}
.br-drawer.is-open a:nth-child(2){transition-delay:.14s}
.br-drawer.is-open a:nth-child(3){transition-delay:.2s}
.br-drawer.is-open a:nth-child(4){transition-delay:.26s}
.br-drawer.is-open a:nth-child(5){transition-delay:.32s}
.br-drawer.is-open a:nth-child(6){transition-delay:.38s}
.br-drawer a[aria-current="page"],
.br-drawer a.is-on{color:var(--br-gold)}
.br-drawer__cta{
  color:var(--br-gold);
  border-bottom-color:var(--br-gold);
}
.br-drawer__meta{
  margin-top:1.6rem;
  font-family:var(--font-ui);
  font-size:.78rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.7;
}
  .br-nav{
    padding-top:calc(.75rem + env(safe-area-inset-top,0px));
  }
  .br-burger{
    border:1px solid var(--br-line-gold);
    border-radius:0;
  }
  .js [data-br] img,
  .js [data-br-clip] img{
    transform:scale(1.08);
    filter:saturate(.88);
    transition:transform 1.2s var(--ease),filter .9s ease;
  }
  .js [data-br].in img,
  .js [data-br-clip].in img{
    transform:scale(1);
    filter:none;
  }
  .br-hero__copy h1,
  .br-hero__copy p{animation:brRise .85s var(--ease) both}
  .br-hero__copy p{animation-delay:.12s}
  .br-hero__actions{animation:brRise .85s var(--ease) .2s both}
  .br-btn:active,.br-link:active{transform:scale(.97)}
  .br-hero .br-btn,.br-cta .br-btn{width:100%}
}

@media (max-width:480px){
  .br-hero__pane{min-height:36svh;max-height:40svh}
  .br-intro__media,.br-split__media,.br-style__media,.br-spot__media{
    min-height:0;
    max-height:42svh;
    aspect-ratio:4/3;
  }
}

@keyframes brRise{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .br-drawer,.br-drawer a,.js [data-br] img,.br-hero__copy h1,.br-hero__copy p,.br-hero__actions{
    animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important
  }
}