/* Artitech Logo: Vektor im Header + Intro */
.at-hdr-logo{display:block;width:100%;height:auto;overflow:visible}
.elementor-element-e960001 img.at-logo-fallback{display:none}
.at-logo-stage{width:100%;max-width:640px;margin:0 auto}
.at-logo-stage svg{display:block;width:100%;height:auto;overflow:visible}
/* Grundzustand während des Intros */
.at-play .g-art .p,.at-play .g-it .p,.at-play .g-ech .p{fill-opacity:0;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.at-play .g-dots .d{opacity:0;transform:scale(.2);transform-box:fill-box;transform-origin:center}
.at-play .g-tag{opacity:0;transform:translateY(18px)}
/* Lange Version (Über uns, ca. 3,5 s) */
.at-play.at-long .g-art .p{animation:at-draw 1.15s cubic-bezier(.4,0,.2,1) calc(.1s + var(--i)*.28s) forwards,at-fill .45s ease-out calc(.95s + var(--i)*.28s) forwards}
.at-play.at-long .g-it .p{animation:at-draw .55s cubic-bezier(.4,0,.2,1) calc(1.55s + var(--i)*.18s) forwards,at-fill .3s ease-out calc(1.9s + var(--i)*.18s) forwards}
.at-play.at-long .g-ech .p{animation:at-draw .6s cubic-bezier(.4,0,.2,1) calc(2.05s + var(--i)*.12s) forwards,at-fill .3s ease-out calc(2.45s + var(--i)*.12s) forwards}
.at-play.at-long .g-dots .d{animation:at-pop .42s cubic-bezier(.2,1.4,.3,1) calc(2.35s + var(--i)*.014s) forwards}
.at-play.at-long .g-tag{animation:at-rise .6s ease-out 3.15s forwards}
/* Kurze Version (Header, ca. 1,7 s) */
.at-play.at-short .g-art .p{stroke-width:3;animation:at-draw .55s cubic-bezier(.4,0,.2,1) calc(.05s + var(--i)*.14s) forwards,at-fill .3s ease-out calc(.5s + var(--i)*.14s) forwards}
.at-play.at-short .g-it .p{stroke-width:3;animation:at-draw .35s cubic-bezier(.4,0,.2,1) calc(.75s + var(--i)*.1s) forwards,at-fill .25s ease-out calc(.95s + var(--i)*.1s) forwards}
.at-play.at-short .g-ech .p{stroke-width:3;animation:at-draw .35s cubic-bezier(.4,0,.2,1) calc(1s + var(--i)*.08s) forwards,at-fill .25s ease-out calc(1.2s + var(--i)*.08s) forwards}
.at-play.at-short .g-dots .d{animation:at-pop .35s cubic-bezier(.2,1.4,.3,1) calc(1.1s + var(--i)*.008s) forwards}
.at-play.at-short .g-tag{animation:at-rise .4s ease-out 1.45s forwards}
@keyframes at-draw{to{stroke-dashoffset:0}}
@keyframes at-fill{to{fill-opacity:1;stroke-width:0}}
@keyframes at-pop{0%{opacity:0;transform:scale(.2)}55%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
@keyframes at-rise{to{opacity:1;transform:none}}
/* Flug in die Ecke (Über uns) */
.at-flyer{position:fixed;z-index:9995;pointer-events:none;opacity:0}
.at-flyer svg{display:block;width:100%;height:100%;overflow:visible}
body.at-about-intro .elementor-element-e960001 .at-hdr-logo{opacity:0;transition:none}
body.at-about-intro.at-landed .elementor-element-e960001 .at-hdr-logo{opacity:1;transition:none}
.at-flyer{transition:none}
body.at-about-intro .at-scroll-header.at-header-hidden{transform:translateY(0)!important;pointer-events:auto!important}
@media (prefers-reduced-motion:reduce){.at-play .g-art .p,.at-play .g-it .p,.at-play .g-ech .p{fill-opacity:1;stroke-width:0;animation:none!important}.at-play .g-dots .d,.at-play .g-tag{opacity:1;transform:none;animation:none!important}}
/* Referenzkarten (Web & Foto): Seitenvorschau scrollt bei Hover / Klick durch die Website */
.at-ref-screen{overflow:hidden;position:relative}
.at-ref-screen img{width:100%!important;height:auto!important;max-width:none!important;object-fit:unset!important;display:block;transform:translateY(0);will-change:transform;transition:transform .5s ease}
.at-ref-screen.is-playing img{transition:transform var(--at-ref-dur,6s) linear}
.at-ref-screen.is-playing.is-down img{transform:translateY(var(--at-ref-shift,0px))}
.at-ref-screen.is-back img{transition:transform 1.2s ease-in-out}
.at-ref-card.is-hover .at-ref-browser{box-shadow:0 14px 34px rgba(20,41,47,.14)}