/* The first section hands off to the next as two layered scenes. */
.home-anchor{height:0;position:relative;scroll-margin-top:0}
.hero-hold{position:relative}
.scene-transition .hero-hold{position:sticky;top:var(--hero-pin-top,0px);z-index:0;isolation:isolate}
.scene-transition .hero-hold>.hero{
  transform:translate3d(0,var(--hero-retreat,0px),0) scale(var(--hero-scene-scale,1));
  transform-origin:50% 45%;opacity:var(--hero-scene-opacity,1);
  border-radius:var(--hero-scene-radius,0px);
}
.scene-transition .content-area{
  z-index:2;border-radius:var(--arrival-radius,36px) var(--arrival-radius,36px) 0 0;
  background-color:var(--bg);
  box-shadow:0 -1px 0 rgba(var(--tone-a-rgb),.28),0 -25px 85px rgba(0,0,0,.28);
}
.scene-transition .content-area:before{
  content:'';position:absolute;top:0;left:0;right:0;height:220px;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 22% 0%,rgba(var(--tone-a-rgb),.15),transparent 65%),radial-gradient(ellipse at 85% 0%,rgba(var(--tone-b-rgb),.1),transparent 60%);
}
.scene-transition .content-area:after{
  content:'';position:absolute;top:0;left:10%;right:10%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(var(--tone-a-rgb),.65),rgba(var(--tone-b-rgb),.35),transparent);
  opacity:var(--arrival-edge-opacity,1);
}
.scene-transition #architecture>.section-label{translate:0 var(--arrival-label-shift,0px)}
.scene-transition #architecture>.section-heading{translate:0 var(--arrival-heading-shift,0px)}
.scene-transition #architecture>.workflow-layout{translate:0 var(--arrival-content-shift,0px)}
@media(max-width:760px){.scene-transition .content-area{box-shadow:0 -1px 0 rgba(var(--tone-a-rgb),.2),0 -18px 55px #0003}}
@media(prefers-reduced-motion:reduce){
  .scene-transition .hero-hold{position:relative;top:auto}
  .scene-transition .hero-hold>.hero{transform:none;opacity:1;border-radius:0}
  .scene-transition .content-area{border-radius:0;box-shadow:none}
  .scene-transition #architecture>.section-label,.scene-transition #architecture>.section-heading,.scene-transition #architecture>.workflow-layout{translate:none}
}