#artwork{padding-bottom: clamp(5rem,7vw,7rem)}.artwork-panel{--wall: #b9bcb6;--floor-h: 5.5rem;--wainscot-h: 3.5rem;position: relative;overflow: hidden;isolation: isolate;border-radius: var(--radius-medium);background: radial-gradient(ellipse 60% 55% at 50% 0%,rgba(255,250,235,0.55),transparent 70%),linear-gradient(180deg,#c3c6c0 0%,var(--wall) 60%);padding: 3.5rem 0 calc(var(--floor-h) + var(--wainscot-h) + 2.25rem);box-shadow: inset 0 0 60px rgba(0,0,0,0.12)}.artwork-room{position: absolute;left: 0;right: 0;bottom: 0;height: calc(var(--floor-h) + var(--wainscot-h));z-index: -1;pointer-events: none}.artwork-room__wainscot{position: absolute;left: 0;right: 0;top: 0;height: var(--wainscot-h);background: linear-gradient(180deg,#d6d8d2 0 4px,#8f938d 4px 6px,transparent 6px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(0,0,0,0.14) 14px 15px,rgba(255,255,255,0.45) 15px 16px,transparent 16px 186px,rgba(255,255,255,0.45) 186px 187px,rgba(0,0,0,0.14) 187px 188px,transparent 188px 202px),linear-gradient(180deg,#c8cbc5,#bfc2bc);box-shadow: 0 -6px 12px -8px rgba(0,0,0,0.25)}.artwork-room__wainscot::after{content: "";position: absolute;left: 0;right: 0;top: 14px;bottom: 10px;border-top: 1px solid rgba(0,0,0,0.12);border-bottom: 1px solid rgba(255,255,255,0.5)}.artwork-room__floor{position: absolute;left: -10%;right: -10%;bottom: 0;height: var(--floor-h);overflow: hidden;border-top: 7px solid #e9eae6;box-shadow: inset 0 3px 0 #a9aca6}.artwork-room__floor::before{content: "";position: absolute;inset: -20% -30% -260%;background: url(../v/2ae1679d34/parquet.svg) 0 0 / 46px 46px;transform: perspective(420px) rotateX(48deg);transform-origin: 50% 0}.artwork-room__floor::after{content: "";position: absolute;inset: 0;background: linear-gradient(180deg,rgba(0,0,0,0.35),transparent 45%),radial-gradient(ellipse 70% 120% at 50% 0%,rgba(255,220,170,0.18),transparent 70%)}.artwork-track{display: flex;width: max-content;animation: artwork-drift 90s linear infinite}.artwork-panel:hover .artwork-track,.artwork-panel:focus-within .artwork-track{animation-play-state: paused}@keyframes artwork-drift{from{transform: translate3d(-50%,0,0)}to{transform: translate3d(0,0,0)}}.artwork-panel.is-draggable{cursor: grab;touch-action: pan-y;user-select: none;-webkit-user-select: none}.artwork-panel.is-dragging{cursor: grabbing}.artwork-panel.is-draggable .artwork-track{animation: none;will-change: transform}.artwork-panel.is-draggable img{-webkit-user-drag: none;pointer-events: none}.artwork-set{display: flex;align-items: center;gap: 4rem;padding-right: 4rem}.art-piece{margin: 0;flex: none;font-size: 16px}.art-tilt{--rx: 0deg;--ry: 0deg;--gx: 30%;--gy: 20%;--sx: 0px;--glare: 0.18;perspective: 900px}.art-frame{--bw: 0px;--gilt: linear-gradient(135deg,#6b4612 0%,#e9c46a 16%,#a8761e 32%,#f5d98b 48%,#8a5d17 64%,#d9ae4f 82%,#5a3b0c 100%);position: relative;padding: 1em;border: var(--bw) solid #4a300a;background: var(--gilt);background-origin: border-box;box-shadow: inset 0 0 0 1px rgba(255,240,200,0.35),inset 0 0 0.9em 0.35em rgba(60,38,8,0.55),var(--sx) 1.4em 2.1em -0.9em rgba(0,0,0,0.6),0 0.25em 0.6em rgba(0,0,0,0.22);transform: rotateX(var(--rx)) rotateY(var(--ry));transform-style: preserve-3d;transition: transform 0.5s cubic-bezier(0.2,0.8,0.2,1);will-change: transform}.art-moulding{position: relative;border: 0 solid #4a300a}.art-liner{padding: 0.35em;background: linear-gradient(160deg,#f6e7bd,#cfb06a);box-shadow: 0 0 0 1px #4a300a,inset 0 0.12em 0.25em rgba(0,0,0,0.35)}.art-orn,.art-cart{position: absolute;z-index: 2;background: url(../v/915f2c28fc/corner-gold.svg) 0 0 / 100% 100% no-repeat;pointer-events: none}.art-orn{width: var(--orn,3.5em);height: var(--orn,3.5em)}.art-orn--tl{top: calc(var(--bw) * -1 - 0.35em);left: calc(var(--bw) * -1 - 0.35em)}.art-orn--tr{top: calc(var(--bw) * -1 - 0.35em);right: calc(var(--bw) * -1 - 0.35em);transform: scaleX(-1)}.art-orn--bl{bottom: calc(var(--bw) * -1 - 0.35em);left: calc(var(--bw) * -1 - 0.35em);transform: scaleY(-1)}.art-orn--br{bottom: calc(var(--bw) * -1 - 0.35em);right: calc(var(--bw) * -1 - 0.35em);transform: scale(-1)}.art-cart{width: var(--cart,7em);height: calc(var(--cart,7em) * 0.314);left: 50%;background-image: url(../v/311ecc41dd/cartouche-gold.svg)}.art-cart--t{top: calc(var(--bw) * -1 - 0.3em);transform: translateX(-50%)}.art-cart--b{bottom: calc(var(--bw) * -1 - 0.3em);transform: translateX(-50%) rotate(180deg)}.art-piece--louis .art-frame{--bw: 0.7em;--orn: 4.4em;--cart: 8em;padding: 1.5em;border-image: url(../v/e5c22f3444/band-bead.svg) 12 round;background: radial-gradient(circle at 50% 50%,rgba(255,245,210,0.22) 0 1px,transparent 1.5px) 0 0 / 7px 7px,var(--gilt)}.art-piece--louis .art-moulding{border-width: 0.6em;border-image: url(../v/b48c5d7317/band-egg.svg) 12 round}.art-piece--louis .art-liner{padding: 0.3em}.art-piece--degas .art-frame{--bw: 0.55em;padding: 1.6em;border-image: url(../v/38772bc0b6/band-rope.svg) 12 round;background: linear-gradient(135deg,#a77a2b,#e2bd68 30%,#c79a45 55%,#e6c477 75%,#94681f)}.art-piece--degas .art-moulding{border-width: 0.45em;border-image: url(../v/e5c22f3444/band-bead.svg) 12 round}.art-piece--degas .art-liner{padding: 0.9em;background: repeating-linear-gradient(0deg,rgba(120,100,60,0.07) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,100,60,0.07) 0 1px,transparent 1px 3px),#ece4cf}.art-piece--monet .art-frame{--bw: 0.6em;--orn: 3em;padding: 1em;border-image: url(../v/2a3f51e1f2/band-leaf.svg) 12 round}.art-piece--monet .art-liner{padding: 0.3em}.art-piece--bronze .art-frame{--bw: 0.7em;--orn: 4em;--cart: 7em;--gilt: linear-gradient(135deg,#2b170b 0%,#9a6a42 18%,#4e2f18 36%,#c08d5c 50%,#3b2212 66%,#8a5c38 84%,#21120a 100%);padding: 1.35em;border-color: #21120a;border-image: url(../v/bad6f58991/band-bead-bronze.svg) 12 round}.art-piece--bronze .art-orn{background-image: url(../v/ae492be267/corner-bronze.svg)}.art-piece--bronze .art-cart{background-image: url(../v/e3a627f80d/cartouche-bronze.svg)}.art-piece--bronze .art-moulding{border-width: 0.55em;border-image: url(../v/45e7b21ea5/band-leaf-bronze.svg) 12 round}.art-piece--bronze .art-liner{padding: 0.25em;background: linear-gradient(160deg,#e3c27f,#8f6a2c);box-shadow: 0 0 0 1px #21120a}.art-piece--reeded .art-frame{padding: 0.85em;background: repeating-linear-gradient(90deg,rgba(255,245,210,0.25) 0 2px,rgba(70,45,10,0.18) 2px 4px),var(--gilt);box-shadow: inset 0 0 0 2px #4a300a,inset 0 0 0 4px #e7c675,inset 0 0 0 5px #4a300a,inset 0 0 0.6em 0.3em rgba(60,38,8,0.5),var(--sx) 1.4em 2.1em -0.9em rgba(0,0,0,0.6),0 0.25em 0.6em rgba(0,0,0,0.22)}.art-piece--reeded .art-liner{padding: 0.25em}.art-piece--ebony .art-frame{padding: 1.5em;background: repeating-linear-gradient(45deg,rgba(255,255,255,0.06) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 4px),linear-gradient(135deg,#2a2522,#0e0b0a 40%,#3a332e 55%,#0c0a09);box-shadow: inset 0 0 0 2px #0a0807,inset 0 0 0 3px #b8913f,inset 0 0 0 5px #0a0807,inset 0 0 0.9em 0.3em rgba(0,0,0,0.7),var(--sx) 1.4em 2.1em -0.9em rgba(0,0,0,0.6),0 0.25em 0.6em rgba(0,0,0,0.22)}.art-piece--ebony .art-liner{padding: 0.3em;background: linear-gradient(160deg,#f1d27f,#9c7323);box-shadow: 0 0 0 1px #000}.art-glass{position: relative;overflow: hidden;box-shadow: inset 0 0 12px rgba(0,0,0,0.45)}.art-glass img{display: block;height: 15rem;width: auto;max-width: none}.art-glass::before,.art-glass::after{content: "";position: absolute;inset: 0;pointer-events: none;transition: opacity 0.5s}.art-glass::before{background: linear-gradient(115deg,transparent 30%,rgba(255,255,255,0.22) 42%,rgba(255,255,255,0.05) 50%,transparent 58%);background-size: 250% 100%;background-position: calc(100% - var(--gx)) 0;opacity: var(--glare)}.art-glass::after{background: radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,0.55),rgba(255,255,255,0.12) 22%,transparent 55%);mix-blend-mode: soft-light;opacity: 0}.art-tilt.is-active .art-frame{transition: transform 0.12s linear}.art-tilt.is-active .art-glass::before{opacity: 0.9}.art-tilt.is-active .art-glass::after{opacity: 1}@media screen and (max-width: 767px){.artwork-panel{--floor-h: 3.75rem;--wainscot-h: 2.5rem;padding: 2.25rem 0 calc(var(--floor-h) + var(--wainscot-h) + 1.5rem)}.artwork-set{gap: 2.5rem;padding-right: 2.5rem}.art-piece{font-size: 11px}.art-glass img{height: 11rem}}@media (prefers-reduced-motion: reduce){.artwork-panel:not(.is-draggable){overflow-x: auto}.artwork-track{animation: none}.artwork-panel:not(.is-draggable) .artwork-set[aria-hidden="true"]{display: none}.art-frame{transition: none}}