/* ==================================================
   about.css
   Aqui você mexe em:
   - hero / manifesto da página Sobre Nós
   - bloco da Clara Albuquerque
   - cards de missão, visão e valores
   - pilares culturais e imagens dos robôs
   ================================================== */

/* HERO / MANIFESTO
   --------------------------------------------------
   Aqui você mexe no fundo, altura, título e frase principal do topo. */
section.about-manifesto {
    padding: 100px 0 92px; /* ALTERE AQUI: altura total da hero section */
    background: var(--azul-profundo) !important;
    color: var(--branco);
}

.about-manifesto .container {
    max-width: 1380px; /* ALTERE AQUI: largura útil do conteúdo do topo */
}

.about-manifesto__content {
    max-width: 1240px; /* ALTERE AQUI: largura do conteúdo textual */
}

.about-manifesto h1 {
    margin-bottom: 22px;
    color: var(--azure1); /* ALTERE AQUI: cor do título da hero section */
    font-size: clamp(3rem, 5vw, 4.8rem); /* ALTERE AQUI: tamanho do título */
    line-height: 0.98;
}

.about-manifesto__intro {
    max-width: 900px;
    margin-bottom: 34px;
    color: rgba(255, 255, 255, 0.92);
    font-size: 1.34rem; /* ALTERE AQUI: tamanho do texto introdutório */
    line-height: 1.65;
}

.about-manifesto__quote {
    position: relative;
    max-width: 1180px;
    margin: 0;
    padding: 0 58px; /* ALTERE AQUI: respiro lateral da citação */
}

.about-manifesto__quote p {
    margin: 0;
    color: var(--branco);
    font-size: clamp(1.9rem, 2.8vw, 2.7rem); /* ALTERE AQUI: tamanho da frase principal */
    line-height: 1.48;
    font-weight: 500;
}

/* Aqui você mexe no destaque de palavras dentro da frase principal */
.about-manifesto__quote strong {
    color: var(--branco);
    font-weight: 800;
    letter-spacing: 0.01em;
}

.quote-mark {
    position: absolute;
    color: var(--azure1); /* ALTERE AQUI: cor das aspas */
    font-size: 3.8rem; /* ALTERE AQUI: tamanho das aspas */
    font-weight: 700;
    line-height: 1;
}

.quote-mark--left {
    top: -8px;
    left: 0;
}

.quote-mark--right {
    right: 0;
    bottom: -20px;
}

/* BLOCO DA CLARA
   --------------------------------------------------
   Aqui você mexe no tamanho da imagem, textos institucionais
   e no campo das formações/credenciais. */
.about-founder {
    padding: 30px 0 100px; /* ALTERE AQUI: espaçamento da seção da Clara */
    background: var(--cinza-muito-claro);
}

.about-founder .container {
    max-width: 1380px; /* ALTERE AQUI: largura útil da seção */
}

.about-founder__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(500px, 0.98fr) 390px;
    gap: 0px; /* ALTERE AQUI: distância entre as 3 colunas */
    align-items: start;
}

/* Aqui você mexe nos textos institucionais da esquerda */
.about-founder__text p {
    color: var(--cinza-escuro);
    font-size: 1.34rem; /* ALTERE AQUI: tamanho do texto institucional */
    line-height: 1.78;
    margin-bottom: 30px;
}

.about-founder__text p:last-child {
    margin-bottom: 0;
}

/* Aqui você controla a largura e o formato do bloco de texto da esquerda.
   Para ficar mais "quadradinho" como no PDF, diminua o max-width. */
.about-founder__text {
    margin-top: 30px;
    max-width: 440px; /* ALTERE AQUI: largura do bloco esquerdo */
    justify-self: start;
}

/* Aqui você controla o visual dos parágrafos da esquerda */
.about-founder__text p {
    max-width: 440px; /* ALTERE AQUI: mantém todos os parágrafos na mesma régua */
}

.about-founder__image {
    text-align: center;
}

/* Aqui você mexe no tamanho da imagem principal da Clara */
.about-founder__image img {
    width: min(100%, 400px); /* ALTERE AQUI: tamanho da imagem da Clara */
    height: auto;
    filter: drop-shadow(0 30px 42px rgba(10, 29, 53, 0.16));
}

/* COLUNA DIREITA DA CLARA
   --------------------------------------------------
   Aqui você controla a largura TOTAL da coluna da direita.
   IMPORTANTE:
   - diminua ou aumente o width para acertar a régua da direita
   - tudo abaixo vai terminar na mesma linha da direita */
.about-founder__identity {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-self: end;
    width: 417px; /* ALTERE AQUI: largura total da coluna direita */
    text-align: right;
}

/* Estrutura interna da coluna da Clara
   --------------------------------------------------
   Aqui você controla a divisão entre:
   - apresentação da Clara
   - formações / especializações */
.about-founder__identity-main,
.about-founder__identity-side {
    width: 100%;
}

/* Aqui você mexe no texto pequeno acima do nome da Clara */
.about-founder__eyebrow {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 14px;
    color: var(--azul-profundo);
    font-size: clamp(0.85rem, 0.9vw, 1rem); /* MUDADO */
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    text-align: right;
}

/* Aqui você mexe no nome da Clara */
.about-founder__identity h2 {
    display: inline-flex; /* MUDADO */
    flex-direction: column;
    align-items: flex-end;
    gap: 0;
    width: fit-content; /* MUDADO: a barra passa a acompanhar a largura real do nome */
    margin-left: auto;  /* MUDADO */
    margin-bottom: 14px;
    color: var(--azul-profundo);
    font-size: clamp(2.15rem, 2.65vw, 3.3rem);
    line-height: 0.92;
    text-transform: uppercase;
    text-align: right;
    position: relative; /* MANTER */
    padding-bottom: 16px; /* MANTER: espaço da barra */
}

/* Aqui você mexe em cada linha do nome */
.about-founder__identity h2 span {
    display: block;
    width: 100%;
    text-align: right;
}

/* Barra azul do nome */
.about-founder__identity h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: clamp(56px, 5vw, 72px); /* ALTERE AQUI se quiser a barra maior/menor */
    height: 4px;
    background: var(--verde-esmeralda-digital);
    border-radius: 999px;
}

/* Primeira linha: CLARA */
.about-founder__identity h2 span:first-child {
    font-size: 0.88em; /* ALTERE AQUI */
}

/* Segunda linha: ALBUQUERQUE */
.about-founder__identity h2 span:last-child {
    font-size: 1em; /* ALTERE AQUI */
}

/* Aqui você mexe no cargo / subtítulo da Clara */
.about-founder__role {
    width: 100%;
    margin-top: 14px;
    margin-bottom: 100px;
    color: var(--azul-profundo);
    font-size: clamp(0.88rem, 0.95vw, 1.06rem); /* MUDADO */
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-align: right;
}

/* Aqui você mexe no grupo das formações */
.about-founder__badges {
    display: grid;
    gap: 24px;
    width: 100%;
}

/* Aqui você mexe no grupo das formações */
.about-founder__badges {
    display: grid;
    gap: 32px; /* ALTERE AQUI: espaço entre Administração e PMI */
    width: 100%;
}

/* Aqui você mexe em cada bloco de formação */
.about-founder__badge {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* mantém tudo alinhado à direita */
    text-align: right;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

/* Aqui você mexe no tamanho das logos das formações */
.about-founder__badge-logo {
    display: block;
    height: auto;
    margin-bottom: 5px; /* ALTERE AQUI: espaço entre logo e texto */
    object-fit: contain;
}

/* Aqui você mexe especificamente na logo de Administração */
.about-founder__badge-logo--adm {
    width: 100px; /* ALTERE AQUI */
}

/* Aqui você mexe especificamente na logo da PMI */
.about-founder__badge-logo--pmi {
    width: 100px; /* ALTERE AQUI */
}

/* Aqui você mexe no bloco de texto abaixo da logo */
.about-founder__badge-texts {
    width: 100%;
    max-width: 150px; /* ALTERE AQUI: largura do texto abaixo das logos */
}

/* Texto descritivo da formação */
.badge-text {
    display: block;
    color: var(--cinza-escuro);
    font-size: clamp(0.85rem, 0.9vw, 1rem); /* MUDADO */
    line-height: 1.45;
    text-align: right;
}

/* CULTURA
   --------------------------------------------------
   Aqui você mexe no título da seção, cards de missão/visão/valores
   e na área dos pilares culturais. */
.about-culture {
    padding: 104px 0 122px; /* ALTERE AQUI: espaçamento da seção de cultura */
    background: var(--branco);
}

.about-culture .container {
    max-width: 1380px; /* ALTERE AQUI: largura útil da seção */
}

.section-title--left {
    text-align: left;
}

.section-title--left h2 {
    font-size: clamp(2.5rem, 3.8vw, 2.5rem); /* ALTERE AQUI: título de 'Nossa cultura' */
    margin-bottom: 0;
}

.section-title--left h2::after {
    left: 0;
    transform: none;
}

.culture-summary {
    margin-top: 56px;
}

.culture-summary--desktop {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px;
    margin-bottom: 50px;
}

.culture-summary--carousel {
    display: none;
}

/* Aqui você mexe nos cards de missão, visão e valores */
.culture-summary__card {
    height: 100%;
    padding: 36px 32px;
    border-radius: 18px;
    border-left: 4px solid var(--verde-esmeralda-digital);
    background: var(--cinza-muito-claro);
    box-shadow: 0 14px 30px rgba(10, 29, 53, 0.06);
}

.culture-summary__card h3 {
    margin-bottom: 16px;
    color: var(--azul-profundo);
    font-size: 1.48rem; /* ALTERE AQUI: título dos cards */
}

/* Aqui você mexe no texto de missão, visão e valores */
.culture-summary__card p {
    color: var(--cinza-escuro);
    font-size: 1.04rem;
    line-height: 1.78;
    margin-bottom: 0;
}

/* Hover suave dos cards do Sobre Nós
   --------------------------------------------------
   Aqui você controla a animação leve dos cards no desktop. */
.culture-summary__card,
.culture-pillars__item {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.no-touch .culture-summary__card:hover,
.no-touch .culture-pillars__item:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(10, 29, 53, 0.08);
}

.culture-pillars {
    margin-top: 74px;
}

.culture-pillars--desktop {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px; /* ALTERE AQUI: distância entre os cards dos pilares */
}

.culture-pillars--carousel {
    display: none;
}

/* Aqui você mexe no card dos pilares culturais.
   Mantém o padrão visual próximo de Missão / Visão / Valores. */
.culture-pillars__item {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 28px 24px 30px; /* ALTERE AQUI: espaçamento interno do card */
    border-radius: 18px;
    border-left: 4px solid var(--verde-esmeralda-digital);
    background: var(--cinza-muito-claro);
    box-shadow: 0 14px 30px rgba(10, 29, 53, 0.06);
}

/* Aqui você mexe no tamanho das imagens dos pilares culturais */
.culture-pillars__item img {
    width: 100%;
    max-width: 150px; /* ALTERE AQUI: tamanho da imagem do pilar */
    height: auto;
    margin: 0 auto 18px; /* ALTERE AQUI: espaço entre imagem e título */
    display: block;
}

/* Aqui você mexe no título dos pilares culturais */
.culture-pillars__item h3 {
    width: 100%;
    margin-bottom: 14px;
    color: var(--azul-profundo);
    font-size: 1.1rem; /* ALTERE AQUI: título do pilar */
    line-height: 1.25;
    text-align: left;
}

/* Aqui você mexe no texto descritivo dos pilares culturais */
.culture-pillars__item p {
    margin: 0;
    max-width: none;
    color: var(--cinza-escuro);
    font-size: 0.98rem; /* ALTERE AQUI: texto do pilar */
    line-height: 1.72;
    text-align: left;
}

.about-summary-pagination,
.about-pillars-pagination {
    margin-top: 20px;
    text-align: center;
}

.about-summary-pagination .swiper-pagination-bullet,
.about-pillars-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: var(--cinza-medio);
    opacity: 1;
}

.about-summary-pagination .swiper-pagination-bullet-active,
.about-pillars-pagination .swiper-pagination-bullet-active {
    background: var(--verde-esmeralda-digital);
}

/* DESKTOP: esconder totalmente as versões em carrossel */
.culture-summary--carousel,
.culture-pillars--carousel,
.about-summary-swiper,
.about-pillars-swiper {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Também esconde paginações no desktop */
.about-summary-pagination,
.about-pillars-pagination {
    display: none !important;
}

/* TABLET E MOBILE
   --------------------------------------------------
   A partir daqui a página se adapta e os blocos longos entram em carrossel. */
@media (max-width: 1365px) {
    .about-manifesto {
        padding: 152px 0 64px;
        text-align: center;
    }

    .about-manifesto .container,
    .about-founder .container,
    .about-culture .container {
        max-width: 1250px;
    }

    .about-manifesto__content {
        margin: 0 auto;
    }

    .about-manifesto__intro {
        margin-left: auto;
        margin-right: auto;
        font-size: 1.14rem;
    }

    .about-manifesto__quote {
        margin-left: auto;
        margin-right: auto;
        padding: 0 34px;
    }

    .about-manifesto__quote p {
        font-size: 1.45rem;
    }

    .about-founder {
        padding: 72px 0 78px;
    }

    /* Base touch: texto em cima, imagem e identidade abaixo */
    .about-founder__grid {
        grid-template-columns: 1fr;
        gap: 28px;
        align-items: start;
        text-align: center;
    }

    .about-founder__text {
        order: 1;
        max-width: 860px;
        margin: 0 auto;
        justify-self: center;
        text-align: center;
    }

    .about-founder__text p {
        max-width: 860px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .about-founder__image {
        order: 2;
        text-align: center;
    }

    .about-founder__image img {
        width: min(100%, 420px);
    }

    .about-founder__identity {
        order: 3;
        width: 100%;
        max-width: 760px;
        margin: 0 auto;
    }

    .culture-summary--desktop,
    .culture-pillars--desktop {
        display: none !important;
    }

    .culture-summary--carousel,
    .culture-pillars--carousel,
    .about-summary-swiper,
    .about-pillars-swiper {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        overflow: visible !important;
    }

    .about-summary-pagination,
    .about-pillars-pagination {
        display: block !important;
    }

    .about-summary-swiper,
    .about-pillars-swiper {
        overflow: visible;
    }

    .about-summary-swiper .swiper-wrapper,
    .about-pillars-swiper .swiper-wrapper {
        padding-bottom: 8px;
    }

    .about-summary-swiper .swiper-slide,
    .about-pillars-swiper .swiper-slide {
        height: auto;
        display: flex;
    }

    .about-summary-swiper .culture-summary__card,
    .about-pillars-swiper .culture-pillars__item {
        height: 100%;
    }

    /* Título em cima e texto embaixo nos cards */
    .about-summary-swiper .culture-summary__card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 28px 24px;
    }

    .about-summary-swiper .culture-summary__card h3 {
        display: block;
        width: 100%;
        margin: 0 0 14px 0;
        text-align: left;
        line-height: 1.2;
        font-size: 1.34rem;
    }

    .about-summary-swiper .culture-summary__card p {
        display: block;
        width: 100%;
        margin: 0;
        text-align: left;
        line-height: 1.75;
    }

    .about-pillars-swiper .culture-pillars__item {
        width: 100%;
        padding: 26px 22px 28px;
    }

    .culture-summary {
        margin-top: 44px;
        margin-bottom: 44px;
    }

    .about-summary-pagination {
        margin-top: 22px;
        margin-bottom: 28px;
        text-align: center;
        line-height: 1;
        position: relative;
        z-index: 5;
    }

    .culture-pillars {
        margin-top: 28px;
    }

    .about-summary-pagination .swiper-pagination-bullet,
    .about-pillars-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: var(--cinza-medio);
        opacity: 1;
    }

    .about-summary-pagination .swiper-pagination-bullet-active,
    .about-pillars-pagination .swiper-pagination-bullet-active {
        background: var(--verde-esmeralda-digital);
    }

    .culture-summary__card:hover,
    .culture-pillars__item:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 20px rgba(10, 29, 53, 0.08);
    }
}

@media (min-width: 769px) and (max-width: 1365px) {
    .about-founder__identity {
    order: 3;
    width: 100%;
    max-width: 860px;
    margin: -400px auto 0; /* ALTERE AQUI: sobe o bloco para alinhar com a foto */
    padding-left: 330px;   /* ALTERE AQUI: reserva espaço da foto à esquerda */
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* ALTERE AQUI: joga o bloco para a direita */
    text-align: right;     /* ALTERE AQUI: texto da coluna direita */
    }

    /* TABLET: posicionamento da imagem da Clara */
    .about-founder__image {
        order: 2;
        width: 100%;
        max-width: 860px;   /* largura da área onde a imagem vive */
        margin: 0 auto;     /* mantém a área centralizada na seção */
        text-align: left;   /* joga a imagem para a esquerda dentro dessa área */
        justify-self: center;
    }

    .about-founder__image img {
        width: min(100%, 320px); /* tamanho da Clara no tablet */
        display: block;
        margin: 0;               /* remove centralização automática */
    }

    /* Nome + subtítulo */
    .about-founder__identity-main {
        width: 100%;
        max-width: 320px;      /* ALTERE AQUI: largura do bloco do nome */
        display: flex;
        flex-direction: column;
        align-items: flex-end; /* ALTERE AQUI */
        text-align: right;     /* ALTERE AQUI */
        margin-bottom: 28px;   /* ALTERE AQUI */
    }

    .about-founder__identity-main .about-founder__eyebrow {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: right;
        font-size: 0.95rem;
    }

    .about-founder__identity-main h2 {
        width: 100%;
        align-items: flex-end;
        text-align: right;
        font-size: 2.35rem; /* ALTERE AQUI */
        margin-bottom: 10px;
    }

    .about-founder__identity-main h2 span {
        text-align: right;
    }

    .about-founder__identity-main .about-founder__role {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0;
        text-align: right;
        font-size: 0.9rem;
        line-height: 1.4;
        letter-spacing: 0.1em;
    }

    /* Especializações abaixo do nome */
    .about-founder__identity-side {
        width: 100%;
        max-width: 320px;      /* ALTERE AQUI: largura do bloco de especializações */
        display: flex;
        flex-direction: column;
        align-items: flex-end; /* ALTERE AQUI */
        text-align: right;     /* ALTERE AQUI */
    }

    .about-founder__identity-side .about-founder__badges {
        width: 100%;
        gap: 22px;
    }

    .about-founder__identity-side .about-founder__badge {
        width: 100%;
        align-items: flex-end;
        text-align: right;
    }

    .about-founder__identity-side .about-founder__badge-logo--adm,
    .about-founder__identity-side .about-founder__badge-logo--pmi {
        width: 92px; /* ALTERE AQUI */
    }

    .about-founder__identity-side .about-founder__badge-texts {
        max-width: 170px; /* ALTERE AQUI */
        margin-left: auto;
    }

    .about-founder__identity-side .badge-text {
        text-align: right;
    }
}

@media (max-width: 768px) {
    .about-manifesto {
        padding: 136px 0 56px;
    }

    .about-manifesto h1 {
        font-size: 2.5rem;
    }

    .about-manifesto__intro {
        font-size: 1rem;
    }

    .about-manifesto__quote {
        padding: 0 26px;
    }

    .about-manifesto__quote p {
        font-size: 1.2rem;
    }

    .quote-mark {
        font-size: 2rem;
    }

    .about-founder {
        padding: 56px 0 62px;
    }

    /* MOBILE: texto institucional ocupa a largura real da tela sem cortar */
    .about-founder__text {
        width: 100%;
        max-width: 100%;
        padding: 0 14px; /* ALTERE AQUI: respiro lateral do texto superior */
        box-sizing: border-box;
    }

    .about-founder__text p {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        box-sizing: border-box;
        font-size: 1rem;
        margin-bottom: 18px;
        overflow-wrap: break-word;
    }

    .about-founder__image {
        text-align: center;
    }

    .about-founder__image img {
        width: min(100%, 320px);
    }

    /* MOBILE: nome à esquerda e especializações à direita, sem cortar */
    .about-founder__identity {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr); /* ALTERE AQUI */
        gap: 10px; /* ALTERE AQUI */
        align-items: start;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 14px; /* ALTERE AQUI: respiro lateral do bloco da Clara */
        box-sizing: border-box;
        text-align: initial;
        overflow: hidden;
    }

    .about-founder__identity-main,
    .about-founder__identity-side {
        min-width: 0; /* IMPORTANTE: evita corte dentro do grid */
    }

    .about-founder__identity-main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .about-founder__identity-side {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }

    .about-founder__identity-main .about-founder__eyebrow,
    .about-founder__identity-main h2,
    .about-founder__identity-main .about-founder__role {
        width: 100%;
        text-align: left;
    }

    .about-founder__identity-main .about-founder__eyebrow {
        margin-top: 0;
        margin-bottom: 10px;
        font-size: 0.9rem;
    }

    /* AQUI VOCÊ DIMINUI O NOME DA CLARA NO MOBILE */
    .about-founder__identity-main h2 {
        align-items: flex-start;
        font-size: 1.5rem; /* ALTERE AQUI */
        margin-bottom: 10px;
        line-height: 0.94;
        padding-bottom: 14px;
    }

    .about-founder__identity-main h2 span {
        text-align: left;
    }

    /* Barra azul acompanha o nome no mobile */
    .about-founder__identity-main h2::after {
        width: 58px; /* ALTERE AQUI */
        height: 4px;
        left: 0;
        right: auto;
        bottom: 0;
        transform: none;
    }

    .about-founder__identity-main .about-founder__role {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 0.8rem;
        line-height: 1.35;
        letter-spacing: 0.08em;
    }

    .about-founder__identity-side .about-founder__badges {
        width: 100%;
        gap: 14px; /* ALTERE AQUI */
    }

    .about-founder__identity-side .about-founder__badge,
    .about-founder__identity-side .badge-text {
        text-align: right;
    }

    .about-founder__identity-side .about-founder__badge {
        align-items: flex-end;
    }

    .about-founder__identity-side .about-founder__badge-logo--adm,
    .about-founder__identity-side .about-founder__badge-logo--pmi {
        width: 72px; /* ALTERE AQUI: diminui logos para caber melhor */
    }

    .about-founder__identity-side .about-founder__badge-texts {
        width: 100%;
        max-width: 98px; /* ALTERE AQUI */
        margin-left: auto;
    }

    .about-founder__identity-side .badge-text {
        width: 100%;
        font-size: 0.82rem;
        line-height: 1.3;
        overflow-wrap: anywhere;
    }

    .about-culture {
        padding: 64px 0 78px;
    }

    .about-summary-swiper .culture-summary__card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 26px 22px;
    }

    .about-summary-swiper .culture-summary__card h3 {
        display: block;
        width: 100%;
        margin: 0 0 14px 0;
        text-align: left;
        line-height: 1.2;
        font-size: 1.28rem;
    }

    .about-summary-swiper .culture-summary__card p {
        display: block;
        width: 100%;
        margin: 0;
        text-align: left;
        font-size: 0.96rem;
        line-height: 1.68;
    }

    .culture-pillars__item {
        padding: 24px 20px;
    }

    .culture-pillars__item p {
        font-size: 0.96rem;
        line-height: 1.68;
    }

    .culture-pillars__item img {
        max-width: 132px;
        margin-bottom: 14px;
    }

    .culture-pillars__item h3 {
        font-size: 1.08rem;
        margin-bottom: 12px;
    }

    .culture-summary {
        margin-top: 36px;
        margin-bottom: 44px;
    }

    .about-summary-pagination {
        margin-top: 20px;
        margin-bottom: 26px;
        position: relative;
        z-index: 5;
    }

    .culture-pillars {
        margin-top: 34px;
    }

    .culture-summary__card:hover,
    .culture-pillars__item:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 18px rgba(10, 29, 53, 0.08);
    }
}