/* Reuse the icon studio's cards within the homepage's own layout and type. */
.anatomy-section .anatomy-intro{text-align:center}
.anatomy-section .anatomy-intro h2{font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:0 0 22px}
.anatomy-section .anatomy-wordmark{white-space:nowrap;color:var(--ink)}
.anatomy-section .anatomy-wordmark .brand-blue{color:var(--blue)}
.anatomy-section .anatomy-intro p{font-size:16px;line-height:1.8;color:#53617d;margin:0}
@media(max-width:540px){.anatomy-section .anatomy-intro p{font-size:13px}}
.anatomy-section .icon-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px}
.anatomy-section .icon-grid article{min-width:0}
.anatomy-section .icon-bubble{display:block;width:100%;padding:0;border:0;border-radius:36px;background:transparent;text-align:center;perspective:1100px;touch-action:manipulation}
.anatomy-section .flip-inner{display:grid;transform-style:preserve-3d;border-radius:inherit;transition:transform .58s cubic-bezier(.22,.8,.25,1)}
.anatomy-section .card-face{grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;padding:24px;background:var(--wash);border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.anatomy-section .icon-stage{display:flex;align-items:center;justify-content:center;height:163px;margin-bottom:10px}
.anatomy-section .icon-stage img{width:160px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 8px #1826480a)}
.anatomy-section .anatomy{font-size:12px;color:#52617c;margin-bottom:6px}
.anatomy-section .icon-bubble strong{font-size:24px;letter-spacing:-.025em;line-height:1.3}
.anatomy-section .description{font-size:14px;line-height:1.65;margin-top:9px;color:#43516c}
.anatomy-section .card-back{transform:rotateY(180deg);padding:32px;gap:18px}
.anatomy-section .back-description{font-size:16px;line-height:1.75;color:#43516c;max-width:32ch}
.anatomy-section .return-hint{font-size:12px;color:#52617c;margin-top:5px}
.anatomy-section .icon-bubble.is-flipped .flip-inner{transform:rotateY(180deg)}
@media(max-width:900px){.anatomy-section .icon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.anatomy-section .card-face{min-height:335px}.anatomy-section .icon-bubble strong{font-size:22px}}
@media(max-width:540px){.anatomy-section .icon-grid{grid-template-columns:1fr;gap:18px;margin-top:28px}.anatomy-section .card-face{min-height:300px;border-radius:27px;padding:24px}.anatomy-section .icon-bubble strong{font-size:22px}.anatomy-section .icon-stage{height:145px}.anatomy-section .icon-stage img{width:140px;height:140px}.anatomy-section .back-description{font-size:15px}}
@media(prefers-reduced-motion:reduce){.anatomy-section .flip-inner,.anatomy-section .icon-bubble.is-flipped .flip-inner{transition:none;transform:none}.anatomy-section .card-back{transform:none;visibility:hidden}.anatomy-section .icon-bubble.is-flipped .card-front{visibility:hidden}.anatomy-section .icon-bubble.is-flipped .card-back{visibility:visible}}