/* ============================================================
   TAYFUN SILVER — ABOUT US (Frontend) — PREMIUM / BRAND v4
   File : /assets/css/about-us.css
   v4 — brand prestige, perfect desktop + mobile
   ============================================================ */

:root{
  /* Brand palette */
  --brand:#1f2b44;
  --brand2:#0b1220;
  --beige:#e3dacb;

  --ink:#101418;
  --muted:#6e7781;
  --line:#e9edf3;
  --tile:#fafbfc;

  /* Surfaces */
  --paper:#ffffff;
  --soft:#fbfcfe;

  /* Radii */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 22px;
  --r-xl: 30px;

  /* Shadows (clean premium) */
  --sh-1: 0 10px 22px rgba(17,17,17,.05);
  --sh-2: 0 18px 44px rgba(17,17,17,.07);
  --sh-3: 0 26px 60px rgba(17,17,17,.09);

  /* Motion */
  --reveal-dur: 720ms;
  --reveal-ease: cubic-bezier(.2,.65,.25,1);
  --reveal-translate: 22px;

  /* Layout */
  --ts-sbw: 0px;
  --anchor-offset: 140px;
  --container: 1200px;

  /* Media */
  --hero-max-h-desktop: 680px;
  --media-max-h-desktop: 560px;
}

/* ------------------------------
   Base / Safety
------------------------------ */
*, *::before, *::after{ box-sizing:border-box; }

html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}

html.ts-about,
html.ts-about body{
  overflow-x:hidden;
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* ------------------------------
   Full-bleed wrapper
------------------------------ */
.about-page{
  width: calc(100vw - var(--ts-sbw)) !important;
  margin-left: calc(50% - 50vw + (var(--ts-sbw) / 2)) !important;
  margin-right: calc(50% - 50vw + (var(--ts-sbw) / 2)) !important;
  max-width:none !important;

  padding:0 !important;
  margin-top:0 !important;

  color:var(--ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji","Segoe UI Emoji";
  position:relative;
  overflow-x:hidden;

  /* premium clean background */
  background:
    radial-gradient(1100px 600px at 12% -10%, rgba(31,43,68,.08), transparent 60%),
    radial-gradient(900px 520px at 108% 12%, rgba(227,218,203,.18), transparent 55%),
    linear-gradient(180deg, rgba(250,251,252,.6), rgba(255,255,255,0)),
    var(--paper);
}

.about-page img,
.about-page video{ display:block; max-width:100%; height:auto; }

.about-page a,
.about-page button{ -webkit-tap-highlight-color: transparent; }

.about-page a{ text-decoration:none; color:inherit; }
.about-page svg{ display:inline-block; vertical-align:middle; }

.about-page a:focus-visible,
.about-page button:focus-visible{
  outline:2px solid rgba(31,43,68,.32);
  outline-offset:3px;
  border-radius:999px;
}

.about-page .ts-container{
  width:100%;
  max-width: var(--container);
  margin:0 auto;
  padding:0 6vw;
}
@media (min-width:1200px){
  .about-page .ts-container{ padding:0 4.5vw; }
}

/* ------------------------------
   Typography (brand / prestige)
------------------------------ */
.about-page .ts-kicker{
  font-size:.76rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:#8f98a6;
  margin:0 0 10px;
  font-weight:800;
}
.about-page .ts-kicker--hero{
  color:rgba(255,255,255,.88);
  text-shadow: 0 2px 12px rgba(0,0,0,.24);
}

.about-page h1{
  margin:0 0 14px;
  font-size:clamp(2.25rem, 4.7vw, 3.45rem);
  line-height:1.06;
  font-weight:600;
  color:var(--beige);
  letter-spacing:.2px;
  font-family:'Playfair Display',serif;
  text-shadow: 0 2px 22px rgba(0,0,0,.28);
}
.about-page h2{
  margin:0 0 10px;
  font-size:clamp(1.75rem, 2.8vw, 2.25rem);
  font-family:'Playfair Display',serif;
  color:var(--brand);
  font-weight:520;
  letter-spacing:.25px;
}
.about-page h3{
  margin:0 0 10px;
  font-size:1.06rem;
  color:var(--brand);
  font-weight:700;
  letter-spacing:.15px;
}
.about-page p{
  margin:0 0 12px;
  font-size:.96rem;
  line-height:1.9;
  color:#56606c;
}

.about-page .ts-muted{ color:#6b7280; font-size:.92rem; }

.about-page .ts-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 12px;
  border-radius:999px;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:rgba(31,43,68,.06);
  border:1px solid rgba(31,43,68,.12);
  color:rgba(31,43,68,.92);
  font-weight:900;
}

/* ------------------------------
   Buttons (luxury micro-effects)
------------------------------ */
.about-page .ts-btn{
  padding:11px 18px;
  border-radius:999px;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;

  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;

  border:1px solid transparent;
  cursor:pointer;
  user-select:none;
  white-space:nowrap;

  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease,
    box-shadow .25s ease,
    filter .25s ease;
}
.about-page .ts-btn:active{ transform: translateY(0); }

/* Solid (brand beige) */
.about-page .ts-btn--solid{
  border:1px solid rgba(227,218,203,.95);
  background: linear-gradient(180deg, rgba(227,218,203,1), rgba(227,218,203,.92));
  color:var(--brand);
  padding:13px 26px;
  font-size:.90rem;
  box-shadow: 0 14px 34px rgba(227,218,203,.20);
}
.about-page .ts-btn--solid:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 46px rgba(227,218,203,.28);
  filter: saturate(1.03);
}

/* Ghost (hero glass) */
.about-page .ts-btn--ghost{
  border:1px solid rgba(255,255,255,.72);
  color:#fff;
  background:rgba(255,255,255,.10);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.about-page .ts-btn--ghost:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.94);
  transform: translateY(-1px);
}

/* Line (white surface) */
.about-page .ts-btn--line{
  border-color:rgba(31,43,68,.18);
  color:var(--brand);
  background:#fff;
  box-shadow: 0 10px 18px rgba(17,17,17,.03);
}
.about-page .ts-btn--line:hover{
  background:var(--brand);
  color:#fff;
  border-color:var(--brand);
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(31,43,68,.14);
}

/* ------------------------------
   HERO
------------------------------ */
.about-page .ts-hero{
  position:relative;
  background:#000;
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
}
.about-page .ts-hero--fullbleed{
  width: calc(100vw - var(--ts-sbw)) !important;
  margin-left: calc(50% - 50vw + (var(--ts-sbw) / 2)) !important;
  margin-right: calc(50% - 50vw + (var(--ts-sbw) / 2)) !important;
  max-width:none !important;
}

.about-page .ts-hero-media{
  position:relative;
  width:100%;
  background:#05070b;
  overflow:hidden;
  line-height:0;
  font-size:0;
  touch-action: pan-y;
  aspect-ratio: 16 / 9;
}
@media (min-width:769px){
  .about-page .ts-hero-media{ max-height: var(--hero-max-h-desktop); }
}
@media (max-width:768px){
  .about-page .ts-hero-media{ aspect-ratio: 4 / 5; }
}

/* pair fill */
.about-page .ts-hero .ts-media-pair{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.about-page .ts-hero .ts-media--desk,
.about-page .ts-hero .ts-media--mob{
  width:100%;
  height:100%;
}
.about-page .ts-hero .ts-carousel,
.about-page .ts-hero .ts-carousel-viewport{
  height:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
}

/* optional overlay (if PHP prints) */
.about-page .ts-hero-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(31,43,68,.20) 0%,
    rgba(31,43,68,.08) 36%,
    rgba(31,43,68,0) 78%
  );
}
@media (max-width:992px){
  .about-page .ts-hero-overlay{
    background:linear-gradient(
      0deg,
      rgba(31,43,68,.20) 0%,
      rgba(31,43,68,.08) 55%,
      rgba(31,43,68,0) 100%
    );
  }
}

.about-page .ts-hero-content{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
}
.about-page .ts-hero-copy{
  pointer-events:auto;
  width:min(980px, 92vw);
  padding:3.0rem 0;
  margin:0;
  color:#fff;
  text-align:center;
}
@media (min-width:993px){
  .about-page .ts-hero-content{ justify-content:flex-start; }
  .about-page .ts-hero-copy{
    text-align:left;
    padding-left:6vw;
    padding-right:0;
    width:min(900px, 86vw);
  }
}
@media (min-width:1200px){
  .about-page .ts-hero-copy{ padding-left:4.5vw; }
}

.about-page .ts-hero-sub{
  margin:0;
  font-size:1.06rem;
  line-height:1.8;
  color:#f4f6fb;
  max-width:62ch;
  text-shadow: 0 2px 14px rgba(0,0,0,.22);
}

.about-page .ts-hero-actions{
  margin-top:18px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
@media (min-width:993px){
  .about-page .ts-hero-actions{ justify-content:flex-start; }
}

/* Hero mini chips (brand) */
.about-page .ts-hero-mini{
  margin-top:16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
@media (min-width:993px){
  .about-page .ts-hero-mini{ justify-content:flex-start; }
}
.about-page .ts-mini-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 12px;
  border-radius:999px;
  font-size:.70rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

/* ------------------------------
   STATS — floating premium bar
------------------------------ */
.about-page .ts-stats{
  background:transparent;
  border-bottom:1px solid var(--line);
}

.about-page .ts-stats--float{
  position:relative;
  z-index:6;
  margin-top:-48px;
  padding:0 0 22px;
}
@media (max-width:768px){
  .about-page .ts-stats--float{ margin-top:-30px; padding-bottom:18px; }
}

.about-page .ts-stats-shell{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-3);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding:18px 0;
  margin:0 4vw;
}
@media (min-width:1200px){
  .about-page .ts-stats-shell{ margin:0 4.5vw; }
}

.about-page .ts-stats-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
  align-items:center;
}
@media (max-width:900px){
  .about-page .ts-stats-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

.about-page .ts-stat{
  text-align:center;
  padding:14px 10px;
}
@media (min-width:900px){
  .about-page .ts-stat{ text-align:left; padding:10px 14px; }
}

.about-page .ts-stat-n{
  font-size:2rem;
  font-weight:900;
  color:rgba(31,43,68,.95);
  letter-spacing:-.02em;
  line-height:1;
}
.about-page .ts-stat-l{
  margin-top:8px;
  font-size:.78rem;
  color:#7a8493;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:900;
}

/* ------------------------------
   Sections
------------------------------ */
.about-page .ts-section{
  padding:74px 0 56px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  scroll-margin-top: var(--anchor-offset);
}
.about-page .ts-section--soft{
  background:
    radial-gradient(900px 460px at 70% 0%, rgba(227,218,203,.18), transparent 55%),
    var(--soft);
}

.about-page .ts-section-head{
  max-width:780px;
  margin:0 auto 36px;
  text-align:center;
  padding:0 6vw;
}
@media (min-width:1200px){
  .about-page .ts-section-head{ padding:0 4.5vw; }
}
.about-page .ts-section-head p{
  margin:0;
  font-size:.96rem;
  color:#56606c;
  line-height:1.9;
}

/* Split layout */
.about-page .ts-split{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:18px;
  align-items:stretch;
}
.about-page .ts-split--rev{ grid-template-columns: 1.05fr .95fr; }

.about-page .ts-split-copy{
  background:#fff;
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-1);
  padding:22px 18px;
}

.about-page .ts-copy-note{
  margin-top:16px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.about-page .ts-split-media{
  border-radius: var(--r-xl);
  overflow:hidden;
  border:1px solid rgba(233,237,243,.95);
  box-shadow: var(--sh-1);
  background:#000;
}

@media (max-width:980px){
  .about-page .ts-split,
  .about-page .ts-split--rev{ grid-template-columns:1fr; }
}

/* Lists */
.about-page .ts-list{
  margin:12px 0 0;
  padding-left:18px;
  color:#384150;
  line-height:1.8;
  font-size:.95rem;
}
.about-page .ts-list li{ margin:0 0 8px; }
.about-page .ts-list strong{ color:var(--brand); font-weight:900; }

/* ------------------------------
   Carousel (clean glass controls)
------------------------------ */
.about-page .ts-carousel{
  position:relative;
  overflow:hidden;
  background:#000;
}

/* disable ghost drag */
.about-page .ts-carousel img{
  -webkit-user-drag: none;
  user-drag: none;
}

.about-page .ts-carousel-viewport{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
  overflow:hidden;

  touch-action: pan-y;
  user-select:none;
  -webkit-user-select:none;

  cursor:grab;
}
.about-page .ts-carousel-viewport:active{ cursor:grabbing; }

@media (min-width:769px){
  .about-page .ts-carousel-viewport{ max-height: var(--media-max-h-desktop); }
}
@media (max-width:768px){
  .about-page .ts-carousel-viewport{ aspect-ratio: 4 / 5; }
}
.about-page .ts-carousel.is-single .ts-carousel-nav,
.about-page .ts-carousel.is-single .ts-carousel-dots{ display:none !important; }

.about-page .ts-carousel-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.02);
  transition:
    opacity 900ms cubic-bezier(.2,.65,.25,1),
    transform 1100ms cubic-bezier(.2,.65,.25,1);
}
.about-page .ts-carousel-slide.is-active{
  opacity:1;
  transform:scale(1);
  z-index:2;
}
.about-page .ts-carousel-slide img,
.about-page .ts-carousel-slide video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

/* shade/badge (subtle) */
.about-page .ts-carousel-shade,
.about-page .ts-carousel-badge{ pointer-events:none; }

.about-page .ts-carousel-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(31,43,68,.10) 0%, rgba(31,43,68,0) 70%),
    linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.14) 100%);
}
.about-page .ts-carousel-badge{
  position:absolute;
  left:18px;
  bottom:16px;
  font-size:.70rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  padding:7px 11px;
  border-radius:999px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

/* nav */
.about-page .ts-carousel-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:7;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition: background .25s, transform .25s, border-color .25s;
}
.about-page .ts-carousel-nav:hover{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.30);
  transform:translateY(-50%) scale(1.06);
}
.about-page .ts-carousel-nav svg{ width:18px; height:18px; }
.about-page .ts-carousel-nav.prev{ left:18px; }
.about-page .ts-carousel-nav.next{ right:18px; }

/* dots */
.about-page .ts-carousel-dots{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
  z-index:8;
}
.about-page .ts-dot{
  width:9px;
  height:9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.14);
  padding:0;
  cursor:pointer;
  opacity:.88;
  transition: background .25s, opacity .25s, transform .25s;
}
.about-page .ts-dot.is-active{
  background:#fff;
  opacity:1;
  transform:scale(1.1);
}

/* desktop/mobile media switch */
.about-page .ts-media--mob{ display:none; }
.about-page .ts-media--desk{ display:block; }
@media (max-width:768px){
  .about-page .ts-media--mob{ display:block; }
  .about-page .ts-media--desk{ display:none; }
}

/* ------------------------------
   Values grid (premium cards)
------------------------------ */
.about-page .ts-vgrid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}
@media (max-width:1100px){
  .about-page .ts-vgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .about-page .ts-vgrid{ grid-template-columns:1fr; }
}

.about-page .ts-vcard{
  background:#fff;
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-1);
  padding:22px 16px;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.about-page .ts-vcard:hover{
  transform: translateY(-4px);
  box-shadow: var(--sh-2);
  border-color: rgba(31,43,68,.10);
}
.about-page .ts-ico{
  width:48px; height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(227,218,203,.28);
  border:1px solid rgba(227,218,203,.58);
  color:rgba(31,43,68,.95);
  margin-bottom:12px;
}
.about-page .ts-ico svg{ width:22px; height:22px; }

/* ------------------------------
   Timeline (premium cards + year pill)
------------------------------ */
.about-page .ts-timeline{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
}
@media (max-width:1100px){
  .about-page .ts-timeline{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .about-page .ts-timeline{ grid-template-columns:1fr; }
}

.about-page .ts-tcard{
  position:relative;
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sh-1);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.about-page .ts-tcard:hover{
  transform: translateY(-4px);
  box-shadow: var(--sh-2);
  border-color: rgba(31,43,68,.10);
}

/* year pill (top-right) */
.about-page .ts-year-pill{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;

  font-size:.70rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:900;

  color:rgba(31,43,68,.92);
  background:rgba(255,255,255,.92);
  border:1px solid rgba(233,237,243,.95);
  box-shadow: 0 10px 24px rgba(17,17,17,.08);
}

.about-page .ts-timg{
  height:190px;
  background-size:cover;
  background-position:center;
  background-color:#0b1220;
}
.about-page .ts-tbody{ padding:18px 16px 20px; }
.about-page .ts-tbody p{ margin:0; color:#6b7280; }

/* ------------------------------
   Team
------------------------------ */
.about-page .ts-teamgrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
@media (max-width:980px){
  .about-page .ts-teamgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .about-page .ts-teamgrid{ grid-template-columns:1fr; }
}

.about-page .ts-team{
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sh-1);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.about-page .ts-team:hover{
  transform: translateY(-4px);
  box-shadow: var(--sh-2);
  border-color: rgba(31,43,68,.10);
}

.about-page .ts-teamimg{
  height:280px;
  background-size:cover;
  background-position:center;
  background-color:#0b1220;
}
@media (max-width:640px){
  .about-page .ts-teamimg{ height:320px; }
}

.about-page .ts-teambody{
  padding:18px 16px 20px;
  text-align:center;
}
.about-page .ts-role{
  margin-top:-2px;
  font-size:.74rem;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#9aa3b1;
  font-weight:900;
}
.about-page .ts-teambody p{
  margin-top:10px;
  color:#6b7280;
  font-size:.92rem;
}

/* ------------------------------
   Chips + Strip
------------------------------ */
.about-page .ts-chipgrid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.about-page .ts-chip2{
  display:inline-flex;
  padding:9px 13px;
  border-radius:999px;
  border:1px solid rgba(31,43,68,.12);
  background:#fff;
  color:rgba(31,43,68,.88);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow: 0 10px 18px rgba(17,17,17,.03);
  font-weight:800;
}

.about-page .ts-strip{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
@media (max-width:900px){
  .about-page .ts-strip{ grid-template-columns:1fr; }
}
.about-page .ts-strip-card{
  background:#fff;
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  box-shadow: var(--sh-1);
  padding:18px 16px;
}
.about-page .ts-strip-k{
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#8f98a6;
  font-weight:900;
  margin-bottom:8px;
}
.about-page .ts-strip-t{
  color:#56606c;
  line-height:1.8;
  font-size:.95rem;
}

/* ------------------------------
   Visit cards
------------------------------ */
.about-page .ts-visitgrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
@media (max-width:980px){
  .about-page .ts-visitgrid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:640px){
  .about-page .ts-visitgrid{ grid-template-columns:1fr; }
}

.about-page .ts-visit{
  border:1px solid rgba(233,237,243,.95);
  border-radius: var(--r-xl);
  overflow:hidden;
  background:#fff;
  box-shadow: var(--sh-1);
  display:flex;
  flex-direction:column;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.about-page .ts-visit:hover{
  transform: translateY(-4px);
  box-shadow: var(--sh-2);
  border-color: rgba(31,43,68,.10);
}

.about-page .ts-visitimg{
  height:200px;
  background-size:cover;
  background-position:center;
  background-color:#0b1220;
}
.about-page .ts-visitbody{
  padding:18px 16px 22px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.about-page .ts-visitbody p{ margin:0; color:#6b7280; }

/* ------------------------------
   Final CTA (premium, not heavy)
------------------------------ */
.about-page .ts-cta{
  padding:78px 0 86px;
  background:
    radial-gradient(120% 120% at 50% -10%, #10254c 0%, #0a1d3e 28%, #08142d 64%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  color:#fff;
  text-align:center;
  border-top:1px solid rgba(227,218,203,.10);
}

.about-page .ts-cta-inner{
  max-width:820px;
  margin:0 auto;
  padding:0 6vw;
}
@media (min-width:1200px){
  .about-page .ts-cta-inner{ padding:0 4.5vw; }
}

.about-page .ts-cta-inner h2{
  margin:0 0 12px;
  font-size:2.15rem;
  font-family:'Playfair Display',serif;
  font-weight:520;
  color:#fff;
  letter-spacing:.3px;
  text-shadow: 0 2px 18px rgba(0,0,0,.25);
}
.about-page .ts-cta-inner p{
  margin:0 0 24px;
  font-size:.96rem;
  line-height:1.9;
  color:#e6ecf9;
}

.about-page .ts-cta-actions{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}
@media (max-width:520px){
  .about-page .ts-cta-actions a{ width:100%; max-width:360px; }
}

/* ------------------------------
   Animations / reveal
------------------------------ */
.about-page [data-animate],
.about-page .stagger .stagger-item{
  opacity:1;
  transform:none;
}
html.js .about-page [data-animate]{
  opacity:0;
  transform:translateY(var(--reveal-translate));
  transition:
    opacity var(--reveal-dur) var(--reveal-ease),
    transform var(--reveal-dur) var(--reveal-ease);
}
html.js .about-page [data-animate].in{
  opacity:1;
  transform:none;
}
html.js .about-page .stagger .stagger-item{
  opacity:0;
  transform:translateY(16px);
  transition:
    opacity 520ms var(--reveal-ease),
    transform 520ms var(--reveal-ease);
  transition-delay:var(--stagger-delay,0ms);
}
html.js .about-page .stagger.in .stagger-item{
  opacity:1;
  transform:none;
}

@media (prefers-reduced-motion: reduce){
  .about-page *{ animation:none!important; transition:none!important; }
}

/* ------------------------------
   Small polish: mobile spacing
------------------------------ */
@media (max-width:768px){
  .about-page .ts-section{ padding:62px 0 48px; }
  .about-page .ts-section-head{ margin-bottom:30px; }
  .about-page .ts-split-copy{ padding:20px 16px; }
  .about-page .ts-hero-copy{ padding:2.6rem 0; }
}