/* Four independent editorial covers for the public Women's archive. */
.gds-cover {
  --gds-cover-paper: #f4f1e8;
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  container-type: inline-size;
  color: var(--gds-cover-paper);
  background: #101210;
  font-family: var(--sans);
  line-height: 1;
}
.gds-cover.is-image-pending,
.gds-men-square.is-image-pending { opacity: 0; }
.gds-cover.is-image-ready,
.gds-cover.is-image-error,
.gds-men-square.is-image-ready,
.gds-men-square.is-image-error { opacity: 1; transition: opacity .2s ease; }
@media (prefers-reduced-motion: reduce) {
  .gds-cover.is-image-ready,
  .gds-cover.is-image-error,
  .gds-men-square.is-image-ready,
  .gds-men-square.is-image-error { transition: none; }
}
.gds-cover__image,
.gds-cover__shade,
.gds-cover__grid,
.gds-cover__rail,
.gds-cover__meta,
.gds-cover__title,
.gds-cover__number,
.gds-cover__axis { position: absolute; }
.gds-cover__image {
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  border: 0;
  transition: filter .35s ease, transform .55s cubic-bezier(.2,.7,.2,1);
}
.gds-cover__shade,
.gds-cover__grid,
.gds-cover__rail,
.gds-cover__meta,
.gds-cover__title,
.gds-cover__number,
.gds-cover__axis { z-index: 2; pointer-events: none; }
.gds-cover__shade { inset: 0; }
.gds-cover__grid { z-index: 3; inset: 0; }
.gds-cover__meta {
  z-index: 5;
  top: 4.2%;
  left: 4.5%;
  max-width: 67%;
  font: 650 clamp(5px, 2.7cqw, 15px)/1.35 var(--sans);
  letter-spacing: .17em;
}
.gds-cover__title { z-index: 5; }
.gds-cover__title b,
.gds-cover__title i { display: block; }
.gds-cover__title b {
  font: 750 clamp(23px, 18cqw, 132px)/.78 var(--display);
  letter-spacing: -.065em;
}
.gds-cover__title i {
  font: italic 500 clamp(15px, 10cqw, 78px)/.88 var(--serif);
  letter-spacing: -.065em;
}
.gds-cover__number {
  z-index: 6;
  padding: .32em .38em .24em;
  color: #0c0e0b;
  background: var(--gds-cover-paper);
  font: 750 clamp(12px, 8cqw, 56px)/.82 var(--display);
  letter-spacing: -.04em;
}
.gds-cover__axis {
  z-index: 5;
  font: 650 clamp(5px, 2.65cqw, 14px)/1.3 var(--sans);
  letter-spacing: .12em;
}

/* 001 — vertical acid rail and a compact two-line lockup. */
.gds-cover--vintage { background: #d8ee72; }
.gds-cover--vintage .gds-cover__image {
  inset: 0 27% 0 0;
  width: 73%;
  object-position: 50% 43%;
  filter: saturate(.78) contrast(1.1) brightness(.78);
  transform: scale(1.05);
}
.gds-cover--vintage .gds-cover__shade { right: 27%; background: linear-gradient(180deg,#07080736 0,transparent 42%,#060706c4 100%); }
.gds-cover--vintage .gds-cover__grid { right: 27%; border: 1px solid #d8ee728c; background: linear-gradient(90deg,transparent 49.7%,#d8ee722e 50%,transparent 50.3%); }
.gds-cover--vintage .gds-cover__rail {
  z-index: 4;
  inset: 0 0 0 auto;
  display: grid;
  place-items: center;
  width: 27%;
  color: #11150c;
  background: var(--gds-cover-accent);
  font: 750 clamp(25px, 17cqw, 122px)/.72 var(--display);
  letter-spacing: -.075em;
  writing-mode: vertical-rl;
}
.gds-cover--vintage .gds-cover__title { left: 4.5%; right: 28%; bottom: 17%; }
.gds-cover--vintage .gds-cover__title b {
  color: transparent;
  font-size: clamp(21px, 13.5cqw, 98px);
  letter-spacing: -.045em;
  -webkit-text-stroke: max(1px, .2cqw) var(--gds-cover-paper);
  text-stroke: max(1px, .2cqw) var(--gds-cover-paper);
  text-shadow: 0 3px 18px #0008;
}
.gds-cover--vintage .gds-cover__title i { margin-top: 1.5%; color: var(--gds-cover-accent); font-size: clamp(14px, 8.5cqw, 64px); }
.gds-cover--vintage .gds-cover__number { left: 4.5%; bottom: 4.5%; }
.gds-cover--vintage .gds-cover__axis { right: 29.5%; bottom: 4.7%; color: var(--gds-cover-accent); writing-mode: vertical-rl; }

/* 002 — full-bleed portrait cut by a vermilion kinetic band. */
.gds-cover--soft { background: #19100d; }
.gds-cover--soft .gds-cover__image {
  inset: 0;
  object-position: 52% 41%;
  filter: saturate(.85) contrast(1.08) brightness(.83);
  transform: scale(1.035);
}
.gds-cover--soft .gds-cover__shade { background: linear-gradient(90deg,#120b08a6 0,transparent 52%),linear-gradient(0deg,#0b0909cf 0,transparent 44%); }
.gds-cover--soft .gds-cover__grid {
  top: auto;
  bottom: 11%;
  height: 29%;
  background: var(--gds-cover-accent);
  transform: skewY(-6deg) scaleY(1.22);
  transform-origin: 0 100%;
  mix-blend-mode: multiply;
  opacity: .94;
}
.gds-cover--soft .gds-cover__rail { left: 4.5%; top: 28%; width: 34%; height: 2px; background: var(--gds-cover-accent); color: transparent; }
.gds-cover--soft .gds-cover__title { left: 4.5%; right: 4%; bottom: 15%; }
.gds-cover--soft .gds-cover__title b { font-size: clamp(28px, 24cqw, 168px); }
.gds-cover--soft .gds-cover__title i { margin-left: 26%; color: #170b08; }
.gds-cover--soft .gds-cover__number { right: 4.5%; top: 4.5%; color: #180c08; background: var(--gds-cover-accent); }
.gds-cover--soft .gds-cover__axis { left: 4.5%; bottom: 4.2%; color: #1a0d09; }

/* 003 — night contact sheet with outlined type crossing the portrait. */
.gds-cover--afterhours { background: #11100c; }
.gds-cover--afterhours .gds-cover__image {
  inset: 7% 8% 9%;
  width: 84%;
  height: 84%;
  object-position: 50% 48%;
  filter: grayscale(.12) saturate(.82) contrast(1.12) brightness(.72);
  transform: scale(1.34);
}
.gds-cover--afterhours .gds-cover__shade { inset: 7% 8% 9%; background: linear-gradient(180deg,#0808052e,transparent 45%,#080805a6); }
.gds-cover--afterhours .gds-cover__grid {
  inset: 3.5%;
  border: 1px solid #f0c94c;
  background: linear-gradient(90deg,transparent 32.9%,#f0c94c3a 33%,transparent 33.2%,transparent 66.2%,#f0c94c3a 66.4%,transparent 66.6%);
}
.gds-cover--afterhours .gds-cover__rail { left: 3.5%; top: 29%; width: 1px; height: 43%; background: var(--gds-cover-accent); color: transparent; }
.gds-cover--afterhours .gds-cover__title { left: 1.4%; top: 36%; width: 97%; text-align: center; }
.gds-cover--afterhours .gds-cover__title b { color: transparent; font-size: clamp(27px, 22cqw, 154px); -webkit-text-stroke: max(1px, .22cqw) var(--gds-cover-accent); }
.gds-cover--afterhours .gds-cover__title i { margin-top: 3%; color: var(--gds-cover-paper); }
.gds-cover--afterhours .gds-cover__number { left: 3.5%; bottom: 3.5%; background: var(--gds-cover-accent); }
.gds-cover--afterhours .gds-cover__axis { right: 4%; top: 4.4%; color: var(--gds-cover-accent); text-align: right; }

/* W004 — custom cut-paper collage. It does not reuse the 001–003 templates. */
.gds-cover--wild-halo { color: #f5f1e7; background: #77a9d8; }
.gds-wild__image,
.gds-wild__panel,
.gds-wild__grid,
.gds-wild__cut,
.gds-wild__meta,
.gds-wild__title,
.gds-wild__code,
.gds-wild__axis,
.gds-wild__edition { position: absolute; pointer-events: none; }
.gds-wild__image { display: block; max-width: none; object-fit: cover; }
.gds-wild__image { z-index: 0; filter: saturate(.98) contrast(1.04); }
.gds-wild__panel { z-index: 1; background: #0b1013; }
.gds-wild__grid { z-index: 4; border: 1px solid #d8ee72; }
.gds-wild__cut { z-index: 3; background: #b84a21; mix-blend-mode: multiply; }
.gds-wild__meta { z-index: 7; font: 700 clamp(5px,2.45cqw,14px)/1.2 var(--sans); letter-spacing: .13em; }
.gds-wild__title { z-index: 7; line-height: .72; white-space: nowrap; }
.gds-wild__title b { display: block; font: 750 clamp(30px,27cqw,180px)/.72 var(--display); letter-spacing: -.075em; }
.gds-wild__title i { display: block; color: #b84a21; font: italic 500 clamp(22px,18cqw,126px)/.72 var(--serif); letter-spacing: -.07em; }
.gds-wild__code { z-index: 8; padding: .32em .38em .24em; color: #0b1013; background: #f5f1e7; font: 750 clamp(11px,7.5cqw,48px)/.82 var(--display); letter-spacing: -.045em; }
.gds-wild__axis,
.gds-wild__edition { z-index: 7; font: 700 clamp(5px,2.45cqw,14px)/1.15 var(--sans); letter-spacing: .13em; }

/* ARCHIVE: a broken contact-sheet crop with the title crossing the cut. */
.gds-cover--wild-halo.gds-cover--index .gds-wild__image { inset: -4% -2% -4% 25%; width: 79%; height: 108%; object-position: 47% 40%; }
.gds-cover--wild-halo.gds-cover--index .gds-wild__panel { inset: 0 auto 0 0; width: 40%; clip-path: polygon(0 0,77% 0,100% 100%,0 100%); }
.gds-cover--wild-halo.gds-cover--index .gds-wild__grid { inset: 3%; background: linear-gradient(90deg,transparent 37.7%,#d8ee7273 38%,transparent 38.3%); }
.gds-cover--wild-halo.gds-cover--index .gds-wild__cut { left: 38%; bottom: 0; width: 13%; height: 22%; transform: skewX(-14deg); }
.gds-cover--wild-halo.gds-cover--index .gds-wild__meta,
.gds-cover--wild-halo.gds-cover--index .gds-wild__axis { display: none; }
.gds-cover--wild-halo.gds-cover--index .gds-wild__title { left: 4%; top: 10%; }
.gds-cover--wild-halo.gds-cover--index .gds-wild__title b { font-size: clamp(25px,20cqw,78px); }
.gds-cover--wild-halo.gds-cover--index .gds-wild__title i { margin: -.02em 0 0 23%; font-size: clamp(18px,13cqw,52px); }
.gds-cover--wild-halo.gds-cover--index .gds-wild__code { left: 4%; bottom: 7%; }
.gds-cover--wild-halo.gds-cover--index .gds-wild__edition { right: 4%; top: 5%; color: #f5f1e7; writing-mode: vertical-rl; }

/* SYSTEM: a full-bleed portrait cut by a displaced side strip and giant type. */
.gds-cover--wild-halo.gds-cover--system .gds-wild__image { inset: 0; width: 100%; height: 100%; object-position: 49% 39%; }
.gds-cover--wild-halo.gds-cover--system .gds-wild__panel { left: 0; top: 0; width: 100%; height: 35%; background: #173a58e8; clip-path: polygon(0 0,100% 0,72% 72%,0 100%); }
.gds-cover--wild-halo.gds-cover--system .gds-wild__grid { inset: 2.5%; background: linear-gradient(0deg,transparent 66.3%,#f5f1e733 66.6%,transparent 66.9%); }
.gds-cover--wild-halo.gds-cover--system .gds-wild__cut { left: 0; bottom: 11%; width: 56%; height: 13%; transform: skewY(-5deg); opacity: .82; }
.gds-cover--wild-halo.gds-cover--system .gds-wild__meta { left: 4.5%; bottom: 4.8%; max-width: 38%; }
.gds-cover--wild-halo.gds-cover--system .gds-wild__title { left: 3%; top: 5%; }
.gds-cover--wild-halo.gds-cover--system .gds-wild__title b { font-size: clamp(42px,25cqw,150px); }
.gds-cover--wild-halo.gds-cover--system .gds-wild__title i { margin: -.03em 0 0 35%; font-size: clamp(28px,16cqw,96px); }
.gds-cover--wild-halo.gds-cover--system .gds-wild__code { right: 4%; bottom: 5%; }
.gds-cover--wild-halo.gds-cover--system .gds-wild__axis { right: 3.4%; top: 8%; color: #d8ee72; writing-mode: vertical-rl; }
.gds-cover--wild-halo.gds-cover--system .gds-wild__edition { left: 4.5%; top: 39%; color: #f5f1e7; }

/* DISCOVER: a tall torn-poster composition with an offset detail window. */
.gds-cover--wild-halo.gds-cover--result .gds-wild__image { left: 0; top: 18%; width: 100%; height: 82%; object-position: 50% 40%; }
.gds-cover--wild-halo.gds-cover--result .gds-wild__panel { inset: 0 0 auto; height: 27%; background: #77a9d8; clip-path: polygon(0 0,100% 0,100% 67%,0 100%); }
.gds-cover--wild-halo.gds-cover--result .gds-wild__grid { inset: 3.5%; background: linear-gradient(90deg,transparent 74.7%,#f5f1e72d 75%,transparent 75.3%); }
.gds-cover--wild-halo.gds-cover--result .gds-wild__cut { right: 0; top: 0; width: 14%; height: 100%; clip-path: polygon(38% 0,100% 0,100% 100%,0 100%); opacity: .68; }
.gds-cover--wild-halo.gds-cover--result .gds-wild__meta { left: 5%; top: 4.5%; max-width: 48%; }
.gds-cover--wild-halo.gds-cover--result .gds-wild__title { left: 3.5%; top: 10%; }
.gds-cover--wild-halo.gds-cover--result .gds-wild__title b { font-size: clamp(48px,32cqw,174px); }
.gds-cover--wild-halo.gds-cover--result .gds-wild__title i { margin: -.04em 0 0 35%; font-size: clamp(31px,21cqw,112px); }
.gds-cover--wild-halo.gds-cover--result .gds-wild__code { left: 4.5%; bottom: 4.5%; }
.gds-cover--wild-halo.gds-cover--result .gds-wild__axis { right: 4.5%; bottom: 4.5%; color: #d8ee72; writing-mode: vertical-rl; }
.gds-cover--wild-halo.gds-cover--result .gds-wild__edition { right: 5%; top: 4.5%; color: #0b1013; writing-mode: vertical-rl; }

/* THE EDIT: full-bleed square cover with one portrait and a compact title band. */
.gds-cover--wild-halo.gds-cover--hero .gds-wild__image { inset: 0; width: 100%; height: 100%; object-position: 50% 42%; }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__panel { inset: 0 0 auto; height: 27%; background: #77a9d8e8; clip-path: polygon(0 0,100% 0,100% 72%,0 100%); }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__grid { inset: 3.2%; background: linear-gradient(90deg,transparent 74.7%,#f5f1e738 75%,transparent 75.3%); }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__cut { right: 0; top: 0; width: 13%; height: 100%; opacity: .62; clip-path: polygon(42% 0,100% 0,100% 100%,0 100%); }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__meta { left: 5%; top: 4.7%; max-width: 48%; }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__title { left: 4%; top: 10%; }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__title b { font-size: clamp(48px,30cqw,172px); }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__title i { margin: -.04em 0 0 34%; font-size: clamp(31px,20cqw,112px); }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__code { left: 4.5%; bottom: 4.5%; }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__axis { right: 4.5%; bottom: 4.5%; color: #d8ee72; writing-mode: vertical-rl; }
.gds-cover--wild-halo.gds-cover--hero .gds-wild__edition { right: 5%; top: 4.7%; color: #0b1013; writing-mode: vertical-rl; }

/* INSIDE THE STYLE: constrain the W004 source image to its 4:5 cover frame. */
.gds-cover--wild-halo.gds-cover--study .gds-wild__image {
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: 50% 42%;
}

/* 004 — an ice-blue technical grid, offset image and blunt typography. */
.gds-cover--less { color: #edf7f7; background: #0c161b; }
.gds-cover--less .gds-cover__image {
  inset: 0 0 0 19%;
  width: 81%;
  object-position: 53% 42%;
  filter: saturate(.68) contrast(1.12) brightness(.77) hue-rotate(3deg);
  transform: scale(1.045);
}
.gds-cover--less .gds-cover__shade { background: linear-gradient(90deg,#091317 0 20%,#09131794 42%,transparent 70%),linear-gradient(0deg,#071014b8,transparent 46%); }
.gds-cover--less .gds-cover__grid {
  background: repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#9bd6ed24 calc(20% - 1px) 20%),repeating-linear-gradient(0deg,transparent 0 calc(20% - 1px),#9bd6ed1f calc(20% - 1px) 20%);
  border: 1px solid #9bd6ed73;
}
.gds-cover--less .gds-cover__rail { left: 5%; top: 18%; width: 2px; height: 38%; background: var(--gds-cover-accent); color: transparent; }
.gds-cover--less .gds-cover__title { left: 4.5%; bottom: 15%; }
.gds-cover--less .gds-cover__title b { color: var(--gds-cover-accent); font-size: clamp(31px, 25cqw, 176px); }
.gds-cover--less .gds-cover__title i { margin-left: 18%; color: #edf7f7; }
.gds-cover--less .gds-cover__number { right: 4.5%; top: 4.5%; background: var(--gds-cover-accent); }
.gds-cover--less .gds-cover__axis { left: 4.5%; bottom: 4.5%; color: var(--gds-cover-accent); }

/* Host-specific sizing. The artwork stays a composition, never a loose photo. */
.index-cover:has(.gds-cover),
.discover-view .result-cover:has(.gds-cover) { padding: 0; background: #101210; }
.index-cover:has(.gds-cover)::before,
.index-cover:has(.gds-cover)::after,
.discover-view .result-cover:has(.gds-cover)::before,
.discover-view .result-cover:has(.gds-cover)::after { display: none; }
.index-cover > .gds-cover,
.discover-view .result-cover > .gds-cover,
.sec-style-visual > .gds-cover { position: absolute; inset: 0; width: 100%; height: 100%; }
.index-cover:has(.gds-men-square),
.discover-view .result-cover:has(.gds-men-square) { padding: 0; background: #a7c5e2; }
.index-cover:has(.gds-men-square)::before,
.index-cover:has(.gds-men-square)::after,
.discover-view .result-cover:has(.gds-men-square)::before,
.discover-view .result-cover:has(.gds-men-square)::after { display: none; }
.index-cover > .gds-men-square,
.discover-view .result-cover > .gds-men-square { position: absolute; inset: 0; width: 100%; height: 100%; }
.index-cover .gds-men-square__image,
.index-cover .gds-men-square__echo,
.discover-view .result-cover .gds-men-square__image,
.discover-view .result-cover .gds-men-square__echo {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  background: transparent;
  border: 0;
}
.index-row:hover .gds-men-square__image,
.index-row:focus-visible .gds-men-square__image,
.index-row.is-index-active .gds-men-square__image,
.result-card:hover .gds-men-square__image,
.result-card:focus-visible .gds-men-square__image { transform: scale(1.018); }
.index-cover .gds-cover--soft .gds-cover__image,
.index-cover .gds-cover--afterhours .gds-cover__image,
.discover-view .result-cover .gds-cover--soft .gds-cover__image,
.discover-view .result-cover .gds-cover--afterhours .gds-cover__image {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.035);
}
.index-cover .gds-cover--afterhours .gds-cover__shade,
.discover-view .result-cover .gds-cover--afterhours .gds-cover__shade { inset: 0; }
.index-row:hover .gds-cover__image,
.index-row:focus-visible .gds-cover__image,
.index-row.is-index-active .gds-cover__image,
.result-card:hover .gds-cover__image,
.result-card:focus-visible .gds-cover__image,
.sec-style-card:hover .gds-cover__image,
.sec-style-card:focus-visible .gds-cover__image { filter: saturate(.97) contrast(1.1) brightness(.9); transform: scale(1.085); }

/* DISCOVER framing: keep the editorial overlays, but let 001 and 005 read as photographs first. */
.discover-view .result-cover .gds-cover--vintage .gds-cover__image,
.discover-view .result-cover .gds-cover--less .gds-cover__image {
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: 50% 42%;
  filter: saturate(.82) contrast(1.06) brightness(.9);
  transform: scale(1.025);
}
.discover-view .result-cover .gds-cover--vintage .gds-cover__shade { right: 0; }
.discover-view .result-cover .gds-cover--vintage .gds-cover__grid { right: 0; }
.discover-view .result-cover .gds-cover--vintage .gds-cover__rail { width: 23%; background: #d8ee72e8; }
.discover-view .result-cover .gds-cover--vintage .gds-cover__title { right: 19%; }
.discover-view .result-cover .gds-cover--less .gds-cover__shade {
  background: linear-gradient(90deg,#0913178c 0,transparent 58%),linear-gradient(0deg,#0710148f 0,transparent 40%);
}
.discover-view .result-cover .gds-cover--less .gds-cover__title { bottom: 11%; }

/* W005 is a finished poster with its number and typography baked into the
   artwork. Keep the complete composition inside each host frame instead of
   applying the generic thumbnail crop/zoom rules. */
.index-cover .gds-cover--glam-poster .gds-cover__image,
.discover-view .result-cover .gds-cover--glam-poster .gds-cover__image,
.sec-style-visual .gds-cover--glam-poster .gds-cover__image {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: 50% 50%;
  background: #050605;
  filter: none;
  transform: none;
}
.index-row:hover .gds-cover--glam-poster .gds-cover__image,
.index-row:focus-visible .gds-cover--glam-poster .gds-cover__image,
.index-row.is-index-active .gds-cover--glam-poster .gds-cover__image,
.discover-view .result-card:hover .gds-cover--glam-poster .gds-cover__image,
.discover-view .result-card:focus-visible .gds-cover--glam-poster .gds-cover__image,
.sec-style-card:hover .gds-cover--glam-poster .gds-cover__image,
.sec-style-card:focus-visible .gds-cover--glam-poster .gds-cover__image {
  filter: none;
  transform: none;
}
.gds-cover--system .gds-cover__meta,
.gds-cover--study .gds-cover__meta { max-width: 73%; }
.gds-cover--study { aspect-ratio: 4 / 5; min-height: min(74vh, 840px); }
.gds-study__cover-figure { width: min(100%, 880px); margin: 26px auto 0; }
.gds-study__cover-figure .gds-cover { height: auto; min-height: 0; aspect-ratio: 4 / 5; }
.gds-study__cover-figure .gds-men-square { height: auto; min-height: 0; aspect-ratio: 1 / 1; }
.gds-study__cover-figure figcaption { margin-top: 10px; color: var(--study-muted); font-size: 10px; letter-spacing: .06em; }
.pending-cover { width: min(100%, 520px); margin: 22px auto; aspect-ratio: 4 / 5; }

/* Men's square artwork is used on the main hero and selected archive surfaces. */
.gds-men-square {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;
  color: #f4f1e8;
  background: #e9eef3;
}
.gds-men-square__image,
.gds-men-square__echo,
.gds-men-square__shade,
.gds-men-square__grid,
.gds-men-square__rail,
.gds-men-square__meta,
.gds-men-square__title,
.gds-men-square__axis,
.gds-men-square__edition,
.gds-men-square__signal { position: absolute; }
.gds-men-square__image {
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 41%;
  filter: saturate(.86) contrast(1.05) brightness(.98);
  transition: filter .3s ease, transform .45s cubic-bezier(.2,.7,.2,1);
}
.gds-men-square__echo {
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 41%;
  opacity: .32;
  filter: grayscale(1) contrast(1.45) brightness(.56);
  mix-blend-mode: multiply;
  clip-path: polygon(88% 0, 100% 0, 100% 100%, 91% 100%, 96% 72%, 90% 45%, 95% 18%);
  transform: translateX(2.5%);
}
.gds-men-square__shade {
  z-index: 2;
  inset: 0 auto 0 0;
  width: 25%;
  background: #101112ed;
  clip-path: polygon(0 0, 82% 0, 100% 100%, 0 100%);
  box-shadow: 1px 0 #d8ee72;
}
.gds-men-square__grid {
  z-index: 3;
  inset: 4%;
  border: 1px solid #1414145c;
  background:
    linear-gradient(90deg, transparent 24.7%, #d8ee7270 25%, transparent 25.3%),
    linear-gradient(180deg, transparent 81.7%, #ff624d7a 82%, transparent 82.3%);
  clip-path: polygon(0 0, 100% 0, 100% 36%, 98.6% 36%, 98.6% 2%, 1.4% 2%, 1.4% 98%, 54% 98%, 54% 100%, 0 100%);
}
.gds-men-square__rail {
  z-index: 6;
  top: 5.5%;
  right: 5.5%;
  width: auto;
  height: auto;
  display: flex;
  align-items: baseline;
  gap: .8cqw;
  padding: 1.8% 2.2%;
  background: #ff624d;
  color: #111213;
}
.gds-men-square__rail b {
  font: 900 clamp(12px, 4.6cqw, 24px)/.82 var(--display);
  letter-spacing: -.035em;
}
.gds-men-square__rail i {
  font: 800 clamp(5px, 1.45cqw, 8px)/1 var(--sans);
  letter-spacing: .12em;
  font-style: normal;
}
.gds-men-square__meta {
  z-index: 5;
  top: 6%;
  left: 29%;
  color: #11151b;
  font: 750 clamp(6px, 1.85cqw, 10px)/1.4 var(--sans);
  letter-spacing: .16em;
}
.gds-men-square__title {
  z-index: 7;
  left: 4.2%;
  top: 25%;
  bottom: 8%;
  width: 17%;
  display: flex;
  align-items: center;
  gap: 2.2cqw;
}
.gds-men-square__title b,
.gds-men-square__title i {
  display: block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.gds-men-square__title b {
  color: transparent;
  font: 900 clamp(18px, 7.8cqw, 38px)/.8 var(--display);
  letter-spacing: -.025em;
  -webkit-text-stroke: max(1px, .2cqw) #f4f1e8;
  text-stroke: max(1px, .2cqw) #f4f1e8;
}
.gds-men-square__title i {
  margin-top: 0;
  color: #d8ee72;
  font: 800 clamp(6px, 2.1cqw, 11px)/1 var(--sans);
  letter-spacing: .16em;
  font-style: normal;
}
.gds-men-square__axis {
  z-index: 5;
  left: 29%;
  bottom: 5.5%;
  color: #f4f1e8;
  font: 700 clamp(5px, 1.45cqw, 8px)/1 var(--sans);
  letter-spacing: .12em;
  text-shadow: 0 1px 5px #000b;
}
.gds-men-square__edition {
  z-index: 7;
  right: 5.5%;
  bottom: 5.5%;
  color: #d8ee72;
  font: 700 clamp(5px, 1.35cqw, 8px)/1 var(--sans);
  letter-spacing: .12em;
  text-shadow: 0 1px 5px #000b;
}
.gds-men-square__signal {
  z-index: 8;
  left: 20%;
  right: 8%;
  top: 82%;
  height: max(2px, .48cqw);
  background: #ff4828;
  transform: rotate(-3deg);
  transform-origin: right center;
}
.gds-men-square--air { background: #a7c5e2; color: #f7f0e5; }
.gds-men-square--air .gds-men-square__image {
  object-position: 50% 43%;
  filter: saturate(.82) contrast(1.04) brightness(.97);
}
.gds-men-square--air .gds-men-square__echo {
  object-position: 50% 43%;
  opacity: .18;
  filter: grayscale(.55) contrast(1.28) brightness(.7);
  mix-blend-mode: multiply;
  clip-path: polygon(91% 0, 100% 0, 100% 100%, 94% 100%, 97% 76%, 92% 49%, 97% 22%);
  transform: translateX(1.5%);
}
.gds-men-square--air .gds-men-square__shade {
  inset: 0;
  width: auto;
  clip-path: none;
  box-shadow: none;
  background:
    linear-gradient(180deg, #17212a24 0%, transparent 26%, transparent 67%, #111820c9 100%),
    linear-gradient(90deg, #f4eadc1f 0%, transparent 25%, transparent 82%, #ff745f24 100%);
}
.gds-men-square--air .gds-men-square__grid {
  inset: 4%;
  clip-path: none;
  border-color: #f6eee5a8;
  background:
    linear-gradient(90deg, transparent 32.8%, #f6eee548 33%, transparent 33.2%),
    linear-gradient(180deg, transparent 74.8%, #ff745f80 75%, transparent 75.2%);
}
.gds-men-square--air .gds-men-square__rail {
  top: auto;
  right: auto;
  bottom: 5.5%;
  left: 5.5%;
  background: #f6eee5;
  color: #111820;
}
.gds-men-square--air .gds-men-square__meta {
  top: 5.8%;
  left: 5.8%;
  color: #101820;
  text-shadow: 0 1px 8px #dfeafb99;
}
.gds-men-square--air .gds-men-square__title {
  left: 5.5%;
  right: 5.5%;
  top: 11%;
  bottom: auto;
  width: auto;
  display: block;
}
.gds-men-square--air .gds-men-square__title b,
.gds-men-square--air .gds-men-square__title i {
  writing-mode: horizontal-tb;
  transform: none;
}
.gds-men-square--air .gds-men-square__title b {
  color: transparent;
  font-size: clamp(30px, 14.5cqw, 76px);
  line-height: .82;
  letter-spacing: -.045em;
  -webkit-text-stroke: max(1px, .23cqw) #f6eee5;
  text-stroke: max(1px, .23cqw) #f6eee5;
  text-shadow: 0 1px 8px #14202a26;
}
.gds-men-square--air .gds-men-square__title i {
  margin-top: 1.2cqw;
  color: #ff745f;
  font: 750 clamp(8px, 2.8cqw, 15px)/1 var(--sans);
  letter-spacing: .22em;
}
.gds-men-square--air .gds-men-square__axis {
  left: 31%;
  bottom: 6.1%;
  color: #f7f0e5;
}
.gds-men-square--air .gds-men-square__edition {
  right: 5.5%;
  bottom: 6.1%;
  color: #ff8a73;
}
.gds-men-square--air .gds-men-square__signal {
  left: 5.5%;
  right: 66%;
  top: 28%;
  height: max(2px, .45cqw);
  background: #ff745f;
  transform: none;
}

/* MEN 003 — full-bleed typographic portrait system. Crop, tonal depth,
   repeated display type, and image work as one editorial composition. */
.gds-men-square--burgundy {
  color: #f5f0e7;
  background: #1c060d;
}
.gds-men-square--burgundy .gds-men-square__image {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 42%;
  border: 0;
  border-radius: 0;
  filter: saturate(.92) contrast(1.04) brightness(.94);
  transform: scale(1.08);
  transform-origin: 18% 44%;
}
.gds-men-square--burgundy .gds-men-square__shade {
  inset: 0;
  width: auto;
  clip-path: none;
  box-shadow: none;
  background:
    linear-gradient(90deg, #260009d9 0%, #31000aa3 24%, #31000a26 49%, transparent 68%),
    linear-gradient(0deg, #0b0307d9 0%, #0b030766 23%, transparent 50%),
    linear-gradient(180deg, #0b030742 0%, transparent 24%);
}
.gds-men-square--burgundy .gds-men-square__rail {
  top: 5.5%;
  right: 5.5%;
  left: auto;
  padding: 0;
  background: transparent;
  color: #f5f0e7;
  align-items: baseline;
  gap: 1.1cqw;
}
.gds-men-square--burgundy .gds-men-square__rail b {
  font: 750 clamp(8px, 2.05cqw, 12px)/1 var(--sans);
  letter-spacing: .24em;
  text-shadow: 0 1px 10px #170006b3;
}
.gds-men-square--burgundy .gds-men-square__rail i {
  display: block;
  color: #f5f0e7;
  font: 750 clamp(5px, 1.25cqw, 8px)/1 var(--sans);
  letter-spacing: .15em;
  opacity: .7;
  text-shadow: 0 1px 8px #170006b3;
}
.gds-men-square--burgundy .gds-men-square__meta,
.gds-men-square--burgundy .gds-men-square__edition,
.gds-men-square--burgundy .gds-men-square__echo,
.gds-men-square--burgundy .gds-men-square__grid,
.gds-men-square--burgundy .gds-men-square__signal { display: none; }
.gds-men-square--burgundy .gds-men-square__title {
  z-index: 7;
  left: 4.8%;
  right: 4.8%;
  top: 8%;
  bottom: 5.2%;
  width: auto;
  display: block;
}
.gds-men-square--burgundy .gds-men-square__title b {
  color: inherit;
  writing-mode: horizontal-tb;
  transform: none;
  font: 760 clamp(17px, 9.5cqw, 56px)/.72 var(--display);
  letter-spacing: -.055em;
  -webkit-text-stroke: 0;
  text-stroke: 0;
  text-shadow: 0 2px 18px #170006b3;
}
.gds-men-square--burgundy .gds-men-square__title b span {
  display: block;
  width: max-content;
  color: #f5f0e7;
}
.gds-men-square--burgundy .gds-men-square__title b span:nth-child(2) {
  margin-left: 3.4cqw;
  color: transparent;
  -webkit-text-stroke: max(1px, .22cqw) #f5f0e7;
  text-stroke: max(1px, .22cqw) #f5f0e7;
  opacity: .82;
}
.gds-men-square--burgundy .gds-men-square__title b span:nth-child(3) { opacity: .18; }
.gds-men-square--burgundy .gds-men-square__title i {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 0;
  color: #f5f0e7;
  writing-mode: horizontal-tb;
  transform: none;
  font: italic 500 clamp(31px, 17cqw, 100px)/.72 var(--serif);
  letter-spacing: -.075em;
  text-shadow: 0 2px 18px #170006b3;
}
.gds-men-square--burgundy .gds-men-square__axis {
  z-index: 8;
  left: auto;
  right: 4.7%;
  bottom: 5.3%;
  color: #f5f0e7;
  font: 700 clamp(6px, 1.45cqw, 9px)/1 var(--sans);
  letter-spacing: .24em;
  text-shadow: 0 1px 8px #31000dcc;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.gds-men-square--burgundy.gds-men-square--hero .gds-men-square__image {
  object-position: 50% 43%;
  transform: scale(1.19);
}
.gds-men-square--burgundy.gds-men-square--hero .gds-men-square__title {
  left: 4.6%;
  top: 8.5%;
  bottom: 5.5%;
}
.gds-men-square--burgundy.gds-men-square--index .gds-men-square__image {
  object-position: 50% 41%;
  transform: scale(1.08);
}
.gds-men-square--burgundy.gds-men-square--index .gds-men-square__title {
  left: 4.6%;
  top: 7.5%;
  bottom: 5%;
}
.gds-men-square--burgundy.gds-men-square--result .gds-men-square__image {
  object-position: 50% 42%;
  transform: scale(1.07);
}
.gds-men-square--burgundy.gds-men-square--result .gds-men-square__title {
  top: 8%;
  bottom: 5.5%;
}
.gds-men-square--burgundy.gds-men-square--system .gds-men-square__image {
  object-position: 50% 41%;
  transform: scale(1.06);
}
.gds-men-square--burgundy.gds-men-square--system .gds-men-square__title {
  left: 4.7%;
  top: 7.5%;
  bottom: 5%;
}
.gds-men-square--burgundy.gds-men-square--study .gds-men-square__image {
  object-position: 50% 42%;
  transform: scale(1.08);
}
.gds-men-square--burgundy.gds-men-square--study .gds-men-square__title {
  top: 8.5%;
  bottom: 5.5%;
}

/* MEN 004 — ice-blue curl frequency. The portrait keeps its complete crown,
   face and jaw inside every square treatment; the related 360° study uses a
   separately approved five-angle turntable. */
.gds-men-square--frequency {
  color: #17120f;
  background: #dce8f1;
}
.gds-men-square--frequency .gds-men-square__image {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: 50% 50%;
  border: 0;
  border-radius: 0;
  filter: saturate(.96) contrast(1.025) brightness(1.015);
  transform: scale(1);
  transform-origin: 50% 50%;
}
.gds-men-square--frequency .gds-men-square__shade {
  inset: 0;
  width: auto;
  clip-path: none;
  box-shadow: none;
  background:
    linear-gradient(180deg, #edf5faa6 0%, #dbeaf32b 32%, transparent 47%),
    linear-gradient(0deg, #24100987 0%, transparent 24%);
}
.gds-men-square--frequency .gds-men-square__grid {
  inset: 3.7%;
  clip-path: none;
  border: max(1px, .2cqw) solid #492315a8;
  background:
    linear-gradient(90deg, transparent 21.7%, #7d351f38 22%, transparent 22.3%),
    linear-gradient(90deg, transparent 77.7%, #7d351f2f 78%, transparent 78.3%),
    linear-gradient(180deg, transparent 35.4%, #d7f281 35.7%, transparent 36%);
}
.gds-men-square--frequency .gds-men-square__rail {
  top: 4.9%;
  right: auto;
  left: 5%;
  padding: 1.5% 1.9%;
  background: #d7f281;
  color: #2b160f;
  gap: 1.1cqw;
}
.gds-men-square--frequency .gds-men-square__rail b {
  font: 900 clamp(11px, 4.1cqw, 23px)/.82 var(--display);
}
.gds-men-square--frequency .gds-men-square__rail i {
  font: 800 clamp(5px, 1.4cqw, 8px)/1 var(--sans);
}
.gds-men-square--frequency .gds-men-square__meta {
  top: 5.3%;
  right: 5%;
  left: auto;
  color: #351a12;
  text-align: right;
  font: 750 clamp(5px, 1.45cqw, 9px)/1.35 var(--sans);
  letter-spacing: .14em;
}
.gds-men-square--frequency .gds-men-square__title {
  z-index: 7;
  inset: 11.2% 4.7% auto;
  width: auto;
  display: block;
}
.gds-men-square--frequency .gds-men-square__title b,
.gds-men-square--frequency .gds-men-square__title i {
  writing-mode: horizontal-tb;
  transform: none;
}
.gds-men-square--frequency .gds-men-square__title b {
  color: inherit;
  font: 880 clamp(19px, 10.8cqw, 64px)/.69 var(--display);
  letter-spacing: -.055em;
  -webkit-text-stroke: 0;
  text-stroke: 0;
}
.gds-men-square--frequency .gds-men-square__title b span {
  display: block;
  width: max-content;
  color: #512215;
}
.gds-men-square--frequency .gds-men-square__title b span:nth-child(2) {
  margin-left: 8.5cqw;
  color: transparent;
  -webkit-text-stroke: max(1px, .2cqw) #512215;
  text-stroke: max(1px, .2cqw) #512215;
  opacity: .68;
}
.gds-men-square--frequency .gds-men-square__title b span:nth-child(3) {
  margin-left: 17cqw;
  opacity: .13;
}
.gds-men-square--frequency .gds-men-square__title i {
  position: absolute;
  top: 16.2cqw;
  right: .8cqw;
  margin: 0;
  color: #74301d;
  font: italic 500 clamp(15px, 7.2cqw, 43px)/.8 var(--serif);
  letter-spacing: -.045em;
  text-shadow: .45cqw .45cqw 0 #d7f281;
}
.gds-men-square--frequency .gds-men-square__axis {
  z-index: 8;
  left: 5%;
  bottom: 5.1%;
  color: #f7f0e7;
  font: 750 clamp(5px, 1.45cqw, 9px)/1 var(--sans);
  letter-spacing: .16em;
  text-shadow: 0 1px 8px #2d0e08d9;
}
.gds-men-square--frequency .gds-men-square__edition {
  z-index: 8;
  right: 4.8%;
  bottom: 5.1%;
  color: #d7f281;
  font: 750 clamp(5px, 1.35cqw, 8px)/1 var(--sans);
  letter-spacing: .15em;
  text-shadow: 0 1px 8px #2d0e08d9;
}
.gds-men-square--frequency .gds-men-square__signal {
  left: 4.7%;
  right: 4.7%;
  top: 35.65%;
  height: max(2px, .45cqw);
  background: #d7f281;
  transform: none;
  box-shadow: 0 0 0 1px #6d321e2e;
}
.gds-men-square--frequency.gds-men-square--index .gds-men-square__image,
.gds-men-square--frequency.gds-men-square--result .gds-men-square__image,
.gds-men-square--frequency.gds-men-square--system .gds-men-square__image {
  object-fit: contain;
  object-position: 50% 50%;
}
.gds-men-square--frequency.gds-men-square--hero .gds-men-square__image {
  object-fit: cover;
  object-position: 50% 100%;
  transform: scale(1.01);
  transform-origin: 50% 100%;
}
.gds-men-square--frequency.gds-men-square--detail {
  aspect-ratio: 4 / 5;
  height: auto;
}
.gds-men-square--frequency.gds-men-square--detail .gds-men-square__image {
  object-position: 50% 50%;
  transform: scale(1);
}
.gds-men-square--frequency.gds-men-square--detail .gds-men-square__title i { top: 16.5cqw; }
.sec-style-visual > .gds-men-square { position: absolute; inset: 0; }
.sec-style-card:hover .gds-men-square__image,
.sec-style-card:focus-visible .gds-men-square__image {
  filter: saturate(.94) contrast(1.07) brightness(1);
  transform: scale(1.018);
}
.index-row:hover .gds-men-square--burgundy .gds-men-square__image,
.index-row:focus-visible .gds-men-square--burgundy .gds-men-square__image,
.index-row.is-index-active .gds-men-square--burgundy .gds-men-square__image { transform: scale(1.1); }
.result-card:hover .gds-men-square--burgundy .gds-men-square__image,
.result-card:focus-visible .gds-men-square--burgundy .gds-men-square__image { transform: scale(1.09); }
.sec-style-card:hover .gds-men-square--burgundy .gds-men-square__image,
.sec-style-card:focus-visible .gds-men-square--burgundy .gds-men-square__image { transform: scale(1.08); }
.index-row:hover .gds-men-square--frequency .gds-men-square__image,
.index-row:focus-visible .gds-men-square--frequency .gds-men-square__image,
.index-row.is-index-active .gds-men-square--frequency .gds-men-square__image,
.result-card:hover .gds-men-square--frequency .gds-men-square__image,
.result-card:focus-visible .gds-men-square--frequency .gds-men-square__image,
.sec-style-card:hover .gds-men-square--frequency .gds-men-square__image,
.sec-style-card:focus-visible .gds-men-square--frequency .gds-men-square__image { transform: scale(1.012); }

@media (max-width: 760px) {
  .gds-cover__meta { letter-spacing: .12em; }
  .gds-cover__axis { letter-spacing: .08em; }
  .gds-study__cover-figure { margin-top: 18px; }
}

@media (prefers-contrast: more) {
  .gds-cover__shade { background-color: #0004; }
  .gds-cover__meta,
  .gds-cover__axis { text-shadow: 0 1px 3px #000; }
}