/* About Page CSS - Extracted from base.css */
/* Components: about-thoughts, about-decade, about-opportunities, about-promos */

.about-page{ background: #060708; padding: 56px 0;}
.about-page-card{ background: #000; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; box-shadow: 0 28px 80px rgba(0,0,0,.55); color: #fff; display:flex; flex-direction:column; gap: clamp(18px, 3vw, 28px);}
.about-page-headline h1{ margin:0; font-size: clamp(30px, 4.8vw, 54px); line-height:1.05; letter-spacing:-0.02em; font-weight:800; }
.about-page-media{ display:flex; justify-content:center;}
.about-page-video-wrap{ position:relative; width:min(720px, 100%); border-radius:22px; overflow:hidden; background:#111; box-shadow:0 26px 70px rgba(0,0,0,.55); }
.about-page-video{ width:100%; height:auto; display:block; aspect-ratio: 16 / 9; object-fit:cover;}
.about-page-tag{ position:absolute; right:18px; bottom:18px; font-style:italic; font-size: clamp(14px, 2vw, 20px); color: rgba(255,255,255,.9); text-shadow:0 10px 30px rgba(0,0,0,.65); }
.about-page-copy{ text-align:center;}
.about-page-copy p{ margin:0; font-size: 16px; line-height:1.8; color: rgba(255,255,255,.72); max-width: 820px; margin-left:auto; margin-right:auto; }
.about-page-metrics{ padding-top: 6px;}
.about-page-metrics-grid{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.about-page-metric{ border-radius: 10px; padding: 14px 16px; min-height: 74px; display:flex; flex-direction:column; justify-content:center; gap: 6px; box-shadow: 0 16px 30px rgba(0,0,0,.28);}
.about-page-metric:nth-child(1){ background:#ecd9ff; }
.about-page-metric:nth-child(2){ background:#dbe8b3;}
.about-page-metric:nth-child(3){ background:#c7eff9; }
.about-page-metric:nth-child(4){ background:#f2f0d3;}
.about-page-metric-value{ font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: -0.01em; color: #0b0c0d; }
.about-page-metric-label{ font-size: 11px; font-weight: 600; line-height: 1.25; color: rgba(11,12,13,.80);}
.about-page-metrics-cta{ display:flex; justify-content:center; padding-top: 18px; }
.about-page-metrics-btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.70); color: #fff; background: transparent; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .01em;}
.about-page-metrics-btn:hover{ border-color: #fff; background: rgba(255,255,255,.08); }
.about-hero{ background: #000; padding: 120px 0 80px; }
.about-hero-grid{ display: grid; grid-template-columns: 1fr; gap: 0; }
.about-hero-copy{ max-width: 800px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
.about-hero-headline{ display: block; }
.about-hero-copy h1{ margin: 0; font-size: clamp(36px, 5vw, 64px); line-height: 1.1; letter-spacing: -0.025em; font-weight: 900; color: #fff; }
.about-hero-subheading{ margin: 20px auto 0; font-size: clamp(16px, 1.6vw, 20px); line-height: 1.6; color: rgba(255,255,255,.65); max-width: 640px; }
.about-hero-content{ margin-top: 24px; }
.about-hero-content p{ margin: 0 auto 14px; font-size: 15px; line-height: 1.75; color: rgba(255,255,255,.55); max-width: 640px; }
.about-hero-content p:last-child{ margin-bottom: 0; }
.about-hero-highlights{ margin: 36px auto 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 640px; }
.about-hero-highlight{ display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
.about-hero-highlight-icon{ flex-shrink: 0; width: 22px; height: 22px; color: #1f6cff; }
.about-hero-highlight-icon svg{ width: 100%; height: 100%; }
.about-hero-highlight span:last-child{ font-size: 13px; font-weight: 600; color: rgba(255,255,255,.85); line-height: 1.35; }
.about-powerhouse{ background: #000; padding: 0 0 80px; }
.about-powerhouse-card{ color: #fff; display: flex; flex-direction: column; gap: 64px; }
.about-powerhouse-metrics{ padding: 0; }
.about-powerhouse-metrics-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 900px; margin: 0 auto; }
.about-powerhouse-metric{ border-radius: 18px; padding: 32px 28px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; text-align: center; }
.about-powerhouse-metric:nth-child(1){ background: #ecd9ff; }
.about-powerhouse-metric:nth-child(2){ background: #dbe8b3; }
.about-powerhouse-metric:nth-child(3){ background: #c7eff9; }
.about-powerhouse-metric:nth-child(4){ background: #f2f0d3; }
.about-powerhouse-metric-value{ font-size: clamp(36px, 3.5vw, 52px); font-weight: 700; line-height: 1; letter-spacing: -0.02em; color: #0b0c0d; }
.about-powerhouse-metric-label{ font-size: 14px; font-weight: 600; line-height: 1.3; color: rgba(11,12,13,.75); }
@media (max-width: 768px){
  .about-powerhouse-metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px){
  .about-powerhouse-metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-powerhouse-metric{ padding: 24px 20px; }
  .about-powerhouse-metric-value{ font-size: 32px; }
}
.about-powerhouse-copy{ text-align: center; }
.about-powerhouse-headline{ margin: 0 0 32px; font-size: clamp(26px, 3vw, 38px); font-weight: 800; color: #fff; letter-spacing: -0.02em; }
.about-powerhouse-services{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 900px){ .about-powerhouse-services{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px){ .about-powerhouse-services{ grid-template-columns: repeat(2, 1fr); gap: 12px; } }
.about-powerhouse-service{ background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 28px 22px; text-align: center; transition: background .2s ease, border-color .2s ease; }
.about-powerhouse-service:hover{ background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); }
.about-powerhouse-service h3{ margin: 0; font-size: 15px; font-weight: 700; color: #fff; }
.about-powerhouse-service p{ margin: 8px 0 0; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.50); }
.about-leaders{ padding: 72px 0; background: #0a0a0a; }
.about-leaders .container{ width: 100%; }
.about-leaders__head{ text-align: center; margin-bottom: 48px; }
.about-leaders__head h2{ margin: 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.about-leaders__line{ display: block; }
.about-leaders__grid{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 32px; align-items: center; justify-items: center; max-width: 1000px; margin: 0 auto; padding: 0; }
.about-leaders__item{ display: flex; align-items: center; justify-content: center; padding: 12px 16px; }
.about-leaders__logo{ height: 36px; width: 120px; object-fit: contain; opacity: .85; filter: grayscale(1) brightness(10) contrast(0.6); transition: opacity .2s ease, filter .2s ease; display: block; }
.about-leaders__logo:hover{ opacity: 1; filter: grayscale(0) brightness(1) contrast(1); }
.about-vision-mission{ background: #fff; color: #0b0b0b; padding: 80px 0; }
.about-vision-mission__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 880px; margin: 0 auto; }
.about-vision-mission__card{ background: #f5f6f8; border-radius: 20px; padding: 48px 36px; text-align: center; }
.about-vision-mission__card h2{ margin: 0 0 16px; font-size: clamp(22px, 2.4vw, 30px); font-weight: 800; color: #0b0b0b; letter-spacing: -0.02em; }
.about-vision-mission__card p{ margin: 0; font-size: 16px; line-height: 1.7; color: rgba(11,11,11,.60); }
.about-values{ background: #0b0b0b; color: #fff; padding: 80px 0; }
.about-values__title{ margin: 0 0 36px; font-size: clamp(26px, 3vw, 38px); font-weight: 800; letter-spacing: -0.02em; text-align: center; }
.about-values__title--differentiators{ margin-top: 72px; }
.about-values__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; max-width: 960px; margin: 0 auto; }
.about-values__card{ background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 32px 24px; text-align: center; transition: background .2s ease, border-color .2s ease; }
.about-values__card:hover{ background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); }
.about-values__card h3{ margin: 0 0 10px; font-size: 17px; font-weight: 700; color: #fff; }
.about-values__card p{ margin: 0; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.50); }
@media (max-width: 768px){
  .about-values__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-values__title--differentiators{ margin-top: 48px; }
}
@media (max-width: 480px){
  .about-values{ padding: 56px 0; }
  .about-values__grid{ grid-template-columns: 1fr; }
  .about-values__title--differentiators{ margin-top: 40px; }
}
.about-thoughts{ background: #000; padding: 90px 0 90px; }
.about-thoughts__head{ text-align:center; }
.about-thoughts__head h2{ margin:0; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color:#fff; font-weight: 800; }
.about-thoughts__tabs{ margin-top: 26px; display:flex; justify-content:center; gap: 16px; }
.about-thoughts__tab{ appearance:none; border: 1px solid rgba(255,255,255,.20); background: rgba(255,255,255,.02); color: rgba(255,255,255,.70); padding: 12px 28px; border-radius: 999px; font-weight: 650; letter-spacing: .01em; cursor:pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.about-thoughts__tab:hover{ border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.88); }
.about-thoughts__tab.is-active{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.55); color: rgba(255,255,255,.95); }
.about-thoughts__layout{ margin-top: 34px; display:grid; grid-template-columns: 3fr 1fr; gap: 28px; align-items:start; }
.about-thoughts__left{ min-width: 0; }
.about-thoughts__right{ min-width: 0;height:100% }
.about-thoughts__stage{ margin-top: 0; }
.about-thoughts__top{ display:grid; grid-template-columns: 168px minmax(0, 1fr) minmax(0, 1.25fr); gap: 22px; align-items: stretch; }
.about-thoughts__top-card{ background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)); border: 1px solid rgba(255,255,255,.12); border-radius: 22px; overflow:hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.about-thoughts__top-card--avatar{ display:flex; align-items:center; justify-content:center; aspect-ratio: 1 / 1; }
.about-thoughts__avatar-wrap{ width: 100%; height: 100%; clip-path: inset(0 0 100% 0); visibility: hidden; transition: clip-path .5s ease-in-out, visibility 0s; }
.about-thoughts__avatar-wrap.is-revealed{ clip-path: inset(0 0 0 0); visibility: visible; }
.about-thoughts__avatar{ width:100%; height:100%; object-fit: cover; display:block; transform: scale(1.06); transition: transform .5s ease-out; }
.about-thoughts__avatar-wrap.is-revealed .about-thoughts__avatar{ transform: scale(1); }
.about-thoughts__top-card{ min-height: 108px;max-height:150px; }
.about-thoughts__top-card--avatar{ min-height: 108px; }
.about-thoughts__top-card--meta{ padding: 26px 28px; display:flex; flex-direction:column; justify-content:center; }
.about-thoughts__top-card--meta .about-thoughts__name{ color:#fff; font-weight: 500; font-size: 24px; line-height: 1.15; letter-spacing: -0.02em; }
.about-thoughts__top-card--meta .about-thoughts__role{ margin-top: 10px; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.60); }
.about-thoughts__top-card--meta .about-thoughts__company{ margin-top: 6px; font-size: 13px; line-height: 1.5; color: rgba(255,255,255,.42); display:none; }
.about-thoughts__top-card--tools{ display:flex; align-items:center; justify-content:center; padding: 24px 26px; }
.about-thoughts__tools{ display:flex; align-items:center; justify-content:center; gap: 22px; width: 100%; }
.about-thoughts__tool{ width: 54px; height: 54px; border-radius: 999px; display:flex; align-items:center; justify-content:center; font-weight: 800; font-size: 22px; letter-spacing: -0.02em; color: #fff; background: #0b63d8; box-shadow: 0 14px 34px rgba(0,0,0,.45); }
.about-thoughts__tool--analytics{ background: #e9f7e6; color: #1a1f1a; font-weight: 900; }
.about-thoughts__tool--glassdoor{ background: #0b63d8; }
.about-thoughts__tool--teams{ background: #6b6de9; }
.about-thoughts__tool--linkedin{ background: #0b63d8; }
.about-thoughts__top-card--logo,
.about-thoughts__top-card--people{ display:none; }
.about-thoughts__logo{ width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; font-size: 44px; font-weight: 700; letter-spacing: -0.02em; color: rgba(255,255,255,.95); }
.about-thoughts__people{ width: 100%; height: 100%; display:flex; align-items:center; justify-content:center; }
.about-thoughts__people-icon{ width: 54px; height: 54px; display:block; background: rgba(255,255,255,.0); }
.about-thoughts__people-icon{ mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M16 11a4 4 0 1 0-8 0"/><path d="M4 20c0-3 4-5 8-5s8 2 8 5"/><path d="M18 9a3 3 0 1 1 0 6"/><path d="M21 20c0-2-1.5-3.5-3.7-4.3"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M16 11a4 4 0 1 0-8 0"/><path d="M4 20c0-3 4-5 8-5s8 2 8 5"/><path d="M18 9a3 3 0 1 1 0 6"/><path d="M21 20c0-2-1.5-3.5-3.7-4.3"/></svg>') center / contain no-repeat; background-color: rgba(255,255,255,.92); }
.about-thoughts__people-icon[data-about-thoughts-icon="dining"]{ mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11h18"/><path d="M8 11V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4"/><path d="M6 11v9"/><path d="M18 11v9"/><path d="M12 11v9"/><path d="M7 20h10"/></svg>') center / contain no-repeat; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path d="M3 11h18"/><path d="M8 11V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v4"/><path d="M6 11v9"/><path d="M18 11v9"/><path d="M12 11v9"/><path d="M7 20h10"/></svg>') center / contain no-repeat; }
.about-thoughts__person .about-thoughts__name{ font-size: 12px; font-weight: 800; color:#fff; }
.about-thoughts__person .about-thoughts__role{ font-size: 10px; color: rgba(255,255,255,.62); line-height: 1.3; }
.about-thoughts__grid{ margin-top: 18px; display:grid; grid-template-columns: 1fr; gap: 22px; align-items: stretch; }
.about-thoughts__quote-card{ position: relative; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); border-radius: 22px; padding: 52px 52px 86px; min-height: 320px; }
.about-thoughts__quote-mark{ position:absolute; left: 34px; top: 26px; font-size: 86px; line-height: 1; color: rgba(31,108,255,.9); }
.about-thoughts__quote{ font-size: 18px; line-height: 1.7; color: rgba(255,255,255,.90); max-width: 72ch; }
.about-thoughts__nav{ position:absolute; right: 38px; bottom: 28px; display:flex; gap: 16px; }
.about-thoughts__nav-btn{ width: 70px; height: 70px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.14); color: rgba(255,255,255,.92); cursor:pointer; font-size: 24px; font-weight: 500; line-height: 1; display:flex; align-items:center; justify-content:center; transition: background .2s ease, border-color .2s ease, transform .15s ease; }
.about-thoughts__nav-btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); }
.about-thoughts__nav-btn:disabled{ opacity: .35; cursor:not-allowed; }
.about-thoughts__media-card{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); border-radius: 22px; overflow:hidden; height: 100%; }
.about-thoughts__media-wrap{ width: 100%; height: 100%; clip-path: inset(100% 0 0 0); visibility: hidden; transition: clip-path .5s ease-in-out, visibility 0s; }
.about-thoughts__media-wrap.is-revealed{ clip-path: inset(0 0 0 0); visibility: visible; }
.about-thoughts__media{ width:100%; height:100%; min-height: 520px; object-fit: cover; display:block; }
.about-opportunities{ background: #fff; color: #0b0b0b; padding: 90px 0 90px; }
.about-opportunities__head{ text-align:center; max-width: 980px; margin: 0 auto; }
.about-opportunities__head h2{ margin:0; font-size: clamp(30px, 4vw, 52px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 500; color: #0b0b0b; }
.about-opportunities__tabs{ margin-top: 30px; display:flex; justify-content:center; }
.about-opportunities__tabs{ background: rgba(0,0,0,.05); border-radius: 16px; padding: 6px; gap: 6px; max-width: 920px; margin-left:auto; margin-right:auto; width: 100%; }
.about-opportunities__tab{ flex: 1 1 0; appearance:none; border: 0; background: transparent; color: rgba(0,0,0,.60); font-weight: 600; padding: 14px 18px; border-radius: 12px; cursor:pointer; transition: background .2s ease, color .2s ease; }
.about-opportunities__tab.is-active{ background: #0b0b0b; color: #fff; }
.about-opportunities__tab:focus-visible{ outline: 2px solid rgba(0,0,0,.75); outline-offset: 4px; }
.about-opportunities__panel{ margin-top: 34px; }
.about-opportunities__content{ max-width: 980px; margin: 0 auto; text-align:left; }
.about-opportunities__content h3{ margin: 0; font-size: 22px; font-weight: 650; color:#0b0b0b; letter-spacing: -0.01em; }
.about-opportunities__content p{ margin: 12px 0 0; font-size: 13px; line-height: 1.85; color: rgba(0,0,0,.68); }
.about-opportunities__cta{ margin-top: 18px; display:inline-flex; align-items:center; justify-content:center; height: 42px; padding: 0 18px; border-radius: 999px; background: #1f6cff; color: #fff; text-decoration:none; font-size: 12px; font-weight: 700; }
.about-opportunities__cta:hover{ filter: brightness(1.05); }
.about-opportunities__marquee{ margin-top: 34px; overflow:hidden; }
.about-opportunities__marquee-inner{ display:flex; gap: 0; width: max-content; animation: about-opportunities-marquee var(--about-opportunities-duration, 40s) linear infinite; will-change: transform; }
.about-opportunities__marquee-track{ display:flex; gap: 18px; align-items: stretch; flex: 0 0 auto; }
.about-opportunities__marquee:hover .about-opportunities__marquee-inner,
.about-opportunities__marquee:focus-within .about-opportunities__marquee-inner{ animation-play-state: paused; }
.about-opportunities__mosaic{ --opp-col: 220px; --opp-row: 240px; display:grid; grid-auto-flow: dense; grid-template-columns: repeat(6, var(--opp-col)); grid-template-rows: repeat(2, var(--opp-row)); grid-auto-rows: var(--opp-row); gap: 16px; flex: 0 0 auto; overflow:hidden; height: calc((2 * var(--opp-row)) + 16px); }
.about-opportunities__tile{ border-radius: 18px; overflow:hidden; background: #f3f4f6; box-shadow: 0 18px 48px rgba(0,0,0,.12); }
.about-opportunities__tile img{ width:100%; height:100%; display:block; object-fit: cover; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(1){ grid-column: span 2; grid-row: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(2){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(3){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(4){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(5){ grid-column: span 2; }
.about-opportunities__mosaic .about-opportunities__tile:nth-child(6){ grid-column: span 2; }
.about-decade{  padding: 92px 100px 56px; background: #000; }
.about-decade{ --decade-img-shift-down: 920px; --decade-img-shift-up: 1600px; }
.about-decade > .yearly_slider > h2{ margin-bottom: 44px; }
.about-decade .yearly_slider{ max-width: none; margin: 0; }
.about-decade .timeline-container{ margin-top: var(--timeline-gap-lg); height: 600px; position: relative; }
.about-decade .year_content_wrap{ height: 600px; position: relative; }
.about-decade .year_content{ opacity: 0; visibility: hidden; transition: opacity .5s ease-in-out; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:block; }
.about-decade .year_content.active{ opacity: 1; visibility: visible; }
.about-decade .year_content.active.is-enter{ opacity: 0; visibility: visible; }
.about-decade .year_content.previous-active{ opacity: 0; visibility: visible; }
.about-decade .year_title{ position: absolute; left: 50%; top: 46%; transform: translate(-50%, -50%); pointer-events:none; }
.about-decade .year_para{ position: absolute; right: 0; top: 56%; transform: translateY(-50%) translateY(0); width: 340px; opacity: 1; transition: opacity .55s ease, transform .55s cubic-bezier(.22, 1, .36, 1); }
.about-decade figure{ margin: 0; }
.about-decade .year_image{ --img-shift: 0px; position: absolute; left: 0; top: 48%; transform: translate(0, -50%) translateY(var(--img-shift)) rotate(-12deg) scale(1.02); transition: transform 1.25s cubic-bezier(.22, 1, .36, 1); max-width: 100%; object-fit: cover; width: 420px; height: 280px; display:block; border-radius: 18px; overflow:hidden; box-shadow: 0 22px 60px rgba(0,0,0,.55); background: rgba(255,255,255,.06); }
.about-decade .year_content.active .year_image{ transition-delay: 0s; transform: translate(10%, -50%) translateY(var(--img-shift)) rotate(-9deg) scale(1); }
.about-decade .year_content.previous-active .year_image{ transition-delay: 0s; }
.about-decade .year_content.active.is-enter.is-enter-from-below .year_image{ --img-shift: var(--decade-img-shift-down); }
.about-decade .year_content.active.is-enter.is-enter-from-above .year_image{ --img-shift: calc(var(--decade-img-shift-up) * -1); }
.about-decade .year_content.previous-active.is-exit-up .year_image{ --img-shift: calc(var(--decade-img-shift-up) * -1); }
.about-decade .year_content.previous-active.is-exit-down .year_image{ --img-shift: var(--decade-img-shift-down); }
.about-decade .year_content.previous-active .year_para{ opacity: 1; }
.about-decade .year_content.previous-active.is-exit-up .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.previous-active.is-exit-down .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.active.is-enter.is-enter-from-below .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.active.is-enter.is-enter-from-above .year_para{ opacity: 0; transform: translateY(-50%) translateY(36px); }
.about-decade .year_content.active:not(.is-enter) .year_para{ opacity: 1; transform: translateY(-50%) translateY(0); transition-delay: .1s; }
.about-decade .ds_flex{ display:flex; align-items:flex-end; gap: 4px; }
.about-decade .year_title .ds_flex{ overflow: hidden; }
.about-decade .digit_wrap{ overflow:hidden; line-height: 1; }
.about-decade .digit{ --digit-shift: 0px; font-size: 320px; font-weight: 800; line-height: 0.9; color: rgba(17, 99, 251, 1); position: relative; transform: translateY(var(--digit-shift)); opacity: 0; transition: transform .85s cubic-bezier(.22, 1, .36, 1), opacity .55s ease; display:inline-block; letter-spacing: -0.05em; will-change: transform, opacity; }
.about-decade .year_content.previous-active .digit_wrap .digit{ opacity: 1; }
.about-decade .year_content.active.is-enter .digit_wrap .digit{ opacity: 0; }
.about-decade .year_content.active.is-enter.is-enter-from-below .digit_wrap .digit{ --digit-shift: 520px; }
.about-decade .year_content.active.is-enter.is-enter-from-above .digit_wrap .digit{ --digit-shift: -520px; }
.about-decade .year_content.previous-active.is-exit-up .digit_wrap .digit{ --digit-shift: -520px; opacity: 0; }
.about-decade .year_content.previous-active.is-exit-down .digit_wrap .digit{ --digit-shift: 520px; opacity: 0; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d1{ transition-delay: 0s; opacity: 1; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d2{ transition-delay: .12s; opacity: 1; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d3{ transition-delay: .24s; opacity: 1; }
.about-decade .year_content.active:not(.is-enter) .digit_wrap .digit.d4{ transition-delay: .36s; opacity: 1; }
.about-decade .year_content.previous-active .digit_wrap .digit.d1{ transition-delay: 0s; }
.about-decade .year_content.previous-active .digit_wrap .digit.d2{ transition-delay: .06s; }
.about-decade .year_content.previous-active .digit_wrap .digit.d3{ transition-delay: .12s; }
.about-decade .year_content.previous-active .digit_wrap .digit.d4{ transition-delay: .18s; }
.about-decade .year_para{ margin: 0; max-width: none; font-size: 14px; line-height: 1.75; font-weight: 400; color: rgba(255,255,255,.92); letter-spacing: -0.01em; }
.about-decade .year_para a{ color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.about-decade .timeline_scroller{ margin-top: var(--timeline-gap); }
.about-decade .timeline{ display: flex; align-items: center; justify-content: space-between; position: relative; margin: var(--timeline-margin) 0 0; padding: 0; list-style: none; }
.about-decade .timeline_line{ background-color: #1163fb; height: var(--timeline-line-width); width: calc(100% - 12px); left: 0; top: 10px; position: absolute; z-index: 0; }
.about-decade .year-tab{ position: relative; cursor: pointer; z-index: 2; display:flex; flex-direction:column; align-items:center; gap: 14px; min-width: 56px; user-select:none; }
.about-decade .year-tab:focus-visible{ outline: 2px solid rgba(31,108,255,.9); outline-offset: 6px; border-radius: 10px; }
.about-decade .timeline_button{ background-color: #000; border: 1px solid #1163fb; border-radius: 10px; display: block; position: relative; width: 30px; height: 20px; margin: 0; box-sizing:border-box; }
.about-decade .timeline_button:before{ position: absolute; content: ""; width: 100%; height: 100%; transform: scale(0); background-color: #1163fb; border-radius: 10px; transition: transform .75s cubic-bezier(.215, .61, .355, 1); left: 0; top: 0; }
.about-decade .year-tab.active .timeline_button:before{ transform: scale(1); }
.about-decade .timeline_button_year{ font-size: var(--timeline-date-size); font-weight: var(--timeline-date-weight); color: rgba(255,255,255,.55); letter-spacing: .01em; }
.about-decade .year-tab.active .timeline_button_year{ color: rgba(255,255,255,.92); font-weight: 700; }
.about-decade__stage.is-forward-out .about-decade__media-inner,
.about-decade__stage.is-forward-out .about-decade__digit-inner,
.about-decade__stage.is-forward-out .about-decade__copy-inner{ animation: aboutDecadeDown .38s cubic-bezier(.22,1,.36,1) both; }
.about-decade__stage.is-forward-in .about-decade__media-inner,
.about-decade__stage.is-forward-in .about-decade__copy-inner{ animation: aboutDecadeUp .44s cubic-bezier(.22,1,.36,1) both; }
.about-decade__stage.is-forward-in .about-decade__digit-inner{ animation: aboutDecadeUp .44s cubic-bezier(.22,1,.36,1) both; animation-delay: var(--d, 0ms); }
.about-decade__stage.is-backward-out .about-decade__media-inner,
.about-decade__stage.is-backward-out .about-decade__digit-inner,
.about-decade__stage.is-backward-out .about-decade__copy-inner{ animation: aboutDecadeDown .38s cubic-bezier(.22,1,.36,1) both; }
.about-decade__stage.is-backward-in .about-decade__media-inner,
.about-decade__stage.is-backward-in .about-decade__copy-inner{ animation: aboutDecadeFromTop .44s cubic-bezier(.22,1,.36,1) both; }
.about-decade__stage.is-backward-in .about-decade__digit-inner{ animation: aboutDecadeFromTop .44s cubic-bezier(.22,1,.36,1) both; animation-delay: var(--d, 0ms); }
.about-decade__stage .about-decade__copy{ transition: opacity .24s ease;}
.about-decade__stage.is-copy-fade{ opacity: 1; }
.about-decade__stage.is-copy-fade .about-decade__copy{ opacity: .15;}
.about-image-blocks{  display:flex; flex-direction:column; gap: 34px; }
.about-image-block{ position:relative;}
.about-image-block__media{ border-radius: 14px; overflow:hidden; box-shadow: 0 24px 60px rgba(0,0,0,.55); background: rgba(255,255,255,.06); }
.about-image-block__media img{ width:100%; height:100%; display:block; object-fit: cover;}
.about-image-block--wide{ display:block; }
.about-image-block--wide .about-image-block__media{ height: min(360px, 44vw); max-height: 380px;}
.about-image-block__overlay{ position:absolute; left: 28px; top: 22px; width: min(360px, 38vw); background: rgba(20,20,20,.86); border: 1px solid rgba(255,255,255,.10); border-radius: 12px; padding: 18px 18px; box-shadow: 0 20px 46px rgba(0,0,0,.55); }
.about-image-block__overlay h3{ margin:0 0 10px; font-size: 14px; font-weight: 800; color:#fff;}
.about-image-block__overlay p{ margin:0; font-size: 11px; line-height: 1.65; color: rgba(255,255,255,.72); }
.about-roi{position:relative; margin-top: 0; padding: 40px 0; background: #000; display:flex; align-items:center; justify-content:center ; padding-inline:150px;}
.about-roi__grid{ display:flex; align-items:center;  }
.about-roi__card{ position: absolute; top:100px; transform:translateX(-25%);left:15%; z-index: 2; max-width: fit-content; background: #191918; border: 0; border-radius: 18px; padding: 32px; box-shadow: 0 26px 70px rgba(0,0,0,.65); margin-right: -72px; color: #fff; }
.about-roi__card h3{ margin: 0 0 22px; font-size: 26px; font-weight: 800; color: #fff; letter-spacing: -0.012em; }
.about-roi__card p{ margin: 0; font-size: 15px; line-height: 1.9; color: #fff; max-width: 56ch; }
.about-roi__media{ width:70%;margin-left:auto;height:100%;position: relative; z-index: 1; border-radius: 18px; overflow:hidden; box-shadow: 0 24px 60px rgba(0,0,0,.55); background: rgba(255,255,255,.06); }
.about-roi__media img{ width: 100%; height: 100%; display:block; object-fit: cover; aspect-ratio: 16 / 9; }
.about-work-culture{ padding: 90px 0 110px; gap: 90px; background-color:#000; }
.about-work-culture .about-image-block--split{margin-bottom:100px; display:flex; align-items:center; justify-content:center; gap: 72px; }
.about-work-culture .about-image-block--split .about-image-block__media{ flex: 0 0 560px; height: 520px; }
.about-work-culture .about-image-block--split .about-image-block__content{ flex: 0 1 520px; }
.about-work-culture .about-image-block__content{ display:flex; flex-direction:column; justify-content:center; }
.about-work-culture .about-image-block__content h3{ margin: 0 0 16px; font-size: 28px; font-weight: 800; color:#fff; }
.about-work-culture .about-image-block__content p{ margin: 0 0 16px; font-size: 15px; line-height: 1.9; color: rgba(255,255,255,.90); max-width: 62ch; }
.about-work-culture .about-image-block__content ul{ margin: 12px 0 0 18px; font-size: 14px; line-height: 1.9; color: rgba(255,255,255,.90); }
.about-promos{ margin-top: 0; padding: 64px 0 90px; background: #000; }
.about-promos__grid{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; }
.about-promo{ border-radius: 22px; overflow:hidden; min-height: 680px; display:flex; flex-direction:column; box-shadow: 0 28px 70px rgba(0,0,0,.65); }
.about-promo__content{ padding: 42px 42px 22px; max-width: 520px; }
.about-promo__content h3{ margin: 0 0 16px; font-size: 34px; line-height: 1.12; letter-spacing: -0.02em; font-weight: 500; color:#fff; }
.about-promo__content h3 span{ font-style: italic; font-weight: 700; }
.about-promo__content p{ margin: 0 0 22px; font-size: 13px; line-height: 1.8; color: rgba(255,255,255,.90); }
.about-promo__btn{ display:inline-flex; align-items:center; justify-content:center; height: 42px; padding: 0 18px; border-radius: 999px; background: rgba(255,255,255,.92); color: #0b0b0b; text-decoration:none; font-size: 12px; font-weight: 600; border: 1px solid rgba(0,0,0,.15); }
.about-promo__btn:hover{ background: #fff; }
.about-promo__media{ margin-top: auto; padding: 0 22px 22px; }
.about-promo__media img{ width: 100%; height: 420px; object-fit: cover; display:block; border-radius: 16px; }
.about-beyond-work{ margin-top: 0; padding: 140px 0 160px; background: #000; min-height: 100vh; scroll-margin-top: 90px; }
.about-beyond-work .container{ max-width: none; width: 100%; padding-left: 0; padding-right: 0; display:flex; align-items:center; justify-content:center; }
.about-beyond-work__title{ margin:0; width: 100%; text-align:center; text-transform: uppercase; font-weight: 900; letter-spacing: -0.05em; line-height: 0.82; color:#fff; font-size: clamp(120px, 18vw, 360px); }
.about-promo--blue{ background: radial-gradient(1200px 800px at 30% 0%, rgba(255,255,255,.18), rgba(255,255,255,0) 55%), linear-gradient(135deg, #0f44ff 0%, #1a73ff 40%, #0a3fe6 100%); }
.about-promo--pink{ background: radial-gradient(1200px 800px at 30% 0%, rgba(255,255,255,.22), rgba(255,255,255,0) 55%), linear-gradient(135deg, #ff8af3 0%, #ffc4f5 52%, #ffb0ee 100%); }
.about-promo--pink .about-promo__content,
.about-promo--pink .about-promo__content h3,
.about-promo--pink .about-promo__content p{ color: #0b0b0b; }
.about-promo--pink .about-promo__btn{ background: rgba(255,255,255,.82); color:#0b0b0b; }
.about-image-block--split{ display:grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); align-items:center; gap: 38px;}
.about-image-block--img-right{ grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }
.about-image-block--split .about-image-block__media{ height: 260px;}
.about-image-block__content h3{ margin:0 0 10px; font-size: 14px; font-weight: 800; color:#fff; }
.about-image-block__content p{ margin:0 0 12px; font-size: 11px; line-height: 1.75; color: rgba(255,255,255,.72); max-width: 520px;}
.about-image-block__content strong{ color: rgba(255,255,255,.92); font-weight: 800; }
.about-image-block__content ul{ margin: 10px 0 0 18px; padding:0; color: rgba(255,255,255,.78); font-size: 11px; line-height: 1.8;}
.about-thoughts{ margin-top: 0; background: #000; padding: 90px 0 90px; }
.about-thoughts__head{ text-align:center; display:flex; flex-direction:column; align-items:center; gap: 28px; }
.about-thoughts__head h2{ margin:0; font-size: clamp(34px, 4.2vw, 56px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 400; color: rgba(255,255,255,.92); }
.about-thoughts__tabs{ display:flex; justify-content:center; gap: 22px; }
.about-thoughts__tab{ border: 1px solid rgba(255,255,255,.28); background: transparent; color: rgba(255,255,255,.40); padding: 18px 54px; border-radius: 999px; font-size: 16px; font-weight: 500; cursor:pointer; min-width: 260px; transition: border-color .2s ease, color .2s ease; }
.about-thoughts__tab:hover{ border-color: rgba(255,255,255,.45); color: rgba(255,255,255,.70); }
.about-thoughts__tab.is-active{ background: transparent; color: rgba(255,255,255,.92); border-color: rgba(255,255,255,.85); }
.about-thoughts__tab:focus-visible{ outline: 2px solid rgba(255,255,255,.85); outline-offset: 4px; }
.about-thoughts__logos{ display:flex; gap: 12px; align-items:center; justify-content:flex-start; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 10px 12px; min-height: 66px; }
.about-thoughts__logo-pill{ flex: 0 0 auto; display:flex; align-items:center; justify-content:center; width: 92px; height: 46px; border-radius: 10px; background: rgba(0,0,0,.22); border: 1px solid rgba(255,255,255,.08);}
.about-thoughts__logo-pill img{ max-width: 72px; max-height: 22px; width:auto; height:auto; filter: brightness(0) invert(1); opacity: .95; }
.about-thoughts__quote{ position:relative; flex:1; border-radius: 14px; padding: 18px 18px 16px; min-height: 180px;}
.about-thoughts__quote-mark{ position:absolute; left: 16px; top: 12px; font-size: 34px; color: #1f6cff; font-weight: 900; line-height: 1; }
.about-thoughts__quote p{ margin: 32px 0 0; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.78); max-width: 520px;}
.about-thoughts__nav{ margin-top: 16px; display:flex; justify-content:flex-end; gap: 12px; }
.about-thoughts__btn{ width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.25); color:#fff; cursor:pointer;}
.about-thoughts__btn:hover{ background: rgba(255,255,255,.08); }
.about-thoughts__btn:disabled{ opacity: .35; cursor:not-allowed;}
.about-thoughts__right{ border-radius: 14px; overflow:hidden; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 24px 60px rgba(0,0,0,.55); }
.about-thoughts__media{ width:100%; height:100%; min-height: 260px; object-fit: cover; display:block;}
.about-leadership{ margin-top: 56px; padding-bottom: 10px; }
.about-leadership__head{ text-align:center; max-width: 820px; margin: 0 auto 28px; display:flex; flex-direction:column; gap: 10px;}
.about-leadership__head h2{ margin:0; font-size: 22px; font-weight: 500; color: rgba(255,255,255,.92); }
.about-leadership__head p{ margin:0; font-size: 11px; line-height: 1.75; color: rgba(255,255,255,.70);}
.about-leadership__grid{ display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.about-leadership__card{ display:flex; flex-direction:column; gap: 10px;}
.about-leadership__photo{ border-radius: 16px; overflow:hidden; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 22px 56px rgba(0,0,0,.55); aspect-ratio: 3 / 4; }
.about-leadership__photo img{ width:100%; height:100%; object-fit: cover; display:block;}
.about-leadership__name{ font-size: 10px; font-weight: 800; color: rgba(255,255,255,.92); }
.about-leadership__role{ font-size: 9px; color: rgba(255,255,255,.55);}
.about-leadership__cta{ display:flex; justify-content:center; margin-top: 22px; }
.about-leadership__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.30); color: rgba(255,255,255,.92); background: transparent; text-decoration: none; font-size: 11px;}
.about-leadership__btn:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.45); }
.about-impact{ margin-top: 64px; background: #fff; border-radius: 18px; padding: 44px 40px;}
.about-impact__head{ text-align:center; display:flex; flex-direction:column; gap: 16px; align-items:center; }
.about-impact__head h2{ margin:0; font-size: 22px; font-weight: 500; color:#101317;}
.about-impact__tabs{ width: min(560px, 100%); background: #f2f3f5; border-radius: 999px; padding: 4px; display:grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.about-impact__tab{ border: 0; border-radius: 999px; padding: 10px 12px; background: transparent; color: #111827; font-size: 11px; cursor:pointer;}
.about-impact__tab.is-active{ background:#0b0b0b; color:#fff; }
.about-impact__tab:focus-visible{ outline: 2px solid rgba(31,108,255,.9); outline-offset: 3px;}
.about-impact__body{ margin-top: 24px; display:grid; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); gap: 26px; align-items:start; }
.about-impact__content h3{ margin:0 0 10px; font-size: 14px; font-weight: 800; color:#0b0b0b;}
.about-impact__content p{ margin:0 0 14px; font-size: 11px; line-height: 1.75; color: #111827; opacity: .85; }
.about-impact__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 14px; border-radius: 999px; background:#1f6cff; color:#fff; text-decoration:none; font-size: 11px;}
.about-impact__btn:hover{ background:#1657d8; }
.about-impact__mosaic{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}
.about-impact__tile{ border-radius: 12px; overflow:hidden; background:#e9edf4; box-shadow: 0 18px 46px rgba(0,0,0,.18); }
.about-impact__tile img{ width:100%; height:100%; object-fit: cover; display:block;}
.about-impact__tile:nth-child(1){ grid-column: span 2; grid-row: span 2; aspect-ratio: 4 / 3; }
.about-impact__tile:nth-child(2){ aspect-ratio: 1 / 1;}
.about-impact__tile:nth-child(3){ aspect-ratio: 1 / 1; }
.about-impact__tile:nth-child(4){ aspect-ratio: 1 / 1;}
.about-impact__tile:nth-child(5){ grid-column: span 2; aspect-ratio: 16 / 9; }
.about-impact__tile:nth-child(6){ grid-column: span 2; aspect-ratio: 16 / 9;}