/* Inactive V3 About presentation; loaded only after approved shared-CMS activation. */
.hybrid-v3-about {
    --hybrid-about-ink: #000;
    --hybrid-about-orange: #ff630c;
    --hybrid-about-blush: #eee5dc;
    --hybrid-about-sage: #dfe8dd;
    color: var(--hybrid-about-ink);
    font-family: 'Manrope', 'Noto Sans Arabic', ui-sans-serif, system-ui, sans-serif;
}
.hybrid-v3-about .shell {
    width: 100%;
    max-width: 80rem;
    margin-inline: auto;
    padding-inline: 1.25rem;
}
.hybrid-v3-about .section-space { padding-block: 7rem; }

.hybrid-v3-about .display-heading,
.hybrid-v3-about .section-heading,
.hybrid-v3-about .font-display { font-family: 'Cormorant Garamond', 'Noto Sans Arabic', Georgia, serif; }
.hybrid-v3-about .display-heading { font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 600; letter-spacing: -.04em; line-height: .98; }
.hybrid-v3-about .section-heading { font-size: clamp(2.25rem, 4vw, 3rem); font-weight: 600; letter-spacing: -.03em; line-height: 1.1; }
.hybrid-v3-about .lead { max-width: 45rem; color: rgb(0 0 0 / .65); font-size: 1.125rem; line-height: 2; }
.hybrid-v3-about .eyebrow { font-size: .68rem; font-weight: 700; letter-spacing: .2em; line-height: 1.8; text-transform: uppercase; }
.hybrid-v3-about__intro { background: var(--hybrid-about-sand, #f6f3ee); }
.hybrid-v3-about .media-placeholder { border-radius: 1.5rem; }
.hybrid-v3-about .media-placeholder img { display: block; object-fit: cover; }
.hybrid-v3-about .card-white { min-height: 13.625rem; border: 1px solid rgb(0 0 0 / .1); border-radius: 1.5rem; background: #fff; padding: 1.5rem; }
.hybrid-v3-about :is(a, button):focus-visible { outline: 3px solid var(--hybrid-about-orange); outline-offset: 4px; }
.hybrid-v3-about :dir(rtl) { font-family: 'Noto Sans Arabic', 'Manrope', ui-sans-serif, system-ui, sans-serif; }
.hybrid-v3-about :dir(rtl) :is(.display-heading, .section-heading, .font-display) { letter-spacing: normal; line-height: 1.45; }

@media (prefers-reduced-motion: reduce) {
    .hybrid-v3-about *, .hybrid-v3-about *::before, .hybrid-v3-about *::after { transition: none !important; }
}
@media (max-width: 640px) {
    .hybrid-v3-about .section-space { padding-block: 4rem; }
}