#brand-story .story-solar { margin:0; overflow:visible; }
.story-solar .solar-stage { position:relative; width:100%; aspect-ratio:9/8; isolation:isolate; }
.solar-canvas { display:block; width:100%; height:100%; }
.solar-caption { position:relative; display:flex; flex-direction:column; align-items:center; gap:15px; margin-top:-8px; padding:0 42px 12px; }
.solar-signature { position:absolute; left:50%; top:48.75%; display:block; width:36%; height:auto; transform:translate(-50%,-50%); opacity:.97; pointer-events:none; filter:drop-shadow(0 4px 14px #0009); }
.solar-caption > span { color:#9d9c83; font:400 .625rem/1.6 var(--sans); letter-spacing:.3em; }
.solar-motion { position:absolute; right:8%; bottom:12px; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid #b6b3a22b; border-radius:50%; background:#d3cba506; color:#b9b6a4; cursor:pointer; transition:background .2s,border-color .2s; }
.solar-motion:hover { background:#d3cba510; border-color:#b6b3a261; }
.solar-motion[hidden] { display:none; }
.solar-motion:focus-visible { outline:2px solid #e8bf82; outline-offset:5px; }
.solar-motion svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.solar-play-icon { display:none; }
.solar-motion[aria-pressed=true] .solar-pause-icon { display:none; }
.solar-motion[aria-pressed=true] .solar-play-icon { display:block; }
@media (max-width:700px) {
  .fullpage-ready #brand-story .story-solar { width:100%; max-width:440px; }
  .solar-caption { gap:12px; }
  .solar-motion { right:0; }
}
@media (prefers-reduced-motion:reduce) { .solar-motion { transition:none; } }