*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#090909;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#090909}:root{--ink:#0a0a0a;--paper:#f0e8d0;--orange:#ef4c24;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif}.spray-overlay{z-index:9999;cursor:none;animation:.25s forwards fadeIn;position:fixed;inset:0}.spray-canvas{width:100%;height:100%;display:block}.spray-btn{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#0a0a0a66;cursor:pointer;background:#0a0a0a0f;border:1px solid #0a0a0a1a;border-radius:100px;padding:.5rem 1.2rem;font-size:.72rem;font-weight:400;transition:background .2s,color .2s;position:absolute;bottom:24px}.spray-btn:hover{color:#0a0a0aa6;background:#0a0a0a1c}.spray-reset{left:24px}.spray-close{right:24px}@keyframes dropIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatA{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(180deg)}}@keyframes floatB{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(10px)rotate(-180deg)}}@keyframes floatC{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(180deg)}}@keyframes floatD{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(12px)rotate(-180deg)}}@keyframes floatE{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(180deg)}}@keyframes floatF{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(8px)rotate(-180deg)}}@keyframes floatG{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-11px)rotate(180deg)}}@keyframes floatH{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(13px)rotate(-180deg)}}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}.page{background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--sans);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.page:after{content:"";width:200%;height:200%;image-rendering:pixelated;opacity:.13;pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.9' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='80' height='80' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:160px 160px;animation:.9s step-end infinite grainShift;position:fixed;inset:-50%}.shape{opacity:0;pointer-events:none;position:absolute}.shape-a{border:1px solid #0a0a0a12;border-radius:50%;width:200px;height:200px;animation:.9s 1.4s forwards fadeIn,18s ease-in-out 2.3s infinite floatA;top:12%;left:3%}.shape-b{background:#0a0a0a0a;border-radius:6px;width:72px;height:72px;animation:.9s 1.6s forwards fadeIn,14s ease-in-out 2.5s infinite floatB;top:52%;right:5%}.shape-c{border:1px solid #0a0a0a14;border-radius:50%;width:48px;height:48px;animation:.9s 1.8s forwards fadeIn,11s ease-in-out 2.7s infinite floatC;bottom:20%;left:7%}.shape-d{border:1.5px solid #ef4c241f;border-radius:50%;width:120px;height:120px;animation:.9s 2s forwards fadeIn,16s ease-in-out 2.9s infinite floatD;top:8%;right:7%}.shape-e{border:1px solid #0a0a0a14;width:58px;height:58px;animation:.9s 2.2s forwards fadeIn,13s ease-in-out 3.1s infinite floatE;bottom:14%;right:10%}.shape-f{background:#ef4c2426;border-radius:50%;width:18px;height:18px;animation:.9s 2.4s forwards fadeIn,9s ease-in-out 3.3s infinite floatF;top:38%;left:12%}.shape-g{border:1px solid #0a0a0a0d;border-radius:4px;width:90px;height:90px;animation:.9s 2.6s forwards fadeIn,20s ease-in-out 3.5s infinite floatG;bottom:8%;left:18%}.shape-h{border:1px solid #0a0a0a0f;border-radius:50%;width:64px;height:64px;animation:.9s 2.8s forwards fadeIn,15s ease-in-out 3.7s infinite floatH;top:65%;left:3%}.notch-wrap{opacity:0;justify-content:center;width:100%;animation:.75s cubic-bezier(.34,1.45,.64,1) .1s forwards dropIn;display:flex}.notch{background:var(--ink);color:var(--paper);cursor:pointer;border-radius:0 0 26px 26px;justify-content:center;align-items:center;min-width:180px;min-height:2.2rem;padding:.6rem 2.2rem .75rem;display:flex;position:relative;box-shadow:0 4px 28px #00000024}.notch:before,.notch:after{content:"";background:var(--paper);position:absolute;top:0}.notch:before{border-bottom-right-radius:18px;left:0}.notch:after{border-bottom-left-radius:18px;right:0}.notch-text,.notch-secret{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;z-index:1;white-space:nowrap;font-size:.72rem;font-weight:400;transition:opacity .25s,transform .25s;position:absolute}.notch-text{opacity:1;transform:translateY(0)}.notch-secret{opacity:0;letter-spacing:.1em;text-transform:none;font-size:.68rem;transform:translateY(6px)}.notch:hover .notch-text{opacity:0;transform:translateY(-6px)}.notch:hover .notch-secret{opacity:1;transform:translateY(0)}@keyframes hintFloat{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(-8deg)translateY(4px)}}.notch-hint{color:#0a0a0a52;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:2px;animation:.7s 2.8s forwards fadeIn,3s ease-in-out 3.5s infinite hintFloat;display:flex;position:absolute;top:14px;left:calc(50% + 110px);transform:rotate(-8deg)}.notch-hint-text{white-space:nowrap;font-family:Permanent Marker,cursive;font-size:.82rem;line-height:1}@media (width<=500px){.notch-hint{display:none}}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:780px;padding:3rem 2rem 4rem;display:flex}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#0a0a0a61;opacity:0;margin-bottom:1.4rem;font-size:.7rem;font-weight:400;animation:.85s .55s forwards fadeUp}.headline{font-family:var(--sans);letter-spacing:-.035em;opacity:0;margin-bottom:2rem;font-size:clamp(2.8rem,7.5vw,6.8rem);font-weight:600;line-height:1.04;animation:1s cubic-bezier(.16,1,.3,1) .72s forwards fadeUp}.headline em{letter-spacing:-.02em;font-style:normal;font-weight:300}.produktion-line{justify-content:center;align-items:center;height:clamp(3.6rem,9.5vw,8.8rem);display:flex;overflow:hidden}.produktion{color:var(--orange);white-space:nowrap}.body-text{font-family:var(--sans);letter-spacing:.01em;color:#0a0a0a8c;opacity:0;max-width:460px;margin-bottom:2.5rem;font-size:clamp(.88rem,1.5vw,1rem);font-weight:300;line-height:1.75;animation:.9s .95s forwards fadeUp}.br-desktop{display:inline}@media (width<=600px){.br-desktop{display:none}}@keyframes iconRoll{0%{transform:rotate(0)scale(1)}60%{transform:rotate(540deg)scale(.85)}to{transform:rotate(720deg)scale(1)}}@keyframes shimmer{0%{left:-80%}to{left:140%}}@keyframes arrowBounce{0%,to{transform:translate(0)}40%{transform:translate(5px)}70%{transform:translate(2px)}}.cta-morph{background:var(--ink);opacity:0;border:1.5px solid #0000;border-radius:100px;align-items:center;min-width:0;transition:background .45s .15s,border-color .45s .15s,box-shadow .35s,min-width .45s cubic-bezier(.16,1,.3,1),transform .2s;animation:.9s 1.15s forwards fadeUp;display:flex;box-shadow:0 6px 28px #00000029}.cta-morph--open{background:#eae2ca;border-color:#0a0a0a26;min-width:380px;box-shadow:0 2px 12px #00000014,inset 0 1px 3px #0000000d}.cta-morph__btn{color:var(--paper);cursor:pointer;font-family:var(--sans);letter-spacing:.01em;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.8rem;max-width:280px;padding:.68rem .9rem .68rem .68rem;font-size:.88rem;font-weight:400;transition:max-width .45s cubic-bezier(.4,0,.2,1),padding .45s cubic-bezier(.4,0,.2,1),color .3s .15s;display:flex;position:relative;overflow:hidden}.cta-morph--open .cta-morph__btn{color:#0a0a0a66;cursor:default;pointer-events:none;max-width:46px;padding:.68rem 0 .68rem .68rem}.cta-morph__btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;position:absolute;inset:0 0 0 -80%;transform:skew(-18deg)}.cta-morph:not(.cta-morph--open) .cta-morph__btn:hover:after{animation:.55s forwards shimmer}.cta-morph:not(.cta-morph--open):hover{transform:translateY(-2px);box-shadow:0 12px 38px #0000003d}.cta-morph:not(.cta-morph--open) .cta-morph__btn:hover .cta-morph__arrow{animation:.5s forwards arrowBounce}.cta-morph__icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .4s .15s;display:flex}.cta-morph--open .cta-morph__icon{background:#0a0a0a12;animation:.55s cubic-bezier(.34,1.4,.64,1) forwards iconRoll}.cta-morph__label{white-space:nowrap;flex-shrink:0;overflow:hidden}.cta-morph__arrow{opacity:.45;flex-shrink:0;display:inline-block}.cta-morph__input{min-width:0;font-family:var(--sans);color:var(--ink);opacity:0;background:0 0;border:none;outline:none;flex:0;width:0;padding:0;font-size:.9rem;font-weight:300;transition:flex .45s cubic-bezier(.16,1,.3,1) .18s,opacity .3s .32s,padding .45s cubic-bezier(.16,1,.3,1) .18s}.cta-morph--open .cta-morph__input{opacity:1;flex:1;padding:.85rem .85rem .85rem .75rem}.cta-morph__input::placeholder{color:#0a0a0a59}.cta-morph__send{background:var(--ink);color:var(--paper);max-width:0;font-family:var(--sans);letter-spacing:.03em;cursor:pointer;white-space:nowrap;opacity:0;border:none;border-radius:100px;flex-shrink:0;margin:0;padding:0;font-size:.8rem;font-weight:400;transition:opacity .25s .38s,transform .3s cubic-bezier(.34,1.4,.64,1) .38s,max-width .45s cubic-bezier(.16,1,.3,1) .18s,padding .45s cubic-bezier(.16,1,.3,1) .18s,margin .45s cubic-bezier(.16,1,.3,1) .18s;overflow:hidden;transform:scale(.82)translate(8px)}.cta-morph--open .cta-morph__send{opacity:1;max-width:160px;margin:5px;padding:.65rem 1.4rem;transform:scale(1)translate(0)}.cta-morph__send:hover{opacity:.78}@keyframes stampDrop{0%{opacity:0;transform:rotate(-8deg)scale(1.5)}55%{opacity:1;transform:rotate(-8deg)scale(.88)}75%{transform:rotate(-8deg)scale(1.04)}to{opacity:.82;transform:rotate(-8deg)scale(1)}}@keyframes stampShake{0%,to{opacity:.82;transform:rotate(-8deg)scale(1)}20%{transform:rotate(-9.5deg)scale(1.01)}50%{transform:rotate(-6.5deg)scale(.99)}}.stamp-wrap{animation:50ms forwards fadeIn}.stamp{border:3.5px solid var(--orange);width:170px;height:170px;color:var(--orange);filter:drop-shadow(0 0 6px #ef4c2440);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;animation:.45s cubic-bezier(.22,1,.36,1) forwards stampDrop,.25s ease-in-out .45s stampShake;display:flex;position:relative;transform:rotate(-8deg)}.stamp:before{content:"";border:1.5px dashed var(--orange);opacity:.55;border-radius:50%;position:absolute;inset:6px}.stamp-top{letter-spacing:.22em;text-transform:uppercase;opacity:.75;margin-bottom:.1rem;font-size:.52rem;font-weight:500}.stamp-main{letter-spacing:.14em;font-size:2.4rem;font-weight:800;line-height:1}.stamp-sub{letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:.15rem;font-size:.5rem;font-weight:400}.error-note{font-family:var(--sans);letter-spacing:.01em;color:var(--orange);font-size:.88rem;font-weight:300;animation:.4s forwards fadeIn}.footer{width:100%;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#0a0a0a4d;opacity:0;border-top:1px solid #0a0a0a12;justify-content:space-between;padding:1.2rem 2rem;font-size:.62rem;font-weight:300;animation:.8s 1.5s forwards fadeIn;display:flex}@keyframes ccSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ccSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.cc-bar{z-index:9998;pointer-events:none;padding:0 1.5rem 1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards ccSlideUp;position:fixed;bottom:0;left:0;right:0}.cc-bar--hide{animation:.4s cubic-bezier(.4,0,1,1) forwards ccSlideDown}.cc-inner{pointer-events:all;background:var(--paper,#f0e8d0);border:1px solid #0a0a0a1a;border-radius:14px;align-items:center;gap:1.5rem;max-width:680px;margin:0 auto;padding:1rem 1.2rem 1rem 1.4rem;display:flex;box-shadow:0 -2px #0a0a0a0a,0 8px 32px #0a0a0a1a,0 2px 8px #0a0a0a0f}.cc-text{flex-wrap:wrap;flex:1;align-items:baseline;gap:.65rem;min-width:0;display:flex}.cc-label{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--orange,#ef4c24);flex-shrink:0;font-size:.6rem;font-weight:600}.cc-text p{font-family:var(--sans);color:#0a0a0a8c;margin:0;font-size:.78rem;font-weight:300;line-height:1.55}.cc-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.cc-btn{font-family:var(--sans);letter-spacing:.03em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:100px;padding:.5rem 1.1rem;font-size:.75rem;font-weight:400;transition:opacity .18s,transform .18s}.cc-btn:hover{opacity:.78;transform:scale(.97)}.cc-btn--accept{background:var(--ink,#0a0a0a);color:var(--paper,#f0e8d0)}.cc-btn--decline{color:#0a0a0a73;background:0 0;border-color:#0a0a0a26}.cc-btn--decline:hover{color:#0a0a0aa6;border-color:#0a0a0a4d}@media (width<=560px){.cc-bar{padding:0 .75rem .75rem}.cc-inner{flex-direction:column;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem}.cc-actions{justify-content:flex-end;width:100%}}
