/*
 * Sundowns bespoke pattern integration — 28 Jul 2026
 * REVERSAL: remove this stylesheet link from index.html and history.html.
 * All added HTML hooks carry [hidden], so the original presentation returns
 * without deleting markup or assets.
 */

/* 01 / Matchday: a narrow atmospheric signal, never a data-card backdrop. */
.pattern-matchday-signal[hidden]{display:block}
.pattern-matchday-signal{
  position:absolute!important;
  z-index:0!important;
  inset:0 0 auto;
  height:clamp(132px,18vw,238px);
  background:url("../assets/pattern/sundowns-data-grid.webp") center 43%/cover no-repeat;
  opacity:.36;
  mix-blend-mode:multiply;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(#000 0%,#000 45%,transparent 100%);
  mask-image:linear-gradient(#000 0%,#000 45%,transparent 100%);
}
.matchday__loftus-line{opacity:.08}
.matchday>.mc-masthead,.matchday>.sec-head{position:relative;z-index:2}

/* 02 / Club: the map replaces only the image specimen; layout and copy remain. */
.club__pattern[hidden],.club__caption-pattern[hidden]{display:block}
.club__identity-original,.club__caption-original{display:none!important}
.club__pattern{position:relative;display:block;overflow:hidden;background:var(--blue-ink)}
.club__pattern img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:center;
  filter:none;
  transition:transform 1.6s cubic-bezier(.2,.8,.2,1);
}
.club__img:hover .club__pattern img{transform:scale(1.018)}
.club__caption-pattern{color:rgba(10,30,77,.62)}

/* 03 / History: one full-bleed origin chapter before the chronological record. */
.origin-plate[hidden]{display:block}
.origin-plate{
  position:relative;
  margin:0;
  overflow:hidden;
  border-block:1px solid rgba(10,30,77,.24);
  background:var(--yellow);
}
.origin-plate picture,.origin-plate img{display:block;width:100%}
.origin-plate img{height:auto;aspect-ratio:16/9;object-fit:cover}
.origin-plate figcaption{
  position:absolute;
  inset:auto var(--m,7vw) 24px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:end;
  gap:24px;
  padding-top:12px;
  border-top:1px solid rgba(10,30,77,.38);
  color:var(--ink);
  font:600 .58rem/1.35 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.origin-plate figcaption strong{
  font:800 clamp(2.5rem,5vw,5.5rem)/.72 var(--display);
  letter-spacing:0;
  text-align:center;
}
.origin-plate figcaption span:last-child{text-align:right}

@media(max-width:700px){
  .pattern-matchday-signal{
    height:210px;
    background-image:url("../assets/pattern/sundowns-data-grid-mobile.webp");
    background-position:center;
    opacity:.28;
  }
  .club__pattern img{aspect-ratio:4/5;object-position:center}
  .origin-plate img{aspect-ratio:4/5}
  .origin-plate figcaption{
    inset:auto 16px 14px;
    grid-template-columns:1fr auto;
    gap:10px;
  }
  .origin-plate figcaption strong{
    grid-column:1/-1;
    grid-row:1;
    text-align:left;
    font-size:clamp(3.4rem,17vw,5.5rem);
  }
  .origin-plate figcaption span:first-child{grid-column:1;grid-row:2}
  .origin-plate figcaption span:last-child{grid-column:2;grid-row:2}
}

@media(prefers-reduced-motion:reduce){
  .club__pattern img{transition:none}
}