/* Original seven perspective paths and travelling blue highlights. */
.island-hero{position:relative;isolation:isolate;overflow:hidden}
.island-hero>.shell{position:relative;z-index:1}
.island-hero .hero-lighting{display:block;position:absolute;inset:0;height:100%;z-index:0;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 75%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 75%,transparent)}
.island-hero .hero-lighting .hero-rays{display:block;position:absolute;inset:0;width:100%;height:100%;transform:none;mask-image:none}
.island-hero.motion-suspended .hero-ray-light{animation-play-state:paused}
.island-hero .hero-motion-toggle{position:absolute;z-index:2;right:40px;bottom:8px;display:none;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #415264;border-radius:0;background:#000;color:#c5ddeb;cursor:pointer;transition:color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}
.island-hero.hero-motion-ready .hero-motion-toggle{display:grid}
.island-hero .hero-motion-toggle[hidden]{display:none}
.island-hero .hero-motion-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.island-hero .hero-motion-toggle:hover{color:#fff;border-color:#88b8df}
.island-hero .hero-motion-toggle:focus-visible{outline:2px solid #32a9ff;outline-offset:4px}
.island-hero .hero-motion-toggle .motion-play{display:none}
.island-hero .hero-motion-toggle[aria-pressed=true] .motion-play{display:block}
.island-hero .hero-motion-toggle[aria-pressed=true] .motion-pause{display:none}
.island-hero.motion-paused h1>span{animation-play-state:paused}
@media(max-width:799px){
 .island-hero .hero-lighting .hero-rays{left:-40%;width:180%}
 .island-hero .hero-motion-toggle{right:12px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){
 .island-hero.hero-motion-ready .hero-motion-toggle{display:none}
}

/* Light follows the rounded rails, with a long blue wake and a white-hot tip. */
.island-hero .trace-rail{stroke:url(#trace-rail);stroke-width:1;vector-effect:non-scaling-stroke}
.island-hero .hero-ray-light{offset-path:none;offset-distance:0%;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:trace-current var(--trace-time,5.6s) linear var(--trace-delay,0s) infinite;fill:none}
.island-hero .trace-bloom{stroke:#008eed;stroke-width:7;stroke-opacity:.13;stroke-dasharray:110 890}
.island-hero .trace-tail{stroke:#1c9fff;stroke-width:1.65;stroke-opacity:.8;stroke-dasharray:110 890}
.island-hero .trace-core{stroke:#c5efff;stroke-width:2;stroke-dasharray:9 991;animation-name:trace-current-tip}
.island-hero.motion-suspended .hero-ray-light,html.page-motion-hidden .island-hero .hero-ray-light{animation-play-state:paused}
@keyframes trace-current{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes trace-current-tip{from{stroke-dashoffset:899}to{stroke-dashoffset:-101}}
@media(prefers-reduced-motion:reduce){
 .island-hero .hero-ray-light{display:none;animation:none}
 .island-hero .trace-rail{stroke-opacity:.85}
}