/* =========================================================
   ABOUT US — PHASE 2
   Purpose, values, why us, process, culture and CTA
   ========================================================= */

/* PURPOSE */
.about-purpose{
  position:relative;
  overflow:hidden;
  padding-top:145px;
  padding-bottom:145px;
  background:var(--surface-soft);
}
.about-purpose-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.purpose-orb-one{
  width:500px;
  height:500px;
  top:-270px;
  left:-190px;
  background:rgba(124,58,237,.08);
}
.purpose-orb-two{
  width:360px;
  height:360px;
  right:-180px;
  bottom:-150px;
  background:rgba(14,165,233,.07);
}
.about-purpose-intro{
  position:relative;
  z-index:2;
  max-width:1080px;
  margin:0 auto 66px;
  text-align:center;
}
.about-purpose-intro h2{
  margin:0 auto;
  font:800 clamp(48px,6vw,82px)/1.02 var(--font-heading);
  letter-spacing:-.06em;
}
.about-purpose-intro p{
  max-width:760px;
  margin:24px auto 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}
.about-purpose-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.about-purpose-card{
  position:relative;
  min-height:500px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:40px;
  border:1px solid var(--line);
  border-radius:28px;
  background:
    linear-gradient(var(--surface),var(--surface)) padding-box,
    linear-gradient(135deg,rgba(124,58,237,.45),transparent 48%,rgba(14,165,233,.3)) border-box;
  box-shadow:0 28px 70px rgba(25,20,51,.08);
  transition:transform .35s ease,box-shadow .35s ease;
}
.about-purpose-card:hover{
  transform:translateY(-6px);
  box-shadow:0 38px 85px rgba(25,20,51,.13);
}
.about-purpose-card-vision{
  background:
    radial-gradient(circle at 82% 18%,rgba(56,189,248,.12),transparent 27%),
    linear-gradient(var(--surface),var(--surface)) padding-box,
    linear-gradient(135deg,rgba(14,165,233,.4),transparent 45%,rgba(124,58,237,.35)) border-box;
}
.about-purpose-card-glow{
  position:absolute;
  width:250px;
  height:250px;
  top:var(--glow-y,20%);
  left:var(--glow-x,50%);
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  background:rgba(124,58,237,.14);
  filter:blur(10px);
  transform:translate(-50%,-50%);
  transition:opacity .25s ease;
}
.about-purpose-card:hover .about-purpose-card-glow{opacity:1}
.about-purpose-card-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
}
.about-purpose-card-head>span:last-child{
  color:var(--muted);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.about-purpose-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:var(--primary);
  background:rgba(124,58,237,.1);
}
.about-purpose-icon svg{width:20px}
.about-purpose-card h3{
  position:relative;
  z-index:2;
  max-width:580px;
  margin:78px 0 18px;
  font:800 clamp(30px,3vw,46px)/1.12 var(--font-heading);
  letter-spacing:-.045em;
}
.about-purpose-card>p{
  position:relative;
  z-index:2;
  max-width:600px;
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.8;
}
.about-purpose-card-foot{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid var(--line);
}
.about-purpose-card-foot span{
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.about-purpose-card-foot svg{
  width:18px;
  color:var(--primary);
}

/* VALUES */
.about-values{
  padding-top:145px;
  padding-bottom:145px;
}
.about-values-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.about-value-card{
  position:relative;
  min-height:330px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:27px;
  border:1px solid var(--line);
  border-radius:21px;
  background:var(--surface);
  transition:.35s ease;
}
.about-value-card::before{
  content:"";
  position:absolute;
  inset:auto -60px -80px auto;
  width:170px;
  height:170px;
  border-radius:50%;
  opacity:0;
  background:rgba(124,58,237,.09);
  transition:.35s ease;
}
.about-value-card:hover{
  border-color:rgba(124,58,237,.35);
  transform:translateY(-5px);
  box-shadow:0 23px 55px rgba(30,24,57,.08);
}
.about-value-card:hover::before{opacity:1}
.about-value-number{
  position:absolute;
  top:25px;
  right:25px;
  color:var(--line-strong);
  font:800 12px var(--font-heading);
}
.about-value-icon{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--primary);
  background:rgba(124,58,237,.09);
  transition:.35s ease;
}
.about-value-card:hover .about-value-icon{
  color:#fff;
  background:var(--primary);
  transform:rotate(-6deg) scale(1.05);
}
.about-value-icon svg{width:19px}
.about-value-card h3{
  margin:70px 0 12px;
  font:800 23px/1.2 var(--font-heading);
  letter-spacing:-.035em;
}
.about-value-card p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.7;
}
.about-value-line{
  width:44px;
  height:2px;
  margin-top:auto;
  border-radius:99px;
  background:var(--line-strong);
  transition:.35s ease;
}
.about-value-card:hover .about-value-line{
  width:100%;
  background:linear-gradient(90deg,var(--primary),#38bdf8);
}

/* WHY MARKONE */
.about-why{
  position:relative;
  overflow:hidden;
  padding-top:145px;
  padding-bottom:145px;
  background:var(--surface-soft);
}
.about-why-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(400px,.92fr);
  gap:85px;
  align-items:center;
}
.about-why-heading{
  margin-bottom:43px;
}
.about-why-heading h2{
  max-width:760px;
  margin:0;
  font:800 clamp(45px,5vw,72px)/1.03 var(--font-heading);
  letter-spacing:-.055em;
}
.about-why-heading p{
  max-width:650px;
  margin:21px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}
.about-why-list{
  display:grid;
}
.about-why-item{
  display:grid;
  grid-template-columns:35px 1fr auto;
  gap:18px;
  align-items:start;
  padding:21px 0;
  border-top:1px solid var(--line);
  transition:.3s ease;
}
.about-why-item:last-child{border-bottom:1px solid var(--line)}
.about-why-item>span{
  color:var(--primary);
  font-size:9px;
  font-weight:800;
}
.about-why-item h3{
  margin:0;
  font:800 18px var(--font-heading);
  letter-spacing:-.025em;
}
.about-why-item p{
  max-height:0;
  overflow:hidden;
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.65;
  opacity:0;
  transition:.35s ease;
}
.about-why-item>svg{
  width:16px;
  color:var(--muted);
  transition:.3s ease;
}
.about-why-item:hover{
  padding-left:9px;
  padding-right:9px;
}
.about-why-item:hover p{
  max-height:80px;
  margin-top:8px;
  opacity:1;
}
.about-why-item:hover>svg{
  color:var(--primary);
  transform:rotate(45deg);
}

/* delivery dashboard */
.about-why-visual{
  position:sticky;
  top:calc(var(--header-height) + 36px);
}
.about-delivery-dashboard{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:27px;
  background:var(--surface);
  box-shadow:0 35px 90px rgba(28,23,55,.13);
}
.about-delivery-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 18px;
  border-bottom:1px solid var(--line);
}
.about-delivery-bar>div{
  display:flex;
  align-items:center;
  gap:14px;
}
.about-delivery-bar strong{
  font-size:10px;
}
.about-live-status{
  display:flex;
  align-items:center;
  gap:7px;
  color:#10b981;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.about-live-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#10b981;
  box-shadow:0 0 0 5px rgba(16,185,129,.1);
}
.about-delivery-body{
  display:grid;
  grid-template-columns:58px 1fr;
  min-height:570px;
}
.about-delivery-sidebar{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:18px 9px;
  border-right:1px solid var(--line);
  background:var(--surface-soft);
}
.about-delivery-sidebar span{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:var(--muted);
}
.about-delivery-sidebar span.is-active{
  color:#fff;
  background:var(--primary);
}
.about-delivery-sidebar svg{width:15px}
.about-delivery-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:24px;
}
.about-delivery-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.about-delivery-header small,
.about-delivery-header strong{display:block}
.about-delivery-header small{
  color:var(--muted);
  font-size:8px;
}
.about-delivery-header strong{
  margin-top:4px;
  font:800 16px var(--font-heading);
}
.about-delivery-header>span{
  padding:7px 10px;
  border-radius:99px;
  color:#10b981;
  background:rgba(16,185,129,.09);
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.about-delivery-progress{
  margin-top:26px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-soft);
}
.about-delivery-progress>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:9px;
}
.about-delivery-progress>div span{color:var(--muted)}
.about-delivery-progress>i{
  display:block;
  height:7px;
  margin-top:11px;
  overflow:hidden;
  border-radius:99px;
  background:var(--line);
}
.about-delivery-progress>i b{
  display:block;
  width:78%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--primary),#38bdf8);
}
.about-delivery-flow{
  display:grid;
  gap:9px;
  margin-top:18px;
}
.about-delivery-flow article{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:11px;
  align-items:center;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--surface);
}
.about-delivery-flow article>span{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:11px;
  color:var(--muted);
  background:var(--surface-soft);
}
.about-delivery-flow article>span svg{width:15px}
.about-delivery-flow small,
.about-delivery-flow strong{display:block}
.about-delivery-flow small{
  color:var(--muted);
  font-size:7px;
}
.about-delivery-flow strong{
  margin-top:3px;
  font-size:10px;
}
.about-delivery-flow article>svg{
  width:14px;
  color:#10b981;
}
.about-delivery-flow article em{
  color:var(--muted);
  font-size:7px;
  font-style:normal;
}
.about-delivery-flow article.is-current{
  border-color:rgba(124,58,237,.4);
  background:rgba(124,58,237,.05);
}
.about-delivery-flow article.is-current>span{
  color:#fff;
  background:var(--primary);
}
.about-delivery-flow article.is-current em{color:var(--primary)}
.about-delivery-bottom{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid var(--line);
}
.about-delivery-chart{
  width:55%;
  height:72px;
  display:flex;
  align-items:end;
  gap:6px;
}
.about-delivery-chart span{
  flex:1;
  height:var(--chart);
  border-radius:5px 5px 1px 1px;
  background:linear-gradient(to top,rgba(124,58,237,.18),var(--primary));
  transform-origin:bottom;
}
.about-delivery-bottom small,
.about-delivery-bottom strong{display:block;text-align:right}
.about-delivery-bottom small{
  color:var(--muted);
  font-size:7px;
}
.about-delivery-bottom strong{
  margin-top:4px;
  color:#10b981;
  font:800 18px var(--font-heading);
}
.about-delivery-note{
  position:absolute;
  right:-22px;
  bottom:38px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 15px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface-glass);
  backdrop-filter:blur(15px);
  box-shadow:0 18px 44px rgba(26,21,50,.12);
}
.about-delivery-note>span{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#fff;
  background:var(--primary);
}
.about-delivery-note svg{width:15px}
.about-delivery-note small,
.about-delivery-note strong{display:block}
.about-delivery-note small{
  color:var(--muted);
  font-size:7px;
}
.about-delivery-note strong{
  margin-top:3px;
  font-size:9px;
}

/* PROCESS PREVIEW */
.about-process-preview{
  padding-top:145px;
  padding-bottom:145px;
}
.about-process-heading{
  max-width:900px;
  margin-bottom:75px;
}
.about-process-heading h2{
  margin:0;
  font:800 clamp(46px,5.5vw,76px)/1.03 var(--font-heading);
  letter-spacing:-.055em;
}
.about-process-heading p{
  max-width:700px;
  margin:22px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}
.about-process-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
}
.about-process-track::before,
.about-process-progress{
  content:"";
  position:absolute;
  top:25px;
  left:4%;
  right:4%;
  height:2px;
  border-radius:99px;
  background:var(--line);
}
.about-process-progress{
  right:auto;
  width:0;
  z-index:2;
  background:linear-gradient(90deg,var(--primary),#38bdf8);
  transition:width .12s linear;
}
.about-process-step{
  position:relative;
  z-index:3;
  padding:0 17px;
}
.about-process-dot{
  width:51px;
  height:51px;
  display:grid;
  place-items:center;
  margin-bottom:25px;
  border:7px solid var(--background);
  border-radius:50%;
  color:var(--muted);
  background:var(--surface-soft);
  box-shadow:0 0 0 1px var(--line);
  transition:.3s ease;
}
.about-process-step.is-active .about-process-dot{
  color:#fff;
  background:var(--primary);
  box-shadow:0 0 0 1px var(--primary),0 0 0 7px rgba(124,58,237,.09);
}
.about-process-dot svg{width:16px}
.about-process-step small{
  color:var(--primary);
  font-size:8px;
  font-weight:800;
}
.about-process-step h3{
  margin:8px 0 10px;
  font:800 18px var(--font-heading);
}
.about-process-step p{
  margin:0;
  color:var(--muted);
  font-size:10px;
  line-height:1.65;
}

/* CULTURE */
.about-culture{
  padding-top:145px;
  padding-bottom:145px;
  background:var(--surface-soft);
}
.about-culture-grid{
  display:grid;
  grid-template-columns:1.3fr .85fr .85fr;
  gap:15px;
}
.about-culture-card{
  min-height:270px;
  display:flex;
  flex-direction:column;
  padding:27px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:21px;
  background:var(--surface);
  transition:.3s ease;
}
.about-culture-card:hover{
  border-color:rgba(124,58,237,.35);
  transform:translateY(-4px);
}
.about-culture-featured{
  grid-row:span 2;
  min-height:555px;
  color:#fff;
  border-color:transparent;
  background:
    radial-gradient(circle at 20% 12%,rgba(56,189,248,.24),transparent 26%),
    linear-gradient(145deg,#17122d,#6542c8);
}
.about-culture-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--primary);
  background:rgba(124,58,237,.09);
}
.about-culture-featured .about-culture-icon{
  color:#fff;
  background:rgba(255,255,255,.11);
}
.about-culture-icon svg{width:18px}
.about-culture-card small{
  margin-top:auto;
  color:var(--primary);
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.about-culture-featured small{color:#cfc4ed}
.about-culture-card h3{
  margin:9px 0 10px;
  font:800 23px/1.2 var(--font-heading);
  letter-spacing:-.035em;
}
.about-culture-featured h3{
  font-size:39px;
}
.about-culture-card p{
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.7;
}
.about-culture-featured p{
  max-width:470px;
  color:#d9d1ee;
  font-size:12px;
}
.about-culture-featured>div:first-of-type{
  margin-top:80px;
}
.about-culture-map{
  position:relative;
  min-height:210px;
  margin-top:auto;
}
.about-culture-map svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  fill:none;
  stroke:rgba(255,255,255,.23);
  stroke-width:1.2;
  stroke-dasharray:6 8;
}
.culture-point{
  position:absolute;
  z-index:2;
  width:10px;
  height:10px;
  border:2px solid #fff;
  border-radius:50%;
  background:#38bdf8;
  box-shadow:0 0 0 7px rgba(56,189,248,.12);
}
.culture-point-one{left:8%;top:65%}
.culture-point-two{left:48%;top:35%}
.culture-point-three{right:7%;top:56%}

/* MANIFESTO */
.about-manifesto{
  overflow:hidden;
  padding:75px 0;
  color:#fff;
  background:#0e0c17;
}
.about-manifesto-line{
  width:max-content;
  display:flex;
  align-items:center;
  gap:35px;
  font:800 clamp(55px,7vw,104px)/1 var(--font-heading);
  letter-spacing:-.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.about-manifesto-line i{
  width:13px;
  height:13px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--primary);
}
.about-manifesto-line-one{
  animation:aboutMarqueeLeft 30s linear infinite;
}
.about-manifesto-line-two{
  margin-top:17px;
  color:transparent;
  -webkit-text-stroke:1px rgba(255,255,255,.45);
  animation:aboutMarqueeRight 34s linear infinite;
}
.about-manifesto-line-two i{
  border:1px solid rgba(255,255,255,.5);
  background:transparent;
}

/* CTA */
.about-phase-cta{
  padding-top:120px;
  padding-bottom:120px;
}
.about-phase-cta-card{
  position:relative;
  min-height:480px;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(270px,.45fr);
  gap:60px;
  align-items:end;
  overflow:hidden;
  padding:58px;
  border-radius:30px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 15%,rgba(56,189,248,.26),transparent 24%),
    linear-gradient(145deg,#17122c,#6d48d4);
  box-shadow:0 40px 95px rgba(45,31,92,.22);
}
.about-phase-cta-grid{
  position:absolute;
  inset:0;
  opacity:.09;
  background-image:
    linear-gradient(#fff 1px,transparent 1px),
    linear-gradient(90deg,#fff 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(120deg,black,transparent 75%);
}
.about-phase-cta-glow{
  position:absolute;
  width:420px;
  height:420px;
  right:-180px;
  bottom:-200px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.about-phase-cta-copy,
.about-phase-cta-actions{
  position:relative;
  z-index:2;
}
.about-phase-cta-copy>span{
  display:block;
  margin-bottom:16px;
  color:#d6cbee;
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.about-phase-cta-copy h2{
  max-width:820px;
  margin:0;
  font:800 clamp(48px,5.7vw,80px)/1.02 var(--font-heading);
  letter-spacing:-.06em;
}
.about-phase-cta-copy p{
  max-width:630px;
  margin:23px 0 0;
  color:#d9d1ec;
  font-size:13px;
  line-height:1.75;
}
.about-phase-cta-actions{
  display:grid;
  justify-items:start;
  gap:18px;
}
.about-phase-cta-email{
  color:#d9d1ec;
  font-size:10px;
  font-weight:700;
}
.button-light{
  color:#181226;
  background:#fff;
}
.button-light:hover{
  color:#181226;
  background:#f1edfb;
  transform:translateY(-2px);
}

/* DARK */
[data-theme="dark"] .about-purpose-card,
[data-theme="dark"] .about-delivery-dashboard,
[data-theme="dark"] .about-delivery-note,
[data-theme="dark"] .about-phase-cta-card{
  box-shadow:none;
}

/* MOTION */
@keyframes aboutMarqueeLeft{
  to{transform:translateX(-50%)}
}
@keyframes aboutMarqueeRight{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}

/* RESPONSIVE */
@media(max-width:1100px){
  .about-why-layout{
    grid-template-columns:minmax(0,1fr) minmax(370px,.85fr);
    gap:50px;
  }
  .about-values-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .about-process-step{
    padding-inline:10px;
  }
  .about-culture-grid{
    grid-template-columns:1fr 1fr;
  }
  .about-culture-featured{
    grid-column:span 2;
    grid-row:auto;
    min-height:500px;
  }
}
@media(max-width:900px){
  .about-purpose-grid{
    grid-template-columns:1fr;
  }
  .about-purpose-card{
    min-height:450px;
  }
  .about-why-layout{
    grid-template-columns:1fr;
  }
  .about-why-visual{
    position:relative;
    top:auto;
    max-width:700px;
    width:100%;
    margin:10px auto 0;
  }
  .about-why-item p{
    max-height:none;
    margin-top:7px;
    opacity:1;
  }
  .about-process-track{
    grid-template-columns:repeat(3,1fr);
    gap:40px 0;
  }
  .about-process-track::before,
  .about-process-progress{
    display:none;
  }
  .about-process-step{
    padding:0 20px 0 0;
  }
  .about-phase-cta-card{
    grid-template-columns:1fr;
    min-height:520px;
  }
}
@media(max-width:620px){
  .about-purpose,
  .about-values,
  .about-why,
  .about-process-preview,
  .about-culture{
    padding-top:95px;
    padding-bottom:95px;
  }
  .about-purpose-intro{
    margin-bottom:44px;
    text-align:left;
  }
  .about-purpose-intro h2{
    font-size:43px;
  }
  .about-purpose-intro p{
    margin-left:0;
  }
  .about-purpose-card{
    min-height:440px;
    padding:27px;
  }
  .about-purpose-card h3{
    margin-top:62px;
    font-size:31px;
  }
  .about-values-grid{
    grid-template-columns:1fr;
  }
  .about-value-card{
    min-height:285px;
  }
  .about-why-heading h2,
  .about-process-heading h2{
    font-size:42px;
  }
  .about-why-item{
    grid-template-columns:27px 1fr;
  }
  .about-why-item>svg{display:none}
  .about-delivery-body{
    grid-template-columns:45px 1fr;
    min-height:540px;
  }
  .about-delivery-sidebar{
    padding-inline:5px;
  }
  .about-delivery-sidebar span{
    width:32px;
    height:32px;
  }
  .about-delivery-main{
    padding:17px;
  }
  .about-delivery-note{
    right:9px;
    bottom:-28px;
  }
  .about-process-track{
    grid-template-columns:1fr;
    gap:0;
    padding-left:42px;
  }
  .about-process-track::before{
    display:block;
    top:0;
    bottom:0;
    left:17px;
    right:auto;
    width:2px;
    height:auto;
  }
  .about-process-step{
    min-height:150px;
    padding:0 0 30px;
  }
  .about-process-dot{
    position:absolute;
    left:-42px;
    width:36px;
    height:36px;
    margin:0;
    border-width:5px;
  }
  .about-process-step h3{
    font-size:21px;
  }
  .about-process-step p{
    font-size:11px;
  }
  .about-culture-grid{
    grid-template-columns:1fr;
  }
  .about-culture-featured{
    grid-column:auto;
    min-height:520px;
  }
  .about-culture-featured h3{
    font-size:34px;
  }
  .about-manifesto{
    padding:55px 0;
  }
  .about-manifesto-line{
    gap:24px;
    font-size:55px;
  }
  .about-phase-cta{
    padding-top:85px;
    padding-bottom:85px;
  }
  .about-phase-cta-card{
    min-height:540px;
    gap:45px;
    padding:32px 25px;
    border-radius:23px;
  }
  .about-phase-cta-copy h2{
    font-size:43px;
  }
  .about-phase-cta-actions .button{
    width:100%;
    justify-content:center;
  }
}
@media(prefers-reduced-motion:reduce){
  .about-manifesto-line{
    animation:none!important;
  }
}