/* A compact launch bar and an uncropped preview, with no empty poster space. */
.model-presentation { max-width: 900px; margin: 0 auto; }
.explore-heading { max-width: 900px; margin: 0 auto; padding-left: 0; padding-right: 0; gap: 64px; align-items: center; }
.explore-heading>div>p:last-child { margin-bottom: 0; }
.model-launch-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 0; }
.model-launch-heading .eyebrow { display: block; font-size: 8px; letter-spacing: 1.8px; margin: 0 0 8px; }
.model-launch-heading h3 { font-size: 32px; line-height: 1.12; letter-spacing: -.8px; margin: 0; }
#load-explorer { gap: 17px; padding: 18px 22px; font-size: 12px; min-height: 62px; transition: background .25s, box-shadow .25s; }
#load-explorer:hover { background: #fffdf7; box-shadow: 0 3px 18px #00000018; }
#load-explorer[hidden], #model-controls-hint[hidden] { display: none; }
.model-launch-arrow { font-size: 25px; line-height: 1; margin-left: 7px; }
.orbit-prompt { position: relative; flex: 0 0 28px; width: 28px; height: 28px; display: grid; place-items: center; }
.orbit-prompt::before, .orbit-prompt>span { content: ''; position: absolute; border: 1.5px solid currentColor; border-radius: 50%; }
.orbit-prompt::before { inset: 0; animation: model-prompt-pulse 3.6s ease-in-out infinite; }
.orbit-prompt>span { inset: 5px; }
@keyframes model-prompt-pulse { 0%, 65%, 100% { transform: scale(1); opacity: .9; } 30% { transform: scale(1.16); opacity: .45; } }
#model-controls-hint { font-size: 11px; line-height: 1.6; color: #c7d0c3; margin: 0; }
.model-presentation .viewer-shell { height: auto; min-height: 0; max-height: none; aspect-ratio: 3/2; }
.model-presentation .viewer-poster { position: absolute; inset: 0; }
.model-presentation .viewer-poster>img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }
.model-presentation .viewer-shell.is-active { height: min(620px, 78svh); min-height: 440px; aspect-ratio: auto; }
.model-presentation .viewer-shell:fullscreen { height: 100vh; min-height: 0; max-height: none; width: 100vw; }
.model-presentation .viewer-caption { padding: 18px 0 0; gap: 14px 20px; }
.model-presentation .viewer-caption p { font-size: 10px; }
@media(min-width:761px) { .explore-section { padding-top: 64px; } .explore-heading { padding-bottom: 10px; } }
@media(max-width:760px) {
  .explore-section { padding-top: 48px; }
  .explore-heading { padding-bottom: 6px; }
  .model-launch-bar { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; gap: 18px; padding: 16px 0 20px; }
  .model-launch-heading h3 { font-size: 28px; }
  #load-explorer { width: 100%; justify-content: flex-start; padding: 16px 20px; min-height: 60px; font-size: 12px; }
  .model-launch-arrow { margin-left: auto; }
  .model-presentation .viewer-shell.is-active { height: 70svh; min-height: 430px; max-height: 680px; }
  .model-presentation .viewer-caption { padding: 16px 0 0; }
}
@media(prefers-reduced-motion:reduce) { .orbit-prompt::before { animation: none; } #load-explorer { transition: none; } }
