@import url('/tokens.css?v=studio-about-v32-correct-template');

:root {
  --about-bg: #070807;
  --about-panel: #0d0f0e;
  --about-panel-2: #111311;
  --about-text: #f5f2ea;
  --about-muted: #b8b2a7;
  --about-gold: #dca65b;
  --about-gold-2: #f0c17d;
  --about-line: rgba(226, 177, 103, .22);
  --about-soft-line: rgba(255,255,255,.09);
  --about-shadow: 0 24px 70px rgba(0,0,0,.45);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--about-bg); }
body.studio-about-v33 {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 60% 0%, rgba(210,151,80,.08), transparent 34rem),
    var(--about-bg);
  color: var(--about-text);
  font-family: var(--font-arabic);
  line-height: 1.8;
}
body.studio-about-v33.nav-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img { display:block; max-width:100%; }
button { font: inherit; }

.about-container {
  width: min(100% - 72px, 1440px);
  margin-inline: auto;
}

/* Header */
.studio-topbar {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  transition: transform .28s ease, background-color .28s ease, border-color .28s ease;
}
.studio-topbar::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background: linear-gradient(180deg, rgba(5,6,6,.82), rgba(5,6,6,.26));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid transparent;
}
.studio-topbar.is-scrolled::before {
  background: rgba(7,8,8,.9);
  border-bottom-color: var(--about-soft-line);
}
.studio-topbar.is-hidden { transform: translateY(-110%); }
.studio-topbar__inner {
  height: 78px;
  display: grid;
  grid-template-columns: 220px minmax(0,1fr) 220px;
  align-items: center;
  gap: 22px;
  direction: ltr;
}
.studio-wordmark {
  display: inline-grid;
  width: max-content;
  gap: 0;
  letter-spacing: .34em;
  line-height: 1;
  color: white;
}
.studio-wordmark strong { font-family: var(--font-body); font-size: 1.05rem; font-weight: 800; }
.studio-wordmark span { font-family: var(--font-body); font-size: .52rem; letter-spacing: .46em; margin-top: .42rem; }
.studio-nav {
  display:flex;
  justify-content:center;
  align-items:center;
  gap: clamp(1.5rem, 3vw, 3.3rem);
  direction: rtl;
}
.studio-nav a {
  position:relative;
  color:#e9e5dd;
  font-size:.95rem;
  font-weight:600;
  padding:.6rem 0;
  white-space:nowrap;
}
.studio-nav a::after {
  content:"";
  position:absolute;
  right:50%;
  bottom:.18rem;
  width:0;
  height:1px;
  background:linear-gradient(90deg, transparent, var(--about-gold-2), transparent);
  transform:translateX(50%);
  transition:width .2s ease;
}
.studio-nav a:hover::after,
.studio-nav a.is-active::after { width:100%; }
.header-tools {
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:.75rem;
}
.lang-chip {
  min-height: 38px;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .55rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:4px;
  background:rgba(20,21,20,.72);
  color:#d8d3cb;
  font-family:var(--font-body);
  font-size:.65rem;
}
.lang-chip img { width:22px; height:15px; border-radius:2px; object-fit:cover; }
.menu-toggle {
  display:none;
  width:42px;
  height:42px;
  border:0;
  background:transparent;
  color:white;
  cursor:pointer;
}
.menu-toggle span {
  display:block;
  width:19px;
  height:1.5px;
  margin:5px auto;
  background:currentColor;
  transition:.22s ease;
}
body.nav-open .menu-toggle span:nth-child(1){ transform:translateY(6.5px) rotate(45deg); }
body.nav-open .menu-toggle span:nth-child(2){ opacity:0; }
body.nav-open .menu-toggle span:nth-child(3){ transform:translateY(-6.5px) rotate(-45deg); }

/* Hero */
.about-hero {
  min-height: 610px;
  display:grid;
  grid-template-columns: .8fr 1.2fr;
  direction:ltr;
  background:#070807;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.about-hero__copy {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  direction:rtl;
  text-align:right;
  padding: 118px 54px 70px max(56px, calc((100vw - 1440px)/2 + 36px));
  background:
    linear-gradient(90deg, rgba(7,8,7,1) 0%, rgba(7,8,7,.97) 58%, rgba(7,8,7,.75) 100%);
}
.about-hero__copy::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.14;
  background:
    linear-gradient(115deg, transparent 0 48%, rgba(218,166,91,.12) 49% 50%, transparent 51%),
    linear-gradient(180deg, transparent, rgba(0,0,0,.4));
}
.about-hero__media {
  position:relative;
  min-width:0;
  background:#0b0d0c;
}
.about-hero__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.about-hero__media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(7,8,7,.72) 0, transparent 18%), linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16));
  pointer-events:none;
}
.about-kicker {
  margin:0 0 .55rem;
  color:#f2eee7;
  font-size:1rem;
  font-weight:700;
}
.about-hero h1 {
  max-width: 8.6ch;
  margin:0;
  color:white;
  font-size:clamp(3.3rem, 5.3vw, 5.9rem);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.12;
}
.about-hero h1 strong { color:var(--about-gold-2); font-weight:800; }
.about-hero__lead {
  max-width:35rem;
  margin:1.1rem 0 0;
  color:#d8d3ca;
  font-size:clamp(1rem,1.25vw,1.2rem);
  line-height:1.9;
}
.about-gold-btn {
  min-width:188px;
  min-height:50px;
  margin-top:1.4rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2rem;
  padding:.65rem 1.15rem;
  border:1px solid rgba(255,224,174,.8);
  border-radius:999px;
  background:linear-gradient(180deg,#f5d49b,#d59e59);
  color:#1a1209;
  font-weight:800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 30px rgba(0,0,0,.28);
  transition:transform .2s ease, filter .2s ease;
}
.about-gold-btn:hover { transform:translateY(-2px); filter:brightness(1.05); }
.about-gold-btn img { width:18px; height:18px; object-fit:contain; }

/* Stats */
.about-stats-wrap { padding: 0 0 16px; background:#080909; }
.about-stats {
  position:relative;
  z-index:3;
  margin-top:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  direction:ltr;
  background:linear-gradient(180deg,rgba(17,19,18,.98),rgba(12,14,13,.98));
  box-shadow:var(--about-shadow);
}
.about-stat {
  min-height:155px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.22rem;
  direction:rtl;
  text-align:center;
  position:relative;
}
.about-stat:not(:last-child)::after {
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  right:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),transparent);
}
.about-stat img { width:46px; height:46px; object-fit:contain; margin-bottom:.35rem; }
.about-stat .flag-stat { width:44px; height:30px; border-radius:6px; }
.about-stat strong { color:white; font-family:var(--font-body); font-size:1.75rem; line-height:1.05; }
.about-stat strong.arabic-stat { font-family:var(--font-arabic); font-size:1.7rem; }
.about-stat span { color:#c8c3bb; font-size:.86rem; }

/* Story */
.about-section { padding: 36px 0; }
.about-story {
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:40px;
  align-items:center;
  direction:ltr;
}
.about-story__media {
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:3px;
  box-shadow:var(--about-shadow);
}
.about-story__media img { width:100%; aspect-ratio:2.05/1; object-fit:cover; }
.about-story__copy { direction:rtl; text-align:right; padding-inline:12px; }
.section-eyebrow { margin:0 0 .55rem; color:var(--about-gold-2); font-size:1rem; font-weight:800; }
.section-title { margin:0; color:white; font-size:clamp(2rem,3.2vw,3.35rem); line-height:1.25; font-weight:800; }
.section-copy { margin:1rem 0 0; color:#d4cec4; font-size:1rem; line-height:2.05; }

/* Values / mission / vision */
.about-pillars {
  margin-top:8px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  direction:ltr;
  border-top:1px solid var(--about-soft-line);
  border-bottom:1px solid var(--about-soft-line);
}
.about-pillar {
  min-height:180px;
  position:relative;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:20px;
  align-items:start;
  padding:28px 34px;
  direction:rtl;
  text-align:right;
}
.about-pillar:not(:last-child)::after {
  content:"";
  position:absolute;
  top:26px;
  bottom:26px;
  right:0;
  width:1px;
  background:var(--about-line);
}
.about-pillar img { width:62px; height:62px; object-fit:contain; }
.about-pillar h3 { margin:0 0 .55rem; color:var(--about-gold-2); font-size:1.25rem; }
.about-pillar p { margin:0; color:#d1cbc2; line-height:1.85; font-size:.92rem; }
.about-values-list { display:flex; flex-direction:column; gap:.1rem; }

/* Team */
.about-team { padding:30px 0 18px; }
.about-team__head {
  display:flex;
  direction:ltr;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  margin-bottom:18px;
}
.about-team__title, .about-team__intro { direction:rtl; text-align:right; }
.about-team__title h2 { margin:0; color:var(--about-gold-2); font-size:1.55rem; }
.about-team__title p { margin:.15rem 0 0; color:white; font-size:1.15rem; }
.about-team__intro { max-width:560px; color:#d3cdc4; font-size:.95rem; line-height:1.9; }
.about-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; direction:ltr; }
.team-card {
  position:relative;
  overflow:hidden;
  min-height:230px;
  border:1px solid rgba(255,255,255,.13);
  background:#0b0d0c;
}
.team-card img { width:100%; height:100%; object-fit:cover; object-position:center 22%; filter:saturate(.86) contrast(1.03); transition:transform .5s ease; }
.team-card::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.88));
}
.team-card span {
  position:absolute;
  z-index:2;
  inset:auto 0 10px;
  color:white;
  text-align:center;
  font-size:.88rem;
  font-weight:700;
}
.team-card:hover img { transform:scale(1.035); }

/* CTA */
.about-cta {
  min-height:270px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  background:url('/assets/studio-about/cta-western.jpg') center 55%/cover no-repeat;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.about-cta::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(6,7,7,.28),rgba(6,7,7,.58)),radial-gradient(circle at 50% 40%,transparent,rgba(0,0,0,.42));
}
.about-cta__inner { text-align:center; direction:rtl; padding:35px 20px; }
.about-cta h2 { margin:0; color:white; font-size:clamp(2rem,3.1vw,3rem); }
.about-cta p { margin:.35rem 0 0; color:#eee7de; }
.about-cta .about-gold-btn { margin-top:.9rem; }

/* Footer */
.about-footer { background:#070807; border-top:1px solid rgba(255,255,255,.06); }
.about-footer__inner {
  min-height:88px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:24px;
  direction:ltr;
}
.about-socials { display:flex; align-items:center; gap:22px; }
.about-socials a {
  color:white;
  font-family:var(--font-body);
  font-weight:800;
  font-size:.82rem;
  opacity:.9;
  transition:opacity .2s ease,color .2s ease;
}
.about-socials a:hover { opacity:1; color:var(--about-gold-2); }
.about-copyright { color:#ded8cf; font-family:var(--font-body); font-size:.72rem; letter-spacing:.08em; text-align:center; }
.about-footer-brand { justify-self:end; display:flex; align-items:center; gap:.55rem; direction:rtl; }
.about-footer-brand img { width:34px; height:34px; object-fit:contain; }
.about-footer-brand span { color:#e7e0d6; font-size:.86rem; }

@media (max-width: 980px) {
  .about-container { width:min(100% - 36px, 920px); }
  .studio-topbar__inner { grid-template-columns:1fr auto; height:70px; }
  .studio-wordmark { order:1; }
  .header-tools { order:2; }
  .menu-toggle { display:block; }
  .studio-nav {
    position:fixed;
    inset:70px 18px auto;
    display:grid;
    gap:0;
    padding:10px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(10,11,11,.97);
    box-shadow:0 24px 60px rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:.22s ease;
  }
  .studio-nav a { padding:13px 12px; border-bottom:1px solid rgba(255,255,255,.07); text-align:right; }
  .studio-nav a:last-child{ border-bottom:0; }
  body.nav-open .studio-nav { opacity:1; visibility:visible; transform:none; }

  .about-hero { grid-template-columns:1fr; min-height:auto; }
  .about-hero__media { grid-row:1; height:410px; }
  .about-hero__copy { grid-row:2; padding:34px 24px 42px; align-items:stretch; background:#090a09; }
  .about-hero h1 { max-width:none; font-size:clamp(2.8rem,10vw,4.2rem); }
  .about-hero__lead { max-width:none; }
  .about-gold-btn { width:min(100%,220px); }
  .about-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-stat:nth-child(2)::after { display:none; }
  .about-stat:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.08); }
  .about-story { grid-template-columns:1fr; gap:22px; }
  .about-story__copy { padding:0; }
  .about-pillars { grid-template-columns:1fr; }
  .about-pillar { min-height:auto; padding:24px 0; }
  .about-pillar:not(:last-child)::after { top:auto; left:0; right:0; bottom:0; width:auto; height:1px; }
  .about-team__head { align-items:start; flex-direction:column; gap:8px; }
  .about-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-footer__inner { grid-template-columns:1fr; justify-items:center; padding:20px 0; }
  .about-footer-brand { justify-self:center; }
}

@media (max-width: 560px) {
  .about-container { width:min(100% - 24px, 540px); }
  .lang-chip span:last-child { display:none; }
  .about-hero__media { height:330px; }
  .about-hero__copy { padding:26px 16px 32px; }
  .about-hero h1 { font-size:clamp(2.55rem,13vw,3.65rem); }
  .about-kicker { font-size:.9rem; }
  .about-hero__lead { font-size:.94rem; line-height:1.9; }
  .about-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-stat { min-height:132px; padding:12px 8px; }
  .about-stat img { width:40px; height:40px; }
  .about-stat strong { font-size:1.45rem; }
  .about-stat span { font-size:.76rem; }
  .about-section { padding:26px 0; }
  .about-story__media img { aspect-ratio:1.55/1; }
  .section-title { font-size:2rem; }
  .section-copy { font-size:.93rem; }
  .about-pillar { grid-template-columns:54px 1fr; gap:14px; }
  .about-pillar img { width:48px; height:48px; }
  .about-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .team-card { min-height:165px; }
  .about-cta { min-height:230px; }
  .about-socials { gap:15px; }
  .about-copyright { font-size:.62rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}


/* V33 hard isolation: this page is intentionally self-contained. */
html[dir="rtl"] body.studio-about-v33 { direction: rtl; }
body.studio-about-v33 main { display:block; width:100%; }
body.studio-about-v33 .studio-topbar,
body.studio-about-v33 .about-hero,
body.studio-about-v33 .about-stats-wrap,
body.studio-about-v33 .about-section,
body.studio-about-v33 .about-pillars,
body.studio-about-v33 .about-team,
body.studio-about-v33 .about-cta,
body.studio-about-v33 .about-footer { visibility:visible; opacity:1; }

/* V38 — direction, spacing, and responsive cleanup for /studio/. */
body.studio-about-v33 main {
  width: 100%;
  overflow: clip;
}

/* Use logical alignment so Arabic always starts from the right and LTR languages from the left. */
body.studio-about-v33 :is(.about-hero__copy,.about-story__copy,.about-team__title,.about-team__intro,.about-pillar) {
  text-align: start;
}

html[dir="rtl"] body.studio-about-v33 :is(
  .about-kicker,
  .about-hero h1,
  .about-hero__lead,
  .section-eyebrow,
  .section-title,
  .section-copy,
  .about-pillar h3,
  .about-pillar p,
  .about-team__title,
  .about-team__intro
) {
  direction: rtl;
  text-align: right;
}

html[dir="ltr"] body.studio-about-v33 :is(
  .about-kicker,
  .about-hero h1,
  .about-hero__lead,
  .section-eyebrow,
  .section-title,
  .section-copy,
  .about-pillar h3,
  .about-pillar p,
  .about-team__title,
  .about-team__intro
) {
  direction: ltr;
  text-align: left;
}

/* Arabic page mirrors the hero: copy begins from the right edge. */
html[dir="rtl"] body.studio-about-v33 .about-hero {
  direction: rtl;
}

html[dir="ltr"] body.studio-about-v33 .about-hero {
  direction: ltr;
}

body.studio-about-v33 .about-hero__copy {
  align-items: flex-start;
  text-align: start;
  padding-block: 124px 70px;
  padding-inline-start: max(56px, calc((100vw - 1440px) / 2 + 36px));
  padding-inline-end: 54px;
}

html[dir="rtl"] body.studio-about-v33 .about-hero__copy {
  background: linear-gradient(270deg, rgba(7,8,7,1) 0%, rgba(7,8,7,.97) 58%, rgba(7,8,7,.75) 100%);
}

html[dir="ltr"] body.studio-about-v33 .about-hero__copy {
  background: linear-gradient(90deg, rgba(7,8,7,1) 0%, rgba(7,8,7,.97) 58%, rgba(7,8,7,.75) 100%);
}

html[dir="rtl"] body.studio-about-v33 .about-hero__media::after {
  background: linear-gradient(270deg, rgba(7,8,7,.72) 0, transparent 18%), linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16));
}

html[dir="ltr"] body.studio-about-v33 .about-hero__media::after {
  background: linear-gradient(90deg, rgba(7,8,7,.72) 0, transparent 18%), linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.16));
}

body.studio-about-v33 .about-hero h1 {
  max-width: 9.2ch;
  text-wrap: balance;
}

body.studio-about-v33 .about-hero__lead {
  max-width: 38rem;
}

body.studio-about-v33 .about-gold-btn {
  direction: inherit;
  margin-inline-end: 0;
  margin-inline-start: 0;
}

html[dir="rtl"] body.studio-about-v33 .about-gold-btn img {
  transform: scaleX(1);
}

html[dir="ltr"] body.studio-about-v33 .about-gold-btn img {
  transform: scaleX(-1);
}

/* Story stays image + copy, while text always follows the selected language. */
html[dir="rtl"] body.studio-about-v33 .about-story {
  direction: ltr;
}

html[dir="ltr"] body.studio-about-v33 .about-story {
  direction: rtl;
}

body.studio-about-v33 .about-story__copy {
  min-width: 0;
}

/* Keep pillars in a visually balanced row, but ensure copy direction is correct. */
body.studio-about-v33 .about-pillar {
  grid-template-columns: 72px minmax(0, 1fr);
}

html[dir="rtl"] body.studio-about-v33 .about-pillar {
  direction: rtl;
}

html[dir="ltr"] body.studio-about-v33 .about-pillar {
  direction: ltr;
}

/* Team heading/intro follows reading direction instead of forcing LTR. */
html[dir="rtl"] body.studio-about-v33 .about-team__head {
  direction: rtl;
}

html[dir="ltr"] body.studio-about-v33 .about-team__head {
  direction: ltr;
}

html[dir="rtl"] body.studio-about-v33 .about-team__title,
html[dir="rtl"] body.studio-about-v33 .about-team__intro {
  direction: rtl;
  text-align: right;
}

html[dir="ltr"] body.studio-about-v33 .about-team__title,
html[dir="ltr"] body.studio-about-v33 .about-team__intro {
  direction: ltr;
  text-align: left;
}

body.studio-about-v33 .about-team-grid {
  direction: inherit;
}

body.studio-about-v33 .team-card {
  border-color: rgba(220,177,101,.14);
  box-shadow: 0 16px 34px rgba(0,0,0,.24);
}

body.studio-about-v33 .about-stats {
  border: 1px solid rgba(220,177,101,.12);
  overflow: hidden;
}

body.studio-about-v33 .about-cta__inner {
  width: min(100% - 32px, 760px);
  margin-inline: auto;
}

@media (max-width: 980px) {
  body.studio-about-v33 .about-hero {
    direction: initial !important;
  }

  body.studio-about-v33 .about-hero__media {
    grid-row: 1;
    height: clamp(330px, 50vw, 430px);
  }

  body.studio-about-v33 .about-hero__copy {
    grid-row: 2;
    align-items: stretch;
    padding: 34px 24px 44px;
    background: #090a09 !important;
  }

  body.studio-about-v33 .about-hero h1,
  body.studio-about-v33 .about-hero__lead {
    max-width: none;
  }

  body.studio-about-v33 .about-gold-btn {
    align-self: flex-start;
  }

  html[dir="rtl"] body.studio-about-v33 .about-story,
  html[dir="ltr"] body.studio-about-v33 .about-story {
    direction: initial;
  }

  body.studio-about-v33 .about-story__media,
  body.studio-about-v33 .about-story__copy {
    width: 100%;
  }

  html[dir="rtl"] body.studio-about-v33 .about-team__head,
  html[dir="ltr"] body.studio-about-v33 .about-team__head {
    direction: inherit;
  }

  body.studio-about-v33 .about-team__head {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body.studio-about-v33 .about-team__intro {
    max-width: 100%;
  }
}

@media (max-width: 560px) {
  body.studio-about-v33 .about-container {
    width: min(100% - 28px, 540px);
  }

  body.studio-about-v33 .about-hero__media {
    height: 300px;
  }

  body.studio-about-v33 .about-hero__copy {
    padding: 28px 16px 34px;
  }

  body.studio-about-v33 .about-hero h1 {
    font-size: clamp(2.45rem, 12vw, 3.45rem);
    line-height: 1.16;
  }

  body.studio-about-v33 .about-hero__lead {
    margin-top: .9rem;
    font-size: .94rem;
    line-height: 1.95;
  }

  body.studio-about-v33 .about-gold-btn {
    width: min(100%, 210px);
    min-height: 48px;
    gap: 1.3rem;
  }

  body.studio-about-v33 .about-stats {
    grid-template-columns: 1fr 1fr;
    border-radius: 18px;
  }

  body.studio-about-v33 .about-stat {
    min-height: 126px;
  }

  body.studio-about-v33 .about-pillars {
    padding-block: 4px;
  }

  body.studio-about-v33 .about-pillar {
    grid-template-columns: 48px minmax(0,1fr);
    gap: 14px;
    padding: 22px 0;
  }

  body.studio-about-v33 .about-pillar img {
    width: 44px;
    height: 44px;
  }

  body.studio-about-v33 .about-team-grid {
    grid-template-columns: 1fr 1fr;
    gap: 9px;
  }

  body.studio-about-v33 .team-card {
    min-height: 180px;
  }

  body.studio-about-v33 .about-cta {
    min-height: 240px;
  }

  body.studio-about-v33 .about-cta h2 {
    font-size: 2rem;
    line-height: 1.3;
  }
}