@layer reset{*,*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,dl,dd,ul,ol,menu,hr,fieldset,dialog,[popover]){margin:0}:where(ul,ol,menu,fieldset,legend,input,textarea,td,th,dialog,[popover]){padding:0}:root{text-size-adjust:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}button{all:unset;cursor:pointer;box-sizing:border-box;&:focus-visible{outline:revert}}a{color:inherit;text-decoration:none}ul,ol{list-style-type:none}}@layer base{:root{font:100% var(--font-family);background-color:var(---color-white);color:var(--color-black);height:100%;color-scheme:dark;@media (prefers-reduced-motion: no-preference){scroll-behavior:smooth}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}}body{font-size:var(--font-size-base);display:flex;flex-direction:column;min-height:100%}}@layer base{:root{--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 );--ease-spring-2: linear( 0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1 );--ease-spring-3: linear( 0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1 );--ease-spring-4: linear( 0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1 );--ease-spring-5: linear( 0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1 );--ease-bounce-1: linear( 0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1 );--ease-bounce-2: linear( 0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1 );--ease-bounce-3: linear( 0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1 );--ease-bounce-4: linear( 0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1 );--ease-bounce-5: linear( 0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1 )}}@layer base{:root{--focus-outline-color: currentColor;--focus-outline-offset: .4rem;--focus-outline-style: solid;--focus-outline-width: .4rem}*:focus-visible{outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}}@layer base{@font-face{font-family:"New Edge 666";font-style:normal;font-weight:400;src:url(../fonts/NewEdge666-LightRounded.woff2) format("woff2")}}@layer base{.wrap{padding-inline:var(--spacing-inline)}.inner{width:100%;max-width:var(--width-max);margin:0 auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-grid)}hr{margin-block:calc(var(--spacing-flow) * 2);height:1px;border:none;background-color:currentColor;opacity:.25}}@layer base{.rich-text{line-height:var(--line-height);text-wrap:pretty;>*:first-child{margin-block-start:0}>*:last-child{margin-block-end:0}}.rich-text a,.link{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.2em;word-break:break-word}.rich-text :is(h1,h2,h3,h4,h5,h6){font-weight:700;text-wrap:pretty;line-height:1.1;margin-block-start:1em;margin-block-end:var(--spacing-flow);hyphens:auto;hyphenate-limit-chars:10 4 4;&:first-child{margin-block-start:0}&:last-child{margin-block-end:0}}.rich-text :where(h1){font-size:var(--font-size-2xl)}.rich-text :where(h2){font-size:var(--font-size-xl)}.rich-text :where(h3){font-size:var(--font-size-l);line-height:1.2}.rich-text :where(h4){font-size:var(--font-size-m);line-height:1.2}.rich-text :where(h5){font-size:var(--font-size-base);line-height:1.3}.rich-text :where(h6){font-size:var(--font-size-base);line-height:1.3}.rich-text p{margin-block:var(--spacing-flow)}.rich-text figure{margin-block:calc(var(--spacing-flow) * 2);figcaption{margin-block-start:var(--spacing-flow);font-size:var(--font-size-s)}}.rich-text strong{font-weight:700}.rich-text em{font-style:italic}.rich-text :is(ul,ol){margin-block:var(--spacing-flow)}.rich-text ul{list-style-type:disc;padding-inline-start:1em}.rich-text ol{list-style-type:decimal;padding-inline-start:1.5em}}@layer base{:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--font-family: "New Edge 666", sans-serif}:root{--step-0: clamp(1rem, .8625rem + .6875vw, 1.6875rem);--step-1: clamp(1.11rem, .9203rem + .9488vw, 2.0588rem);--step-2: clamp(1.2321rem, .9762rem + 1.2796vw, 2.5117rem);--step-3: clamp(1.3676rem, 1.0283rem + 1.6966vw, 3.0642rem);--step-4: clamp(1.5181rem, 1.074rem + 2.2203vw, 3.7384rem);--step-5: clamp(1.6851rem, 1.1099rem + 2.8758vw, 4.5608rem);--step-6: clamp(1.8704rem, 1.1317rem + 3.6938vw, 5.5642rem);--step-7: clamp(2.0762rem, 1.1337rem + 4.7122vw, 6.7883rem)}:root{--font-size-base: var(--step-0);--font-size-m: var(--step-1);--font-size-l: var(--step-2);--font-size-xl: var(--step-3);--font-size-2xl: var(--step-4);--font-size-3xl: var(--step-5);--font-size-4xl: var(--step-6);--font-size-5xl: var(--step-7);--font-size-text: var(--font-size-base);--font-size-hint: var(--font-size-m);--font-size-popup: var(--font-size-l);--font-size-button: var(--font-size-xl);--font-size-radio: var(--font-size-3xl);--font-size-question: var(--font-size-4xl);--font-size-heading: var(--font-size-5xl)}}@layer base{.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.caps{text-transform:uppercase;letter-spacing:.12em}.mobile-only{@media (min-width: 1001px){display:none}}.desktop-only{@media (max-width: 1000px){display:none}}:is(.text-5xl,.text-4xl,.text-3xl,.text-2xl,.text-xl,.text-l,.text-m){text-wrap:pretty}.text-5xl{font-size:var(--font-size-5xl);line-height:1}.text-4xl{font-size:var(--font-size-4xl);line-height:1.05}.text-3xl{font-size:var(--font-size-3xl);line-height:1.1}.text-2xl{font-size:var(--font-size-2xl);line-height:1.2}.text-xl{font-size:var(--font-size-xl);line-height:1.2}.text-l{font-size:var(--font-size-l);line-height:1.3}.text-m{font-size:var(--font-size-m);line-height:1.3}}@layer base{:root{--width-max: 1920px;--width-logo: 8rem;--width-logo-large: 40rem;--line-height: 1.1;@media (max-width: 1000px){--width-logo: 4rem;--width-logo-large: 10rem}}:root{--color-black: #000000;--color-white: #ffffff;--color-mesh-nw: oklch(.65 .2981 29);--color-mesh-ne: oklch(.85 .3632 146);--color-mesh-se: oklch(.72 .3592 331);--color-mesh-sw: oklch(.85 .194 200)}:root{--pill-stroke: calc(var(--font-size-base) * .15)}:root{--spacing-2: .125rem;--spacing-4: .25rem;--spacing-5: .3125rem;--spacing-7: .4375rem;--spacing-10: .625rem;--spacing-15: .9375rem;--spacing-20: 1.25rem;--spacing-25: 1.5625rem;--spacing-30: 1.875rem;--spacing-40: 2.5rem;--spacing-50: 3.125rem;--spacing-60: 3.75rem;--spacing-80: 5rem;--spacing-100: 6.25rem;--spacing-xxs: var(--spacing-10);--spacing-xs: var(--spacing-15);--spacing-s: var(--spacing-25);--spacing-m: var(--spacing-40);--spacing-l: var(--spacing-60);--spacing-xl: var(--spacing-100);--spacing-flow: var(--spacing-20);--spacing-grid: var(--spacing-20);--spacing-inline: var(--spacing-50);--spacing-block: var(--spacing-100);@media (max-width: 1000px){--spacing-inline: var(--spacing-20)}}}@layer base;@layer components{.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;text-decoration:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:400;line-height:1;color:var(--color);background:var(--background);user-select:none;gap:var(--gap);padding:var(--padding-block) var(--padding-inline);border-radius:var(--radius);--font-size: var(--font-size-button);--background: var(--color-black);--color: var(--color-white);--gap: .5em;--padding-block: .4em;--padding-inline: .75em;--radius: 9999px;--size: 2em;--focus-outline-color: var(--background);transform:perspective(var(--wobble-perspective, 800px)) rotateX(var(--wobble-rx, 0deg)) rotateY(var(--wobble-ry, 0deg));scale:var(--wobble-scale, 1);will-change:transform,scale;&:disabled,&[disabled]{opacity:.2;cursor:not-allowed}&[data-no-wobble]{transform:none;scale:none;will-change:auto}}.button--large{--font-size: var(--font-size-question);--padding-inline: 1.25em}.button--circle{padding:0;width:var(--size);height:var(--size)}.button--black{--background: var(--color-black);--color: var(--color-white)}.button--gradient{--gradient-hue: 0deg;--gradient-from: 0deg;--gradient-sat: 1;--background: linear-gradient( -70deg, #ff6b6b 0%, #ffd166 35%, #06d6a0 70%, #4d96ff 100% );--color: var(--color-black);--focus-outline-color: var(--color-black);filter:hue-rotate(var(--gradient-hue)) saturate(var(--gradient-sat))}.button--gradient.button--circle{--background: transparent;position:relative;overflow:hidden;clip-path:inset(0 round 9999px);isolation:isolate;&:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from var(--gradient-from, 0deg) at 50% 50%,#ff6b6b,#ffd166,#06d6a0,#4d96ff,#ff6b6b);filter:blur(12px);z-index:-1}}.button--white{--background: var(--color-white);--color: var(--color-black);--focus-outline-color: var(--color-white)}.button--outline{--background: transparent;--color: var(--color-black);--focus-outline-color: var(--color-black);box-shadow:inset 0 0 0 var(--pill-stroke) var(--color-black)}.button--caps{text-transform:uppercase;letter-spacing:.12em}.button__icon{width:1em;height:1em;flex-shrink:0;margin:-.25em}.button__label{white-space:nowrap}}@layer components{.buttons{--buttons-direction: column;--buttons-gap: var(--spacing-s);--buttons-align: center;display:flex;flex-direction:var(--buttons-direction);align-items:var(--buttons-align);gap:var(--buttons-gap);&[data-direction=row]{--buttons-direction: row}}}@layer components{.guides{position:fixed;inset:0;z-index:calc(infinity);pointer-events:none;visibility:hidden;--guide-color: #84ffff}.guides:after{content:attr(data-window-width);color:var(--guide-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xl)}.guides__inner{height:100%}.guides__guide{outline:1px solid var(--guide-color);background-color:color-mix(in srgb,var(--guide-color),transparent 75%)}}@layer components{.image-wrap{display:flex;flex-direction:column;gap:.25rem}.image-wrap__image{background-size:cover}.image-wrap__caption{font-size:var(--font-size-s)}}@layer components{.info-popup{position:fixed;inset-block:auto 0;inset-inline-end:var(--spacing-inline);inline-size:auto;font-size:var(--font-size-popup);max-inline-size:45ch;max-block-size:none;padding:var(--spacing-m) var(--spacing-inline);box-sizing:border-box;background:var(--color-black);color:var(--color-white);border:none;border-radius:0 1em 0 0;outline:none;max-block-size:100svh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:currentColor transparent;@media (prefers-reduced-motion: no-preference){&[open]{animation:info-popup-slide-up .25s var(--ease-2)}}&::backdrop{background:#00000054}}@keyframes info-popup-slide-up{0%{translate:0 100%}to{translate:0 0}}.info-popup__text{line-height:var(--line-height);text-wrap:pretty}.info-popup__actions{display:flex;justify-content:flex-start;margin-block-start:var(--spacing-s)}.info-popup__close{float:right;padding:var(--spacing-xs);margin-block-start:calc(var(--spacing-xs) * -1);margin-inline-end:calc(var(--spacing-xs) * -1);color:var(--color-white)}.info-popup__x{width:1.5em;height:auto}}@layer components{.input{display:inline-flex;align-items:center;box-sizing:border-box;height:calc(1em + 2rem);font-family:var(--font-family);font-size:var(--font-size-question);font-weight:400;line-height:1;color:var(--color-black);background:transparent;padding:0 .75em;border:none;border-radius:9999px;box-shadow:inset 0 0 0 var(--pill-stroke) var(--color-black);transform:perspective(var(--wobble-perspective, 800px)) rotateX(var(--wobble-rx, 0deg)) rotateY(var(--wobble-ry, 0deg));scale:var(--wobble-scale, 1);will-change:transform,scale;&::placeholder{color:var(--color-black);opacity:.4}}}@layer components{.logo{width:var(--width-logo);display:block;view-transition-name:logo}.logo--large{width:var(--width-logo-large)}.logo--small{.circle-text__word{visibility:hidden}}.logo__graphic{overflow:visible;width:100%;height:auto}.logo__graphic--desktop{.logo--small &{margin-block-start:-.7em}}.logo__graphic--mobile .bling{--bling-cx: 30;--bling-cy: 13}.logo__graphic--desktop .bling{--bling-cx: 9;--bling-cy: 135}.circle-text:not(.is-revealed)>g>path{opacity:0}@media (prefers-reduced-motion: no-preference){.circle-text__word{transform:scale(0);transform-box:view-box;transform-origin:calc(var(--circle-cx) * 1px) calc(var(--circle-cy) * 1px);opacity:0;transition:transform .6s var(--ease-spring-1),opacity .5s ease-out;transition-delay:calc(var(--i) * .2s)}.circle-text.is-revealed .circle-text__word{transform:scale(1);opacity:1}}}@layer components{.meta-menu__list{display:flex;gap:var(--spacing-xs)}}@layer components{.navigation{display:flex;justify-content:flex-end;gap:var(--spacing-s)}.navigation .back-button{margin-inline-end:auto}.navigation .back-button .button__icon{scale:-1 1}}@layer components{.radio-option{display:inline-flex;cursor:pointer}.radio-option__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.radio-option .button{--font-size: var(--font-size-question);--padding-block: 1rem}.radio-option:has(.radio-option__input:checked) .button--outline{--background: var(--color-black);--color: var(--color-white);box-shadow:none}.radio-option:has(.radio-option__input:focus-visible) .button{outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}.radio-binary,.radio-multi__options{display:flex;flex-wrap:wrap;gap:var(--spacing-s);@media (max-width: 1000px){gap:var(--spacing-xxs)}}.radio-multi__options .input{flex:1 1 4em;min-width:4em}}@layer components{.slider{position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs);--size: calc(var(--font-size-question) + 2rem);--border-width: .15em;--border-color: var(--color-black);--thumb-color: var(--color-black);--average-color: var(--border-color);--average-size: calc(var(--size) * .78);--radius: 9999px;--label-gap: .75em;--focus-outline-color: var(--border-color)}.slider__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;z-index:1;&:focus-visible{outline:none}&:focus-visible~.slider__track{outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}}.slider__track{position:relative;height:var(--size);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);cursor:grab;touch-action:pan-y pinch-zoom;overflow:clip;&:active{cursor:grabbing}}.slider__thumb{position:absolute;inset-block-start:50%;inset-inline-start:0;width:var(--size);height:var(--size);border-radius:50%;background:var(--thumb-color);translate:0 -50%;pointer-events:none;opacity:0}.slider__labels{display:flex;justify-content:space-between}.slider__label{cursor:pointer;background:none;border:none;font-family:var(--font-family);font-size:var(--font-size-button);padding:0;color:inherit;text-wrap:balance;&:disabled{cursor:default}}.slider__label--center{text-align:center}.slider__label--max{text-align:end}.slider__average{position:absolute;inset:0;pointer-events:none;z-index:2;&:before{content:"";position:absolute;inset-inline-start:var(--average-position, 50%);inset-block-start:50%;translate:-50% -50%;width:var(--average-size);height:var(--average-size);border-radius:50%;border:var(--border-width) solid var(--average-color)}&:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:var(--average-position, 50%);width:calc(var(--average-size) * 1.27);height:var(--border-width);background:var(--average-color);translate:-50% -50%;rotate:-45deg}}.slider__average--invert{--average-color: white;z-index:4;clip-path:circle(calc(var(--size) / 2) at var(--thumb-x, 50%) 50%)}}@layer components{.textarea{box-sizing:border-box;width:100%;min-height:3lh;font-family:var(--font-family);font-size:var(--font-size-question);font-weight:400;line-height:var(--line-height);color:var(--color-black);background:transparent;padding:.4em .6em;border:none;border-radius:1em;box-shadow:inset 0 0 0 var(--pill-stroke) var(--color-black);resize:none;&::placeholder{color:var(--color-black);opacity:.4}}.form-textarea{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:0}.form-textarea .textarea{flex:1}.form-textarea__hint{font-size:var(--font-size-hint);color:var(--color-black);text-align:center;margin-inline:1em}}@layer components{.video-dialog{inset:0;margin:0;padding:0;border:0;background:transparent;max-inline-size:100vw;max-block-size:100dvh;inline-size:100vw;block-size:100dvh;color:inherit;overflow:hidden;outline:none;&::backdrop{background:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}.video-dialog__stage{position:absolute;inset:0;margin:auto;aspect-ratio:9 / 16;block-size:min(80dvh,90vw * 16 / 9);max-inline-size:90vw;overflow:hidden;border-radius:1rem;background:var(--color-black)}.video-dialog__video{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}.video-dialog .video-dialog__next{position:absolute;inset-block-end:1.5rem;inset-inline-end:1.5rem}.video-dialog__story{position:absolute;inset-block-end:4rem;inset-inline-end:6rem;width:clamp(14rem,22vmin,22rem);height:auto;pointer-events:none;z-index:1}}@layer components;@layer sections{.mesh-gradient{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}.slider-gradient{pointer-events:auto;cursor:grab;touch-action:pan-y pinch-zoom}.slider-gradient--dragging{cursor:grabbing}}@layer sections{.footer{background-color:var(--color-black);color:var(--color-white);margin-block-start:auto;padding-block:var(--spacing-inline);position:sticky;bottom:0}.footer *:focus-visible{scroll-margin-block-end:100vh}.footer__inner{display:grid;grid-template-rows:1fr 1fr;@media (max-width: 1000px){grid-template-rows:initial}}.footer__logos{grid-column:span 4;@media (max-width: 1000px){grid-column:1 / -1}}.footer__logo{display:block;max-width:16rem;img{width:100%;height:auto}}.footer__text{grid-column:span 4;grid-row:span 2;@media (max-width: 1000px){grid-column:1 / -1;grid-row:initial}}.footer__contact{grid-column:span 3 / -1;grid-row:span 2;display:flex;flex-direction:column;gap:1lh;@media (max-width: 1000px){grid-column:1 / -1;grid-row:initial}}.footer__contact-persons{display:flex;flex-direction:column;gap:1lh}.footer__contact-person{display:flex;flex-direction:column}.footer__contact-email{word-break:break-word}.footer__menu{align-self:end;line-height:var(--line-height);grid-column:span 4;@media (max-width: 1000px){grid-column:1 / -1;grid-row:initial;align-self:initial}}}@layer sections{.header{margin-block:var(--spacing-s)}.header__inner{display:flex;justify-content:center}}@layer sections{.landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--spacing-l)}.landing__text{max-width:50ch;text-wrap:balance}}@layer sections{.question{min-height:100%;flex:1;display:flex;flex-direction:column;gap:var(--spacing-m);padding-block-start:5em;padding-block-end:var(--spacing-inline);@media (max-width: 1000px){padding-block-start:8em}pointer-events:none;>*{pointer-events:initial}}.question__headline{font-size:var(--font-size-question);text-wrap:balance;min-height:2lh;display:flex;align-items:flex-end}.question__content{display:flex;flex-direction:column;min-height:0;pointer-events:none;>*{pointer-events:initial}}.question--textarea .question__content{flex:1}.question__navigation{margin-block-start:auto;align-self:stretch}}@layer sections{.result-page{flex:1;position:relative;min-height:100lvh}.result-page__claim{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;width:clamp(12rem,50vmin,32rem);aspect-ratio:372 / 370;z-index:3;pointer-events:none}.result-page__claim-svg{display:block;width:100%;height:100%}.result-reveal{position:absolute;inset:0;background:var(--reveal-color, var(--color-black));--reveal-cx: 50%;--reveal-cy: 50%;--reveal-r: 0%;--reveal-feather: .6;mask:radial-gradient(circle at var(--reveal-cx) var(--reveal-cy),black 0,black calc(var(--reveal-r) * (1 - var(--reveal-feather))),transparent var(--reveal-r));-webkit-mask:radial-gradient(circle at var(--reveal-cx) var(--reveal-cy),black 0,black calc(var(--reveal-r) * (1 - var(--reveal-feather))),transparent var(--reveal-r));pointer-events:none;z-index:1}.result-page__graphics{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:clip;mix-blend-mode:luminosity;user-select:none}.result-page__graphic{--size-mult: 1;--enter-x: 0px;--enter-y: 0px;--drift-x: 0px;--drift-y: 0px;--drift-r: 0deg;opacity:0;position:absolute;width:calc(clamp(12rem,6rem + 55vmin,60rem) * var(--size-mult));height:auto;will-change:transform;transform:translate(var(--enter-x),var(--enter-y)) translate(var(--drift-x),var(--drift-y)) rotate(var(--drift-r))}.result-page__graphic--controller{--size-mult: .75;inset-block-start:-18%;inset-inline-start:-2%;@media (max-width: 600px){--size-mult: .6;inset-block-start:-5%;inset-inline-start:-5%}}.result-page__graphic--volleyball{--size-mult: .7;inset-block-start:-15%;inset-inline-end:5%;@media (max-width: 600px){--size-mult: .5;inset-block-start:12%;inset-inline-end:-8%}}.result-page__graphic--hair-tie{--size-mult: .45;inset-block-start:30%;inset-inline-end:-4%;@media (max-width: 600px){--size-mult: .4;inset-block-start:17%;inset-inline-start:-10%;inset-inline-end:auto}}.result-page__graphic--skateboard{--size-mult: 1;inset-block-end:-30%;inset-inline-start:45%;rotate:-8deg;@media (max-width: 600px){--size-mult: .85;inset-block-end:4%;inset-inline-start:auto;inset-inline-end:-10%;rotate:-20deg}}.result-page__graphic--fire{--size-mult: .4;inset-block-end:9%;inset-inline-start:70%;@media (max-width: 600px){--size-mult: .55;inset-block-end:8%;inset-inline-start:-10%}}.result-page__graphic--bubble-tea{--size-mult: 1;inset-block-end:-5%;inset-inline-start:-15%;@media (max-width: 600px){display:none}}.result-page__intro{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m);text-align:center;transform-origin:center center;opacity:0;scale:0}.result-page__label{font-size:var(--font-size-button);line-height:1.05;color:var(--color-black);text-wrap:balance;margin:0}.result-page__hex{font-size:clamp(3.125rem,1.625rem + 7.5vw,10.625rem);line-height:1;text-transform:lowercase}.result-page__restart{margin-block-start:var(--spacing-s)}[data-reveal-stage=settled] .result-page__intro{opacity:1;scale:1}[data-reveal-stage=settled] .result-page__claim{opacity:0;visibility:hidden}}@layer sections{.share-page{position:relative;z-index:2;flex:1;min-block-size:100lvh;display:flex;flex-direction:column;background:var(--page-color, var(--color-white));overflow:clip}.share-page__inner{flex:1;padding-inline:var(--spacing-inline);padding-block-end:var(--spacing-block);display:flex;flex-direction:column;align-items:center;max-inline-size:90rem;inline-size:100%;margin-inline:auto}.share-page-intro{position:relative;inline-size:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-s);text-align:center;padding-block:var(--spacing-xl);@media (max-width: 1000px){padding-block:var(--spacing-s)}}.share-page-intro__color{font-variant-numeric:tabular-nums}.share-page-intro__headline{max-inline-size:18ch;text-wrap:balance}.share-page-intro__text{max-inline-size:32ch;text-wrap:pretty}.share-page-sharepics{position:relative;inline-size:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m);padding-block:var(--spacing-xl)}.share-page-sharepics__row{inline-size:100%;max-inline-size:64rem;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-s);@media (max-width: 1000px){max-inline-size:36rem;grid-template-columns:repeat(2,1fr)}}.share-page-sharepics__item{position:relative;background:var(--color-white);padding:2.5rem .5rem;border-radius:1.75rem}.share-page-sharepics__download{position:absolute;inset:0;border-radius:1.75rem}.share-page-sharepics__badge{position:absolute;inset-block-end:.9rem;inset-inline:0;margin-inline:auto;font-size:1.5rem;pointer-events:none;background-color:#fff}.share-page-sharepics__pic{inline-size:100%;block-size:auto;aspect-ratio:9 / 16;object-fit:cover;border-radius:.2em;display:block;background:var(--color-black)}.share-page-sharepics__headline{text-align:center;text-wrap:balance;& a{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.15em}}.share-page-others{position:relative;inline-size:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m);padding-block:var(--spacing-xl)}.share-page-others__headline{text-align:center;text-transform:uppercase;letter-spacing:.04em}.share-page-others__wrap{inline-size:100%;view-transition-name:share-answers-wrap}.share-page-others__columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-m);@media (max-width: 1000px){grid-template-columns:1fr;max-inline-size:36rem;margin-inline:auto}}.share-page-others__column{display:flex;flex-direction:column;gap:var(--spacing-s)}.share-page-others__column-headline{font-size:var(--font-size-button);line-height:1.1;text-wrap:balance;margin:0}.share-page-others__answer{margin:0;padding:var(--spacing-s);background-color:var(--page-color);border:2px solid currentColor;border-radius:1em;text-align:start;line-height:1.3;hyphens:auto;overflow-wrap:anywhere;@media (max-width: 1000px){border-width:1px}}::view-transition-old(.share-answer){animation:share-answer-out .4s var(--ease-2, ease-in) forwards}::view-transition-new(.share-answer){animation:share-answer-in .5s var(--ease-spring-1, ease-out) forwards}@keyframes share-answer-out{to{opacity:0}}@keyframes share-answer-in{0%{scale:0}}.share-page-socials{position:relative;inline-size:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m);text-align:center;padding-block:var(--spacing-xl)}.share-page-socials__cta{max-inline-size:40ch;text-wrap:balance}.share-page-socials__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-s);--font-size-button: var(--font-size-3xl);@media (max-width: 1000px){gap:var(--spacing-xxs)}}.share-page__graphics-layer{position:absolute;inset:0;pointer-events:none;mix-blend-mode:luminosity;isolation:isolate;z-index:0}.share-page__graphic{--size-mult: 1;--enter-x: 0px;--enter-y: 0px;--drift-x: 0px;--drift-y: 0px;--drift-r: 0deg;--base-r: 0deg;position:absolute;width:calc(clamp(16rem,12rem + 22vmin,30rem) * var(--size-mult));height:auto;pointer-events:none;user-select:none;will-change:transform;transform:translate(var(--enter-x),var(--enter-y)) translate(var(--drift-x),var(--drift-y)) rotate(calc(var(--base-r) + var(--drift-r)))}.share-page-intro>:not(.share-page__graphics-layer),.share-page-sharepics>:not(.share-page__graphics-layer),.share-page-others>:not(.share-page__graphics-layer),.share-page-socials>:not(.share-page__graphics-layer){position:relative;z-index:1}.share-page__graphic--peace{--size-mult: .85;--base-r: 25deg;inset-block-start:0;inset-inline-start:-10%;@media (max-width: 1000px){--size-mult: .5}}.share-page__graphic--earpods{--size-mult: .6;--base-r: -20deg;inset-block-end:-25%;inset-inline-start:-6%;@media (max-width: 1000px){--size-mult: .4}}.share-page__graphic--bubble-tea{--size-mult: 1;--base-r: -20deg;inset-block-start:-8%;inset-inline-end:-6%;@media (max-width: 1000px){--size-mult: .6;inset-inline-end:-15%}}.share-page__graphic--dumbbell{--size-mult: .9;--base-r: 0deg;inset-block-end:-22%;inset-inline-end:-12%;@media (max-width: 1000px){--size-mult: .5;inset-inline-end:0%}}.share-page__graphic--lipgloss{--size-mult: .6;--base-r: 0deg;inset-block-end:-10%;inset-inline-start:-4%}}@layer sections{.view{min-height:100svh;position:relative;z-index:2;box-shadow:0 3px 3px #030712,0 11px 11px #030712ab,0 24px 24px #03071254;background-color:var(--color-white);display:flex;flex-direction:column}.view>.header{position:absolute;inset-block-start:0;inset-inline:0;z-index:2}}@layer sections;@layer utility{.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.caps{text-transform:uppercase;letter-spacing:.12em}.mobile-only{@media (min-width: 1001px){display:none}}.desktop-only{@media (max-width: 1000px){display:none}}:is(.text-5xl,.text-4xl,.text-3xl,.text-2xl,.text-xl,.text-l,.text-m){text-wrap:pretty}.text-5xl{font-size:var(--font-size-5xl);line-height:1}.text-4xl{font-size:var(--font-size-4xl);line-height:1.05}.text-3xl{font-size:var(--font-size-3xl);line-height:1.1}.text-2xl{font-size:var(--font-size-2xl);line-height:1.2}.text-xl{font-size:var(--font-size-xl);line-height:1.2}.text-l{font-size:var(--font-size-l);line-height:1.3}.text-m{font-size:var(--font-size-m);line-height:1.3}}