header.nav { flex-wrap: wrap; gap: 20px; }
.nav-links { flex-wrap: wrap; gap: 24px; }
.nav-links a { font-size: 14px; letter-spacing: .08em; padding: 8px 0; }
.nav-links a[aria-current="page"] { opacity: 1; color: var(--gold); }
.women-page main { overflow: clip; }
.women-hero { padding: 0; display: grid; grid-template-columns: .85fr 1.15fr; background: var(--forest); color: var(--cream); }
.women-intro { padding: 64px clamp(24px, 5vw, 80px); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }

/* Echo the homepage emblem panel: fine diagonal lines and a quiet sheen. */
.women-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--forest);
}
.women-intro::before,
.women-intro::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.women-intro::before {
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .35) 100%),
    repeating-linear-gradient(100deg, rgba(199, 165, 101, .06) 0 1px, transparent 1px 46px);
}
.women-intro::after {
  background: linear-gradient(115deg, transparent 25%, rgba(255, 247, 224, .75) 48%, rgba(255, 247, 224, .15) 54%, transparent 70%);
  background-size: 260% 260%;
  background-position: 150% 150%;
  mix-blend-mode: overlay;
  opacity: .18;
  animation: logo-shine-sweep 5.5s ease-in-out infinite;
}
.women-intro > * { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  .women-intro::after { animation: none; opacity: 0; }
}

.women-intro .eyebrow { font-size: 14px; letter-spacing: .12em; line-height: 1.7; }
.women-intro h1 { margin: 20px 0; font-size: clamp(40px, 5.2vw, 76px); line-height: 1.06; font-weight: 400; overflow-wrap: anywhere; }
.women-intro h1 em { display: block; color: var(--gold); font-weight: 400; }

/* A soft light sweep, in the same rhythm as the homepage emblem. */
.flor-shimmer { display: inline-block; }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .women-intro .flor-shimmer {
    --flor-ink: var(--cream);
    background-image:
      linear-gradient(115deg, transparent 38%, rgba(255, 250, 232, .72) 49%, rgba(255, 250, 232, .18) 54%, transparent 63%),
      linear-gradient(var(--flor-ink), var(--flor-ink));
    background-size: 280% 100%, 100% 100%;
    background-position: 150% 0, 0 0;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: flor-gold-shimmer 5.5s ease-in-out infinite;
  }
  .women-intro h1 em .flor-shimmer { --flor-ink: var(--gold); }
}
@keyframes flor-gold-shimmer {
  0%, 12% { background-position: 150% 0, 0 0; }
  52%, 100% { background-position: -50% 0, 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .women-intro .flor-shimmer { animation: none; background-position: 150% 0, 0 0; }
}

.women-intro p { margin: 0 0 32px; max-width: 32ch; font-size: 18px; line-height: 1.6; }
.women-intro .btn-outline { font-size: 14px; letter-spacing: .08em; }
.women-editorial { margin: 0; min-width: 0; }
.women-editorial img { width: 100%; height: 100%; max-height: 760px; object-fit: cover; object-position: 50% 35%; }
.women-products { padding: 80px clamp(24px, 5vw, 72px) 96px; max-width: 1440px; margin: auto; }
.women-products .section-head { max-width: none; margin: 0 0 40px; }
.women-products .section-head h2 { font-size: clamp(32px, 4vw, 52px); }
.women-products .sets { gap: 48px; }
.women-products .shirt-stage img { aspect-ratio: 3 / 4; }
.women-products .shirt-thumbnails { grid-template-columns: repeat(2, minmax(0, 90px)); }
.women-products .shirt-thumbnails img { aspect-ratio: 3 / 4; }
.women-products .set-meta { margin-top: 20px; }
.women-products .set-meta h3 { margin: 8px 0; }
.women-products .piece-detail { font-size: 16px; line-height: 1.6; margin: 0; }
.women-products .price { font-size: 14px; }
@media (max-width: 1000px) { header.nav > .btn-outline { display: none; } }
@media (max-width: 700px) {
  header.nav { gap: 12px; }
  .nav-links { width: 100%; gap: 8px 18px; }
  .nav-links a { font-size: 14px; letter-spacing: .02em; }
  .women-hero { grid-template-columns: 1fr; }
  .women-intro { padding: 48px 24px; }
  .women-editorial img { height: auto; max-height: none; object-fit: contain; }
  .women-products { padding: 48px 24px 64px; }
  .women-products .sets { grid-template-columns: 1fr; gap: 48px; }
}
