.clay-guide{display:grid;grid-template-columns:minmax(200px,.75fr) minmax(0,1.25fr);gap:clamp(18px,3vw,36px);align-items:center;background:#fff3d1;border:1px solid #e2c77d;border-radius:24px;padding:clamp(16px,2.5vw,30px);margin-block:28px 38px;font-size:16px;line-height:1.65;color:#193f41;text-align:start}.clay-guide-art{display:flex;gap:12px;min-width:0}.clay-person{background-image:url('/assets/clay-learning-duo.png');background-size:200% auto;background-repeat:no-repeat;background-color:#f9ecd4;border-radius:80px 80px 28px 28px;aspect-ratio:3/4;flex:1;box-shadow:0 7px 0 #d7c18c;transform-origin:50% 90%}.clay-person.man{background-position:left center}.clay-person.woman{background-position:right center}.clay-in-view .clay-person{animation:clay-hello 2.5s ease-in-out both}.clay-in-view .woman{animation-delay:.25s}.clay-guide-body{min-width:0}.clay-guide-kicker{font-size:16.08px;font-weight:800;margin-top:0}.clay-guide-links{display:flex;gap:12px;flex-wrap:wrap}.clay-guide button{font:inherit;min-height:48px;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:start;background:#0f615d;color:white;border:2px solid #0f615d;border-radius:13px;padding:10px 16px;cursor:pointer}.clay-guide .clay-motion{margin-top:18px;background:transparent;color:#164b46;font-size:16px}.clay-guide :focus-visible{outline:3px solid #854000;outline-offset:4px}.clay-still *{animation:none!important;transition:none!important}@keyframes clay-hello{0%,100%{transform:none}35%{transform:rotate(-3deg) translateY(-8px)}70%{transform:rotate(2deg) translateY(-3px)}}@media(max-width:700px){.clay-guide{grid-template-columns:1fr}.clay-guide-art{max-width:290px;width:100%;margin-inline:auto}.clay-guide button{width:100%}}@media(prefers-reduced-motion:reduce){.clay-guide *{animation:none!important;transition:none!important}}@media print{.clay-guide{display:none}}