/* Four original landscapes, each with its own quiet atmosphere. */
.feature-art { min-height:380px; }
.feature-art.is-scene-enhanced > .feature-art-image { display:none; }
.feature-scene-stage { position:absolute;inset:0;z-index:0;overflow:hidden;isolation:isolate;background-size:cover;background-repeat:no-repeat;pointer-events:none; }
.feature-scene-layer { position:absolute;inset:0;opacity:0;overflow:hidden; }
.feature-scene-image { display:block;width:100%;height:100%;object-fit:cover;max-width:none;transform:scale(1.035);animation:feature-landscape-drift 22s ease-in-out infinite alternate; }
.feature-scene-atmosphere { position:absolute;inset:0;overflow:hidden;pointer-events:none; }
.feature-scene-light { position:absolute;inset:-8%;opacity:.28;background:radial-gradient(ellipse at 22% 12%,rgba(255,225,171,.29),transparent 57%);mix-blend-mode:screen;animation:feature-light-breathe 9s ease-in-out infinite alternate; }
.feature-scene-speck { position:absolute;left:var(--speck-x);top:var(--speck-y);width:var(--speck-size);height:var(--speck-size);background:#fff0c9;border-radius:50%;opacity:0;box-shadow:0 0 6px rgba(255,237,194,.5);animation:feature-speck-rise var(--speck-duration) var(--speck-delay) ease-in-out infinite; }
.feature-scene-layer[data-scene="farm"] .feature-scene-image { transform-origin:65% 60%; }
.feature-scene-layer[data-scene="farm"] .feature-scene-speck:nth-child(3n) { background:#f6d6cf;box-shadow:0 0 5px rgba(255,218,205,.4);width:4px;height:2px;border-radius:65% 25%; }
.feature-scene-layer[data-scene="fish"] .feature-scene-image { transform-origin:65% 55%;animation-duration:25s; }
.feature-scene-layer[data-scene="fish"] .feature-scene-light { background:radial-gradient(ellipse at 60% 20%,rgba(207,236,244,.22),transparent 58%); }
.feature-scene-layer[data-scene="fish"] .feature-scene-speck { background:#dbeef2;box-shadow:0 0 5px rgba(215,240,246,.35);animation-duration:12s; }
.feature-scene-water { position:absolute;left:-15%;right:-15%;top:60%;bottom:8%;opacity:.15;background:repeating-linear-gradient(175deg,transparent 0 17px,rgba(232,244,244,.1) 18px,transparent 20px 43px);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);animation:feature-water-light 8s ease-in-out infinite alternate;mix-blend-mode:screen; }
.feature-scene-layer[data-scene="enchant"] .feature-scene-image { transform-origin:53% 54%;animation-duration:20s; }
.feature-scene-layer[data-scene="enchant"] .feature-scene-light { inset:0;background:radial-gradient(ellipse at 54% 51%,rgba(190,165,226,.34),transparent 35%),radial-gradient(ellipse at 5% 12%,rgba(255,219,167,.22),transparent 48%);animation-duration:6s; }
.feature-scene-layer[data-scene="enchant"] .feature-scene-speck { left:var(--speck-x);background:#e7d9f7;box-shadow:0 0 7px rgba(213,185,248,.55);border-radius:1px;animation-name:feature-enchant-spark; }
.feature-scene-layer[data-scene="logistics"] .feature-scene-image { transform-origin:55% 50%;animation-duration:24s; }
.feature-scene-layer[data-scene="logistics"] .feature-scene-light { background:radial-gradient(ellipse at 75% 30%,rgba(255,196,115,.26),transparent 48%),radial-gradient(ellipse at 20% 56%,rgba(255,215,155,.17),transparent 40%);animation-duration:7s; }
.feature-scene-layer[data-scene="logistics"] .feature-scene-speck { background:#f5dfb7;animation-duration:13s; }
.feature-scene-animated { animation-play-state:paused; }
.feature-art[data-scene-motion="running"] .feature-scene-layer.is-current .feature-scene-animated { animation-play-state:running; }
.feature-art > .feature-art-tint { z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(14,23,20,.72),rgba(14,23,20,.05) 48%,transparent 70%); }
.feature-art > .feature-art-note { z-index:3;bottom:29px;text-shadow:0 2px 18px rgba(0,0,0,.16); }
.feature-art > .concept-label { z-index:4;background:rgba(20,26,25,.25);border:1px solid rgba(255,255,255,.14); }
.feature-scene-message { position:absolute;z-index:5;inset:18px 18px auto;max-width:270px;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px 13px;background:rgba(19,24,23,.77);backdrop-filter:blur(14px);color:#fff;font-size:11px;line-height:1.6; }
.feature-scene-message[hidden] { display:none; }
html[data-motion="paused"] .feature-scene-animated { animation-play-state:paused!important; }
@keyframes feature-landscape-drift { from { transform:scale(1.035) translate3d(-.25%,.1%,0); } to { transform:scale(1.075) translate3d(.35%,-.2%,0); } }
@keyframes feature-light-breathe { from { opacity:.2;transform:translate3d(-.5%,0,0); } to { opacity:.48;transform:translate3d(.8%,.5%,0); } }
@keyframes feature-speck-rise { 0% { opacity:0;transform:translate3d(-5px,14px,0); } 25% { opacity:.43; } 75% { opacity:.27; } 100% { opacity:0;transform:translate3d(13px,-34px,0); } }
@keyframes feature-enchant-spark { 0% { opacity:0;transform:translate3d(0,12px,0) rotate(0); } 25% { opacity:.5; } 70% { opacity:.25; } 100% { opacity:0;transform:translate3d(9px,-50px,0) rotate(90deg); } }
@keyframes feature-water-light { from { opacity:.1;transform:translate3d(-1%,0,0) scaleX(1); } to { opacity:.25;transform:translate3d(1.5%,2px,0) scaleX(1.03); } }
@media(max-width:640px) {
  .feature-art { min-height:265px; }
  .feature-art > .feature-art-note { left:21px;right:18px;bottom:23px; }
  .feature-scene-speck:nth-child(n+7) { display:none; }
  .feature-scene-image { animation-duration:26s; }
  .feature-art > .concept-label { right:12px;top:12px;font-size:8px; }
  .feature-scene-message { inset:47px 12px auto;padding:8px 10px;font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .feature-scene-animated { animation:none!important; }
  .feature-scene-image { transform:none; }
  .feature-scene-speck { display:none; }
  .feature-scene-light { opacity:.18; }
}