/* Scalable recommendation scene, scoped to S.03. */
.recommendation-scene svg {display:block;width:100%;height:auto;overflow:visible;font-family:var(--font-body, Montserrat, sans-serif)}
.recommendation-scene .rec-eyebrow {font-size:10px;font-weight:600;letter-spacing:2px;fill:#677761}
.recommendation-scene .rec-label {font-size:12px;font-weight:600;fill:#234322}
.recommendation-scene .rec-small {font-size:11px;fill:#74816e}
.recommendation-scene .rec-title {font-size:24px;font-weight:600;letter-spacing:-.6px;fill:#052506}
.recommendation-scene .rec-end {font-size:13px;fill:#66705f}
.rec-traveller {opacity:0}
@media(prefers-reduced-motion:no-preference) {
 .rec-source {animation:rec-float 7s ease-in-out infinite}
 .rec-source--two {animation-delay:-2.2s}.rec-source--three {animation-delay:-4s}
 .rec-traveller--one {offset-path:path('M111 149C111 216 258 167 278 249');animation:rec-arrive 9s ease-in-out infinite}
 .rec-traveller--two {offset-path:path('M300 133V248');animation:rec-arrive 9s ease-in-out 2.8s infinite}
 .rec-warning {animation:rec-warn 9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
 .rec-tasks {animation:rec-stack 9s ease-in-out infinite}
 .recommendation-scene:not(.is-in-view) * {animation-play-state:paused!important}
}
@keyframes rec-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes rec-arrive {0%,8%{opacity:0;offset-distance:0%}12%{opacity:1}34%{opacity:1;offset-distance:100%}39%,100%{opacity:0;offset-distance:100%}}
@keyframes rec-warn {0%,35%,65%,100%{transform:scale(1)}43%,53%{transform:scale(1.16);filter:drop-shadow(0 0 5px #c86b4b66)}}
@keyframes rec-stack {0%,35%,100%{transform:translateY(0)}48%,70%{transform:translateY(5px)}}