/* ===================== ABOUT PAGE ===================== */

/* --- 1. PAGE HERO / BREADCRUMB --- */
.tlg-phero{position:relative;padding-top:calc(var(--tlg-header-h) + 96px);padding-bottom:96px;overflow:hidden;background:var(--tlg-navy);color:var(--tlg-on-navy)}
.tlg-phero__bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.tlg-phero__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,21,35,.35) 0%,rgba(10,21,35,.5) 55%,rgba(10,21,35,.6) 100%),linear-gradient(180deg,rgba(14,28,46,.25),rgba(10,21,35,.4))}
.tlg-phero__inner{position:relative;z-index:2;text-align:center;max-width:820px;margin-inline:auto}
.tlg-phero h1{color:#fff;font-size:clamp(2.6rem,5vw,4rem);line-height:1.05;margin-bottom:20px}
.tlg-phero__lead{color:var(--tlg-on-navy-dim);font-size:clamp(1.05rem,1.4vw,1.18rem);line-height:1.6;max-width:640px;margin-inline:auto}
.tlg-crumb{display:inline-flex;align-items:center;gap:10px;justify-content:center;font-family:var(--tlg-sans);font-size:.82rem;font-weight:500;letter-spacing:.04em;color:var(--tlg-on-navy-dim);margin-bottom:22px}
.tlg-crumb a{color:var(--tlg-accent);transition:color .2s ease}
.tlg-crumb a:hover{color:var(--tlg-accent-hover)}
.tlg-crumb span{opacity:.5}

/* --- 2. OUR STORY (split) --- */
.tlg-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,80px);align-items:stretch}
.tlg-story__content h2{margin:6px 0 22px}
.tlg-story__content p{color:var(--tlg-slate);margin-bottom:18px;line-height:1.7}
.tlg-story__content p:last-child{margin-bottom:0}
.tlg-story__media{position:relative;display:flex}
.tlg-story__imgwrap{border-radius:var(--tlg-r-md);overflow:hidden;box-shadow:var(--tlg-shadow-md);width:100%}
.tlg-ph--story{width:100%;height:100%;min-height:100%}
.tlg-ph--story img{width:100%;height:100%;object-fit:cover;display:block}

/* --- 3. MISSION / VISION / VALUES --- */
.tlg-mv__head{text-align:center;max-width:640px;margin:0 auto clamp(40px,5vw,60px)}
.tlg-mv__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.tlg-mv__box{background:var(--tlg-navy-surface);border:1px solid var(--tlg-line-dark);border-radius:var(--tlg-r-md);padding:40px 34px;transition:transform .25s ease,border-color .25s ease}
.tlg-mv__box:hover{transform:translateY(-4px);border-color:rgba(176,138,79,.45)}
.tlg-mv__ico{width:60px;height:60px;border-radius:var(--tlg-r-md);background:rgba(176,138,79,.12);color:var(--tlg-accent);display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.tlg-mv__ico svg{width:30px;height:30px}
.tlg-mv__box h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:12px}
.tlg-mv__box p{color:var(--tlg-on-navy-dim);font-size:.96rem;line-height:1.65}

/* --- 4. FOUNDER --- */
.tlg-founder__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,72px);align-items:center}
.tlg-founder__media{position:relative}
.tlg-founder__imgwrap{border-radius:var(--tlg-r-md);overflow:hidden;box-shadow:var(--tlg-shadow-md)}
.tlg-ph--founder{aspect-ratio:4/5;width:100%}
.tlg-ph--founder img{width:100%;height:100%;object-fit:cover;display:block}
.tlg-founder__badge{position:absolute;left:-18px;bottom:36px;background:var(--tlg-navy);color:#fff;padding:20px 24px;border-radius:var(--tlg-r-md);max-width:230px;box-shadow:var(--tlg-shadow-navy);border-left:3px solid var(--tlg-accent)}
.tlg-founder__badge strong{display:block;font-family:var(--tlg-serif);font-size:1.3rem;color:#fff;margin-bottom:4px}
.tlg-founder__badge span{font-size:.84rem;color:var(--tlg-on-navy-dim)}
.tlg-founder__content h2{margin:6px 0 22px}
.tlg-founder__content p{color:var(--tlg-slate);margin-bottom:18px;line-height:1.75}
.tlg-founder__sign{margin-top:28px;display:flex;flex-direction:column;gap:2px}
.tlg-founder__sign strong{font-family:var(--tlg-serif);font-size:1.5rem;color:var(--tlg-ink);font-weight:600}
.tlg-founder__sign span{font-size:.9rem;color:var(--tlg-accent);font-weight:600;letter-spacing:.04em}

/* --- 5. CTA --- */
.tlg-acta{position:relative;overflow:hidden}
.tlg-acta__inner{position:relative;z-index:2;text-align:center;max-width:820px;margin-inline:auto}
.tlg-acta__inner h2{color:#fff;font-size:clamp(2.2rem,4vw,3.2rem);margin:6px 0 22px;text-wrap:balance}
.tlg-acta__inner .tlg-lead{color:var(--tlg-on-navy-dim);margin-bottom:36px;max-width:600px;margin-left:auto;margin-right:auto}
.tlg-acta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.tlg-acta__bg{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 0%,rgba(176,138,79,.16),transparent 60%)}

/* ===================== RESPONSIVE ===================== */
@media (max-width:900px){
  .tlg-story__grid,.tlg-founder__grid{grid-template-columns:1fr;gap:40px}
  .tlg-story__grid{align-items:start}
  .tlg-ph--story{min-height:360px}
  .tlg-founder__media{order:-1}
  .tlg-mv__grid{grid-template-columns:1fr}
  .tlg-founder__badge{left:16px;bottom:16px}
}
@media (max-width:640px){
  .tlg-phero{padding-top:calc(var(--tlg-header-h) + 56px);padding-bottom:64px}
  .tlg-mv__box{padding:32px 26px}
  .tlg-acta__actions{flex-direction:column}
  .tlg-acta__actions .tlg-btn{width:100%}
}