/* Mens r001. All layout, typography and motion selectors belong to this LP. */
@font-face { font-family: "Mens Noto Sans JP"; src: url("fonts/noto-sans-jp-r001.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
/* The supplied common theme hides html until JS runs; keep this LP readable without JS. */
html:has(.lp-mens-collection) { visibility: visible; }
.lp-mens-collection { background: #f8fafb; color: #000; padding-bottom: 147px; font: 400 16px/1.875 "Mens Noto Sans JP","Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; letter-spacing: .8px; }
.lp-mens-collection *, .lp-mens-collection *::before, .lp-mens-collection *::after { box-sizing: border-box; }
.lp-mens-collection :where(h1,h2,h3,p,figure) { margin: 0; padding: 0; font-weight: 400; }
.lp-mens-collection img { display: block; width: 100%; max-width: 100%; height: auto; }
.lp-mens-collection .mn-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.lp-mens-collection .mn-canvas { position: relative; width: 100%; max-width: 650px; margin-inline: auto; background: #fff; }
.lp-mens-collection .mn-image { position: relative; line-height: 0; }
.lp-mens-collection .mn-image--crop { overflow: hidden; }
.lp-mens-collection .mn-image--crop img { position: absolute; width: var(--mn-img-w); max-width: none; height: var(--mn-img-h); left: var(--mn-img-x); top: var(--mn-img-y); }
.lp-mens-collection .mn-concept { padding: 80px 40px 95px; line-height: 40.8px; }
.lp-mens-collection :is(.mn-concept,.mn-product-text,.mn-description) > span { display: block; }
.lp-mens-collection .mn-section { position: relative; isolation: isolate; padding-top: 40px; padding-bottom: 150px; }
.lp-mens-collection .mn-section::before { content: ""; position: absolute; inset: 0 0 auto; height: 752.563px; background: #eff2f3; z-index: -1; }
.lp-mens-collection :is(.mn-heading,.mn-item-heading) { font: inherit; font-size: 28px; line-height: 52.5px; }
.lp-mens-collection .mn-heading { margin: 0 40px 30px; }
.lp-mens-collection .mn-item-heading { text-align: center; }
.lp-mens-collection .mn-description { font-size: 16px; line-height: 30px; overflow-wrap: anywhere; }
.lp-mens-collection .mn-editorial > .mn-description { width: 312px; margin: 40px 0 0 30px; }
.lp-mens-collection .mn-items { margin-top: 100px; }
.lp-mens-collection .mn-items-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; width: 520px; max-width: calc(100% - 40px); margin: 20px auto 0; }
.lp-mens-collection .mn-item { min-width: 0; display: flex; flex-direction: column; }
.lp-mens-collection .mn-item-image { aspect-ratio: 245 / 294; overflow: hidden; }
.lp-mens-collection .mn-item-image:not(.mn-image--crop) img { height: 100%; object-fit: cover; }
.lp-mens-collection .mn-info { min-width: 0; display: flex; flex: 1; flex-direction: column; }
.lp-mens-collection .mn-product-text { font-size: 14px; line-height: 26.25px; overflow-wrap: anywhere; }
.lp-mens-collection .mn-product-text > span:nth-child(2), .lp-mens-collection .mn-product-text > span:nth-child(3), .lp-mens-collection .mn-section--gift .mn-description > span { text-wrap: balance; }
.lp-mens-collection .mn-items-grid .mn-info { padding-top: 16px; }
.lp-mens-collection .mn-items-grid .mn-product-text { min-height: 158px; padding-bottom: 0; }
.lp-mens-collection .mn-button { display: flex; align-items: center; justify-content: center; width: 245px; max-width: 100%; min-height: 54px; padding: 10px 8px; border-radius: 9999px; background: #000; color: #fff; font-size: 16px; line-height: 30px; text-decoration: none; text-align: center; }
.lp-mens-collection .mn-items-grid .mn-button { margin-top: auto; }
.lp-mens-collection .mn-items-grid .mn-product-text { margin-bottom: 45px; }
.lp-mens-collection a.mn-button:is(:hover,:active,:focus-visible) { color: #fff; background: #333; }
.lp-mens-collection a.mn-button:focus-visible { outline: 3px solid #70695f; outline-offset: 4px; }
.lp-mens-collection .mn-button--unset { background: #777; }
/* Editorial photos retain the exact individual Figma crops. */
.lp-mens-collection .mn-section--editorial::before { height: 761.766px; }
.lp-mens-collection .mn-scene { position: relative; aspect-ratio: 650 / 986.5; }
.lp-mens-collection .mn-scene .mn-main { position: absolute; left: 0; top: 0; width: 73.53846%; }
.lp-mens-collection .mn-scene .mn-left { position: absolute; left: 4.61538%; top: 57.93107%; width: 43.69231%; }
.lp-mens-collection .mn-scene .mn-right { position: absolute; left: 55.69231%; top: 44.34871%; width: 38.15385%; }
.lp-mens-collection .mn-section--sweat .mn-left { left: 6.76923%; top: 58.14799%; }
.lp-mens-collection .mn-section--sweat .mn-right { left: 52.61538%; top: 44.26001%; }
.lp-mens-collection .mn-section--editorial .mn-editorial > .mn-description { margin-top: 36.5px; }
.lp-mens-collection .mn-section--hoodie .mn-items { margin-top: 54.5px; }
.lp-mens-collection .mn-section--hoodie { padding-bottom: 190px; }
.lp-mens-collection .mn-section--sweat .mn-items { margin-top: 70.5px; }
.lp-mens-collection .mn-section--sweat { padding-bottom: 190px; }
.lp-mens-collection .mn-section--collage .mn-main { width: 93.84615%; }
.lp-mens-collection .mn-section--cotton { padding-bottom: 180px; }
/* Knit: the description participates in layout, so a longer line never covers a CTA. */
.lp-mens-collection .mn-section--knit::before { height: 810.344px; }
.lp-mens-collection .mn-section--knit .mn-editorial > .mn-main { width: 73.53846%; }
.lp-mens-collection .mn-knit-row { display: grid; grid-template-columns: minmax(0,263fr) minmax(0,270fr); gap: 47px; padding: 0 40px 0 30px; margin-top: 40px; align-items: start; }
.lp-mens-collection .mn-knit-row .mn-description { line-height: 28px; }
.lp-mens-collection .mn-knit-row .mn-sub { margin-top: -166px; }
.lp-mens-collection .mn-section--smooth .mn-items { margin-top: 122.5px; }
/* Satin two-photo composition. */
.lp-mens-collection .mn-section--satin::before { height: 810.344px; }
.lp-mens-collection .mn-section--satin > .mn-main { width: 68.46154%; aspect-ratio: 445 / 483; margin-left: 10.84615%; overflow: hidden; }
.lp-mens-collection .mn-section--satin > .mn-main img { height: 100%; object-fit: cover; }
.lp-mens-collection .mn-satin-row { display: grid; grid-template-columns: 163px minmax(0,1fr); gap: 28px; align-items: end; margin: 40px 40px 0 73px; }
.lp-mens-collection .mn-satin-row .mn-sub { aspect-ratio: 163 / 244; }
.lp-mens-collection .mn-satin-row .mn-sub img { height: 100%; object-fit: cover; }
.lp-mens-collection .mn-satin-row .mn-product-text { font-size: 16px; line-height: 30px; }
.lp-mens-collection .mn-satin-row .mn-button { width: 218.125px; min-height: 50.25px; font-size: 14px; line-height: 26.25px; margin-top: 24px; }
/* Gift and women's product pair. */
.lp-mens-collection .mn-section--gift { padding: 40px 40px 53px; text-align: center; }
.lp-mens-collection .mn-section--gift::before { height: 376.641px; }
.lp-mens-collection .mn-section--gift .mn-heading { font-size: 24px; line-height: 45px; margin: 0 0 30px; }
.lp-mens-collection .mn-section--gift .mn-description { margin-top: 30px; }
.lp-mens-collection .mn-feature-link { margin-top: 45px; }
.lp-mens-collection .mn-feature-link .mn-button { width: 266.406px; margin-inline: auto; }
.lp-mens-collection .mn-section--pickup { padding-bottom: 113px; }
.lp-mens-collection .mn-section--pickup::before { left: 39px; right: 39px; height: 306px; background: #817c76; }
.lp-mens-collection .mn-section--pickup .mn-heading { margin: 0 0 12px; text-align: center; color: #fff; }
.lp-mens-collection .mn-section--pickup > .mn-description { color: #fff; text-align: center; font-size: 16px; line-height: 30px; }
.lp-mens-collection .mn-section--pickup > .mn-description > span { display: inline; }
.lp-mens-collection .mn-section--pickup .mn-items-grid { width: 490px; margin-top: 30px; }
.lp-mens-collection .mn-section--pickup .mn-product-text { min-height: 79px; }
/* Figma's 80px side gap, reduced only when the available viewport requires it. */
.lp-mens-collection .mn-side { position: fixed; top: min(50svh, calc(100svh - 328px)); width: 44px; height: 304px; z-index: 5; pointer-events: none; }
.lp-mens-collection .mn-side--left { right: calc(50% + 325px + clamp(24px, calc((100vw - 810px) / 2), 80px)); }
.lp-mens-collection .mn-side--right { left: calc(50% + 325px + clamp(24px, calc((100vw - 810px) / 2), 80px)); transform: rotate(180deg); }
.lp-mens-collection .mn-side img { height: 100%; object-fit: contain; }
.lp-mens-collection .mn-side[hidden] { display: none; }
.mn-preview-notice { padding: 10px 20px; background: #222; color: #fff; text-align: center; font: 14px/1.5 sans-serif; }
@media (max-width: 809px), (max-height: 399px) { .lp-mens-collection .mn-side { display: none; } }
@media (max-width: 650px) {
  .lp-mens-collection { padding-bottom: 80px; }
  .lp-mens-collection .mn-concept { padding: 60px 6.15385%; line-height: 2.3; }
  .lp-mens-collection .mn-section { padding-top: 30px; padding-bottom: 90px; }
  .lp-mens-collection .mn-heading { margin: 0 6.15385% 24px; }
  .lp-mens-collection .mn-section::before { height: 45%; max-height: 761px; }
  .lp-mens-collection .mn-section--editorial::before { height: 39%; }
  .lp-mens-collection .mn-editorial > .mn-description { width: auto; max-width: 390px; margin: 28px 8% 0 4.61538%; }
  .lp-mens-collection .mn-section .mn-items { margin-top: 70px; }
  .lp-mens-collection .mn-items-grid { width: 80%; max-width: calc(100% - 40px); gap: 20px; }
  .lp-mens-collection .mn-items-grid .mn-product-text { min-height: 0; margin-bottom: 28px; }
  .lp-mens-collection .mn-knit-row { gap: 5%; padding: 0 6.15385% 0 4.61538%; grid-template-columns: minmax(0,47fr) minmax(0,48fr); margin-top: 28px; }
  .lp-mens-collection .mn-knit-row .mn-sub { margin-top: -25.53846vw; }
  .lp-mens-collection .mn-satin-row { grid-template-columns: minmax(0,34fr) minmax(0,62fr); gap: 4%; margin: 28px 6.15385% 0 8%; }
  .lp-mens-collection .mn-satin-row .mn-product-text { font-size: 14px; line-height: 26px; }
  .lp-mens-collection .mn-section--gift { padding: 30px 6.15385% 60px; }
  .lp-mens-collection .mn-section--gift::before { height: 40%; }
  .lp-mens-collection .mn-section--pickup::before { left: 6%; right: 6%; height: 40%; }
  .lp-mens-collection .mn-section--pickup .mn-items-grid { width: 80%; }
}
@media (max-width: 450px) {
  .lp-mens-collection { font-size: 14px; }
  .lp-mens-collection .mn-concept { padding-block: 45px 60px; line-height: 2.25; }
  .lp-mens-collection :is(.mn-heading,.mn-item-heading) { font-size: 24px; line-height: 45px; }
  .lp-mens-collection .mn-description { font-size: 14px; line-height: 26px; }
  .lp-mens-collection .mn-product-text { font-size: 12px; line-height: 22px; letter-spacing: .3px; }
  .lp-mens-collection .mn-items-grid { width: calc(100% - 40px); gap: 16px; }
  .lp-mens-collection .mn-button { font-size: 12px; line-height: 24px; min-height: 48px; letter-spacing: .3px; padding-inline: 4px; }
  .lp-mens-collection .mn-knit-row { display: flex; flex-direction: column-reverse; gap: 28px; }
  .lp-mens-collection .mn-knit-row .mn-sub { width: 47%; margin-left: auto; }
  .lp-mens-collection .mn-knit-row .mn-description { width: 100%; line-height: 26px; }
  .lp-mens-collection .mn-satin-row .mn-product-text { font-size: 12px; line-height: 22px; }
  .lp-mens-collection .mn-satin-row .mn-button { font-size: 12px; margin-top: 20px; }
  .lp-mens-collection .mn-section--pickup .mn-items-grid { width: calc(100% - 56px); }
  .lp-mens-collection .mn-section--pickup > .mn-description { font-size: 14px; line-height: 21px; }
  .lp-mens-collection .mn-section--pickup > .mn-description > span { display: block; }
  .lp-mens-collection .mn-section--gift .mn-button { font-size: 14px; }
}
@media (max-width: 359px) {
  .lp-mens-collection .mn-items-grid, .lp-mens-collection .mn-section--pickup .mn-items-grid { grid-template-columns: minmax(0,1fr); width: 230px; gap: 40px; }
  .lp-mens-collection .mn-product-text { font-size: 14px; line-height: 26px; }
  .lp-mens-collection .mn-button { font-size: 14px; }
  .lp-mens-collection .mn-section--pickup::before { height: 290px; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-mens-collection [data-mn-reveal] { opacity: 1 !important; transform: none !important; }
}