/* Pagina Despre noi: sectiuni editoriale pe fundalul navy al site-ului, accente aurii #ead6aa. */
.about-wrap { width: min(1160px, calc(100% - 2 * clamp(20px, 5vw, 70px))); margin: 0 auto; }
.about-hero { padding: 0 0 clamp(36px, 4vw, 56px); background: transparent; }
.about-eyebrow { display: inline-block; color: #ead6aa; font-size: 11px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
.about-hero h1 { margin: 22px 0 22px; color: #f4eee5; font-size: clamp(40px, 6vw, 84px); font-weight: 500; line-height: 1.02; letter-spacing: -.035em; }
.about-hero h1 em, .about-section h2 em { color: #ead6aa; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-weight: 400; }
.about-lead { max-width: 30ch; margin: 0; color: #e7e1d3; font-size: clamp(20px, 2.1vw, 30px); font-weight: 400; line-height: 1.45; letter-spacing: -.01em; }

.about-image { width: min(1280px, calc(100% - 2 * clamp(16px, 4vw, 60px))); margin: 0 auto clamp(20px, 3vw, 44px); aspect-ratio: 2.1 / 1; overflow: hidden; border: 1px solid rgba(234, 214, 170, .3); border-radius: 18px; background: #0b1628; }
.about-image img { width: 100%; height: 100%; object-fit: cover; display: block; }

.about-section { padding: clamp(40px, 6vw, 88px) 0; border-top: 1px solid rgba(234, 214, 170, .14); }
.about-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 6vw, 96px); align-items: start; }
.about-section h2 { margin: 0; color: #f4eee5; font-size: clamp(30px, 3.8vw, 54px); font-weight: 500; line-height: 1.06; letter-spacing: -.028em; }
.about-text { margin: 0 0 18px; color: #c9d4e5; font-size: clamp(16px, 1.3vw, 19px); line-height: 1.75; }
.about-text-soft { color: #9fb0c6; }

.about-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0 28px; padding: 0; list-style: none; }
.about-chips li { padding: 9px 18px; border: 1px solid #ead6aa; border-radius: 999px; color: #ead6aa; font-size: 13px; font-weight: 600; letter-spacing: .04em; }
.about-delivered { display: flex; align-items: baseline; gap: 16px; margin: 0 0 16px; padding: 22px 0; border-top: 1px solid rgba(234, 214, 170, .18); border-bottom: 1px solid rgba(234, 214, 170, .18); }
.about-delivered strong { color: #ead6aa; font-family: "Outfit", "Plus Jakarta Sans", system-ui, sans-serif; font-size: clamp(44px, 5.4vw, 76px); font-weight: 500; line-height: 1; letter-spacing: -.03em; }
.about-delivered span { color: #e7e1d3; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.4; }

.about-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 28px 0 0; }
.about-stats div { padding: 18px 0 0; border-top: 1px solid rgba(234, 214, 170, .3); }
.about-stats dd { margin: 6px 0 0; color: #ead6aa; font-size: clamp(30px, 3.4vw, 48px); font-weight: 500; line-height: 1; letter-spacing: -.03em; }
.about-stats dt { color: #9fb0c6; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }

.about-groups-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 36px); }
.about-group { padding-top: 18px; border-top: 1px solid rgba(234, 214, 170, .3); }
.about-group h3 { margin: 0 0 14px; color: #ead6aa; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.about-group ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.about-group li { color: #d8e0ec; font-size: clamp(15px, 1.2vw, 17px); line-height: 1.55; }

.about-closing { padding: clamp(56px, 8vw, 120px) 0 clamp(64px, 9vw, 130px); text-align: center; border-top: 1px solid rgba(234, 214, 170, .14); }
.about-closing-brand { margin: 0 0 14px; color: #f4eee5; font-family: Georgia, "Times New Roman", serif; font-size: clamp(30px, 4.4vw, 62px); font-style: italic; line-height: 1.1; }
.about-closing-text { max-width: 34ch; margin: 0 auto 28px; color: #c9d4e5; font-size: clamp(17px, 1.6vw, 22px); line-height: 1.6; }
.about-cta { display: inline-flex; align-items: center; min-height: 46px; padding: 0 28px; border: 1px solid #ead6aa; border-radius: 999px; background: transparent !important; color: #ead6aa !important; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-decoration: none; transition: background-color .25s ease; }
.about-cta:hover { background: rgba(234, 214, 170, .14) !important; }

@media (max-width: 980px) {
    .about-groups-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
    .about-split { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .about-image { aspect-ratio: 4 / 3; }
    .about-lead { max-width: none; }
}
@media (max-width: 520px) {
    .about-groups-grid { grid-template-columns: minmax(0, 1fr); }
    .about-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
}

/* Poze printre text: coloana de titlu primeste imaginea, grupurile au fiecare cate o poza. */
.about-split-media .about-split-head { position: sticky; top: 110px; }
.about-photo { margin: clamp(18px, 2.4vw, 32px) 0 0; overflow: hidden; border: 1px solid rgba(234, 214, 170, .3); border-radius: 16px; background: #0b1628; aspect-ratio: 4 / 3; }
.about-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-chips li { padding: 0; }
.about-chips a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px 9px 18px; border-radius: 999px; color: #ead6aa !important; text-decoration: none; transition: background-color .25s ease; }
.about-chips a:hover { background: rgba(234, 214, 170, .14); }
.about-chips a svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.about-group-photo { margin: 0 0 16px; overflow: hidden; border-radius: 12px; aspect-ratio: 4 / 3; background: #0b1628; }
.about-group-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.about-group { padding-top: 0; border-top: 0; }
.about-closing { position: relative; isolation: isolate; overflow: hidden; border-top: 0; }
.about-closing-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.about-closing-scrim { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 20, 40, .72), rgba(10, 20, 40, .62) 50%, rgba(10, 20, 40, .86)); }
.about-closing-inner { position: relative; }
@media (max-width: 860px) {
    .about-split-media .about-split-head { position: static; }
    .about-photo { aspect-ratio: 3 / 2; }
}

@media (max-width: 860px) { .about-hero { padding-top: 20px !important; } }

/* Un stil global pentru prima sectiune din <main> o facea de 680px, cu textul lipit jos; hero-ul de aici are inaltimea textului. */
html body .about-hero { min-height: 0 !important; display: block !important; align-items: initial !important; padding-top: clamp(28px, 4vw, 64px) !important; }
html body .facilities-hero { min-height: 0 !important; display: block !important; padding-top: clamp(28px, 4vw, 64px) !important; }
.about-hero h1, .about-section h2 { text-wrap: balance; }