/* kazarihub — mobile nav + motion polish */
@media (max-width:768px){
  .br-drawer{
    display:flex!important;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(12%);
    background:
      linear-gradient(155deg,rgba(200,16,46,.28) 0%,transparent 46%),
      linear-gradient(0deg,rgba(184,184,184,.05),transparent 30%),
      rgba(10,10,10,.99);
    padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 1.1rem);
    padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));
    padding-left:max(var(--pad),env(safe-area-inset-left,0px));
    padding-right:max(var(--pad),env(safe-area-inset-right,0px));
    transition:opacity .42s var(--ease),visibility .42s,transform .52s var(--ease);
    justify-content:flex-start;
  }
  .br-drawer[hidden]{display:flex!important}
  .br-drawer.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .br-drawer__brand{
    display:block;
    opacity:0;
    transform:translateY(14px);
    transition:opacity .45s var(--ease),transform .45s var(--ease);
  }
  .br-drawer.is-open .br-drawer__brand{
    opacity:1;
    transform:none;
    transition-delay:.06s;
  }
  .br-drawer__nav a{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .5s var(--ease),transform .5s var(--ease),color .25s;
  }
  .br-drawer.is-open .br-drawer__nav a{opacity:1;transform:none}
  .br-drawer.is-open .br-drawer__nav a:nth-child(1){transition-delay:.1s}
  .br-drawer.is-open .br-drawer__nav a:nth-child(2){transition-delay:.16s}
  .br-drawer.is-open .br-drawer__nav a:nth-child(3){transition-delay:.22s}
  .br-drawer.is-open .br-drawer__nav a:nth-child(4){transition-delay:.28s}
  .br-drawer.is-open .br-drawer__nav a:nth-child(5){transition-delay:.34s}
  .br-drawer.is-open .br-drawer__nav a:nth-child(6){transition-delay:.4s}
  .br-drawer.is-open .br-drawer__nav a:nth-child(7){transition-delay:.46s}
  .br-drawer__nav a[aria-current="page"],
  .br-drawer__nav a.is-on{color:var(--br-signal)}
  .br-drawer__cta{
    color:var(--br-paper)!important;
    background:var(--br-signal);
    border-bottom:0!important;
    margin-top:.95rem;
    justify-content:center;
    padding:.95rem 1rem;
    letter-spacing:.18em;
    font-family:var(--font-ui);
    font-size:.85rem;
    font-weight:700;
    text-transform:uppercase;
  }
  .br-drawer__meta{
    margin-top:1.5rem;
    opacity:0;
    transform:translateY(12px);
    transition:opacity .45s var(--ease) .48s,transform .45s var(--ease) .48s;
  }
  .br-drawer.is-open .br-drawer__meta{
    opacity:.72;
    transform:none;
  }

  .br-nav{
    padding-top:calc(.65rem + env(safe-area-inset-top,0px));
    padding-bottom:.65rem;
    z-index:90;
  }
  .br-nav.is-solid,
  body.is-nav-open .br-nav{
    background:rgba(10,10,10,.96);
  }
  .br-burger{
    border:1px solid var(--br-line-chrome);
    border-radius:0;
    background:rgba(10,10,10,.45);
    position:relative;
  }
  .br-burger i{
    transition:transform .38s var(--ease),opacity .28s,width .3s;
  }
  .br-burger[aria-expanded="true"]{
    border-color:var(--br-signal);
    background:rgba(200,16,46,.14);
  }
  .br-burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .br-burger[aria-expanded="true"] i:nth-child(2){opacity:0;width:0}
  .br-burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

  .js [data-br] img,
  .js [data-br-clip] img{
    transform:scale(1.06);
    filter:saturate(.92);
    transition:transform 1.15s var(--ease),filter .85s ease;
  }
  .js [data-br].in img,
  .js [data-br-clip].in img{
    transform:scale(1);
    filter:none;
  }

  .br-hero__center .br-hero__brand,
  .br-hero__center .br-hero__line,
  .br-hero__center h1,
  .br-hero__center .br-hero__lead,
  .br-hero__center .br-hero__actions{
    animation:brRise .85s var(--ease) both;
  }
  .br-hero__center .br-hero__line{animation-delay:.06s}
  .br-hero__center h1{animation-delay:.12s}
  .br-hero__center .br-hero__lead{animation-delay:.2s}
  .br-hero__center .br-hero__actions{animation-delay:.3s}
  .br-hero__pane--women{animation:brPaneIn .7s var(--ease) .18s both}
  .br-hero__pane--men{animation:brPaneIn .7s var(--ease) .28s both}
  .br-hero__entry{
    animation:brRise .75s var(--ease) both;
  }
  .br-hero__pane--men .br-hero__entry{animation-delay:.14s}

  .br-btn:active,.br-link:active,.br-hero__entry:active{transform:scale(.97)}
  .br-cta .br-btn,.br-store .br-btn{width:100%}

  .br-hero__pane,
  .br-hero__media,
  .br-intro__media,
  .br-style__media,
  .br-spot__media,
  .br-spot__thumb,
  .br-dual__pane,
  .br-dual__media,
  .br-mosaic__cell,
  .br-film__frame,
  .br-card__media,
  .br-crop,
  .br-note__media,
  .br-faq__media,
  .br-season__media,
  .br-store,
  .br-cta{
    background:var(--br-black-lift);
    overflow:hidden;
  }
  .br-store,.br-cta{min-height:54svh}
  .br-intro__media,.br-style__media,.br-spot__media,.br-faq__media{
    aspect-ratio:4/3;
    min-height:160px;
    max-height:42svh;
  }
  .br-dual__media,.br-mosaic__cell,.br-film__frame,.br-card__media,.br-crop,.br-note__media,.br-season__media,.br-spot__thumb{
    min-height:140px;
  }
  .br-hero__media img,
  .br-intro__media img,.br-style__media img,.br-spot__media img,.br-faq__media img,
  .br-dual__media img,.br-mosaic__cell img,.br-film__frame img,.br-card__media img,
  .br-crop img,.br-note__media img,.br-season__media img,.br-spot__thumb img,
  .br-store__media img,.br-cta__media img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  body.is-nav-open{
    overflow:hidden;
    touch-action:none;
  }
}

@media (max-width:480px){
  .br-hero__brand{letter-spacing:.1em}
  .br-drawer__nav a{font-size:clamp(1.55rem,7.5vw,2.25rem);padding:.45rem 0}
  .br-drawer__brand{letter-spacing:.22em;font-size:.95rem}
  .br-intro__media,.br-style__media,.br-spot__media,.br-dual__pane,.br-faq__media{
    aspect-ratio:4/3;
    min-height:150px;
    max-height:38svh;
  }
}

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

@media (prefers-reduced-motion:reduce){
  .br-drawer,.br-drawer__brand,.br-drawer__nav a,.br-drawer__meta,.js [data-br] img,
  .br-hero__center .br-hero__brand,.br-hero__center .br-hero__line,.br-hero__center h1,.br-hero__center .br-hero__lead,.br-hero__center .br-hero__actions,
  .br-hero__pane--women,.br-hero__pane--men,.br-hero__entry{
    animation:none!important;transition:none!important;opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important
  }
}