.hy-anat{--hy-anat-jar-w: 240px;--hy-anat-jar-h: 380px;--hy-anat-img-h: 360px;--hy-anat-img-w: 240px;--hy-anat-icon: 44px;--hy-anat-pos: .42;overflow:hidden;border-block-start:1px solid var(--hy-hairline)}.hy-anat__container{padding-inline:0}.hy-anat__head{display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:var(--hy-3);padding-inline:var(--hy-gutter)}.hy-anat__title{font-size:var(--hy-display-2);color:rgb(var(--color-foreground))}.hy-anat__rule{margin-block-start:0}.hy-anat__sub{font-size:var(--hy-body);line-height:1.5;color:rgba(var(--color-foreground),.78);margin:0}.hy-anat__jar{position:relative;display:flex;align-items:center;justify-content:center;margin-block-start:var(--hy-5)}.hy-anat__figure{position:relative;margin:0;inline-size:var(--hy-anat-jar-w);block-size:var(--hy-anat-jar-h);display:flex;align-items:flex-end;justify-content:center}.hy-anat__img{position:relative;z-index:1;block-size:var(--hy-anat-img-h);inline-size:auto;max-inline-size:var(--hy-anat-img-w);object-fit:contain;object-position:50% 100%;transition:transform var(--hy-t-hover) var(--hy-ease)}.hy-anat__img--placeholder{inline-size:var(--hy-anat-jar-w);background:var(--hy-bone);fill:rgba(var(--color-foreground),.12)}.hy-anat__frame,.hy-anat__label{display:none}.hy-anat__points{padding-block:var(--hy-5) var(--hy-2);padding-inline:var(--hy-gutter)}.hy-anat__point{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--hy-3);inline-size:264px;box-sizing:border-box;padding:var(--hy-5);border:1px solid var(--hy-hairline);background:none;color:inherit;font-family:inherit;text-align:start;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--hy-t-hover) var(--hy-ease)}.hy-anat__point[data-anatomy-current]{border-color:rgb(var(--color-foreground))}.hy-anat__point:focus-visible{outline:2px solid var(--hy-red);outline-offset:2px}.hy-anat__point-row{display:flex;flex-direction:column;align-items:flex-start;gap:var(--hy-3)}.hy-anat__icon{inline-size:var(--hy-anat-icon);block-size:var(--hy-anat-icon);flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(var(--color-foreground));border-radius:50%;color:rgb(var(--color-foreground));transition:background-color var(--hy-t-hover) var(--hy-ease),color var(--hy-t-hover) var(--hy-ease)}.hy-anat__icon svg{inline-size:22px;block-size:22px}.hy-anat__point:hover .hy-anat__icon,.hy-anat__point[data-anatomy-current] .hy-anat__icon{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.hy-anat__point-title{font-size:17px;font-weight:800;line-height:1.2;color:rgb(var(--color-foreground));font-variant-numeric:tabular-nums}.hy-anat__point-text{font-size:15px;line-height:1.5;color:rgba(var(--color-foreground),.78);font-variant-numeric:tabular-nums}@media screen and (min-width:750px){.hy-anat{border-block-start:0}.hy-anat__head{align-items:center;text-align:center;gap:0}.hy-anat__title{font-size:48px}.hy-anat__rule{margin-block-start:var(--hy-4)}.hy-anat__sub{margin-block-start:var(--hy-4);max-inline-size:520px}}@media screen and (min-width:1100px){.hy-anat{--hy-anat-jar-w: 400px;--hy-anat-jar-h: 520px;--hy-anat-img-h: 480px;--hy-anat-img-w: 300px;--hy-anat-row-step: 200px;--hy-anat-row-min: 120px}.hy-anat__container{padding-inline:var(--hy-gutter)}.hy-anat__head{padding-inline:0;margin-block-end:var(--hy-7)}.hy-anat__stage{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;grid-auto-rows:minmax(var(--hy-anat-row-min),auto);row-gap:calc(var(--hy-anat-row-step) - var(--hy-anat-row-min));padding-block:var(--hy-5)}.hy-anat__jar{grid-column:2;grid-row:1 / span var(--hy-anat-rows, 1);min-block-size:var(--hy-anat-jar-h);margin-block-start:0}.hy-anat__frame{display:block;position:absolute;z-index:2;inset-inline:72px;inset-block-start:0;block-size:22%;box-sizing:border-box;border:1px solid rgb(var(--color-foreground));transform:translateY(calc(var(--hy-anat-jar-h) * min(var(--hy-anat-pos),.78)));opacity:0;pointer-events:none;transition:transform var(--hy-t-drawer) var(--hy-ease),opacity var(--hy-t-hover) var(--hy-ease)}.hy-anat__label{display:block;position:absolute;z-index:2;inset-inline:0;inset-block-end:calc(var(--hy-2) * -1);text-align:center;font-size:var(--hy-mono);font-weight:600;line-height:1.35;color:var(--hy-text-3);font-variant-numeric:tabular-nums;opacity:0;pointer-events:none;transition:opacity var(--hy-t-hover) var(--hy-ease)}.hy-anat__stage[data-anatomy-active] .hy-anat__frame,.hy-anat__stage[data-anatomy-active] .hy-anat__label{opacity:1}.hy-anat__stage[data-anatomy-active] .hy-anat__img{transform:scale(1.03)}.hy-anat__points{display:contents}.hy-anat__point{grid-row:var(--hy-anat-row, auto);align-self:start;inline-size:auto;margin-block-start:var(--hy-4);padding:0;border:0;gap:var(--hy-2)}.hy-anat__point--start{grid-column:1}.hy-anat__point--end{grid-column:3}.hy-anat__point:after{content:"";position:absolute;inset-block-start:calc(var(--hy-anat-icon) / 2);inline-size:160px;block-size:1px;background:var(--hy-hairline);pointer-events:none}.hy-anat__point--start:after{inset-inline-start:100%}.hy-anat__point--end:after{inset-inline-end:100%}.hy-anat__point-row{flex-direction:row;align-items:center;gap:var(--hy-3)}.hy-anat__point-text{padding-inline-start:calc(var(--hy-anat-icon) + var(--hy-3))}}@media(prefers-reduced-motion:reduce){.hy-anat__frame,.hy-anat__label,.hy-anat__img,.hy-anat__icon,.hy-anat__point{transition:none}.hy-anat__stage[data-anatomy-active] .hy-anat__img{transform:none}}.hy-anat__icon{border-color:var(--hy-red);color:var(--hy-red);background:var(--hy-white);box-shadow:0 0 0 4px #dd1d1d14}.hy-anat__point:hover .hy-anat__icon,.hy-anat__point[data-anatomy-current] .hy-anat__icon{background:var(--hy-red);border-color:var(--hy-red);color:var(--hy-white)}.hy-anat__jar:before{content:"";position:absolute;top:8%;right:4%;bottom:8%;left:4%;background:radial-gradient(closest-side,rgba(221,29,29,.14),rgba(221,29,29,.04) 60%,transparent 100%);pointer-events:none}.hy-anat__figure:before,.hy-anat__figure:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(221,29,29,.22);translate:-50% -50%;pointer-events:none;animation:hy-anat-breathe 6s ease-in-out infinite}.hy-anat__figure:before{inline-size:78%}.hy-anat__figure:after{inline-size:104%;border-style:dashed;border-color:#dd1d1d29;animation:hy-anat-spin 40s linear infinite}[dir=rtl] .hy-anat__figure:before,[dir=rtl] .hy-anat__figure:after{translate:50% -50%}@keyframes hy-anat-breathe{0%,to{scale:.96;opacity:.7}50%{scale:1.04;opacity:1}}@keyframes hy-anat-spin{to{rotate:360deg}}@media screen and (min-width:1100px){.hy-anat__point:after{block-size:2px;background:linear-gradient(to right,var(--hy-hairline),var(--hy-red));transform:scaleX(0);transition:transform .9s var(--hy-ease),opacity var(--hy-t-hover) var(--hy-ease);transition-delay:calc(var(--hy-anat-i, 0) * .12s + .2s);opacity:.55}[dir=rtl] .hy-anat__point--start:after{background:linear-gradient(to left,var(--hy-hairline),var(--hy-red));transform-origin:right center}[dir=rtl] .hy-anat__point--end:after{background:linear-gradient(to right,var(--hy-hairline),var(--hy-red));transform-origin:left center}[dir=ltr] .hy-anat__point--start:after{transform-origin:left center}[dir=ltr] .hy-anat__point--end:after{background:linear-gradient(to left,var(--hy-hairline),var(--hy-red));transform-origin:right center}.hy-anat__stage.hybrid-revealed .hy-anat__point:after{transform:scaleX(1)}.hy-anat__point:hover:after,.hy-anat__point[data-anatomy-current]:after{opacity:1}.hy-anat__point:before{content:"";position:absolute;z-index:1;inset-block-start:calc(var(--hy-anat-icon) / 2 - 3px);inline-size:6px;block-size:6px;border-radius:50%;background:var(--hy-red);box-shadow:0 0 0 3px #dd1d1d2e;opacity:0;pointer-events:none}.hy-anat__point--start:before{inset-inline-start:100%}.hy-anat__point--end:before{inset-inline-end:100%}.hy-anat__stage.hybrid-revealed .hy-anat__point--start:before{animation:hy-anat-flow-start 3.2s var(--hy-ease) infinite;animation-delay:calc(var(--hy-anat-i, 0) * .45s + 1.2s)}.hy-anat__stage.hybrid-revealed .hy-anat__point--end:before{animation:hy-anat-flow-end 3.2s var(--hy-ease) infinite;animation-delay:calc(var(--hy-anat-i, 0) * .45s + 1.2s)}@keyframes hy-anat-flow-start{0%{inset-inline-start:100%;opacity:0}12%{opacity:1}70%{inset-inline-start:calc(100% + 154px);opacity:1}80%,to{inset-inline-start:calc(100% + 154px);opacity:0}}@keyframes hy-anat-flow-end{0%{inset-inline-end:100%;opacity:0}12%{opacity:1}70%{inset-inline-end:calc(100% + 154px);opacity:1}80%,to{inset-inline-end:calc(100% + 154px);opacity:0}}}@media(prefers-reduced-motion:reduce){.hy-anat__figure:before,.hy-anat__figure:after,.hy-anat__stage.hybrid-revealed .hy-anat__point:before{animation:none}.hy-anat__point:after{transition:none;transform:none}}.hy-anat__img{mix-blend-mode:multiply}.hy-anat__num,.hy-anat__dots{display:none}@media screen and (max-width:1099px){.hy-anat{overflow:clip}.hy-anat__stage{position:relative}.hy-anat__jar{position:sticky;inset-block-start:72px;z-index:0;flex-direction:column;gap:var(--hy-3);block-size:50vh;margin-block-start:var(--hy-3);pointer-events:none}.hy-anat__figure{inline-size:auto;block-size:auto}.hy-anat__img{block-size:36vh;max-inline-size:70vw;transition:transform .7s var(--hy-ease)}.hy-anat__stage[data-step="1"] .hy-anat__img{transform:rotate(-5deg) scale(1.05)}.hy-anat__stage[data-step="2"] .hy-anat__img{transform:rotate(4deg) scale(1.08)}.hy-anat__stage[data-step="3"] .hy-anat__img{transform:rotate(-2deg) scale(1.11)}.hy-anat__stage[data-step="4"] .hy-anat__img,.hy-anat__stage[data-step="5"] .hy-anat__img{transform:rotate(3deg) scale(1.13)}.hy-anat__jar.is-pulse:before{animation:hy-anat-pulse .7s var(--hy-ease)}.hy-anat__dots{display:flex;gap:6px}.hy-anat__dots i{display:block;inline-size:18px;block-size:3px;background:var(--hy-hairline);transition:background-color .3s var(--hy-ease),inline-size .3s var(--hy-ease)}.hy-anat__dots i.is-on{inline-size:30px;background:var(--hy-red)}.hy-anat__points{position:relative;z-index:1;display:flex;flex-direction:column;gap:24vh;margin-block-start:-12vh;padding-block:0 6vh;padding-inline:var(--hy-gutter);overflow:visible}.hy-anat__stage .hy-anat__point[data-reveal],.hy-anat__stage .hy-anat__point[data-reveal].hybrid-revealed{inline-size:auto;padding:var(--hy-5);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hy-hairline);opacity:.4;transform:translateY(18px) scale(.97);transition:opacity .45s var(--hy-ease),transform .45s var(--hy-ease),border-color .45s var(--hy-ease),box-shadow .45s var(--hy-ease)}.hy-anat__stage .hy-anat__point[data-reveal][data-active]{opacity:1;transform:none;border-color:var(--hy-ink);box-shadow:0 22px 48px -28px #0a0a0a73}.hy-anat__num{display:block;font-family:var(--hy-font);font-size:44px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--hy-red);font-variant-numeric:tabular-nums}}@keyframes hy-anat-pulse{0%{transform:scale(1);opacity:1}45%{transform:scale(1.12);opacity:.6}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.hy-anat__img,.hy-anat__stage .hy-anat__point[data-reveal]{transition:none}.hy-anat__stage[data-step] .hy-anat__img{transform:none}.hy-anat__jar.is-pulse:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hybrid-anatomy.css.map */