/* Your Turn shares the Awards theme, gallery and motion. */
body.your-turn-page{--paper:#080808;--ink:#f7f7f2;background:var(--paper);color:var(--ink)}
.your-turn-page #site-header{background:var(--paper);color:var(--ink)}
body #main .yt-index{box-sizing:border-box;width:100%;padding-left:var(--site-gutter);padding-right:var(--site-gutter)}

.yt-index .aw-art{background:#101010;border-radius:0}
.yt-cover{position:relative}.yt-cover img{position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:contain}
.yt-index .aw-caption,.yt-index .aw-competition-caption p{color:#a4a4a0}
.yt-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px;font-size:14px;color:var(--ink)}
.yt-links a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;gap:6px}
#site-header #view-controls .yt-mode{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid #10101020;font-size:12px;line-height:1.2}
#site-header #view-controls .yt-mode.is-selected{background:#101010;color:#fff;border-color:#101010;text-decoration:none}
.yt-archive-heading{text-align:center;margin:0 auto 48px;max-width:850px}
.yt-archive-heading :is(h1,h2){font-size:clamp(30px,4.5vw,64px);font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:18px 0 20px}
.yt-archive-heading p{font-size:18px;line-height:1.6;margin:0 0 12px}
.yt-submit{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.yt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:220px;border-top:1px solid #ffffff20;text-align:center}
.yt-empty p{font-size:20px;margin:0}.yt-empty a{min-height:44px;line-height:44px;font-size:14px;text-decoration:underline}
.yt-work{margin:0}.yt-work-art button{width:100%;height:100%;display:block;padding:0;border:0;background:none;cursor:zoom-in}
.yt-work-art img{object-fit:contain}.yt-work audio{width:100%;display:block;margin-top:18px;height:40px}
.your-turn-play #site-footer{display:none}
.yt-player{box-sizing:border-box;height:100svh;padding:var(--site-header-height) 0 0;background:white}
.yt-player iframe{display:block;border:0;width:100%;height:100%;background:white}
@media(min-width:801px) and (max-width:1100px){#site-header nav{gap:12px;font-size:12px}}
@media(max-width:800px){.yt-archive-heading{margin-bottom:32px}.yt-archive-heading :is(h1,h2){font-size:clamp(28px,5.5vw,44px)}#site-header #view-controls .yt-mode{min-height:36px;padding:0 8px;font-size:11px}}
.yt-player{display:flex;flex-direction:column}
.yt-player iframe{flex:1;min-height:0}
.yt-more{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #ffffff35;background:var(--paper);color:inherit;font:inherit;font-size:13px;cursor:pointer}
.yt-archive [hidden]{display:none}
.yt-more{margin:32px auto 0}
.yt-work-art video{display:block;width:100%;height:100%;object-fit:contain;background:#f7f7f7}

.yt-gallery{margin-top:clamp(72px,10vw,144px);scroll-margin-top:calc(var(--site-header-height) + 24px)}

@media (orientation:landscape) and (pointer:coarse) and (max-height:540px){
 body.your-turn-play:has(.yt-player--pixound){overflow:hidden}
 body.your-turn-play:has(.yt-player--pixound) #site-header{display:none}
 .yt-player--pixound{
  position:fixed;inset:0;height:100dvh;z-index:20;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
 }
}