/* Motion from the supplied recording, applied to the original draft's geometry. */
html.motion-on{--motion-ease:cubic-bezier(.16,1,.3,1)}
.motion-on [data-motion-wait]{opacity:0}
.motion-on .motion-line{display:block;overflow:clip;padding-bottom:.09em;margin-bottom:-.09em}
.motion-on .motion-line-inner{display:block;will-change:transform,opacity}
.motion-on .hero-photo{position:relative;isolation:isolate}
.motion-on .motion-strips{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.motion-on .motion-strip{position:absolute;top:0;bottom:0;background-repeat:no-repeat;will-change:clip-path,opacity}
.motion-on .motion-source-masked{opacity:0!important}
.motion-on .motion-entering{will-change:transform,opacity}
.motion-on .motion-photo-entering{will-change:clip-path,opacity}
.motion-on.motion-ambient-desktop .hero-image,.motion-on.motion-ambient-desktop .motion-strips{scale:1.04;translate:0 var(--photo-drift,0px);will-change:translate}
.motion-on.motion-ambient-desktop .laptop{translate:0 var(--device-drift,0px);rotate:var(--device-turn,0deg);will-change:translate,rotate}
.motion-on .round-button .icon{transition:translate .32s var(--motion-ease)}
.motion-on .round-button:hover .icon{translate:2px 0}
.motion-on .round-button.previous:hover .icon{translate:-2px 0}
.motion-on .quote-controls .round-button:hover .icon{translate:0 2px}
.motion-on .quote-controls .round-button.up:hover .icon{translate:0 -2px}
.motion-on .button{transition:background .22s,border-color .22s,box-shadow .22s,translate .35s var(--motion-ease)}
.motion-on .button:hover{translate:0 -2px}
.motion-on .accordion-panel{transition:grid-template-rows .48s var(--motion-ease)}
.motion-on .accordion-item{transition:background .3s,color .3s,border-color .3s}
.motion-on .accordion-trigger .icon{transition:transform .4s var(--motion-ease)}
.motion-on .hover-card{transition:transform .45s var(--motion-ease),box-shadow .35s}
@media(max-width:767px){.motion-on .button:hover{translate:none}}
@media(prefers-reduced-motion:reduce){
  html.motion-on [data-motion-wait]{opacity:1}
  .motion-on .motion-source-masked{opacity:1!important}
  .motion-on .motion-strips{display:none!important}
  .motion-on .motion-line-inner{transform:none!important;opacity:1!important;will-change:auto}
  .motion-on.motion-ambient-desktop .hero-image,.motion-on.motion-ambient-desktop .laptop{scale:none;translate:none;rotate:none;will-change:auto}
  .motion-on .button:hover,.motion-on .round-button:hover .icon{translate:none}
}
