/* Subtle motion for the TAZMIN home page. Content stays visible without JS. */
.hero{isolation:isolate}
.hero-glass-shine{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}
/* One complete glass sweep every five seconds. */
.hero-glass-shine::before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.03) 43%,rgba(255,255,255,.28) 49%,rgba(235,245,255,.1) 53%,transparent 59%);transform:translateX(-110%);animation:tazmin-hero-glass-shine 5s linear infinite}
.tazmin-motion-ready .hero-glass-shine::before{animation-play-state:paused}
.tazmin-motion-ready .hero.is-in-view .hero-glass-shine::before{animation-play-state:running}
.tazmin-motion-ready.motion-paused .hero-glass-shine::before{animation-play-state:paused!important}
@keyframes tazmin-hero-glass-shine{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
.hero-media{--motion-ring-size:617.1px}
.hero-ring-light{position:absolute;z-index:4;left:calc(50% - var(--motion-ring-size)/2);top:calc(50% - var(--motion-ring-size)/2);width:var(--motion-ring-size);height:var(--motion-ring-size);border-radius:50%;pointer-events:none;opacity:0;background:conic-gradient(from 0deg,transparent 0deg 278deg,rgba(193,160,92,.08) 291deg,rgba(236,208,146,.65) 306deg,rgba(255,249,231,.88) 314deg,rgba(193,160,92,.35) 324deg,transparent 337deg 360deg);-webkit-mask-image:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px));mask-image:radial-gradient(closest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.5px))}
.hero-pointer-glow{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:radial-gradient(190px circle at var(--light-x,50%) var(--light-y,50%),rgba(255,239,204,.16),rgba(255,248,227,.04) 42%,transparent 72%);transition:opacity .35s ease}
.tazmin-motion-ready .hero-ring-light{animation:tazmin-header-light 14s ease-in-out infinite;animation-play-state:paused}
.tazmin-motion-ready .hero-media.is-in-view .hero-ring-light{animation-play-state:running}
.tazmin-motion-ready .hero-media.is-pointer-lit .hero-pointer-glow{opacity:1}
@keyframes tazmin-header-light{0%{opacity:0;transform:rotate(-45deg)}6%{opacity:.8}27%{opacity:.65;transform:rotate(245deg)}34%,100%{opacity:0;transform:rotate(315deg)}}
.tazmin-motion-ready .motion-reveal:not(.is-revealed){opacity:0;translate:0 18px}
.tazmin-motion-ready .motion-reveal.is-revealed{animation:tazmin-reveal .68s cubic-bezier(.2,.65,.3,1) var(--motion-delay,0ms) both}
.tazmin-motion-ready .motion-reveal.is-static{animation:none}
.tazmin-motion-ready .motion-reveal:focus-within{opacity:1!important;translate:none!important;animation:none!important}
@keyframes tazmin-reveal{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
.workflow-art.isometric{position:relative}
.workflow-light{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
.workflow-stage,.workflow-trace{opacity:0}
/* Five tile highlights share the trace's eight-second cycle: 0.125Hz. */
.tazmin-motion-ready .workflow-art.is-playing .workflow-stage{animation:tazmin-stage-light 8s ease-in-out calc(var(--stage-index)*1.6s) infinite both}
@keyframes tazmin-stage-light{0%,20%,100%{opacity:0}5%,15%{opacity:1}}
.workflow-trace{fill:none;stroke-linecap:round;stroke-dasharray:.6 99.4;stroke-dashoffset:0}
.workflow-trace-halo{stroke:#c2a468;stroke-width:20;filter:url(#workflow-light-blur)}
.workflow-trace-core{stroke:#fff4ce;stroke-width:6}
.tazmin-motion-ready .workflow-art.is-playing .workflow-trace{animation:tazmin-workflow-trace 8s linear infinite both}
@keyframes tazmin-workflow-trace{0%{opacity:0;stroke-dashoffset:0}5%{opacity:1}94%{opacity:1}100%{opacity:0;stroke-dashoffset:-100}}
.tazmin-motion-ready .workflow-art:not(.is-in-view) .workflow-stage,.tazmin-motion-ready .workflow-art:not(.is-in-view) .workflow-trace,.tazmin-motion-ready.motion-paused .hero-ring-light,.tazmin-motion-ready.motion-paused .workflow-stage,.tazmin-motion-ready.motion-paused .workflow-trace,.tazmin-motion-ready.motion-paused .motion-reveal{animation-play-state:paused!important}
@media(max-width:720px){.hero-media{--motion-ring-size:369.05px}.hero-pointer-glow{display:none}}
@media(prefers-reduced-motion:reduce){.hero-glass-shine,.hero-ring-light,.hero-pointer-glow,.workflow-light{display:none!important}.hero-glass-shine::before{animation:none!important}.tazmin-motion-ready .motion-reveal{opacity:1!important;translate:none!important;animation:none!important}}