.mc-collection .cs-split {
  display: block;
  margin: 18px 0;
  overflow: hidden;
  border-radius: 10px;
  background: #082d49;
  color: #f7f0e2;
  scroll-margin-top: 100px;
}
.cs-split[hidden] { display: none !important; }
.cs-split-hero { position: relative; isolation: isolate; display: grid; min-height: clamp(320px, 39vw, 520px); place-items: center; }
.cs-split-side { position: absolute; inset: 0 auto 0 0; width: 55%; }
.cs-split-seafood { inset: 0 0 0 auto; clip-path: polygon(13% 0,100% 0,100% 100%,0 100%); }
.mc-collection .cs-split-side img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cs-split-coffee img { object-position: 50% 54%; }
.cs-split-seafood img { object-position: 56% 46%; }
.cs-split-side::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,#082d4944,#082d49c9); }
.cs-split-seafood::after { background: linear-gradient(90deg,#3d0c23d9,#690a2f30); }
.cs-split-side > span { position: absolute; z-index: 1; inset: 14px auto auto 15px; font: 700 clamp(9px,1.1vw,13px)/1.3 "Segoe UI",sans-serif; color: #fff7e9; text-shadow: 0 1px 4px #000; }
.cs-split-seafood > span { inset: 14px 15px auto auto; text-align: right; }
.cs-split-copy { z-index: 2; padding: 44px 15px 24px; text-align: center; }
.cs-split-copy p { margin: 0 0 8px; font: 800 clamp(11px,1.6vw,18px)/1.2 "Segoe UI",sans-serif; letter-spacing: .12em; text-transform: uppercase; text-shadow: 0 1px 4px #000; }
.cs-split-copy p span { color: #ff9b6d; }
.mc-collection .cs-split h3 { margin: 0 0 20px; color: #fff5e4; font: 900 clamp(38px,7vw,94px)/.88 "Arial Black",Arial,sans-serif; letter-spacing: -.075em; text-transform: uppercase; text-shadow: 0 2px 9px #0007; }
.cs-split h3 em { display: block; color: #ffac80; font-style: normal; }
.mc-collection .cs-split-copy a { display: inline-flex; align-items: center; gap: 14px; min-height: 42px; padding: 8px 13px; background: #f7f0e2; color: #082d49; border-radius: 5px; text-decoration: none; font: 800 13px/1.25 "Segoe UI",sans-serif; }
.cs-split-copy a:focus-visible { outline: 2px solid #ffac80; outline-offset: 3px; }
