.anatomy{position:relative;isolation:isolate}.anatomy__grid{display:grid;gap:var(--space-lg)}.anatomy__content{display:contents}.anatomy__intro{order:1}.anatomy__visual{order:2}.anatomy__callouts{order:3}.anatomy__buy{order:4}.anatomy__visual{min-width:0}.anatomy__panel{--tick-color: var(--color-accent-text);--color-grid: var(--color-media-grid, var(--color-grid));--color-grid-strong: var(--color-media-grid-strong, var(--color-grid-strong));position:relative;margin-inline:calc(var(--page-margin) * -1);padding:var(--space-sm);border-block:var(--border-width) solid var(--color-line-strong);background-color:var(--color-raised)}.anatomy__panel.ticks:before{top:0;right:0;bottom:0;left:0}.anatomy__open{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius-card-sm);background:none;color:inherit;cursor:zoom-in;overflow:hidden}.anatomy__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-card-sm);transition:transform var(--duration-slow) var(--ease-snap)}.anatomy__hint{display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:2.75rem;margin-block-start:var(--space-xs);padding:0 var(--space-sm);border:var(--border-width) solid var(--color-line-strong);border-radius:var(--radius-button, 2px);background-color:var(--color-background);color:var(--color-ink);font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;transition:background-color var(--duration) ease,color var(--duration) ease,border-color var(--duration) ease}.anatomy__hint .icon{width:1rem;height:1rem}.anatomy__hint-pointer{display:none}@media(hover:hover)and (pointer:fine){.anatomy__hint-touch{display:none}.anatomy__hint-pointer{display:inline}.anatomy__open:hover .anatomy__image{transform:scale(1.015)}.anatomy__open:hover .anatomy__hint{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-accent-contrast, #111)}}.anatomy__open:focus-visible{outline-offset:4px}.anatomy__caption{margin:var(--space-xs) 0 0;font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.anatomy__intro{max-width:36rem}.anatomy__heading{margin-block-end:var(--space-md)}.anatomy__text{color:var(--color-muted);font-size:var(--text-lg);line-height:1.55}.anatomy__text p:last-child{margin-block-end:0}.anatomy__callouts{margin:0;padding:0;list-style:none;border-top:var(--border-width) solid var(--color-line)}.anatomy__callout{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-sm);border-bottom:var(--border-width) solid var(--color-line)}.anatomy__index{display:grid;place-items:center;width:2.75rem;height:2rem;border:var(--border-width) solid var(--color-line-strong);font-size:var(--text-xs);color:var(--color-accent-text);transition:border-color var(--duration) ease,background-color var(--duration) ease}.anatomy__callout:hover .anatomy__index{border-color:var(--color-accent)}.anatomy__label{margin:0 0 var(--space-3xs);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink)}.anatomy__callout-text{margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.5}.anatomy__buy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-lg)}.anatomy__price{display:flex;flex-direction:column;gap:var(--space-3xs);margin:0;font-size:1.5rem;line-height:1.1}.anatomy__price-label{font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.anatomy__price .price--compare{font-size:var(--text-base)}.anatomy__cta{flex:1 1 100%}@media(min-width:480px){.anatomy__cta{flex:0 0 auto}}@media(min-width:750px){.anatomy__panel{margin-inline:0;padding:var(--space-md);border:var(--border-width) solid var(--color-line-strong);border-radius:var(--radius-card);box-shadow:0 1px color-mix(in srgb,var(--color-ink) 6%,transparent) inset}}@media(min-width:990px){.anatomy__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-2xl);align-items:start}.anatomy__visual{order:0}.anatomy__grid--reverse{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.anatomy__grid--reverse .anatomy__visual{order:2}.anatomy__content{display:block;position:sticky;top:calc(4.75rem + var(--space-lg));min-width:0;max-width:36rem;padding-block-start:var(--space-md)}.anatomy__intro,.anatomy__callouts{margin-block-end:var(--space-lg)}.anatomy__panel{padding:var(--space-lg)}}.anatomy-dialog{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background-color:var(--color-background);color:var(--color-ink);overflow:hidden}.anatomy-dialog[open]{display:flex;flex-direction:column;animation:fade-in var(--duration) var(--ease-out)}.anatomy-dialog::backdrop{background-color:var(--color-overlay, rgb(0 0 0 / .7))}.anatomy-dialog__bar{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--page-margin);border-bottom:var(--border-width) solid var(--color-line)}.anatomy-dialog__hint{margin:0;font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.anatomy-dialog__scroller{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.anatomy-dialog__zoom{display:grid;place-items:center;width:100%;min-height:100%;padding:var(--space-sm);border:0;background:none;cursor:zoom-in}.anatomy-dialog__image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 8rem);object-fit:contain}.anatomy-dialog.is-zoomed .anatomy-dialog__zoom{display:block;width:max-content;cursor:zoom-out}.anatomy-dialog.is-zoomed .anatomy-dialog__image{width:clamp(1024px,160vw,1800px);max-width:none;max-height:none}@media(prefers-reduced-motion:reduce){.anatomy__image,.anatomy__hint,.anatomy__index{transition:none}.anatomy__open:hover .anatomy__image{transform:none}.anatomy-dialog[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-anatomy.css.map */
