.artwork-motiv-num{display:block;margin-bottom:12px;font-family:var(--font-mono);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.artwork-shadegrid{display:flex;flex-direction:row;gap:12px;padding:0 6vw;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:6vw;-webkit-overflow-scrolling:touch;scrollbar-width:none}.artwork-shadegrid::-webkit-scrollbar{display:none}@media(min-width:768px){.artwork-shadegrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0;max-width:1400px;margin:0 auto;overflow:visible;scroll-snap-type:none;border:1px solid #2A2A2A}}.artwork-shade{flex:0 0 88vw;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:4 / 5;background:#1a1a1a;border:1px solid #2A2A2A;position:relative;overflow:hidden;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#e8e6e2;font-family:inherit;cursor:pointer;text-align:center;transition:transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease,opacity .3s ease}@media(min-width:768px){.artwork-shade{flex:initial;aspect-ratio:4 / 3;border:none;border-right:1px solid #2A2A2A;padding:32px}.artwork-shade:last-child{border-right:none}}.artwork-shade>*{position:relative;z-index:1}.artwork-shade:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.artwork-shade-label{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3vw,44px);letter-spacing:-.02em;line-height:1}.artwork-shade-sub{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}@media(min-width:768px){.artwork-shade-sub{font-size:13px}}.artwork-shade--warm:before{background:radial-gradient(circle at 50% 40%,rgba(255,184,122,.46) 0%,transparent 70%)}.artwork-shade--warm{box-shadow:inset 0 0 60px #ffb87a33,0 0 24px #ffb87a1a}.artwork-shade--neutral:before{background:radial-gradient(circle at 50% 40%,rgba(255,232,201,.46) 0%,transparent 70%)}.artwork-shade--neutral{box-shadow:inset 0 0 60px #ffe8c933,0 0 24px #ffe8c91a}.artwork-shade--cool:before{background:radial-gradient(circle at 50% 40%,rgba(201,224,255,.46) 0%,transparent 70%)}.artwork-shade--cool{box-shadow:inset 0 0 60px #c9e0ff33,0 0 24px #c9e0ff1a}.artwork-shade--dual:before{background:linear-gradient(90deg,#ffb87a85,#c9e0ff85);mask-image:radial-gradient(circle at 50% 40%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at 50% 40%,black 0%,transparent 70%)}.artwork-shade--dual{box-shadow:inset 0 0 60px #dcc8b433,0 0 24px #dcc8b41a}.artwork-shade--rgb:before{background:conic-gradient(from 0deg,#ff3b3b,#fa0,#ff0,#0f6,#00d4ff,#06f,#a0f,#f0a,#ff3b3b);opacity:.36;mask-image:radial-gradient(circle at 50% 40%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at 50% 40%,black 0%,transparent 70%);animation:artwork-rgb-rotate 8s linear infinite}.artwork-shade--rgb{box-shadow:inset 0 0 60px #ffffff0f,0 0 24px #b464ff21}@keyframes artwork-rgb-rotate{to{transform:rotate(360deg)}}.artwork-shadegrid:has(.artwork-shade.active) .artwork-shade:not(.active){opacity:.3}.artwork-shade.active{transform:scale(1.02)}.artwork-shade.active.artwork-shade--warm{box-shadow:inset 0 0 80px #ffb87a47,0 0 36px #ffb87a29}.artwork-shade.active.artwork-shade--neutral{box-shadow:inset 0 0 80px #ffe8c947,0 0 36px #ffe8c929}.artwork-shade.active.artwork-shade--cool{box-shadow:inset 0 0 80px #c9e0ff47,0 0 36px #c9e0ff29}.artwork-shade.active.artwork-shade--dual{box-shadow:inset 0 0 80px #dcc8b447,0 0 36px #dcc8b429}.artwork-shade.active.artwork-shade--rgb{box-shadow:inset 0 0 80px #ffffff1a,0 0 36px #b464ff36}@media(prefers-reduced-motion:reduce){.artwork-shade{transition:opacity .3s ease}.artwork-shade.active{transform:none}.artwork-shade--rgb:before{animation:none}}.artwork-shade-dots{display:flex;flex-direction:row;gap:8px;justify-content:center;margin-top:24px}.artwork-shade-dot{width:8px;height:8px;border-radius:50%;background:#e8e6e2;opacity:.3;transition:opacity .3s ease,transform .3s ease}.artwork-shade-dot.active{opacity:1;transform:scale(1.2)}@media(min-width:768px){.artwork-shade-dots{display:none}}