/* Existing approved artwork, displayed in independent 3D planes. */
.about-rootlings .about-logo-panel{display:inline-block;width:290px;max-width:100%;margin:20px 0 8px;padding:17px 23px;background:#103a30;border:1px solid #b89d63;border-radius:8px;box-shadow:0 6px 18px #16352616}
.about-rootlings .about-wordmark{display:block;width:100%;height:auto;margin:0;object-fit:contain}
.about-rootlings .about-friends{position:relative;perspective:1100px;isolation:isolate;width:100%;max-width:680px;margin:0 auto;padding:36px 15px 23px;overflow:visible}
.about-friends-backdrop{position:absolute;inset:10px 8px 0;border-radius:46% 46% 10px 10px;background:linear-gradient(#061f2b22,#061f2b66),url('/assets/rootlings-friends-background.webp') center/cover;box-shadow:0 22px 35px #15352730,inset 0 0 0 1px #d7bd7a66;pointer-events:none;z-index:-1}
.about-friends-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 7px;transform-style:preserve-3d;transform:rotateX(var(--scene-rx,0deg)) rotateY(var(--scene-ry,0deg));transition:transform .55s ease-out}
.about-friend{position:relative;display:block;min-width:0;text-align:center;transform:translateZ(var(--depth));transform-style:preserve-3d;transition:transform .45s ease,filter .45s ease;border-radius:30% 30% 8px 8px;outline-offset:4px}
.about-friend-art{display:block;width:100%;aspect-ratio:var(--sprite-ratio);background:url('/assets/rootlings-friends-atlas.webp') var(--sprite-x) 45.4545% / var(--sprite-width) 127.0175% no-repeat;filter:drop-shadow(0 16px 7px #0009)}
.about-friend-name{display:inline-block;position:relative;margin-top:5px;padding:4px 15px 5px;color:#fff6df;background:#082a29e8;border:1px solid #c5a46988;border-radius:30px;font-size:19px;line-height:1.15;box-shadow:0 4px 8px #00101466;transform:translateZ(8px)}
.about-friend:hover,.about-friend:focus-visible{transform:translateZ(calc(var(--depth) + 24px)) translateY(-7px) scale(1.045);z-index:2}
.about-friend:hover .about-friend-art,.about-friend:focus-visible .about-friend-art{filter:drop-shadow(0 22px 10px #0009) brightness(1.06)}
.about-rootlings .about-friends-caption{position:relative;text-align:center;font:italic 17px/1.5 var(--serif);color:#f3ddb2;max-width:none;margin:22px 8px 0}
.about-body.quiet-page .motion-button{display:inline-block}
.motion-paused .about-friends-stage,.motion-paused .about-friend{transition:none!important}
.motion-paused .about-friends-stage{transform:none!important}
.motion-paused .about-friend:hover,.motion-paused .about-friend:focus-visible{transform:translateZ(var(--depth))}
@media(min-width:1001px){.about-page .about-rootlings{grid-template-columns:.9fr 1.1fr;gap:6%}}
@media(min-width:701px) and (max-width:1000px){.about-rootlings .about-friends{padding-inline:4px}.about-friends-stage{gap:16px 3px}.about-friend-name{font-size:16px;padding:4px 10px}.about-rootlings .about-friends-caption{font-size:15px}}
@media(max-width:700px){.about-rootlings .about-friends{max-width:540px;padding:30px 10px 20px}.about-rootlings .about-logo-panel{width:280px}.about-friend-name{font-size:18px}.about-rootlings .about-friends-caption{font-size:17px}}
@media(max-width:420px){.about-friends-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.about-friends-backdrop{border-radius:43% 43% 8px 8px}.about-friend{--depth:16px!important}.about-friend:hover,.about-friend:focus-visible{transform:translateZ(20px) translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.about-friends-stage{transform:none!important}.about-friend,.about-friends-stage{transition:none!important}.about-friend:hover,.about-friend:focus-visible{transform:translateZ(var(--depth))}}