/* The 30-Day Leadership Reset. Same family as The Standard (navy, ivory, gold accents),
   built from standard.css components; only Reset-specific pieces live here.
   Loaded after homepage.css, teams.css and standard.css. */

/* Hero: a square crop of Angus teaching, faded into the navy. */
.rs-hero .std-hero__photo img {
  width: 100%;
  margin-left: 0;
  aspect-ratio: 1 / 1;
  object-position: 62% 30%;
}

.rs-lead {
  color: #fff;
  font-size: var(--text-md) !important;
  line-height: 1.5 !important;
}

.rs-hero .std-hero h1,
.rs-hero h1 { max-width: 14ch; }

/* Section headings inside two-column features are narrower than full-width ones. */
.rs-reset .std-feature h2,
.std-feature h2 {
  margin: 0 0 1rem;
  font-size: clamp(1.9rem, 1.35rem + 1.9vw, 2.9rem);
  line-height: 1.05;
}

.rs-checks { margin: 1.25rem 0 0; padding: 0; list-style: none; }
.rs-checks li {
  position: relative;
  padding: 0.7rem 0 0.7rem 1.6rem;
  border-bottom: 1px solid var(--std-stone);
  color: var(--std-navy);
  font-size: var(--text-base);
  line-height: 1.55;
}
.rs-checks li:last-child { border-bottom: 0; }
.rs-checks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 0.55rem;
  height: 0.55rem;
  background: var(--std-gold);
  transform: rotate(45deg);
}

/* Real screenshots and photographs. */
.rs-figure { margin: 0; }
.rs-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius-media);
  box-shadow: 0 1rem 2.25rem rgba(13, 32, 48, 0.16);
}
.rs-figure figcaption {
  margin-top: 0.7rem;
  color: var(--std-ink-muted);
  font-size: 0.9375rem;
}

.rs-problem { max-width: 40rem; margin-top: 1.5rem; }
.rs-problem p {
  margin: 0 0 1rem;
  color: var(--std-on-navy);
  font-size: var(--text-md);
  line-height: 1.65;
}

/* Clarity, Capacity, Composure. */
.rs-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.rs-three .std-num { font-size: 1.1rem; letter-spacing: 0.12em; }
.rs-three h3 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem); }
.rs-three p { font-size: var(--text-md); }

.rs-step { margin-bottom: clamp(2.5rem, 5vw, 4rem); }

.rs-step3 {
  max-width: 46rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(176, 138, 74, 0.6);
}
.rs-step3 h3 {
  margin: 0 0 0.75rem;
  font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
  line-height: 1.2;
}
.rs-step3 p {
  margin: 0 0 1rem;
  color: var(--std-navy);
  font-size: var(--text-md);
  line-height: 1.65;
}
.rs-step3 .std-feature__meta { margin: 0 0 0.5rem; }

/* Enrollment. */
.rs-enroll .std-join__terms h2 {
  max-width: 20ch;
  margin-bottom: 1.5rem;
  font-size: clamp(1.9rem, 1.35rem + 1.9vw, 2.9rem);
  line-height: 1.05;
}
.rs-enroll .std-price span { margin-right: 0.5rem; }
.rs-enroll .std-join__includes li { line-height: 1.5; }

@media (max-width: 56rem) {
  .rs-three { grid-template-columns: 1fr; }
  .rs-hero .std-hero__photo img { aspect-ratio: 4 / 3; object-position: 60% 25%; }
}

/* Tighter vertical rhythm than The Standard: this page is shorter and more practical. */
.reset-page .std-section { padding-block: clamp(3rem, 6vw, 5.25rem); }
.reset-page .std-head { margin-bottom: clamp(1.75rem, 3.5vw, 2.75rem); }
.reset-page .std-feature { margin-bottom: 0; }
.reset-page .std-section h2 { font-size: clamp(2rem, 1.3rem + 2.6vw, 3.6rem); max-width: 24ch; }
.reset-page .std-feature h2 { max-width: none; }

/* Compact emblem beside the eyebrow: identity without a logo card. */
.rs-brand { display: flex; align-items: center; gap: 0.85rem; margin: 0 0 clamp(1.1rem, 2vw, 1.6rem); }
.rs-brand .std-eyebrow { margin: 0; }
.rs-brand__mark { display: block; width: 3.25rem; height: 3.25rem; flex: none; }

/* The coaching photograph gets a wider column (about 25% larger than before), flush with the text edge. */
.rs-step--photo {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(1.5rem, 3vw, 2.5rem);
}
.rs-step--photo .rs-figure img { aspect-ratio: 1400 / 870; object-fit: cover; }

/* Closing: two clear ways in. */
.rs-final { padding-block: clamp(3rem, 6vw, 5.25rem); }
.rs-final .final-invitation__inner { max-width: 72rem; }
.rs-final h2 { max-width: 24ch; margin-bottom: 2rem; }
.rs-paths {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 2.5rem);
}
.rs-path {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border: 1px solid rgba(232, 228, 218, 0.22);
  border-radius: var(--radius-media);
}
.rs-path h3 { margin: 0 0 0.75rem; font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem); line-height: 1.12; }
.rs-path p:not(.eyebrow) { flex: 1; max-width: 32rem; margin: 0 0 1.5rem; color: var(--color-on-dark-muted); font-size: var(--text-md); line-height: 1.6; }
.rs-path .eyebrow { margin-bottom: 0.75rem; }
.rs-final .final-invitation__secondary { margin-top: 2rem; }

@media (max-width: 56rem) {
  .rs-step--photo { grid-template-columns: 1fr; }
  .rs-paths { grid-template-columns: 1fr; }
}

.rs-for { max-width: 40rem; margin: 1.25rem 0 0; color: var(--std-gold-light); font-size: var(--text-md); line-height: 1.5; }

/* CTA directly under the Reset video */
.rs-video__cta { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; margin-top: clamp(1.5rem, 3vw, 2.25rem); text-align: center; }
.rs-video__cta p { margin: 0; color: var(--std-ink-muted); font-size: var(--text-sm); }
@media (max-width: 40rem) { .rs-video__cta .std-btn { width: 100%; } }
.rs-video__cta .std-btn--gold { background: var(--std-navy); color: #fff; }
.rs-video__cta .std-btn--gold:hover { background: var(--std-navy-2); }