/* ==========================================================
   VELENDY — À PROPOS
   Une histoire réelle, un design humain
   ========================================================== */

.about-page{--ink:#081125;--blue:#1675ff;--muted:#687388;--line:#d9e0e9;--warm:#f4f1ea;color:var(--ink);background:#fff}.about-container{width:min(1260px,calc(100% - 96px));margin-inline:auto}.about-kicker{margin:0;color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.19em;text-transform:uppercase}

.about-hero{position:relative;overflow:hidden;background:#081329;color:#fff}.about-hero:before{position:absolute;inset:0;content:"";opacity:.24;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.about-hero:after{position:absolute;right:-120px;bottom:-310px;width:700px;height:700px;content:"";background:radial-gradient(circle,rgba(31,112,255,.3),rgba(31,112,255,0) 67%)}.about-hero-inner{position:relative;z-index:1;min-height:720px;display:flex;flex-direction:column;justify-content:center;padding:100px 0 78px}.about-hero .about-kicker{color:#85b5ff}.about-hero h1{max-width:1050px;margin:30px 0 90px;font-size:clamp(68px,7.6vw,116px);line-height:.9;letter-spacing:-.07em}.about-hero h1 span{color:#77acff}.about-hero-foot{display:grid;grid-template-columns:minmax(0,620px) 1fr;gap:70px;align-items:center;padding-top:28px;border-top:1px solid rgba(255,255,255,.2)}.about-hero-foot p{margin:0;color:#adb8cb;font-size:18px;line-height:1.65}.about-hero-foot a{justify-self:end;color:#fff;font-size:13px;font-weight:800;text-decoration:none}.about-hero-foot a span{margin-left:18px;color:#78adff}

.about-story{padding:150px 0;background:var(--warm)}.about-story-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:115px;align-items:start}.about-founder-card{position:sticky;top:120px;padding-top:22px;border-top:2px solid var(--ink)}.about-founder-monogram{display:grid;width:94px;height:94px;margin-bottom:30px;place-items:center;background:var(--blue);color:#fff;font-size:30px;font-weight:900;letter-spacing:-.06em}.about-founder-card strong,.about-founder-card span{display:block}.about-founder-card strong{font-size:20px}.about-founder-card span{margin-top:7px;color:var(--muted);font-size:13px}.about-story-copy h2{max-width:870px;margin:28px 0 65px;font-size:clamp(48px,5.5vw,78px);line-height:.99;letter-spacing:-.06em}.about-story-text{width:min(720px,85%);margin-left:auto}.about-story-text p{margin:0;color:#596477;font-size:18px;line-height:1.85}.about-story-text p+p{margin-top:25px}.about-story-text p:last-child{color:var(--ink);font-weight:800}.about-story-text strong{color:var(--ink)}

.about-intention{padding:145px 0 130px;background:#fff}.about-intention blockquote{max-width:1110px;margin:55px 0 80px;font-size:clamp(54px,6.4vw,94px);font-weight:760;line-height:.97;letter-spacing:-.065em}.about-intention-note{display:grid;grid-template-columns:170px minmax(0,570px);gap:50px;align-items:start;margin-left:32%}.about-intention-note span{height:2px;margin-top:13px;background:var(--blue)}.about-intention-note p{margin:0;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:20px;font-style:italic;line-height:1.6}

.about-building{padding:140px 0 150px;background:#091329;color:#fff}.about-building .about-kicker{color:#83b3ff}.about-building-head{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.about-building-head .about-kicker{grid-column:1/-1}.about-building h2{margin:0;font-size:clamp(50px,5.6vw,82px);line-height:.98;letter-spacing:-.06em}.about-building-head>p:last-child{margin:0;color:#aeb9cc;font-size:18px;line-height:1.75}.about-building-flow{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:22px;align-items:center;margin-top:95px;padding-top:48px;border-top:1px solid rgba(255,255,255,.18)}.about-building-flow article{display:flex;gap:22px;align-items:flex-start}.about-building-flow>i{color:#53617a;font-style:normal;text-align:center}.about-flow-icon{display:grid;flex:0 0 48px;height:48px;place-items:center;border:1px solid #558ee8;color:#75aaff}.about-flow-icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.about-building-flow strong{display:block;margin-bottom:10px;font-size:21px}.about-building-flow p{margin:0;color:#aeb9cc;font-size:15px;line-height:1.65}

.about-cockpit{padding:150px 0;background:#fff}.about-cockpit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:120px}.about-cockpit-title{padding-top:25px;border-top:6px solid var(--blue)}.about-cockpit h2{max-width:760px;margin:42px 0 0;font-size:clamp(52px,5.7vw,84px);line-height:.97;letter-spacing:-.063em}.about-cockpit-copy{padding-top:90px}.about-cockpit-copy p{margin:0;color:var(--muted);font-size:18px;line-height:1.8}.about-cockpit-copy p+p{margin-top:28px;padding-left:28px;border-left:2px solid var(--blue);color:var(--ink);font-weight:700}

.about-commitment{padding:135px 0;background:#eaf2ff}.about-commitment-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:120px;align-items:end}.about-commitment h2{max-width:780px;margin:30px 0 0;font-size:clamp(48px,5.3vw,78px);line-height:.98;letter-spacing:-.06em}.about-commitment-copy p{margin:0;color:var(--muted);font-size:17px;line-height:1.8}.about-commitment-copy a{display:inline-flex;margin-top:38px;padding:16px 20px;background:var(--ink);color:#fff;font-weight:750;text-decoration:none}.about-commitment-copy a span{margin-left:20px;color:#79adff}

.about-signature{padding:38px 0;background:#fff}.about-signature-inner{display:flex;justify-content:space-between;gap:50px;align-items:center}.about-signature p{margin:0;color:var(--muted);font-size:13px}.about-signature strong,.about-signature span{display:block;text-align:right}.about-signature strong{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-style:italic;font-weight:500}.about-signature span{margin-top:4px;color:#8a94a5;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}

@media(max-width:1000px){.about-container{width:min(100% - 48px,900px)}.about-story-grid{grid-template-columns:230px 1fr;gap:65px}.about-building-flow{grid-template-columns:1fr;gap:30px}.about-building-flow>i{display:none}.about-building-flow article{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.14)}.about-building-flow article:last-child{border-bottom:0}.about-cockpit-grid,.about-commitment-inner{gap:65px}}

@media(max-width:760px){.about-container{width:min(100% - 32px,620px)}.about-hero-inner{min-height:auto;padding:92px 0 72px}.about-hero h1{margin:28px 0 65px;font-size:clamp(56px,16vw,80px)}.about-hero-foot{grid-template-columns:1fr;gap:28px}.about-hero-foot a{justify-self:start}.about-story{padding:95px 0}.about-story-grid{grid-template-columns:1fr;gap:65px}.about-founder-card{position:static;display:flex;gap:20px;align-items:center}.about-founder-monogram{width:72px;height:72px;margin:0}.about-story-text{width:100%;margin:0}.about-intention{padding:95px 0}.about-intention blockquote{margin:45px 0 65px}.about-intention-note{grid-template-columns:70px 1fr;gap:25px;margin-left:0}.about-building{padding:95px 0}.about-building-head,.about-cockpit-grid,.about-commitment-inner{grid-template-columns:1fr;gap:45px}.about-building-head .about-kicker{grid-column:auto}.about-building-flow{margin-top:65px}.about-cockpit{padding:95px 0}.about-cockpit-copy{padding-top:0}.about-commitment{padding:95px 0}.about-signature-inner{align-items:flex-start;flex-direction:column}.about-signature strong,.about-signature span{text-align:left}}

@media(prefers-reduced-motion:no-preference){.about-hero h1{animation:about-rise .85s cubic-bezier(.2,.72,.2,1) both}.about-hero-foot{animation:about-rise .85s .14s cubic-bezier(.2,.72,.2,1) both}@keyframes about-rise{from{opacity:0;transform:translateY(25px)}}}

/* Portrait du fondateur */
.about-founder-card{padding-top:16px}.about-founder-monogram{display:none}.about-founder-photo{position:relative;aspect-ratio:4/5;margin:0 0 25px;overflow:hidden;background:#dfe7f3}.about-founder-photo:after{position:absolute;inset:auto 0 0;height:30%;content:"";background:linear-gradient(transparent,rgba(7,17,38,.2));pointer-events:none}.about-founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.92) contrast(1.02);transition:transform .5s ease}.about-founder-card:hover .about-founder-photo img{transform:scale(1.018)}.about-founder-card>div:last-child{padding-left:14px;border-left:3px solid var(--blue)}

@media(max-width:760px){.about-founder-card{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:end;max-width:430px;padding-top:12px}.about-founder-photo{width:120px;margin:0}.about-founder-card>div:last-child{margin-bottom:8px}}

/* ==========================================================
   HERO — composition architecturale
   ========================================================== */

.about-hero {
    min-height: 800px;
    isolation: isolate;
    background:
        linear-gradient(115deg, #071126 0%, #0a1731 58%, #0c1c3c 100%);
}

.about-hero::before {
    z-index: -2;
    inset: 0 0 0 auto;
    width: 31%;
    opacity: 1;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), transparent 42%),
        linear-gradient(155deg, #1a73f5 0%, #0f56c5 100%);
    clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
    mask-image: none;
}

.about-hero::after {
    z-index: -1;
    right: -10%;
    bottom: -25%;
    width: 560px;
    height: 560px;
    opacity: .17;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,.52) 0,
            rgba(255,255,255,.52) 1px,
            transparent 1px,
            transparent 22px
        );
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 0;
    transform: rotate(10deg);
}

.about-hero-inner {
    min-height: 800px;
    justify-content: flex-end;
    padding: 118px 0 74px;
}

.about-hero-inner::before {
    position: absolute;
    top: 92px;
    right: 8%;
    width: 118px;
    height: 118px;
    content: "";
    border-top: 1px solid rgba(255,255,255,.5);
    border-right: 1px solid rgba(255,255,255,.5);
}

.about-hero-inner::after { display: none; }

.about-hero .about-kicker {
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 13px;
    color: #8fbcff;
}

.about-hero .about-kicker::before {
    width: 7px;
    height: 7px;
    content: "";
    border-radius: 50%;
    background: #4b96ff;
    box-shadow: 0 0 0 7px rgba(75,150,255,.13);
}

.about-hero h1 {
    position: relative;
    width: 68%;
    max-width: 930px;
    margin: 34px 0 78px;
    font-size: clamp(64px, 6.6vw, 102px);
    line-height: .9;
    letter-spacing: -.073em;
}

.about-hero h1::after {
    display: block;
    width: 118px;
    height: 7px;
    margin-top: 39px;
    content: "";
    background: #4b96ff;
}

.about-hero h1 span {
    display: inline;
    color: #78adff;
}

.about-hero-foot {
    grid-template-columns: minmax(0, 600px) auto;
    width: 68%;
    gap: 70px;
    margin-right: auto;
    padding: 27px 0;
    border-top: 1px solid rgba(255,255,255,.22);
    border-bottom: 1px solid rgba(255,255,255,.1);
    background: transparent;
}

.about-hero-foot p {
    max-width: 590px;
    color: #b9c4d6;
}

.about-hero-foot a {
    display: inline-flex;
    align-items: center;
    padding: 13px 0;
    border-left: 0;
}

.about-hero-foot a span {
    display: grid;
    width: 38px;
    height: 38px;
    margin-left: 16px;
    place-items: center;
    border: 1px solid rgba(255,255,255,.3);
    transition: .25s ease;
}

.about-hero-foot a:hover span {
    border-color: #fff;
    background: #fff;
    color: #1265df;
    transform: translateY(3px);
}

@media(max-width:1000px) {
    .about-hero::before { width: 29%; }
    .about-hero h1 { width: 78%; }
    .about-hero-foot { width: 78%; }
    .about-hero-inner::before { right: 6%; }
}

/* Alignement uniforme des trois engagements */
.about-building-flow {
    align-items: start;
}

.about-building-flow article {
    align-items: flex-start;
}

.about-building-flow > i {
    margin-top: 18px;
}

.about-flow-icon {
    margin-top: 0;
}

@media(max-width:760px) {
    .about-hero { min-height: auto; }
    .about-hero::before {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 170px;
        clip-path: polygon(0 58%, 100% 0, 100% 100%, 0 100%);
        opacity: .38;
    }
    .about-hero::after { display: none; }
    .about-hero-inner {
        min-height: auto;
        padding: 92px 0 82px;
    }
    .about-hero-inner::before,
    .about-hero-inner::after { display: none; }
    .about-hero h1 {
        width: 100%;
        margin: 31px 0 58px;
        font-size: clamp(56px, 16vw, 80px);
    }
    .about-hero h1::after { width: 82px; height: 5px; margin-top: 30px; }
    .about-hero-foot {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 25px;
        padding-right: 0;
        background: none;
    }
    .about-hero-foot a {
        justify-self: start;
        padding-left: 0;
        border-left: 0;
    }
}