/* A purposeful channel rail and full-width video choices on desktop. */
@media(min-width:901px){
 #home-view #movie .youtube-channel-card{grid-template-columns:300px minmax(0,1fr);column-gap:32px;padding:28px;align-items:center}
 #home-view #movie .youtube-channel-info{min-width:0}
 #home-view #movie .channel-name{flex-direction:column;align-items:center;gap:10px;width:100%;font-size:12px}
 #home-view #movie .channel-name>.tomosu-channel-logo{width:230px;max-width:100%}
 #home-view #movie .channel-name>span{display:flex;align-items:baseline;gap:10px}
 #home-view #movie .channel-name strong{font-size:18px;line-height:1.5}
 #home-view #movie .movie-tabs{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px;counter-reset:video-choice}
 #home-view #movie .movie-tabs button{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:52px;padding:12px 16px;border:1px solid #decaca;border-radius:9px;background:#fff;color:#493b3c;font-size:13px;line-height:1.6;text-align:left;counter-increment:video-choice}
 #home-view #movie .movie-tabs button::before{content:counter(video-choice,decimal-leading-zero);font-size:12px;font-weight:700;opacity:.65;font-variant-numeric:tabular-nums}
 #home-view #movie .movie-tabs button.active{background:#851b2c;border-color:#851b2c;color:#fff;font-weight:700}
 #home-view #movie .movie-tabs button:hover:not(.active){background:#fff0eb;border-color:#b48489}
}
@media(min-width:901px) and (max-width:1100px){
 #home-view #movie .youtube-channel-card{grid-template-columns:240px minmax(0,1fr);gap:24px;padding:26px}
 #home-view #movie .channel-name>.tomosu-channel-logo{width:188px}
 #home-view #movie .channel-name strong{font-size:16px}
 #home-view #movie .movie-tabs button{min-height:46px;padding:10px 13px;font-size:12px}
}

/* The wide-screen sentence shares one background and one reveal animation. */
@media(min-width:1200px){
 #home-view #movie #movie-heading{gap:0;width:max-content;padding:.12em .33em .18em .43em;background:#171717;color:#fff}
 #home-view #movie #movie-heading>.black-caption{padding:0;background:none;color:inherit;transition:none}
 #home-view #movie #movie-heading>.black-caption:first-child .caption-punctuation{width:1em}
 #home-view #movie #movie-heading[data-ink-reveal]{background-color:transparent;background-image:linear-gradient(#171717,#171717);background-repeat:no-repeat;background-position:left center;background-size:100% 100%;transition:background-size 480ms cubic-bezier(.2,.8,.2,1),color 180ms ease 120ms}
 #home-view #movie #movie-heading[data-ink-reveal="pending"]{background-size:0% 100%;color:transparent;transition:none}
}
@media(min-width:1200px) and (prefers-reduced-motion:reduce){
 #home-view #movie #movie-heading[data-ink-reveal]{background-size:100% 100%;color:#fff;transition:none}
}
@media print and (min-width:1200px){
 #home-view #movie #movie-heading[data-ink-reveal]{background:none;color:#171717;transition:none}
}
