:is(body:has(.qualities-workshop) .site-header,body:has(.qualities-workshop) .site-footer){display:none}:is(html:has(.qualities-workshop),body:has(.qualities-workshop)){background:#163f3f;width:100%;height:100%;margin:0;overflow:hidden}.qualities-workshop{--cream:#fff8e8;--ink:#244b49;--teal:#247a72;--coral:#e86e5d;width:100vw;height:100dvh;min-height:100svh;color:var(--ink);font-family:var(--font-sans), "Arial Rounded MT Bold", Arial, sans-serif;isolation:isolate;background:#163f3f;position:fixed;inset:0;overflow:hidden}.qualities-workshop *,.qualities-workshop :before,.qualities-workshop :after{box-sizing:border-box}.qualities-workshop button{font:inherit}.qualities-workshop button:focus-visible,.qualities-workshop [tabindex="-1"]:focus-visible{outline-offset:4px;outline:4px solid #fff;box-shadow:0 0 0 8px #f4ad4c}.qualities-intro,.qualities-play,.qualities-finale{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.qualities-intro-art,.qualities-intro-art img{width:100%;height:100%;display:block;position:absolute;inset:0}.qualities-intro-art img{object-fit:cover;image-rendering:auto}.qualities-intro-shade{background:linear-gradient(90deg,#102e2ed4 0%,#173737a6 34%,#0000 67%),linear-gradient(#0000 45%,#102d2b5c);position:absolute;inset:0}.qualities-intro-copy{z-index:2;color:#fff;text-shadow:0 3px 20px #102c2c99;width:min(560px,42vw);position:absolute;top:50%;left:clamp(32px,7vw,132px);transform:translateY(-50%)}.qualities-kicker{color:#ffe59a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:clamp(.78rem,1.2vw,1.02rem);font-weight:950}.qualities-intro-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(4rem,7.4vw,8rem);line-height:.83}.qualities-intro-copy>p:not(.qualities-kicker){max-width:34rem;font-family:var(--font-sans), sans-serif;margin:24px 0 30px;font-size:clamp(1rem,1.55vw,1.35rem);font-weight:700;line-height:1.42}.qualities-primary,.qualities-secondary{cursor:pointer;border:0;border-radius:22px;min-height:58px;padding:15px 30px;font-weight:950;transition:transform .18s,filter .18s}.qualities-primary{color:#fff;background:linear-gradient(145deg,#f29365,#dc5f57);box-shadow:inset 0 2px #fff7,0 7px #953c40,0 18px 35px #2c1f2166}.qualities-secondary{color:#245653;background:linear-gradient(145deg,#fffef4,#f6df9b);box-shadow:inset 0 2px #fff,0 6px #9f8653,0 15px 28px #1a292955}.qualities-intro-copy button{margin-bottom:14px;margin-right:14px}.qualities-primary:hover,.qualities-secondary:hover{filter:brightness(1.05);transform:translateY(-2px)}.qualities-primary:active,.qualities-secondary:active{transform:translateY(4px)scale(.98)}.qualities-play{background:#315f53}.qualities-scene-art,.qualities-scene-art picture,.qualities-scene-image{width:100%;height:100%;position:absolute;inset:0}.qualities-scene-art{z-index:0;background:radial-gradient(circle,#6ea78a,#315f53);overflow:hidden}.qualities-scene-image{object-fit:cover;object-position:center;image-rendering:auto;display:block;transform:none}.qualities-scene-image--before{opacity:1}.qualities-scene-image--after{opacity:0}.qualities-scene-art[data-changed=true] .qualities-scene-image--before{animation:1.05s ease-in-out both qualities-before-out}.qualities-scene-art[data-changed=true] .qualities-scene-image--after{animation:1.05s ease-in-out both qualities-after-in}.qualities-light-sweep{opacity:0;background:linear-gradient(90deg,#0000,#fff9,#0000);width:24%;position:absolute;inset:-35% auto -35% -30%;transform:rotate(14deg)}.qualities-scene-art[data-changed=true] .qualities-light-sweep{animation:.9s ease-out .12s both qualities-sweep}.qualities-particles{pointer-events:none;position:absolute;inset:0}.qualities-particles i{opacity:0;background:#ffe591;border-radius:50% 0 50% 50%;width:9px;height:9px;position:absolute;transform:rotate(25deg);box-shadow:0 0 10px #fff6b8}.qualities-particles i:first-child{top:68%;left:12%}.qualities-particles i:nth-child(2){top:42%;left:22%}.qualities-particles i:nth-child(3){top:74%;left:34%}.qualities-particles i:nth-child(4){top:48%;left:45%}.qualities-particles i:nth-child(5){top:69%;left:56%}.qualities-particles i:nth-child(6){top:37%;left:66%}.qualities-particles i:nth-child(7){top:63%;left:74%}.qualities-particles i:nth-child(8){top:45%;left:83%}.qualities-particles i:nth-child(9){top:72%;left:90%}.qualities-particles i:nth-child(10){top:25%;left:52%}.qualities-scene-art[data-changed=true] .qualities-particles i{animation:1.25s ease-out both qualities-spark}.qualities-scene-art[data-changed=true] .qualities-particles i:nth-child(2n){animation-delay:.12s}.qualities-scene-art[data-changed=true] .qualities-particles i:nth-child(3n){animation-delay:.24s}.qualities-asset-error{z-index:10;color:#fff;text-align:center;background:#8c3f46e8;border:3px dashed #fff;border-radius:24px;place-items:center;font-size:1.2rem;font-weight:900;display:grid;position:absolute;inset:42% 25%}.qualities-top{z-index:5;top:max(18px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));right:max(22px, env(safe-area-inset-right));pointer-events:none;grid-template-columns:58px minmax(330px,720px) 58px;justify-content:space-between;align-items:center;gap:24px;display:grid;position:absolute}.qualities-top>*{pointer-events:auto}.qualities-icon-button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#1d6868c9;border:2px solid #ffffffb8;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.35rem;font-weight:950;display:grid;box-shadow:inset 0 2px #fff6,0 8px 22px #17333466}.qualities-icon-button svg{width:28px;height:28px}.qualities-icon-button:active:not(:disabled){transform:scale(.91)}.qualities-icon-button:disabled{opacity:.5;cursor:default}.qualities-hint{color:#275a56;background:#fff0b8e8}.qualities-progress{filter:drop-shadow(0 5px 8px #17333466);grid-template-columns:repeat(9,1fr);justify-self:center;align-items:center;gap:clamp(6px,1.1vw,15px);width:min(100%,720px);padding:10px 12px;display:grid}.qualities-progress span{color:#f2e2b3;opacity:.78;place-items:center;transition:transform .3s,color .3s,opacity .3s;display:grid}.qualities-progress svg{fill:currentColor;filter:drop-shadow(0 1px 1px #204d47);width:clamp(22px,2.3vw,34px);height:clamp(22px,2.3vw,34px)}.qualities-progress span.is-complete{color:#67d5ae;opacity:1;transform:rotate(-9deg)}.qualities-progress span.is-current{color:#fff7c8;opacity:1;filter:drop-shadow(0 0 9px #fff);transform:scale(1.28)rotate(9deg)}.qualities-target{--target-x:var(--target-wide-x);--target-y:var(--target-wide-y);z-index:3;left:var(--target-x);top:var(--target-y);aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:clamp(126px,14vw,220px);padding:0;position:absolute;transform:translate(-50%,-50%)}.qualities-target:disabled{cursor:default}.qualities-cursor{pointer-events:none;transform-origin:18% 12%;filter:drop-shadow(0 4px 4px #173334aa);width:clamp(46px,4.5vw,72px);animation:1.35s cubic-bezier(.45,0,.25,1) infinite qualities-cursor-click;position:absolute;top:58%;left:62%}.qualities-cursor svg{width:100%;height:auto;display:block;overflow:visible}.qualities-cursor path{fill:#fffdf1;stroke:#245956;stroke-width:3.5px;stroke-linejoin:round}.qualities-cursor i{aspect-ratio:1;opacity:0;border:2px solid #fff8c7;border-radius:50%;width:36%;animation:1.35s ease-out infinite qualities-tap-ripple;position:absolute;top:-6%;left:-8%;box-shadow:0 0 0 2px #397a7166,0 0 12px #fff6bd}.qualities-workshop:not([data-phase=idle]) .qualities-cursor{opacity:0;animation:none}.qualities-workshop:not([data-phase=idle]) .qualities-cursor i{animation:none}.qualities-question-slot{z-index:4;left:50%;bottom:max(112px, calc(env(safe-area-inset-bottom) + 96px));text-align:center;pointer-events:none;width:min(820px,100% - 48px);position:absolute;transform:translate(-50%)}.qualities-question-slot.is-situation{bottom:max(28px, env(safe-area-inset-bottom));width:min(680px,100% - 48px)}.qualities-situation-panel,.qualities-question-panel{color:#fff;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(145deg,#163f3f99,#163f3f70);border:1px solid #ffffff70;animation:.4s cubic-bezier(.2,.8,.3,1.1) both qualities-prompt-in;box-shadow:0 10px 28px #17333435}.qualities-situation-panel{border-radius:20px;max-width:100%;padding:12px 24px;display:inline-block}.qualities-situation-panel p{text-shadow:0 2px 8px #102d2bcc;margin:0;font-size:clamp(1.05rem,1.75vw,1.45rem);font-weight:800;line-height:1.25}.qualities-question-panel{border-radius:24px;padding:14px 26px}.qualities-question-panel h1{margin:0;font-size:clamp(1.25rem,2.15vw,1.9rem);line-height:1.2}.qualities-question-panel strong{color:#fff2b8;letter-spacing:.01em;text-shadow:0 2px 10px #143f3dcc;margin-top:7px;font-size:clamp(1.65rem,3vw,2.75rem);font-weight:900;line-height:1;animation:.45s cubic-bezier(.16,.85,.24,1.12) both qualities-word-in;display:block}.qualities-control{z-index:5;left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#fff;cursor:pointer;text-align:center;background:linear-gradient(145deg,#f28c63,#d75b55);border:2px solid #fff;border-radius:24px;grid-template-columns:1fr 28px;align-items:center;width:min(330px,100% - 32px);min-height:68px;padding:12px 20px 12px 48px;font-size:1.15rem;font-weight:950;animation:.35s cubic-bezier(.2,.8,.25,1.2) both qualities-control-in;display:grid;position:absolute;transform:translate(-50%);box-shadow:inset 0 2px #fff6,0 7px #943e43,0 14px 25px #45282d66}.qualities-control:active{transform:translate(-50%,5px)scale(.985);box-shadow:inset 0 2px #fff6,0 2px #943e43,0 8px 18px #45282d55}.qualities-control svg{opacity:0;width:28px;height:28px;transition:opacity .2s}.qualities-control svg.is-visible{opacity:1}.qualities-workshop[data-phase=transition] .qualities-scene-art{animation:.42s ease-in both qualities-scene-out}.qualities-finale{background:radial-gradient(circle at 25% 25%,#fff5b8,#0000 22%),linear-gradient(145deg,#a5ddcd,#eef1c7 56%,#efc878);grid-template-rows:auto auto auto auto;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr);align-content:center;column-gap:5vw;padding:5vh 8vw;display:grid}.qualities-finale:before{content:"";opacity:.58;background-image:radial-gradient(circle,#fff 0 3px,#0000 4px),radial-gradient(circle,#ffe27b 0 4px,#0000 5px);background-position:20px 30px,70px 85px;background-size:100px 100px,150px 150px;animation:4s ease-in-out infinite alternate qualities-stars;position:absolute;inset:0}.qualities-finale-hero{filter:drop-shadow(0 18px 14px #395f4e38);grid-area:1/1/-1;align-self:center;width:100%;height:min(76vh,720px);animation:1.3s cubic-bezier(.2,.8,.3,1.2) both qualities-celebrate;position:relative}.qualities-finale-hero img{object-fit:contain;object-position:center bottom}.qualities-finale>.qualities-kicker,.qualities-finale h2,.qualities-album,.qualities-finale-actions{grid-column:2;position:relative}.qualities-finale h2{color:#285957;letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(3rem,5.4vw,6.2rem);line-height:.88}.qualities-album{background:#fffaf0d9;border:2px solid #fff;border-radius:28px;flex-wrap:wrap;gap:10px;margin-bottom:22px;padding:22px;display:flex;box-shadow:0 16px 36px #39554431}.qualities-album span{color:#fff;text-transform:uppercase;animation:qualities-card-in .5s cubic-bezier(.2,.8,.25,1.25) var(--delay) both;background:linear-gradient(145deg,#61b9a3,#2f817b);border-radius:14px;padding:9px 14px;font-size:clamp(.78rem,1vw,1rem);font-weight:900;box-shadow:inset 0 1px #fff6,0 4px 8px #2f5a4d2e}.qualities-album span:nth-child(3n+2){background:linear-gradient(145deg,#ec916c,#cf5b59)}.qualities-album span:nth-child(3n){color:#665026;background:linear-gradient(145deg,#ffe89b,#e7bd5f)}.qualities-finale-actions{gap:14px;display:flex}.qualities-gate-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17383ad6!important}.qualities-gate{background:#fffaf0;border:2px solid #fff;border-radius:28px;width:min(500px,100%);padding:27px;box-shadow:0 24px 60px #10282b88}.qualities-gate h2{color:#285858;margin:3px 0 8px;font-size:clamp(1.8rem,5vw,2.8rem)}.qualities-gate form>label{font-weight:850;display:block}.qualities-gate input{border:2px solid #477673;border-radius:15px;width:100%;min-height:56px;margin:7px 0;padding:8px 12px;font-size:24px}.qualities-gate-error{color:#963e4c;min-height:25px;display:block}.qualities-gate form div{flex-wrap:wrap;gap:12px;display:flex}@keyframes qualities-before-out{to{opacity:0}}@keyframes qualities-after-in{0%{opacity:0}to{opacity:1}}@keyframes qualities-sweep{0%{opacity:0;transform:translate(0)rotate(14deg)}28%{opacity:.72}to{opacity:0;transform:translate(650%)rotate(14deg)}}@keyframes qualities-spark{0%{opacity:0;transform:translateY(22px)rotate(0)scale(.3)}40%{opacity:1}to{opacity:0;transform:translateY(-72px)rotate(150deg)scale(1.2)}}@keyframes qualities-cursor-click{0%,to{transform:translate(16%,16%)scale(.96)}34%,58%{transform:translate(-4%,-4%)scale(1)}72%{transform:translate(7%,7%)scale(.98)}}@keyframes qualities-tap-ripple{0%,30%{opacity:0;transform:scale(.45)}40%{opacity:.95}68%,to{opacity:0;transform:scale(1.8)}}@keyframes qualities-prompt-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@keyframes qualities-word-in{0%{opacity:0;transform:translateY(25px)scale(.88)}}@keyframes qualities-control-in{0%{opacity:0;transform:translate(-50%,18px)scale(.96)}}@keyframes qualities-scene-out{to{opacity:0}}@keyframes qualities-stars{to{opacity:.9;transform:translateY(-7px)}}@keyframes qualities-celebrate{0%{opacity:0;transform:translateY(38px)scale(.9)}70%{transform:translateY(-6px)scale(1.03)}}@keyframes qualities-card-in{0%{opacity:0;transform:translateY(12px)rotate(-3deg)scale(.85)}}@media (max-width:700px) and (orientation:portrait){.qualities-intro-shade{background:linear-gradient(#0000 37%,#173737b8 67%,#112f2ff2 100%)}.qualities-intro-copy{top:auto;left:20px;right:20px;bottom:max(20px, env(safe-area-inset-bottom));text-align:center;width:auto;transform:none}.qualities-intro-copy h1{font-size:clamp(3rem,15vw,4.8rem)}.qualities-intro-copy>p:not(.qualities-kicker){margin:14px auto 20px;font-size:.98rem}.qualities-intro-copy button{width:100%;margin:0 0 11px}.qualities-top{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));grid-template-columns:48px 1fr 48px;gap:6px}.qualities-icon-button{width:46px;height:46px}.qualities-progress{gap:1px;padding:0 2px}.qualities-progress svg{width:20px;height:20px}.qualities-target{--target-x:var(--target-mobile-x);--target-y:var(--target-mobile-y);width:clamp(116px,34vw,150px)}.qualities-cursor{width:48px}.qualities-question-slot{bottom:max(102px, calc(env(safe-area-inset-bottom) + 88px));width:calc(100% - 28px)}.qualities-situation-panel{border-radius:17px;padding:10px 17px}.qualities-question-panel{border-radius:20px;padding:12px 16px}.qualities-question-panel h1{font-size:clamp(1.02rem,4.8vw,1.34rem)}.qualities-question-panel strong{font-size:clamp(1.75rem,8.5vw,2.7rem)}.qualities-control{bottom:max(17px, env(safe-area-inset-bottom));min-height:62px}.qualities-asset-error{inset:38% 12%}.qualities-finale{padding:max(14px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;display:flex}.qualities-finale-hero{width:min(70%,330px);height:min(38svh,360px);margin-bottom:-16px}.qualities-finale h2{margin-bottom:13px;font-size:clamp(2.5rem,12vw,4rem)}.qualities-album{justify-content:center;gap:6px;margin-bottom:14px;padding:13px}.qualities-album span{padding:6px 9px;font-size:.7rem}.qualities-finale-actions{width:100%}.qualities-finale-actions button{flex:1;padding-inline:12px}}@media (max-height:520px) and (orientation:landscape){.qualities-top{grid-template-columns:46px minmax(260px,520px) 46px;top:8px;left:10px;right:10px}.qualities-icon-button{width:44px;height:44px}.qualities-progress svg{width:20px;height:20px}.qualities-question-slot{width:min(650px,100% - 180px);bottom:78px}.qualities-question-panel{border-radius:19px;padding:8px 16px}.qualities-question-panel h1{font-size:.96rem}.qualities-question-panel strong{margin-top:4px;font-size:1.75rem}.qualities-control{min-height:54px;bottom:8px}.qualities-cursor{width:44px}}@media (prefers-reduced-motion:reduce){.qualities-workshop *,.qualities-workshop :before,.qualities-workshop :after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}