/* ═══════════════════════════════════════════════════════════════
   WodAboutStory — names (stone), outdoor photo, philosophy (#E9E8E2),
   detail photo + "made" (stone). Blocks rise in, photos open bottom-up.
   ═══════════════════════════════════════════════════════════════ */

.cc_QrnvaL6dQN_UsSdaPj2Jc .was {
  width: 100%;
  background: var(--wd-bg);
  color: var(--wd-ink);
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-band { padding: var(--wd-sy) var(--wd-g); }
/* one stone ground; blocks separated by a hairline */
.cc_QrnvaL6dQN_UsSdaPj2Jc .was > .was-band:first-child { border-top: 1px solid var(--wd-line); }
.cc_QrnvaL6dQN_UsSdaPj2Jc .was-band + .was-band, .cc_QrnvaL6dQN_UsSdaPj2Jc .was-photo + .was-band { border-top: 1px solid var(--wd-line); }
.cc_QrnvaL6dQN_UsSdaPj2Jc .was-band--alt { background: var(--wd-bg); }

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-grid {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-lead {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 36rem;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.25rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.03em;
  text-wrap: balance;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-p {
  margin: 0;
  max-width: 36rem;
  color: var(--wd-muted);
  font-size: 1rem;
  line-height: 1.6;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-p--ink {
  color: var(--wd-ink);
  font-size: 1.0625rem;
}

/* ─── Names ─────────────────────────────────────────────── */

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-names {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem 0.75rem;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  color: inherit;
  text-decoration: none;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name-ph {
  display: block;
  margin-bottom: 0.5rem;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: var(--wd-tile);
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name-ph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name-t {
  margin: 0;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name-tag {
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name .was-p { font-size: 0.9375rem; }

/* cards in a row share a height; the link sits on the same line at the bottom of each */
.cc_QrnvaL6dQN_UsSdaPj2Jc .was-name-go {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2.75rem;
  font-size: 0.9375rem;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
}

@media (hover: hover) and (pointer: fine) {
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-name-ph img { transition: transform 900ms var(--wd-ease-out); }
  .cc_QrnvaL6dQN_UsSdaPj2Jc a.was-name:hover .was-name-ph img { transform: scale(1.02); }
}

/* ─── Photos ────────────────────────────────────────────── */

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-photo { padding: 0 var(--wd-g) var(--wd-sy); }

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fig {
  margin: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--wd-stone-2);
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fig img {
  /* crop rule: faces never cut through, caps stay in frame */
  object-position: 50% 18%;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fig--armed { clip-path: inset(100% 0 0 0); }

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fig--in {
  clip-path: inset(0 0 0 0);
  transition: clip-path 1100ms var(--wd-ease-io);
}

/* ─── Philosophy ────────────────────────────────────────── */

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-pr {
  display: grid;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-pr-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--wd-line);
}

/* ─── Made ──────────────────────────────────────────────── */

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-made {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-facts {
  display: grid;
  gap: 0;
  margin: 0.5rem 0 0;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fact {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 0.75rem;
  border-top: 1px solid var(--wd-line);
  font-size: 0.9375rem;
  line-height: 1.45;
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fact:last-child { border-bottom: 1px solid var(--wd-line); }
.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fact dt { color: var(--wd-muted); }
.cc_QrnvaL6dQN_UsSdaPj2Jc .was-fact dd { margin: 0; text-align: right; }

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0 2rem;
  margin-top: 0.5rem;
}

/* ─── Reveal ────────────────────────────────────────────── */

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-r--armed { opacity: 0; transform: translateY(0.75rem); }

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-r--in {
  opacity: 1;
  transform: none;
  transition: opacity 600ms var(--wd-ease-out), transform 600ms var(--wd-ease-out);
}

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-names.was-r--armed > *, .cc_QrnvaL6dQN_UsSdaPj2Jc .was-pr.was-r--armed > * { opacity: 0; }

.cc_QrnvaL6dQN_UsSdaPj2Jc .was-names.was-r--in > *, .cc_QrnvaL6dQN_UsSdaPj2Jc .was-pr.was-r--in > * {
  opacity: 1;
  transition: opacity 600ms var(--wd-ease-out);
  transition-delay: calc(var(--i, 0) * 70ms);
}

@media (min-width: 768px) {
  /* the "wide" photo stays portrait (4:5) on 6 centre columns: a 16:9 band showed only
     lips and neck of a standing model */
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-photo {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.5rem;
  }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-photo .was-fig { grid-column: 4 / span 6; }

  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.5rem;
    row-gap: 3.5rem;
  }

  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-lead { grid-column: 1 / span 7; }
  /* tablets: three across (five across left ~70px photos and cramped text) */
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-names {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem 1.5rem;
  }

  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-pr {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
  }

  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-grid--made { align-items: center; }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-made-photo { grid-column: 1 / span 6; }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-made { grid-column: 8 / span 5; }
}

@media (min-width: 1024px) {
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-names { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-fig--armed { clip-path: none; }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-fig--in { transition: none; }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-r--armed { transform: none; }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-r--in { transform: none; transition: opacity 300ms ease; }
  .cc_QrnvaL6dQN_UsSdaPj2Jc .was-names.was-r--in > *, .cc_QrnvaL6dQN_UsSdaPj2Jc .was-pr.was-r--in > * { transition: opacity 300ms ease; transition-delay: 0ms; }
}