.heso-root{--heso-bg:#05080c;--heso-bg-2:#081726;--heso-brand:#1389d6;--heso-brand-light:#5ec2f5;--heso-deep:#06283d;--heso-accent:#2fb4a8;--heso-white:#fff;--heso-dim:#ffffff9e;--heso-faint:#ffffff57;--heso-line:#ffffff1f;--heso-cross:.7s;background:var(--heso-bg);color:var(--heso-white);font-family:var(--font-hanken), system-ui, sans-serif;position:fixed;inset:0;overflow:hidden}.heso-stage{width:1920px;height:1080px;transform:translate(-50%, -50%) scale(var(--heso-scale,1));transform-origin:50%;background:radial-gradient(120% 90% at 50% 0%, var(--heso-bg-2) 0%, var(--heso-bg) 62%);will-change:transform;position:absolute;top:50%;left:50%;overflow:hidden}.heso-root[data-cursor=hidden],.heso-root[data-cursor=hidden] *{cursor:none}.heso-root[data-paused=true] .heso-stage *,.heso-root[data-paused=true] .heso-stage :before,.heso-root[data-paused=true] .heso-stage :after{animation-play-state:paused!important}.heso-scene{display:grid;position:absolute;inset:0}.heso-scene--in{animation:hesoSceneIn var(--heso-cross) cubic-bezier(.22, .61, .36, 1) both}.heso-scene--out{animation:hesoSceneOut var(--heso-cross) cubic-bezier(.4, 0, .7, .2) both;pointer-events:none}@keyframes hesoSceneIn{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes hesoSceneOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.988)}}.heso-display{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.03em;text-wrap:balance;font-weight:800;line-height:.96}.heso-mono{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase}.heso-eyebrow{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;color:var(--heso-brand-light);align-items:center;gap:18px;font-size:22px;font-weight:700;display:inline-flex}.heso-eyebrow:before{content:"";background:var(--heso-brand-light);width:46px;height:3px;transform:skew(-18deg)}@keyframes hesoRise{0%{opacity:0;transform:translateY(46px)}to{opacity:1;transform:translate(0,0)}}@keyframes hesoFade{0%{opacity:0}to{opacity:1}}@keyframes hesoFocus{0%{opacity:0;filter:blur(22px);transform:translateY(22px)scale(1.04)}60%{opacity:1}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes hesoCut{0%{opacity:0;transform:scale(1.14)}8%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes hesoMaskUp{0%{transform:translateY(135%)}to{transform:translate(0,0)}}@keyframes hesoScaleIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes hesoPopIn{0%{opacity:0;transform:translateY(26px)scale(.94)}70%{transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hesoKenBurns{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.13)translate(-1.4%,-1.6%)}}@keyframes hesoSweep{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(430%)skew(-18deg)}}@keyframes hesoDrift{0%{transform:translate(0,0)}to{transform:translateY(-80px)}}@keyframes hesoPulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes hesoLineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hesoScan{0%{opacity:0;transform:translateY(-10%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(640%)}}@keyframes hesoDraw{to{stroke-dashoffset:0}}@keyframes hesoDissolve{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(14px);transform:scale(1.12)}}@keyframes hesoSpark{0%{opacity:0;transform:translate(0,0)scale(.4)}30%{opacity:.9}to{opacity:0;transform:translate3d(var(--dx,0), var(--dy,-120px), 0) scale(1)}}.heso-mask{margin-bottom:-.14em;padding-bottom:.14em;display:block;overflow:hidden}.heso-mask>span{animation:.9s cubic-bezier(.16,1,.3,1) both hesoMaskUp;display:block}.heso-grid{background-image:linear-gradient(90deg,#5ec2f512 1px,#0000 1px),linear-gradient(#5ec2f512 1px,#0000 1px);background-size:80px 80px;animation:22s linear infinite hesoDrift;position:absolute;inset:-80px 0;-webkit-mask-image:radial-gradient(75% 60% at 50% 45%,#000 0%,#0000 78%);mask-image:radial-gradient(75% 60% at 50% 45%,#000 0%,#0000 78%)}.heso-glow{filter:blur(120px);pointer-events:none;border-radius:9999px;position:absolute}.heso-vignette{pointer-events:none;background:radial-gradient(120% 100%,#0000 42%,#0000009e 100%);position:absolute;inset:0}.heso-card{border:1px solid var(--heso-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0e;border-radius:22px}.heso-progress{transform-origin:0;background:linear-gradient(90deg, var(--heso-brand) 0%, var(--heso-brand-light) 100%);width:100%;height:4px;animation:hesoLineGrow var(--heso-scene-duration,10s) linear both;position:absolute;bottom:0;left:0}.heso-chrome{z-index:20;transition:opacity .32s;position:absolute}.heso-chrome[data-idle=true]{opacity:0;pointer-events:none}.heso-btn{font-family:var(--font-space-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:9px 16px;font-size:12px}.heso-btn:hover{color:#fff;background:#ffffff29}.heso-btn:focus-visible{outline:2px solid var(--heso-brand-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){.heso-root .heso-stage *,.heso-root .heso-stage :before,.heso-root .heso-stage :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.heso-progress{transform:scaleX(1);animation:none!important}}@keyframes hesoHardCut{0%{opacity:0;transform:scale(1.08)}5%{opacity:1;transform:scale(1)}93%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}@keyframes hesoDim{0%{opacity:1}to{opacity:.24}}@keyframes hesoKollaps{0%{opacity:1;transform:translate(0,0)scale(1)}70%{opacity:.5}to{opacity:0;transform:translate3d(var(--kx,0), var(--ky,0), 0) scale(.5);filter:blur(6px)}}.heso-root[data-format=story] .heso-grid,.heso-root[data-format=reel] .heso-grid{background-size:60px 60px}.heso-tr--fade.heso-scene--in{animation:hesoSceneIn var(--heso-cross) cubic-bezier(.22,.61,.36,1) both}.heso-tr--fade.heso-scene--out{animation:hesoSceneOut var(--heso-cross) cubic-bezier(.4,0,.7,.2) both}@keyframes hesoIrisIn{0%{clip-path:circle(0%)}to{clip-path:circle(78%)}}.heso-tr--iris.heso-scene--in{animation:hesoIrisIn var(--heso-cross) cubic-bezier(.5,0,.2,1) both}.heso-tr--iris.heso-scene--out{animation:hesoDim var(--heso-cross) ease both}@keyframes hesoWipeIn{0%{clip-path:polygon(-30% 0,0% 0,-10% 100%,-40% 100%)}to{clip-path:polygon(-30% 0,140% 0,130% 100%,-40% 100%)}}.heso-tr--wipe.heso-scene--in{animation:hesoWipeIn var(--heso-cross) cubic-bezier(.5,0,.15,1) both}.heso-tr--wipe.heso-scene--out{animation:hesoDim var(--heso-cross) ease both}@keyframes hesoPushIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hesoPushOut{0%{transform:translateY(0)}to{opacity:.25;transform:translateY(-38%)}}.heso-tr--push.heso-scene--in{animation:hesoPushIn var(--heso-cross) cubic-bezier(.45,0,.15,1) both}.heso-tr--push.heso-scene--out{animation:hesoPushOut var(--heso-cross) cubic-bezier(.45,0,.15,1) both}@keyframes hesoCurtainIn{0%{clip-path:inset(50% 0)}to{clip-path:inset(0)}}.heso-tr--blinds.heso-scene--in{animation:hesoCurtainIn var(--heso-cross) cubic-bezier(.45,0,.2,1) both}.heso-tr--blinds.heso-scene--out{animation:hesoDim var(--heso-cross) ease both}@keyframes hesoZoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.heso-tr--zoom.heso-scene--in{animation:hesoScaleIn var(--heso-cross) cubic-bezier(.3,0,.2,1) both}.heso-tr--zoom.heso-scene--out{animation:hesoZoomOut var(--heso-cross) cubic-bezier(.4,0,.8,.4) both}@keyframes hesoSplitOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}.heso-tr--split.heso-scene--out{animation:hesoSplitOut var(--heso-cross) cubic-bezier(.5,0,.2,1) both}.heso-tr--split.heso-scene--in{animation:hesoFade var(--heso-cross) ease-out both}@keyframes hesoLogoLand{0%{opacity:0;filter:blur(8px);transform:translateY(26px)scale(.94)}to{opacity:1;filter:blur();transform:none}}@keyframes hesoRuleGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hesoZeile{0%{opacity:0;transform:translateY(.34em)}to{opacity:1;transform:none}}@keyframes hesoFeldAuf{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes hesoGesicht{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hesoBlitz{0%{opacity:0}14%{opacity:.62}to{opacity:0}}
