/* Exact hero crop contract from uploaded yumay-figma-make-hero reference. */
.ymk .ymk-shell{padding-left:28px!important;padding-right:28px!important}
.ymk .ymk-hero{height:750px!important;border-radius:20px!important;isolation:isolate}
.ymk .ymk-hero-slide,.ymk .ymk-layer{position:absolute!important;inset:0!important;overflow:hidden!important}
.ymk .ymk-hero-slide{opacity:0;transition:opacity 500ms ease-in-out;pointer-events:none}
.ymk .ymk-hero-slide.is-active{opacity:1}

.ymk .ymk-layer-base{position:absolute!important;left:0!important;top:-13.47%!important;width:100%!important;height:144%!important;max-width:none!important;object-fit:fill!important;object-position:initial!important;transform:none!important}
.ymk .ymk-layer-shoe{position:absolute!important;left:0!important;top:-44%!important;width:100%!important;height:144%!important;max-width:none!important;object-fit:fill!important;object-position:initial!important;transform:none!important}
.ymk .ymk-layer-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
.ymk .ymk-hero-slide>img:not(.ymk-layer-bag){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
.ymk .ymk-layer-bag{position:absolute!important;width:125.14%!important;height:149.43%!important;max-width:none!important;left:-12.57%!important;top:-41.17%!important;object-fit:fill!important;object-position:initial!important;transform:none!important}

.ymk .ymk-header{height:88px!important;padding:28px 48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;grid-template-columns:none!important;color:#fff!important}
.ymk .ymk-menu{display:flex!important;align-items:center!important;gap:36px!important}
.ymk .ymk-menu a{color:#fff!important;text-transform:uppercase;font-size:13px!important;font-weight:600!important;line-height:1!important}
.ymk .ymk-logo{position:absolute!important;left:50%!important;top:19px!important;width:167px!important;height:50px!important;transform:translateX(-50%)!important;overflow:hidden!important}
.ymk .ymk-logo img{position:absolute!important;width:136.53%!important;height:456.09%!important;max-width:none!important;left:-17.96%!important;top:-177.06%!important;object-fit:cover!important}
.ymk .ymk-actions{display:flex!important;align-items:center!important;gap:24px!important;margin-left:auto!important}
.ymk .ymk-action{width:20px!important;height:20px!important;padding:0!important;border:0!important;background:transparent!important;color:#fff!important}
.ymk .ymk-action svg{display:block!important;width:20px!important;height:20px!important;color:#fff!important}
.ymk .ymk-action svg [stroke]{stroke:#fff!important}
.ymk .ymk-white-mark{position:absolute!important;z-index:4!important;left:50%!important;top:122px!important;width:596px!important;height:596px!important;transform:translateX(-50%)!important;pointer-events:none!important}
.ymk .ymk-white-mark img{width:100%!important;height:100%!important;object-fit:cover!important}
.ymk .ymk-hero:before{top:0!important;height:160px!important;background:linear-gradient(to bottom,rgba(0,0,0,.4),rgba(0,0,0,0))!important}
.ymk .ymk-hero:after{top:350px!important;bottom:auto!important;height:400px!important;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.55))!important}

@media(max-width:900px){
  .ymk .ymk-shell{padding-left:16px!important;padding-right:16px!important}
  .ymk .ymk-hero{height:min(750px,145vw)!important;border-radius:16px!important}
  .ymk .ymk-header{height:72px!important;padding:20px!important}
  .ymk .ymk-menu{display:none!important}
  .ymk .ymk-mobile-menu{display:flex!important;width:20px!important;height:14px!important}
  .ymk .ymk-logo{top:13px!important;width:132px!important;height:42px!important}
  .ymk .ymk-actions{gap:14px!important}
  .ymk .ymk-account{display:none!important}
  .ymk .ymk-white-mark{top:18%!important;width:min(78vw,596px)!important;height:min(78vw,596px)!important}
  .ymk .ymk-hero:after{top:47%!important;height:53%!important}
}
@media(max-width:480px){
  .ymk .ymk-shell{padding-left:12px!important;padding-right:12px!important}
  .ymk .ymk-hero{min-height:520px!important}
  .ymk .ymk-logo{width:112px!important}
  .ymk .ymk-white-mark{top:22%!important;width:86vw!important;height:86vw!important}
}
@media(prefers-reduced-motion:reduce){.ymk .ymk-hero-slide{transition:none!important}}

@media(max-width:767px){
  .ymk .ymk-hero{height:420px!important;min-height:0!important}
  .ymk .ymk-hero-slide{visibility:hidden}
  .ymk .ymk-hero-slide.is-active{visibility:visible}
  .ymk .ymk-hero-slide:first-child .ymk-layer-base,.ymk .ymk-hero-slide:first-child .ymk-layer-overlay{inset:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;transform:none!important}
  .ymk .ymk-hero-slide:nth-child(2) .ymk-layer-base{display:none!important}
  .ymk .ymk-hero-slide:nth-child(2) .ymk-layer-shoe{inset:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important}
  .ymk .ymk-hero-slide:nth-child(3)>img,.ymk .ymk-hero-slide:nth-child(4)>img{object-fit:cover!important;object-position:center center!important}
  .ymk .ymk-hero-slide:nth-child(5) .ymk-layer-bag{left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;transform:none!important}
}