/* Keep the site label secondary to the watermark already embedded in the film. */
.watch-prototype #player .player-watermark {
  top:calc(env(safe-area-inset-top, 0px) + 4px);
  right:max(12px, env(safe-area-inset-right, 0px));
  color:rgba(255,255,255,.12);
  font-size:10px;
  font-weight:300;
  line-height:14px;
  letter-spacing:2px;
  text-shadow:none;
  pointer-events:none;
}
@media (max-width:1023px) {
  /* Only the arrow fades; its original 44px navigation target stays usable. */
  .watch-prototype:not([data-sheet=open]) #player[data-controls=hidden] .p-watch-back,
  .watch-prototype:not([data-sheet=open])[data-clean=true][data-clean-controls=hidden] #player .p-watch-back {
    opacity:0;
    visibility:visible;
    pointer-events:auto;
  }
  .watch-prototype:not([data-sheet=open]) #player .p-watch-back:focus-within {
    opacity:1;
    visibility:visible;
  }
}
@media (max-width:1023px) and (orientation:portrait) {
  /* Center landscape/square films; only portrait films put spare height below. */
  .watch-prototype #player:not(:fullscreen):not([data-page-fullscreen=true]) #video,
  .watch-prototype #player:not(:fullscreen):not([data-page-fullscreen=true]) #responsive-player-poster img {
    object-fit:contain;
    object-position:center;
  }
  .watch-prototype #player[data-portrait=true]:not(:fullscreen):not([data-page-fullscreen=true]) #video,
  .watch-prototype #player[data-portrait=true]:not(:fullscreen):not([data-page-fullscreen=true]) #responsive-player-poster img {
    object-position:center top;
  }
}

@media (max-width:1023px) {
  .watch-prototype #player .p-watch-caption-title {
    display:block;
    min-height:0;
    pointer-events:none;
    font-size:13px;
    line-height:19px;
    font-weight:500;
    color:inherit;
    text-decoration:none;
    cursor:pointer;
  }
  .watch-prototype #player .p-watch-caption-title h1 {
    font-size:13px!important;
    line-height:19px!important;
    font-weight:500!important;
  }
  .watch-prototype #player .p-watch-caption-title:focus-visible {
    outline:2px solid currentColor;
    outline-offset:3px;
  }
  .watch-prototype #player .p-watch-social button:not([aria-pressed=true]) {
    color:#e6e6e6;
    text-shadow:0 1px 3px #000b;
  }
  .watch-prototype #player .p-watch-social button svg {
    stroke-width:1.8;
  }
  .watch-prototype #player .p-watch-back a {color:#c2c2c2;}
}

/* Mobile controls stay readable across the boundary between film and letterbox. */
@media (max-width:1023px) {
  .pomelo-body .watch-prototype #player .p-watch-caption {margin-bottom:8px;}
  .pomelo-body .watch-prototype #player .p-watch-caption-title h1 {margin:0;pointer-events:none;}
  .pomelo-body .watch-prototype #player .p-watch-caption-text {pointer-events:auto;}
  .pomelo-body .watch-prototype #player .control-row {min-height:18px;}
  .pomelo-body .watch-prototype #player #time-label {font-size:11px;line-height:16px;}
  .pomelo-body .watch-prototype #player .p-watch-mobile-tools {margin-top:2px;}
  .pomelo-body .watch-prototype #player .p-watch-mobile-tools>button:not([data-watch-clean]) {background:#171719;}
}

@media(max-width:1023px) and (orientation:portrait){
.pomelo-body .watch-prototype #player:not([data-portrait=true]):not(:fullscreen):not([data-page-fullscreen=true]) #video,
.pomelo-body .watch-prototype #player:not([data-portrait=true]):not(:fullscreen):not([data-page-fullscreen=true]) #responsive-player-poster img {object-position:center calc(50% + var(--mobile-screen-center-offset,0px));}
}