/* Fine grain stays still; light paths and timed ornaments provide movement. */
.hero,.intro,.insurance,.journey,.contact{position:relative;isolation:isolate}
.hero:after,.intro:after,.insurance:after,.journey:after,.contact:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.035;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}
.hero:after{opacity:.075;mix-blend-mode:soft-light}
.hero-content,.hero-scene,.hero-foot{position:relative;z-index:2}
.hero-orbit{z-index:1;transform-origin:50% 50%;will-change:transform}
.hero-orbit svg{filter:drop-shadow(0 0 20px #c59aff20)}
.scene-label:after{content:'';position:absolute;left:0;right:0;top:23px;height:1px;background:linear-gradient(90deg,#5d26bf28,transparent 40%,transparent 70%,#5d26bf28)}
.scene-note{animation:note-arrive 1s var(--ease) both;animation-delay:.25s}
.service-image:before{content:'';position:absolute;inset:11px;z-index:2;pointer-events:none;border:1px solid #5d26bf12;border-radius:6px}
.service-index:after{content:'';display:block;width:17px;height:1px;margin-top:10px;background:#5d26bf55;transform-origin:left;transition:transform .5s var(--ease)}
.service[open] .service-index:after{transform:scaleX(1.7)}
.journey-line:after{content:'';position:absolute;top:0;left:0;width:100%;height:var(--journey-progress,0%);background:var(--purple);transition:height .85s var(--ease)}
.journey-step{opacity:1}.journey-step:not(.active)>span{color:#766784}.journey-step.active>span{color:var(--purple)}
.contact-symbol{transition:transform .8s var(--ease)}
.contact:hover .contact-symbol{transform:translate(5px,-5px) rotate(8deg)}
.text-link span{display:inline-block;transition:transform .3s var(--ease)}
.text-link:hover span{transform:translate(3px,-3px)}
@keyframes note-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:740px){.hero:after{opacity:.055}.hero-orbit svg{stroke-width:6}.scene-label:after{top:18px}.hero-orbit{opacity:.55}}
@media(prefers-reduced-motion:reduce){.hero-orbit{transform:none!important;will-change:auto}.orbit-one{rotate:-19deg}.orbit-two{rotate:18deg}.scene-note{animation:none}.text-link span,.contact-symbol{transition:none}.text-link:hover span,.contact:hover .contact-symbol{transform:none}.journey-line:after{transition:none}}