.s07-column{
  --container-pbe:16px;
  --container-pbe-tb:24px;
  --container-pbe-dt:48px;
  display:flex;
  flex-direction:column;
  gap:40px;
}

.s07-rows{
  display:flex;
  flex-direction:column;
  gap:48px;
}

.s07-divider{
  position:relative;
  height:0;
}

.s07-divider::before{
  content:"";
  position:absolute;
  left:-16px;
  right:-16px;
  top:-.5px;
  height:1px;
  background-color:var(--color-surface-border-quiet);
}

.s07-defs{
  position:absolute;
}

.s07a-intro{
  display:block;
  max-width:856px;
  padding-right:16px;
}

.s07a-dark,
.s07a-grey{
  display:inline;
  text-wrap:pretty;
}

.s07a-grey{
  color:var(--color-heading-subdued);
}

.s07-header{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.s07-header__main{
  display:contents;
}

.s07-header__title{
  order:1;
  max-width:504px;
  text-wrap:pretty;
}

.s07-header__lead{
  order:2;
  max-width:608px;
  text-wrap:pretty;
}

.s07-header__actions{
  order:3;
  margin-top:16px;
}

.s07-features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(276px,1fr));
  column-gap:16px;
  row-gap:24px;
}

.s07-feature{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  min-height:160.2px;
}

.s07-feature__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid var(--color-core-brand-100);
  border-radius:var(--radius-sm);
}

.s07-feature__text{
  max-width:400px;
  padding-right:32px;
  text-wrap:pretty;
}

.s07-feature__lead,
.s07-feature__body{
  display:inline;
}

.s07-feature__lead{
  font-weight:var(--fw-400);
}

.s07b{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:24px;
}

.s07b-values{
  display:flex;
  flex-direction:column;
  gap:24px;
}

.s07b-values__title{
  margin-top:16px;
  max-width:38ch;
  text-wrap:pretty;
}

.s07c{
  display:flex;
  flex-direction:column;
  gap:48px;
}

.s07c-stories{
  display:flex;
  flex-direction:column;
  gap:32px;
  width:100%;
  margin-top:8px;
}

.s07c-nav{
  display:none;
  align-items:center;
  align-self:flex-end;
  gap:8px;
}

.s07c-nav__button{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:40px;
  height:40px;
  border-radius:var(--radius-sm);
  color:var(--color-core-brand-600);
  background-color:var(--color-button-ui-bg);
  cursor:pointer;
}

.s07c-nav__button:hover:not(:disabled){
  color:var(--color-core-brand-800);
  background-color:var(--color-button-ui-bgHover);
}

.s07c-nav__button:focus-visible{
  outline:var(--focus-outline);
  outline-offset:var(--focus-outline-button-offset);
}

.s07c-nav__button:disabled{
  color:var(--color-action-icon-disabled);
  background-color:transparent;
  outline:1px solid var(--color-core-neutral-100);
  outline-offset:-1px;
  cursor:default;
}

.s07c-viewport{
  --s07c-item-width:100%;
  margin:0 -16px;
  overflow:hidden;
  container-type:inline-size;
}

.s07c-scroller{
  position:relative;
  display:flex;
  gap:16px;
  padding:0 16px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}

.s07c-scroller::-webkit-scrollbar{
  display:none;
}

.s07c-item{
  position:relative;
  flex:0 0 var(--s07c-item-width);
  width:var(--s07c-item-width);
  scroll-snap-align:center;
}

.s07c-card{
  --s07c-scale:calc(1 - max(var(--progress,0),-1 * var(--progress,0)) * .05);
  --s07c-fade:calc(1 - max(var(--progress,0),-1 * var(--progress,0)));
  display:flex;
  flex-direction:column;
  gap:16px;
  height:100%;
  color:inherit;
  text-decoration:none;
  transform:translate3d(calc(((1 - var(--s07c-scale)) * 50% + 7px / var(--s07c-scale)) * var(--progress,0) * -1),0,0) scale(var(--s07c-scale));
  transform-origin:center;
}

.s07c-card__media{
  position:relative;
  width:100%;
  aspect-ratio:336 / 350;
  max-height:480px;
  overflow:hidden;
  background-color:var(--color-surface-border-quiet);
  border-radius:var(--radius-md);
}

.s07c-card__art{
  position:absolute;
  left:50%;
  width:calc(100% + 32px);
  height:100%;
  transform:translate3d(calc(-50% + var(--progress,0) * -32px),0,0);
}

.s07c-card__title{
  padding-right:32px;
  text-wrap:pretty;
  transform:translate3d(calc(40px * var(--progress,0)),0,0);
  opacity:var(--s07c-fade);
}

.s07c-card__link{
  margin-top:auto;
  margin-bottom:6px;
  line-height:21px;
  transform:translate3d(calc(60px * var(--progress,0)),0,0);
  opacity:var(--s07c-fade);
}

.s07c-card:hover .s07c-card__link,
.s07c-card:focus-visible .s07c-card__link{
  color:var(--color-action-text-solidHover);
}

.s07c-card:hover .icon-arrow,
.s07c-card:focus-visible .icon-arrow{
  --hover-active:1;
}

.s07c-card:focus-visible{
  outline:none;
}

.s07c-card:focus-visible .s07c-card__link{
  outline:var(--focus-outline);
  outline-offset:var(--focus-outline-button-offset);
  border-radius:var(--radius-sm);
}

.s07c-scene{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.s07c-card__art{
  background:radial-gradient(circle,#d3e1f5 1px,transparent 1.25px) 0 0/16px 16px,#eaf1fc;
}

.s07c-art--2,
.s07c-art--4,
.s07c-art--6,
.s07c-art--8{
  background-color:#e2ecfb;
}

.s07c-programs{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,284.5px),1fr));
  gap:16px;
}

.s07c-program{
  position:relative;
  display:grid;
  container-type:inline-size;
  color:inherit;
  text-decoration:none;
}

.s07c-program__border{
  position:absolute;
  inset:-1px;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background-color:var(--color-surface-border-quiet);
  clip-path:inset(0 round 7px);
}

.s07c-program__glow{
  position:absolute;
  top:50%;
  left:50%;
  height:200%;
  aspect-ratio:1;
  opacity:0;
  transform:translate(-50%,-50%);
}

.s07c-program__glow-fill{
  position:absolute;
  inset:0;
  opacity:.5;
  background:var(--s07c-glow);
  transform:translate3d(var(--mouse-x,0px),var(--mouse-y,0px),0);
}

.s07c-program--startups{
  --s07c-glow:radial-gradient(circle,#5c9cff,#0060da 33%,#e6ecf5 66%);
}

.s07c-program--atlas{
  --s07c-glow:radial-gradient(circle,#9ac2ff,#68a3ff 33%,#e6ecf5 66%);
}

.s07c-program__inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  overflow:hidden;
  background-color:var(--color-core-neutral-25);
  border-radius:var(--radius-md);
}

.s07c-program__content{
  display:flex;
  flex-direction:column;
  gap:16px;
  flex:0 1 100%;
  max-width:390px;
  min-width:0;
  min-height:136.2px;
  padding:32px 24px;
  justify-content:center;
  z-index:1;
}

.s07c-program__text{
  text-wrap:pretty;
  font-weight:var(--font-text-md-weight);
  font-size:var(--font-text-md-size);
  line-height:var(--font-text-md-lineHeight);
  color:var(--color-text-soft);
}

.s07c-program__lead,
.s07c-program__body{
  display:inline;
}

.s07c-program__lead{
  font-weight:var(--fw-400);
  font-size:inherit;
  line-height:inherit;
  color:var(--color-text-solid);
}

.s07c-program__graphic{
  position:relative;
  flex:1 1 0;
  width:100%;
  height:100%;
}

.s07c-program__art{
  position:absolute;
}

.s07c-program__art--startups{
  top:0;
  left:0;
  width:585px;
  height:236px;
  transform:translateX(-42%);
  mask-image:linear-gradient(121.7deg,transparent 264.6px,#000 267.4px);
  -webkit-mask-image:linear-gradient(121.7deg,transparent 264.6px,#000 267.4px);
  background:linear-gradient(180deg,#629fff 0,#5b9bff 4px,#3384ff 25px,#0573ff 50px,#0067e8 75px,#0160d9 100px,#0156c4 125px,#0050b8 150px,#004cb0 164px,#00449f 236px);
}

.s07c-program__art--startups::before,
.s07c-program__art--startups::after{
  content:"";
  position:absolute;
  inset:0;
}

.s07c-program__art--startups::before{
  background:
    radial-gradient(circle at 463.7px 0,rgba(176,207,255,.35) 0,rgba(176,207,255,.16) 24px,rgba(176,207,255,0) 55px),
    linear-gradient(90deg,rgba(64,139,255,0) 370.7px,rgba(64,139,255,.047) 390.7px,rgba(64,139,255,.13) 410.7px,rgba(64,139,255,.24) 430.7px,rgba(64,139,255,.39) 450.7px,rgba(64,139,255,.46) 463.7px,rgba(64,139,255,.46) 585px);
}

.s07c-program__art--startups::after{
  background:linear-gradient(121.7deg,rgba(213,230,255,1) 266.1px,rgba(184,212,255,.97) 274.6px,rgba(146,189,255,.76) 283.1px,rgba(132,180,255,.37) 300.1px,rgba(126,176,255,.16) 317.1px,rgba(126,176,255,.05) 334.1px,rgba(126,176,255,0) 351.1px);
  mask-image:linear-gradient(180deg,#000 0,#000 110px,rgba(0,0,0,.35) 150px,rgba(0,0,0,.2) 236px);
  -webkit-mask-image:linear-gradient(180deg,#000 0,#000 110px,rgba(0,0,0,.35) 150px,rgba(0,0,0,.2) 236px);
}

.s07c-program__art--atlas{
  top:50%;
  left:0;
  width:360px;
  height:360px;
  transform:translate(-14%,-62%);
}

.s07c-program:focus-visible{
  outline:var(--focus-outline);
  outline-offset:var(--focus-outline-offset);
  border-radius:var(--radius-md);
}

@container (min-width:568px){
  .s07c-program__art--atlas{
    left:auto;
    right:0;
    transform:translate(28%,-62%);
  }
}

@container (min-width:680px){
  .s07c-program__art--startups{
    left:auto;
    right:0;
    transform:none;
  }
}

@container (max-width:410px){
  .s07c-program__content{
    padding:16px;
  }

  .s07c-program__graphic{
    display:none;
  }
}

@media (min-width:640px){
  .s07-column{
    gap:48px;
  }

  .s07-rows{
    gap:56px;
  }

  .s07b{
    gap:32px;
  }

  .s07b-values{
    gap:32px;
  }

  .s07-features{
    row-gap:32px;
  }

  .s07c{
    gap:32px;
  }

  .s07c-stories{
    margin-top:-32px;
  }

  .s07c-nav{
    display:flex;
  }

  .s07c-viewport{
    --s07c-item-width:clamp(240px,26.27cqi,332px);
  }

  .s07c-scroller{
    scroll-padding-inline:16px;
  }

  .s07c-item{
    scroll-snap-align:start;
  }

  .s07c-item:last-child{
    scroll-snap-align:end;
  }

  .s07c-card{
    transform:none;
  }

  .s07c-card__media{
    aspect-ratio:332 / 448;
    transform-origin:left center;
    transform:translateX(var(--hover-shift,0px)) scaleX(var(--hover-scale,1));
    border-radius:calc(6px / var(--hover-scale,1)) / 6px;
    backface-visibility:hidden;
  }

  .s07c-card__art{
    width:calc(100% * 1.036);
    transform:translateX(-50%) scaleX(calc(1 / var(--hover-scale,1)));
    backface-visibility:hidden;
  }

  .s07c-card__title,
  .s07c-card__link{
    transform:none;
    opacity:1;
  }

  .s07c-card__title{
    padding-right:16px;
    text-wrap:balance;
  }

  .s07c-programs{
    margin-top:24px;
  }

  .s07c-program__content{
    min-height:158.6px;
  }
}

@media (min-width:940px){
  .s07-column{
    gap:64px;
  }

  .s07-rows{
    gap:80px;
  }

  .s07-divider::before{
    top:-1px;
    height:2px;
    background-color:#f2f6fa;
  }

  .s07a-intro{
    padding-right:40px;
  }

  .s07-header{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    column-gap:16px;
    row-gap:8px;
  }

  .s07-header__main{
    display:flex;
    flex-direction:column;
    grid-column:span 5;
    gap:24px;
  }

  .s07-header__actions{
    margin-top:0;
  }

  .s07-header__lead{
    grid-column:8 / -1;
    align-self:start;
    padding-top:5.5px;
  }

  .s07b{
    gap:48px;
  }

  .s07b-values{
    gap:40px;
  }

  .s07c{
    gap:64px;
  }

  .s07c-stories{
    margin-top:-40px;
  }

  .s07c-programs{
    margin-top:16px;
  }

  .s07c-program__content{
    min-height:168.2px;
  }
}

@media (min-width:640px) and (max-width:939px){
  .s07a-intro{
    padding-right:0;
  }
}

@media (min-width:640px) and (prefers-reduced-motion:no-preference){
  .s07c-card__media,
  .s07c-card__art{
    transition:transform 800ms var(--ease-card);
  }

  .s07c-program__glow{
    transition:opacity .25s linear;
  }

  .s07c-program__glow-fill{
    transition:transform 1s cubic-bezier(.16,1,.3,1);
  }

  .s07c-scroller{
    scroll-behavior:smooth;
  }
}

@media (min-width:940px) and (hover:hover) and (pointer:fine){
  .s07c-program:hover .s07c-program__glow{
    opacity:1;
  }
}

@media (prefers-reduced-motion:reduce){
  .s07c-card,
  .s07c-card__art,
  .s07c-card__title,
  .s07c-card__link{
    transform:none;
    opacity:1;
  }

  .s07c-card__art{
    transform:translateX(-50%);
  }
}