.rk-experience,
.rk-practice-methods {
  border-top: 1px solid var(--rk-line);
  padding-block-start: clamp(27px, 4.6vw, 68px);
}

.rk-page-intelligence .rk-experience {
  padding-block-end: clamp(35px, 5vw, 72px);
}

.rh-home .rk-practice-methods {
  margin-block-start: clamp(38px, 6vw, 88px);
}

.rk-experience-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: end;
  gap: 14px clamp(24px, 5vw, 82px);
}

.rk-site .rk-presentation :is(.rk-experience-title, .rk-practice-title) {
  margin-block: .2em 0;
  color: var(--rk-ink);
  font: 500 clamp(2.45rem, 5.5vw, 5.5rem)/1 "Rekon Serif", Georgia, serif;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.rk-experience-date { white-space: nowrap; }

.rk-site :is(.rk-experience, .rk-practice-methods) .rk-kicker {
  color: var(--rk-rust);
}

.rk-site :is(.rk-experience, .rk-practice-methods) .rk-text-link {
  display: inline-flex;
  align-items: center;
  gap: .45em;
  min-height: 44px;
}

.rk-site .rk-experience-copy p {
  max-width: 41ch;
  margin-block-end: 5px;
  font-size: clamp(1.05rem, 1.6vw, 1.32rem);
}

.rk-site .rk-presentation .rk-experience-timeline {
  --year-row: 1.95rem;
  --point-row: 1.45rem;
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: clamp(24px, 4.4vw, 60px) 0 18px;
  padding: 0;
  list-style: none;
}

.rk-experience-timeline::before {
  position: absolute;
  inset: calc(var(--year-row) + var(--point-row) / 2) 0 auto;
  height: 1px;
  background: var(--rk-rust);
  content: "";
}

.rk-experience-timeline > li {
  display: grid;
  grid-template-rows: var(--year-row) var(--point-row) auto 1fr;
  align-items: start;
  min-width: 0;
  padding-inline-end: clamp(10px, 1.4vw, 22px);
}

.rk-experience-timeline time {
  grid-row: 1;
  color: var(--rk-rust);
  font: 500 clamp(1.28rem, 2vw, 1.6rem)/1 "Rekon Serif", Georgia, serif;
  font-variant-numeric: lining-nums tabular-nums;
}

.rk-experience-timeline > li::before {
  position: relative;
  grid-row: 2;
  align-self: center;
  width: 9px;
  height: 9px;
  border: 1px solid var(--rk-rust);
  border-radius: 50%;
  background: var(--rh-surface, var(--rk-canvas));
  content: "";
}

.rk-experience-timeline > li:last-child::before { background: var(--rk-rust); }

.rk-site .rk-presentation .rk-experience-sector {
  margin: .2em 0 .32em;
  font: 500 clamp(1.14rem, 1.63vw, 1.48rem)/1.13 "Rekon Serif", Georgia, serif;
  overflow-wrap: anywhere;
}

.rk-site .rk-presentation .rk-experience-timeline p {
  max-width: 28ch;
  color: var(--rk-muted);
  font-size: .98rem;
  line-height: 1.48;
}

.rk-site .rk-presentation .rk-experience-note {
  color: var(--rk-muted);
  font-size: .87rem;
}

.rk-site .rk-presentation .rk-practice-intro {
  margin-block-start: .65em;
  color: var(--rk-muted);
  font-size: 1.07rem;
}

.rk-practice-cases {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.8vw, 40px);
  margin-block-start: clamp(18px, 3.2vw, 39px);
}

.rk-practice-case {
  display: flex;
  flex-direction: column;
  align-items: start;
  min-width: 0;
}

.rk-site .rk-presentation .rk-practice-art {
  display: flex;
  width: 100%;
  aspect-ratio: 1.85;
  overflow: hidden;
  margin-block-end: 14px;
  background: var(--rk-ink);
}

.rk-practice-art > img { width: 100%; height: 100%; object-fit: cover; }
.rk-practice-art--map > img { object-position: 58% 55%; }

.rk-practice-art--watches {
  align-items: center;
  justify-content: center;
  gap: 5%;
  padding: 3%;
}

.rk-practice-art--watches > img {
  width: 43%;
  height: auto;
  border-radius: 50%;
}

.rk-site .rk-presentation .rk-practice-case-title {
  margin: .24em 0 .4em;
  font: 500 clamp(1.46rem, 2.5vw, 2.25rem)/1.1 "Rekon Serif", Georgia, serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.rk-site .rk-practice-case p:not(.rk-kicker) {
  max-width: 42ch;
  margin-block-end: .55em;
  color: var(--rk-muted);
}

.rk-practice-case .rk-text-link { margin-block-start: auto; }

@media (max-width: 1020px) {
  .rk-site .rk-presentation .rk-experience-timeline { display: block; }
  .rk-experience-timeline::before { content: none; }
  .rk-experience-timeline > li { position: relative; display: block; padding: 0 0 18px 25px; }
  .rk-experience-timeline > li:last-child { padding-bottom: 0; }
  .rk-experience-timeline > li::before { position: absolute; inset: 8px auto auto 0; }
  .rk-experience-timeline > li:not(:last-child)::after {
    position: absolute;
    inset: 17px auto -8px 4px;
    width: 1px;
    background: var(--rk-rust);
    content: "";
  }
  .rk-site .rk-presentation .rk-experience-timeline p { max-width: 46ch; }
}

@media (max-width: 760px) {
  .rk-experience-intro,
  .rk-practice-cases { grid-template-columns: minmax(0, 1fr); }
  .rk-practice-cases { row-gap: 26px; }
}

@supports (view-timeline-name: --rk-experience-view) {
  @media (min-width: 1021px) and (prefers-reduced-motion: no-preference) {
    .rk-experience-timeline { view-timeline-name: --rk-experience-view; }
    .rk-experience-timeline::before {
      transform-origin: left;
      animation: rk-trace-experience linear both;
      animation-timeline: --rk-experience-view;
      animation-range: entry 0% entry 100%;
    }
    @keyframes rk-trace-experience {
      from { transform: scaleX(0); }
      to { transform: scaleX(1); }
    }
  }
}