.tutor-characters{padding-block:105px;background:#f5f0eb}.tutor-characters-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;grid-gap:100px;gap:100px}.tutor-character-composition{max-width:570px;min-width:0}.tutor-character-stage{position:relative;display:grid;place-items:center;width:100%;height:360px;margin-bottom:35px}.tutor-character-portrait{grid-area:1/1;object-fit:contain;width:340px;height:340px;max-width:85%;opacity:0;visibility:hidden;transform:translateY(8px) scale(.97);transition:opacity .24s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1);filter:drop-shadow(0 25px 19px #3715060b)}.tutor-character-portrait[data-selected=true]{visibility:visible;opacity:1;transform:translateY(0) scale(1)}.tutor-character-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:10px;gap:10px;padding-top:25px;border-top:1px solid #d9cabe}.tutor-character-options button{display:grid;place-items:center;padding:4px;background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;aspect-ratio:1;transition:border-color .16s ease,background .16s ease}.tutor-character-options button[aria-pressed=true]{border-color:#9e8876;background:#ffffff73}.tutor-character-options button img{object-fit:contain;width:100%;height:auto;transition:transform .22s cubic-bezier(.23,1,.32,1)}.tutor-character-options button:hover img{transform:translateY(-4px) rotate(-4deg)}.tutor-character-options button:active img{transform:scale(.96)}.tutor-character-options button:focus-visible img{transition:none}.tutor-character-selection{font-size:10px;text-align:center;color:#806956;margin:17px 0 0}.tutor-characters-copy{max-width:490px}.tutor-characters-copy h2{margin:0 0 28px}.tutor-characters-copy p{font-size:17px;line-height:1.75;color:#755e4d;margin:0 0 20px}.tutor-characters-copy a{display:inline-flex;align-items:center;gap:12px;font-size:13px;margin-top:15px}.tutor-characters-copy svg{height:15px;width:15px}@media(max-width:1100px){.tutor-characters-grid{gap:60px}.tutor-character-stage{height:300px}.tutor-character-portrait{width:280px;height:280px}.tutor-character-options{gap:5px}}@media(max-width:800px){.tutor-characters{padding-block:70px}.tutor-characters-grid{grid-template-columns:1fr;gap:25px}.tutor-characters-copy{grid-row:1;max-width:600px}.tutor-characters-copy p{font-size:16px}.tutor-character-composition{width:100%;max-width:520px;margin-inline:auto}.tutor-character-stage{height:290px;margin-bottom:15px}.tutor-character-portrait{width:280px;height:280px}.tutor-character-options{padding-top:20px;gap:8px}}@media(prefers-reduced-motion:reduce){.tutor-character-options button,.tutor-character-options button img,.tutor-character-portrait{transition:none;transform:none!important}}@media(prefers-reduced-motion:no-preference){.tutor-character-portrait[data-selected=true]{transform-origin:50% 82%;animation:tutor-character-hello .95s cubic-bezier(.23,1,.32,1) both,tutor-character-breathe 7s ease-in-out .95s infinite}.tutor-character-stage:hover .tutor-character-portrait[data-selected=true]{animation-play-state:running,paused}}@keyframes tutor-character-hello{0%{transform:translateY(8px) rotate(-3deg) scale(.97)}32%{transform:translateY(-10px) rotate(3deg) scale(1.015)}65%{transform:translateY(2px) rotate(-1.5deg) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes tutor-character-breathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1.4deg)}}.tutor-character-stage[data-animate=false] .tutor-character-portrait{animation:none!important;transition:none;transform:none}