/* A daylight presentation surface for the reference's twelve-second transformation. */
.original-hero{--hero-space:.5rem;--hero-radius:1.35rem;--hero-duration:12s;--hero-icon:3.7rem;--hero-shadow:0 .8rem 2rem color-mix(in srgb,var(--identity-ink) 7%,transparent);width:100%;border:1px solid var(--identity-line);border-radius:var(--hero-radius);background:var(--direction-white);box-shadow:var(--hero-shadow);overflow:hidden;container-type:inline-size}
[data-direction=v8] .original-hero{--hero-radius:.65rem;--hero-shadow:.35rem .35rem 0 var(--identity-line)}
[data-direction=v13] .original-hero{--hero-radius:.35rem;--hero-shadow:none}
.original-hero-art{position:relative;padding:calc(var(--hero-space)*2)}
.original-hero-art>div,.original-hero-art>div>div,.original-hero-art>sc-if>div{width:100%!important;aspect-ratio:1.18!important;border-radius:calc(var(--hero-radius)*.65)!important;background:var(--identity-paper)!important}
.original-hero-art svg path{stroke:var(--identity-deep);stroke-width:2.5}
.original-hero-art p{left:calc(var(--hero-space)*3)!important;right:calc(var(--hero-space)*3)!important;font-family:'Figtree',sans-serif!important;font-size:.75rem!important;line-height:1.5!important;letter-spacing:.025em!important;color:var(--identity-deep)!important}
.original-hero-art p:first-of-type{top:calc(var(--hero-space)*3)!important;padding-bottom:calc(var(--hero-space)*2);border-bottom:1px solid var(--identity-line)}
.original-hero-art p:last-of-type{bottom:calc(var(--hero-space)*3)!important;padding-top:calc(var(--hero-space)*2);border-top:1px solid var(--identity-line)}
.original-hero .hero-system{display:flex;align-items:center;gap:var(--hero-space);font-family:'Figtree',sans-serif!important;font-size:.75rem!important;font-weight:500;background:var(--direction-white)!important;border:1px solid var(--identity-line)!important;border-radius:.5rem!important;padding:calc(var(--hero-space)*1.5)!important;color:var(--identity-ink)!important;box-shadow:var(--hero-shadow)}
.hero-system::before{content:'';width:.75rem;height:1rem;border:1px solid var(--identity-deep);border-radius:.15rem;background:repeating-linear-gradient(0deg,transparent 0 .2rem,var(--identity-line) .2rem .26rem)}
.original-hero .hero-system-0{left:14%!important}.original-hero .hero-system-4{left:85%!important}
.original-hero .hero-stop{width:29%!important;gap:calc(var(--hero-space)*2)!important;transform:translate(-50%,calc(var(--hero-icon)*-.5))!important}
.original-hero .hero-stop-0{left:18%!important}.original-hero .hero-stop-2{left:82%!important}
.original-hero .hero-stop-icon{display:grid;place-items:center;flex:none;width:var(--hero-icon)!important;height:var(--hero-icon)!important;border-radius:1rem!important;border:1px solid var(--identity-line)!important;box-shadow:0 .35rem .75rem color-mix(in srgb,var(--identity-ink) 9%,transparent)!important;background:var(--direction-white)!important;color:var(--identity-deep)}
.hero-stop-icon svg{width:1.9rem;height:1.9rem}.original-hero .hero-stop-icon svg path{stroke:currentColor;stroke-width:1.6}
.original-hero .hero-stop-2 .hero-stop-icon{background:var(--identity-ink)!important;border-color:var(--identity-ink)!important;color:var(--identity-paper);box-shadow:0 0 0 .35rem var(--identity-soft),var(--hero-shadow)!important}
.original-hero .hero-stop>span{font-family:'Figtree',sans-serif!important;font-size:.8rem!important;line-height:1.35!important;font-weight:550!important;color:var(--identity-ink)!important;overflow-wrap:normal!important}
.original-hero .hero-stop>span:last-child:not(:first-of-type){font-size:.6rem!important;padding:.3rem .45rem!important;letter-spacing:.04em!important;background:var(--identity-soft)!important;color:var(--identity-deep)!important;border-radius:.3rem!important;white-space:normal!important}
.original-hero-art [style*="heroReveal"]>div:first-child{left:8%!important;right:8%!important;height:2px!important;background:var(--identity-deep)!important}
.original-hero-art [style*="heroHide"],.original-hero-art [style*="heroReveal"]{animation-iteration-count:1!important;animation-fill-mode:both!important;animation-play-state:paused!important}
.original-hero[data-playing=true] .original-hero-art [style*="heroHide"],.original-hero[data-playing=true] .original-hero-art [style*="heroReveal"]{animation-play-state:running!important}
.original-hero-controls{display:flex;align-items:center;gap:var(--hero-space);padding:calc(var(--hero-space)*2) calc(var(--hero-space)*3);background:var(--direction-white);border-top:1px solid var(--identity-line);font:500 .75rem/1.4 'Figtree',sans-serif}
.original-hero-controls>span{margin-right:auto;color:var(--identity-muted)}
.original-hero-controls button{font:inherit;min-height:2.75rem;padding:var(--hero-space) calc(var(--hero-space)*2);border:1px solid var(--identity-line);border-radius:.5rem;background:var(--identity-paper);color:var(--identity-ink);cursor:pointer}
.original-hero-controls button:first-of-type{background:var(--identity-ink);border-color:var(--identity-ink);color:var(--identity-paper)}
.original-hero-controls [hidden]{display:none}
@container(max-width:24rem){.original-hero-art{padding:var(--hero-space);--hero-icon:2.75rem}.original-hero-art>div,.original-hero-art>div>div,.original-hero-art>sc-if>div{aspect-ratio:1!important}.original-hero .hero-stop>span{font-size:.75rem!important}.original-hero .hero-system{font-size:.7rem!important;padding:var(--hero-space)!important;max-width:35%}.hero-system::before{display:none}.original-hero-controls{flex-wrap:wrap;padding:calc(var(--hero-space)*2)}.original-hero-controls>span{flex-basis:100%}.original-hero-controls button{flex:1}.original-hero-art p{font-size:.7rem!important}}
@media(prefers-reduced-motion:reduce){.original-hero-art [style*="heroHide"]{clip-path:inset(0 0 0 100%)}.original-hero-art [style*="heroReveal"]{clip-path:inset(0 0 0 0)}.original-hero[data-static=before] .original-hero-art [style*="heroHide"]{clip-path:inset(0 0 0 0)}.original-hero[data-static=before] .original-hero-art [style*="heroReveal"]{clip-path:inset(0 100% 0 0)}}