main.page-strategy {
  background: var(--color-parchment-050);
}

.page-strategy * {
  min-width: 0;
}

.page-strategy .strategy-container {
  width: min(100% - (var(--container-padding) * 2), var(--container-max));
  margin-inline: auto;
}

.page-strategy .strategy-section {
  position: relative;
  padding-block: var(--space-8);
}

.page-strategy .strategy-eyebrow {
  margin: 0;
  color: var(--color-bronze-500);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .06em;
  line-height: var(--leading-caption);
  text-transform: uppercase;
}

.page-strategy .strategy-heading {
  margin: 0;
  color: var(--color-steel-900);
  font-family: var(--font-heading);
  font-size: var(--text-h2);
  font-weight: 700;
  letter-spacing: .02em;
  line-height: var(--leading-heading);
}

.page-strategy .strategy-heading--light {
  color: var(--color-white-100);
}

.page-strategy .strategy-prose p:last-child,
.page-strategy .strategy-card p:last-child,
.page-strategy .strategy-observation p:last-child,
.page-strategy .strategy-cta-copy p:last-child,
.page-strategy .strategy-fact-box p:last-child {
  margin-bottom: 0;
}

.page-strategy .strategy-play-icon {
  width: 0;
  height: 0;
  border-top: .48rem solid transparent;
  border-bottom: .48rem solid transparent;
  border-left: .72rem solid var(--color-white-100);
}

.page-strategy .strategy-hero {
  position: relative;
  isolation: isolate;
  min-height: 38.75rem;
  overflow: hidden;
  background: var(--color-deep-teal-900);
  color: var(--color-white-100);
}

.page-strategy .strategy-hero-media,
.page-strategy .strategy-hero-media img,
.page-strategy .strategy-hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-strategy .strategy-hero-media {
  z-index: -2;
}

.page-strategy .strategy-hero-media img {
  max-width: none;
  object-fit: cover;
  object-position: 62% center;
}

.page-strategy .strategy-hero-overlay {
  z-index: -1;
  background: linear-gradient(90deg, rgb(16 47 53 / .96) 0%, rgb(16 47 53 / .83) 36%, rgb(16 47 53 / .34) 67%, rgb(16 47 53 / .12) 100%);
}

.page-strategy .strategy-hero-content {
  display: grid;
  width: min(100% - (var(--container-padding) * 2), var(--container-max));
  min-height: 38.75rem;
  margin-inline: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: center;
}

.page-strategy .strategy-hero-copy {
  grid-column: 1;
  width: min(100%, 32.5rem);
  padding-block: var(--space-8);
}

.page-strategy .strategy-hero-copy > * {
  margin: 0;
}

.page-strategy .strategy-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
}

.page-strategy .strategy-hero-copy .strategy-eyebrow {
  color: var(--color-parchment-100);
}

.page-strategy .strategy-hero-title {
  color: var(--color-white-100);
  font-family: var(--font-heading);
  font-size: var(--text-display);
  font-weight: 700;
  letter-spacing: .02em;
  line-height: var(--leading-display);
}

.page-strategy .strategy-hero-lead {
  width: min(100%, 31rem);
  color: var(--color-white-100);
  font-size: var(--text-lead);
  font-weight: 500;
  line-height: var(--leading-lead);
}

.page-strategy .strategy-cta-group {
  display: flex;
  width: min(100%, 22.5rem);
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
}

.page-strategy .strategy-play-button {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  border: 1px solid var(--color-bronze-500);
  border-radius: var(--radius-sm);
  background: var(--color-deep-teal-900);
  color: var(--color-white-100);
  font-size: var(--text-nav);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: var(--leading-compact);
  padding: .75rem 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast);
}

.page-strategy .strategy-play-button:hover {
  border-color: var(--color-cyan-400);
  background: var(--color-deep-teal-700);
  color: var(--color-white-100);
  box-shadow: inset 0 -2px 0 var(--color-cyan-400);
}

.page-strategy .strategy-disclosure {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
}

.page-strategy .strategy-chips {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.page-strategy .strategy-chip {
  display: inline-flex;
  max-width: 100%;
  align-items: center;
  border: 1px solid var(--color-sandstone-300);
  border-radius: var(--radius-pill);
  background: rgb(244 232 207 / .12);
  color: var(--color-white-100);
  font-size: var(--text-caption);
  font-weight: 700;
  line-height: 1.2;
  padding: .3rem .6rem;
}

.page-strategy .strategy-disclosure small {
  color: var(--color-parchment-100);
  line-height: var(--leading-caption);
}

.page-strategy .strategy-cycle-section {
  background-image: linear-gradient(140deg, transparent 0 62%, rgb(185 143 98 / .08) 62.2% 62.6%, transparent 62.8%), linear-gradient(35deg, transparent 0 38%, rgb(154 100 56 / .07) 38.2% 38.5%, transparent 38.7%);
}

.page-strategy .strategy-cycle-intro {
  display: flex;
  width: min(100%, 43.75rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-cycle-intro > * {
  margin: 0;
}

.page-strategy .strategy-cycle-intro p {
  width: min(100%, 42.5rem);
}

.page-strategy .strategy-flow {
  position: relative;
  display: grid;
  width: min(100%, 60rem);
  margin: var(--space-7) auto 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.page-strategy .strategy-flow::before {
  position: absolute;
  top: 1.55rem;
  right: 8%;
  left: 8%;
  height: 2px;
  background: var(--color-sandstone-300);
  content: "";
}

.page-strategy .strategy-flow-step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  text-align: center;
}

.page-strategy .strategy-flow-node {
  display: grid;
  width: 3.1rem;
  height: 3.1rem;
  place-items: center;
  border: 1px solid var(--color-bronze-500);
  border-radius: 50%;
  background: var(--color-parchment-050);
  color: var(--color-deep-teal-900);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.page-strategy .strategy-flow-step:hover .strategy-flow-node,
.page-strategy .strategy-flow-step:focus-within .strategy-flow-node {
  border-color: var(--color-cyan-400);
  background: var(--color-deep-teal-700);
  color: var(--color-white-100);
}

.page-strategy .strategy-flow-step h3,
.page-strategy .strategy-flow-step p {
  margin: 0;
}

.page-strategy .strategy-flow-step h3 {
  font-size: 1.5rem;
}

.page-strategy .strategy-flow-step p {
  font-size: .9rem;
  line-height: 1.5;
}

.page-strategy .strategy-observation {
  display: flex;
  width: min(100%, 43.75rem);
  margin-top: var(--space-6);
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: var(--border-light);
  border-inline-start: 4px solid var(--color-bronze-500);
  background: var(--color-parchment-100);
  clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%);
  padding: var(--space-5);
}

.page-strategy .strategy-observation h3,
.page-strategy .strategy-observation p {
  margin: 0;
}

.page-strategy .strategy-observation h3 {
  font-size: var(--text-h3);
}

.page-strategy .strategy-checkpoints {
  display: grid;
  margin-top: var(--space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.page-strategy .strategy-checkpoint {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border-top: 2px solid var(--color-bronze-500);
  padding-top: var(--space-4);
}

.page-strategy .strategy-checkpoint > * {
  margin: 0;
}

.page-strategy .strategy-checkpoint-number {
  color: var(--color-bronze-500);
  font-family: var(--font-heading);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}

.page-strategy .strategy-checkpoint h3 {
  font-size: var(--text-h3);
}

.page-strategy .strategy-formation-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: start;
}

.page-strategy .strategy-formation-copy {
  display: flex;
  width: min(100%, 43.75rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-formation-copy > * {
  margin: 0;
}

.page-strategy .strategy-formation-copy p {
  width: min(100%, 42.5rem);
}

.page-strategy .strategy-formation-copy h3 {
  margin-top: var(--space-2);
}

.page-strategy .strategy-image-card {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--color-bronze-500);
  background: var(--color-deep-teal-900);
}

.page-strategy .strategy-image-card img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: center;
}

.page-strategy .strategy-image-card figcaption {
  margin: 0;
  background: var(--color-parchment-100);
  color: var(--color-steel-700);
  padding: var(--space-3) var(--space-4);
}

.page-strategy .strategy-image-note {
  position: absolute;
  right: var(--space-3);
  bottom: calc(2.8rem + var(--space-3));
  max-width: calc(100% - 2rem);
  border: 1px solid var(--color-cyan-400);
  background: rgb(16 47 53 / .93);
  color: var(--color-white-100);
  font-size: var(--text-caption);
  font-weight: 700;
  line-height: var(--leading-caption);
  opacity: 0;
  padding: var(--space-2) var(--space-3);
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.page-strategy .strategy-image-card:hover .strategy-image-note,
.page-strategy .strategy-image-card:focus-within .strategy-image-note,
.page-strategy .strategy-image-card.is-annotated .strategy-image-note {
  opacity: 1;
  transform: translateY(0);
}

.page-strategy .strategy-image-toggle {
  position: absolute;
  top: var(--space-3);
  right: var(--space-3);
  display: grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border: 1px solid var(--color-cyan-400);
  border-radius: var(--radius-sm);
  background: rgb(16 47 53 / .88);
  color: var(--color-white-100);
  font-weight: 700;
}

.page-strategy .strategy-tactic-cards {
  display: grid;
  margin-top: var(--space-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
}

.page-strategy .strategy-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: var(--border-light);
  border-radius: var(--radius-sm);
  background: var(--color-parchment-100);
  padding: var(--space-5);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

.page-strategy .strategy-card > * {
  margin: 0;
}

.page-strategy .strategy-card:hover {
  border-color: var(--color-bronze-500);
  box-shadow: var(--shadow-raised);
  transform: translateY(-2px);
}

.page-strategy .strategy-card h3 {
  font-size: var(--text-h3);
}

.page-strategy .strategy-era-section {
  overflow: hidden;
  background: linear-gradient(120deg, var(--color-parchment-050) 0%, var(--color-parchment-050) 52%, #d9d5c7 100%);
}

.page-strategy .strategy-era-intro {
  display: flex;
  width: min(100%, 43.75rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-era-intro > * {
  margin: 0;
}

.page-strategy .strategy-era-intro p {
  width: min(100%, 42.5rem);
}

.page-strategy .strategy-timeline {
  position: relative;
  display: grid;
  width: min(100%, 60rem);
  margin: var(--space-7) auto 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-4);
}

.page-strategy .strategy-timeline::before {
  position: absolute;
  top: 1.5rem;
  right: 8%;
  left: 8%;
  height: 2px;
  background: linear-gradient(90deg, var(--color-bronze-500), var(--color-sandstone-300), var(--color-steel-700), var(--color-cyan-400));
  content: "";
}

.page-strategy .strategy-timeline-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  text-align: center;
}

.page-strategy .strategy-timeline-item button {
  display: grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 1px solid var(--color-bronze-500);
  border-radius: 50%;
  background: var(--color-parchment-050);
  color: var(--color-deep-teal-900);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  transition: border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);
}

.page-strategy .strategy-timeline-item:nth-child(3) button {
  border-color: var(--color-steel-700);
}

.page-strategy .strategy-timeline-item:nth-child(4) button {
  border-color: var(--color-cyan-400);
}

.page-strategy .strategy-timeline-item button:hover,
.page-strategy .strategy-timeline-item button:focus-visible,
.page-strategy .strategy-timeline-item.is-active button {
  border-color: var(--color-cyan-400);
  background: var(--color-deep-teal-700);
  color: var(--color-white-100);
}

.page-strategy .strategy-timeline-item h3,
.page-strategy .strategy-timeline-item p {
  margin: 0;
}

.page-strategy .strategy-timeline-item h3 {
  font-size: 1.5rem;
}

.page-strategy .strategy-timeline-item p {
  font-size: .9rem;
  line-height: 1.5;
}

.page-strategy .strategy-balance-cards {
  display: grid;
  margin-top: var(--space-6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.page-strategy .strategy-balance-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: var(--border-light);
  background: var(--color-parchment-100);
  padding: var(--space-5);
}

.page-strategy .strategy-balance-card > * {
  margin: 0;
}

.page-strategy .strategy-balance-card--positive {
  border-inline-start: 4px solid var(--color-bronze-500);
}

.page-strategy .strategy-balance-card--caution {
  border-inline-start: 4px solid var(--color-crimson-600);
}

.page-strategy .strategy-balance-card h3 {
  font-size: var(--text-h3);
}

.page-strategy .strategy-defense-section {
  background: var(--color-deep-teal-900);
  color: var(--color-white-100);
}

.page-strategy .strategy-defense-section::before {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgb(69 212 229 / .07) 1px, transparent 1px), linear-gradient(90deg, rgb(69 212 229 / .07) 1px, transparent 1px);
  background-size: 3rem 3rem;
  content: "";
  pointer-events: none;
}

.page-strategy .strategy-defense-section .strategy-container {
  position: relative;
}

.page-strategy .strategy-defense-intro {
  display: flex;
  width: min(100%, 42.5rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-defense-intro > * {
  margin: 0;
}

.page-strategy .strategy-defense-intro .strategy-eyebrow {
  color: var(--color-cyan-400);
}

.page-strategy .strategy-defense-intro p {
  color: var(--color-parchment-100);
}

.page-strategy .strategy-defense-grid {
  display: grid;
  margin-top: var(--space-6);
  grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
  gap: var(--space-5);
  align-items: start;
}

.page-strategy .strategy-defense-image {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: var(--border-dark);
  background: var(--color-steel-900);
}

.page-strategy .strategy-defense-image img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
}

.page-strategy .strategy-defense-image figcaption {
  margin: 0;
  background: var(--color-steel-700);
  color: var(--color-white-100);
  padding: var(--space-3) var(--space-4);
}

.page-strategy .strategy-defense-principles {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}

.page-strategy .strategy-defense-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  border: 1px solid var(--color-steel-700);
  border-top: 2px solid transparent;
  background: var(--color-steel-700);
  color: var(--color-white-100);
  padding: var(--space-4);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

.page-strategy .strategy-defense-card > * {
  margin: 0;
}

.page-strategy .strategy-defense-card:hover,
.page-strategy .strategy-defense-card:focus-within {
  border-top-color: var(--color-cyan-400);
  box-shadow: var(--shadow-raised);
  transform: translateY(-2px);
}

.page-strategy .strategy-defense-card span {
  color: var(--color-cyan-400);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.page-strategy .strategy-defense-card h3 {
  color: var(--color-white-100);
  font-size: var(--text-h3);
}

.page-strategy .strategy-defense-card p {
  color: var(--color-parchment-100);
  font-size: .94rem;
  line-height: 1.5;
}

.page-strategy .strategy-boss-section {
  background: var(--color-steel-900);
  color: var(--color-white-100);
}

.page-strategy .strategy-boss-intro {
  display: flex;
  width: min(100%, 42.5rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-boss-intro > * {
  margin: 0;
}

.page-strategy .strategy-boss-intro .strategy-eyebrow {
  color: var(--color-violet-500);
}

.page-strategy .strategy-boss-intro p {
  color: var(--color-parchment-100);
}

.page-strategy .strategy-boss-layout {
  display: grid;
  margin-top: var(--space-6);
  grid-template-columns: minmax(0, 9fr) minmax(0, 3fr);
  gap: var(--space-5);
  align-items: start;
}

.page-strategy .strategy-accordion {
  display: grid;
  width: min(100%, 51.25rem);
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}

.page-strategy .strategy-accordion-item {
  border: 1px solid var(--color-steel-700);
}

.page-strategy .strategy-accordion-trigger {
  display: grid;
  width: 100%;
  min-height: 3rem;
  grid-template-columns: minmax(0, 1fr) 2.25rem;
  gap: var(--space-3);
  align-items: center;
  border: 0;
  border-radius: 0;
  background: var(--color-deep-teal-700);
  color: var(--color-white-100);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
  padding: var(--space-3) var(--space-4);
  text-align: left;
}

.page-strategy .strategy-accordion-symbol {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid var(--color-cyan-400);
  color: var(--color-cyan-400);
  font-size: 1.35rem;
  line-height: 1;
}

.page-strategy .strategy-accordion-panel {
  overflow: hidden;
  background: var(--color-steel-700);
  color: var(--color-white-100);
}

.page-strategy .strategy-accordion-panel[hidden] {
  display: none;
}

.page-strategy .strategy-accordion-panel-inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  padding: var(--space-4);
}

.page-strategy .strategy-accordion-panel-inner > * {
  margin: 0;
}

.page-strategy .strategy-fact-box {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-3);
  border: 1px solid var(--color-steel-700);
  border-top: 2px solid var(--color-cyan-400);
  background: var(--color-deep-teal-900);
  color: var(--color-white-100);
  padding: var(--space-5);
}

.page-strategy .strategy-fact-box > * {
  margin: 0;
}

.page-strategy .strategy-fact-box h3 {
  color: var(--color-white-100);
  font-size: var(--text-h3);
}

.page-strategy .strategy-fact-box p {
  color: var(--color-parchment-100);
}

.page-strategy .strategy-review-intro {
  display: flex;
  width: min(100%, 43.75rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-review-intro > * {
  margin: 0;
}

.page-strategy .strategy-review-intro p {
  width: min(100%, 42.5rem);
}

.page-strategy .strategy-review-tag {
  color: var(--color-deep-teal-700);
  font-size: var(--text-meta);
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.page-strategy .strategy-review-grid {
  display: grid;
  margin-top: var(--space-6);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  align-items: stretch;
}

.page-strategy .strategy-review-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-4);
  border: var(--border-light);
  background: var(--color-parchment-100);
  padding: var(--space-5);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}

.page-strategy .strategy-review-card:hover {
  box-shadow: var(--shadow-raised);
  transform: translateY(-2px);
}

.page-strategy .strategy-review-card--strength {
  border-inline-start: 4px solid var(--color-bronze-500);
}

.page-strategy .strategy-review-card--caveat {
  border-inline-start: 4px solid var(--color-crimson-600);
}

.page-strategy .strategy-review-card h3 {
  margin: 0;
  font-size: var(--text-h3);
}

.page-strategy .strategy-review-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
}

.page-strategy .strategy-review-point {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
}

.page-strategy .strategy-review-point > * {
  margin: 0;
}

.page-strategy .strategy-review-point h4 {
  font-size: 1.25rem;
}

.page-strategy .strategy-meta-grid {
  display: grid;
  margin-top: var(--space-5);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--color-steel-700);
  background: var(--color-steel-900);
}

.page-strategy .strategy-meta-grid > div {
  min-width: 0;
  padding: var(--space-4);
}

.page-strategy .strategy-meta-grid > div + div {
  border-inline-start: 1px solid var(--color-steel-700);
}

.page-strategy .strategy-meta-grid dt,
.page-strategy .strategy-meta-grid dd {
  margin: 0;
}

.page-strategy .strategy-meta-grid dt {
  color: var(--color-cyan-400);
}

.page-strategy .strategy-meta-grid dd {
  margin-top: var(--space-1);
  color: var(--color-white-100);
  font-size: .94rem;
  line-height: 1.45;
}

.page-strategy .strategy-faq-intro {
  display: flex;
  width: min(100%, 42.5rem);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}

.page-strategy .strategy-faq-intro > * {
  margin: 0;
}

.page-strategy .strategy-faq-intro p {
  width: min(100%, 42.5rem);
}

.page-strategy .strategy-faq-accordion {
  margin: var(--space-6) auto 0;
}

.page-strategy .strategy-faq-accordion .strategy-accordion-trigger {
  background: var(--color-parchment-100);
  color: var(--color-steel-900);
}

.page-strategy .strategy-faq-accordion .strategy-accordion-panel {
  background: var(--color-parchment-100);
  color: var(--color-steel-900);
}

.page-strategy .strategy-faq-accordion .strategy-accordion-panel-inner {
  border-top: 1px solid var(--color-sandstone-300);
}

.page-strategy .strategy-final-cta {
  display: grid;
  margin-top: var(--space-7);
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: var(--space-6);
  align-items: center;
  background: var(--color-deep-teal-900);
  color: var(--color-white-100);
  padding: var(--space-6);
}

.page-strategy .strategy-cta-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}

.page-strategy .strategy-cta-copy > * {
  margin: 0;
}

.page-strategy .strategy-cta-copy .strategy-eyebrow {
  color: var(--color-cyan-400);
}

.page-strategy .strategy-cta-copy h3 {
  color: var(--color-white-100);
  font-size: var(--text-h2);
}

.page-strategy .strategy-cta-copy p {
  color: var(--color-parchment-100);
}

.page-strategy .strategy-final-cta .strategy-cta-group {
  justify-self: end;
}

.page-strategy .strategy-final-cta .strategy-play-button {
  background: var(--color-deep-teal-700);
}

@media (max-width: 68.74rem) {
  .page-strategy .strategy-hero,
  .page-strategy .strategy-hero-content {
    min-height: 31.25rem;
  }

  .page-strategy .strategy-hero-copy {
    width: min(100%, 28.75rem);
  }

  .page-strategy .strategy-formation-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-strategy .strategy-defense-grid {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }
}

@media (max-width: 57.49rem) {
  .page-strategy .strategy-section {
    padding-block: var(--space-7);
  }

  .page-strategy .strategy-formation-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .page-strategy .strategy-formation-grid .strategy-image-card {
    order: 2;
  }

  .page-strategy .strategy-defense-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-defense-principles {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-strategy .strategy-boss-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-boss-layout .strategy-fact-box {
    width: 100%;
  }

  .page-strategy .strategy-review-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-final-cta {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-final-cta .strategy-cta-group {
    width: 100%;
    justify-self: stretch;
  }
}

@media (max-width: 51.24rem) {
  .page-strategy .strategy-flow,
  .page-strategy .strategy-timeline {
    width: 100%;
    margin-inline: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
  }

  .page-strategy .strategy-flow::before,
  .page-strategy .strategy-timeline::before {
    top: 1.55rem;
    bottom: 1.55rem;
    left: 1.5rem;
    width: 2px;
    height: auto;
  }

  .page-strategy .strategy-flow-step,
  .page-strategy .strategy-timeline-item {
    display: grid;
    grid-template-columns: 3.1rem minmax(0, 1fr);
    column-gap: var(--space-3);
    align-items: start;
    text-align: left;
  }

  .page-strategy .strategy-flow-node,
  .page-strategy .strategy-timeline-item button {
    grid-row: span 2;
  }

  .page-strategy .strategy-flow-step h3,
  .page-strategy .strategy-timeline-item h3 {
    align-self: end;
  }

  .page-strategy .strategy-flow-step p,
  .page-strategy .strategy-timeline-item p {
    grid-column: 2;
  }

  .page-strategy .strategy-checkpoints,
  .page-strategy .strategy-tactic-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-balance-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-defense-principles {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-strategy .strategy-meta-grid > div:nth-child(3) {
    border-inline-start: 0;
    border-top: 1px solid var(--color-steel-700);
  }

  .page-strategy .strategy-meta-grid > div:nth-child(4) {
    border-top: 1px solid var(--color-steel-700);
  }
}

@media (max-width: 44.99rem) {
  .page-strategy .strategy-section {
    padding-block: var(--space-7);
  }

  .page-strategy .strategy-heading {
    font-size: 1.875rem;
  }

  .page-strategy .strategy-hero,
  .page-strategy .strategy-hero-content {
    min-height: 36.875rem;
  }

  .page-strategy .strategy-hero {
    display: flex;
    align-items: flex-end;
  }

  .page-strategy .strategy-hero-media {
    height: 44%;
  }

  .page-strategy .strategy-hero-media img {
    object-position: 62% top;
  }

  .page-strategy .strategy-hero-overlay {
    background: linear-gradient(180deg, rgb(16 47 53 / .08) 0%, rgb(16 47 53 / .36) 32%, rgb(16 47 53 / .94) 50%, var(--color-deep-teal-900) 100%);
  }

  .page-strategy .strategy-hero-content {
    display: flex;
    min-height: 36.875rem;
    align-items: flex-end;
  }

  .page-strategy .strategy-hero-copy {
    width: 100%;
    padding-block: var(--space-6);
  }

  .page-strategy .strategy-hero-title {
    font-size: 2.375rem;
  }

  .page-strategy .strategy-hero-lead {
    width: 100%;
    font-size: 1.125rem;
  }

  .page-strategy .strategy-cta-group {
    width: 100%;
  }

  .page-strategy .strategy-play-button {
    width: 100%;
  }

  .page-strategy .strategy-cycle-intro,
  .page-strategy .strategy-formation-copy,
  .page-strategy .strategy-era-intro,
  .page-strategy .strategy-defense-intro,
  .page-strategy .strategy-boss-intro,
  .page-strategy .strategy-review-intro,
  .page-strategy .strategy-faq-intro {
    width: 100%;
  }

  .page-strategy .strategy-observation {
    width: 100%;
    padding: var(--space-4);
  }

  .page-strategy .strategy-card,
  .page-strategy .strategy-review-card,
  .page-strategy .strategy-balance-card,
  .page-strategy .strategy-fact-box {
    padding: var(--space-4);
  }

  .page-strategy .strategy-final-cta {
    gap: var(--space-5);
    padding: var(--space-5) var(--space-4);
  }

  .page-strategy .strategy-defense-section::before {
    background-size: 4.5rem 4.5rem;
    opacity: .65;
  }
}

@media (max-width: 23.74rem) {
  .page-strategy .strategy-meta-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-strategy .strategy-meta-grid > div + div {
    border-inline-start: 0;
    border-top: 1px solid var(--color-steel-700);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-strategy .strategy-image-note,
  .page-strategy .strategy-card,
  .page-strategy .strategy-review-card,
  .page-strategy .strategy-defense-card,
  .page-strategy .strategy-play-button {
    transition: none;
  }
}