.rb-perspective-surface { position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s ease;overflow:hidden }
.rb-perspective-surface canvas {display:block;width:100%;height:100%}
.rb-perspective-ready>.rb-perspective-surface {opacity:1}
.rb-perspective-controls {position:absolute;z-index:4;right:var(--gutter,24px);top:125px;display:flex;gap:6px;color:white;text-shadow:0 1px 4px #0008}
.rb-perspective-controls button {display:grid;place-items:center;color:inherit;border:0;background:transparent;padding:14px;width:44px;height:44px;cursor:pointer;opacity:.65;transition:opacity .2s}
.rb-perspective-controls button:hover,.rb-perspective-controls button:focus-visible {opacity:1}
.rb-perspective-controls [hidden] {display:none!important}
.rb-hero:focus-visible {outline:2px solid white;outline-offset:-5px}
.rb-perspective-controls button:focus-visible {outline:2px solid white;outline-offset:3px}
.rb-project-hero.rb-perspective-ready>img {transform:scale(1.025)}
@media(max-width:700px){.rb-perspective-controls{top:104px;right:max(16px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.rb-perspective-surface {display:none}.rb-perspective-controls {display:none}}

.rb-perspective-controls[hidden]{display:none!important}

.rb-hero:has([data-perspective]),.rb-hero[data-perspective]{touch-action:pan-y pinch-zoom}

[data-perspective-project="casa-errigoiti"] > img{object-position:50% 74%}