/* Generated from styles.css by tools/split-css.mjs. */
.about-hero .hero-media{
  background:
    linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.7) 42%, rgba(25,67,80,0.34)),
    linear-gradient(135deg, rgba(0,121,145,0.52), rgba(89,201,165,0.16)),
    url("assets/about-hero-team.webp") center / cover no-repeat;
  filter: saturate(0.82) contrast(1.08);
}
.about-hero .hero-content h1{
  width: min(1120px, calc(100vw - 160px));
  max-width: none;
  font-size: clamp(38px, 4.1vw, 58px);
}
.value-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.value-grid article,
.timeline article,
.team-card{
  border: 1px solid var(--line);
  background: var(--white);
  box-shadow: 0 10px 35px rgba(25, 67, 80, 0.06);
}
.value-grid p,
.timeline p{ color: var(--muted); }
.founder-history{
  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  align-items: start;
  gap: 72px;
}
.founder-history-media{
  position: sticky;
  top: 104px;
  align-self: start;
}
.founder-history-story{
  min-width: 0;
}
.founder-video{
  width: min(100%, 320px);
  margin: 0 auto;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  border: 1px solid rgba(25, 67, 80, 0.16);
  background: var(--deep);
  box-shadow: var(--shadow);
}
.founder-video iframe{
  width: 100%;
  height: 100%;
  display: block;
}
.founder-message-copy{
  max-width: 680px;
  margin-bottom: 78px;
}
.founder-message-copy h2{
  color: var(--secondary);
  font-size: clamp(30px, 3.2vw, 48px);
}
.history-section{
  width: 100%;
  padding-left: max(24px, calc((100vw - 1180px) / 2));
  padding-right: max(24px, calc((100vw - 1180px) / 2));
  background:
    linear-gradient(135deg, rgba(89,201,165,0.12), transparent 32%),
    linear-gradient(165deg, transparent 0 62%, rgba(0,121,145,0.16) 62%),
    var(--surface);
}
.history-heading{
  max-width: 820px;
}
.history-heading h2{
  color: #194350;
  font-size: 46px;
  margin-bottom: 12px;
}
.history-heading p{
  color: var(--muted);
  font-size: 17px;
}
.timeline{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(280px, 1fr);
  gap: 22px;
  overflow-x: auto;
  padding-bottom: 16px;
}
.founder-history .timeline{
  grid-auto-flow: row;
  grid-auto-columns: initial;
  grid-template-columns: 1fr;
  overflow: visible;
  padding-bottom: 0;
}
.founder-history .timeline article{
  min-height: 0;
  padding: 28px 30px 30px;
}
.timeline article{
  position: relative;
  padding: 34px 30px 28px;
  min-height: 300px;
  border-radius: 24px;
  box-shadow: none;
  overflow: hidden;
}
.timeline article::after{
  content: "";
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 34px;
  height: 1px;
  background: var(--mint);
}
.timeline span{
  display: block;
  color: var(--teal);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.32em;
  margin-bottom: 26px;
}
.timeline strong{
  position: absolute;
  top: 24px;
  right: 24px;
  color: rgba(25, 67, 80, 0.06);
  font-size: 48px;
  line-height: 1;
}
.founder-history .timeline strong{
  font-size: 40px;
}
.timeline h3{
  color: #194350;
  font-size: 22px;
  max-width: 210px;
}
.founder-history .timeline h3{
  max-width: 520px;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.18;
}
.timeline p{
  max-width: 230px;
  font-size: 14px;
  line-height: 1.8;
}
.founder-history .timeline p{
  max-width: 620px;
  font-size: 16px;
  line-height: 1.65;
}
.history-card-image{
  width: 100%;
  height: 92px;
  margin: 0 0 22px;
  object-fit: cover;
  object-position: center;
  border-radius: 14px;
  filter: saturate(0.9) contrast(1.04);
}
.founder-history .history-card-image{
  width: min(100%, 560px);
  height: auto;
  max-height: 240px;
  object-fit: contain;
  object-position: center;
  background: rgba(255, 255, 255, 0.72);
}
.timeline .has-history-image span{
  margin-bottom: 22px;
}
.timeline .has-history-image strong{
  top: 146px;
}
.founder-history .timeline .has-history-image strong{
  top: 28px;
}
.history-step{
  opacity: 1;
  transform: translateY(0);
  transition: opacity 560ms ease, transform 560ms ease;
}
.history-reveal-ready .history-step{
  opacity: 0;
  transform: translateY(34px);
}
.history-reveal-ready .history-step.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
.history-step{
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.values-section{
  width: 100%;
  padding-left: max(24px, calc((100vw - 1180px) / 2));
  padding-right: max(24px, calc((100vw - 1180px) / 2));
  color: var(--white);
  background:
    linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.76)),
    linear-gradient(135deg, rgba(0,121,145,0.42), rgba(89,201,165,0.12)),
    url("assets/values-bg-city.webp") center / cover no-repeat;
}
.values-section .section-heading h2{
  color: var(--white);
}
.values-heading h2{
  white-space: nowrap;
  font-size: clamp(28px, 3vw, 42px);
}
.values-heading h2 span{
  color: var(--mint);
}
.values-section .section-heading p:not(.eyebrow){
  color: rgba(255,255,255,0.72);
}
.value-grid article{ padding: 28px; }
.value-card{
  position: relative;
  overflow: hidden;
  border-color: rgba(255,255,255,0.16);
  background: rgba(25, 67, 80, 0.58);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
.value-card h3{
  color: var(--white);
}
.value-card p{
  color: rgba(255,255,255,0.7);
}
.values-section .value-grid .value-card{
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(25, 67, 80, 0.5);
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.2);
}
.values-section .value-grid .value-card h3{
  color: var(--white);
}
.values-section .value-grid .value-card p{
  color: rgba(255,255,255,0.72);
}
.value-icon{
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 22px;
  color: var(--mint);
  border: 1px solid rgba(89, 201, 165, 0.34);
  background: rgba(89, 201, 165, 0.1);
}
.value-icon::before{
  font-size: 24px;
  line-height: 1;
}
.value-innovation .value-icon::before{ content: "✦"; }
.value-reliability .value-icon::before{ content: "✓"; }
.value-intelligence .value-icon::before{ content: "⚡"; }
.value-support .value-icon::before{ content: "∞"; }
.value-clarity .value-icon::before{ content: "◈"; }
.value-impact .value-icon::before{ content: "↗"; }
.team-careers{
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 50px;
}
.team-card{
  display: grid;
  grid-template-columns: 220px 1fr;
  align-items: end;
  gap: 26px;
  margin-top: 28px;
  overflow: hidden;
  background: var(--white);
  color: var(--ink);
}
.team-card img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
}
.team-card div{
  padding: 26px 26px 26px 0;
}
.team-card h3{
  color: var(--ink);
}
.team-card p{
  color: var(--muted);
}
.panel-form{
  display: grid;
  gap: 14px;
  padding: 28px;
  background: var(--surface);
  border: 1px solid var(--line);
}
@media (max-width: 900px){
.about-hero .hero-content h1{ font-size: 38px; max-width: 640px; }
.value-grid{ grid-template-columns: 1fr; }
.team-careers,
.founder-history{ grid-template-columns: 1fr; }
.founder-history{ gap: 36px; }
.founder-history-media{ position: static; }
.founder-message-copy{ margin-bottom: 46px; }
}
@media (max-width: 700px){
.about-hero .hero-content h1{ font-size: 30px; max-width: 330px; }
}
@media (max-width: 700px){
.about-hero .hero-media{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.7) 42%, rgba(25,67,80,0.34)),
      linear-gradient(135deg, rgba(0,121,145,0.52), rgba(89,201,165,0.16)),
      url("assets/about-hero-team-768.webp") center / cover no-repeat;
  }
.values-section{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.76)),
      linear-gradient(135deg, rgba(0,121,145,0.42), rgba(89,201,165,0.12)),
      url("assets/values-bg-city-768.webp") center / cover no-repeat;
  }
}
@media (min-width: 701px) and (max-width: 1200px){
.about-hero .hero-media{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.7) 42%, rgba(25,67,80,0.34)),
      linear-gradient(135deg, rgba(0,121,145,0.52), rgba(89,201,165,0.16)),
      url("assets/about-hero-team-1280.webp") center / cover no-repeat;
  }
.values-section{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.76)),
      linear-gradient(135deg, rgba(0,121,145,0.42), rgba(89,201,165,0.12)),
      url("assets/values-bg-city-1280.webp") center / cover no-repeat;
  }
}
@media (min-width: 1201px) and (max-width: 1800px){
.about-hero .hero-media{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.7) 42%, rgba(25,67,80,0.34)),
      linear-gradient(135deg, rgba(0,121,145,0.52), rgba(89,201,165,0.16)),
      url("assets/about-hero-team-1920.webp") center / cover no-repeat;
  }
.values-section{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.76)),
      linear-gradient(135deg, rgba(0,121,145,0.42), rgba(89,201,165,0.12)),
      url("assets/values-bg-city-1920.webp") center / cover no-repeat;
  }
}
@media (min-width: 1801px){
.about-hero .hero-media{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.7) 42%, rgba(25,67,80,0.34)),
      linear-gradient(135deg, rgba(0,121,145,0.52), rgba(89,201,165,0.16)),
      url("assets/about-hero-team-2400.webp") center / cover no-repeat;
  }
.values-section{
    background:
      linear-gradient(90deg, rgba(25,67,80,0.92), rgba(25,67,80,0.76)),
      linear-gradient(135deg, rgba(0,121,145,0.42), rgba(89,201,165,0.12)),
      url("assets/values-bg-city-2400.webp") center / cover no-repeat;
  }
}