/* Homepage only. Keep the existing mobile cascade and animation scripts intact.
   The ID also takes precedence over brand styles injected after page load. */
@media (min-width: 951px) {
  #soha-home { background: #070707; color: #eeede8; }
  #soha-home .container { width: min(1600px, calc(100% - 96px)); }
  #soha-home .topbar { border-bottom: 1px solid #ffffff24; }
  #soha-home .nav { height: 88px; grid-template-columns: 1fr auto 1fr; }
  #soha-home .brand { grid-column: 1; grid-row: 1; justify-self: start; }
  #soha-home .brand img { width: 142px; max-height: 32px; }
  #soha-home .nav-left { grid-column: 2; grid-row: 1; gap: 48px; }
  #soha-home .nav-right { grid-column: 3; grid-row: 1; }
  #soha-home .nav a { font-size: 12px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
  #soha-home .bag-btn { border-radius: 0; border-color: #ffffff50; background: transparent; font-size: 12px; font-weight: 500; padding: 10px 15px; }
  #soha-home .topbar.scrolled { background: #070707ed; }

  #soha-home .hero { height: clamp(570px, 48vw, 780px); min-height: 0; }
  #soha-home .hero .hero-bg { inset: 0 !important; width: 100% !important; height: 100% !important; background-image: url('hero-desktop-v2.png') !important; background-position: center center !important; background-size: cover !important; }
  #soha-home .hero::after { display: none; }
  #soha-home .hero-shade { inset: 0 !important; width: 100% !important; background: linear-gradient(90deg, #11111080 0%, #11111050 28%, transparent 62%) !important; }
  #soha-home .soha-desktop-hero-copy { background: transparent; }
  #soha-home .soha-desktop-hero-title { max-width: 9ch; font: 400 clamp(48px, 5.2vw, 84px)/1.08 "DM Sans", sans-serif; letter-spacing: .025em; }
  #soha-home .soha-desktop-hero-copy p { color: #e0dfd8; }
  #soha-home .hero-copy { min-height: 100%; justify-content: center; padding-top: 100px; padding-bottom: 48px; }
  #soha-home .hero-kicker { font-size: 12px; letter-spacing: .22em; font-weight: 400; color: #cfcec6; }
  #soha-home .hero-title { font-family: "DM Sans", sans-serif; font-size: clamp(64px, 6.5vw, 104px); font-weight: 400; line-height: 1.04; letter-spacing: .035em; margin: 25px 0 34px; }
  #soha-home .hero-cta { gap: 18px; }
  #soha-home .pill { border-radius: 0; font-size: 12px; font-weight: 500; letter-spacing: .16em; padding: 15px 30px; }
  #soha-home .pill.primary { background: transparent; color: #eeede8; border-color: #d8d7ce; }
  #soha-home .pill.primary:hover { background: #eeede8; color: #070707; }
  #soha-home .hero-cta .pill:not(.primary) { border-color: transparent; }
  #soha-home .marquee { background: #070707; color: #bab9b1; border-color: #ffffff18; padding: 11px 0; }
  #soha-home .marquee span { font-size: 12px; font-weight: 500; letter-spacing: .2em; }

  /* Visual order on desktop puts the collection directly under the campaign. */
  #soha-home main { display: flex; flex-direction: column; }
  #soha-home .hero { order: 0; }
  #soha-home .marquee { order: 1; }
  #soha-home .featured-head { order: 2; background: #070707 !important; padding: 36px 0 26px; border: 0; }
  #soha-home .featured-head h2 { background: none; color: #eeede8; font: 400 clamp(26px, 2.5vw, 40px)/1.12 "DM Sans", sans-serif; letter-spacing: .1em; }
  #soha-home .featured-head span { font-size: 12px; font-weight: 400; letter-spacing: .14em; color: #b5b4ac !important; }
  #soha-home .products { order: 3; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; gap: 16px; width: min(1600px, calc(100% - 96px)); margin: auto; padding: 0 0 48px !important; background: #070707 !important; }
  #soha-home .product-row { display: flex; flex-direction: column; width: 100% !important; min-width: 0; min-height: 0; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #soha-home .product-row:last-child { grid-column: auto; justify-self: stretch; }
  #soha-home .product-row .product-visual { order: 0; width: 100%; height: auto; min-height: 0; aspect-ratio: 4/5; background: #20201d !important; }
  #soha-home .product-gallery-track { position: absolute; inset: 0; }
  #soha-home .product-row .product-copy { order: 1; padding: 18px 0 0 !important; background: transparent !important; }
  #soha-home .product-no { font-size: 12px; font-weight: 400; letter-spacing: .09em; color: #aaa99f !important; }
  #soha-home .product-copy h3 { font: 500 16px/1.45 "DM Sans", sans-serif; letter-spacing: .06em; text-transform: uppercase; margin: 9px 0 12px; }
  #soha-home .product-copy h3 br { display: inline; }
  #soha-home .product-copy h3 br::after { content: " "; }
  #soha-home .product-link { width: 100% !important; min-height: 36px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 12px; font-weight: 400; color: #c5c4bb !important; }
  #soha-home .quick-add { width: 100% !important; border: 0 !important; border-top: 1px solid #ffffff24 !important; border-radius: 0 !important; background: transparent !important; margin-top: 8px !important; }
  #soha-home .quick-add-trigger { padding: 0 !important; height: 44px !important; font-size: 12px; font-weight: 500; letter-spacing: .08em; }
  #soha-home .quick-add-panel { padding: 0 !important; }
  #soha-home .quick-add-label { font-size: 12px; }
  #soha-home .quick-add-sizes { gap: 3px; }
  #soha-home .quick-add-size { border-radius: 0 !important; font-size: 12px; height: 36px; }
  #soha-home .product-gallery-label { top: 10px; right: 10px; border-radius: 0; font-size: 12px; font-weight: 400; padding: 5px 7px; letter-spacing: .03em; }
  #soha-home .product-gallery-dots { bottom: 10px; }

  #soha-home .story-strip { order: 4; min-height: 0; background: #070707 !important; }
  #soha-home .sls-stage { width: min(650px, 60vw); height: 260px; aspect-ratio: auto; }
  #soha-home .soha-symbol-section { order: 6; min-height: 0; height: 300px; background: #070707; }
  #soha-home .soha-symbol-stage { width: 220px; }
  #soha-home .soha-symbol-section::before,
  #soha-home .soha-about-info::before,
  #soha-home .soha-about-info::after,
  #soha-home .featured-head::before { background: transparent !important; }
  #soha-home .soha-about-info { order: 5; padding: 54px 0 !important; background: #070707 !important; }
  #soha-home .soha-about-wrap { width: min(1600px, calc(100% - 96px)) !important; }
  #soha-home .soha-about-top { grid-template-columns: 1fr 1fr; gap: 70px !important; padding-bottom: 36px; }
  #soha-home .soha-about-title { font-family: "DM Sans", sans-serif; font-size: clamp(44px, 5vw, 72px) !important; font-weight: 400; line-height: 1.08 !important; letter-spacing: .045em !important; }
  #soha-home .soha-about-kicker { font-size: 12px !important; }
  #soha-home .soha-about-copy { font-size: 16px !important; color: #bdbcb3 !important; }
  #soha-home .soha-facts { gap: 0 !important; }
  #soha-home .soha-fact { min-height: 145px !important; border: 0 !important; border-right: 1px solid #ffffff24 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #soha-home .soha-fact:last-child { border-right: 0 !important; }
  #soha-home .soha-fact p, #soha-home .soha-fact a { font-size: 14px !important; color: #b5b4ac !important; }
  #soha-home footer { padding: 42px 0; background: #070707; }
  #soha-home .footer h4 { font-size: 12px; }
  #soha-home .footer a, #soha-home .footer p { font-size: 14px; color: #aaa99f; }
  #soha-home .footer-bottom { font-size: 12px; color: #aaa99f; }
  #soha-home a:focus-visible, #soha-home button:focus-visible { outline: 2px solid #eeede8; outline-offset: 4px; }
}

@media (min-width: 951px) and (max-width: 1199px) {
  #soha-home .container, #soha-home .products { width: calc(100% - 56px); }
  #soha-home .products { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
  #soha-home .product-copy h3 { font-size: 14px; letter-spacing: .02em; }
  #soha-home .soha-about-wrap { width: calc(100% - 56px) !important; }
}