/* Original image framing with a larger, approved income motion preview. */
.motion-stage { position:relative; aspect-ratio:3/4; background:#e4e4e4; overflow:hidden; }
.motion-open { position:absolute; inset:0; display:block; width:100%; padding:0; border:0; background:none; cursor:zoom-in; }
.motion-open .card-media { display:block; width:100%; height:100%; border:0; border-radius:0; object-fit:contain; background:#e4e4e4; }
.motion-open:focus-visible { outline:3px solid #0074dd; outline-offset:-5px; border-radius:inherit; }
.motion-badge { position:absolute; bottom:14px; left:16px; color:#4f4f4f; font-size:10px; font-weight:500; letter-spacing:.02em; pointer-events:none; }
.motion-toggle { position:absolute; bottom:6px; right:8px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; color:#313131; background:transparent; cursor:pointer; }
.motion-toggle:hover { background:#ffffff90; }
.motion-toggle:focus-visible { outline:2px solid #313131; outline-offset:-4px; }
.motion-toggle svg { width:15px; height:15px; }
.motion-toggle .motion-pause,.motion-toggle[data-playing="true"] .motion-play { display:none; }
.motion-toggle[data-playing="true"] .motion-pause { display:block; }
.motion-heading,.motion-caption,.motion-header-shield { display:none; }
.modal-panel:has(#modal-video:not([hidden])) { width:min(calc(100vw - 40px),820px); }
.modal-motion-stage { position:relative; display:none; width:100%; height:min(76svh,calc(100svh - 190px)); background:#e4e4e4; }
.modal-panel:has(#modal-video:not([hidden])) .modal-motion-stage { display:block; }
.modal-panel:has(#modal-video:not([hidden])) #modal-video { display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; border:0; border-radius:0; background:#e4e4e4; }
.modal-actions .modal-link[hidden] { display:none; }
/* Phone media lives on its own normally scrolling explorations page. */
.mobile-explorations-link { display:none; }
@media(max-width:700px) {
  .shell > .gallery-wrap { display:none !important; }
  .mobile-explorations-link { position:relative; isolation:isolate; display:grid; grid-template-columns:32px minmax(0,1fr) 18px; align-items:center; gap:12px; width:100%; min-height:68px; margin:14px 0 0; padding:12px 14px; color:var(--ink); text-decoration:none; }
  .explorations-entry-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
  .explorations-entry-icon svg { width:21px; height:21px; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; }
  .explorations-entry-copy { display:grid; gap:3px; }
  .explorations-entry-copy strong { font-size:16px; font-weight:500; line-height:1.3; }
  .explorations-entry-copy small { color:var(--muted); font-size:11px; line-height:1.35; }
  .explorations-entry-arrow { font-size:20px; }
  .mobile-explorations-link:is(:hover,:focus-visible) { box-shadow:inset 0 1px 1px #ffffff75,0 9px 22px #00000014; }
  .mobile-explorations-link:active { transform:scale(.985); }
  .mobile-explorations-link:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
}
@media(prefers-reduced-motion:reduce) { .mobile-explorations-link { transition:none; } .mobile-explorations-link:active { transform:none; } }