/* The original Idea text travels with the original film; load after approach-interaction.css. */
.motion-enabled[data-hero-dock="moving"] #idea .approach-cards,
.motion-enabled[data-hero-dock="moving"] #idea .approach-card {
  pointer-events: none;
  transition: none;
}
.motion-enabled.idea-copy-in-flight #idea .idea-card {
  overflow: visible;
  opacity: 1;
  background: transparent;
  border-color: rgba(234, 237, 245, calc(.21 * clamp(0, (var(--dock-progress) - .95) / .05, 1)));
  box-shadow: 0 24px 48px rgba(0, 0, 0, calc(.28 * clamp(0, (var(--dock-progress) - .95) / .05, 1)));
}
.motion-enabled.idea-copy-in-flight #idea .idea-card::after { opacity: 0; }
.motion-enabled.idea-copy-in-flight #idea .idea-media-slot {
  opacity: clamp(0, calc((var(--dock-progress) - .95) / .05), 1);
}
.motion-enabled.idea-copy-in-flight #idea .idea-copy {
  transform-origin: 0 0;
  will-change: transform, opacity;
  pointer-events: none;
  transition: none;
  /* The large film scene keeps free-standing copy. The glass panel belongs
     only to the compact card after docking has finished. */
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.motion-enabled.idea-copy-in-flight #idea .idea-copy::before,
.motion-enabled.idea-copy-in-flight #idea .idea-copy::after,
.motion-enabled.idea-copy-in-flight #idea .idea-copy > .liquid-glass-pane {
  opacity: 0;
}

.landing-scene-copy { display:none; }
.motion-enabled .landing-scene-copy {
  display:block; position:fixed; z-index:4; left:clamp(32px,4.5vw,92px);
  top:calc(var(--landing-height,100svh) * .38); width:min(43vw,720px);
  opacity:0; pointer-events:none; transform:translateZ(0); contain:layout style;
  transition:opacity 320ms ease;
}
.motion-enabled .landing-scene-copy[data-visible="true"] { opacity:1; }
.landing-scene-copy .card-kicker { margin:0 0 22px; font-size:14px; letter-spacing:.1em; }
.landing-scene-copy h3 { margin:0 0 26px; font-size:clamp(54px,5.5vw,96px); line-height:1.05; font-weight:400; }
.landing-scene-copy .card-description { margin:0; font-size:clamp(19px,1.65vw,30px); line-height:1.55; color:#c2c3c7; }
.motion-enabled[data-hero-dock="ready"] #idea .idea-copy { animation:scene-copy-arrive 360ms ease both; }
@media(max-width:760px) {
  .motion-enabled .hero { height:calc(var(--journey-screen-height,100svh) * 2.5); }
  .hero-content { height:var(--journey-screen-height,100svh); }
  .motion-enabled .landing-scene-copy { left:24px; right:24px; top:calc(var(--landing-height,100svh) * .60); width:auto; max-width:430px; }
  .landing-scene-copy .card-kicker { margin-bottom:14px; font-size:12px; }
  .landing-scene-copy h3 { margin-bottom:18px; font-size:48px; }
  .landing-scene-copy .card-description { font-size:17px; }
}
@keyframes scene-copy-arrive { from {opacity:0} to {opacity:1} }
@media(prefers-reduced-motion:reduce) { .landing-scene-copy { display:none!important; } }