/* An editorial layout using the shared Mirzaade typefaces and palette. */
.aviz-about {
	--about-ink: #171716;
	--about-paper: #f4f0e8;
	--about-coral: #ed4b2f;
	--about-line: #cfc8bc;
	margin: 0;
	padding: 72px 32px 80px;
	background: var(--about-paper);
	color: var(--about-ink);
	font-family: "DM Sans", sans-serif;
	line-height: 1.8;
}

.aviz-about *,
.aviz-about *::before,
.aviz-about *::after { box-sizing: border-box; }
.aviz-about .aviz-about-wrap { max-width: 1240px; margin: 0 auto; }
.aviz-about .aviz-about-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; font-size: 10px; font-weight: 700; letter-spacing: .16em; line-height: 1.6; text-transform: uppercase; }
.aviz-about-eyebrow > span { width: 7px; height: 7px; background: var(--about-coral); }
.aviz-about .aviz-about-hero,
.aviz-about .aviz-about-section { display: grid; grid-template-columns: 1fr 1.15fr; gap: 64px; }
.aviz-about-hero > *, .aviz-about-section > *, .aviz-about-closing > * { min-width: 0; }
.aviz-about .aviz-about-hero { align-items: center; margin: 0 0 60px; }
.aviz-about h1 { margin: 0; font-family: "Fraunces", serif; font-size: clamp(40px, 4.2vw, 58px); font-weight: 600; letter-spacing: -.045em; line-height: 1.13; }
.aviz-about h1 em { color: #bd3d26; font-style: normal; }
.aviz-about .aviz-about-lead { margin: 0; font-size: 16px; line-height: 1.9; }
.aviz-about strong { font-weight: 700; }
.aviz-about .aviz-about-section { margin: 0; padding: 40px 0; border-top: 1px solid var(--about-line); }
.aviz-about h2 { max-width: 370px; margin: 0; font-family: "Fraunces", serif; font-size: clamp(27px, 2.5vw, 34px); font-weight: 600; letter-spacing: -.035em; line-height: 1.25; }
.aviz-about .aviz-about-copy p { margin: 0 0 20px; font-size: 15px; line-height: 1.9; }
.aviz-about .aviz-about-copy > :last-child { margin-bottom: 0; }
.aviz-about .aviz-about-closing { display: grid; grid-template-columns: 1.65fr 1fr; align-items: center; gap: 56px; margin: 12px 0 0; padding: 36px 40px; border-top: 3px solid var(--about-coral); background: var(--about-ink); color: var(--about-paper); }
.aviz-about .aviz-about-purpose { margin: 0; font-size: 16px; line-height: 1.85; }
.aviz-about .aviz-about-signature { margin: 0; padding-left: 32px; border-left: 1px solid #555047; font-size: 12px; line-height: 1.8; }
.aviz-about-signature strong { display: inline-block; margin-bottom: 5px; font-size: 15px; }
.aviz-about-signature em { color: #d2cbc0; font-style: normal; }
.aviz-about-content { overflow-wrap: anywhere; }
.aviz-about-content a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.aviz-about-content a:hover { color: #b6331c; }
.aviz-about :focus-visible { outline: 2px solid var(--about-ink); outline-offset: 5px; }
.aviz-about .aviz-about-closing :focus-visible { outline-color: var(--about-paper); }

@media (max-width: 1023px) {
	.aviz-about { padding: 56px 28px 64px; }
	.aviz-about .aviz-about-hero,
	.aviz-about .aviz-about-section { grid-template-columns: .9fr 1.1fr; gap: 36px; }
	.aviz-about h1 { font-size: 42px; }
	.aviz-about .aviz-about-closing { grid-template-columns: 1.4fr 1fr; gap: 30px; padding: 30px; }
	.aviz-about .aviz-about-signature { padding-left: 24px; }
}

@media (max-width: 767px) {
	.aviz-about { padding: 40px 20px 48px; }
	.aviz-about .aviz-about-eyebrow { margin-bottom: 22px; }
	.aviz-about .aviz-about-hero,
	.aviz-about .aviz-about-section,
	.aviz-about .aviz-about-closing { grid-template-columns: 1fr; gap: 24px; }
	.aviz-about .aviz-about-hero { margin-bottom: 34px; }
	.aviz-about h1 { max-width: 500px; font-size: clamp(36px, 8.4vw, 46px); }
	.aviz-about .aviz-about-lead { font-size: 15px; }
	.aviz-about .aviz-about-section { padding: 30px 0; gap: 20px; }
	.aviz-about h2 { max-width: 450px; font-size: 29px; }
	.aviz-about .aviz-about-copy p { font-size: 14px; }
	.aviz-about .aviz-about-closing { margin-top: 4px; padding: 26px 24px; }
	.aviz-about .aviz-about-purpose { font-size: 15px; }
	.aviz-about .aviz-about-signature { padding: 22px 0 0; border-top: 1px solid #555047; border-left: 0; }
}