/* Trial art-direction layer. Remove its single HTML link to restore checkpoint 15. */
/* Section boundaries remain horizontal; diagonals live within the content. */
.mc-merch .mc-glorax{background:linear-gradient(110deg,#1c43ed 0 69%,#3559f2 69% 84%,#1c43ed 84%)}
.mc-merch .mc-wave{background:linear-gradient(110deg,#eff3f1 0 62%,#e2ebe6 62% 81%,#eff3f1 81%)}

/* The same leaning slash appears in labels and the sequence of design steps. */
.mc-merch .mc-eyebrow::before{content:"";display:inline-block;width:5px;height:21px;margin-right:13px;background:currentColor;transform:skewX(-20deg);vertical-align:-5px}
.mc-merch .mc-method span:not(:last-child)::after{content:"/";font-size:21px;line-height:1;font-weight:400;opacity:.5}

/* Selected tabs become slanted labels. Text, focus outlines and click targets stay straight. */
.mc-merch .mc-glorax{--mc-tab-paper:#fff;--mc-tab-ink:#1c43ed}
.mc-merch .mc-gastreet{--mc-tab-paper:#ddf768;--mc-tab-ink:#101b12}
.mc-merch .mc-wave{--mc-tab-paper:#163b32;--mc-tab-ink:#fff}
.mc-merch .mc-tab-list button{position:relative;isolation:isolate}
.mc-merch .mc-tab-list button[aria-selected=true]{color:var(--mc-tab-ink);border-bottom-color:transparent}
.mc-merch .mc-tab-list button[aria-selected=true]::before{
  content:"";position:absolute;inset:0 -13px;z-index:-1;
  background:var(--mc-tab-paper);
  clip-path:polygon(13px 0,100% 0,calc(100% - 13px) 100%,0 100%);
}
.mc-merch .mc-gastro-objects .mc-tab-list button{padding-inline:18px}
.mc-merch .mc-gastro-objects .mc-tab-list button[aria-selected=true]{color:var(--mc-tab-ink);border-bottom-color:transparent}
.mc-merch .mc-gastro-objects .mc-tab-list button[aria-selected=true]::before{inset:2px 0}

/* Only the lime backing changes shape; the complete photograph is untouched. */
.mc-merch .mc-gastro-aside{position:relative;isolation:isolate;background:transparent;padding-inline:clamp(40px,5vw,72px)}
.mc-merch .mc-gastro-aside::before{content:"";position:absolute;inset:0;z-index:-1;background:#ddf768;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%)}

@media(max-width:760px){
  .mc-merch .mc-tab-list{column-gap:24px}
  .mc-merch .mc-tab-list button[aria-selected=true]::before{inset:0 -9px;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}
  .mc-merch .mc-gastro-objects .mc-tab-list button{padding-inline:8px}
  .mc-merch .mc-gastro-objects .mc-tab-list button[aria-selected=true]::before{inset:2px 0}
  .mc-merch .mc-gastro-aside{padding:36px}
  .mc-merch .mc-gastro-aside::before{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
}

/* Subtle photo cuts echo the cover. All original artwork files remain intact. */
.mc-merch{--mc-photo-cut:clamp(10px,1.4vw,22px);--mc-gastro-join:clamp(18px,3.2vw,46px)}
.mc-merch .mc-zoom,.mc-merch .mc-object-image{
  clip-path:polygon(var(--mc-photo-cut) 0,100% 0,calc(100% - var(--mc-photo-cut)) 100%,0 100%);
}
.mc-merch .mc-zoom-mark{right:calc(var(--mc-photo-cut) + 12px)}
.mc-merch :is(.mc-wave-graphic,.mc-wave-system) .mc-zoom{clip-path:none}
.mc-merch :is(.mc-wave-graphic,.mc-wave-system) .mc-zoom-mark{right:12px}

/* Complementary shapes share precisely the same seam, including its two endpoints. */
@media(min-width:761px){
  .mc-merch .mc-gastro-shirt{position:relative;z-index:1;clip-path:polygon(var(--mc-gastro-join) 0,100% 0,calc(100% - var(--mc-gastro-join)) 100%,0 100%)}
  .mc-merch .mc-gastro-shirt .mc-zoom{clip-path:none}
  .mc-merch .mc-gastro-shirt .mc-zoom-mark{right:calc(var(--mc-gastro-join) + 12px)}
  /* A 2px underlap fills the antialiased photo edge without moving the visible seam. */
  .mc-merch .mc-gastro-aside::before{left:calc(-1 * var(--mc-gastro-join) - 2px);clip-path:polygon(var(--mc-gastro-join) 0,100% 0,calc(100% - var(--mc-gastro-join)) 100%,0 100%)}
}
@media(max-width:760px){
  .mc-merch{--mc-photo-cut:10px}
  .mc-merch .mc-gastro-shirt{clip-path:none}
  .mc-merch .mc-gastro-aside::before{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}
}
@media(max-width:1000px){
  .mc-merch .mc-gastro-stage{grid-template-columns:1fr}
  .mc-merch .mc-gastro-shirt{clip-path:none}
  .mc-merch .mc-gastro-shirt .mc-zoom{clip-path:polygon(var(--mc-photo-cut) 0,100% 0,calc(100% - var(--mc-photo-cut)) 100%,0 100%)}
  .mc-merch .mc-gastro-shirt .mc-zoom-mark{right:calc(var(--mc-photo-cut) + 12px)}
  .mc-merch .mc-gastro-aside{padding:36px}
  .mc-merch .mc-gastro-aside::before{left:0;clip-path:polygon(var(--mc-photo-cut) 0,100% 0,calc(100% - var(--mc-photo-cut)) 100%,0 100%)}
}

@media (min-width: 761px) { .mc-merch .mc-zoom-mark { display: none; } }