/* ==========================================================================
   Section: About / Origin. Ported from about-styles.css.
   ========================================================================== */

.origin-grid { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 64px; align-items: start; }
.origin-lead { display: flex; flex-direction: column; gap: 18px; }
.origin-lead h2 { font-size: clamp(30px, 3.4vw, 46px); }
.origin-lead h2 em { font-style: italic; padding-right: 0.14em; -webkit-box-decoration-break: clone; box-decoration-break: clone; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.origin-paras { display: flex; flex-direction: column; gap: 20px; padding-top: 8px; }
.origin-paras p { font-size: 17px; color: var(--body); }
.origin-paras p:first-child { font-size: 19px; color: var(--navy); font-weight: 500; }
.origin-paras strong { color: var(--navy); font-weight: 600; }

@media (max-width: 1080px) {
	.origin-grid { grid-template-columns: 1fr; gap: 36px; }
}