/* MEN'S LAB reference finish: real DOM/CSS layout, not full-section screenshot rows. */
@media (min-width: 1021px) {
  html,
  body.gentlestyle-body.home {
    width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    background: #f7efe2 !important;
  }

  body.gentlestyle-body.home .gentlestyle-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    background:
      radial-gradient(circle at 12% 14%, rgba(121, 112, 91, 0.08), transparent 23rem),
      linear-gradient(180deg, #f7efe2 0, #f2e6d3 49.8rem, #f9f1e5 49.8rem) !important;
  }

  body.gentlestyle-body.home .gentlestyle-shell > .absolute {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-book-header {
    height: 110px !important;
    min-height: 110px !important;
    padding: 0 3.4rem !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(76, 58, 34, 0.18) !important;
    background:
      repeating-linear-gradient(90deg, rgba(74, 58, 37, 0.035) 0 1px, transparent 1px 44px),
      linear-gradient(180deg, #f8f1e6, #f4ead9) !important;
    box-shadow: 0 0.18rem 0.5rem rgba(89, 66, 37, 0.08) !important;
  }

  body.gentlestyle-body.home .gentlestyle-book-header__inner {
    position: relative !important;
    width: 100% !important;
    max-width: 1428px !important;
    height: 110px !important;
    margin: 0 auto !important;
    align-items: center !important;
  }

  body.gentlestyle-body.home .gentlestyle-book-header__brand {
    position: relative !important;
    width: 300px !important;
    min-height: 76px !important;
    padding: 1.3rem 0 0 4.85rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-brand::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.88rem !important;
    display: block !important;
    width: 3.65rem !important;
    height: 4.1rem !important;
    background: url("./assets/menslab-light-archive/ref-logo-mark.png") center / contain no-repeat !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-book-header__eyebrow {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-book-header__logo {
    display: block !important;
    color: #22211d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 2.05rem !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }

  body.gentlestyle-body.home .gentlestyle-book-header__logo span {
    color: #a26f35 !important;
  }

  body.gentlestyle-body.home .gentlestyle-brand__tagline {
    display: block !important;
    margin-top: 0.68rem !important;
    color: #302b22 !important;
    font-size: 0.72rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
  }

  body.gentlestyle-body.home .gentlestyle-main-nav {
    position: absolute !important;
    left: 22.2rem !important;
    top: 2rem !important;
    display: grid !important;
    grid-template-columns: repeat(5, 132px) !important;
    gap: 0.42rem !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: start !important;
  }

  body.gentlestyle-body.home .gentlestyle-main-nav__link {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 132px !important;
    height: 55px !important;
    padding: 0.56rem 0.4rem 0.45rem !important;
    border: 1px solid rgba(102, 73, 39, 0.34) !important;
    border-radius: 0 !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,0.35), transparent 44%),
      repeating-linear-gradient(0deg, transparent 0 0.78rem, rgba(93, 69, 42, 0.055) 0.78rem calc(0.78rem + 1px)),
      #efe1c9 !important;
    box-shadow: 0.18rem 0.18rem 0 rgba(87, 58, 27, 0.1) !important;
    color: #251f17 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.79rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.05em !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.gentlestyle-body.home .gentlestyle-main-nav__bullet,
  body.gentlestyle-body.home .gentlestyle-main-nav__sub,
  body.gentlestyle-body.home .gentlestyle-main-nav__link .gentlestyle-numeric,
  body.gentlestyle-body.home .gentlestyle-nav-icon {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-main-nav__link::after {
    content: "Category" !important;
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0.3rem !important;
    border: 0 !important;
    background: transparent !important;
    color: #9b6d45 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.58rem !important;
    font-style: italic !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    transform: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-main-nav .gentlestyle-main-nav__link:has(.gentlestyle-main-nav__sub)::after {
    content: "Category" !important;
    display: block !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-tools {
    position: absolute !important;
    left: 46.6rem !important;
    top: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.95rem !important;
    height: 55px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-icon {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    width: 3rem !important;
    height: 3rem !important;
    color: #1f221d !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-icon svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-search::after,
  body.gentlestyle-body.home .gentlestyle-header-bookmark::after {
    position: absolute !important;
    bottom: -0.88rem !important;
    color: #2d281f !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.08em !important;
    white-space: nowrap !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-search::after {
    content: "検索" !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-bookmark::after {
    content: "お気に入り" !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-about {
    display: grid !important;
    place-items: center !important;
    width: 9.1rem !important;
    height: 3.55rem !important;
    margin-left: 0.16rem !important;
    border-radius: 0.28rem !important;
    border: 1px solid rgba(23, 39, 28, 0.35) !important;
    background: #1f3828 !important;
    color: #fff7e5 !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    text-align: center !important;
  }

  body.gentlestyle-body.home .gentlestyle-header-about::after {
    content: "About" !important;
    display: block !important;
    margin-top: 0.22rem !important;
    color: #e2c79d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.64rem !important;
    font-style: italic !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
  }

  body.gentlestyle-body.home .gentlestyle-archive-hero::after,
  body.gentlestyle-body.home .gentlestyle-guide-grid::before,
  body.gentlestyle-body.home .gentlestyle-hero__feature::before {
    display: none !important;
    background: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-archive-hero {
    height: 497px !important;
    min-height: 497px !important;
    margin: 0 !important;
    padding: 22px 0 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background:
      linear-gradient(90deg, rgba(250, 245, 233, 0.86) 0 42%, rgba(238, 213, 177, 0.3) 42%),
      #efe2cb !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 0.78 !important;
    filter: saturate(0.82) contrast(0.92) brightness(1.08) !important;
  }

  body.gentlestyle-body.home .gentlestyle-archive-hero .gentlestyle-hero__grid {
    position: relative !important;
    z-index: 2 !important;
    width: min(83.5vw, 1282px) !important;
    max-width: min(83.5vw, 1282px) !important;
    height: 445px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 399px 442px minmax(0, 1fr) !important;
    grid-template-rows: 445px !important;
    gap: 28px !important;
    align-items: start !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 399px !important;
    max-width: 399px !important;
    min-height: 445px !important;
    margin: 8px 0 0 !important;
    padding: 6.45rem 3.25rem 2rem !important;
    border: 0 !important;
    border-radius: 0.12rem !important;
    background:
      radial-gradient(circle at 16% 13%, rgba(173, 68, 50, 0.07), transparent 4rem),
      linear-gradient(rgba(255, 251, 241, 0.86), rgba(255, 251, 241, 0.88)),
      url("./assets/menslab-light-archive/paper-texture.png") center / cover !important;
    box-shadow: 0 0.55rem 0.95rem rgba(83, 58, 29, 0.13) !important;
    clip-path: polygon(1.4% 1.8%, 98.3% 0.8%, 99.2% 97.8%, 1.2% 99.2%) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__copy::before {
    content: "PRIVATE\A ARCHIVE" !important;
    position: absolute !important;
    left: 2rem !important;
    top: 1.55rem !important;
    display: grid !important;
    place-items: center !important;
    width: 3.6rem !important;
    height: 3.6rem !important;
    border: 1px solid rgba(168, 64, 52, 0.54) !important;
    border-radius: 50% !important;
    color: rgba(153, 47, 42, 0.68) !important;
    font-family: Arial, sans-serif !important;
    font-size: 0.48rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.05 !important;
    transform: rotate(-12deg) !important;
    white-space: pre !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__copy::after {
    content: "" !important;
    position: absolute !important;
    inset: 0.25rem !important;
    display: block !important;
    border: 1px solid rgba(95, 69, 36, 0.08) !important;
    pointer-events: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__kicker {
    margin: 0 0 0.92rem !important;
    color: #2f2a24 !important;
    font-size: 0.57rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-align: center !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero h1 {
    margin: 0 !important;
    color: #141412 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 3rem !important;
    font-weight: 500 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__lead {
    max-width: 18.75rem !important;
    margin-top: 1.3rem !important;
    color: #38342c !important;
    font-size: 0.69rem !important;
    font-weight: 500 !important;
    line-height: 1.88 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__actions {
    margin-top: 1.05rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__actions a {
    min-width: 17.3rem !important;
    min-height: 2.64rem !important;
    justify-content: center !important;
    border-radius: 0.18rem !important;
    background: #263f2d !important;
    color: #fff6e1 !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 442px !important;
    max-width: 442px !important;
    min-height: 440px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 6px solid rgba(255, 253, 247, 0.96) !important;
    border-radius: 0.28rem !important;
    background: linear-gradient(180deg, #fffdf7, #f7ecd7) !important;
    box-shadow:
      0.45rem -0.34rem 0 rgba(255, 251, 241, 0.85),
      0 0.8rem 1.45rem rgba(54, 39, 21, 0.12) !important;
    overflow: hidden !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-media {
    width: 100% !important;
    aspect-ratio: 420 / 178 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-body {
    min-height: 248px !important;
    padding: 1.08rem 1.45rem 0.95rem !important;
    background:
      linear-gradient(180deg, rgba(255, 251, 241, 0.94), rgba(249, 240, 223, 0.96)),
      repeating-linear-gradient(0deg, transparent 0 1.15rem, rgba(95, 69, 36, 0.04) 1.15rem calc(1.15rem + 1px)) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-body p {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 0.8rem !important;
    font-size: 0.62rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-body p span {
    min-width: 5.65rem !important;
    padding: 0.14rem 0.55rem !important;
    border: 1px solid rgba(95, 69, 36, 0.24) !important;
    background: rgba(255, 251, 241, 0.75) !important;
    color: #34483c !important;
    text-align: center !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-body h2 {
    max-width: 22.8rem !important;
    margin: 0 0 0.9rem !important;
    color: #151512 !important;
    font-size: 1.09rem !important;
    font-weight: 500 !important;
    line-height: 1.56 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-excerpt {
    max-width: 23rem !important;
    margin-bottom: 1.05rem !important;
    color: #4a4338 !important;
    font-size: 0.62rem !important;
    line-height: 1.72 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-body > span:last-child {
    display: inline-flex !important;
    align-items: center !important;
    gap: 1rem !important;
    color: #2f4d40 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 0.58rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature-body > span:last-child::after {
    content: "" !important;
    display: inline-block !important;
    width: 2.6rem !important;
    height: 1px !important;
    background: #2f4d40 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__feature::after {
    content: "ML" !important;
    position: absolute !important;
    right: 1rem !important;
    bottom: 0.95rem !important;
    display: grid !important;
    place-items: center !important;
    width: 2.85rem !important;
    height: 2.85rem !important;
    border: 1px solid rgba(168, 64, 52, 0.36) !important;
    border-radius: 50% !important;
    background: rgba(255, 250, 238, 0.64) !important;
    color: rgba(153, 47, 42, 0.58) !important;
    font-size: 0.72rem !important;
    font-style: italic !important;
    transform: rotate(10deg) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__shelf {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    width: calc(100% + 7.9vw) !important;
    height: 445px !important;
    min-height: 445px !important;
    margin-left: -0.25rem !important;
    overflow: hidden !important;
    background:
      linear-gradient(90deg, rgba(53, 33, 16, 0.55) 0 1px, transparent 1px 31%, rgba(53, 33, 16, 0.55) 31% calc(31% + 2px), transparent calc(31% + 2px) 100%),
      linear-gradient(180deg, #5c3719 0 7px, transparent 7px 42%, #5a371a 42% calc(42% + 11px), transparent calc(42% + 11px) 75%, #5b381b 75% calc(75% + 11px), transparent calc(75% + 11px)),
      repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 19px),
      linear-gradient(90deg, #4f3017, #9b6736 16%, #c58c4e 54%, #5a3519) !important;
    box-shadow: inset 0 0 0 1px rgba(75, 48, 24, 0.2) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__shelf::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      repeating-linear-gradient(90deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 34px),
      repeating-linear-gradient(0deg, rgba(62, 39, 20, 0.08) 0 2px, transparent 2px 9px) !important;
    opacity: 0.22 !important;
    pointer-events: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__book-row {
    position: absolute !important;
    left: 1.45rem !important;
    top: 0.65rem !important;
    display: flex !important;
    align-items: stretch !important;
    height: 9.25rem !important;
    gap: 0.18rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__book-row span {
    display: grid !important;
    place-items: center !important;
    width: 2.25rem !important;
    padding: 0.4rem 0.18rem !important;
    border: 1px solid rgba(73, 48, 27, 0.24) !important;
    background: linear-gradient(180deg, #dec7a6, #b9966a) !important;
    color: #241f18 !important;
    font-size: 0.56rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    writing-mode: vertical-rl !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__drawer-row {
    position: absolute !important;
    left: 1.1rem !important;
    right: 0.9rem !important;
    top: 15.1rem !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.58rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__drawer-row span {
    position: relative !important;
    display: block !important;
    height: 4.15rem !important;
    border: 1px solid rgba(55, 35, 19, 0.5) !important;
    background:
      linear-gradient(90deg, rgba(255,255,255,0.1), transparent 38%),
      linear-gradient(180deg, #a37244, #704728) !important;
    box-shadow: inset 0 0 0 0.16rem rgba(51, 32, 17, 0.16), 0 0.18rem 0.3rem rgba(45, 31, 16, 0.2) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__drawer-row span::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 1.25rem !important;
    width: 3.4rem !important;
    height: 1.28rem !important;
    transform: translateX(-50%) !important;
    border: 2px solid #b59152 !important;
    background: #efe2c8 !important;
    box-shadow: 0 0 0 1px rgba(63, 40, 21, 0.28) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__drawer-row span::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0.65rem !important;
    width: 0.6rem !important;
    height: 0.6rem !important;
    transform: translateX(-50%) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle at 35% 30%, #f3cf80, #8b6330) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__daily-note {
    position: absolute !important;
    left: 7.7rem !important;
    bottom: 1.35rem !important;
    width: 14.4rem !important;
    min-height: 5rem !important;
    padding: 1.1rem 1rem 0.6rem !important;
    text-align: center !important;
    border: 1px solid rgba(95, 69, 36, 0.16) !important;
    background:
      repeating-linear-gradient(0deg, transparent 0 1.08rem, rgba(95, 69, 36, 0.09) 1.08rem calc(1.08rem + 1px)),
      rgba(255, 249, 236, 0.9) !important;
    box-shadow: 0 0.3rem 0.55rem rgba(55, 35, 19, 0.16) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__daily-note strong {
    display: block !important;
    margin-bottom: 0.42rem !important;
    font-size: 0.86rem !important;
    font-weight: 500 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__daily-note p {
    margin: 0 !important;
    font-size: 0.58rem !important;
    line-height: 1.75 !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__daily-note em {
    display: block !important;
    margin-top: 0.3rem !important;
    color: #9b8d78 !important;
    font-size: 0.5rem !important;
    font-style: italic !important;
    text-align: right !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__ink {
    position: absolute !important;
    right: 1.1rem !important;
    bottom: 1.75rem !important;
    display: grid !important;
    place-items: center !important;
    width: 3.8rem !important;
    height: 3.25rem !important;
    border-radius: 0.42rem 0.42rem 0.25rem 0.25rem !important;
    background: linear-gradient(180deg, #1b1a16, #070705) !important;
    color: #d8b46c !important;
    font-size: 1.1rem !important;
    font-style: italic !important;
    box-shadow: 0 0.35rem 0.5rem rgba(30, 20, 10, 0.35) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__note {
    grid-column: 3 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 5 !important;
    justify-self: end !important;
    width: 16rem !important;
    min-height: 8.6rem !important;
    margin: 2.35rem 1.5rem 0 0 !important;
    padding: 1.2rem 1.15rem 0.9rem !important;
    opacity: 1 !important;
    transform: none !important;
    border: 1px solid rgba(95, 69, 36, 0.18) !important;
    background:
      repeating-linear-gradient(0deg, transparent 0 1.1rem, rgba(95, 69, 36, 0.08) 1.1rem calc(1.1rem + 1px)),
      rgba(255, 249, 236, 0.96) !important;
    box-shadow: 0 0.32rem 0.72rem rgba(55, 35, 19, 0.12) !important;
  }

  body.gentlestyle-body.home .gentlestyle-hero__note::before,
  body.gentlestyle-body.home .gentlestyle-hero__note::after,
  body.gentlestyle-body.home .gentlestyle-hero__props {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-home-section {
    height: 184px !important;
    min-height: 184px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background:
      linear-gradient(180deg, transparent calc(100% - 1.55rem), #9f6528 calc(100% - 1.55rem), #744214 100%),
      linear-gradient(180deg, #f8eedc, #e9d7ba) !important;
  }

  body.gentlestyle-body.home .gentlestyle-home-section > .max-w-6xl {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
  }

  body.gentlestyle-body.home .gentlestyle-home-section .gentlestyle-section-heading {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-grid {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 21.3% 19.8% 19.2% 19.2% 20.5% !important;
    height: 184px !important;
    min-height: 184px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    background:
      linear-gradient(90deg, rgba(62, 39, 20, 0.18) 1px, transparent 1px) 0 0 / 20% 100%,
      linear-gradient(180deg, transparent calc(100% - 1.55rem), #9f6528 calc(100% - 1.55rem), #744214 100%),
      linear-gradient(180deg, rgba(255, 251, 241, 0.92), rgba(244, 232, 209, 0.84)) !important;
    transform: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-grid > * {
    opacity: 1 !important;
    min-height: 8.7rem !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(95, 69, 36, 0.18) !important;
    border-right: 1px solid rgba(95, 69, 36, 0.1) !important;
    border-bottom: 0 !important;
    background:
      repeating-linear-gradient(0deg, transparent 0 1.05rem, rgba(95, 69, 36, 0.055) 1.05rem calc(1.05rem + 1px)),
      rgba(255, 251, 241, 0.9) !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 4.4rem minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    align-content: start !important;
    column-gap: 1rem !important;
    padding: 1.22rem 1.45rem 1.1rem !important;
    box-shadow: inset 0 -1.55rem 0 rgba(95, 69, 36, 0.12) !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 0.18rem !important;
    width: 2.8rem !important;
    height: 1rem !important;
    transform: translateX(-50%) !important;
    border: 2px solid #a77b39 !important;
    background: #efe2c8 !important;
    box-shadow: 0 0 0 1px rgba(63, 40, 21, 0.18) !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card--intro,
  body.gentlestyle-body.home .gentlestyle-guide-card--ranking {
    display: block !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card--intro::after,
  body.gentlestyle-body.home .gentlestyle-guide-card--ranking::after {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__image {
    grid-row: 1 / span 3 !important;
    align-self: center !important;
    width: 4rem !important;
    height: 4rem !important;
    margin: 0 !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__image::before {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__class {
    margin: 0 0 0.45rem !important;
    font-size: 0.56rem !important;
    letter-spacing: 0.08em !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__title {
    margin: 0 0 0.45rem !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__body {
    margin: 0 0 0.6rem !important;
    font-size: 0.58rem !important;
    line-height: 1.7 !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card__footer,
  body.gentlestyle-body.home .gentlestyle-guide-card__text-link {
    font-size: 0.52rem !important;
    letter-spacing: 0.12em !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card--ranking {
    margin: 0 0.7rem 0 auto !important;
    width: 12.1rem !important;
    border-left: 0.42rem double rgba(129, 92, 45, 0.55) !important;
    background:
      repeating-linear-gradient(0deg, transparent 0 1.04rem, rgba(95, 69, 36, 0.09) 1.04rem calc(1.04rem + 1px)),
      #fff6e6 !important;
  }

  body.gentlestyle-body.home .gentlestyle-guide-card--ranking ol {
    margin: 0.36rem 0 0.42rem 1rem !important;
    padding: 0 !important;
    font-size: 0.58rem !important;
    line-height: 1.55 !important;
  }

  body.gentlestyle-body.home section.py-12 {
    height: 356px !important;
    min-height: 356px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background:
      radial-gradient(circle at 19% 23%, rgba(179, 76, 53, 0.06), transparent 5rem),
      #f7ecda !important;
  }

  body.gentlestyle-body.home section.py-12 > .flex {
    display: block !important;
    width: min(84vw, 1288px) !important;
    max-width: min(84vw, 1288px) !important;
    height: 356px !important;
    margin: 0 auto !important;
    padding: 1.45rem 0 0 !important;
    opacity: 1 !important;
  }

  body.gentlestyle-body.home section.py-12 > .flex > div:first-child {
    display: grid !important;
    grid-template-columns: 13.6rem minmax(0, 1fr) !important;
    gap: 1.55rem !important;
    width: 100% !important;
  }

  body.gentlestyle-body.home section.py-12 .gentlestyle-section-heading {
    display: block !important;
    margin: 5.2rem 0 0 !important;
  }

  body.gentlestyle-body.home section.py-12 .gentlestyle-section-heading__title {
    color: #171612 !important;
    font-size: 2rem !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
  }

  body.gentlestyle-body.home section.py-12 .gentlestyle-section-heading__meta {
    display: block !important;
    margin-top: 0.75rem !important;
    color: #67604f !important;
    font-size: 0.67rem !important;
    letter-spacing: 0.16em !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0.72rem !important;
    margin: 0 !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card {
    min-height: 17.9rem !important;
    padding: 0.72rem 0.72rem 0.84rem !important;
    border: 1px solid rgba(95, 69, 36, 0.18) !important;
    background: rgba(255, 251, 241, 0.92) !important;
    box-shadow: 0 0.2rem 0.45rem rgba(95, 69, 36, 0.06) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card > .absolute {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__meta {
    display: flex !important;
    margin: 0 0 0.5rem !important;
    padding-bottom: 0.24rem !important;
    border-bottom: 1px solid rgba(95, 69, 36, 0.14) !important;
    font-size: 0.55rem !important;
    letter-spacing: 0.08em !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__body {
    display: block !important;
    margin: 0 !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__media-wrap {
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__media {
    width: min(68%, 7.3rem) !important;
    aspect-ratio: 2 / 3 !important;
    margin: 0 auto 0.58rem !important;
    padding: 0.12rem !important;
    border: 1px solid rgba(95, 69, 36, 0.14) !important;
    border-radius: 0.12rem !important;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0)),
      #efe4d2 !important;
    box-shadow:
      0.35rem 0.42rem 0.72rem rgba(68, 45, 20, 0.16),
      inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0.08rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__text {
    width: 100% !important;
    display: block !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__title {
    display: block !important;
    margin: 0 !important;
    color: #171612 !important;
    font-size: 0.62rem !important;
    font-weight: 600 !important;
    line-height: 1.46 !important;
    min-height: 2.75rem !important;
  }

  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__subtitle,
  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__excerpt,
  body.gentlestyle-body.home .gentlestyle-arrivals-grid .gentlestyle-catalog-card__footer {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-sidebar,
  body.gentlestyle-body.home .gentlestyle-shelf-stack,
  body.gentlestyle-body.home .gentlestyle-arch-divider--compact {
    display: none !important;
  }

  body.gentlestyle-body.home .gentlestyle-archive-continuation {
    margin-top: 0 !important;
    padding-top: 3rem !important;
    background:
      repeating-linear-gradient(0deg, rgba(95, 69, 36, 0.04) 0 1px, transparent 1px 44px),
      #f7ecda !important;
  }
}

@media (min-width: 1701px) {
  body.gentlestyle-body.home .gentlestyle-book-header__inner {
    max-width: min(94vw, 1900px) !important;
  }
}

@media (max-width: 1020px) {
  body.gentlestyle-body.home .gentlestyle-hero__shelf {
    display: none !important;
  }
}