.anatomy--trace{--an-bg: #0d0d0d;--an-fg: #f5f5f5;--an-sec: #a3a3a3;--an-soft: #8a8a8a;--an-graphite: #8a8a8a;--an-hair: rgba(255, 255, 255, .14);--an-red: #FF3B24;--an-pad: clamp(2rem, 2.65vw, 4rem);background:#0d0d0d;color:var(--an-fg);border-top:1px solid var(--an-hair);position:relative;overflow:hidden}.anatomy--trace .anatomy__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem 2.8rem;flex-wrap:wrap;padding:clamp(2.8rem,3.2vw,4.8rem) var(--an-pad) clamp(1.4rem,1.8vw,2.2rem)}.anatomy--trace .anatomy__head-l{display:flex;flex-direction:column;gap:1.3rem;min-width:0}.anatomy--trace .anatomy__eyebrow{display:inline-flex;align-items:center;gap:1.1rem;margin:0;font-family:DM Mono,ui-monospace,monospace;font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--an-soft)}.anatomy--trace .anatomy__eyebrow:before{content:"";width:24px;height:1px;background:#ffffff52}.anatomy--trace .anatomy__title{font-family:var(--font-heading-family),"Outfit",sans-serif;font-weight:700;font-size:clamp(2.6rem,3.2vw,4.6rem);letter-spacing:-.025em;line-height:1.05;margin:0;color:var(--an-fg);text-wrap:balance}.anatomy--trace .anatomy__title em{font-style:normal;color:var(--an-soft)}.anatomy--trace .anatomy__cap{font-family:DM Mono,ui-monospace,monospace;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--an-soft)}.anatomy--trace .anatomy__stagebox{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(24rem,.65fr);align-items:stretch;border-top:1px solid var(--an-hair)}.anatomy--trace .anatomy__diagram{position:relative;padding:clamp(2rem,2.4vw,3.6rem) 0}.anatomy--trace .anatomy__lwrap{position:relative;width:min(60vw,52rem);max-width:100%;aspect-ratio:1 / 1;margin:0 auto}.anatomy--trace .anatomy__lg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.anatomy--trace .anatomy__lg--w{filter:invert(1) brightness(.45)}.anatomy--trace .anatomy__lg--g{filter:invert(1) brightness(1.18);transition:clip-path .8s cubic-bezier(.22,1,.36,1)}.anatomy--trace .anatomy__hs{position:absolute;width:3rem;height:3rem;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.2);background:none;cursor:pointer;padding:0;z-index:3;transition:border-color .2s ease,box-shadow .2s ease}.anatomy--trace .anatomy__hs:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.anatomy--trace .anatomy__hs.on{border-color:#fff;box-shadow:0 0 0 4px #ffffff24}.anatomy--trace .anatomy__rail{display:flex;flex-direction:column;border-left:1px solid var(--an-hair)}.anatomy--trace .anatomy__prow{display:flex;flex-direction:column;flex:1;border-bottom:1px solid var(--an-hair);transition:background-color .18s ease}.anatomy--trace .anatomy__prow:last-child{border-bottom:0}.anatomy--trace .anatomy__phead{display:flex;align-items:stretch}.anatomy--trace .anatomy__psel{display:flex;align-items:center;gap:1.1rem;flex:1;min-width:0;min-height:4.6rem;text-align:left;background:none;border:0;cursor:pointer;padding:1rem 1rem 1rem clamp(1.6rem,2vw,2.8rem);color:var(--an-graphite);transition:color .2s ease}.anatomy--trace .anatomy__psel:focus-visible{outline:2px solid #ffffff;outline-offset:-3px}.anatomy--trace .anatomy__pln{font-family:DM Mono,ui-monospace,monospace;font-size:1rem;color:var(--an-graphite);flex-shrink:0;transition:color .2s ease}.anatomy--trace .anatomy__pnm{font-family:var(--font-heading-family),"Outfit",sans-serif;font-size:clamp(1.35rem,1.2vw,1.55rem);font-weight:700;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anatomy--trace .anatomy__pgo{display:flex;align-items:center;justify-content:center;width:4.4rem;flex-shrink:0;color:var(--an-graphite);opacity:0;transition:color .2s ease,opacity .2s ease}.anatomy--trace .anatomy__pgo svg{width:1.6rem;height:1.6rem;transition:transform .25s cubic-bezier(.22,.61,.36,1)}.anatomy--trace .anatomy__pbody{max-height:0;overflow:hidden;visibility:hidden;transition:max-height .45s cubic-bezier(.22,1,.36,1),visibility 0s linear .45s}.anatomy--trace .anatomy__pbody-inner{padding:0 clamp(1.6rem,2vw,2.8rem) clamp(1.4rem,1.6vw,1.8rem) calc(clamp(1.6rem,2vw,2.8rem) + 2.1rem)}.anatomy--trace .anatomy__desc{margin:0;font-size:1.02rem;line-height:1.55;color:#ffffffbd}.anatomy--trace .anatomy__pshop{display:none}.anatomy--trace .anatomy__prow.on{background:#ffffff0b}.anatomy--trace .anatomy__prow.on .anatomy__psel{color:var(--an-fg)}.anatomy--trace .anatomy__prow.on .anatomy__pnm,.anatomy--trace .anatomy__prow.on .anatomy__pln{color:#fff}.anatomy--trace .anatomy__prow.on .anatomy__pgo{color:var(--an-red);opacity:1}.anatomy--trace .anatomy__prow.on .anatomy__pbody{max-height:16rem;visibility:visible;transition:max-height .45s cubic-bezier(.22,1,.36,1),visibility 0s}@media screen and (hover:hover)and (pointer:fine){.anatomy--trace .anatomy__prow:not(.on):hover{background:#ffffff08}.anatomy--trace .anatomy__prow:not(.on):hover .anatomy__psel{color:var(--an-sec)}.anatomy--trace .anatomy__prow:not(.on):hover .anatomy__pln{color:var(--an-sec)}.anatomy--trace .anatomy__pgo:hover svg{transform:translate(3px)}}.anatomy--trace .anatomy__foot{display:flex;align-items:center;justify-content:space-between;gap:1.2rem 2.4rem;flex-wrap:wrap;border-top:1px solid var(--an-hair);padding:1.4rem var(--an-pad) 1.6rem}.anatomy--trace .anatomy__foot-txt{font-family:DM Mono,ui-monospace,monospace;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:var(--an-soft)}.anatomy--trace .anatomy__foot-cta{display:inline-flex;align-items:center;gap:.8rem;min-height:44px;padding:0 2rem;background:var(--an-fg);color:#171717;font-size:1.3rem;font-weight:700;border-radius:3px;text-decoration:none;transition:background-color .15s ease}.anatomy--trace .anatomy__foot-cta:hover{background:#fff}@media screen and (max-width:780px){.anatomy--trace .anatomy__stagebox{grid-template-columns:1fr}.anatomy--trace .anatomy__lwrap{width:min(72vw,36rem)}.anatomy--trace .anatomy__rail{border-left:0;border-top:1px solid var(--an-hair)}.anatomy--trace .anatomy__prow{flex:none}.anatomy--trace .anatomy__psel{min-height:5.4rem;padding-left:var(--an-pad);color:var(--an-fg)}.anatomy--trace .anatomy__pnm{font-size:1.5rem;color:#ffffffeb}.anatomy--trace .anatomy__pln{color:var(--an-soft)}.anatomy--trace .anatomy__prow:not(.on) .anatomy__pnm{color:#ffffffdb}.anatomy--trace .anatomy__pgo{width:5.2rem;opacity:1;color:var(--an-soft);border-left:1px solid var(--an-hair);pointer-events:none}.anatomy--trace .anatomy__pgo svg{transform:rotate(90deg);transition:transform .3s cubic-bezier(.22,1,.36,1),color .2s ease}.anatomy--trace .anatomy__prow.on .anatomy__pgo{color:#fff}.anatomy--trace .anatomy__prow.on .anatomy__pgo svg{transform:rotate(-90deg)}.anatomy--trace .anatomy__pbody-inner{padding:0 var(--an-pad) 1.6rem var(--an-pad)}.anatomy--trace .anatomy__prow.on .anatomy__pbody{max-height:22rem}.anatomy--trace .anatomy__desc{font-size:1.08rem;color:#ffffffc7}.anatomy--trace .anatomy__pshop{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.1rem;min-height:44px;font-family:DM Mono,ui-monospace,monospace;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--an-red);text-decoration:none}.anatomy--trace .anatomy__pshop svg{width:1.4rem;height:1.4rem}.anatomy--trace .anatomy__foot{flex-direction:column;align-items:flex-start}.anatomy--trace .anatomy__foot-cta{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.anatomy--trace .anatomy__lg--g,.anatomy--trace .anatomy__hs,.anatomy--trace .anatomy__prow,.anatomy--trace .anatomy__psel,.anatomy--trace .anatomy__pgo svg,.anatomy--trace .anatomy__foot-cta{transition-duration:.001ms}}
/*# sourceMappingURL=/cdn/shop/t/452/assets/section-anatomy.css.map */