@font-face{font-family:DM Sans;font-style:normal;font-weight:400 1000;font-display:swap;src:url(/fonts/dm-sans.ttf) format("truetype")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk.ttf) format("truetype")}:root{--paper:#f9f5e9;--ink:#24231f;--yellow:#ffdf38;--purple:#b4a4f5;--line:#24231f;--muted:#716e66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #6a51d2;outline-offset:5px}h1:focus{outline:none}::selection{background:var(--purple);color:var(--ink)}h1,h2,h3,p{margin:0}.app-shell{max-width:1800px;margin:auto}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;padding:14px;background:var(--yellow);border:2px solid var(--ink)}.skip-link:focus{top:12px}.site-header{height:103px;margin:0 5.25%;border-bottom:1.5px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{border:0;background:none;padding:0;font-family:Space Grotesk,Arial,sans-serif;font-weight:700;font-size:43px;letter-spacing:-3px;line-height:1}.wordmark>span{color:#866acd}.wordmark sup{font:600 14px DM Sans,Arial,sans-serif;vertical-align:super;letter-spacing:0;margin-left:8px}.header-center{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:1.65px;font-weight:700}.small-star{font-size:24px;color:#7960bc}.text-link{border:0;background:none;padding:6px 0;font-weight:650;font-size:14px;text-decoration:none}.text-link:not(:disabled):hover{text-decoration:underline;text-underline-offset:5px}.site-header .text-link{display:flex;gap:25px}.site-header .text-link>span{font-size:21px;line-height:.8}.eyebrow{font-family:Space Grotesk,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.4px;display:inline-flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--ink);display:inline-block;flex-shrink:0}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:24px;padding:54px 5.25% 64px;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#ece5fb80,transparent 47%)}.hero-copy{padding-top:7px;z-index:2}.hero h1,.hero-copy>.eyebrow,.hero-cta,.hero-description,.hero-meta,.hero-proof{animation:landing-arrive .65s both}.hero h1{animation-delay:70ms}.hero-description{animation-delay:.14s}.hero-cta{animation-delay:.21s}.hero-meta,.hero-proof{animation-delay:.28s}.hero h1{font-family:DM Sans,Arial,sans-serif;font-size:clamp(65px,6.95vw,112px);font-weight:1000;letter-spacing:-6.5px;line-height:1.04;margin:25px 0}.fritze-word{position:relative;display:inline-block;z-index:0}.fritze-word:before{content:"";position:absolute;left:-5px;right:-7px;bottom:6px;height:36%;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}.title-star{position:absolute;font-size:68px;color:#8a6ec7;right:-72px;top:2px;line-height:1;font-weight:500;animation:fritze-spin 28s linear infinite}.hero-description{color:#5d5a52;font-size:17px;line-height:1.75}.button{min-height:54px;border:1.5px solid var(--ink);padding:14px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-weight:750;font-size:14px;text-decoration:none;transition:box-shadow .16s,transform .16s,background .16s}.button.primary{background:var(--yellow);box-shadow:4px 4px 0 var(--ink)}.button.secondary{background:var(--paper)}.button:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.button:not(:disabled):active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.button>span{font-size:23px;line-height:1;font-weight:500}.hero-cta{min-width:255px;margin:28px 0 22px}.hero-meta{display:flex;flex-wrap:wrap;gap:13px;font-size:10px;color:#6b675e}.hero-meta>span{display:inline-flex;gap:5px;align-items:center}.hero-meta svg{width:14px;height:14px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:26px;color:var(--muted);font-size:11px}.hero-proof b{color:var(--ink)}.hero-proof-faces{display:flex;padding-left:7px}.hero-proof-faces>span{display:block;width:37px;height:37px;background:var(--typ-farbe);border:1.5px solid var(--ink);border-radius:50%;overflow:hidden;margin-left:-7px}.hero-proof-faces .portrait{width:39px;height:40px;margin-left:-2px}.hero-stage{position:relative;height:590px;margin-top:0;align-self:center}.hero-stage:before{content:"";position:absolute;inset:42px -14px 32px 3px;border:1px solid #baa7df60;border-radius:50%;transform:rotate(-16deg)}.stage-grid{position:absolute;inset:9px -20px 16px 0;background-image:linear-gradient(#ddd6c880 1px,transparent 0),linear-gradient(90deg,#ddd6c880 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:radial-gradient(ellipse,black 24%,transparent 74%);mask-image:radial-gradient(ellipse,black 24%,transparent 74%)}.stage-caption{position:absolute;top:0;left:24px;font-size:8px;letter-spacing:1.45px;font-weight:650}.hero-persona{position:absolute;border:1.5px solid var(--ink);background:var(--typ-farbe);width:226px;box-shadow:6px 6px 0 #24231f;padding:14px 15px 0;text-align:left;animation:persona-drift 7s ease-in-out infinite;transition:transform .3s,box-shadow .3s,background-color .45s}.hero-persona:focus-visible,.hero-persona:hover{transform:rotate(0deg) translateY(-5px);z-index:5;box-shadow:8px 10px 0 #24231f}.hero-persona.persona-computer{animation-delay:-2.5s}.hero-persona.persona-spass{animation-delay:-4s}.persona-topline{display:flex;justify-content:space-between;align-items:center;font:600 8px Space Grotesk,Arial,sans-serif;letter-spacing:.75px}.persona-topline>span:last-child{font-size:21px;line-height:1}.portrait{display:block;width:100%;height:auto}.persona-portrait{display:block;margin-top:8px;height:205px;object-fit:contain;animation:portrait-arrive .45s both}.persona-portrait .portrait{width:100%;height:100%}.persona-bottom{border-top:1px solid var(--ink);margin:0 -15px;padding:15px 15px 17px;display:flex;flex-direction:column;gap:4px;background:#fff2;min-height:78px}.persona-bottom strong{font-family:Space Grotesk,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.7px;line-height:1.2}.persona-bottom>span{font-size:10px;line-height:1.4;min-height:2.8em}.persona-staenker{top:47px;left:10px;transform:rotate(-9deg)}.persona-computer{top:178px;right:0;transform:rotate(8deg);z-index:2}.persona-spass{top:239px;left:39px;transform:rotate(-4deg);z-index:3}.hero-sticker{position:absolute;z-index:4;top:58px;right:6px;width:140px;height:140px;transform:rotate(12deg);display:grid;place-items:center;background:var(--purple);animation:sticker-sway 9s ease-in-out infinite;clip-path:polygon(50% 0,59% 8%,71% 4%,76% 15%,88% 15%,88% 27%,99% 33%,94% 45%,100% 55%,89% 64%,90% 76%,78% 80%,74% 92%,62% 91%,52% 100%,42% 92%,29% 96%,24% 84%,12% 85%,11% 72%,1% 67%,6% 55%,0 45%,11% 36%,10% 24%,22% 20%,27% 8%,39% 9%)}.hero-sticker>span{font-family:Space Grotesk,Arial,sans-serif;font-weight:500;font-size:15px;line-height:1.2;text-align:center}.hero-sticker b{font-size:25px}.stage-scribble{position:absolute;left:40px;bottom:-16px;transform:rotate(-4deg);font-family:Georgia,serif;font-style:italic;font-size:18px}.stage-scribble>span{display:inline-block;font-size:46px;vertical-align:middle;margin-left:13px;transform:rotate(-30deg)}.stage-spark{position:absolute;font-size:42px;animation:fritze-spin 32s linear infinite}.spark-one{left:-14px;top:205px;color:#866acd}.spark-two{right:37px;bottom:7px;color:#d48260;font-size:30px;animation-direction:reverse}.fritze-parade{overflow:hidden;background:#eee8f8;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:22px 0 26px}.parade-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5.25%;margin-bottom:19px}.parade-heading h2{font-size:14px;font-weight:450;line-height:1.5}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;border:1px solid #b4a7c4;border-radius:30px;padding:8px 13px;background:#f9f5e9b0;font-size:9px}.motion-toggle>span{font-size:13px;line-height:1}.motion-toggle:hover{background:var(--paper);border-color:var(--ink)}.parade-window{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.parade-track{display:flex;width:max-content;animation:fritze-parade 70s linear infinite}.parade-group{display:flex;gap:18px;padding-right:18px}.parade-fritze{display:flex;align-items:center;gap:12px;width:270px;padding:13px 14px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 #24231f;margin-bottom:4px}.parade-portrait{display:block;width:55px;height:58px;background:var(--typ-farbe);border:1px solid var(--ink);flex-shrink:0;overflow:hidden}.parade-fritze>span:nth-child(2){min-width:0;flex:1 1}.parade-fritze b{display:block;font-size:14px;letter-spacing:-.4px}.parade-fritze small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:5px}.parade-star{font-size:23px;color:#8970b0}.hero-stage:focus-within .hero-persona,.hero-stage:hover .hero-persona,.parade-window:hover .parade-track{animation-play-state:paused}.how-section{padding:69px 5.25% 65px;display:grid;grid-template-columns:.9fr 1.8fr;gap:62px;border-bottom:1.5px solid var(--ink)}.lineup-heading h2,.mix-intro h2,.section-heading h2,.share-section h2{font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-1.3px;margin:16px 0}.section-heading p{font-size:13px;line-height:1.6;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:2px}.steps article{padding:18px;border:1px solid #c8c0af;background:#fff3;box-shadow:3px 3px 0 #d8d0be}.step-number{font:500 13px Space Grotesk,Arial,sans-serif;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);background:var(--paper);margin:0 0 25px;border-radius:50%;transition:transform .25s}.steps article:hover .step-number{transform:rotate(-12deg) scale(1.08)}.steps article:nth-child(2) .step-number{background:var(--yellow)}.steps article:nth-child(3) .step-number{background:var(--purple)}.steps h3{font-size:16px;letter-spacing:-.35px;font-weight:750;margin-bottom:12px}.steps p{font-size:12px;color:var(--muted);line-height:1.8;max-width:210px}.lineup-section{padding:66px 5.25% 82px}.lineup-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.lineup-heading h2{margin-bottom:0}.lineup-heading p{margin-top:12px;font-size:12px;color:var(--muted)}.lineup-heading .text-link{font-size:12px}.lineup{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 18px}.lineup-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.lineup-filters button{display:flex;align-items:center;gap:11px;border:1px solid #b4ad9c;border-radius:30px;background:none;padding:10px 15px;font-size:11px;font-weight:650;transition:background .2s,transform .2s}.lineup-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.lineup-filters button:hover{transform:translateY(-2px)}.lineup-filters button>span{opacity:.6;font-family:Space Grotesk,Arial,sans-serif;font-size:10px}.lineup-card{text-align:left;padding:0;background:none;border:0;min-width:0}.lineup-art{display:block;background:var(--typ-farbe);border:1.5px solid var(--ink);height:210px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.lineup-card:focus-visible .lineup-art,.lineup-card:hover .lineup-art{transform:translateY(-5px) rotate(-1.5deg);box-shadow:5px 5px 0 var(--ink)}.lineup-art .portrait{width:min(100%,205px);height:calc(100% - 30px);margin:20px auto 0;transition:transform .35s;transform-origin:center bottom}.lineup-card:focus-visible .portrait,.lineup-card:hover .portrait{transform:translateY(-3px) rotate(3deg) scale(1.04)}.lineup-card-number{position:absolute;left:11px;top:12px;font-family:Space Grotesk,Arial,sans-serif;font-size:9px}.lineup-category{position:absolute;bottom:11px;left:10px;right:10px;font-size:8px;font-weight:650;text-align:center;background:#f9f5e9e6;border:1px solid var(--ink);padding:5px 7px}.lineup-arrow{position:absolute;top:12px;right:14px;font-size:21px}.lineup-card>strong{display:block;font-size:15px;letter-spacing:-.6px;margin-top:15px;overflow-wrap:anywhere}.lineup-card>span:last-child{display:block;font-size:11px;color:var(--muted);line-height:1.5;margin-top:5px}.lineup-more{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-top:31px;margin-top:31px;border-top:1px solid #c8c0af;font-size:11px;color:var(--muted)}.lineup-more .button{color:var(--ink);font-size:12px;flex-shrink:0}.landing-finale{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 5.25% 74px;padding:42px;border:1.5px solid var(--ink);background:#e4dbf9;box-shadow:6px 6px 0 var(--ink)}.landing-finale h2{font-size:clamp(32px,4vw,58px);font-weight:900;line-height:1.15;letter-spacing:-2px;margin:12px 0}.landing-finale p{font-size:13px;line-height:1.7}.landing-finale .button{flex-shrink:0}.finale-star{position:absolute;top:-24px;right:28px;color:var(--ink);font-size:45px;animation:fritze-spin 30s linear infinite}.landing[data-motion=off] .finale-star,.landing[data-motion=off] .hero-persona,.landing[data-motion=off] .hero-sticker,.landing[data-motion=off] .parade-track,.landing[data-motion=off] .stage-spark,.landing[data-motion=off] .title-star{animation-play-state:paused}@keyframes landing-arrive{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes portrait-arrive{0%{opacity:0;transform:translateY(8px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes persona-drift{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes sticker-sway{0%,to{rotate:-3deg}50%{rotate:4deg}}@keyframes fritze-spin{to{rotate:1turn}}@keyframes fritze-parade{to{transform:translateX(-50%)}}.site-footer{margin:0 5.25%;border-top:1.5px solid var(--ink);padding:25px 0 28px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:10px}.site-footer>div:first-child{display:flex;align-items:center;gap:20px}.footer-logo{font-family:Space Grotesk,Arial,sans-serif;font-size:25px;letter-spacing:-1.5px;font-weight:700;color:var(--ink)}.site-footer>div:last-child{display:flex;flex-direction:column;align-items:end;gap:9px}.site-footer button{background:none;border:0;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.notice{margin:20px 5.25% 0;padding:16px 20px;border:1px solid var(--ink);background:var(--yellow);font-size:14px}.quiz-section{padding:45px 5.25% 65px;min-height:calc(100vh - 205px);max-width:1380px;margin:auto}.quiz-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 11px Space Grotesk,Arial,sans-serif;letter-spacing:1.4px}.quiz-meta>span:last-child{color:var(--muted)}.quiz-meta b{color:var(--ink)}.quiz-progress{height:6px;background:#e7e1d4;margin:19px 0 54px}.quiz-progress>span{display:block;background:var(--ink);height:100%;transition:width .25s}.quiz-layout{display:grid;grid-template-columns:.72fr 1.6fr;gap:90px}.quiz-aside{position:relative;padding:20px 0}.quiz-doodle{position:absolute;top:-19px;right:10px;z-index:2;color:#8060c3;font-size:66px;transform:rotate(15deg)}.quiz-portrait{border:1.5px solid var(--ink);background:var(--typ-farbe);transform:rotate(-5deg);max-width:280px;margin:18px auto 30px;overflow:hidden}.quiz-portrait .portrait{margin-top:18px}.quiz-aside p{font-size:21px;line-height:1.4;font-weight:450;letter-spacing:-.5px;text-align:center;margin-bottom:16px}.quiz-aside>span:last-child{display:block;text-align:center;color:var(--muted);font-size:12px;line-height:1.8;max-width:220px;margin:auto}.question-theme{color:#756949}.quiz-body h1{font-size:42px;line-height:1.15;letter-spacing:-1.8px;font-weight:900;margin:16px 0 17px}.question-description{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:26px}.answers{display:grid;gap:11px}.answer{text-align:left;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:17px;padding:16px 18px;min-height:76px;background:transparent;border:1px solid #b4ad9c;font-size:14px;line-height:1.65;transition:background .15s,border-color .15s,box-shadow .15s}.answer:hover{background:#eee7d7;border-color:var(--ink)}.answer.selected{background:var(--yellow);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.answer-letter{font:600 13px Space Grotesk,Arial,sans-serif;display:grid;place-items:center;border:1px solid #b4ad9c;height:31px;width:31px;border-radius:50%}.selected .answer-letter{background:var(--ink);color:var(--yellow);border-color:var(--ink)}.answer-check{font-size:19px;color:#938b7b}.selected .answer-check{color:var(--ink)}.quiz-navigation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:29px}.back-link{font-size:12px}.quiz-key-note{margin:18px 0 0;text-align:right;color:var(--muted);font-size:10px;line-height:1.6}.result-section{padding:42px 5.25% 70px}.result-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 50px}.result-edition{font-size:9px;letter-spacing:1.2px}.result-layout{display:grid;grid-template-columns:1.2fr .85fr;gap:88px;align-items:center}.result-prefix{font-size:17px}.result-copy h1{font-size:clamp(39px,5vw,79px);line-height:1.08;letter-spacing:-3px;margin:16px 0 18px;font-weight:1000;overflow-wrap:anywhere}.result-title-dot{-webkit-text-stroke:1px var(--ink)}.result-subtitle{font-size:19px;font-weight:600;letter-spacing:-.3px;margin-bottom:21px}.result-description{font-size:15px;line-height:1.9;color:var(--muted);max-width:555px}.result-traits{display:grid;grid-template-columns:1fr 1fr;gap:27px;margin-top:30px;padding-top:22px;border-top:1px solid #b4ad9c}.result-traits span{font-size:8px;font-weight:700;letter-spacing:1.2px}.result-traits p{font-size:13px;line-height:1.7;margin-top:8px}.result-poster{background:var(--typ-farbe);border:1.5px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(3deg);padding:18px 23px 0;max-width:430px;width:100%;justify-self:end}.poster-header{display:flex;align-items:center;justify-content:space-between;font:500 10px Space Grotesk,Arial,sans-serif;letter-spacing:1px}.poster-header>span:last-child{font-size:28px}.result-portrait{width:290px;max-width:100%;margin:9px auto 0}.poster-quote{font-family:Georgia,serif;font-style:italic;text-align:center;font-size:20px;padding:20px 0}.poster-bottom,.poster-quote{border-top:1px solid var(--ink)}.poster-bottom{background:#fff2;margin:0 -23px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.poster-bottom>span{font-size:7px;letter-spacing:1px}.poster-bottom>b{font:700 25px Space Grotesk,Arial,sans-serif;letter-spacing:-2px}.mix-section{display:grid;grid-template-columns:.8fr 1.45fr;gap:90px;margin:80px 0 0;padding-top:43px;border-top:1.5px solid var(--ink)}.mix-intro h2{font-size:35px}.mix-intro>p{color:var(--muted);font-size:12px;line-height:1.8;max-width:290px}.mix-intro>.tie-note{background:#eee7d7;padding:11px 13px;margin-top:19px;font-size:11px;color:var(--ink)}.mix-cards{display:grid;gap:13px}.mix-card{border:1px solid var(--ink);background:transparent;padding:13px 16px;display:flex;gap:16px;align-items:center;text-align:left;transition:background .15s}.mix-card:hover{background:#eee7d7}.mix-mini{width:77px;height:82px;background:var(--typ-farbe);border:1px solid var(--ink);overflow:hidden;flex-shrink:0}.mix-mini .portrait{margin-top:4px}.mix-card-body{flex:1 1}.mix-label{display:block;font-size:7px;letter-spacing:1px;font-weight:650;margin-bottom:5px}.mix-card-body>strong{display:block;font-size:18px;letter-spacing:-.5px}.mix-card-body>p{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.6}.mix-meter{height:4px;background:#e3ddce;width:100%;margin-top:9px}.mix-meter>span{display:block;background:var(--ink);height:100%}.mix-percentage{font-size:30px;font-family:Space Grotesk,Arial,sans-serif;font-weight:600;padding-left:10px}.mix-percentage small{font-size:12px;margin-left:2px}.share-section{margin-top:56px;border:1.5px solid var(--ink);background:var(--purple);padding:33px 37px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}.share-section h2{margin-top:12px;font-size:29px}.share-section p{font-size:12px;line-height:1.7}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.share-actions .button{font-size:12px;gap:20px;min-height:49px;padding:12px 20px}.redo-link{grid-column:span 2;font-size:11px;justify-self:end}.manual-link,.manual-link input{display:block;width:100%;font-size:12px}.manual-link input{margin-top:9px;padding:13px;border:1px solid var(--ink);background:var(--paper)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);padding:15px 24px;font-size:12px;line-height:1.5;box-shadow:4px 4px 0 #b4a4f5;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50;max-width:calc(100vw - 40px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%)}dialog{color:var(--ink);background:var(--paper);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:30px;max-height:88dvh}dialog::backdrop{background:#24231f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-dialog{width:min(1020px,calc(100vw - 45px))}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.close-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--ink);background:var(--yellow);font-size:27px;font-weight:400;line-height:1;flex-shrink:0}dialog h2{font-size:34px;letter-spacing:-1.3px;line-height:1.18;margin-bottom:17px}.gallery-description{font-size:13px;color:var(--muted);margin-bottom:24px;line-height:1.7}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-card{display:block;border:1px solid var(--ink);background:var(--typ-farbe);padding:11px 13px 16px;text-align:left;transition:box-shadow .15s}.gallery-card:hover{box-shadow:3px 3px 0 var(--ink)}.gallery-card .portrait{max-width:135px;height:140px;margin:auto}.gallery-card>strong{display:block;font-size:14px;letter-spacing:-.3px;margin:8px 0}.gallery-card>span{display:block;font-size:10px;line-height:1.6}.profile-detail{max-width:600px;margin:auto;padding-bottom:12px}.detail-portrait{background:var(--typ-farbe);border:1px solid var(--ink);width:185px;margin:20px auto}.detail-motto,.profile-detail h2{text-align:center}.detail-motto{font-family:Georgia,serif;font-size:18px;font-style:italic;margin-bottom:24px}.profile-detail>p:not(.detail-motto){font-size:14px;line-height:1.9;color:var(--muted)}.detail-traits{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;border-top:1px solid #b4ad9c;padding-top:20px}.detail-traits p{font-size:13px;line-height:1.8}.detail-traits b{display:block;margin-bottom:7px}.info-dialog{width:min(680px,calc(100vw - 45px))}.info-dialog h3{font-size:17px;margin:28px 0 12px}.info-dialog p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:13px}.info-dialog>a{font-size:12px}.error-page{max-width:750px;margin:100px auto;padding:30px}.error-page h1{font-size:50px;letter-spacing:-2px;margin:20px 0}.error-page p{margin:20px 0;line-height:1.7}@media (min-width:1500px){.hero-stage{max-width:650px;height:650px}.hero-persona{width:265px}.persona-portrait{height:240px}.persona-spass{left:61px;top:258px}.persona-computer{right:8px;top:200px}.hero-sticker{right:34px}}@media (max-width:1100px){.hero{padding-top:57px;gap:10px}.hero h1{font-size:80px;letter-spacing:-5px}.hero-stage{height:590px}.hero-persona{width:198px;padding:11px 12px 0}.persona-portrait{height:178px}.persona-bottom{margin:0 -12px;padding:12px}.persona-bottom strong{font-size:17px}.persona-bottom>span{font-size:9px}.persona-staenker{left:0;top:48px}.persona-spass{left:16px;top:255px}.persona-computer{top:173px;right:0}.hero-sticker{right:0;width:124px;height:124px}.hero-sticker>span{font-size:13px}.hero-sticker b{font-size:21px}.stage-caption{left:3px;font-size:7px}.stage-scribble{left:23px;bottom:-16px;font-size:15px}.hero-description{font-size:15px}.hero-meta{gap:8px;font-size:9px}.how-section{gap:35px}.steps{gap:23px}.lineup-art{height:200px}.lineup-art .portrait{width:min(100%,182px);height:189px}.lineup{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lineup-card>strong{font-size:15px}.quiz-layout{gap:50px;grid-template-columns:.65fr 1.6fr}.quiz-body h1{font-size:37px}.result-layout{gap:52px}.result-portrait{width:255px}.mix-section{gap:50px}.share-section{padding:28px}.share-actions .button{padding:11px 14px;gap:12px}}@media (max-width:800px){.lineup{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-finale{padding:30px;flex-wrap:wrap}.site-header{height:85px}.header-center{display:none}.hero{gap:0;padding-top:48px;padding-bottom:63px}.hero h1{font-size:66px;letter-spacing:-4.5px;margin-top:22px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:.8px}.hero-description{font-size:13px}.hero-cta{min-width:auto;padding:13px 19px;gap:25px;font-size:12px;margin-top:25px}.hero-meta{font-size:8px;gap:7px}.hero-stage{height:520px;margin-top:22px}.hero-persona{width:167px}.persona-portrait{height:153px}.persona-topline{font-size:6px;letter-spacing:.6px}.persona-bottom strong{font-size:14px}.persona-bottom>span{font-size:7px}.persona-staenker{top:32px;left:7px}.persona-spass{top:210px;left:16px}.persona-computer{top:131px;right:0}.hero-sticker{top:25px;right:0;width:102px;height:102px}.hero-sticker>span{font-size:10px}.hero-sticker b{font-size:17px}.stage-caption{display:none}.stage-scribble{font-size:13px;bottom:-4px}.stage-scribble>span{font-size:34px}.title-star{font-size:42px;right:-46px}.how-section{grid-template-columns:1fr;gap:35px;padding-top:48px;padding-bottom:48px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;column-gap:30px}.section-heading>.eyebrow{grid-column:span 2}.section-heading h2{margin-bottom:0}.section-heading p{font-size:12px}.steps p{max-width:none}.lineup-heading h2{font-size:27px}.lineup-art{height:164px}.lineup-art .portrait{width:min(100%,142px);height:148px;margin-top:15px}.lineup-card>strong{font-size:13px;letter-spacing:-.3px}.lineup-card>span:last-child{font-size:9px}.quiz-layout{grid-template-columns:.5fr 1.6fr;gap:35px}.quiz-aside p{font-size:16px}.quiz-aside>span:last-child{font-size:10px}.quiz-body h1{font-size:33px}.answer{gap:12px;padding:14px;font-size:13px}.quiz-doodle{font-size:49px}.result-topline{margin-bottom:38px}.result-edition{display:none}.result-layout{grid-template-columns:1.15fr .9fr;gap:35px}.result-copy h1{font-size:41px;letter-spacing:-2px}.result-description{font-size:13px}.result-subtitle{font-size:15px}.result-prefix{font-size:13px}.result-poster{padding-left:14px;padding-right:14px}.result-portrait{width:210px}.poster-header{font-size:7px;letter-spacing:.7px}.poster-quote{font-size:14px}.poster-bottom{margin:0 -14px;padding:10px}.poster-bottom>span{font-size:5px;letter-spacing:.6px}.result-traits{grid-template-columns:1fr;gap:15px;margin-top:20px}.result-traits p{font-size:11px}.mix-section{grid-template-columns:.75fr 1.6fr;gap:28px;margin-top:54px}.mix-intro h2{font-size:28px}.mix-intro>p{font-size:11px}.mix-card{padding:12px;gap:12px}.mix-mini{width:57px;height:63px}.mix-card-body>strong{font-size:16px}.mix-percentage{font-size:24px;padding-left:0}.mix-card-body>p{font-size:9px}.share-section{gap:20px;padding:25px}.share-section h2{font-size:27px}.share-actions{width:100%;grid-template-columns:1fr 1fr}.share-actions .button{justify-content:space-between}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.hero-proof{font-size:10px;margin-top:21px}.parade-heading{padding:0 6%;align-items:start;gap:14px}.parade-heading h2{font-size:12px;max-width:180px}.motion-toggle{font-size:8px;padding:8px 10px;gap:5px;min-height:38px}.parade-group{gap:14px;padding-right:14px}.parade-fritze{width:240px;padding:10px;gap:10px}.parade-fritze b{font-size:12px}.parade-star{display:none}.spark-one{top:155px;left:-4px;font-size:28px}.spark-two{right:8px;bottom:20px;font-size:26px}.lineup-filters{gap:8px;margin:23px 0}.lineup-filters button{font-size:10px;padding:10px 12px;gap:8px}.lineup-more{flex-direction:column;align-items:start;gap:17px;line-height:1.6}.landing-finale{margin:0 6% 45px;padding:29px 23px;gap:22px;box-shadow:4px 4px 0 var(--ink)}.landing-finale .eyebrow{font-size:8px;letter-spacing:1px}.landing-finale h2{font-size:38px;letter-spacing:-1.5px}.landing-finale p{font-size:12px}.site-header{height:78px;margin:0 6%}.wordmark{font-size:35px;letter-spacing:-2.5px}.site-header .text-link{font-size:11px;gap:14px}.hero{grid-template-columns:1fr;padding:35px 6% 43px}.hero h1{font-size:clamp(67px,15.8vw,92px);line-height:1.03;letter-spacing:-4.5px;margin:22px 0 23px}.hero-copy>.eyebrow{font-size:7px;letter-spacing:1px;gap:7px}.eyebrow-dot{width:6px;height:6px}.hero-description{font-size:14px;line-height:1.7}.hero-cta{font-size:13px;min-height:53px;gap:30px;padding:14px 22px;margin:25px 0 21px}.hero-meta{font-size:9px;gap:11px}.hero-meta svg{width:12px;height:12px}.title-star{right:-50px;top:2px;font-size:46px}.hero-stage{width:min(100%,415px);height:480px;margin:44px auto 0}.hero-persona{width:182px;padding-top:12px}.persona-portrait{height:164px}.persona-bottom{padding:13px 12px;min-height:66px}.persona-bottom strong{font-size:15px}.persona-bottom>span{font-size:8px}.persona-topline{font-size:7px}.persona-staenker{top:12px;left:13px}.persona-computer{top:113px;right:6px}.persona-spass{top:194px;left:34px}.hero-sticker{top:4px;right:13px;width:110px;height:110px}.hero-sticker>span{font-size:12px}.hero-sticker b{font-size:19px}.stage-scribble{left:31px;bottom:-21px;font-size:15px}.stage-scribble>span{font-size:37px}.how-section{padding:41px 6% 43px;gap:29px}.section-heading{display:block}.section-heading h2{font-size:29px;margin:13px 0 14px}.section-heading p{font-size:12px}.section-heading p br{display:none}.steps{grid-template-columns:1fr;gap:24px}.steps article{display:grid;grid-template-columns:35px 1fr;column-gap:17px}.step-number{grid-row:span 2;margin:0}.steps h3{font-size:16px;margin-bottom:6px}.steps p{font-size:12px}.lineup-section{padding:42px 6% 47px}.lineup-heading{display:block;margin-bottom:24px}.lineup-heading h2{font-size:27px;margin:13px 0}.lineup-heading>.text-link{font-size:11px}.lineup{grid-template-columns:1fr 1fr;gap:23px 14px}.lineup-art{height:174px}.lineup-art .portrait{width:min(100%,152px);height:158px}.lineup-card>strong{font-size:14px;margin-top:10px}.lineup-card>span:last-child{font-size:10px}.site-footer{margin:0 6%;padding:22px 0;flex-direction:column;gap:19px}.site-footer>div:first-child{gap:15px}.site-footer>div:last-child{align-items:start;gap:10px}.quiz-section{padding:30px 6% 40px;min-height:calc(100dvh - 220px)}.quiz-meta{letter-spacing:1px}.quiz-meta,.quiz-meta .eyebrow{font-size:9px}.quiz-progress{margin-bottom:29px}.quiz-layout{grid-template-columns:1fr;gap:0}.quiz-aside{display:none}.question-theme{font-size:9px}.quiz-body h1{font-size:34px;letter-spacing:-1.4px;margin-top:15px}.question-description{font-size:13px;line-height:1.7;margin-bottom:23px}.answer{grid-template-columns:28px 1fr 13px;padding:14px 13px;gap:12px;min-height:86px;font-size:12px}.answer-letter{width:27px;height:27px;font-size:11px}.answer-check{font-size:15px}.quiz-navigation{margin-top:24px}.quiz-navigation .button{font-size:12px;padding:12px 15px;gap:15px;min-height:49px}.quiz-key-note{text-align:left;font-size:9px}.result-section{padding:28px 6% 45px}.result-topline{margin-bottom:31px}.result-topline .eyebrow{font-size:7px;letter-spacing:1px}.result-layout{grid-template-columns:1fr;gap:32px}.result-copy h1{font-size:clamp(38px,10.2vw,58px);letter-spacing:-1.7px;margin:14px 0}.result-prefix{font-size:14px}.result-subtitle{font-size:16px;line-height:1.5;margin-bottom:16px}.result-description{font-size:13px}.result-traits{grid-template-columns:1fr 1fr;gap:20px}.result-traits span{font-size:7px;letter-spacing:.8px}.result-traits p{font-size:11px}.result-poster{max-width:290px;justify-self:center;padding:14px 18px 0}.result-portrait{width:224px}.poster-header{font-size:7px}.poster-quote{font-size:16px;padding:16px 0}.poster-bottom{margin:0 -18px;padding:10px 14px}.poster-bottom>span{font-size:6px}.mix-section{grid-template-columns:1fr;gap:26px;padding-top:32px;margin-top:45px}.mix-intro h2{font-size:30px}.mix-intro h2 br{display:none}.mix-intro>p{max-width:none;font-size:11px}.mix-card{padding:12px;gap:12px}.mix-card-body>strong{font-size:16px}.mix-mini{width:57px;height:66px}.mix-percentage{font-size:24px}.mix-percentage small{font-size:10px}.mix-card-body>p{font-size:9px}.share-section{padding:23px 20px;margin-top:34px;gap:22px}.share-section .eyebrow{font-size:8px}.share-section h2{font-size:25px}.share-section p{font-size:11px}.share-actions{grid-template-columns:1fr}.share-actions .button{font-size:12px;min-height:49px}.redo-link{grid-column:auto;justify-self:center;margin-top:6px}dialog{padding:21px;max-height:90dvh;box-shadow:5px 5px 0 var(--ink)}.gallery-dialog,.info-dialog{width:calc(100vw - 30px)}.dialog-header .eyebrow{font-size:8px;letter-spacing:1px}dialog h2{font-size:28px}.gallery-grid{grid-template-columns:1fr 1fr;gap:11px}.gallery-card{padding:8px 10px 13px}.gallery-card .portrait{width:107px;height:111px;max-width:100%}.gallery-card>strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.gallery-card>span{font-size:9px}.gallery-description{font-size:11px}.profile-detail h2{font-size:27px;overflow-wrap:anywhere}.detail-traits{grid-template-columns:1fr;gap:16px}.toast{bottom:19px;font-size:11px;padding:13px 17px}}@media (max-width:370px){.hero h1{font-size:64px}.hero-meta{gap:7px;font-size:8px}.hero-stage{height:445px}.hero-persona{width:162px}.persona-portrait{height:145px}.persona-bottom strong{font-size:13px}.persona-topline{font-size:6px}.persona-spass{top:176px;left:15px}.persona-computer{top:108px;right:3px}.hero-sticker{right:0;width:94px;height:94px}.hero-sticker>span{font-size:10px}.hero-sticker b{font-size:17px}.lineup-art{height:153px}.lineup-art .portrait{width:min(100%,133px);height:138px}.quiz-body h1{font-size:30px}.result-traits{grid-template-columns:1fr}.mix-card{gap:9px;padding:10px}.mix-mini{width:47px;height:57px}.mix-card-body>strong{font-size:14px}.mix-percentage{font-size:21px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing *,.landing :after,.landing :before{animation:none!important}}.selection-hint{font-size:11px;font-weight:700;margin:-5px 0 18px;color:var(--muted)}.skip-area{display:flex;margin:20px 0 0 auto;font-size:11px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.gallery-filters button{border:1px solid var(--ink);padding:9px 13px;font-size:11px;background:var(--paper)}.gallery-filters button[aria-pressed=true]{background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.facets-section{margin-top:65px;padding-top:40px;border-top:1px solid #b4ad9c}.facets-heading h2{font-size:clamp(28px,3.2vw,44px);letter-spacing:-1.6px;margin:15px 0}.facets-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:650px}.facet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.facet-card{background:var(--paper);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:22px 18px;min-width:0}.facet-card>.eyebrow{font-size:9px;padding-bottom:14px;border-bottom:1px solid #b4ad9c;display:block}.facet-main{display:flex;flex-wrap:wrap;width:100%;text-align:left;align-items:center;gap:12px;margin-top:18px}.facet-main .portrait{width:75px;height:79px;background:var(--typ-farbe);border:1px solid var(--ink);flex-shrink:0}.facet-main-copy{display:block;flex:1 1;min-width:135px}.facet-main-copy strong{display:block;font-size:22px;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere}.facet-main-copy>span{display:block;font-size:11px;line-height:1.6;margin-top:7px}.facet-main-percent{display:block;font-family:Space Grotesk,Arial,sans-serif;font-size:29px}.facet-main-percent small{font-size:12px}.facet-strength{font-size:11px;line-height:1.8;margin:14px 0 22px;min-height:40px}.facet-tendency-label{display:block;font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:11px}.facet-tendencies{display:grid;gap:11px}.facet-tendency{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:start;width:100%;text-align:left}.facet-dot{display:block;width:10px;height:10px;border:1px solid var(--ink);margin-top:3px}.facet-tendency b{font-size:12px;display:block;overflow-wrap:anywhere}.facet-tendency small{font-size:9px;line-height:1.7;display:block;color:var(--muted);margin-top:4px}.facet-tendency>strong{font-family:Space Grotesk,Arial,sans-serif;font-size:13px}.facet-character{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-top:20px;padding:18px 0 0;background:none;border:0;border-top:1px dashed #b4ad9c;text-align:left}.facet-character .portrait{width:44px;height:46px;background:var(--typ-farbe);border:1px solid var(--ink)}.facet-character .facet-tendency-label{font-size:7px;margin-bottom:6px}.facet-character b{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.facet-character small{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:4px}.facet-character-arrow{font-size:18px}.facet-footnote,.facet-tie{color:var(--muted);font-size:10px;line-height:1.8;margin-top:18px}.facet-skipped{background:#eee9dd;box-shadow:none;border-style:dashed}.facet-pause{display:block;font-size:55px;margin:26px 0 12px}.facet-skipped h3{font-size:23px;line-height:1.3}.facet-skipped p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:13px}@media (max-width:1100px){.facet-grid{grid-template-columns:1fr;gap:20px}.facet-main{flex-wrap:nowrap}.facet-main-copy{min-width:0}.facet-main .portrait{width:92px;height:97px}.facet-main-copy strong{font-size:27px}.facet-main-percent{margin-left:auto}.facet-strength{min-height:0}.facet-tendency b{font-size:14px}.facet-tendency small{font-size:11px}.facet-skipped .facet-pause{display:none}.facet-skipped h3{margin-top:18px}}@media (max-width:600px){.facets-section{margin-top:42px;padding-top:30px}.facets-heading>.eyebrow{font-size:8px}.facets-heading h2{font-size:29px;letter-spacing:-1px}.facets-heading>p{font-size:11px}.facet-card{padding:20px 15px}.facet-main{gap:11px}.facet-main .portrait{width:62px;height:66px}.facet-main-copy strong{font-size:20px}.facet-main-copy>span{font-size:10px}.facet-main-percent{font-size:24px}.facet-tendency b{font-size:12px}.facet-tendency small{font-size:10px}.gallery-filters{gap:6px}.gallery-filters button{font-size:10px;padding:9px}.selection-hint{font-size:9px;line-height:1.7}}