/* V11: mobile portrait copy frames the person instead of covering the centre.
   Keep the existing landscape composition and fullscreen player unchanged. */
@media (max-width:1000px) and (max-aspect-ratio:1/1) {
  .live-action-landing[data-film-mode="video"] #intro > .scene-inner {
    display:block;
    padding-top:clamp(24px,4svh,40px);
    padding-bottom:max(168px,calc(env(safe-area-inset-bottom) + 144px));
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-copy {
    display:grid;
    grid-template-rows:auto auto minmax(0,1fr) auto auto auto;
    align-content:stretch;
    height:100%;
    min-height:0;
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-kicker {
    grid-row:1;
    align-self:start;
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-title {
    grid-row:2;
    align-self:start;
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-copy > .hero-description {
    grid-row:4;
    margin-top:0;
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-actions {
    grid-row:5;
    margin-top:clamp(14px,2.4svh,22px);
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-copy > .hero-trust {
    grid-row:6;
    margin-top:clamp(10px,1.6svh,16px);
  }
  .live-action-landing[data-film-mode="video"] #campaign-player .hero-shade {
    background:linear-gradient(180deg,#05275680 0%,#062b5a30 24%,transparent 38%,transparent 48%,#05285780 72%,#052857a3 100%),linear-gradient(90deg,#062c6238,transparent 78%);
  }
  .live-action-landing[data-film-mode="video"] #campaign-player:not(.is-expanded)[data-video-format="portrait"] #hero-film,
  .live-action-landing[data-film-mode="video"] #campaign-player:not(.is-expanded)[data-video-format="portrait"] .campaign-still {
    object-position:50% 0%;
  }
}
@media (max-width:1000px) and (max-aspect-ratio:1/1) and (min-height:621px) {
  .live-action-landing[data-film-mode="video"] #intro .hero-title {
    font-size:clamp(34px,min(10.8vw,7svh),68px);
  }
}
@media (max-width:1000px) and (max-aspect-ratio:1/1) and (max-height:620px) {
  .live-action-landing[data-film-mode="video"] #intro > .scene-inner {
    padding-top:18px;
    padding-bottom:max(156px,calc(env(safe-area-inset-bottom) + 132px));
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-actions {
    flex-wrap:nowrap;
    gap:12px;
    margin-top:14px;
  }
  .live-action-landing[data-film-mode="video"] #intro .button-blue {
    min-height:44px;
    padding:11px 12px;
    font-size:11px;
    gap:14px;
    white-space:nowrap;
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-secondary {
    font-size:10px;
    gap:12px;
    white-space:nowrap;
  }
  .live-action-landing[data-film-mode="video"] #intro .hero-copy > .hero-trust {
    margin-top:10px;
  }
}

/* V15.4: fit the longer campaign message without changing the copy's grid rows. */
.live-action-landing #intro .hero-title--trade-in {
  font-size:clamp(42px,4.4vw,66px);
  line-height:1.22;
  letter-spacing:-.055em;
}
.live-action-landing #intro .hero-title--trade-in > .hero-title-line {
  white-space:nowrap;
}
@media (max-width:1000px) {
  .live-action-landing[data-film-mode="video"] #intro .hero-title--trade-in {
    font-size:clamp(24px,min(7.7vw,5svh),54px);
    line-height:1.22;
    letter-spacing:-.055em;
  }
}
@media (max-width:1000px) and (min-aspect-ratio:11/10) and (max-height:620px) {
  .live-action-landing[data-film-mode="video"] #intro .hero-title--trade-in {
    font-size:clamp(18px,3.25vw,30px);
  }
}