.about-story { padding: var(--space-about-story-section-top) var(--space-about-story-inline) var(--space-about-story-section-bottom); background: var(--color-page); }
.about-story__stage { width: 100%; }
.about-story__layout { display: flex; width: min(100%, var(--size-about-story-content)); flex-direction: column; gap: var(--space-about-story-layout); margin-inline: auto; }
.about-story__steps { display: flex; flex-direction: column; gap: var(--space-about-story-layout); }
.about-story__step { display: flex; flex-direction: column; gap: var(--space-about-story-layout); word-break: break-word; }
.about-story__media { position: relative; width: var(--size-about-story-image-inline); height: var(--size-about-story-image-block); flex: none; overflow: clip; border-radius: var(--radius-about-story-image); }
.about-story__image { width: 100%; height: 100%; max-width: none; object-fit: cover; }
.about-story__item { display: flex; flex-direction: column; gap: var(--space-about-story-copy); word-break: break-word; }
.about-story__title, .about-story__copy { width: 100%; margin: 0; }
.about-story__title { color: var(--color-trusted); font-size: var(--fs-about-story-title); font-weight: var(--fw-bold); line-height: 1.3; }
.about-story__copy { color: var(--color-text); font-size: var(--fs-about-story-copy); font-weight: var(--fw-medium); line-height: 1.3; }

@media (min-width: 1024px) {
  .about-story.is-enhanced { min-block-size: var(--size-about-story-scroll); padding: 0; }
	.about-story.is-enhanced .about-story__stage { position: sticky; inset-block-start: var(--size-header-compact); display: grid; min-block-size: calc(100svh - var(--size-header-compact)); place-items: center; overflow: clip; padding: var(--space-about-story-section-top) var(--space-about-story-inline) var(--space-about-story-section-bottom); }
	.about-story.is-enhanced .about-story__layout { display: block; }
	.about-story.is-enhanced .about-story__steps { display: grid; grid-template-columns: minmax(0, 1fr) var(--size-about-story-image-inline) minmax(0, 1fr); gap: var(--space-about-story-layout); align-items: center; }
	.about-story.is-enhanced .about-story__step { display: grid; grid-column: 1 / -1; grid-row: 1; grid-template-columns: subgrid; align-items: center; opacity: var(--about-story-step-opacity, 0); transform: translate3d(0, var(--about-story-step-y, var(--distance-about-story-reveal)), 0); will-change: opacity, transform; pointer-events: none; }
	.about-story.is-enhanced .about-story__media { z-index: 1; grid-column: 2; grid-row: 1; transform: scale(var(--about-story-image-scale, var(--scale-about-story-image-start))); transform-origin: center; will-change: transform; }
	.about-story.is-enhanced .about-story__item { grid-row: 1; }
	.about-story.is-enhanced .about-story__step--left .about-story__item { grid-column: 1; }
	.about-story.is-enhanced .about-story__step--right .about-story__item { grid-column: 3; }
}

@media (max-width: 1023px) {
	.about-story.is-mobile-enhanced .about-story__step { opacity: 0; transform: translate3d(0, var(--distance-about-story-reveal), 0); transition: opacity var(--dur-about-story-opacity) var(--ease-out), transform var(--dur-about-story-transform) var(--ease-out); }
	.about-story.is-mobile-enhanced .about-story__step.is-revealed { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.about-story__step, .about-story__media { opacity: 1; transform: none; transition: none; }
}