.painting-theatre{background:#111711}.painting-theatre .painting-prologue{padding-bottom:65px;background:#101610}.painting-theatre .painting-prologue h2{font-size:clamp(60px,8vw,126px);max-width:1050px}.painting-stage{position:relative;isolation:isolate;min-height:850px;height:100svh;max-height:1200px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:6vw;align-items:center;padding:65px 8vw;overflow:hidden;background:#131c18;--art-hue:175;--light-x:50%;--light-y:35%;perspective:1600px;outline-offset:-5px}.painting-aura{position:absolute;inset:-25%;z-index:-2;opacity:.7;background:radial-gradient(ellipse at var(--light-x) var(--light-y),hsl(var(--art-hue) 49% 28% / .6),transparent 55%),radial-gradient(ellipse at 85% 90%,#a9702433,transparent 55%);filter:blur(35px);animation:painting-light 16s ease-in-out infinite alternate;transition:background 1.5s}.colour-ribbons{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.22;filter:blur(1px);pointer-events:none;transform:rotate(-12deg) scale(1.2);animation:ribbon-breath 20s ease-in-out infinite alternate}.colour-ribbons path{fill:none;stroke:#bb483e;stroke-width:2;stroke-dasharray:1100 1400;animation:ribbon-travel 18s linear infinite}.colour-ribbons path:nth-child(2){stroke:#d59d43;animation-delay:-.7s}.colour-ribbons path:nth-child(3){stroke:#d9c967;animation-delay:-1.4s}.colour-ribbons path:nth-child(4){stroke:#579a85;animation-delay:-2.1s}.colour-ribbons path:nth-child(5){stroke:#668aaf;animation-delay:-2.8s}.painting-number{position:absolute;left:3%;top:3%;font:clamp(140px,25vw,400px)/1 Georgia;color:#ffffff05;z-index:-1;pointer-events:none}.painting-object{position:relative;min-width:0;display:flex;justify-content:center;align-items:center;perspective:1200px;transform:translateY(var(--painting-drift-y,0px));transition:transform 1.6s ease}.painting-theatre .painting-frame{position:relative;display:block;margin:0;padding:0;width:auto;max-width:100%;background:#161511;box-shadow:0 45px 70px #000b,0 0 0 1px #e2d9b94d,8px 9px 0 #090c09;transform:rotateY(var(--painting-tilt,0deg)) rotateX(var(--painting-tilt-x,0deg));transition:transform 1.3s cubic-bezier(.2,.7,.2,1);overflow:hidden;animation:canvas-hover 12s ease-in-out infinite alternate}.painting-theatre .painting-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:73svh;object-fit:contain;transform:none!important;will-change:auto}.painting-glaze{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#ffedc810 43%,#fffbe728 49%,transparent 65%);background-size:300% 100%;mix-blend-mode:screen;animation:canvas-light 12s ease-in-out infinite;opacity:.5}.painting-reflection{position:absolute;left:5%;right:5%;bottom:-50px;height:28px;border-radius:50%;background:#0007;filter:blur(14px);z-index:-1}.painting-caption{position:relative;max-width:380px}.painting-caption h3{font:clamp(33px,3.7vw,58px)/1.15 Georgia,Tahoma,serif;letter-spacing:-.025em;margin:26px 0}.painting-caption>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#b7c0b1}.painting-caption .text-link{font-size:12px;margin:25px 0}.painting-navigation{display:flex;align-items:center;gap:22px;margin-top:30px;direction:ltr}.painting-navigation button{width:46px;height:46px;background:#ffffff08;border:1px solid #ffffff38;border-radius:50%;font-size:22px}.painting-navigation button:hover{background:#ffffff20}.painting-navigation span{font:12px monospace;color:#d2d5c2}.painting-caption .painting-motion-note{font-size:10px!important;opacity:.65;max-width:290px}.painting-progress{position:absolute;inset:auto 0 0;height:2px;background:#ffffff15}.painting-progress span{display:block;width:0;height:100%;background:#c1c99d}.painting-playing .painting-progress span{animation:exhibition-progress 9s linear infinite}.painting-collection{background:#1b251e}.painting-collection-head{display:flex;justify-content:space-between;gap:30px;align-items:baseline;margin-bottom:35px}.painting-collection-head h3{font:34px Georgia,Tahoma,serif}.painting-collection-head p{font-size:11px;color:#b5c1ae}.painting-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 22px}.painting-choice{position:relative;display:flex;flex-direction:column;gap:12px;text-align:start;background:transparent;padding:12px;border:1px solid transparent;transition:background .3s,border-color .3s;min-width:0}.painting-choice[aria-pressed=true]{background:#ffffff08;border-color:#c9bf965e}.painting-choice:hover{background:#ffffff0b}.painting-choice img{width:100%;height:185px;object-fit:contain;filter:drop-shadow(0 10px 8px #0006);transition:transform .6s}.painting-choice:hover img{transform:translateY(-5px)}.painting-choice span{font:15px/1.5 Georgia,Tahoma,serif}.painting-choice small{font:9px/1.6 Arial,Tahoma,sans-serif;color:#a0af99}.painting-collection .gallery-note{padding:40px 0 0}.painting-stage.art-offscreen *{animation-play-state:paused!important}
@keyframes painting-light{from{transform:translate(-3%,2%) scale(1)}to{transform:translate(3%,-2%) scale(1.12)}}@keyframes ribbon-travel{to{stroke-dashoffset:-2500}}@keyframes ribbon-breath{to{transform:rotate(6deg) scale(1.35)}}@keyframes canvas-hover{from{translate:0 5px}to{translate:0 -6px}}@keyframes canvas-light{0%,15%{background-position:110% 0;opacity:0}35%,60%{opacity:.5}85%,100%{background-position:-10% 0;opacity:0}}@keyframes exhibition-progress{from{width:0}to{width:100%}}
@media(max-width:900px){.painting-stage{padding:50px 5vw;gap:5vw;min-height:700px}.painting-index{grid-template-columns:repeat(4,minmax(0,1fr))}.painting-choice img{height:140px}}
@media(max-width:700px){.painting-stage{display:flex;flex-direction:column;gap:40px;height:auto;max-height:none;min-height:0;padding:50px 28px}.painting-object{width:100%;min-height:330px}.painting-theatre .painting-frame img{max-height:62svh;max-width:100%}.painting-caption{max-width:none;width:100%}.painting-caption h3{font-size:36px;margin:20px 0}.painting-caption .text-link{margin:18px 0}.painting-navigation{margin-top:12px}.painting-collection-head{display:block}.painting-collection-head h3{font-size:29px}.painting-collection-head p{margin-top:15px}.painting-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.painting-choice{padding:10px}.painting-choice img{height:160px}.painting-choice span{font-size:15px}.colour-ribbons{opacity:.13}.painting-theatre .painting-prologue h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){.painting-stage *, .painting-stage *:before{animation:none!important;transition:none!important}.painting-frame{transform:none!important}.painting-choice:hover img{transform:none}}

.painting-discovery{display:grid;gap:12px;margin:20px 0}.painting-discovery button,.painting-discovery a{padding:13px 16px;border:1px solid #c8a466;color:#f5e6c7;background:#332419;text-align:start;font:16px/1.4 Georgia,Tahoma,serif;text-decoration:none}.painting-discovery button:hover,.painting-discovery a:hover{background:#4b3522}#art-strip{scroll-margin-top:90px}

/* Keep the artwork square and unobscured; motion remains in its surroundings. */
.painting-theatre .painting-frame{transform:none!important;animation:none!important;translate:none!important}.painting-glaze{display:none}.painting-window-work .painting-frame{background:transparent;box-shadow:none;border:none}.painting-window-work .painting-frame:before,.painting-window-work .painting-frame:after{display:none}
.painting-theatre .painting-stage.painting-window-work .painting-frame{padding:0;border:0;background:transparent;box-shadow:none}

.painting-rights{font:16px/1.8 Arial,Tahoma,sans-serif;max-width:900px;padding:18px 22px;margin:24px 0;border-inline-start:3px solid #af8a49;background:#bb96551a;color:inherit}
