/* The approved rehearsal room, with separate interactive prints over matched plates. */
.rock-room{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#342d27}
.rock-scene{position:absolute;left:50%;top:50%;width:max(100vw,177.6833svh);aspect-ratio:1672/941;transform:translate(-50%,-50%);pointer-events:none}
.rock-scene>img{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.rock-night{opacity:0;transition:opacity 1.25s cubic-bezier(.4,0,.2,1)}
[data-theme='dark'] .rock-night{opacity:1}
.rock-art{position:absolute;top:15.5%;width:21%;height:51.5%;perspective:1100px;pointer-events:auto;cursor:pointer;z-index:2}
.rock-art-1{left:32.8%}.rock-art-2{left:56.7%}
.rock-frame{display:block;width:100%;height:100%;box-sizing:border-box;padding:2.5%;background:linear-gradient(120deg,#33271b,#15110e 22%,#3e2e20 75%,#70604b);border:1px solid #30271d;box-shadow:inset 1px 1px 2px #b29c7b,2px 4px 3px #0008,8px 12px 13px #0005;transform-origin:50% 45%;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease,filter 1.25s ease;filter:brightness(.88)}
.rock-frame img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}
.rock-frame:after{content:'';position:absolute;inset:3%;pointer-events:none;background:linear-gradient(120deg,#fff2,transparent 40%,#ffffff05);opacity:.35;transition:opacity .6s}
[data-theme='dark'] .rock-frame{filter:brightness(.64) saturate(.85)}
.rock-room:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0005,transparent 32%)}
.collection-card[inert] .rock-art{pointer-events:none}
.rock-active.home-active{--ink:#fff;--description:#fff;--muted:#eee;--dot:#ddd}
.home-view .rock-active{color:#fff}
.rock-active .hero-copy{left:4.7%;top:31%;width:25%}
.rock-active .hero-copy h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(60px,8.4vw,140px);line-height:.97;letter-spacing:-.045em}
.rock-active .hero-description{font-size:clamp(13px,1.35vw,23px);line-height:1.45;margin:18px 0 25px;max-width:100%}
.rock-active #hero-cta{background:#fff;color:#171717;padding:16px 22px;text-transform:uppercase;font-weight:650;letter-spacing:.08em;border:0;font-size:12px;gap:18px}
.rock-active .scroll-note{color:#fff}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .rock-art:hover .rock-frame{transform:translateY(-12px) rotateX(var(--rx,2deg)) rotateY(var(--ry,-3deg)) scale(1.025);box-shadow:inset 1px 1px 2px #b29c7b,4px 7px 6px #0007,16px 26px 25px #0007}
 .rock-art:hover .rock-frame:after{opacity:.7}
}
.collection-card:focus-visible .rock-frame{outline:2px solid #fff;outline-offset:5px}
@media(max-width:760px){
 .rock-scene{inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none}
 .rock-scene>img{object-fit:cover;object-position:58% center}
 .rock-art{top:42%;width:36%;height:auto;aspect-ratio:4/5}.rock-art-1{left:10%}.rock-art-2{left:54%}
 .rock-room:after{background:linear-gradient(#0008,transparent 40%,transparent 72%,#0008)}
 .rock-active .hero-copy{left:7%;top:max(96px,14%);width:86%}
 .rock-active .hero-copy h1{font-size:clamp(40px,12vw,68px);line-height:1}
 .rock-active .hero-description{font-size:14px;margin:12px 0}
 .rock-active .mobile-hero-cta{background:#fff;color:#171717;padding:12px 16px}
}
@media(prefers-reduced-motion:reduce){.rock-night,.rock-frame,.rock-frame:after{transition:none}.rock-art:hover .rock-frame{transform:none}}