/* Fukubag — mobile editorial drawer + home polish */
@media (max-width:768px){
  .es-nav__links,.es-nav__cta{display:none}
  .es-burger{display:flex}

  .es-drawer-backdrop[hidden]{display:block!important;opacity:0;visibility:hidden;pointer-events:none}
  .es-drawer-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}

  .es-drawer{
    display:flex!important;
    flex-direction:column;
    justify-content:flex-start;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(10%);
    padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 1.25rem);
    padding-bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px) + .5rem);
    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 .48s var(--ease);
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    overscroll-behavior:contain
  }
  .es-drawer[hidden]{display:flex!important}
  .es-drawer.is-open{
    opacity:1;visibility:visible;pointer-events:auto;transform:none
  }

  .es-drawer__head{
    opacity:0;transform:translateY(14px);
    transition:opacity .45s var(--ease),transform .45s var(--ease)
  }
  .es-drawer.is-open .es-drawer__head{opacity:1;transform:none}

  .es-drawer__nav a{
    opacity:0;transform:translateY(26px);
    transition:opacity .5s var(--ease),transform .5s var(--ease),color .25s,padding-left .4s var(--ease);
    min-height:48px;font-size:clamp(1.65rem,8vw,2.4rem)
  }
  .es-drawer.is-open .es-drawer__nav a{opacity:1;transform:none}
  .es-drawer.is-open .es-drawer__nav a:nth-child(1){transition-delay:.1s}
  .es-drawer.is-open .es-drawer__nav a:nth-child(2){transition-delay:.16s}
  .es-drawer.is-open .es-drawer__nav a:nth-child(3){transition-delay:.22s}
  .es-drawer.is-open .es-drawer__nav a:nth-child(4){transition-delay:.28s}
  .es-drawer.is-open .es-drawer__nav a:nth-child(5){transition-delay:.34s}

  .es-drawer__cta{min-height:48px!important;margin-top:1.1rem!important}
  .es-drawer__foot{
    opacity:0;transform:translateY(12px);
    transition:opacity .45s var(--ease) .42s,transform .45s var(--ease) .42s;
    margin-top:auto;padding-top:1.5rem
  }
  .es-drawer.is-open .es-drawer__foot{opacity:.85;transform:none}

  .es-nav{
    padding-top:calc(.65rem + env(safe-area-inset-top,0px));
    padding-left:max(1rem,env(safe-area-inset-left,0px));
    padding-right:max(.75rem,env(safe-area-inset-right,0px));
    z-index:95
  }
  body.is-nav-open .es-nav{background:rgba(13,13,15,.98)!important;color:var(--es-white)}

  .es-hero{
    display:flex;flex-direction:column;justify-content:flex-end;
    min-height:100svh;min-height:100dvh
  }
  .es-hero__stage{
    display:block
  }
  .es-hero__plate--w{
    position:absolute;inset:0;clip-path:none
  }
  .es-hero__plate--m{
    position:absolute;right:var(--pad);top:calc(var(--nav-h) + .85rem);
    width:min(38vw,148px);aspect-ratio:3/4;clip-path:none;
    border:2px solid rgba(250,250,248,.88);
    box-shadow:0 16px 40px rgba(0,0,0,.45);z-index:3;opacity:1;
    animation:esFloatCard 5.5s ease-in-out infinite
  }
  .es-hero__plate--m .es-hero__img{animation:esHeroKen 20s var(--ease) infinite alternate}
  .es-hero__plate--w .es-hero__plate-tag{display:none}
  .es-hero__plate--m .es-hero__plate-tag{
    left:auto;right:.45rem;bottom:.45rem;font-size:.5rem;
    background:rgba(13,13,15,.55);padding:.2rem .35rem
  }
  @keyframes esFloatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
  .es-hero__frame{
    padding:1.15rem var(--pad) clamp(1.75rem,7vw,2.75rem);
    max-width:none;padding-right:calc(var(--pad) + min(38vw,148px) + .35rem)
  }
  .es-hero__brand{
    font-size:clamp(3rem,15vw,4.6rem);
    margin-bottom:.55rem;letter-spacing:-.025em
  }
  .es-hero__headline{font-size:clamp(1.25rem,5.5vw,1.65rem);max-width:none}
  .es-hero__lead{font-size:clamp(.9rem,3.8vw,1rem);max-width:none;margin-bottom:1.25rem}
  .es-hero__actions{flex-direction:column;width:100%;margin-bottom:1.1rem;padding-right:0}
  .es-hero__actions .es-btn{width:100%;justify-content:center;min-height:48px}
  .es-hero__rails{width:100%;justify-content:space-between}
  .es-hero__scroll{display:none}

  .es-hero__frame [data-es]{
    opacity:0;animation:esRise .75s var(--ease) forwards
  }
  .es-hero__headline{animation-delay:.08s}
  .es-hero__lead{animation-delay:.14s}
  .es-hero__actions{animation-delay:.22s}
  @keyframes esRise{to{opacity:1;transform:none}}

  .es-marquee{padding:.7rem 0}
  .es-marquee__track{gap:1.75rem;font-size:.82rem;letter-spacing:.2em;animation-duration:28s}

  .es-gender{grid-template-columns:1fr;min-height:auto}
  .es-gender__strip{min-height:48vw}

  .es-lookbook__masonry{
    grid-template-columns:1fr 1fr;gap:.5rem;
    grid-auto-rows:auto
  }
  .es-lookbook__tile,.es-lookbook__tile--lead,.es-lookbook__tile--wide{
    grid-column:span 1;aspect-ratio:3/4
  }
  .es-lookbook__tile--lead{grid-column:span 2;aspect-ratio:4/5}
  .es-film__frame,.es-film__frame:nth-child(even){flex-basis:72vw;margin-top:0}

  .es-collections__row{
    grid-template-columns:2.2rem 72px 1fr;gap:.75rem;align-items:start
  }
  .es-collections__body h3{font-size:1.05rem}
  .es-collections__body p{font-size:.88rem}

  .es-arrivals__card{flex-basis:72vw}
  .es-process__grid{grid-template-columns:1fr;gap:1rem}
  .es-process__grid li{border-top:0;border-left:3px solid var(--es-blush)}
  .es-process__media{aspect-ratio:16/10}

  .es-spot__copy,.es-spot__copy--ink{padding:clamp(1.75rem,6vw,2.5rem)}
  .es-store__panel{margin:1rem;max-width:none}
  .es-fabric__strip{grid-template-columns:1fr 1fr;gap:.5rem}
  .es-faq__photo{min-height:260px}
  .es-cta{min-height:min(48vh,400px)}
  .es-cta__in .es-btn{width:100%;justify-content:center;min-height:48px}

  .es-foot__editorial{flex-direction:column;text-align:center;gap:.85rem}
  .es-foot__side--m{letter-spacing:.22em}
  .es-foot__grid{grid-template-columns:1fr;gap:1.75rem}
  .es-section-head--split{flex-direction:column;align-items:flex-start}
  .es-btn{min-height:48px}
}

@media (max-width:480px){
  .es-hero__brand{font-size:clamp(2.7rem,14vw,3.8rem)}
  .es-hero__plate--m{width:min(34vw,120px);top:calc(var(--nav-h) + .65rem)}
  .es-hero__frame{padding-right:var(--pad)}
  .es-lookbook__masonry{grid-template-columns:1fr}
  .es-lookbook__tile,.es-lookbook__tile--lead,.es-lookbook__tile--wide{grid-column:span 1}
  .es-gender__strip{min-height:56vw}
}

@media (prefers-reduced-motion:reduce){
  .es-hero__frame [data-es],
  .es-hero__scroll i,.js .es-home [data-es],.js .es-home [data-es-clip],.es-hero__brand .es-char{
    opacity:1!important;transform:none!important;animation:none!important;clip-path:none!important
  }
  .es-drawer,.es-drawer__nav a,.es-drawer__head,.es-drawer__foot,.es-marquee__track{transition:none!important;animation:none!important}
}