.art-game{max-width:1080px;padding-top:35px;padding-bottom:65px}.art-paper{position:relative;background:#fffaf1;border:1px solid #d8c5e0;padding:clamp(24px,5vw,64px);margin-top:25px;box-shadow:8px 9px 0 #c8acd138;isolation:isolate;scroll-margin-top:24px}.art-paper:before{content:'';position:absolute;top:-9px;left:3%;right:3%;height:18px;background:url(brush-purple.svg) center/100% 100% no-repeat;z-index:-1}.art-intro{max-width:760px}.art-game h1{font:clamp(39px,6vw,70px)/1.13 Marker;color:#44215f;margin:18px 0 25px;letter-spacing:-1px}.art-game .art-lead{font-size:clamp(18px,2.5vw,23px);line-height:1.5;max-width:690px}.art-game h2{font-size:31px}.art-game h3{font-size:19px;color:#44215f;margin:0 0 10px}.art-languages{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.art-languages>span{border:1px solid var(--tone);color:var(--tone);border-radius:25px;padding:7px 13px;font-size:14px}.art-languages b{font-size:19px}.art-facts{display:flex;gap:10px 20px;flex-wrap:wrap;margin:25px 0;font-size:13px;color:#634b70}.art-facts span:before{content:'✦';margin-right:7px;color:#a566bd}.art-game .art-note{font-size:13px;line-height:1.65;color:#695d6d;margin:26px 0 0;max-width:740px}.art-game .pill{min-height:48px;letter-spacing:.6px}.art-game button:disabled{opacity:.4;cursor:not-allowed}.art-counter{display:flex;justify-content:space-between;gap:15px;color:#61406f;font-size:14px;margin-bottom:12px}.art-progress{width:100%;height:8px;display:block;border:0;border-radius:20px;background:#e7d9eb;accent-color:#75409a;margin-bottom:30px}.art-progress::-webkit-progress-bar{background:#e7d9eb;border-radius:20px}.art-progress::-webkit-progress-value{background:#75409a;border-radius:20px}.art-progress::-moz-progress-bar{background:#75409a;border-radius:20px}.art-question{margin:0;padding:0;border:0;min-width:0}.art-question legend{font:700 clamp(24px,3.2vw,34px)/1.25 Kalam;color:#44215f;padding:0;max-width:100%;margin:0}.art-hint{font-size:14px;color:#736378;margin:12px 0 22px}.art-options{display:grid;gap:12px}.art-option{position:relative;display:flex;align-items:center;gap:14px;border:1px solid #d9ccdf;background:#fffdf7;border-radius:5px;padding:16px;cursor:pointer;min-height:68px;line-height:1.4;transition:background .15s,border-color .15s}.art-option:hover{background:#f2e8f6;border-color:#9b70b3}.art-option input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.art-option:focus-within{outline:3px solid #a35c12;outline-offset:3px}.art-option-letter{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border:1px solid #d4bfdc;color:#69417d;border-radius:50%;font-size:13px;font-weight:bold}.art-check{margin-left:auto;color:#613480;font-weight:bold;min-width:14px}.art-selected{background:#eee0f4;border:2px solid #75409a;padding:15px}.art-selected .art-option-letter{background:#75409a;color:white;border-color:#75409a}.art-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:28px}.art-back{background:none;border:1px solid #bca7c7;color:#563267;border-radius:28px;padding:12px 19px;min-height:48px;font-size:13px}.art-back:hover{background:#f1e4f5}.art-result-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:30px 0}.art-result-card{border-top:5px solid var(--tone);background:#f1e8f3;padding:25px;border-radius:4px}.art-result-card h2{color:var(--tone);margin:10px 0;font-size:30px}.art-result-card p{font-size:15px;line-height:1.65;margin-bottom:0}.art-result-symbol{font-size:40px;color:var(--tone)}.art-distribution{margin:35px 0;padding-top:10px}.art-distribution>p{font-size:14px;color:#695d6d}.art-bar-row{margin-top:17px}.art-bar-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:14px}.art-bar-row small{font-weight:normal;color:#695d6d}.art-bar{height:10px;background:#e9dfe9;border-radius:10px;margin-top:7px;overflow:hidden}.art-bar span{height:100%;display:block;border-radius:10px}.art-challenges{border-top:1px dashed #bba2c8;padding-top:30px;margin-top:35px}.art-challenges>div{padding:20px 0;border-bottom:1px solid #e3d5e8}.art-challenges a{color:#633480;text-decoration:underline;text-underline-offset:4px;font-weight:bold;font-size:14px}.art-result-actions{flex-wrap:wrap;justify-content:flex-start}.art-share-status{font-size:14px;color:#4b7350}.art-game textarea{width:100%;margin-top:8px;padding:15px;border:1px solid #bca7c7;font:14px/1.6 Arial,sans-serif;background:white;color:#302037}.art-teaser{position:relative;display:grid;grid-template-columns:1fr 240px;align-items:center;gap:25px;padding:35px;margin:35px 0 50px;background:#eee1f2;border:1px solid #d8c5e0;isolation:isolate;overflow:hidden}.art-teaser h2{margin:10px 0}.art-teaser p{max-width:580px;margin:10px 0 25px}.art-teaser .pill{font-size:11px;gap:14px}.art-petal{position:relative;height:220px;width:220px;margin:auto}.art-petal>span{position:absolute;left:80px;top:14px;width:60px;height:88px;border-radius:50% 50% 40% 40%;background:var(--petal);color:#fffaf1;font-size:29px;text-align:center;padding-top:18px;transform:rotate(calc(var(--i)*72deg));transform-origin:30px 96px}.art-petal>b{position:absolute;left:65px;top:74px;width:90px;height:90px;border-radius:50%;background:#f6edda;color:#44215f;display:grid;place-content:center;font:22px/1 Kalam;text-align:center}.art-teaser:after{content:'';position:absolute;bottom:-20px;left:-15px;width:100px;height:120px;background:url(flower.svg) center/contain no-repeat;opacity:.35;z-index:-1}body>header nav{gap:18px}body>header nav a[href='#que-arte-te-movimenta']{color:#75409a;font-weight:bold}@media(max-width:700px){.art-teaser{grid-template-columns:1fr;padding:25px;gap:15px}.art-petal{height:180px;transform:scale(.8);margin:-10px auto}.art-paper{padding:24px 19px}.art-game{padding-top:20px}.art-controls .pill{padding:13px 17px;font-size:11px;gap:12px}.art-back{padding:12px 15px}.art-option{padding:13px;gap:10px;font-size:15px}.art-selected{padding:12px}.art-result-card{padding:20px}.art-game h1{font-size:42px}.art-counter{font-size:12px}.art-result-actions{align-items:stretch;flex-direction:column}.art-result-actions button{text-align:center;justify-content:center}.art-question legend{font-size:27px}}
.art-character{display:block;width:min(100%,270px);aspect-ratio:3/5;margin:0 auto 15px;background-image:url(affinity/characters.png);background-repeat:no-repeat;background-size:500% 100%;background-position:var(--character) center;filter:drop-shadow(0 12px 9px #44215f14)}.art-result-card{overflow:hidden}.art-result-card h2{text-align:center}.art-result-card .art-character{max-height:360px;width:auto;max-width:230px;aspect-ratio:3/5}.art-social{margin-top:38px;padding-top:30px;border-top:1px dashed #bba2c8}.art-social>p{font-size:15px;color:#695d6d}.art-share-layout{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:25px;align-items:start;margin-top:25px}.art-card-preview{background:#eadfed;border-radius:7px;padding:9px;border:1px solid #dac8e1}.art-card-preview img{width:100%;height:auto;object-fit:contain;border-radius:3px}.art-card-preview p{padding:18px;font-size:13px;line-height:1.6}.art-social-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.art-social-button{display:flex;align-items:center;gap:9px;justify-content:center;background:#fffaf1;border:1px solid #c8b3d1;border-radius:8px;padding:13px 10px;color:#44215f;font:700 14px Arial,sans-serif;min-height:50px;text-align:center}.art-social-button:hover{background:#eee0f4;border-color:#75409a}.art-social-button b{font-size:21px;min-width:22px}.art-card-actions{display:grid;gap:12px;margin-top:20px}.art-card-actions .pill{font-size:11px;justify-content:center;padding:15px 12px}.art-social .art-note{font-size:12px;margin-top:18px}.art-social .art-share-status{line-height:1.6}.art-game #art-share-fallback label{font-size:13px}.art-result-actions{padding-top:12px}.art-teaser{margin-top:48px}@media(max-width:620px){.art-share-layout{grid-template-columns:1fr}.art-card-preview{width:min(100%,230px);margin:auto}.art-result-card .art-character{max-height:320px}.art-social-buttons{gap:8px}.art-game h1{overflow-wrap:anywhere}.art-game .art-intro .stroke{white-space:normal}}

.art-result-card svg.art-character{background:none;overflow:hidden}

/* Illustrated invitation: the same characters visitors discover in their results. */
.art-teaser{grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:28px;align-items:center}.art-teaser-cast{width:100%;margin:0;position:relative;isolation:isolate;padding:20px 0}.art-teaser-cast:before{content:'';position:absolute;inset:4% -3% 0;background:#dbc5e5;border-radius:48% 52% 43% 57%;transform:rotate(-5deg);z-index:-1}.art-teaser-cast img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 5px #44215f10)}
@media(max-width:900px){.art-teaser{grid-template-columns:1fr}.art-teaser-cast{width:min(100%,540px);margin:0 auto;padding:15px 0}.art-teaser-cast:before{inset:8% 1% 0}}