/* Original GoFactory logo pieces form GO + each verb, then reunite as the complete logo. */
.intro-active{overflow:hidden!important}
.kinetic-intro{position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden;background:#06121d;color:#edf6fb;font-family:Manrope,'Segoe UI',Arial,sans-serif;animation:kinetic-open .3s ease-out both}
.kinetic-intro.is-leaving{pointer-events:none;animation:kinetic-exit .45s cubic-bezier(.4,0,.8,.5) both}
.kinetic-scene{position:absolute;inset:0;z-index:-1;background:url('assets/factory-poster.webp') center/cover no-repeat;animation:kinetic-scene-in var(--intro-duration) cubic-bezier(.2,.6,.2,1) both}
.kinetic-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}
.kinetic-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#071723c7 0%,#06131de8 63%,#040d16f5 100%),linear-gradient(180deg,#07162355,#030e17a8)}
.kinetic-atmosphere{position:absolute;inset:-25%;background:linear-gradient(110deg,transparent 35%,#90d5ee0a 48%,#a8e6fa16 50%,#8fcbe706 53%,transparent 66%);transform:translateX(-30%);animation:kinetic-atmosphere var(--intro-duration) ease both;filter:blur(40px)}
.kinetic-top{position:absolute;left:5%;right:5%;top:38px;display:flex;justify-content:space-between;align-items:center;color:#91aebe;font-size:10px;font-weight:500;letter-spacing:.2em;animation:kinetic-chrome-in .8s .25s both}
.kinetic-top>span:first-child{letter-spacing:.24em;color:#c6d8df}
.kinetic-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 30px 120px;transform:translateY(-2%)}
.kinetic-eyebrow{font-size:10px;line-height:1.7;letter-spacing:.25em;color:#9ab8c7;text-align:center;margin:0 0 56px;animation:kinetic-chrome-in 1s .2s both}
.kinetic-brand{position:relative;width:clamp(280px,53vw,720px);max-width:100%;container-type:inline-size;isolation:isolate}
.kinetic-wordmark{position:relative;width:100%;aspect-ratio:3430/601;filter:drop-shadow(0 8px 28px #0006)}
.kinetic-g,.kinetic-factory{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.kinetic-g{clip-path:inset(0 86% 0 0);animation:kinetic-g-in var(--intro-duration) cubic-bezier(.2,.75,.25,1) both}
.kinetic-go-arrow{position:absolute;left:14.2%;top:0;width:12.4%;height:85%;overflow:hidden;transform-origin:50% 51%;animation:kinetic-arrow-turn var(--intro-duration) cubic-bezier(.45,0,.15,1) both;will-change:transform}
.kinetic-go-arrow img{position:absolute;left:-114.516129%;top:0;display:block;max-width:none;width:806.451613%;height:auto}
.kinetic-factory{clip-path:inset(0 0 0 28%);animation:kinetic-factory-form var(--intro-duration) linear both;will-change:transform,opacity,filter}
.kinetic-verbs{position:absolute;left:29%;right:0;top:0;height:81%;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:17cqw;font-weight:650;letter-spacing:-.05em;line-height:1;color:#d8f3ff;perspective:600px}
.kinetic-verbs>span{position:absolute;inset:0;display:flex;align-items:center;white-space:nowrap;opacity:0;transform:translateY(20%);filter:blur(7px);will-change:transform,opacity,filter}
.kinetic-word-0{animation:kinetic-word-plan var(--intro-duration) linear both}.kinetic-word-1{animation:kinetic-word-produce var(--intro-duration) linear both}.kinetic-word-2{animation:kinetic-word-monitor var(--intro-duration) linear both}
.kinetic-halo{position:absolute;z-index:-1;left:-18%;top:-150%;width:68%;height:400%;background:radial-gradient(ellipse,#82d1ed14,transparent 67%);filter:blur(24px);animation:kinetic-halo var(--intro-duration) ease both;pointer-events:none}
.kinetic-logo-light{position:absolute;inset:0;background:linear-gradient(105deg,transparent 37%,#a9e7ff 47%,white 50%,#a9e7ff 53%,transparent 63%) 150% 0/260% 100% no-repeat;mask:url('assets/gofactory-logo-white.png') center/contain no-repeat;-webkit-mask:url('assets/gofactory-logo-white.png') center/contain no-repeat;filter:drop-shadow(0 0 10px #98e6ff88);animation:kinetic-reunite-light var(--intro-duration) linear both;pointer-events:none}
.kinetic-underline{position:relative;height:1px;margin:26px 0 0 14.2%;background:linear-gradient(90deg,#a9ddeb00,#a9ddeb38 25%,#a9ddeb20 75%,#a9ddeb00);overflow:hidden;animation:kinetic-chrome-in .8s .5s both}
.kinetic-underline i{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#b4eaff,transparent);animation:kinetic-light-return var(--intro-duration) linear both}
.kinetic-signature{font-size:clamp(12px,1.2vw,16px);font-weight:450;letter-spacing:.16em;line-height:1.6;text-align:center;color:#b7cedd;margin:27px 0 0;animation:kinetic-signature var(--intro-duration) linear both}
.kinetic-signature span{margin:0 18px;color:#7caec2}
.kinetic-bottom{position:absolute;left:5%;right:5%;bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:24px;animation:kinetic-chrome-in .7s .2s both}
.kinetic-progress{width:150px;height:2px;background:#8bb9c91c;overflow:hidden}.kinetic-progress i{display:block;width:100%;height:100%;background:#9bcedf;transform-origin:left;animation:kinetic-progress var(--intro-duration) linear both}
.kinetic-bottom button{min-height:43px;padding:11px 20px;background:#10232b88;border:1px solid #8db5c242;border-radius:6px;color:#d9e8ef;font-size:12px;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}.kinetic-bottom button:hover{background:#25414e;border-color:#a7d8e6}.kinetic-bottom button:focus-visible{outline:2px solid #b7e9f7;outline-offset:5px}
@keyframes kinetic-open{from{opacity:0}to{opacity:1}}@keyframes kinetic-exit{to{opacity:0;filter:blur(3px);transform:scale(1.025)}}
@keyframes kinetic-chrome-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes kinetic-scene-in{0%{transform:scale(1.08);filter:blur(3px)}100%{transform:scale(1);filter:blur(0)}}
@keyframes kinetic-atmosphere{0%{opacity:0;transform:translateX(-40%)}20%{opacity:.7}80%{opacity:1}100%{opacity:.4;transform:translateX(35%)}}
@keyframes kinetic-g-in{0%{opacity:0;transform:translateX(-16px);filter:blur(9px)}8%,100%{opacity:1;transform:none;filter:none}}
@keyframes kinetic-arrow-turn{0%{opacity:0;transform:rotate(-90deg) scale(.85)}8%,23%{opacity:1;transform:rotate(0) scale(1)}32%,47%{opacity:1;transform:rotate(360deg)}56%,71%{opacity:1;transform:rotate(720deg)}81%,100%{opacity:1;transform:rotate(1080deg)}}
@keyframes kinetic-word-plan{0%{opacity:0;transform:translateY(22%) rotateX(-12deg);filter:blur(7px)}8%,23%{opacity:1;transform:none;filter:blur(0)}29%,100%{opacity:0;transform:translateY(-22%) rotateX(12deg);filter:blur(7px)}}
@keyframes kinetic-word-produce{0%,28%{opacity:0;transform:translateY(22%) rotateX(-12deg);filter:blur(7px)}35%,47%{opacity:1;transform:none;filter:blur(0)}53%,100%{opacity:0;transform:translateY(-22%) rotateX(12deg);filter:blur(7px)}}
@keyframes kinetic-word-monitor{0%,52%{opacity:0;transform:translateY(22%) rotateX(-12deg);filter:blur(7px)}59%,71%{opacity:1;transform:none;filter:blur(0)}77%,100%{opacity:0;transform:translateY(-22%) rotateX(12deg);filter:blur(7px)}}
@keyframes kinetic-factory-form{0%,74%{opacity:0;transform:translateX(24px);filter:blur(10px)}83%,100%{opacity:1;transform:none;filter:none}}
@keyframes kinetic-halo{0%{opacity:0;transform:scale(.75)}12%,24%{opacity:.8;transform:scale(1)}33%,47%{opacity:.45;transform:scale(.85)}56%,71%{opacity:.8;transform:scale(1)}84%{opacity:1;transform:translateX(45%) scale(1.35)}100%{opacity:.4;transform:translateX(45%) scale(1.2)}}
@keyframes kinetic-reunite-light{0%,82%{background-position:150% 0;opacity:0}84%{opacity:1}97%{background-position:-50% 0;opacity:1}100%{background-position:-50% 0;opacity:0}}
@keyframes kinetic-light-return{0%{transform:translateX(-100%);opacity:0}10%{opacity:.8}71%{transform:translateX(75%);opacity:.8}80%{transform:translateX(0);opacity:1}88%,100%{transform:translateX(-100%);opacity:0}}
@keyframes kinetic-signature{0%,81%{opacity:0;transform:translateY(10px);filter:blur(3px)}92%,100%{opacity:1;transform:none;filter:none}}
@keyframes kinetic-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
:lang(en) .kinetic-verbs{font-size:15cqw}:lang(de) .kinetic-verbs{font-size:14cqw}
@media(max-width:760px){.kinetic-top{top:27px;left:24px;right:24px;font-size:8px;letter-spacing:.15em}.kinetic-center{padding:90px 26px 100px;transform:translateY(-2%)}.kinetic-brand{width:100%;max-width:500px}.kinetic-eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:37px;max-width:300px}.kinetic-underline{margin-top:20px}.kinetic-signature{font-size:11px;letter-spacing:.1em;margin-top:20px}.kinetic-signature span{margin:0 11px}.kinetic-bottom{left:24px;right:24px;bottom:26px}.kinetic-progress{width:85px}.kinetic-bottom button{font-size:11px;padding:10px 15px}.kinetic-film{object-position:58% center}.kinetic-shade{background:radial-gradient(ellipse at 50% 44%,#071723bb,#06131de8 65%,#040d16f5)}}
@media(max-width:370px){.kinetic-center{padding-inline:20px}.kinetic-top,.kinetic-bottom{left:20px;right:20px}.kinetic-eyebrow{font-size:7px}.kinetic-signature{font-size:10px}.kinetic-signature span{margin:0 8px}}
@media(max-height:540px){.kinetic-center{padding-block:65px;transform:none}.kinetic-brand{width:min(48vw,460px)}.kinetic-eyebrow{margin-bottom:24px;font-size:8px}.kinetic-signature{margin-top:17px;font-size:12px}.kinetic-top{top:22px}.kinetic-bottom{bottom:20px}}
@media(prefers-reduced-motion:reduce){.kinetic-intro{display:none}}