/* One opaque frame at a time. No opacity transitions, no temporal blending. */
.studio .r6c-paper-frame,.studio .r6c-cube-frame{position:absolute;max-width:none;pointer-events:none;transform:none!important;mix-blend-mode:normal!important;opacity:1!important;transition:filter 280ms ease!important}
.studio .r6c-cube-frame{inset:0!important;width:100%!important;height:100%!important;object-fit:contain}
.r6c-mouse-clean{position:absolute;pointer-events:none;z-index:0}
.studio .r6c-focus-headphones{z-index:1}
.r6c-mouse-clean img{position:absolute;inset:0;width:100%;height:100%;max-width:none;transition:opacity 280ms ease}
.studio .slim-footer{height:44px!important;min-height:44px!important;padding:0 8px!important;bottom:4px!important}
.studio .slim-footer nav{gap:0 8px!important;align-items:center}
.studio .slim-footer a{display:inline-flex;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;height:44px!important;padding:0 2px!important;font-size:14px!important;white-space:nowrap}
.studio .r5-lamp-hint{font-size:14px}
.studio .hero-browser>.key{color:#334c3b!important}
html[data-theme=dark] .studio .hero-browser>.key{color:#eff3ef!important}
html[data-theme=dark] .studio .wall-board::after,html[data-theme=dark] .studio .physical-face::before{content:'';display:block;position:absolute;inset:8px;pointer-events:none;background:linear-gradient(90deg,rgba(12,18,23,.74),rgba(12,18,23,.35) 65%,rgba(12,18,23,.12));mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent),linear-gradient(to bottom,transparent,#000 12px,#000 calc(100% - 12px),transparent);mask-composite:intersect}
html[data-theme=dark] .studio .wall-board::after{z-index:0}
html[data-theme=dark] .wall-board .inner-content{z-index:1}
html[data-theme=dark] .studio .physical-face{isolation:isolate}
html[data-theme=dark] .studio .physical-face::before{inset:-12px;z-index:-1}
@media(min-width:769px){.studio .object-dock{bottom:56px!important}}
@media(max-width:768px){
 .studio .physical-copy .hero-counter,.studio .physical-copy .disclosure{font-size:14px!important;line-height:1.3!important}
 .studio .physical-copy{padding:0 4px}
 .studio .physical-copy .hero-name{font-size:16px!important;line-height:1.2!important}
 .studio .physical-home .physical-copy .hero-browser{min-height:62px!important;height:62px!important}
 .studio>.slim-footer,.studio.home-view>.slim-footer{bottom:0!important;padding:0 4px env(safe-area-inset-bottom)!important;height:calc(44px + env(safe-area-inset-bottom))!important}
 .studio .slim-footer nav{gap:0 2px!important;flex-wrap:nowrap!important}
}
@media(max-width:374px){.studio .physical-copy h1{font-size:22px!important;line-height:1.03!important}}
/* At 360 px the Home camera also has no gap between headphones and Hosting. */
@media(max-width:374px){.studio .r6c-focus-headphones{opacity:1}}
@media(prefers-reduced-motion:reduce){.studio .r6c-paper-frame,.studio .r6c-cube-frame,.r6c-mouse-clean img{transition:none!important}}

/* Physical device targets include the bezel, preserving the photographed screen. */
.studio .r5-phone{pointer-events:auto!important}
.studio .r5-phone .screen-plane{pointer-events:none!important}
.r6c-tablet-link{position:absolute;z-index:2;display:none;min-width:44px;min-height:44px;pointer-events:auto;background:transparent}
@media(max-width:768px){.r6c-tablet-link{display:block}}

/* Contact remains in the permanent desk menu; avoid a second identical CTA. */
.wall-board .inner-scroll a.key[href="get-started.html"]{display:none!important}