/* Quiet motion, with readable content above every full-width film. */
.video-chapter{position:relative;isolation:isolate;overflow:hidden}
.chapter-media{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#183c30}
.chapter-media video{display:block;width:100%;height:100%;object-fit:cover}
#vision .chapter-media{background:#183c30 url('/assets/films/vision-nature-poster.jpg') center/cover no-repeat}
#references .chapter-media{background:#234837 url('/assets/films/experience-city-poster.jpg') center 58%/cover no-repeat}
#vision.video-chapter{background:#183c30 url('/assets/films/vision-nature-poster.jpg') center/cover no-repeat;padding-top:110px;padding-bottom:110px}
#vision.video-chapter:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#0c231bd9,#15352678 65%,#0d281c9e);pointer-events:none}
#vision .vision-card{background:#102c24b8;backdrop-filter:blur(5px);border-color:#d7e8ce50}
#vision .response-card{background:#edf4dfed;color:#254735;backdrop-filter:blur(5px)}
#vision .vision-footnote{color:#f0f5e6;text-shadow:0 1px 6px #102c24}
#references.video-chapter{min-height:650px}
#references.video-chapter:before{background:linear-gradient(90deg,#102d2cdb,#153b3982)}
#references .section-body{background:#102f2db5;backdrop-filter:blur(5px)}
.motion-control{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 16px;margin-top:28px;border:1px solid #c3d7b766;border-radius:8px;background:#142e25b3;color:#f3f8eb;font-family:inherit;font-weight:500;font-size:13px;line-height:1.4;cursor:pointer;gap:10px}
.motion-control:before{content:"";display:block;width:6px;height:6px;flex:none;border:1px solid currentColor;border-radius:50%;opacity:.8}
.motion-control:hover{background:#284d3de6;border-color:#d8edbb}
.motion-control:focus-visible{outline:3px solid #b9df88;outline-offset:4px}
.motion-control[hidden]{display:none}
.air-graphic{width:min(100%,400px);aspect-ratio:1.15;margin:52px 0 10px}
.air-graphic>span:nth-of-type(1){left:8%;top:11%}
.air-graphic>span:nth-of-type(2){right:7%;bottom:12%}
.air-graphic>span:nth-of-type(3){right:5%;top:7%;color:#416b96;background:#f1f7fa;border-color:#b7cbd4}
.air-graphic>span{animation:air-float 7s ease-in-out infinite;animation-play-state:paused}
.air-graphic>span:nth-of-type(2){animation-delay:-2.4s;animation-duration:8s}
.air-graphic>span:nth-of-type(3){animation-delay:-4.8s;animation-duration:9s}
.air-orbit{animation:air-breathe 8s ease-in-out infinite;animation-play-state:paused}
.air-graphic.motion-active>span,.air-graphic.motion-active .air-orbit{animation-play-state:running}
.air-motion-toggle{background:#edf6ee;color:#326c5d;border-color:#9ebfaf;margin-top:18px}
.air-motion-toggle:hover{background:#deece1;border-color:#679581}
@keyframes air-float{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(5px,-13px,0) rotate(3deg)}}
@keyframes air-breathe{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.055);opacity:1}}
@media(max-width:800px){#vision.video-chapter{padding-top:64px;padding-bottom:64px}.air-graphic{width:min(100%,320px);margin-top:34px;aspect-ratio:1.2}#references.video-chapter{min-height:0}.motion-control{font-size:12px}}
@media(prefers-reduced-motion:reduce){.air-graphic>span,.air-orbit{animation:none}}
@media print{.chapter-media,.motion-control{display:none!important}#vision.video-chapter:before{display:none}#vision .vision-card{background:white;color:#172b29}}