/* CoreLine motion: a measured opening, architectural depth, and brief arrivals. */
.motion-line{display:block;overflow:clip;padding-bottom:.14em;margin-bottom:-.14em}
.motion-line>span{display:block}
.hero-copy h1{animation:none}
.visual-corner{border:0}
.visual-corner:before,.visual-corner:after{content:'';position:absolute;background:#d0dbe4}
.visual-corner:before{top:0;left:0;width:100%;height:1px;transform-origin:left}
.visual-corner:after{right:0;top:0;height:100%;width:1px;transform-origin:top}
.scene-depth{transform:translate3d(0,var(--scene-shift,0px),0) scale(1.07)}
.scene-depth.is-in-view{will-change:transform}

@media(prefers-reduced-motion:no-preference){
  .motion-line>span{animation:line-arrival 1050ms cubic-bezier(.22,1,.36,1) both}
  .motion-line:nth-child(2)>span{animation-delay:140ms}
  .hero-copy .motion-line>span{animation-delay:120ms}
  .hero-copy .motion-line:nth-child(2)>span{animation-delay:260ms}
  .hero-copy>.eyebrow{animation:quiet-arrival 850ms 80ms both}
  .hero-description{animation:quiet-arrival 850ms 520ms both}
  .hero-cta{animation:quiet-arrival 850ms 640ms both}
  .hero-bottom{animation:quiet-arrival 1000ms 780ms both}
  .hero-image img{animation:image-settle 2100ms cubic-bezier(.2,.65,.2,1) both}
  .visual-corner:before{animation:horizontal-rule 900ms 600ms cubic-bezier(.22,1,.36,1) both}
  .visual-corner:after{animation:vertical-rule 750ms 1000ms cubic-bezier(.22,1,.36,1) both}
  .hero-index i{animation:horizontal-rule 950ms 1000ms cubic-bezier(.22,1,.36,1) both;transform-origin:left}
  @keyframes line-arrival{from{transform:translate3d(0,115%,0)}to{transform:translate3d(0,0,0)}}
  @keyframes quiet-arrival{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
  @keyframes image-settle{from{transform:scale(1.065);opacity:.55}to{transform:scale(1);opacity:1}}
  @keyframes horizontal-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @keyframes vertical-rule{from{transform:scaleY(0)}to{transform:scaleY(1)}}
}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
  .motion-line>span{animation-duration:850ms}
  .hero-image img{animation-duration:1600ms}
  .hero-bottom{animation-delay:550ms}
}
@media(prefers-reduced-motion:reduce){
  .scene-depth{transform:none!important;will-change:auto}
  .motion-line{overflow:visible}
}