/* v102: the approved cover film in a compact, stable mobile composition.
   Desktop geometry and the baked 22-second film remain untouched. */
@media (max-width:959.98px) {
  #top.hero-layout-77.hero-video-only {
    --cover-gold:#d9c18a;
    --cover-text:#f2f0e9;
    --cover-muted:#b7b8b0;
    --cover-border:#d9c18a40;
    display:flex;
    flex-direction:column;
    align-items:center;
    height:auto;
    min-height:0;
    max-height:none;
    padding:86px max(20px,env(safe-area-inset-right)) 48px max(20px,env(safe-area-inset-left));
    background:radial-gradient(ellipse at 50% 38%,#b6bdac0a,transparent 55%),#0e1011;
  }
  #top.hero-video-only .hero-vault { opacity:.12; }
  #top.hero-video-only .hero-content { display:contents; }
  #top.hero-video-only .hero-intro {
    order:0;
    display:block;
    position:relative;
    width:100%;
    max-width:680px;
    min-width:0;
    margin:0;
    padding:0;
    text-align:center;
  }
  #top .supra-title { margin:0 0 14px;line-height:1.05; }
  #top .title-project {
    display:block;
    font-size:clamp(44px,12vw,72px);
    line-height:1.04;
    font-weight:450;
    letter-spacing:-.052em;
    color:var(--cover-text);
  }
  #top .title-research {
    display:block;
    margin-top:10px;
    font-size:clamp(22px,5.8vw,36px);
    line-height:1.15;
    font-weight:350;
    letter-spacing:-.035em;
    color:#d6d7cf;
  }
  #top .title-research > span { color:inherit;font:inherit;letter-spacing:inherit;white-space:normal; }
  #top .hero-description { max-width:none;margin:0;text-shadow:none; }
  #top .hero-description .hero-promise {
    display:block;
    margin:0;
    color:var(--cover-gold);
    font:500 clamp(20px,5.2vw,27px)/1.28 SupraSans,'Segoe UI',sans-serif;
    letter-spacing:-.02em;
  }
  #top .hero-description .hero-promise br { display:none; }
  #top .hero-description .hero-invitation {
    display:block;
    margin-top:7px;
    color:#c9c4b5;
    font:italic 19px/1.4 Georgia,'Palatino Linotype',serif;
    letter-spacing:0;
  }
  #top .hero-actions {
    display:grid;
    grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);
    width:100%;
    max-width:440px;
    margin:16px auto 0;
    gap:8px;
  }
  #top .hero-actions .button {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    min-width:0;
    min-height:44px;
    padding:10px 13px;
    gap:7px;
    border:1px solid var(--cover-border);
    border-radius:4px;
    background:#d9c18a06;
    color:#ded9cb;
    font:500 14px/1.3 SupraSans,'Segoe UI',sans-serif;
    letter-spacing:0;
    white-space:nowrap;
    box-shadow:none;
  }
  #top .hero-actions .hero-competing-button {
    grid-column:1/-1;
    background:var(--cover-gold);
    border-color:var(--cover-gold);
    color:#191a15;
  }
  #top .hero-actions .button span { flex:none;font-size:18px;line-height:1; }
  #top .hero-actions .button-light::before { display:none; }
  #top.hero-video-only .emergence-stage {
    order:1;
    display:flex;
    flex-direction:column;
    position:relative;
    inset:auto;
    width:100%;
    max-width:680px;
    min-width:0;
    height:auto;
    min-height:0;
    max-height:none;
    margin:20px 0 0;
    gap:10px;
    transform:none;
    perspective:none;
  }
  #top.hero-video-only .scene-light { display:none; }
  #top.hero-video-only .hero-film-frame {
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    flex:none;
    border-radius:4px;
    box-shadow:0 0 0 1px #d9c18a24;
  }
  #top.hero-video-only .scene-controls {
    position:relative;
    inset:auto;
    width:100%;
    max-width:none;
    margin:0;
  }
  #top.hero-video-only .scene-timeline { height:8px; }
  #top.hero-video-only .scene-track { background:#d9c18a2b; }
  #top.hero-video-only .scene-track i { background:var(--cover-gold);box-shadow:none; }
  #top.hero-video-only .scene-chapters { display:flex;gap:8px;padding-top:3px; }
  #top.hero-video-only .scene-chapters > [data-story] {
    min-height:25px;
    font:400 12px/1.3 SupraSans,'Segoe UI',sans-serif;
    color:#a4aaa5;
    white-space:nowrap;
  }
  #top.hero-video-only .scene-chapters > [data-story].active { color:#e3c991; }
  #top.hero-video-only .hero-footer {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    position:relative;
    inset:auto;
    width:100%;
    min-height:0;
    margin:8px 0 0;
    padding:10px 0 0;
    gap:8px;
    border-top:1px solid #d9c18a26;
    letter-spacing:0;
  }
  #top.hero-video-only .hero-footer .scene-caption { display:contents; }
  #top.hero-video-only .hero-footer :is(.hero-replay,#motion-toggle,#hero-see-more,#hero-play-prompt,#hero-explore) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    min-height:44px;
    margin:0;
    padding:10px;
    gap:7px;
    border:1px solid var(--cover-border);
    border-radius:4px;
    background:#d9c18a05;
    color:#d3d1c6;
    font:500 14px/1.3 SupraSans,'Segoe UI',sans-serif;
    letter-spacing:0;
    white-space:nowrap;
    box-shadow:none;
    backdrop-filter:none;
  }
  #top.hero-video-only .hero-footer :is(.hero-replay,#motion-toggle,#hero-see-more) > span {
    color:var(--cover-gold);
    font-size:18px;
    line-height:1;
  }
  #top.hero-video-only .hero-footer #motion-toggle { text-transform:none; }
  #top.hero-video-only .hero-footer #motion-toggle[aria-pressed=true] {
    background:#d9c18a12;border-color:#d9c18a77;color:#e3c991;
  }
  #top.hero-video-only .hero-footer #hero-play-prompt { grid-column:1/-1; }
  #top.hero-video-only .hero-footer #hero-play-prompt[hidden] { display:none; }
  /* Motion already offers playback when deliberately paused. Keep the
     independent prompt for a native autoplay failure while motion is enabled. */
  body.motion-paused #top.hero-video-only .hero-footer #hero-play-prompt { display:none; }
  #top.hero-video-only .hero-footer .hero-live-controls {
    display:block;
    position:static;
    inset:auto;
    width:auto;
    min-width:0;
    margin:0;
    padding:0;
    opacity:1;
    pointer-events:auto;
  }
  #top.hero-video-only .hero-footer .hero-live-controls #hero-explore {
    background:var(--cover-gold);
    border-color:var(--cover-gold);
    color:#191a15;
  }
  #top.hero-video-only .hero-footer #hero-explore > span { margin:0;font-size:18px;line-height:1; }
  #top.hero-video-only #paper.hero-paper {
    order:2;
    position:relative;
    width:100%;
    max-width:680px;
    min-width:0;
    margin:24px 0 0;
    padding:20px 0 0;
    border-top:1px solid #d9c18a26;
  }
  #top #paper .paper-authors { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px; }
  #top #paper .paper-authors li { font:400 16px/1.75 'Palatino Linotype','Book Antiqua',Palatino,serif;color:#deded6; }
  #top #paper .paper-authors sup { font-size:9px;margin-left:3px; }
  #top #paper .paper-affiliations { display:grid;gap:3px;margin-top:12px; }
  #top #paper .paper-affiliations li { font-size:12px;line-height:1.55;color:var(--cover-muted); }
  #top #paper .paper-resources { width:100%;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:16px; }
  #top #paper .paper-resource {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:9px 7px;
    gap:6px;
    border:1px solid #d9c18a28;
    border-radius:4px;
    background:transparent;
  }
  #top #paper .paper-resource svg { width:14px;height:14px;flex:none; }
  #top #paper .paper-resource-name { font-size:12px;line-height:1.3;color:#c5c7be; }
  #top :is(a,button):focus-visible { outline:2px solid #f0d8a4;outline-offset:3px; }
  #top :is(.hero-actions a,.hero-footer button):active { box-shadow:inset 0 0 0 1px #f0d8a480; }
}
@media (max-width:380px) {
  #top .hero-actions .button { font-size:13px;padding-inline:12px; }
  #top.hero-video-only .hero-footer :is(.hero-replay,#motion-toggle,#hero-see-more,#hero-explore) { font-size:13px; }
  #top.hero-video-only .scene-chapters > [data-story] { font-size:11px; }
}
@media (min-width:600px) and (max-width:959.98px) {
  #top.hero-layout-77.hero-video-only { padding-top:104px;padding-bottom:64px; }
  #top .hero-description .hero-promise br { display:none; }
  #top .hero-actions { display:flex;max-width:none;justify-content:center; }
  #top .hero-actions .button { width:auto;flex:0 1 auto;gap:12px;padding-inline:16px; }
  #top.hero-video-only .hero-footer { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #top #paper .paper-authors { grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 12px; }
  #top #paper .paper-affiliations { display:flex;flex-wrap:wrap;gap:4px 16px; }
  #top #paper .paper-resources { max-width:440px; }
}