/* About: the Mediterranean Outlook narrative, scoped to this route. */
.als-about-page { --about-space: clamp(4rem, 6.5vw, 7rem); }
.als-about-masthead { background: var(--als-surface); padding-block: 9rem 2.7rem; text-align: center; }
.als-about-masthead__trail { display: flex; justify-content: center; align-items: center; gap: .8rem; color: var(--als-muted); font-size: .8rem; }
.als-about-masthead__trail svg { width: 14px; height: 14px; }
html[dir="ltr"] .als-about-masthead__trail svg { transform: rotate(180deg); }
.als-about-masthead__trail a { display: inline-flex; align-items: center; min-height: 36px; }
.als-about-masthead__trail a:hover { color: var(--als-gold); text-decoration: underline; text-underline-offset: 5px; }
.als-about-masthead__title { margin-top: .35rem; font-size: clamp(2.5rem, 4vw, 3.75rem); font-weight: 500; line-height: 1.4; }
.als-about-opening { padding-top: 3.5rem; }
.als-about-opening__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2.5rem, 5vw, 5.5rem); align-items: center; }
.als-about-opening__title { font-size: clamp(2rem, 3vw, 3rem); line-height: 1.5; font-weight: 500; text-wrap: balance; }
.als-about-opening__body { margin-top: 1.4rem; color: var(--als-muted); line-height: 2; max-width: 62ch; }
.als-about-opening__media { position: relative; height: clamp(420px, 35vw, 540px); border-radius: var(--als-radius); overflow: hidden; background: var(--als-elevated); }
.als-about-opening__media .als-cover { width: 100%; height: 100%; object-fit: cover; object-position: 50% 43%; }
.als-about-jump { display: inline-flex; align-items: center; gap: 1.15rem; min-height: 48px; margin-top: 1.8rem; font-size: .9rem; font-weight: 500; }
.als-about-jump .als-arrow { width: 46px; height: 46px; flex-basis: 46px; padding: 12px; border-radius: 50%; color: var(--als-night); background: var(--als-brass); transition: background-color 220ms var(--als-ease), color 220ms var(--als-ease); }
html[dir="ltr"] .als-about-jump:not(.als-about-jump--forward) .als-arrow { transform: none; }
.als-about-jump:hover .als-arrow { color: var(--als-on-night); background: var(--als-night); }
.als-about-heading { font-size: clamp(1.8rem, 2.7vw, 2.7rem); line-height: 1.6; font-weight: 500; text-wrap: balance; }
.als-about-foundation { padding-block: var(--about-space); }
.als-about-foundation__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2.5rem, 5vw, 5.5rem); border-top: 1px solid var(--als-border); padding-top: 3rem; align-items: start; }
.als-about-foundation .als-about-heading { font-size: clamp(1.65rem, 2.1vw, 2.1rem); }
.als-about-foundation__copy > p { color: var(--als-muted); line-height: 2; font-size: 1.15rem; max-width: 68ch; }
.als-about-foundation__links { display: flex; flex-wrap: wrap; gap: .5rem 2rem; margin-top: 1.65rem; }
.als-about-foundation__links a { display: inline-flex; align-items: center; min-height: 44px; padding-block: .4rem; color: var(--als-gold); border-bottom: 1px solid var(--als-border); font-size: .875rem; transition: border-color 180ms; }
.als-about-foundation__links a:hover { border-color: var(--als-gold); }
.als-about-purpose { background: var(--als-surface-warm); color: var(--als-night); padding-block: var(--about-space); }
.als-about-purpose__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.als-about-purpose__media { position: relative; align-self: stretch; min-height: 520px; border-radius: var(--als-radius); overflow: hidden; background: var(--als-elevated); }
.als-about-purpose__media .als-cover { width: 100%; height: 100%; object-fit: cover; object-position: 48% 50%; }
.als-about-purpose__item p { max-width: 65ch; color: var(--als-muted); line-height: 2; margin-top: 1rem; font-size: 1.05rem; }
.als-about-purpose__item + .als-about-purpose__item { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px solid var(--als-border); }
.als-about-purpose .als-about-heading { color: var(--als-night); }
.als-about-strategy { padding-block: var(--about-space); }
.als-about-strategy__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2.5rem, 5vw, 5.5rem); align-items: start; }
.als-about-strategy__intro { max-width: 360px; }
.als-about-objectives { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.5rem; }
.als-about-objectives li { display: flex; align-items: baseline; gap: 1rem; padding-block: 1.8rem; border-top: 1px solid var(--als-border); }
.als-about-objectives li::before { content: ""; width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--als-brass); }
.als-about-objectives li:last-child:nth-of-type(odd) { grid-column: 1 / -1; }
.als-about-objectives p { font-size: 1.075rem; line-height: 1.9; max-width: 65ch; }
@media (min-width: 1600px) {
 .als-about-opening__grid, .als-about-foundation__grid, .als-about-strategy__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
}
@media (max-width: 1023px) {
 .als-about-opening__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 2.5rem; }
 .als-about-opening__media { height: 490px; }
 .als-about-purpose__grid { gap: 3rem; }
 .als-about-purpose__media { min-height: 560px; }
 .als-about-foundation__grid, .als-about-strategy__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 2.5rem; }
 .als-about-objectives { column-gap: 1.5rem; }
}
@media (max-width: 767px) {
 .als-about-masthead { padding-block: 7.5rem 2.15rem; }
 .als-about-masthead__title { font-size: 2.5rem; }
 .als-about-opening { padding-top: 2.5rem; }
 .als-about-opening__grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
 .als-about-opening__title { max-width: 550px; font-size: clamp(1.9rem, 6vw, 2.5rem); }
 .als-about-opening__body { margin-top: 1rem; font-size: .95rem; }
 .als-about-opening__media { height: auto; aspect-ratio: 1.25; border-radius: 22px; }
 .als-about-jump { margin-top: 1.25rem; }
 .als-about-foundation__grid, .als-about-strategy__grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
 .als-about-foundation__grid { padding-top: 2rem; }
 .als-about-foundation__copy > p { font-size: 1rem; }
 .als-about-foundation__links { gap: .5rem 1.5rem; margin-top: 1.25rem; }
 .als-about-purpose__grid { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
 .als-about-purpose__media { min-height: 0; height: auto; aspect-ratio: 1.2; border-radius: 22px; }
 .als-about-purpose__copy { grid-row: 1; }
 .als-about-purpose__item p { font-size: 1rem; }
 .als-about-purpose__item + .als-about-purpose__item { margin-top: 2rem; padding-top: 2rem; }
 .als-about-strategy__intro { max-width: none; }
 .als-about-objectives { grid-template-columns: minmax(0, 1fr); }
 .als-about-objectives li { padding-block: 1.35rem; }
 .als-about-objectives p { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
 .als-about-page *, .als-about-page *::before { transition: none !important; }
}