.ai-stage{width:100%;margin:0 auto;position:relative}.ai-stage--desktop{max-width:min(2000px,96vw);height:min(92vh,1000px)}.ai-stage--mobile{width:100vw;max-width:100vw;height:600px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.ai-field{position:absolute;inset:0;-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%)}.ai-stage--mobile .ai-field{-webkit-mask-image:radial-gradient(100% 45% at 50% 56%,#000 72%,#0000 100%);mask-image:radial-gradient(100% 45% at 50% 56%,#000 72%,#0000 100%)}.ai-photo{aspect-ratio:3/4;width:clamp(96px,12vw,150px);transform:rotate(var(--r)) translateY(0) scale(1);transition:transform .5s var(--easing-lift), box-shadow .5s ease;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);will-change:transform;position:absolute}.ai-stage--mobile .ai-photo{width:108px;transform:translate(-50%, -50%) rotate(var(--r)) translateY(0) scale(1)}.ai-photo>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.ai-photo-blur{filter:blur(3px)saturate(.85);opacity:.4}.ai-photo-sharp{opacity:0}.ai-photo.is-lit{transform:rotate(calc(var(--r) * .32)) translateY(-15px) scale(1.07);z-index:1;box-shadow:0 14px 28px #3c23144d,0 4px 8px #3c23143d}.ai-stage--mobile .ai-photo.is-lit{transform:translate(-50%, -50%) rotate(calc(var(--r) * .32)) translateY(-10px) scale(1.05)}.ai-photo.is-lit .ai-photo-blur{opacity:0}.ai-photo.is-lit .ai-photo-sharp{opacity:1}.ai-lines{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.ai-glow{fill:none;stroke:rgb(var(--color-accent));stroke-width:6px;opacity:.13;stroke-linecap:round}.ai-thread{fill:none;stroke:rgb(var(--color-accent));stroke-width:1.4px;opacity:.85;stroke-linecap:round}.ai-pulse{fill:none;stroke:rgb(var(--color-accent-hi));stroke-width:4px;opacity:0;stroke-linecap:round;filter:drop-shadow(0 0 5px rgb(var(--color-accent-hi)))}.ai-frame{fill:none;stroke:rgb(var(--color-accent));stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 3px rgb(var(--color-accent) / .5))}@media (prefers-reduced-motion:reduce){.ai-photo,.ai-photo>img{transition:none}}.ai-avatars{--ai-ring-size:clamp(72px, 8vw, 104px);z-index:7;justify-content:center;gap:clamp(18px,5vw,54px);display:flex;position:absolute;top:14px;left:0;right:0}.ai-stage--mobile .ai-avatars{--ai-ring-size:56px;gap:30px;top:18px}.ai-av{cursor:pointer;background:0 0;border:0;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;padding:4px;display:flex;position:relative}.ai-av:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:4px;border-radius:var(--radius-md)}.ai-ring-wrap{display:inline-flex;position:relative}.ai-ring{width:var(--ai-ring-size);height:var(--ai-ring-size);object-fit:cover;box-shadow:var(--shadow-sm);filter:grayscale(.35)opacity(.65);backface-visibility:hidden;will-change:transform;transition:transform .5s var(--easing-spring), filter .5s ease, border-color .4s ease, box-shadow .4s ease;border:2px solid #ffffffb3;border-radius:50%;transform:scale(1)translateZ(0)}.ai-stage--mobile .ai-nm{font-size:13px}.ai-nm{letter-spacing:.04em;color:rgb(var(--color-fg-muted));font-size:15px;font-weight:500;transition:all .45s}.ai-role{letter-spacing:.02em;color:rgb(var(--color-fg-muted) / .9);font-size:13px;font-weight:450}.ai-stage--mobile .ai-role{font-size:11px}.ai-av.on .ai-ring{filter:grayscale(0)opacity();border-color:rgb(var(--color-accent));box-shadow:var(--shadow-accent);transform:scale(1.16)translateZ(0)}.ai-av.on .ai-nm{color:rgb(var(--color-accent));font-weight:700}.ai-ping{width:var(--ai-ring-size);height:var(--ai-ring-size);border:1.5px solid rgb(var(--color-accent));opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.ai-av.on .ai-ping{animation:1s ease-out ai-ping}.ai-card{z-index:6;text-align:center;border-radius:var(--radius-lg);width:min(420px,80%);box-shadow:var(--shadow-md);background:#ffffffa8;border:1px solid #ffffff47;padding:26px 28px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.ai-stage--mobile .ai-card{top:46%}.ai-h2{letter-spacing:-.02em;font-size:clamp(22px,3vw,34px);font-weight:500;line-height:1.12}.ai-h2 em{color:rgb(var(--color-accent));font-style:italic}.ai-who{color:rgb(var(--color-fg-secondary));min-height:18px;margin-top:12px;font-size:13px}.ai-who b{color:rgb(var(--color-fg-primary))}@media (prefers-reduced-motion:reduce){.ai-av.on .ai-ping{animation:none}.ai-ring,.ai-nm{transition:none}}.ai-head{text-align:center;max-width:760px;margin-inline:auto}.ai-head--mobile{margin-bottom:18px}.story-kicker{letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--color-fg-muted));margin-bottom:18px;font-size:11px}.story-lead-h{letter-spacing:-.02em;max-width:14ch;margin:0 auto 18px;font-size:clamp(28px,4.4vw,52px);font-weight:500;line-height:1.06}.story-lead-h em{color:rgb(var(--color-accent));font-style:italic}.story-lead-p{max-width:60ch;color:rgb(var(--color-fg-secondary));margin:0 auto clamp(44px,6vw,72px);font-size:clamp(15px,1.4vw,18px);line-height:1.65}.story-reveal{opacity:0;transition:opacity .7s var(--easing-spring), transform .7s var(--easing-spring);transform:translateY(30px)}.story-reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.story-reveal{opacity:1;transition:none;transform:none}}.story-finale{letter-spacing:-.01em;color:rgb(var(--color-fg-primary));max-width:18ch;margin:0 auto 28px;font-size:clamp(22px,3vw,34px);font-style:italic;font-weight:400;line-height:1.25}.story-finale b{color:rgb(var(--color-accent));font-style:normal;font-weight:500}.story-cta{border-radius:var(--radius-pill);background:rgb(var(--color-accent));height:52px;color:rgb(var(--color-accent-fg));box-shadow:var(--shadow-md);transition:transform .25s var(--easing-spring), background .2s;align-items:center;gap:9px;padding:0 30px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.story-cta:hover{background:rgb(var(--color-accent-hover));transform:translateY(-2px)}.story-cta svg{width:18px;height:18px;stroke:rgb(var(--color-accent-fg));fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.story-cta{transition:none}}.story-guards{flex-wrap:wrap;justify-content:center;gap:10px 14px;max-width:760px;margin:0 auto clamp(48px,6vw,76px);display:flex}.story-guard{color:rgb(var(--color-fg-muted));background:rgb(var(--color-bg-tint));border:1px solid rgb(var(--color-border));border-radius:var(--radius-pill);align-items:center;gap:7px;padding:7px 14px;font-size:13px;display:inline-flex}.story-guard svg{width:15px;height:15px;stroke:rgb(var(--color-accent));fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.story-steps{--gap:clamp(20px, 3vw, 44px);gap:var(--gap);grid-template-columns:repeat(3,1fr);margin-bottom:clamp(40px,5vw,64px);display:grid;position:relative}.story-step{z-index:1;text-align:center;opacity:0;transition:opacity .7s var(--easing-spring), transform .7s var(--easing-lift);padding:0 6px;position:relative;transform:translateY(34px)scale(.97)}.story-steps.in .story-step{opacity:1;transform:none}.story-steps.in .story-step:first-child{transition-delay:.14s}.story-steps.in .story-step:nth-child(2){transition-delay:.42s}.story-steps.in .story-step:nth-child(3){transition-delay:.7s}.story-link{z-index:1;width:calc(100% + var(--gap) - 72px);background:rgb(var(--color-accent));transform-origin:0;border-radius:2px;height:2px;position:absolute;top:34px;left:calc(50% + 36px);transform:scaleX(0)}.story-steps.in .story-step:first-child .story-link{transition:transform .55s var(--easing-spring) .55s;transform:scaleX(1)}.story-steps.in .story-step:nth-child(2) .story-link{transition:transform .55s var(--easing-spring) .9s;transform:scaleX(1)}.story-badge{z-index:2;background:rgb(var(--color-bg-raised));border:1px solid rgb(var(--color-border));width:68px;height:68px;box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 22px;display:flex;position:relative}.story-badge svg{width:30px;height:30px;stroke:rgb(var(--color-accent));fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.story-ping{border:2px solid rgb(var(--color-accent));opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.story-steps.in .story-step:first-child .story-ping{animation:block04-story-ping 1s var(--easing-spring) .39s}.story-steps.in .story-step:nth-child(2) .story-ping{animation:block04-story-ping 1s var(--easing-spring) .67s}.story-steps.in .story-step:nth-child(3) .story-ping{animation:block04-story-ping 1s var(--easing-spring) .95s}.story-num{background:rgb(var(--color-accent));width:26px;height:26px;color:rgb(var(--color-accent-fg));font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:-8px;right:-8px}.story-step-title{letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(18px,1.7vw,22px);font-weight:500}.story-step-body{color:rgb(var(--color-fg-secondary));max-width:30ch;margin:0 auto;font-size:14px;line-height:1.6}.story-step-body em{color:rgb(var(--color-fg-primary));font-style:normal;font-weight:500}@media (width<=767px){.story-steps{--vgap:clamp(26px, 6vw, 40px);gap:var(--vgap);text-align:left;grid-template-columns:1fr;max-width:430px;margin:0 auto clamp(40px,6vw,60px)}.story-step{grid-template-columns:68px 1fr;align-items:start;column-gap:18px;padding:0;display:grid}.story-badge{grid-area:1/1/span 2;margin:0}.story-step-title{text-align:left;grid-area:1/2;margin-bottom:6px}.story-step-body{text-align:left;grid-area:2/2;max-width:none;margin:0}.story-link{width:2px;height:calc(100% + var(--vgap) - 68px);transform-origin:top;top:68px;left:34px;transform:scaleY(0)}.story-steps.in .story-step:first-child .story-link{transition:transform .5s var(--easing-spring) .45s;transform:scaleY(1)}.story-steps.in .story-step:nth-child(2) .story-link{transition:transform .5s var(--easing-spring) .8s;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.story-step{opacity:1;transition:none;transform:none}.story-ping{opacity:0;animation:none!important}.story-link{transition:none!important;transform:scaleX(1)!important}}@media (width<=767px) and (prefers-reduced-motion:reduce){.story-link{transform:scaleY(1)!important}}
