/* First featured film: actual chapter video, with readable subtitles and native controls. */
.yoovoy-featured-video-card {justify-content:flex-start; background:#000;}
.yoovoy-featured-video-card .circle-center {width:100%; height:calc(100% - 76px);}
.yoovoy-featured-video-card .yoovoy-featured-video {display:block; width:100%; height:100%; object-fit:contain; background:#000; pointer-events:auto;}
.yoovoy-featured-video-card .work-overlay {pointer-events:none; -webkit-backdrop-filter:none; backdrop-filter:none; background:none;}
.yoovoy-featured-video-card .view-more {display:none;}
.yoovoy-featured-video-card .yoovoy-film-title-overlay {
 position:absolute; z-index:10; top:50%; right:3%; left:auto; transform:translateY(-50%);
 width:min(340px,80%); height:auto; display:flex; flex-direction:column; align-items:flex-end; gap:0;
 pointer-events:none; text-transform:none; color:#fff; text-align:right;
 font-family:Consolas,"SFMono-Regular","Liberation Mono","Microsoft JhengHei",monospace;
 font-size:var(--font--h5); font-weight:400; line-height:calc(1.1em + 10px); letter-spacing:0;
 text-shadow:0 2px 16px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.75);
}
.yoovoy-film-title-overlay > span {margin:0;font:inherit;letter-spacing:inherit;text-indent:0;white-space:nowrap;}
.work-banner.style-3 .line-left-wrapper {padding-left:3%;width:calc(120px + 3%);pointer-events:none;}
.work-banner.style-3 .line-left-wrapper .menu-link-block {pointer-events:auto;}
@media(min-aspect-ratio:16/10) {
 .yoovoy-featured-video-card .yoovoy-film-title-overlay {right:8%;}
 .work-banner.style-3 .line-left-wrapper {padding-left:8%;width:calc(120px + 8%);}
}
.yoovoy-featured-video-card .yoovoy-film-details {color:inherit; font:inherit; text-decoration:none;}
.yoovoy-featured-video-card .yoovoy-film-details:hover {text-decoration:underline; text-underline-offset:.1em;}
.yoovoy-featured-video-card .yoovoy-film-details:focus-visible {outline:2px solid #fff; outline-offset:5px;}
.yoovoy-featured-video-card .yoovoy-film-heading {
 display:flex; align-items:center; flex-wrap:wrap; gap:12px 24px; min-width:0;
}
.yoovoy-featured-video-card .yoovoy-prompts-link {
 display:inline-flex; align-items:center; gap:12px; flex-shrink:0; min-height:48px;
 color:#fff; text-decoration:none;
}
.yoovoy-prompts-copy {display:flex; flex-direction:column; gap:3px;}
.yoovoy-prompts-copy span:first-child {
 font-family:"Coolvetica Rg Cond",sans-serif; font-size:16px; line-height:1.1; letter-spacing:.04em;
}
.yoovoy-prompts-copy span:last-child {
 font-family:"PingFang TC","Microsoft JhengHei",sans-serif; font-size:12px; line-height:1.2;
}
.yoovoy-prompts-arrow {
 display:grid; place-items:center; width:48px; height:48px; flex-shrink:0;
 border-radius:50%; background:#202020; transition:background .2s ease,transform .2s ease;
}
.yoovoy-prompts-arrow svg {width:18px; height:18px;}
.yoovoy-prompts-link:hover .yoovoy-prompts-arrow {background:#383838;transform:translate(2px,-2px);}
.yoovoy-prompts-link:focus-visible {outline:2px solid #fff;outline-offset:5px;border-radius:4px;}
.yoovoy-featured-video-card .txt-flex {flex-shrink:0;}

/* Keep the prologue in its frame while the original template animates on scroll. */
#First .yoovoy-featured-video {transform:none !important;}
@media(min-width:768px) {
 #Top .work-banner.style-3 {margin-top:-100vh;}
 #First .circle-center {flex:1 1 0; height:auto; min-height:0;}
 #First .work-text-wrapper {position:relative; inset:auto; width:100%; flex-shrink:0;}
}
@media(min-width:768px) and (max-width:991px) {
 #First .yoovoy-featured-video-card {height:auto;}
 #First .circle-center {flex:none; aspect-ratio:16/9;}
 #First .yoovoy-featured-video {height:auto; aspect-ratio:16/9;}
}

@media(prefers-reduced-motion:reduce) {
 .yoovoy-prompts-arrow {transition:none;}
}
@media(max-width:767px) {
 .yoovoy-featured-video-card {display:block;height:auto;aspect-ratio:auto;}
 .yoovoy-featured-video-card .circle-center {position:relative;height:auto;aspect-ratio:16/9;}
 .yoovoy-featured-video-card .yoovoy-featured-video {height:auto;aspect-ratio:16/9;}
 .yoovoy-featured-video-card .work-text {font-size:clamp(20px,5vw,36px);}
 .yoovoy-featured-video-card .yoovoy-film-heading {gap:10px;}
 .yoovoy-featured-video-card .yoovoy-film-heading > .work-text {flex-basis:100%;}
 .yoovoy-featured-video-card .work-text-wrapper {position:relative;inset:auto;align-items:flex-end;min-height:130px;}
}

.yoovoy-trailer-heading {
 display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 14px;
}
.yoovoy-trailer-subtitle {color:#ccc; font-size:14px; line-height:1.4;}
.yoovoy-trailer-dialog {
 width:min(960px,calc(100% - 32px)); max-height:calc(100% - 32px);
 margin:auto; padding:16px; border:1px solid #555; color:#fff; background:#111;
}
.yoovoy-trailer-dialog::backdrop {background:rgba(0,0,0,.88);}
.yoovoy-trailer-dialog header {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px;}
.yoovoy-trailer-dialog h2 {margin:0; font:600 clamp(15px,3vw,21px)/1.3 Inter,sans-serif;}
.yoovoy-trailer-dialog h2 span {display:block; margin-top:3px;}
.yoovoy-trailer-dialog button {padding:8px 12px; background:#fff; color:#111; border-radius:20px; white-space:nowrap;}
.yoovoy-trailer-dialog video {display:block; width:100%; max-height:70vh; background:#000;}