.about-hero { background: #0B1220; color: #fff; padding: 200px 0 120px; position: relative; overflow: hidden; }
            .about-hero .hero-grid-bg { position: absolute; inset: 0; background-image: linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px); background-size: 96px 96px; mask-image: radial-gradient(ellipse 80% 70% at 30% 30%, #000 30%, transparent 80%); }
            .about-hero .container { position: relative; z-index: 1; }
        

            .story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
            .story-img { aspect-ratio: 4/3; border-radius: var(--r-lg); overflow: hidden; position: relative; border: 1px solid var(--line); }
            .story-img img { width: 100%; height: 100%; object-fit: cover; }
            .story-img .img-tag { position: absolute; top: 16px; left: 16px; padding: 6px 10px; background: rgba(11,18,32,0.6); border: 1px solid rgba(255,255,255,0.15); backdrop-filter: blur(12px); border-radius: 999px; font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255,255,255,0.85); z-index: 2; }
            .story-body p { font-size: 16px; line-height: 1.7; color: var(--text-mute); margin-bottom: 18px; }
            .story-body strong { color: var(--ink); font-weight: 500; }
            @media (max-width: 1100px) {
                .story-grid { grid-template-columns: 1fr; gap: 40px; }
                .story-img { aspect-ratio: 16/9; }
            }
        

            .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
            .value-cell { padding: 56px 40px; border-right: 1px solid var(--line); display: flex; flex-direction: column; gap: 16px; }
            .value-cell:first-child { padding-left: 0; }
            .value-cell:last-child { border-right: none; padding-right: 0; }
            .val-num { font-family: var(--f-display); font-style: italic; font-weight: 300; font-size: 56px; line-height: 1; color: var(--blue); margin-bottom: 8px; }
            .val-title { font-family: var(--f-sans); font-size: 22px; font-weight: 500; letter-spacing: -0.015em; color: var(--ink); }
            .val-body { font-size: 14px; line-height: 1.6; color: var(--text-mute); }
            @media (max-width: 1100px) {
                .values-grid { grid-template-columns: 1fr; }
                .value-cell { padding: 32px 0 !important; border-right: none !important; border-bottom: 1px solid var(--line); }
                .value-cell:last-child { border-bottom: none; }
            }
        

            .timeline-item { display: grid; grid-template-columns: 200px 1fr; gap: 40px; padding: 32px 0; border-bottom: 1px solid var(--line); }
            .timeline-item:last-child { border-bottom: none; }
            .timeline-year { font-family: var(--f-display); font-style: italic; font-weight: 300; font-size: 56px; line-height: 1; color: var(--ink); }
            .timeline-title { font-family: var(--f-sans); font-size: 22px; font-weight: 500; letter-spacing: -0.015em; color: var(--ink); margin-bottom: 8px; }
            .timeline-body { font-size: 15px; line-height: 1.6; color: var(--text-mute); max-width: 60ch; }
            @media (max-width: 720px) {
                .timeline-item { grid-template-columns: 1fr; gap: 12px; }
                .timeline-year { font-size: 40px; }
            }
        
.about-page .about-hero{background:linear-gradient(120deg,#43126D,#4F1F78 60%,#6B35A0);padding:120px 0 100px}
.about-page .about-hero h1{font-size:clamp(56px,7.8vw,120px);line-height:1.06;max-width:15ch;color:white;margin-bottom:32px}
.about-page .about-hero h1 em{color:#DEC2F3}
.about-page .about-hero .hero-p{color:#E7DCEE;font-size:20px!important;max-width:57ch!important}
.about-page .about-hero .hero-status{color:white;border-color:#FFFFFF40;background:#FFFFFF0D}
.about-page .about-hero .live{background:#DEC2F3}
.about-page .story-grid{gap:72px}
.about-page .story-img{background:#F8F4FB;display:flex;align-items:center;justify-content:center}
.about-page .story-img img{width:76%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.about-page .story-img .img-tag{font-size:12px;background:#4F1F78;color:white}
.about-page .story-body p,.about-page .val-body,.about-page .timeline-body{font-size:16px;line-height:1.75}
.about-page .values-grid{border-color:#E9E9EC}
.about-page .val-num{color:#4F1F78}
.about-page #team{background:#F8F4FB}
.about-page .a11-founder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:80px;align-items:center}
.about-page .founder-identity{aspect-ratio:1.15;background:linear-gradient(135deg,#43126D,#6B35A0);border-radius:16px;min-height:300px}
.about-page .founder-identity .team-initials{color:#E6D0F7;font-size:clamp(100px,12vw,180px)}
.about-page .founder-identity .corner,.about-page .founder-identity .placeholder-label{color:#F4EAFB;font-size:14px}
.about-page .founder-copy .team-name{font-family:var(--f-display);font-size:clamp(38px,4vw,60px);margin:20px 0 10px}
.about-page .founder-copy .team-role{color:#4F1F78;font-size:16px;margin-bottom:24px}
.about-page .founder-copy .team-bio{font-size:17px;line-height:1.75;margin-bottom:20px;max-width:52ch}
.about-page .founder-copy .btn{margin-top:10px}
.about-page .timeline-year{color:#4F1F78}
.about-page .cta{background:#43126D}
.about-page .cta em{color:#DEC2F3}
@media(max-width:1100px){.about-page .story-grid{gap:36px}.about-page .a11-founder{gap:40px}.about-page .story-img{aspect-ratio:4/3}}
@media(max-width:720px){.about-page .about-hero{padding:72px 0}.about-page .about-hero h1{font-size:56px}.about-page .about-hero .hero-p{font-size:18px!important}.about-page .a11-founder{grid-template-columns:1fr;gap:32px}.about-page .founder-identity{min-height:260px}.about-page .timeline-item{padding:28px 0}}
/* Soft Agency11 surfaces for the About page. */
.about-page .about-hero{background:linear-gradient(115deg,#FFFFFF 0%,#F8F4FB 48%,#EEE2F6 100%);color:#111111}
.about-page .about-hero .hero-grid-bg{background-image:linear-gradient(to right,#4F1F7808 1px,transparent 1px),linear-gradient(to bottom,#4F1F7808 1px,transparent 1px)}
.about-page .about-hero h1{color:#111111}
.about-page .about-hero h1 em{color:#4F1F78}
.about-page .about-hero .hero-p{color:#6F6F73}
.about-page .about-hero .hero-status{color:#4F1F78;background:#FFFFFFB3;border-color:#4F1F7826}
.about-page .about-hero .live{background:#6B35A0}
.about-page .founder-identity{background:linear-gradient(135deg,#F0E5F8,#E7D5F1);border:1px solid #DDC9EA}
.about-page .founder-identity::after{background:none}
.about-page .founder-identity .team-initials{color:#4F1F78}
.about-page .founder-identity .corner,.about-page .founder-identity .placeholder-label{color:#6B35A0}
.about-page .cta{background:#F8F4FB;border-top:1px solid #E9E9EC}
.about-page .cta::before,.about-page .cta::after{display:none}
.about-page .cta-title{color:#111111}
.about-page .cta-title em{color:#4F1F78}
.about-page .cta-sub{color:#6F6F73}
.about-page .cta .btn-paper{background:#4F1F78;color:#FFFFFF;border-color:#4F1F78}
.about-page .cta .btn-paper:hover{background:#43126D;border-color:#43126D}