.eight-controls{margin:12px 0 0}.eight-controls[hidden],.examples-arrows[hidden]{display:none}
.eight-controls button{border:0;border-bottom:1px solid #b892a7;background:none;color:#77536b;padding:8px 0;font:13px/1.4 Arial,sans-serif;min-height:44px;cursor:pointer}
.astra-motion.eight-user-play .eight-flow{animation:eight-flow 5s linear infinite!important;stroke-dasharray:320 1750!important}
.astra-motion.eight-user-pause .eight-flow{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
.eight-controls button:focus-visible,.examples-arrows button:focus-visible,.examples-rail:focus-visible{outline:2px solid #905d7c;outline-offset:4px}
.project-examples{margin:40px 30px 36px;min-width:0}
.examples-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:24px}
.examples-head h2{font:400 36px/1.1 Georgia,serif;letter-spacing:-.025em;margin:0}
.examples-head h2 em{font-weight:400;color:#905d7c}
.examples-arrows{display:flex;gap:8px}
.examples-arrows button{width:44px;height:44px;background:none;border:0;padding:0;font:24px Arial,sans-serif;color:#77536b;cursor:pointer}
.examples-arrows button:disabled{opacity:.3;cursor:default}
.examples-rail{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:0;list-style:none;padding:0 0 14px;margin:0;scrollbar-width:thin;scrollbar-color:#bc9cb0 #f4eff3}
.project-slide{flex:0 0 auto;scroll-snap-align:start;max-width:82vw}
.project-slide figure{margin:0}.project-slide a{display:block}
.project-slide img{display:block;height:370px;width:auto;max-width:82vw;object-fit:contain;object-position:left center}
.project-slide figcaption{max-width:290px;padding-top:13px;font:13px/1.5 Arial,sans-serif;color:#756b75}
.project-slide figcaption b{display:block;font-weight:500;color:#383039;margin-bottom:5px}
.project-slide figcaption span{display:block}
@media(max-width:760px){.project-examples{margin:35px 20px 28px}.examples-head h2{font-size:30px}.examples-head{margin-bottom:20px}.examples-rail{gap:16px;margin-right:-20px;padding-right:20px}.project-slide img{height:330px}.project-slide figcaption{font-size:12px;max-width:265px}}

@media(max-width:760px){.examples-head h2{font-size:28px;white-space:nowrap}.examples-head .examples-arrows{display:none}}