.art-anatomy{--su: min(var(--au), 100svh / 1160);--shift: calc(50svh - 654.5 * var(--su));position:relative;height:380svh}.art-anatomy__stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(115% 85% at 16% 6%,#ffffff9e,#ffffff38 45%,#fff0 78%),var(--art-wall) var(--wall-tex, none) 0 0 / calc(800 * var(--au)) auto}.art-anatomy__stage>*{position:absolute}.art-anatomy__room,.art-anatomy__notes{top:0;right:0;bottom:0;left:0}.art-anatomy .art-anatomy__title{top:calc(var(--shift) + 168 * var(--su));left:0;right:0;display:grid;justify-items:center;margin:0;font-size:calc(138.4 * var(--su));line-height:calc(117 / 138.4)}.art-anatomy__by{z-index:0;top:calc(var(--shift) + 404 * var(--su));left:calc(50% + 195 * var(--su));width:calc(212 * var(--su));margin:0;line-height:0}.art-anatomy__logo{display:block;width:100%;height:auto}.art-anatomy__scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:calc(2200 * var(--su));perspective-origin:50% calc(var(--shift) + 800 * var(--su))}.art-anatomy__canvas{--cw: calc(534 * var(--su));--ch: calc(639 * var(--su));--cd: calc(27 * var(--su));position:absolute;left:calc(50% + 2 * var(--su) - var(--cw) / 2);top:calc(var(--shift) + 711 * var(--su) - var(--ch) / 2);width:var(--cw);height:var(--ch);transform-style:preserve-3d;transform:rotateX(7deg) rotateY(5deg) rotate(-4deg);will-change:transform}.art-anatomy__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden}.art-anatomy__face--front{transform:translateZ(calc(var(--cd) / 2))}.art-anatomy__face--back{transform:rotateY(180deg) translateZ(calc(var(--cd) / 2));visibility:hidden}.art-anatomy__canvas[data-back] .art-anatomy__face--back{visibility:visible}.art-anatomy__canvas[data-back] .art-anatomy__face--front,.art-anatomy[data-webgl] .art-anatomy__canvas,.art-anatomy[data-webgl] .art-anatomy__canvas .art-anatomy__face,.art-anatomy[data-webgl] .art-anatomy__shadow{visibility:hidden}.art-anatomy__side{--seam: 1px;position:absolute;background:color-mix(in srgb,var(--frame) 82%,#000)}.art-anatomy__side--l,.art-anatomy__side--r{top:0;width:calc(var(--cd) + 2 * var(--seam));height:100%;left:calc(50% - var(--cd) / 2 - var(--seam))}.art-anatomy__side--l{transform:rotateY(-90deg) translateZ(calc(var(--cw) / 2 - var(--seam)))}.art-anatomy__side--r{transform:rotateY(90deg) translateZ(calc(var(--cw) / 2 - var(--seam)))}.art-anatomy__side--t,.art-anatomy__side--b{left:0;width:100%;height:calc(var(--cd) + 2 * var(--seam));top:calc(50% - var(--cd) / 2 - var(--seam));background:color-mix(in srgb,var(--frame) 70%,#000)}.art-anatomy__side--t{transform:rotateX(90deg) translateZ(calc(var(--ch) / 2 - var(--seam)))}.art-anatomy__side--b{transform:rotateX(-90deg) translateZ(calc(var(--ch) / 2 - var(--seam)))}.art-anatomy__shadow{position:absolute;left:calc(50% - 395 * var(--su));top:calc(var(--shift) + 1104 * var(--su));width:calc(832 * var(--su));height:calc(37 * var(--su));border-radius:50%;background:#28324e4d;filter:blur(calc(9 * var(--su)));transform-origin:50% 50%}.art-anatomy__notes{margin:0;padding:0;list-style:none}.art-anatomy__note{position:absolute;display:grid;width:calc(260 * var(--su));color:var(--color-ink);opacity:0;transform:scale(.9);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.art-anatomy__note[data-visible]{opacity:1;transform:none}.art-anatomy__note--left{left:calc(50% - 718 * var(--su));top:calc(var(--shift) + 578 * var(--su));justify-items:end;text-align:right;transform-origin:100% 30%}.art-anatomy__note--right{left:calc(50% + 453 * var(--su));top:calc(var(--shift) + 749 * var(--su));justify-items:start;transform-origin:0 30%}.art-anatomy__note-title{min-width:min-content;max-width:calc(172 * var(--su));overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance;font-size:max(calc(24 * var(--su)),1rem);font-weight:var(--weight-bold);line-height:calc(26 / 24)}.art-anatomy__note--left .art-anatomy__note-title{max-width:calc(170 * var(--su))}.art-anatomy__note--left .art-anatomy__note-text{max-width:calc(210 * var(--su))}.art-anatomy__note-text{max-width:calc(228 * var(--su));margin-top:calc(8 * var(--su));font-size:max(calc(14 * var(--su)),.8125rem);line-height:calc(17 / 14);color:var(--edit-body-text, #000)}.art-anatomy__keep{white-space:nowrap}.art-anatomy__line{position:absolute;overflow:visible}.art-anatomy__line polyline{fill:none;stroke:var(--edit-anatomy-line, #f99a3d);stroke-width:1.5;vector-effect:non-scaling-stroke}.art-anatomy__note--left .art-anatomy__line{left:calc(100% + 20 * var(--su));top:calc(45 * var(--su));width:calc(150 * var(--su));height:calc(50 * var(--su))}.art-anatomy__note--right .art-anatomy__line{left:calc(-141 * var(--su));top:calc(45 * var(--su));width:calc(116 * var(--su));height:calc(48 * var(--su))}@media(max-width:63.99rem)and (orientation:portrait)and (prefers-reduced-motion:no-preference){.art-anatomy__stage{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;justify-items:center;row-gap:var(--space-2xs);padding:calc(var(--header-height) + var(--space-xs)) var(--page-gutter) calc(var(--space-l) + env(safe-area-inset-bottom))}.art-anatomy__stage>*{position:relative}.art-anatomy .art-anatomy__title{top:auto;font-size:clamp(2rem,min(10.5vw,6svh),4.5rem)}.art-anatomy__by{top:auto;left:auto;width:7.5rem}.art-anatomy__room{inset:auto;width:100%;height:100%;container-type:size}.art-anatomy__notes{inset:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-m);width:100%;max-width:36rem}.art-anatomy__note,.art-anatomy__note--left,.art-anatomy__note--right{position:relative;left:auto;top:auto;grid-row:1;align-self:start;align-content:start;width:auto;justify-items:start;text-align:left;transform-origin:50% 0}.art-anatomy__note--left{grid-column:1}.art-anatomy__note--right{grid-column:2}.art-anatomy__note-title,.art-anatomy__note--left .art-anatomy__note-title{max-width:none;font-size:.9375rem}.art-anatomy__note-text,.art-anatomy__note--left .art-anatomy__note-text{max-width:none;margin-top:var(--space-3xs);font-size:.875rem;line-height:1.3}.art-anatomy__line{display:none}}@media(max-width:47.99rem)and (orientation:portrait)and (prefers-reduced-motion:no-preference){.art-anatomy__stage{padding-top:calc(var(--header-height) + 3.25rem);padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}}@media(max-width:63.99rem)and (orientation:landscape)and (prefers-reduced-motion:no-preference){.art-anatomy__stage{display:grid;grid-template-columns:1fr minmax(0,34vw) 1fr;grid-template-rows:auto auto minmax(0,1fr);column-gap:var(--space-m);padding:var(--space-s) calc(var(--page-gutter) + 2.5rem) var(--space-s) var(--page-gutter)}.art-anatomy__stage>*{position:relative}.art-anatomy .art-anatomy__title{grid-column:1 / -1;top:auto;display:flex;flex-wrap:wrap;justify-content:center;column-gap:.25em;font-size:clamp(1.5rem,7svh,3rem)}.art-anatomy__by{grid-column:1 / -1;justify-self:center;top:auto;left:auto;width:7rem}.art-anatomy__room{grid-column:2;grid-row:3;inset:auto;width:100%;height:100%;container-type:size}.art-anatomy__notes{display:contents}.art-anatomy__note,.art-anatomy__note--left,.art-anatomy__note--right{position:relative;left:auto;top:auto;grid-row:3;align-self:center;align-content:start;width:auto}.art-anatomy__note--left{grid-column:1}.art-anatomy__note--right{grid-column:3}.art-anatomy__note-title,.art-anatomy__note--left .art-anatomy__note-title{max-width:none;font-size:.9375rem}.art-anatomy__note-text,.art-anatomy__note--left .art-anatomy__note-text{max-width:none;margin-top:var(--space-3xs);font-size:.875rem;line-height:1.3}.art-anatomy__line{display:none}}@media(max-width:63.99rem)and (prefers-reduced-motion:no-preference){.art-anatomy__scene,.art-anatomy__canvas{--ch: min(70cqw * 639 / 534, 68cqh);--cw: calc(var(--ch) * 534 / 639);--cd: calc(var(--cw) * 27 / 534)}.art-anatomy__scene{perspective:calc(var(--cw) * 2200 / 534);perspective-origin:50% calc(50% + var(--ch) * .054)}.art-anatomy__canvas{left:calc(50% - var(--cw) / 2);top:calc(50% - var(--ch) * .585)}.art-anatomy__shadow{left:calc(50% - var(--cw) * .74);top:calc(50% + var(--ch) * .53);width:calc(var(--cw) * 1.56);height:calc(var(--cw) * .069);filter:blur(calc(var(--cw) * .017))}}@media(max-width:63.99rem)and (orientation:portrait)and (min-aspect-ratio:4/5)and (prefers-reduced-motion:no-preference){.art-anatomy__stage{grid-template-columns:minmax(7.5rem,1fr) minmax(0,46vw) minmax(7.5rem,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:var(--space-s)}.art-anatomy .art-anatomy__title,.art-anatomy__by{grid-column:1 / -1}.art-anatomy__room{grid-column:2;grid-row:3}.art-anatomy__notes{display:contents}.art-anatomy__note,.art-anatomy__note--left,.art-anatomy__note--right{grid-row:3;align-self:center}.art-anatomy__note--left{grid-column:1;justify-items:end;text-align:right}.art-anatomy__note--right{grid-column:3}.art-anatomy__scene,.art-anatomy__canvas{--ch: min(84cqw * 639 / 534, 78cqh)}.art-anatomy__scene{perspective-origin:50% calc(50% + var(--ch) * .109)}.art-anatomy__canvas{top:calc(50% - var(--ch) * .53)}.art-anatomy__shadow{top:calc(50% + var(--ch) * .585)}}@media(prefers-reduced-motion:reduce){.art-anatomy{height:auto}.art-anatomy__stage{position:relative;display:grid;justify-items:center;height:auto;padding-block:var(--space-section-s)}.art-anatomy__stage>*,.art-anatomy .art-anatomy__title,.art-anatomy__by{position:relative;top:auto;left:auto;right:auto;transform:none}.art-anatomy__room{inset:auto;width:100%}.art-anatomy__scene{position:relative;inset:auto;display:grid;justify-items:center;margin-top:var(--space-l)}.art-anatomy__canvas{--cw: min(70vw, 26rem);--ch: calc(var(--cw) * 639 / 534);position:relative;left:auto;top:auto;transform:rotate(-3deg)}.art-anatomy__shadow{display:none}.art-anatomy__notes{inset:auto;display:grid;gap:var(--space-l);width:min(100% - 2.5rem,34rem);margin-top:var(--space-xl)}.art-anatomy__note,.art-anatomy__note--left,.art-anatomy__note--right{position:static;width:auto;justify-items:start;text-align:left;opacity:1;transform:none}.art-anatomy__note-title,.art-anatomy__note--left .art-anatomy__note-title,.art-anatomy__note-text,.art-anatomy__note--left .art-anatomy__note-text{max-width:none}.art-anatomy__line{display:none}.art-anatomy .art-anatomy__title{font-size:var(--text-display-l)}.art-anatomy__by{width:8rem;margin:var(--space-2xs) 0 0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/art-anatomy.css.map */