/*
 * about.css — About Us page (resources/views/pages/about.blade.php).
 * Prototype reference: docs/frontend/About.dc.html (look & feel only).
 */

/* ------------------------------------------------------------------- hero */
.dpd-about-hero__title { color:#fff; font-size:clamp(1.9rem, 4vw, 2.9rem); margin-bottom:1.1rem; }
.dpd-about-hero__text { color:rgba(255,255,255,.68); font-size:1rem; line-height:1.7; margin-bottom:1.5rem; }
.dpd-about-hero__text:last-child { margin-bottom:0; }
.dpd-about-hero__media { border-radius:16px; aspect-ratio:4 / 3; max-height:400px; width:100%; box-shadow:0 12px 40px rgba(0,0,0,.4); }

/* ------------------------------------------------------------------ stats */
.dpd-about-stats { background:#fff; border-bottom:3px solid var(--dpd-navy); }
.dpd-about-stat { padding:28px 20px; text-align:center; display:flex; flex-direction:column; }
.dpd-about-stat + .dpd-about-stat { border-left:1px solid var(--dpd-border); }
.dpd-about-stat__value { order:1; margin:0; font-size:2.5rem; font-weight:800; line-height:1; letter-spacing:-.02em; color:var(--dpd-magenta); }
.dpd-about-stat__label { order:2; margin-top:6px; font-size:.69rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--dpd-label); }

@media (max-width:991.98px) {
    .dpd-about-stat:nth-child(odd) { border-left:0; }
    .dpd-about-stat:nth-child(n+3) { border-top:1px solid var(--dpd-border); }
}

/* ------------------------------------------------------------- principles */
.dpd-about-value { padding:24px; border-color:transparent; }
.dpd-about-value__ico { width:44px; height:44px; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.dpd-about-value__ico--cyan    { background:#E8F7FD; color:var(--dpd-cyan); }
.dpd-about-value__ico--magenta { background:#FFF0F8; color:var(--dpd-magenta); }
.dpd-about-value__ico--yellow  { background:#FFFBE6; color:#D4BB00; }
.dpd-about-value__title { font-size:.95rem; margin-bottom:8px; }
.dpd-about-value__body { font-size:.82rem; color:var(--dpd-muted); line-height:1.6; margin:0; }

/* ------------------------------------------------------ story + facility */
.dpd-about-points,
.dpd-about-facts { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.dpd-about-points li { display:flex; align-items:flex-start; gap:10px; font-size:.9rem; line-height:1.6; color:var(--dpd-navy); }
.dpd-about-points .dpd-i { color:var(--dpd-magenta); margin-top:.3em; stroke-width:2.5; }
.dpd-about-facts { gap:10px; margin-top:1.75rem; }
.dpd-about-facts li { display:flex; align-items:center; gap:10px; font-size:.9rem; font-weight:600; color:var(--dpd-navy); }
.dpd-about-facts .dpd-i { color:var(--dpd-cyan); }
.dpd-about-facility__media { border-radius:14px; aspect-ratio:4 / 3; max-height:380px; width:100%; box-shadow:0 4px 20px rgba(0,0,0,.10); }

/* -------------------------------------------------------------------- cta */
.dpd-about-cta__body { color:rgba(255,255,255,.65); font-size:1rem; line-height:1.6; margin:0 auto 1.75rem; max-width:560px; }

/* ------------------------------------------- CMS section blocks (pages/sections) */
.dpd-about-hero__rich p { color:rgba(255,255,255,.68); font-size:1rem; line-height:1.7; margin:0 0 1.5rem; }
.dpd-about-hero__rich > :last-child { margin-bottom:0; }
.dpd-about-hero__rich a { color:var(--dpd-cyan); font-weight:600; }

.dpd-sec-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:1.75rem; }
.dpd-about-cta__body + .dpd-sec-actions { margin-top:0; }
@media (max-width:575.98px) { .dpd-sec-actions .btn { flex:1 1 100%; } }

.dpd-about-value__ico--green { background:rgba(22,163,74,.1); color:var(--dpd-green); }
.dpd-about-value__body p { font-size:.82rem; color:var(--dpd-muted); line-height:1.6; margin:0; }

.dpd-sec-col__title { font-size:1.1rem; margin-bottom:12px; }
.dpd-sec-rich { overflow-wrap:anywhere; }
.dpd-sec-rich p { color:var(--dpd-muted); font-size:1.02rem; line-height:1.65; margin:0 0 1rem; }
.dpd-sec-rich > :last-child { margin-bottom:0; }
.dpd-sec-rich a { font-weight:600; }
.dpd-sec-rich strong { color:var(--dpd-navy); }
.dpd-sec-rich ul, .dpd-sec-rich ol { color:var(--dpd-navy); padding-left:1.2rem; margin:0 0 1rem; }
.dpd-sec-rich li { margin-bottom:.5rem; line-height:1.6; }

/* tone "check": magenta tick list (About story points) */
.dpd-sec-rich--check ul { list-style:none; padding:0; display:flex; flex-direction:column; gap:12px; }
.dpd-sec-rich--check li { position:relative; padding-left:28px; margin:0; font-size:.9rem; }
.dpd-sec-rich--check li::before {
    content:""; position:absolute; left:0; top:.2em; width:18px; height:18px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E91E8C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/18px no-repeat;
}