.taa-about{--ta-orange:#bd510b;--ta-ink:#20221e;--ta-muted:#60635b;--ta-line:#e9e1d7;color:var(--ta-ink);background:#fff}
.taa-about *{box-sizing:border-box}
.taa-about .container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.taa-about h1,.taa-about h2,.taa-about h3{color:inherit;letter-spacing:-.035em}
.taa-about h2{font-size:clamp(27px,3vw,40px);line-height:1.2;margin:12px 0 22px}
.taa-about h3{font-size:21px;line-height:1.35;margin:12px 0}
.taa-about p{font-size:1.18rem;line-height:1.85;color:var(--ta-muted);margin:0 0 18px;text-align: justify;}
.taa-about strong{font-weight:700}
.taa-about .ta-label{display:inline-block;font-size:0.89rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ta-orange)}
.taa-about .ta-section{padding:clamp(31px,7vw,10px) 0}
.ta-sections {
    padding: clamp(-2px, 7vw, 0px) 0
}
.taa-about .ta-soft{background:#faf8f4}
.taa-about .ta-narrow{max-width:820px}
.taa-about .ta-hero{padding:clamp(60px,9vw,120px) 0;background:#20221e;color:#fff;position:relative;overflow:hidden}
.taa-about .ta-hero:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ed741555;border-radius:50%;right:-210px;top:20%;pointer-events:none}
.taa-about .ta-hero .ta-label,.taa-about .ta-philosophy .ta-label{color:#ffa45f}
.taa-about .ta-hero h1{max-width:980px;font-size:clamp(34px,4.6vw,66px);line-height:1.13;margin:22px 0}
.taa-about em{font-family:Georgia,serif;font-weight:400;color:#ed7415}
.taa-about .ta-hero em,.taa-about .ta-philosophy em{color:#ffa45f}
.taa-about .ta-hero p{max-width:690px;color:#d3d4cd;font-size:18px}
.taa-about .ta-path{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:24px;margin-top:32px;font-size:14px;color:#eee7df}
.taa-about .ta-path span{color:#ffa45f}
.taa-about .ta-split{display:grid;grid-template-columns: .8fr 1.4fr;gap:64px;align-items:start}
.taa-about .ta-rule{display:block;width:64px;height:3px;background:#ed7415;margin-top:30px}
.taa-about .ta-badges,.taa-about .ta-tags{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:28px 0 0}
.taa-about .ta-badges li,.taa-about .ta-tags li{padding:10px 14px;border:1px solid var(--ta-line);border-radius:6px;background:#fff;font-size:13px;line-height:1.5}
.taa-about .ta-purpose{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.taa-about .ta-panel{padding:clamp(24px,3vw,40px);border:1px solid var(--ta-line);border-radius:16px;border-top:3px solid #ed7415}
.taa-about .ta-panel h2{font-size:clamp(24px,2.4vw,32px)}
.taa-about .ta-checks{padding-left:20px;margin:0;color:var(--ta-muted)}
.taa-about .ta-checks li{padding-left:5px;margin:10px 0;line-height:1.7;font-size:15px}
.taa-about .ta-checks li::marker{color:var(--ta-orange)}
.taa-about .ta-belief{margin-top:28px;padding:clamp(26px,4vw,50px);background:#fff5e9;border-radius:16px}
.taa-about .ta-motto{color:var(--ta-orange);font-weight:600}
.taa-about .ta-audiences{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:0;padding:0}
.taa-about .ta-audiences li{padding:16px 0;border-bottom:1px solid var(--ta-line);font-size:15px;line-height:1.6}
.taa-about .ta-books{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
.taa-about .ta-book-services{padding:30px;background:#faf8f4;border:1px solid var(--ta-line);border-radius:16px}
.taa-about .ta-tags{margin:20px 0 28px}
.taa-about .ta-founder-heading{margin-bottom:36px}
.taa-about .ta-founder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:56px;align-items:start}
.taa-about .ta-portrait{margin:0;background:#fff;border:1px solid var(--ta-line);border-radius:16px;overflow:hidden}
.taa-about .ta-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.taa-about figcaption{padding:24px;border-top:3px solid #ed7415}
.taa-about figcaption strong{display:block;font-size:21px;margin-bottom:6px}
.taa-about figcaption span{display:block;color:var(--ta-orange);font-size:14px}
.taa-about figcaption p{font-size:13px;margin:8px 0 0}
.taa-about blockquote{margin:0 0 26px;padding:4px 0 4px 22px;border-left:3px solid #ed7415;font-family:Georgia,serif;font-size:clamp(23px,2.3vw,30px);line-height:1.5;color:var(--ta-ink)}
.taa-about .ta-signature{border-top:1px solid var(--ta-line);padding-top:22px}
.taa-about .ta-signature strong,.taa-about .ta-signature span{display:block;margin:4px 0;line-height:1.6}
.taa-about .ta-signature span{font-size:13px;color:var(--ta-muted)}
.taa-about .ta-commitments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:34px}
.taa-about .ta-commitment{padding:28px;border:1px solid var(--ta-line);border-radius:12px;background:#fff;transition:box-shadow .3s,border-color .3s}
.taa-about .ta-commitment p{font-size:15px;margin-bottom:0}
@media(hover:hover){.taa-about .ta-commitment:hover{border-color:#ed7415;box-shadow:0 12px 28px #20221e0a}}
.taa-about .ta-philosophy{text-align:center;padding:clamp(50px,7vw,88px) 0;background:#20221e;color:#fff}
.taa-about .ta-philosophy p{color:#d3d4cd}
.taa-about .ta-brandline{display:block;margin-top:28px;font-size:18px}
.taa-about .ta-philosophy .ta-motto{color:#ffa45f;margin-top:8px;font-family:Georgia,serif;font-style:italic;text-align:center}
.taa-about .ta-animate{animation:taEnter .85s cubic-bezier(.22,1,.36,1) both}
@keyframes taEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.taa-about .ta-split,.taa-about .ta-books,.taa-about .ta-founder{gap:32px}.taa-about .ta-commitments{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.taa-about .ta-split,.taa-about .ta-purpose,.taa-about .ta-books,.taa-about .ta-founder{grid-template-columns:1fr}.taa-about .ta-portrait{max-width:440px;width:100%;margin-inline:auto}.taa-about .ta-path{gap:8px;font-size:12px}}
@media(max-width:480px){.taa-about .ta-commitments,.taa-about .ta-audiences{grid-template-columns:1fr}.taa-about .container{width:calc(100% - 32px)}.taa-about .ta-book-services{padding:24px}}
@media(prefers-reduced-motion:reduce){.taa-about .ta-animate{animation:none}.taa-about .ta-commitment{transition:none}}

.taa-about .ta-founder-linkedin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    max-width: 100%;
    margin-top: 18px;
    padding: 12px 16px;
    border: 1px solid #e9d3bf;
    border-radius: 8px;
    background: #fff5e9;
    color: #a5480b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition:
        background-color 250ms ease,
        color 250ms ease,
        transform 250ms ease;
}

.taa-about .ta-founder-linkedin svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.taa-about .ta-founder-linkedin:hover {
    background: #a5480b;
    border-color: #a5480b;
    color: #fff;
    transform: translateY(-2px);
}

.taa-about .ta-founder-linkedin:focus-visible {
    outline: 3px solid #a5480b;
    outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
    .taa-about .ta-founder-linkedin {
        transition: none;
    }

    .taa-about .ta-founder-linkedin:hover {
        transform: none;
    }
}

/* About page: photographic hero */
.taa-about .ta-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 650px;
    padding: clamp(70px, 9vw, 130px) 0;
    background: #20221e;
    color: #fff;
}

/* Background image with a gentle entrance */
.taa-about .ta-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url("../images/about-hero-background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: taHeroBackground 1.8s ease-out both;
    pointer-events: none;
}

/* Replace the previous decorative circle with a readability overlay */
.taa-about .ta-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    z-index: -1;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg,
            rgba(20, 21, 18, 0.82) 0%,
            rgba(20, 21, 18, 0.65) 45%,
            rgba(20, 21, 18, 0.25) 72%,
            rgba(20, 21, 18, 0.08) 100%);
    pointer-events: none;
}

.taa-about .ta-hero>.container {
    position: relative;
    z-index: 1;
}

.taa-about .ta-hero .ta-label {
    color: #f2b781;
    font-size: 12px;
    letter-spacing: 0.18em;
}

.taa-about .ta-hero h1 {
    max-width: 900px;
    margin: 24px 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(34px, 4.4vw, 64px);
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: -0.025em;
    color: #fffaf3;
    text-wrap: balance;
}

.taa-about .ta-hero h1 em {
    color: #ff9b50;
    font-weight: 400;
}

.taa-about .ta-hero p {
    max-width: 660px;
    color: #eee9e2;
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.8;
}

.taa-about .ta-hero .ta-path {
    max-width: 680px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #f6efe7;
    font-size: 14px;
    line-height: 1.7;
}

.taa-about .ta-hero .ta-path span {
    color: #ff9b50;
}

@keyframes taHeroBackground {
    from {
        opacity: 0;
        transform: scale(1.035);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width: 760px) {
    .taa-about .ta-hero {
        min-height: 580px;
        padding: 75px 0;
    }

    .taa-about .ta-hero::before {
        background-position: 65% center;
    }

    .taa-about .ta-hero::after {
        background: linear-gradient(90deg,
                rgba(20, 21, 18, 0.9),
                rgba(20, 21, 18, 0.7));
    }

    .taa-about .ta-hero h1 {
        font-size: clamp(34px, 6.5vw, 48px);
        line-height: 1.2;
    }

    .taa-about .ta-hero h1 br {
        display: none;
    }

    .taa-about .ta-hero .ta-path {
        gap: 8px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .taa-about .ta-hero {
        min-height: auto;
        padding: 64px 0;
    }

    .taa-about .ta-hero .ta-label {
        font-size: 10px;
        letter-spacing: 0.12em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .taa-about .ta-hero::before {
        animation: none;
    }
}

/* Our Philosophy background */
.taa-about .ta-philosophy {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(70px, 8vw, 120px) 0;
    background: #20221e;
    color: #fff;
    text-align: center;
}

.taa-about .ta-philosophy::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: url("../images/philosophy-background.png") center center / cover no-repeat;
    pointer-events: none;
}

/* Dark overlay keeps the centered text readable */
.taa-about .ta-philosophy::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg,
            rgba(18, 19, 16, 0.4),
            rgba(18, 19, 16, 0.72) 30%,
            rgba(18, 19, 16, 0.72) 70%,
            rgba(18, 19, 16, 0.4));
    pointer-events: none;
}

.taa-about .ta-philosophy .ta-narrow {
    max-width: 800px;
    position: relative;
}

.taa-about .ta-philosophy .ta-label {
    color: #ffb57e;
    letter-spacing: 0.16em;
}

.taa-about .ta-philosophy h2 {
    margin: 22px 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 400;
    line-height: 1.2;
    color: #fffaf3;
}

.taa-about .ta-philosophy h2 em {
    color: #ffa45f;
}

.taa-about .ta-philosophy p {
    max-width: 700px;
    margin-inline: auto;
    color: #e5dfd7;
    font-size: 16px;
    line-height: 1.9;
}

.taa-about .ta-philosophy p strong {
    color: #fffaf3;
}

.taa-about .ta-philosophy .ta-brandline {
    display: block;
    margin-top: 32px;
    color: #fffaf3;
    font-size: 20px;
}

.taa-about .ta-philosophy .ta-motto {
    margin-top: 10px;
    margin-bottom: 0;
    color: #ffb57e;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 18px;
    font-style: italic;
}

@media (max-width: 640px) {
    .taa-about .ta-philosophy {
        padding: 64px 0;
    }

    .taa-about .ta-philosophy::after {
        background: rgba(18, 19, 16, 0.76);
    }

    .taa-about .ta-philosophy p {
        font-size: 15px;
        line-height: 1.8;
    }

    .taa-about .ta-philosophy .ta-brandline {
        font-size: 18px;
    }
}