.figure-work {
  --figure-ink: #f1f5f7;
  --figure-muted: rgba(222, 235, 242, 0.62);
  --figure-line: rgba(173, 215, 235, 0.18);
  color: var(--figure-ink);
  background: #03070d;
}

.figure-work h1,
.figure-work h2,
.figure-work p { margin: 0; }

.figure-work__hero {
  position: relative;
  min-height: min(900px, 94svh);
  display: grid;
  align-items: end;
  overflow: hidden;
  border-bottom: 1px solid var(--figure-line);
}

.figure-work__hero > img,
.figure-work__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.figure-work__hero > img { object-fit: cover; object-position: center; filter: saturate(0.72) contrast(1.06); }
.figure-work__veil { background: linear-gradient(90deg, rgba(1, 5, 10, 0.96) 0%, rgba(1, 5, 10, 0.66) 35%, rgba(1, 5, 10, 0.08) 75%), linear-gradient(0deg, rgba(1, 5, 10, 0.82), transparent 48%); }

.figure-work__hero-copy {
  position: relative;
  z-index: 1;
  width: min(100%, 90rem);
  padding: 9rem clamp(1.25rem, 9vw, 9rem) clamp(4rem, 8vw, 7rem);
}

.figure-work__eyebrow,
.figure-work__index,
.figure-work__status,
.figure-work__caption,
.figure-work__access-label {
  color: rgba(177, 226, 247, 0.72);
  font-size: 0.6rem;
  letter-spacing: 0.22em;
}

.figure-work__hero h1 {
  margin-top: 1.4rem;
  font-family: "EB Garamond", serif;
  font-size: clamp(4rem, 9vw, 9rem);
  font-weight: 500;
  line-height: 0.8;
  letter-spacing: -0.035em;
}

.figure-work__hero-ja { margin-top: 2.3rem !important; font-family: "Shippori Mincho", serif; font-size: clamp(1.1rem, 2vw, 1.6rem); line-height: 1.75; }
.figure-work__status { display: flex; align-items: center; gap: 0.7rem; margin-top: 2.8rem !important; }
.figure-work__status span { width: 0.42rem; height: 0.42rem; border-radius: 50%; background: #a6e5fb; box-shadow: 0 0 1.2rem rgba(166, 229, 251, 0.85); }
.figure-work__caption { position: absolute; z-index: 1; right: 1.4rem; bottom: 1.3rem; writing-mode: vertical-rl; color: rgba(222, 235, 242, 0.42); }

.figure-work__statement,
.figure-work__access {
  display: grid;
  grid-template-columns: minmax(8rem, 0.4fr) minmax(0, 1.6fr);
  gap: clamp(2rem, 7vw, 8rem);
  padding: clamp(6rem, 11vw, 11rem) clamp(1.25rem, 9vw, 9rem);
  border-bottom: 1px solid var(--figure-line);
}

.figure-work__statement > div,
.figure-work__access > div { max-width: 55rem; }
.figure-work h2 { font-family: "Shippori Mincho", serif; font-size: clamp(2.1rem, 4.8vw, 5rem); font-weight: 500; line-height: 1.3; }
.figure-work__statement div > p,
.figure-work__access div > p:not(.figure-work__access-label) { max-width: 43rem; margin-top: 2.3rem; color: var(--figure-muted); font-size: 0.92rem; line-height: 2.15; }

.figure-work__metrics,
.figure-work__flow { padding: clamp(6rem, 11vw, 10rem) clamp(1.25rem, 9vw, 9rem); border-bottom: 1px solid var(--figure-line); }
.figure-work__metrics { background: radial-gradient(circle at 80% 15%, rgba(69, 155, 192, 0.12), transparent 28%), #050b13; }
.figure-work__metrics-head,
.figure-work__flow-head { display: grid; grid-template-columns: minmax(8rem, 0.4fr) minmax(0, 1.6fr); gap: clamp(2rem, 7vw, 8rem); }
.figure-work__metric-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 5rem; padding: 1px; background: var(--figure-line); }
.figure-work__metric-grid article { min-height: 18rem; padding: 2rem; background: rgba(4, 9, 16, 0.96); }
.figure-work__metric-grid small { color: rgba(177, 226, 247, 0.62); font-size: 0.58rem; letter-spacing: 0.2em; }
.figure-work__metric-grid strong { display: block; margin-top: 3rem; font-family: "EB Garamond", serif; font-size: clamp(4rem, 7vw, 7rem); font-weight: 500; line-height: 1; }
.figure-work__metric-grid p { margin-top: 1.4rem; color: var(--figure-muted); font-size: 0.75rem; }
.figure-work__metric--target strong { color: #a6e5fb; text-shadow: 0 0 2rem rgba(125, 220, 255, 0.2); }
.figure-work__fact-note { margin-top: 1.2rem !important; color: rgba(222, 235, 242, 0.42); font-size: 0.68rem; }

.figure-work__flow { background: #03070d; }
.figure-work__flow ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 5rem 0 0; padding: 1px; list-style: none; background: var(--figure-line); }
.figure-work__flow li { min-height: 17rem; padding: 2rem; background: #050b13; }
.figure-work__flow li span { color: rgba(177, 226, 247, 0.48); font-family: "EB Garamond", serif; font-size: 2rem; }
.figure-work__flow li strong { display: block; margin-top: 3rem; font-family: "EB Garamond", serif; font-size: 1.1rem; font-weight: 500; letter-spacing: 0.12em; }
.figure-work__flow li p { margin-top: 1rem; color: var(--figure-muted); font-size: 0.78rem; line-height: 1.85; }

.figure-work__access { background: linear-gradient(135deg, #081521, #03070d 72%); }
.figure-work__access-label { margin-bottom: 1.5rem !important; }
.figure-work__actions { display: flex; flex-wrap: wrap; gap: 0.8rem 1.8rem; margin-top: 3rem; }
.figure-work__actions a { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; min-width: 15rem; padding: 1rem 0; color: var(--figure-ink); border-bottom: 1px solid rgba(177, 226, 247, 0.5); font-size: 0.66rem; letter-spacing: 0.13em; }
.figure-work__actions .figure-work__primary { padding: 1rem 1.1rem; color: #03101a; border: 0; background: #a6e5fb; }
.figure-work__access small { display: block; margin-top: 1.5rem; color: rgba(222, 235, 242, 0.42); font-size: 0.66rem; line-height: 1.8; }

@media (max-width: 760px) {
  .figure-work__hero { min-height: 88svh; }
  .figure-work__hero > img { object-position: 62% center; }
  .figure-work__veil { background: linear-gradient(0deg, rgba(1, 5, 10, 0.97) 0%, rgba(1, 5, 10, 0.62) 60%, rgba(1, 5, 10, 0.14)); }
  .figure-work__hero h1 { font-size: clamp(3.7rem, 18vw, 6rem); }
  .figure-work__caption { display: none; }
  .figure-work__statement,
  .figure-work__access,
  .figure-work__metrics-head,
  .figure-work__flow-head { grid-template-columns: 1fr; gap: 2.2rem; }
  .figure-work__metric-grid,
  .figure-work__flow ol { grid-template-columns: 1fr; margin-top: 3.5rem; }
  .figure-work__metric-grid article,
  .figure-work__flow li { min-height: 13rem; }
  .figure-work__metric-grid strong,
  .figure-work__flow li strong { margin-top: 2rem; }
  .figure-work__actions { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  .figure-work * { scroll-behavior: auto !important; }
}