.lore-anatomy__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px) minmax(0,1fr);grid-auto-flow:dense;gap:56px clamp(24px,4vw,64px);align-items:center}.lore-anatomy__image{grid-column:2;grid-row:1 / span var(--rows, 1);aspect-ratio:4 / 5.6;border-radius:999px 999px var(--lore-radius) var(--lore-radius);overflow:hidden}.lore-anatomy__image img,.lore-anatomy__image svg{width:100%;height:100%;object-fit:cover}.lore-anatomy__callouts{display:contents}.lore-anatomy__callout{position:relative;display:flex;flex-direction:column;gap:6px}.lore-anatomy__callout--left{grid-column:1;align-items:flex-end;text-align:right}.lore-anatomy__callout--right{grid-column:3}.lore-anatomy__callout:after{content:"";position:absolute;top:34px;width:clamp(16px,3vw,48px);border-top:1px solid color-mix(in srgb,var(--text) 40%,transparent)}.lore-anatomy__callout--left:after{right:calc(clamp(16px,3vw,48px)*-1 - 12px)}.lore-anatomy__callout--right:after{left:calc(clamp(16px,3vw,48px)*-1 - 12px)}.lore-anatomy__number{font-family:var(--lore-font-display);font-size:clamp(48px,5vw,72px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--accent)}.lore-anatomy__number small{margin-left:4px;font-size:.4em;letter-spacing:0}.lore-anatomy__name{font-family:var(--lore-font-body);font-size:19px;font-weight:600;line-height:1.3;color:inherit}.lore-anatomy__note{max-width:300px;font-size:16px;color:var(--text-muted)}.lore-anatomy__foot{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:760px;margin:56px auto 0;font-size:13px;line-height:1.5;text-align:center;color:var(--text-muted)}.lore-anatomy__disclaimer p{font-size:inherit;margin:0}.lore-anatomy__progress{display:none}.lore-anatomy__foot .lore-link{color:var(--text);white-space:nowrap}@media only screen and (max-width:767px){.lore-anatomy{timeline-scope:--lore-anatomy}.lore-anatomy__grid{display:block}.lore-anatomy__image{width:84%;margin:0 auto}.lore-anatomy__callouts{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:76%;gap:12px;margin:-110px calc(var(--lore-gutter) * -1) 0;padding:0 var(--lore-gutter) 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-timeline:--lore-anatomy inline;scrollbar-width:none}.lore-anatomy__callouts::-webkit-scrollbar{display:none}.lore-anatomy .lore-anatomy__callouts:focus-visible{outline-offset:-3px}.lore-anatomy__callout--left,.lore-anatomy__callout--right{grid-column:auto;align-items:flex-start;gap:8px;padding:22px 20px 24px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:24px;background-color:color-mix(in srgb,var(--bg) 94%,var(--text));box-shadow:0 18px 40px -20px #000000b3;text-align:left;scroll-snap-align:center}.lore-anatomy__number{font-size:52px}.lore-anatomy__progress{display:block;width:120px;height:3px;margin:22px auto 0;border-radius:3px;overflow:hidden;background-color:color-mix(in srgb,var(--text) 18%,transparent)}.lore-anatomy__progress span{display:block;width:calc(100% / var(--count));height:100%;border-radius:inherit;background-color:var(--accent)}.lore-anatomy__callout:after{display:none}.lore-anatomy__name{font-size:17px}.lore-anatomy__note{font-size:15px}.lore-anatomy__foot{margin-top:40px}}@supports (animation-timeline: scroll()){@media only screen and (max-width:767px){.lore-anatomy__progress span{animation:lore-anatomy-progress linear both;animation-timeline:--lore-anatomy}}}@keyframes lore-anatomy-progress{to{transform:translate(calc((var(--count) - 1) * 100%))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lore-anatomy.css.map */