/* ===================================================================
   HAKKIMIZDA - Premium About Page Styles
   Scope: .about-premium — sadece bu sayfa etkilenir
   =================================================================== */

/* ===== HERO ===== */
.about-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 80% 20%, rgba(242,201,76,.18) 0%, transparent 50%),
        radial-gradient(ellipse at 10% 80%, rgba(178,58,44,.22) 0%, transparent 50%),
        linear-gradient(135deg, #1a1a1a 0%, #2b1a15 40%, #3a1f18 100%);
    color: #fff;
    padding: 5rem 0 4rem;
    min-height: 82vh;
    display: flex;
    align-items: center;
}

/* Geometric Islamic-inspired pattern overlay */
.about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'%3E%3Cpath d='M40 0 L80 40 L40 80 L0 40 Z'/%3E%3Cpath d='M40 10 L70 40 L40 70 L10 40 Z'/%3E%3Ccircle cx='40' cy='40' r='18'/%3E%3C/g%3E%3C/svg%3E");
    opacity: .6;
    pointer-events: none;
    z-index: 0;
}

.about-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");
    opacity: .3;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: soft-light;
}

.about-hero-inner {
    position: relative;
    z-index: 1;
    width: 100%;
}

.about-hero-tag {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .85rem;
    border-radius: 999px;
    background: rgba(178,58,44,.35);
    border: 1px solid rgba(178,58,44,.5);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #f7c7bf;
    margin-bottom: 1.5rem;
}

.about-hero-tag i { color: var(--accent, #F2C94C); }

.about-hero-title {
    font-size: clamp(2.25rem, 5vw, 3.75rem);
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 1.25rem;
    letter-spacing: -.02em;
}

.about-hero-title .accent-word {
    color: var(--accent, #F2C94C);
    position: relative;
    display: inline-block;
}

.about-hero-title .accent-word::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--accent, #F2C94C);
    border-radius: 2px;
    opacity: .5;
}

.about-hero-desc {
    font-size: 1.1rem;
    line-height: 1.75;
    color: rgba(255,255,255,.8);
    max-width: 560px;
    margin-bottom: 2rem;
}

.about-hero-actions {
    display: flex;
    gap: .85rem;
    flex-wrap: wrap;
}

.about-hero-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem 1.35rem;
    border-radius: .6rem;
    font-weight: 700;
    font-size: .92rem;
    text-decoration: none;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    border: 2px solid transparent;
}

.about-hero-btn-primary {
    background: var(--primary, #B23A2C);
    color: #fff;
    border-color: var(--primary, #B23A2C);
}

.about-hero-btn-primary:hover {
    background: #9a3224;
    border-color: #9a3224;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(178,58,44,.4);
}

.about-hero-btn-ghost {
    background: transparent;
    color: #fff;
    border-color: rgba(255,255,255,.35);
}

.about-hero-btn-ghost:hover {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.65);
    color: #fff;
    transform: translateY(-2px);
}

/* Stats row */
.about-hero-stats {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    justify-content: center;
}

.about-stat-card {
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: .85rem;
    padding: 1.15rem 1.4rem;
    backdrop-filter: blur(8px);
    transition: background .25s, transform .25s;
    position: relative;
    overflow: hidden;
}

.about-stat-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary, #B23A2C);
    border-radius: 0 2px 2px 0;
}

.about-stat-card:hover {
    background: rgba(255,255,255,.12);
    transform: translateX(4px);
}

.about-stat-value {
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--accent, #F2C94C);
    line-height: 1.1;
    margin-bottom: .2rem;
}

.about-stat-label {
    font-size: .82rem;
    color: rgba(255,255,255,.65);
    font-weight: 500;
}

.about-stat-icon {
    position: absolute;
    right: 1.1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.75rem;
    opacity: .1;
    color: #fff;
}

/* Scroll indicator */
.about-hero-scroll {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 2.5rem;
    color: rgba(255,255,255,.4);
    font-size: .8rem;
}

.scroll-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary, #B23A2C);
    animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .4; transform: scale(.7); }
}

/* ===== TIMELINE ===== */
.about-timeline-section {
    padding: 5rem 0;
    background: #fafafa;
    position: relative;
    overflow: hidden;
}

.about-timeline-section::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));
}

.about-section-tag {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .3rem .8rem;
    border-radius: 999px;
    background: rgba(178,58,44,.1);
    color: var(--primary, #B23A2C);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .85rem;
}

.about-section-title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    color: var(--text, #1a1a1a);
    margin-bottom: .65rem;
    letter-spacing: -.01em;
    line-height: 1.25;
}

.about-section-subtitle {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text, #1a1a1a);
    opacity: .6;
    max-width: 600px;
}

/* Vertical timeline */
.timeline-track {
    position: relative;
    padding: 1rem 0;
}

.timeline-track::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--primary) 0%, var(--accent) 50%, rgba(178,58,44,.2) 100%);
    border-radius: 1px;
}

.timeline-item {
    display: flex;
    gap: 2rem;
    padding-bottom: 3rem;
    position: relative;
}

.timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-node {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
}

.timeline-dot {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--primary, #B23A2C);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    color: var(--primary, #B23A2C);
    box-shadow: 0 4px 12px rgba(178,58,44,.25);
    transition: transform .25s, box-shadow .25s;
    flex-shrink: 0;
}

.timeline-item:hover .timeline-dot {
    transform: scale(1.12);
    box-shadow: 0 8px 20px rgba(178,58,44,.35);
}

.timeline-item.tl-active .timeline-dot {
    background: var(--primary, #B23A2C);
    color: #fff;
}

.timeline-body {
    flex: 1;
    min-width: 0;
}

.timeline-year {
    font-size: .78rem;
    font-weight: 700;
    color: var(--primary, #B23A2C);
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: .35rem;
}

.timeline-card {
    background: #fff;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: .85rem;
    padding: 1.35rem 1.5rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
    transition: transform .25s, box-shadow .25s;
    position: relative;
    overflow: hidden;
}

.timeline-card::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: var(--primary, #B23A2C);
    border-radius: 0 2px 2px 0;
    opacity: 0;
    transition: opacity .25s;
}

.timeline-item:hover .timeline-card {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0,0,0,.1);
}

.timeline-item:hover .timeline-card::before {
    opacity: 1;
}

.timeline-card-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    margin-bottom: .5rem;
}

.timeline-card-text {
    font-size: .92rem;
    line-height: 1.7;
    color: var(--text, #1a1a1a);
    opacity: .72;
    margin: 0;
}

/* ===== STORY PANEL ===== */
.about-story-section {
    padding: 5rem 0;
    background: #fff;
}

.about-story-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 4rem;
    align-items: center;
}

.story-left {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.story-highlight {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.1rem 1.25rem;
    border-radius: .75rem;
    background: rgba(178,58,44,.04);
    border: 1px solid rgba(178,58,44,.12);
    transition: background .2s, transform .2s;
}

.story-highlight:hover {
    background: rgba(178,58,44,.08);
    transform: translateX(4px);
}

.story-highlight-icon {
    width: 44px;
    height: 44px;
    border-radius: .55rem;
    background: var(--primary, #B23A2C);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

.story-highlight-title {
    font-size: .92rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    margin-bottom: .2rem;
}

.story-highlight-text {
    font-size: .84rem;
    color: var(--text, #1a1a1a);
    opacity: .65;
    line-height: 1.5;
    margin: 0;
}

.story-right {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.story-para {
    font-size: 1.02rem;
    line-height: 1.8;
    color: var(--text, #1a1a1a);
    opacity: .85;
    margin: 0;
}

.story-quote-card {
    background: linear-gradient(135deg, rgba(178,58,44,.05) 0%, rgba(242,201,76,.07) 100%);
    border: 1px solid rgba(178,58,44,.15);
    border-left: 5px solid var(--primary, #B23A2C);
    border-radius: 0 .85rem .85rem 0;
    padding: 1.35rem 1.5rem;
    position: relative;
}

.story-quote-card::before {
    content: "\201C";
    position: absolute;
    top: -.25rem;
    left: 1rem;
    font-size: 4rem;
    color: var(--primary, #B23A2C);
    opacity: .15;
    font-family: Georgia, serif;
    line-height: 1;
}

.story-quote-text {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text, #1a1a1a);
    font-style: italic;
    margin-bottom: .5rem;
}

.story-quote-meta {
    font-size: .82rem;
    font-weight: 700;
    color: var(--primary, #B23A2C);
}

/* ===== MANIFESTO / AMAÇ ===== */
.about-manifesto-section {
    padding: 5rem 0;
    background: linear-gradient(135deg, #1a1a1a 0%, #2b1a15 60%, #1a1a1a 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.about-manifesto-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z'/%3E%3Ccircle cx='30' cy='30' r='14'/%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

.about-manifesto-section > .container {
    position: relative;
    z-index: 1;
}

.manifesto-badge {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .9rem;
    border-radius: 999px;
    background: rgba(242,201,76,.15);
    border: 1px solid rgba(242,201,76,.3);
    color: var(--accent, #F2C94C);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 1.25rem;
}

.manifesto-niyyet {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem 1rem;
    border-radius: .5rem;
    background: rgba(178,58,44,.3);
    border: 1px solid rgba(178,58,44,.5);
    font-size: .85rem;
    font-weight: 600;
    color: #f7c7bf;
    margin-bottom: 1.75rem;
}

.manifesto-title {
    font-size: clamp(1.6rem, 3vw, 2.25rem);
    font-weight: 800;
    color: #fff;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.manifesto-title .accent-line {
    color: var(--accent, #F2C94C);
}

.manifesto-quote-hero {
    font-size: clamp(1.15rem, 2.5vw, 1.45rem);
    line-height: 1.7;
    font-weight: 600;
    color: var(--accent, #F2C94C);
    border-left: 4px solid var(--accent, #F2C94C);
    padding: .85rem 1.5rem;
    margin-bottom: 1.75rem;
    background: rgba(242,201,76,.06);
    border-radius: 0 .5rem .5rem 0;
    position: relative;
}

.manifesto-quote-hero::before {
    content: "\201C";
    position: absolute;
    top: -.5rem;
    left: 1.2rem;
    font-size: 5rem;
    color: var(--accent, #F2C94C);
    opacity: .12;
    font-family: Georgia, serif;
    line-height: 1;
}

.manifesto-text {
    font-size: 1.02rem;
    line-height: 1.85;
    color: rgba(255,255,255,.8);
    max-width: 680px;
}

.manifesto-text strong {
    color: rgba(255,255,255,.95);
    font-weight: 700;
}

.manifesto-visual-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.manifesto-emblem {
    width: 260px;
    height: 260px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.manifesto-emblem::before {
    content: "";
    position: absolute;
    inset: 12px;
    border-radius: 50%;
    border: 1px solid rgba(242,201,76,.2);
}

.manifesto-emblem::after {
    content: "";
    position: absolute;
    inset: 26px;
    border-radius: 50%;
    background: rgba(178,58,44,.15);
}

.manifesto-emblem-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.manifesto-emblem-inner i {
    font-size: 3rem;
    color: var(--accent, #F2C94C);
    display: block;
    margin-bottom: .75rem;
}

.manifesto-emblem-inner span {
    font-size: .88rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: rgba(255,255,255,.7);
}

/* ===== HEDEFLERİMİZ ===== */
.about-goals-section {
    padding: 5rem 0;
    background: #f8f6f4;
}

.goals-chip-bar {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}

.goals-chip {
    padding: .4rem .95rem;
    border-radius: 999px;
    border: 1.5px solid rgba(0,0,0,.12);
    background: #fff;
    color: var(--text, #1a1a1a);
    font-size: .82rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s cubic-bezier(.4,0,.2,1);
}

.goals-chip:hover {
    border-color: var(--primary, #B23A2C);
    color: var(--primary, #B23A2C);
}

.goals-chip.active {
    background: var(--primary, #B23A2C);
    border-color: var(--primary, #B23A2C);
    color: #fff;
    box-shadow: 0 4px 10px rgba(178,58,44,.3);
}

.goals-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.35rem;
}

@media (max-width: 767px) {
    .goals-grid { grid-template-columns: 1fr; }
}

.goal-card {
    background: #fff;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
    box-shadow: 0 4px 14px rgba(0,0,0,.05);
    transition: transform .25s cubic-bezier(.4,0,.2,1),
                box-shadow .25s cubic-bezier(.4,0,.2,1),
                border-color .25s;
    position: relative;
    overflow: hidden;
}

.goal-card::after {
    content: "";
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: var(--primary, #B23A2C);
    transform: scaleX(0);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    border-radius: 3px 3px 0 0;
}

.goal-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 32px rgba(0,0,0,.1);
    border-color: rgba(178,58,44,.2);
}

.goal-card:hover::after {
    transform: scaleX(1);
}

.goal-card[data-cat].hidden {
    display: none;
}

.goal-icon-wrap {
    width: 50px;
    height: 50px;
    border-radius: .65rem;
    background: rgba(178,58,44,.08);
    color: var(--primary, #B23A2C);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    transition: background .2s, transform .2s;
}

.goal-card:hover .goal-icon-wrap {
    background: var(--primary, #B23A2C);
    color: #fff;
    transform: scale(1.08);
}

.goal-cat-badge {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .18rem .6rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: rgba(178,58,44,.08);
    color: var(--primary, #B23A2C);
    margin-top: -.25rem;
    align-self: flex-start;
}

.goal-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    line-height: 1.35;
    margin: 0;
}

.goal-text {
    font-size: .88rem;
    line-height: 1.65;
    color: var(--text, #1a1a1a);
    opacity: .68;
    margin: 0;
}

/* ===== FAALİYETLER 2 SÜTUN GRİD ===== */
.activities-grid-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1rem;
}

@media (max-width: 767px) {
    .activities-grid-2col { grid-template-columns: 1fr; }
}

.activity-card-simple {
    display: flex;
    gap: 1rem;
    padding: 1.25rem 1.35rem;
    border-radius: .85rem;
    border: 1px solid rgba(0,0,0,.07);
    background: #fafafa;
    align-items: flex-start;
    transition: background .2s, transform .2s, box-shadow .2s;
}

.activity-card-simple:hover {
    background: #fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
}

.activity-card-simple-icon {
    width: 38px;
    height: 38px;
    border-radius: .5rem;
    background: rgba(178,58,44,.1);
    color: var(--primary, #B23A2C);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
    margin-top: .1rem;
    transition: background .2s, color .2s;
}

.activity-card-simple:hover .activity-card-simple-icon {
    background: var(--primary, #B23A2C);
    color: #fff;
}

.activity-card-simple-body { min-width: 0; }

.activity-card-simple-title {
    font-size: .95rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    margin-bottom: .35rem;
    line-height: 1.3;
}

.activity-card-simple-text {
    font-size: .87rem;
    line-height: 1.65;
    color: var(--text, #1a1a1a);
    opacity: .67;
    margin: 0;
}

/* ===== FAALİYETLER eski akış stili (artık kullanılmıyor ama bırak) ===== */
    padding: 5rem 0;
    background: #fff;
}

.activities-flow {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    max-width: 840px;
}

.activity-flow-item {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1.25rem;
    align-items: flex-start;
    padding: 1.25rem;
    border-radius: .85rem;
    border: 1px solid rgba(0,0,0,.07);
    background: #fafafa;
    transition: background .2s, transform .2s, box-shadow .2s;
}

.activity-flow-item:hover {
    background: #fff;
    transform: translateX(4px);
    box-shadow: 0 6px 20px rgba(0,0,0,.08);
}

.activity-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding-top: .15rem;
}

.status-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .65rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: .03em;
}

.status-done {
    background: rgba(46,125,50,.1);
    color: #2e7d32;
    border: 1px solid rgba(46,125,50,.2);
}

.status-ongoing {
    background: rgba(178,58,44,.1);
    color: var(--primary, #B23A2C);
    border: 1px solid rgba(178,58,44,.2);
}

.status-plan {
    background: rgba(21,101,192,.08);
    color: #1565c0;
    border: 1px solid rgba(21,101,192,.18);
}

.status-progress-dots {
    display: flex;
    gap: 3px;
}

.progress-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.dot-filled { background: var(--primary, #B23A2C); }
.dot-half { background: rgba(178,58,44,.35); }
.dot-empty { background: rgba(0,0,0,.12); }

.activity-flow-body { min-width: 0; }

.activity-flow-title {
    font-size: .97rem;
    font-weight: 700;
    color: var(--text, #1a1a1a);
    margin-bottom: .4rem;
    line-height: 1.3;
}

.activity-flow-text {
    font-size: .88rem;
    line-height: 1.65;
    color: var(--text, #1a1a1a);
    opacity: .66;
    margin: 0;
}

/* ===== SCROLL-TO-TOP ===== */
.about-back-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--primary, #B23A2C);
    color: #fff;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(178,58,44,.4);
    z-index: 500;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity .3s, transform .3s, background .2s;
    pointer-events: none;
}

.about-back-top.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.about-back-top:hover {
    background: #9a3224;
    box-shadow: 0 6px 22px rgba(178,58,44,.5);
}

/* ===== SCROLL REVEAL (about page) ===== */
.about-rv {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .65s cubic-bezier(.25,.46,.45,.94),
                transform .65s cubic-bezier(.25,.46,.45,.94);
    will-change: opacity, transform;
}

.about-rv.visible {
    opacity: 1;
    transform: translateY(0);
}

.about-rv-delay-1 { transition-delay: 80ms; }
.about-rv-delay-2 { transition-delay: 160ms; }
.about-rv-delay-3 { transition-delay: 240ms; }
.about-rv-delay-4 { transition-delay: 320ms; }

@media (prefers-reduced-motion: reduce) {
    .about-rv {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .about-hero { min-height: auto; padding: 4rem 0 3.5rem; }
    .about-hero-stats { flex-direction: row; flex-wrap: wrap; margin-top: 2.5rem; }
    .about-stat-card { flex: 1 1 140px; }

    .about-story-grid { grid-template-columns: 1fr; gap: 2rem; }

    .manifesto-visual-col { display: none; }
}

@media (max-width: 767px) {
    .about-hero { padding: 3rem 0 2.5rem; }
    .about-hero-title { font-size: 2rem; }
    .about-hero-desc { font-size: 1rem; }
    .about-hero-actions { flex-direction: column; }
    .about-hero-btn { width: 100%; justify-content: center; }
    .about-hero-stats { flex-direction: column; gap: .75rem; }

    .about-timeline-section,
    .about-story-section,
    .about-manifesto-section,
    .about-goals-section,
    .about-activities-section { padding: 3.5rem 0; }

    .timeline-track::before { left: 22px; }
    .timeline-dot { width: 44px; height: 44px; font-size: 1rem; }
    .timeline-item { gap: 1.25rem; }

    .activity-flow-item { grid-template-columns: 88px 1fr; gap: .85rem; }
    .status-badge { font-size: .65rem; }
}

@media (max-width: 575px) {
    .goals-grid { grid-template-columns: 1fr; }
    .about-hero-title { font-size: 1.75rem; }
    .about-back-top { bottom: 1.25rem; right: 1.25rem; }
}