.anatomy{position:relative}.anatomy__pin{position:sticky;top:0;height:100svh;overflow:hidden}.anatomy__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.anatomy__head{position:absolute;top:clamp(84px,12vh,120px);left:0;right:0;z-index:5;text-align:center;pointer-events:none;padding-inline:var(--page-margin)}.anatomy__title{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(2.2rem,1.4rem + 4vw,4.2rem);margin-top:.4rem}.anatomy__stage-num{position:absolute;right:clamp(20px,6vw,110px);top:50%;transform:translateY(-50%);z-index:2;font-family:var(--font-heading);font-weight:700;font-size:clamp(7rem,26vw,20rem);line-height:.8;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--color-line) 70%,transparent);pointer-events:none}.callouts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.callout{position:absolute;left:clamp(20px,6vw,90px);top:50%;transform:translateY(-50%) translate(-34px);width:min(360px,76vw);opacity:0;transition:opacity .5s,transform .5s}.callout.is-active{opacity:1;transform:translateY(-50%);pointer-events:auto}.callout__body{position:relative;padding:22px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.callout__media{position:relative;aspect-ratio:16/10;margin-bottom:16px;background:#121315;border:1px solid var(--color-line);overflow:hidden}.callout__media img,.callout__media canvas{width:100%;height:100%;display:block;object-fit:cover}.callout__media-tag{position:absolute;top:8px;left:8px;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);background:#0e0f1099;padding:3px 6px;border:1px solid var(--color-line)}.callout__idx{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.2em;color:var(--color-accent)}.callout__coord{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.14em;color:var(--color-text-muted);margin-bottom:12px}.callout h3{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;font-size:clamp(1.6rem,1.2rem + 2vw,2.6rem);line-height:1;margin-bottom:10px}.callout p{color:var(--color-text-muted);font-size:.96rem;max-width:none}.callout__price{display:inline-block;font-family:var(--font-mono);color:var(--color-accent);font-size:.85rem;letter-spacing:.04em;margin-top:12px}.anatomy__prog{position:absolute;left:50%;bottom:34px;transform:translate(-50%);z-index:5;display:flex;gap:8px}.anatomy__prog i{width:40px;height:3px;background:var(--color-line);transition:background .3s}.anatomy__prog i.is-active{background:var(--color-accent)}@media(max-width:760px){.callout{top:auto;bottom:76px;transform:translateY(20px);width:min(340px,82vw)}.callout.is-active{transform:none}.callout__media{aspect-ratio:16/7}.anatomy__stage-num{opacity:.5}}@media(prefers-reduced-motion:reduce){.callout{position:relative;top:auto;left:auto;transform:none;opacity:1;width:auto;margin-bottom:1rem}.anatomy__pin{position:relative;height:auto;padding-block:4rem}.anatomy__canvas,.anatomy__stage-num,.anatomy__prog{display:none}.callouts{position:relative;display:grid;gap:1rem;padding:6rem var(--page-margin) 3rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-anatomy.css.map */