/* Quiet collection accents around the original ivory, lime and forest palette. */
:root{--tone:#3d6653;--tone-wash:#e4ece4;--tone-soft:#b4d5b5;--tone-border:#c7d7c9}
[data-tone="film"]{--tone:#3d6653;--tone-wash:#e4ece4;--tone-soft:#b4d5b5;--tone-border:#c7d7c9}
[data-tone="music"]{--tone:#366a72;--tone-wash:#e3eeec;--tone-soft:#a9d7d3;--tone-border:#bdd5d3}
[data-tone="animation"]{--tone:#756382;--tone-wash:#eee8ee;--tone-soft:#d4bfdf;--tone-border:#d8cbdc}
[data-tone="commercial"]{--tone:#746632;--tone-wash:#eeebde;--tone-soft:#d8ce97;--tone-border:#d8d0b3}
[data-tone="banjihaban"]{--tone:#865b4b;--tone-wash:#f1e6df;--tone-soft:#dfbca9;--tone-border:#ddc8bb}
[data-tone="church"]{--tone:#596d45;--tone-wash:#e8eddf;--tone-soft:#c9d6af;--tone-border:#ccd6be}
[data-tone="idoltop"]{--tone:#612621;--tone-wash:#f4d2c9;--tone-soft:#ffb5a3;--tone-border:#d69b8e;--tone-block:#ef866f}
[data-tone="trainees"]{--tone:#4d6e5d;--tone-wash:#e5ece4;--tone-soft:#c3dbbd;--tone-border:#c4d4c4}
[data-tone="kisieun"]{--tone:#556e4e;--tone-wash:#e7ecdf;--tone-soft:#c5d7ad;--tone-border:#cbd6bc}
[data-tone="hajuwoo"]{--tone:#386e69;--tone-wash:#dfebe6;--tone-soft:#add8cb;--tone-border:#bed5cc}
[data-tone="nambada"]{--tone:#52687c;--tone-wash:#e2e9ed;--tone-soft:#b8cddd;--tone-border:#c4d1da}
[data-tone="banrieul"]{--tone:#72633f;--tone-wash:#eee9dd;--tone-soft:#dfcfa1;--tone-border:#d9d0b9}
[data-tone="choisireun"]{--tone:#755d73;--tone-wash:#eee5eb;--tone-soft:#d9bed4;--tone-border:#dbc8d5}
[data-tone="domina"]{--tone:#845d49;--tone-wash:#efe5df;--tone-soft:#e0bea5;--tone-border:#ddcabb}
[data-tone="mahiji"]{--tone:#626d39;--tone-wash:#eaecdf;--tone-soft:#d1d9a6;--tone-border:#d0d7b9}
[data-tone="recognition"]{--tone:#606644;--tone-wash:#e8e8da;--tone-soft:#d5d7b1;--tone-border:#cccfb4}

/* Film collections repeat one accent through the tab, heading and card caption. */
.filters button[data-tone]{background:var(--tone-wash);border-color:var(--tone-border);color:var(--tone)}
.filters button[data-tone]::before,.series-switch button::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tone);margin-right:7px;vertical-align:1px}
.filters button[data-tone]:hover{border-color:var(--tone)}
.filters button[data-tone].active{background:var(--tone);border-color:var(--tone);color:#fff}
.filters button[data-tone].active::before{background:var(--tone-soft)}
.collection{background:var(--tone-wash);padding:30px;margin:24px 0 0;border:1px solid var(--tone-border);border-radius:3px}
.collection+.collection{border-top:1px solid var(--tone-border)}
.collection-heading{align-items:center;gap:17px;padding:0 0 23px;margin-bottom:25px;background:transparent;border:0;border-bottom:1px solid var(--tone-border);border-radius:0}
.collection-index{color:var(--tone);padding:8px;min-width:0;border:1px solid var(--tone-border);border-radius:3px;background:var(--paper);font-size:9px}
.collection-heading h3{color:var(--tone)}
.collection-heading h3 sup{color:var(--tone)}
.collection-description{padding-top:0}
.collection-heading p,.collection-description,.collection .film-subtitle{color:var(--tone)}
.film-caption{border-top:2px solid var(--tone-soft);margin-top:12px;padding-top:11px}
.film-number,.film-arrow{color:var(--tone)}
.film-open:hover .film-caption strong{color:var(--tone)}
.spotlight-label>span{background:var(--tone-wash);color:var(--tone);padding:5px 7px;border-radius:2px}
.recognition-card[data-tone]{border-top:3px solid var(--tone)}
[data-tone] :is(button,a):focus-visible{outline-color:var(--tone)}
.watch-dialog[data-tone] :is(button,a):focus-visible{outline-color:var(--tone-soft)}
.watch-dialog[data-tone] .watch-topline{border-bottom:2px solid var(--tone-soft)}
.watch-dialog[data-tone] .watch-topline i,.watch-dialog[data-tone] .watch-meta>span,.watch-dialog[data-tone] .social-watch-collection{color:var(--tone-soft)}

/* Coral news contrasts with the forest project; introductions stay compact. */
.channel-project[data-tone]{background:var(--tone-block,var(--tone-wash));border-color:#d77461;color:#391e1a}
.channel-project-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-self:center}
.channel-project-copy>.project-eyebrow,.channel-project-copy>h3,.channel-project-copy>p{grid-column:1/-1}
.channel-project-copy h3{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:44px;line-height:1.2;letter-spacing:-2px;margin:13px 0 12px}
.channel-project-copy h3>span{position:static;font-size:36px;font-weight:400}
.channel-project-copy>p{font-size:11px;line-height:1.8}
.channel-project-stats{margin-top:19px;gap:9px}
.channel-project-stats>strong{font-size:34px;letter-spacing:-1.4px}
.channel-project-stats>span,.channel-preview-wall button>small{color:#562b24}
.channel-project .project-archive-link{border:0;padding:0;margin-top:19px;gap:11px;font-size:10px;align-self:center;max-width:none}
.channel-project .project-archive-link:hover{text-decoration:underline;text-underline-offset:4px}
.trainee-project-heading{gap:25px;margin-bottom:22px}
.trainee-project-heading h3{font-size:34px;line-height:1.3;letter-spacing:-1.4px;margin-top:12px}
.trainee-project-heading h3 em{white-space:nowrap}
.trainee-project-heading p{margin-bottom:10px}
.channel-project-copy h3>span{color:var(--tone)}
.channel-project .project-eyebrow{color:var(--tone)}
.channel-project .project-eyebrow::before,.trainee-project .project-eyebrow::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:9px;vertical-align:1px}
.trainee-project-heading h3 em{color:var(--tone-soft)}
.trainee-cover-image{border-bottom:3px solid var(--tone-soft)}
.trainee-cover-image>small{background:var(--tone-wash);color:var(--tone);border-radius:2px;padding:4px 6px}
.trainee-cover>strong{color:var(--tone-soft)}
.trainee-cover>strong::before{content:'';display:inline-block;width:5px;height:5px;background:var(--tone-soft);border-radius:50%;margin:0 7px 3px 0}

/* The same color follows a collection into its archive and player. */
.series-switch button[data-tone]{border-color:var(--tone-border);color:var(--tone);background:var(--tone-wash)}
.series-switch button[data-tone].active{background:var(--tone);border-color:var(--tone);color:#fff}
.series-switch button.active::before{background:var(--tone-soft)}
.channels-page main.wrap{margin-block:24px 32px;padding-inline:32px;background:var(--tone-wash);border:1px solid var(--tone-border);border-radius:3px}
.library-hero{margin-top:0;padding-inline:0;background:transparent;border-bottom:2px solid var(--tone-soft);border-radius:0}
.library-eyebrow,.library-hero h1>span,.library-hero-count>strong{color:var(--tone)}
.member-pill img{outline:2px solid var(--tone-soft);outline-offset:2px}
.member-pill .all-members-icon{color:var(--tone)}
.member-pill:hover{background:var(--tone-wash)}
.member-pill.active{background:var(--tone-wash);border-color:var(--tone);box-shadow:inset 0 -1px var(--tone)}
.member-pill.active>span{color:var(--tone);font-weight:600}
.format-filters button.active,.library-more>button:not(:disabled){background:var(--tone);color:#fff}
.social-clip-meta{border-top:2px solid var(--tone-soft);margin-top:10px;padding-top:10px}
.social-clip-meta>small,.social-clip-arrow{color:var(--tone)}
.social-clip-meta>small>span{color:var(--muted)}
.social-format{padding:5px 6px;border-radius:2px;background:var(--tone-wash);color:var(--tone);text-shadow:none}
.social-clip-overlay svg{background:var(--tone);border-color:var(--tone-soft)}
.library-search:focus-within{border-color:var(--tone)}
.channels-page .library-hero p,.channels-page .library-eyebrow,.channels-page .library-hero-count>span,.channels-page .member-pill small,.channels-page .social-clip-meta>small>span,.channels-page .library-results p,.channels-page .library-results>span,.channels-page .library-more>p{color:var(--tone)}

/* A compact festival ledger within one warm olive block. */
.recognition{margin-top:40px;padding:25px 30px 21px;background:var(--tone-wash);border:1px solid var(--tone-border);border-radius:3px}
.recognition-heading{margin-bottom:18px;gap:24px}
.recognition-kicker{font-size:7px;color:#606644;letter-spacing:1px}
.recognition-heading h2{font-size:29px;letter-spacing:-1px;margin:7px 0 6px}
.recognition-heading h2>span{color:#7e8b4c}
.recognition-heading>div>p{font-size:10px;color:#606644}
.recognition-stats{gap:0;align-items:center;flex-shrink:0}
.recognition-stats>div{min-width:0;display:flex;align-items:baseline;gap:7px;padding:0 18px;border-left:1px solid #c7caac}
.recognition-stats>div:first-child{padding-left:0;border-left:0}
.recognition-stats>div:last-child{padding-right:0}
.recognition-stats strong{font-size:25px;letter-spacing:-1px;line-height:1}
.recognition-stats span{font-size:9px;color:#555c3d;margin:0;white-space:nowrap}
.recognition-grid{display:block;border-top:1px solid #c7caac}
.recognition .recognition-card{display:grid;grid-template-columns:minmax(230px,.95fr) minmax(300px,1.45fr) minmax(170px,.65fr);gap:24px;align-items:center;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #c7caac;border-radius:0}
.recognition .recognition-card:last-child{border-bottom:0}
.recognition-identity{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:start;gap:12px}
.recognition-identity>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.recognition-number{font:8px var(--mono);padding-top:5px;color:var(--tone)}
.recognition-film{width:auto;min-width:0}
.recognition-film>strong{font-size:17px;letter-spacing:-.6px;line-height:1.45}
.recognition-film>span{font-size:8px;line-height:1.6;margin-top:3px;color:#606644}
.recognition-win-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:var(--tone)}
.recognition-win-badge svg{width:19px;height:19px}
.recognition-win-badge b{font-size:9px;font-weight:600}
.recognition-wins{margin:0;gap:7px}
.recognition-wins li>strong{font-size:10px;line-height:1.5}
.recognition-wins li>span{font-size:8px;line-height:1.6;color:#555e48;margin-top:2px}
.recognition-invite{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;margin-bottom:8px;color:#4c603a}
.recognition-invite b{font:600 10px var(--sans);letter-spacing:-.2px}
.recognition-invite span{font-size:8px;line-height:1.5}
.recognition-card-bottom{margin-top:0}
.recognition-card-bottom>p{font-size:8px;line-height:1.8;color:#555e48;margin:0 0 9px}
.recognition-card-bottom>button{border:0;padding:0;font-size:9px;align-items:center;gap:10px;color:#3b4c31}
.recognition-card-bottom>button>span{font-size:13px}
.recognition-footnote{border-top:1px solid #c7caac;padding-top:11px;margin-top:0;font-size:7px;color:#606644;line-height:1.5}
.recognition-footnote>span{font-size:6px;padding-top:1px}

@media(min-width:701px) and (max-width:1100px){
 .channel-project-copy{column-gap:10px}
 .channel-project-copy h3{font-size:34px;letter-spacing:-1.5px}
 .channel-project-copy h3>span{font-size:29px}
 .channel-project-stats>strong{font-size:30px}
 .channel-project .project-archive-link{font-size:9px;gap:6px}
 .trainee-project-heading h3{font-size:29px}
 .recognition{padding:22px 25px 18px}
 .recognition-heading h2{font-size:26px}
 .recognition-stats>div{padding-inline:11px;gap:5px}
 .recognition-stats strong{font-size:22px}
 .recognition-stats span{font-size:8px}
 .recognition .recognition-card{grid-template-columns:minmax(195px,.9fr) minmax(270px,1.4fr);gap:9px 22px}
 .recognition-card-bottom{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:15px}
 .recognition-card-bottom>p{margin:0;font-size:7px}
 .recognition-card-bottom>button{width:auto;flex-shrink:0}
}

@media(max-width:700px){
 .channel-project{gap:20px;padding-top:21px;padding-bottom:26px}
 .channel-project-copy{column-gap:13px}
 .channel-project-copy h3{font-size:30px;letter-spacing:-1.25px;margin:11px 0 9px}
 .channel-project-copy h3>span{font-size:28px}
 .channel-project-copy>p{font-size:10px;line-height:1.8}
 .channel-project-stats{margin-top:14px;gap:8px}
 .channel-project-stats>strong{font-size:28px;letter-spacing:-1px}
 .channel-project-stats>span{font-size:6px;line-height:1.8}
 .channel-project .project-archive-link{margin-top:14px;font-size:9px;gap:9px}
 .channel-project .project-archive-link>span{font-size:16px}
 .trainee-project-heading{margin-bottom:18px}
 .trainee-project-heading h3{font-size:23px;line-height:1.35;letter-spacing:-.9px;margin:10px 0 9px}
 .trainee-project-heading>div:last-child{margin-top:0}
 .trainee-project-heading p{font-size:9px;line-height:1.8;margin:0 0 10px}
 .trainee-project-heading a{font-size:10px;max-width:none}
 .collection{padding:20px 15px 23px;margin-top:16px}
 .collection-heading{padding:0 0 17px;gap:11px;margin-bottom:20px}
 .collection-index{padding:6px;font-size:7px;flex-shrink:0}
 .collection-heading h3{font-size:22px}
 .film-caption{margin-top:9px;padding-top:9px}
 .spotlight-label>span{padding:4px 5px}
 .trainee-cover-image>small{padding:4px 5px}
 .channels-page main.wrap{padding-inline:20px;margin-block:16px 24px}
 .library-hero{padding-inline:0;margin-top:0}
 .library-hero-covers.single-cover{right:0}
 .social-format{padding:4px 5px}
 .social-clip-meta{margin-top:8px;padding-top:9px}
 .recognition{margin-top:25px;padding:21px 20px 16px}
 .recognition-heading{display:block;margin-bottom:15px}
 .recognition-heading h2{font-size:27px;margin:7px 0 6px}
 .recognition-heading>div>p{font-size:9px}
 .recognition-stats{justify-content:flex-start;margin-top:16px;padding:0;border:0;gap:0}
 .recognition-stats>div{flex:0 1 auto;padding:0 13px;gap:6px}
 .recognition-stats strong{font-size:22px;letter-spacing:-.6px}
 .recognition-stats span{font-size:8px}
 .recognition .recognition-card{grid-template-columns:1fr;gap:10px;padding:16px 0}
 .recognition-identity{grid-template-columns:16px minmax(0,1fr);gap:9px}
 .recognition-identity>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .recognition-film{width:auto;min-width:0}
 .recognition-film>strong{font-size:15px;letter-spacing:-.4px;line-height:1.5}
 .recognition-film>span{display:none}
 .recognition-win-badge{margin:0;flex-shrink:0;gap:4px}
 .recognition-win-badge svg{width:17px;height:17px}
 .recognition-win-badge b{font-size:8px}
 .recognition-awards{padding-left:25px}
 .recognition-wins{gap:7px}
 .recognition-wins li>strong{font-size:9px;line-height:1.6}
 .recognition-wins li>span{font-size:8px;line-height:1.6;margin-top:1px}
 .recognition-invite{gap:3px 7px;margin-bottom:7px}
 .recognition-invite b{font-size:9px}
 .recognition-invite span{font-size:8px}
 .recognition-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-left:25px}
 .recognition-card-bottom>p{margin:0;font-size:7px;line-height:1.7}
 .recognition-card-bottom>button{width:auto;flex-shrink:0;font-size:8px;gap:5px}
 .recognition-footnote{font-size:6px;padding-top:10px;line-height:1.6}
 .recognition-footnote>span{font-size:5px;margin-top:4px}
}
@media(max-width:360px){
 .channel-project-copy h3{font-size:27px}
 .channel-project .project-archive-link{font-size:8px;gap:5px}
 .trainee-project-heading h3{font-size:21px}
 .recognition{padding-inline:16px}
 .recognition-heading h2{font-size:24px}
 .recognition-stats>div{padding-inline:9px;gap:5px}
 .recognition-stats strong{font-size:20px}
 .recognition-stats span{font-size:7px}
 .recognition-film>strong{font-size:14px}
}

.trainee-project-heading .live-video-count{font-size:23px;letter-spacing:-.8px;line-height:1;font-weight:800;vertical-align:baseline}
@media(max-width:700px){.trainee-project-heading .live-video-count{font-size:20px}}