/* ===========================
   RÓLUNK – HERO
=========================== */

/*.about-hero {*/
/*    width: 100%;*/
/*    min-height: 42vh;*/
/*    position: relative;*/
/*    display: flex;*/
/*    align-items: flex-end;*/
/*    padding-top: 140px;*/
/*    background-image: url('http://magnaplan.hu/wp-content/uploads/2025/12/compass-rule-pencil-plane-1-2.png');*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*}*/

/*.about-hero::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    background: linear-gradient(*/
/*            to bottom,*/
/*            rgba(255,255,255,0.0) 0%,*/
/*            rgba(255,255,255,0.9) 60%,*/
/*            #ffffff 100%*/
/*    );*/
/*    z-index: 0;*/
/*}*/

/*.about-hero-inner {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    max-width: var(--section-max);*/
/*    width: 100%;*/
/*    padding: 60px var(--side-padding) 40px;*/
/*    color: var(--primary);*/
/*}*/

/*.about-hero h1 {*/
/*    font-size: clamp(2.4rem, 3.8vw, 3.4rem);*/
/*    font-weight: 300;*/
/*    margin: 0 0 24px;*/
/*}*/

/*!* Hero gomb – sötétkék, mint a képen *!*/
/*.about-hero .mp-btn-primary {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 12px 28px;*/
/*    border-radius: 999px;*/
/*    background: #143457;*/
/*    color: #ffffff;*/
/*    font-weight: 600;*/
/*    font-size: 15px;*/
/*}*/

/* ===========================
   RÓLUNK – KÁRTYA
=========================== */

.about-inner {
    max-width: 1400px;
    margin: 0 auto;
}

.about-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 48px;
    box-shadow: 0 10px 40px rgba(17,50,81,.10);
    display: flex;
    gap: 48px;
    align-items: flex-start;
}

.about-text {
    flex: 1.4;
}

.about-text p {
    font-size: 24px;
    line-height: 1.7;
    color: #2b3d52;
    margin-bottom: 18px;
    margin-top: 0;
}

.about-text blockquote {
    margin: 28px 0 0;
    font-size: 24px;
    line-height: 1.7;
    color: #143457;
    font-style: italic;
    font-weight: 500;
    position: relative;
    font-stretch: 120%;
}

/*.about-text blockquote::before {*/
/*    content: "“";*/
/*    position: absolute;*/
/*    left: -18px;*/
/*    top: -10px;*/
/*    font-size: 38px;*/
/*    color: rgba(20,52,87,.25);*/
/*}*/

.about-photo {
    flex: 1;
    display: flex;
    justify-content: center;
}

.about-photo img {
    width: 100%;
    max-width: 438px;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(17,50,81,.18);
}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width: 1024px) {
    .about-hero {
        padding-top: 120px;
        min-height: 36vh;
        background-position: center;
    }

    .about-hero-inner {
        padding: 40px 20px 10px;
    }

    .about-section {
        padding: 20px 20px 80px;
    }

    .about-card {
        flex-direction: column;
        padding: 32px 24px 36px;
        gap: 28px;
    }

    .about-photo img {
        max-width: 100%;
    }
}