.about-page { background: #f5f1e9; }
.about-eyebrow { color: #a26338; font-size: .72rem; font-weight: 700; letter-spacing: .18em; margin: 0 0 1rem; text-transform: uppercase; }
.about-hero { background: radial-gradient(circle at 20% 20%, rgba(171,127,47,.1), transparent 30%), #fffdf8; overflow: hidden; padding: clamp(4rem,7vw,7rem) 0; }
.about-hero__grid { align-items: center; display: grid; gap: clamp(3rem,7vw,7rem); grid-template-columns: .9fr 1.1fr; }
.about-hero h1 { color: var(--olrova-green); font-size: clamp(3.4rem,5.7vw,6.6rem); font-weight: 600; letter-spacing: -.065em; line-height: .93; margin: 0; max-width: 10ch; }
.about-hero__copy > p:not(.about-eyebrow) { color: #526057; font-size: 1.02rem; line-height: 1.8; margin: 1.5rem 0 0; max-width: 35rem; }
.about-hero__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 1.8rem; }
.about-hero__actions .text-link { margin: 0; }
.about-hero__visual { margin: 0; min-height: 560px; position: relative; }
.about-hero__visual::before { content: none; }
.about-hero__visual img { border-radius: 0; box-shadow: 0 35px 75px rgba(34,56,28,.2); height: 510px; object-fit: cover; position: relative; width: min(92%,620px); }
.about-hero__visual figcaption { background: var(--olrova-green); border-radius: 0; bottom: 10px; color: #fff; display: grid; padding: 1rem 1.25rem; position: absolute; right: 0; }
.about-hero__visual figcaption span { color: #d9cfaa; font-size: .65rem; letter-spacing: .12em; text-transform: uppercase; }
.about-hero__visual figcaption strong { font-size: 1rem; }
.about-story { background: #fff; padding: clamp(4rem,7vw,7rem) 0; }
.about-story__grid { display: grid; gap: clamp(3rem,8vw,8rem); grid-template-columns: .95fr 1.05fr; }
.about-story h2, .about-principles h2, .about-closing h2 { color: var(--olrova-green); font-size: clamp(2.2rem,3.8vw,4.4rem); letter-spacing: -.055em; line-height: 1; margin: 0; }
.about-story__body { color: #536158; font-size: 1rem; line-height: 1.9; }
.about-story__body p { margin: 0 0 1.2rem; }
.about-principles { padding: clamp(4rem,7vw,7rem) 0; }
.about-principles__heading { margin-bottom: 3rem; max-width: 48rem; }
.about-principles__grid { display: grid; grid-template-columns: repeat(3,1fr); }
.about-principles article { border-left: 1px solid rgba(34,56,28,.16); padding: .5rem 2rem 1rem; }
.about-principles article:first-child { border-left: 0; padding-left: 0; }
.about-principles article > span { color: #a26338; font-size: 1.8rem; font-weight: 600; }
.about-principles h3 { color: var(--olrova-green); font-size: 1rem; margin: 1.2rem 0 .7rem; }
.about-principles article p { color: #59665e; font-size: .9rem; line-height: 1.75; margin: 0; }
.about-closing { background: var(--olrova-green); color: #fff; padding: clamp(4rem,7vw,7rem) 0; }
.about-closing__inner { display: grid; justify-items: center; text-align: center; }
.about-closing .about-eyebrow { color: #d2c798; }
.about-closing h2 { color: #fff; max-width: 20ch; }
.about-closing .button-light {
	background: #fff;
	border-color: #fff;
	color: var(--olrova-green) !important;
	margin-top: 2rem;
}
.about-closing .button-light:hover,
.about-closing .button-light:focus-visible {
	background: var(--olrova-gold);
	border-color: var(--olrova-gold);
	color: #fff !important;
}
@media (max-width: 900px) { .about-hero__grid,.about-story__grid { grid-template-columns: 1fr; } .about-principles__grid { grid-template-columns: 1fr; } .about-principles article,.about-principles article:first-child { border-left: 0; border-top: 1px solid rgba(34,56,28,.16); padding: 1.5rem 0; } .about-principles article:first-child { border-top: 0; } }
@media (max-width: 620px) { .about-hero__visual { min-height: 390px; } .about-hero__visual img { height: 360px; width: 100%; } .about-hero__actions { align-items: flex-start; flex-direction: column; } }