@media (max-width:768px){
.bn-drawer-backdrop{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .4s var(--bn-ease),visibility .4s;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}
.bn-drawer-backdrop.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.bn-drawer{
  padding-top:calc(5rem + env(safe-area-inset-top,0px));
  padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px));
  padding-right:calc(1.75rem + env(safe-area-inset-right,0px));
}
.bn-drawer a{
  opacity:0;
  transform:translateX(22px);
  transition:opacity .45s var(--bn-ease),transform .45s var(--bn-ease),color .2s;
}
.bn-drawer.is-open a{
  opacity:1;
  transform:none;
}
.bn-drawer.is-open a:nth-child(2){transition-delay:.08s}
.bn-drawer.is-open a:nth-child(3){transition-delay:.14s}
.bn-drawer.is-open a:nth-child(4){transition-delay:.2s}
.bn-drawer.is-open a:nth-child(5){transition-delay:.26s}
.bn-drawer.is-open a:nth-child(6){transition-delay:.32s}
.bn-drawer.is-open a:nth-child(7){transition-delay:.38s}
.bn-drawer a.is-on{color:var(--bn-mint)}
.bn-drawer__cta{
  margin-top:.6rem;
  justify-content:center;
  border-radius:999px;
  background:var(--bn-aqua);
  color:var(--bn-foam)!important;
  padding:0 1.1rem;
}
@media (max-width:768px){
  .bn-nav{
    z-index:80;
    height:calc(var(--bn-nav-h) + env(safe-area-inset-top,0px));
    padding-top:env(safe-area-inset-top,0px);
  }
  .bn-burger{
    border-radius:12px;
    background:rgba(15,118,110,.08);
  }
  .js [data-fade] img,
  .js [data-reveal] img{
    transform:scale(1.08);
    filter:saturate(.86);
    transition:transform 1.15s var(--bn-ease),filter .9s ease;
  }
  .js [data-fade].is-in img,
  .js [data-reveal].is-in img{
    transform:scale(1);
    filter:none;
  }
  .bn-hero__copy h1,
  .bn-hero__copy p,
  .bn-pagehero h1{
    animation:bnRise .8s var(--bn-ease) both;
  }
  .bn-hero__copy p{animation-delay:.12s}
  .bn-hero .bn-actions,
  .bn-pagehero .bn-actions{animation:bnRise .8s var(--bn-ease) .22s both}
  .bn-btn{
    transition:transform .2s var(--bn-ease),box-shadow .2s,background .2s,color .2s;
  }
  .bn-btn:active{transform:scale(.96)}
  .bn-hero .bn-btn,
  .bn-finale .bn-btn,
  .bn-cta .bn-btn{width:100%}
}

@media (max-width:480px){
  .bn-hero,.bn-pagehero{min-height:100svh}
  .bn-hero__copy{padding-left:.9rem;padding-right:.9rem;padding-bottom:max(3.5rem,env(safe-area-inset-bottom))}
  .bn-split__media,.bn-split__media--tall,.bn-featured__pic{
    min-height:200px;
    max-height:42svh;
    aspect-ratio:4/3;
  }
}

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

@media (prefers-reduced-motion:reduce){
  .bn-drawer a,.bn-drawer-backdrop,.js [data-fade] img,.js [data-reveal] img,
  .bn-hero__copy h1,.bn-hero__copy p,.bn-hero .bn-actions{animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important}
}