/* Enemy: Claridad Calibrada. Scoped progressive enhancement; static by default. */
#enemy {
  --enemy-paper: #FDFFFC;
  --enemy-steel: #13161A;
  --enemy-grey: #B0B3B8;
  --enemy-sage: #96C1AE;
  --enemy-gutter: clamp(24px, 5vw, 80px);
  padding: 0;
  color: var(--enemy-paper);
  background: var(--enemy-steel);
  isolation: isolate;
  position: relative;
  z-index: 2;
  overflow: visible;
}
#enemy .enemy-stage {
  position: relative;
  background: var(--enemy-steel);
  isolation: isolate;
  overflow: hidden;
  padding: 88px var(--enemy-gutter) 56px;
  border-bottom: 1px solid var(--enemy-grey);
}
#enemy .enemy-backdrop, #enemy .enemy-shade, #enemy .enemy-interference {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}
#enemy .enemy-shade, #enemy .enemy-interference { z-index: 1; }
#enemy .enemy-header, #enemy .enemy-intro, #enemy .enemy-stories { position: relative; z-index: 2; }
#enemy .enemy-backdrop { overflow: hidden; opacity: .28; }
#enemy .enemy-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
}
#enemy .enemy-image--blur { display: none; }
#enemy .enemy-shade {
  background: linear-gradient(90deg, rgba(19,22,26,.83), rgba(19,22,26,.15) 76%),
    linear-gradient(0deg, rgba(19,22,26,.96), transparent 60%);
}
#enemy .enemy-interference { display: none; }
#enemy .enemy-header { display: flex; align-items: start; justify-content: space-between; gap: 24px; }
#enemy .enemy-heading, #enemy .enemy-meta, #enemy .enemy-kicker, #enemy .enemy-instrument, #enemy .enemy-signal-label {
  font-family: var(--body, Manrope, sans-serif);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 11px;
  line-height: 1.5;
}
#enemy .enemy-heading { display: flex; gap: 20px; align-items: baseline; font-size: 12px; font-weight: 500; }
#enemy .enemy-heading > span:first-child { color: var(--enemy-sage); }
#enemy .enemy-meta { color: var(--enemy-grey); text-align: right; }
#enemy .enemy-intro { margin-top: 36px; max-width: 640px; font-family: var(--body); font-size: 19px; line-height: 1.5; }
#enemy .enemy-intro em { font-style: normal; }
#enemy .enemy-stories { list-style: none; padding: 0; margin: 40px 0 0; max-width: 900px; }
#enemy .enemy-item { padding: 28px 0; border-top: 1px solid rgba(176,179,184,.35); }
#enemy .enemy-kicker { margin-bottom: 14px; color: var(--enemy-sage); }
#enemy .enemy-kicker span { margin-left: 14px; color: var(--enemy-grey); }
#enemy .enemy-title {
  font-family: var(--ui, 'Inter Tight', sans-serif);
  font-size: clamp(38px, 5vw, 72px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -.035em;
  line-height: .96;
  overflow-wrap: normal;
}
#enemy .enemy-title .enemy-title-line { display: block; }
#enemy .enemy-copy { font-family: var(--body, Manrope, sans-serif); font-size: 16px; line-height: 1.55; margin-top: 20px; max-width: 380px; color: var(--enemy-paper); }
#enemy .enemy-instrument, #enemy .enemy-signal { display: none; }

/* Only this section is pinned. No global section/reveal rules are changed. */
#enemy.enemy--enhanced .enemy-stage {
  height: 100svh;
  min-height: 0;
  padding: 0;
  border: 0;
}
#enemy.enemy--enhanced .enemy-backdrop { opacity: 1; }
#enemy.enemy--enhanced .enemy-image--blur { display: block; opacity: 0; }
#enemy.enemy--enhanced .enemy-stage::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 10%;
  right: -21vw;
  width: min(72vw, 980px);
  aspect-ratio: 1;
  border: 1px solid rgba(253,255,252,.22);
  border-radius: 50%;
  pointer-events: none;
}
#enemy.enemy--enhanced .enemy-header,
#enemy.enemy--enhanced .enemy-stories,
#enemy.enemy--enhanced .enemy-instrument,
#enemy.enemy--enhanced .enemy-signal { z-index: 2; }
#enemy.enemy--enhanced .enemy-header {
  position: absolute;
  top: max(104px, 13svh);
  left: var(--enemy-gutter);
  right: var(--enemy-gutter);
  padding-top: 18px;
  border-top: 1px solid rgba(253,255,252,.5);
}
#enemy.enemy--enhanced .enemy-intro {
  position: absolute; z-index: 2; top: max(164px, 21svh); left: var(--enemy-gutter);
  width: min(620px, calc(100% - 2 * var(--enemy-gutter))); height: auto; padding: 0; margin: 0;
  overflow: visible; clip-path: none; white-space: normal; border: 0;
  font-family: var(--ui, 'Inter Tight', sans-serif); font-size: clamp(17px, 1.45vw, 23px);
  font-weight: 600; line-height: 1.18; letter-spacing: .01em; text-transform: uppercase;
}
#enemy.enemy--enhanced .enemy-stories {
  position: absolute;
  inset: auto auto max(154px, 19svh) var(--enemy-gutter);
  width: min(72vw, 1080px);
  max-width: calc(100% - 2 * var(--enemy-gutter));
  height: min(50svh, 470px);
  margin: 0;
}
#enemy.enemy--enhanced .enemy-item { position: absolute; inset: auto 0 0; border: 0; padding: 0; opacity: 0; }
#enemy.enemy--enhanced .enemy-item:first-child { opacity: 1; }
#enemy.enemy--enhanced .enemy-title {
  font-size: clamp(72px, 9.2vw, 148px);
  font-weight: 500;
  line-height: .84;
  letter-spacing: -.055em;
}
#enemy.enemy--enhanced .enemy-title--long { font-size: clamp(60px, 7.35vw, 118px); }
#enemy.enemy--enhanced .enemy-copy {
  margin-top: 28px;
  max-width: 410px;
  font-size: 12px;
  line-height: 1.45;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#enemy.enemy--enhanced .enemy-kicker { margin-bottom: 26px; }
#enemy.enemy--enhanced .enemy-interference {
  display: block;
  opacity: 0;
  background: repeating-linear-gradient(0deg, rgba(176,179,184,.13) 0 1px, transparent 1px 5px);
}
#enemy.enemy--enhanced .enemy-instrument {
  display: grid;
  grid-template-columns: minmax(0, 760px) 1fr;
  gap: 40px;
  align-items: end;
  position: absolute;
  bottom: max(48px, env(safe-area-inset-bottom));
  left: var(--enemy-gutter);
  right: var(--enemy-gutter);
}
#enemy .enemy-index { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
#enemy .enemy-index-mark { position: relative; display: block; border-top: 1px solid rgba(176,179,184,.35); padding-top: 16px; color: var(--enemy-grey); }
#enemy .enemy-index-mark::before {
  content: ''; position: absolute; top: -1px; left: 0; width: 100%; height: 2px;
  background: var(--enemy-sage); transform: scaleX(0); transform-origin: left;
}
#enemy .enemy-index-mark.is-active { color: var(--enemy-paper); font-weight: 800; }
#enemy .enemy-index-mark.is-active::before { transform: scaleX(1); }
#enemy .enemy-scroll-label { color: var(--enemy-grey); text-align: right; }
#enemy.enemy--enhanced .enemy-signal { display: block; position: absolute; inset: 53% 0 auto; height: 120px; opacity: 0; pointer-events: none; }
#enemy .enemy-signal svg { display: block; width: 100%; height: 120px; overflow: hidden; }
#enemy .enemy-signal path { fill: none; stroke: var(--enemy-paper); stroke-width: 1; vector-effect: non-scaling-stroke; }
#enemy .enemy-signal-label { display: block; margin: 2px var(--enemy-gutter) 0; color: var(--enemy-sage); text-align: right; }

/* Portrait composition: image above a lower editorial zone; keep face/hand/cup together. */
@media (max-width: 800px) {
  #enemy .enemy-meta { display: none; }
  #enemy .enemy-stage { padding-top: 64px; }
  #enemy.enemy--enhanced .enemy-stage { min-height: 0; }
  #enemy.enemy--enhanced .enemy-stage::after {
    top: 18%;
    right: -66vw;
    width: 132vw;
    border-color: rgba(253,255,252,.16);
  }
  #enemy.enemy--enhanced .enemy-header { top: max(112px, calc(env(safe-area-inset-top) + 100px)); }
  #enemy.enemy--enhanced .enemy-heading { font-size: 10px; gap: 16px; }
  #enemy.enemy--enhanced .enemy-intro {
    top: max(158px, calc(env(safe-area-inset-top) + 146px));
    width: min(34ch, calc(100% - 2 * var(--enemy-gutter)));
    font-size: 12px; line-height: 1.3; letter-spacing: .035em;
  }
  #enemy.enemy--enhanced .enemy-backdrop { top: 64px; bottom: auto; height: min(76svh, 160vw); }
  #enemy.enemy--enhanced .enemy-image { object-position: 50% 50%; }
  #enemy.enemy--enhanced .enemy-shade {
    background: linear-gradient(180deg, rgba(19,22,26,.72) 0, transparent 24%, transparent 48%, rgba(19,22,26,.28) 67%, var(--enemy-steel) 96%);
  }
  #enemy.enemy--enhanced .enemy-stories {
    inset: auto var(--enemy-gutter) max(110px, calc(env(safe-area-inset-bottom) + 90px));
    width: auto; max-width: none; height: 275px;
  }
  #enemy.enemy--enhanced .enemy-title { font-size: clamp(48px, 14.1vw, 68px); line-height: .86; letter-spacing: -.05em; }
  #enemy.enemy--enhanced .enemy-title--long { font-size: clamp(42px, 11.7vw, 58px); }
  #enemy.enemy--enhanced .enemy-kicker { margin-bottom: 16px; font-size: 10px; }
  #enemy.enemy--enhanced .enemy-copy { font-size: 14px; line-height: 1.5; margin-top: 16px; max-width: 310px; }
  #enemy.enemy--enhanced .enemy-instrument { bottom: max(28px, calc(env(safe-area-inset-bottom) + 22px)); display: block; }
  #enemy .enemy-index { gap: 12px; }
  #enemy .enemy-index-mark { font-size: 10px; padding-top: 10px; }
  #enemy .enemy-scroll-label { display: none; }
  #enemy.enemy--enhanced .enemy-signal { top: 60%; }
  #enemy .enemy-signal-label { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  #enemy .enemy-image--blur, #enemy .enemy-interference, #enemy .enemy-instrument, #enemy .enemy-signal { display: none !important; }
}