/* THE SCENE — mixed Marketplace (public classifieds + shop gear).
   A staggered editorial spread, not a product grid. Scoped only to Page 8033. */
body.page-id-8033 .cms-scene-issue .cms-market.cms-market-mix {
  box-sizing: border-box !important;
  position: relative;
  isolation: isolate;
  display: block !important;
  width: 100%;
  min-height: 0 !important;
  padding: clamp(76px,7.5vw,118px) clamp(28px,6.7vw,108px) clamp(74px,8vw,130px) !important;
  margin: 0 !important;
  background: linear-gradient(155deg,#143a32,#1b473d 63%,#102f29) !important;
  color: #f8e9cf;
  overflow: hidden;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix::before {
  display: none !important;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix .cms-mix-head {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 0 clamp(34px,4.7vw,72px);
  text-align: left;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix .cms-mix-head .cms-section-kicker {
  margin: 0 0 17px;
  color: #e0b67a !important;
  font: 800 .76rem/1.3 system-ui,sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix .cms-mix-head h2 {
  margin: 0 0 18px;
  color: #fff1d7;
  font: 500 clamp(3.2rem,6.15vw,6.35rem)/.96 Georgia,serif !important;
  letter-spacing: -.05em;
  text-wrap: balance;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix .cms-mix-head > p:not(.cms-section-kicker) {
  color: #eee0c9;
  margin: 0;
  max-width: 49ch;
  font: 450 clamp(1.08rem,1.3vw,1.3rem)/1.64 Georgia,serif;
}
body.page-id-8033 .cms-scene-issue .cms-mix-lead {
  display: flex;
  position: relative;
  align-items: center;
  max-width: 1280px;
  margin: 0 auto clamp(45px,6vw,89px);
}
body.page-id-8033 .cms-scene-issue .cms-mix-lead-image {
  display: block;
  flex: 0 0 52%;
  width: 52%;
  min-width: 0;
  padding: clamp(13px,1.8vw,23px);
  border: 1px solid #cbaf7e;
  background: #efe0c3;
  box-shadow: 18px 26px 0 rgba(2,20,15,.30);
  transform: rotate(-2.8deg);
  transition: transform .15s ease;
}
body.page-id-8033 .cms-scene-issue .cms-mix-lead-image img {
  display: block;
  width: 100%;
  height: clamp(340px,36vw,490px);
  object-fit: contain;
  object-position: center;
  background: #decba7;
}
body.page-id-8033 .cms-scene-issue .cms-mix-lead-copy {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 610px;
  margin: 65px 0 0 -47px;
  padding: clamp(30px,3.75vw,61px);
  background: #f7ead2;
  border: 1px solid #c1a474;
  border-left: 7px solid #a95037;
  color: #1d3c33;
  box-shadow: 18px 22px 0 rgba(2,20,15,.30);
  transform: rotate(1.2deg);
}
body.page-id-8033 .cms-scene-issue .cms-mix-source {
  margin: 0 0 12px;
  color: #a04c32;
  font: 850 .73rem/1.35 system-ui,sans-serif;
  text-transform: uppercase;
  letter-spacing: .14em;
}
body.page-id-8033 .cms-scene-issue .cms-mix-lead-copy h3 {
  margin: 0 0 22px;
  color: #1b4236;
  font: 500 clamp(2rem,3.45vw,4rem)/1.04 Georgia,serif;
  letter-spacing: -.04em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
body.page-id-8033 .cms-scene-issue .cms-mix-price {
  margin: 0 0 18px;
  color: #8f402e;
  font: 750 clamp(1.15rem,1.5vw,1.53rem)/1.2 system-ui,sans-serif;
}
body.page-id-8033 .cms-scene-issue .cms-mix-description {
  color: #3a5044;
  margin: 0 0 22px;
  max-width: 38ch;
  font: 450 clamp(1rem,1.12vw,1.2rem)/1.63 Georgia,serif;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix a.cms-mix-link {
  box-sizing: border-box;
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: .72rem 1.1rem;
  background: #235749;
  border: 1px solid #17463b;
  border-radius: 5px;
  color: #fff8e9 !important;
  font: 750 .87rem/1.3 system-ui,sans-serif;
  text-decoration: none;
  text-transform: none;
  box-shadow: none;
  transform: none;
}
body.page-id-8033 .cms-scene-issue .cms-market-mix a.cms-mix-link:is(:hover,:focus-visible) {
  background: #a25038;
  color: #fff !important;
  border-color: #853f2a;
}
body.page-id-8033 .cms-scene-issue .cms-mix-finds {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  gap: 25px 0;
  max-width: 1270px;
  margin: 0 auto;
  padding: 10px 0 42px;
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile {
  position: relative;
  box-sizing: border-box;
  flex: 0 0 31%;
  width: 31%;
  min-width: 0;
  margin: 0;
  padding: clamp(13px,1.5vw,20px);
  background: #f4e5c9;
  border: 1px solid #b79b72;
  color: #264236;
  box-shadow: 10px 17px 0 rgba(3,18,15,.26);
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-1 {
  flex-basis: 31%;
  width: 31%;
  margin-top: 28px;
  transform: rotate(-2deg);
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-2 {
  flex-basis: 36%;
  width: 36%;
  margin-top: -18px;
  transform: rotate(2deg);
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-3 {
  flex-basis: 27%;
  width: 27%;
  margin-top: 65px;
  transform: rotate(-1.4deg);
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-image {
  display: block;
  width: 100%;
  min-height: 0;
  background: #dec8a2;
  border: 1px solid #d3bd96;
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-image img {
  width: 100%;
  height: clamp(155px,18vw,250px);
  display: block;
  object-fit: contain;
  object-position: center;
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-copy {
  min-height: 0;
  padding: clamp(14px,1.5vw,23px) 5px 5px;
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-copy h3 {
  margin: 0 0 14px;
  color: #204337;
  font: 550 clamp(1.25rem,1.75vw,1.92rem)/1.16 Georgia,serif;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
body.page-id-8033 .cms-scene-issue .cms-mix-tile-copy .cms-mix-price {
  font-size: clamp(1rem,1.2vw,1.2rem);
  margin-bottom: 13px;
}
body.page-id-8033 .cms-scene-issue .cms-mix-footer {
  text-align: center;
  margin-top: clamp(25px,4vw,60px);
}
body.page-id-8033 .cms-scene-issue .cms-mix-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 22px;
  color: #fff2d9 !important;
  border: 1px solid #c19a62;
  background: rgba(246,234,211,.08);
  border-radius: 5px;
  font: 750 .95rem/1.3 system-ui,sans-serif;
  text-decoration: none;
}
body.page-id-8033 .cms-scene-issue .cms-mix-footer a:is(:hover,:focus-visible) {
  color: #193f35 !important;
  background: #f5e5c7;
}
@media (max-width: 920px) {
  body.page-id-8033 .cms-scene-issue .cms-market.cms-market-mix {
    padding: 65px 36px 85px !important;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead {
    flex-direction: column;
    align-items: center;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-image {
    width: min(88%,560px);
    flex-basis: auto;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-copy {
    flex-basis: auto;
    width: min(94%,590px);
    max-width: none;
    margin: -28px 0 0 30px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-tile {
    flex-basis: 45%;
    width: 45%;
    margin-top: 15px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-3 {
    margin-top: 25px;
  }
}
@media (max-width: 600px) {
  body.page-id-8033 .cms-scene-issue .cms-market.cms-market-mix {
    padding: 55px 23px 75px !important;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-head h2 {
    font-size: clamp(2.6rem,10.5vw,3.9rem) !important;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead {
    margin-bottom: 60px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-image {
    width: 98%;
    padding: 10px;
    transform: rotate(-1.5deg);
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-image img {
    height: 310px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-copy {
    width: 100%;
    margin: -17px 0 0 3px;
    padding: 27px 24px;
    transform: rotate(.5deg);
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-copy h3 {
    font-size: clamp(1.75rem,8vw,2.5rem);
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-finds {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 0 4px 20px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-tile,
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-1,
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-2,
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-3 {
    flex: none;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 14px;
    transform: rotate(-.8deg);
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-2 {transform: rotate(1deg);}
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-3 {transform: rotate(-.5deg);}
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-image img {
    height: 210px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-copy {
    padding: 18px 6px 5px;
  }
  body.page-id-8033 .cms-scene-issue .cms-mix-tile-copy h3 {
    font-size: clamp(1.35rem,6.5vw,1.75rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-8033 .cms-scene-issue .cms-mix-lead-image {
    transition: none;
  }
}
