/* MUNE MADE v2 — campaign layer. Loads on top of mune6.css. */
:root{--film:#0e1520}

/* full-bleed campaign hero */
.chero{position:relative;min-height:min(88vh,780px);display:grid;align-items:end;
       background:var(--film);overflow:hidden;border-radius:0 0 var(--r2) var(--r2)}
.chero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%}
.chero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,16,26,.44) 0%,rgba(10,16,26,.08) 30%,rgba(10,16,26,.86) 100%),
             linear-gradient(96deg,rgba(10,16,26,.58) 0%,rgba(10,16,26,.18) 42%,transparent 66%)}
.chero .in{position:relative;z-index:2;padding:0 0 clamp(34px,5vw,66px);color:#fff;display:grid;gap:16px;justify-items:start}
.chero .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);
  font-size:12.5px;font-weight:700;letter-spacing:.02em}
.chero h1{color:#fff;max-width:16ch;text-shadow:0 2px 30px rgba(8,14,24,.4)}
.chero .p{color:rgba(255,255,255,.9);max-width:46ch}
.chero .cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:4px}
.chero .btn.gh{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.36);color:#fff}
.chero .btn.gh:hover{background:rgba(255,255,255,.24);border-color:#fff}

/* editorial triptych */
.trip{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px)}
.tr{position:relative;border-radius:var(--r2);overflow:hidden;background:var(--bg2);aspect-ratio:3/4.1;
    display:block;box-shadow:var(--sh);transition:transform .45s var(--e),box-shadow .45s var(--e)}
.tr:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.tr img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.tr:hover img{transform:scale(1.04)}
.tr .cap{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 17px;color:#fff;z-index:2;
  background:linear-gradient(180deg,transparent,rgba(10,16,26,.82))}
.tr .cap b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}
.tr .cap span{font-size:13px;color:rgba(255,255,255,.82)}
.tr .tagp{position:absolute;top:12px;left:12px;z-index:2;background:rgba(255,255,255,.94);color:var(--ink);
  border-radius:999px;padding:5px 12px;font-size:11px;font-weight:800;letter-spacing:.04em}
@media(max-width:820px){.trip{grid-template-columns:1fr 1fr}.trip .tr:last-child{grid-column:1/-1;aspect-ratio:16/10}}

/* split feature */
.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,48px);align-items:center}
.feat.rev{direction:rtl}.feat.rev>*{direction:ltr}
.feat .ph{border-radius:var(--r2);overflow:hidden;aspect-ratio:4/3.2;box-shadow:var(--sh2);background:var(--bg2)}
.feat .ph img{width:100%;height:100%;object-fit:cover}
.feat .tx{display:grid;gap:14px;justify-items:start;max-width:46ch}
@media(max-width:820px){.feat{grid-template-columns:1fr}.feat.rev{direction:ltr}}

/* lookbook rail */
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px;
      scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{height:6px}
.rail::-webkit-scrollbar-thumb{background:var(--line2);border-radius:999px}
.rail figure{flex:0 0 min(74vw,320px);scroll-snap-align:start;margin:0}
.rail img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r);box-shadow:var(--sh);background:var(--bg2)}
.rail figcaption{padding:10px 2px 0;font-size:13px;color:var(--mut);font-weight:600}

/* v2 ribbon */
.ver{background:var(--ink);color:#fff;text-align:center;padding:8px 16px;font-size:12.5px;font-weight:600}
.ver a{text-decoration:underline;text-underline-offset:2px}