/* The original room photograph stays fixed within the hero. Both patches
   are registered to that photograph's 1536 × 1024 coordinate system. */
.breeze-scene {position:relative; isolation:isolate; --breeze-state:paused}
.breeze-scene[data-breeze-running] {--breeze-state:running}
.reference-hero.breeze-scene {background-position:50% 52%}
.room-plants {position:absolute; inset:0; overflow:hidden; z-index:-1; pointer-events:none; container-type:size}
.room-plants-frame {position:absolute; width:max(100cqw,150cqh); aspect-ratio:3/2; left:50%; top:52%; transform:translate(-50%,-52%)}
.indoor-plant {position:absolute; display:block; overflow:hidden}
.indoor-plant img {position:absolute; inset:0; width:100%; height:100%; max-width:none; display:block; border:0; margin:0}
.indoor-branch {left:82.356771%; top:17.285156%; width:13.151042%; height:23.535156%;
  -webkit-mask-image:linear-gradient(to right,#000 79%,transparent 95%);
  mask-image:linear-gradient(to right,#000 79%,transparent 95%)}
.indoor-counter {left:59.114583%; top:28.417969%; width:7.291667%; height:8.203125%}
.indoor-branch img:last-child {transform-origin:91.6% 96.3%; animation:branch-sway 9.4s ease-in-out infinite; animation-play-state:var(--breeze-state)}
.indoor-counter img:last-child {transform-origin:50% 92.86%; animation:counter-sway 7.6s ease-in-out infinite; animation-play-state:var(--breeze-state)}
@keyframes branch-sway {0%,100% {transform:rotate(0)} 30% {transform:rotate(2.35deg)} 72% {transform:rotate(-1.7deg)}}
@keyframes counter-sway {0%,100% {transform:rotate(0)} 42% {transform:rotate(-3.8deg)} 78% {transform:rotate(2.3deg)}}
@media(max-width:850px) {
  .reference-hero.breeze-scene {background-position:100% 50%}
  .room-plants-frame {left:100%; top:50%; transform:translate(-100%,-50%)}
}
.breeze-control {position:absolute; z-index:3; display:inline-flex; align-items:center; gap:7px; min-height:42px; border:0; padding:0 6px; background:none; color:inherit; cursor:pointer; font:500 10px/1.2 Arial,sans-serif; letter-spacing:.07em}
.breeze-control:before {content:''; width:7px; height:8px; box-sizing:border-box; border-inline:2px solid currentColor}
.breeze-control[data-paused]:before {width:0; height:0; border:0; border-block:4px solid transparent; border-left:6px solid currentColor}
.reference-hero .breeze-control {left:5.7%; bottom:4px; color:#eee8da; text-shadow:0 1px 3px #171813}
.reference-hero .inspiration-note {z-index:2}
.collection-intro .breeze-control,.cinema-intro .breeze-control {top:9px; right:0; color:#505545}
.cinema-intro .breeze-control {color:#c5c7b6}
@media(prefers-reduced-motion:reduce) {.room-plants,.breeze-control {display:none}}