/* Hallmark · shape: Illustrated anatomy study · genre: editorial · theme: brand · posture: committed · v2.0.0 */
@import url("./anatomy-tokens.css");
/* Eden anatomy — original 2.5D art, no external library dependency. */
.anatomy-scene{position:relative;isolation:isolate;width:100%;height:460px;overflow:hidden;color:var(--anatomy-cream);background:radial-gradient(ellipse at 50% 43%,var(--anatomy-field-glow) 0%,var(--anatomy-field-mid) 39%,var(--anatomy-field-edge) 75%);container-type:size;font-family:var(--font-body,Arial,sans-serif);}
.anatomy-scene[data-anatomy-scene="process"]{height:100%;}
.anatomy-scene>.anatomy-model{display:block;position:absolute;inset:3% 0 4%;width:100%;height:93%;object-fit:contain;}
.anatomy-heading{position:absolute;z-index:5;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:var(--space-md);font-size:11px;line-height:1.5;color:var(--anatomy-heading);pointer-events:none;}
.anatomy-heading .anatomy-phase{color:var(--anatomy-phase);font-size:12px;}
.anatomy-view{position:absolute;inset:40px 12px 80px;perspective:1000px;}
.anatomy-world{position:relative;height:100%;width:auto;aspect-ratio:2/3;margin:0 auto;transform-style:preserve-3d;will-change:transform;}
.anatomy-world>.anatomy-model,.anatomy-light,.anatomy-tracing{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none;}
.anatomy-world>.anatomy-model{filter:none;}
.anatomy-light{filter:brightness(1.08);mix-blend-mode:screen;pointer-events:none;}
.anatomy-tracing{overflow:visible;pointer-events:none;}
.anatomy-spine-trace{stroke-width:6;stroke-linecap:round;opacity:.42;}
.anatomy-region-ring{stroke:var(--anatomy-region-ring);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;}
.anatomy-target-outer{stroke:var(--anatomy-target-ring);stroke-width:2;}
.anatomy-target-inner{fill:var(--anatomy-target-center);stroke:var(--anatomy-target-edge);stroke-width:2;}
.anatomy-sweep{position:absolute;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--anatomy-sweep-gold) 25%,var(--anatomy-sweep-light) 50%,var(--anatomy-sweep-gold) 75%,transparent);box-shadow:0 0 18px 3px var(--anatomy-sweep-halo);pointer-events:none;}
.anatomy-sweep::after{content:"";position:absolute;inset:-16px 0 0px;background:linear-gradient(0deg,var(--anatomy-sweep-trail),transparent);}
.anatomy-aura{position:absolute;left:12%;right:12%;top:6%;bottom:10%;border-radius:50%;background:radial-gradient(ellipse,var(--anatomy-aura),transparent 65%);}
.anatomy-floor{position:absolute;left:32%;right:32%;height:11px;bottom:0;border-radius:50%;background:var(--anatomy-floor);box-shadow:0 0 18px 10px var(--anatomy-floor-halo);}
.anatomy-region-tag{position:absolute;left:5%;display:grid;grid-template-columns:1fr;gap:var(--space-2xs);min-width:65px;font-size:13px;line-height:1.4;pointer-events:none;}
.anatomy-region-tag small{font-size:11px;color:var(--anatomy-region-meta);}
.anatomy-tag-rule{width:40px;height:1px;background:linear-gradient(90deg,var(--anatomy-tag-rule),transparent);margin-bottom:var(--space-xs);}
.anatomy-detail{position:absolute;top:16%;right:3%;width:96px;height:116px;overflow:hidden;border:1px solid var(--anatomy-detail-edge);background:radial-gradient(ellipse,var(--anatomy-detail-glow),var(--anatomy-detail-field) 78%);pointer-events:none;}
.anatomy-detail>img{position:absolute;top:50%;left:50%;width:360%;height:auto;max-width:none;filter:none;}
.anatomy-detail-corner{position:absolute;inset:0;border-top:0px solid var(--anatomy-detail-corner);border-left:0px solid var(--anatomy-detail-corner);width:13px;height:13px;}
.anatomy-detail-label{position:absolute;inset:auto 0 0;padding:var(--space-xs) var(--space-xs);background:linear-gradient(transparent,var(--anatomy-detail-scrim) 40%);font-size:11px;line-height:1.4;color:var(--anatomy-detail-label);}
.anatomy-measure{position:absolute;top:12%;bottom:9%;left:1%;width:10px;display:flex;flex-direction:column;justify-content:space-between;opacity:.34;}
.anatomy-measure i{height:1px;width:5px;background:var(--anatomy-measure);}.anatomy-measure i:nth-child(3n+1){width:10px;}
.anatomy-foot{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);z-index:6;}
.anatomy-description{display:flex;flex-direction:column;gap:var(--space-2xs);min-width:0;line-height:1.5;}
.anatomy-caption{font-size:12px;color:var(--anatomy-caption);}
.anatomy-description small{font-size:11px;color:var(--anatomy-caption-meta);white-space:nowrap;}
.anatomy-controls{display:flex;gap:var(--space-xs);flex-shrink:0;}
.anatomy-controls button{font:inherit;font-size:13px;line-height:1.4;padding:var(--space-xs) var(--space-sm);min-height:44px;min-width:44px;border:1px solid var(--anatomy-control-edge);background:var(--anatomy-control-field);color:var(--anatomy-control-label);border-radius:2px;cursor:pointer;white-space:nowrap;}
.anatomy-controls button:hover{border-color:var(--anatomy-control-hover-edge);background:var(--anatomy-control-hover-field);}
.anatomy-controls button:active{background:var(--anatomy-control-hover-field);border-color:var(--anatomy-cream);}
.anatomy-controls button:focus-visible{outline:2px solid var(--anatomy-focus);outline-offset:4px;}
.anatomy-timeline{position:absolute;height:2px;bottom:0;left:0;right:0;background:var(--anatomy-timeline-track);}
.anatomy-timeline span{display:block;height:100%;background:var(--anatomy-timeline-fill);transform:scaleX(0);transform-origin:0 50%;}
.anatomy-scene[data-playing="false"] .anatomy-world{will-change:auto;}
@container (max-width:380px){.anatomy-detail{right:0;width:72px;height:92px;}.anatomy-region-tag{left:2%;font-size:11px;}.anatomy-foot{left:12px;right:12px;gap:var(--space-xs);}.anatomy-caption{font-size:12px;}.anatomy-controls{gap:var(--space-2xs);}.anatomy-controls button{padding:var(--space-xs);}.anatomy-heading{left:16px;right:16px;font-size:11px;}.anatomy-description small{font-size:11px;}.anatomy-view{inset:40px 8px 80px;}}
@container (max-height:300px){.anatomy-heading{top:12px;left:12px;right:12px;font-size:11px;}.anatomy-heading .anatomy-phase{font-size:11px;}.anatomy-view{inset:32px 8px 64px;}.anatomy-detail{height:84px;width:72px;right:8%;top:6%;}.anatomy-region-tag{left:10%;font-size:11px;}.anatomy-foot{left:12px;right:12px;bottom:8px;}.anatomy-caption{font-size:12px;}.anatomy-description{gap:var(--space-3xs);}.anatomy-description small{display:none;}.anatomy-controls button{padding:var(--space-xs) var(--space-xs);min-height:44px;}.anatomy-measure{display:none;}}
@container (max-height:190px){.anatomy-view{inset:24px 8px 56px;}.anatomy-detail{display:none;}.anatomy-region-tag{left:15%;top:30%!important;}.anatomy-region-tag small,.anatomy-tag-rule{display:none;}.anatomy-description small{display:none;}.anatomy-foot{bottom:8px;}.anatomy-heading .anatomy-phase{font-size:11px;}}
@media(max-width:60rem){.anatomy-scene{height:350px;}.anatomy-scene[data-anatomy-scene="process"]{height:100%;}}
@media(max-width:44rem){.anatomy-scene{height:400px;}.anatomy-scene[data-anatomy-scene="process"]{height:100%;}.anatomy-controls button{min-height:44px;min-width:44px;}}
@media(prefers-reduced-motion:reduce){.anatomy-world{will-change:auto;}.anatomy-scene *{scroll-behavior:auto;}}