/* A media-first project dossier, inside the existing Darukai site. */
.u-title-page{--title-accent:#e63d5b}
.u-title-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}
.u-title-breadcrumb .u-project-back{margin:0}
.u-title-breadcrumb>span{font-size:8px;letter-spacing:.19em;color:#77869c}
.u-title-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:25px}
.u-title-name{min-width:0}
.u-title-name>.u-kicker{font-size:8px;letter-spacing:.18em;color:#9cabc1;margin-bottom:12px}
.u-title-name h1{font:600 clamp(38px,4vw,60px)/1.04 var(--display);letter-spacing:-.005em;margin:0 0 15px;text-wrap:balance}
.u-title-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:#a5b2c5;font-size:11px;line-height:1.5}
.u-title-facts>span+span:before{content:"·";color:#6e7d93;margin-right:12px}
.u-mobile-title-poster{display:none}
.u-imdb-link{display:flex;align-items:center;gap:12px;flex-shrink:0;border:1px solid #ffffff22;border-radius:12px;background:#ffffff04;padding:14px 16px;color:#eef1f8;transition:border-color .2s,background .2s}
.u-imdb-mark{display:grid;place-items:center;background:#f5c518;color:#101112;font:800 17px/1 Arial,sans-serif;letter-spacing:-.7px;width:49px;height:27px;border-radius:4px}
.u-imdb-link strong{display:block;font-size:12px;font-weight:600}
.u-imdb-link small{display:block;font-size:9px;color:#8f9eb3;margin-top:5px}
.u-imdb-arrow{font-size:20px;margin-left:7px;color:#a5b1c4}
.u-imdb-link:hover,.u-imdb-link:focus-visible{border-color:#f5c51896;background:#f5c5180b;outline:2px solid transparent}
.u-title-nav{display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff14;padding:17px 0;margin-bottom:5px;overflow:auto;scrollbar-width:none}
.u-title-nav a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;font-weight:600;color:#b5c1d3;padding:4px 0;transition:color .2s}
.u-title-nav a>span{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:4px;background:#ffffff0b;font-size:8px;color:#9aaac0}
.u-title-nav a:hover,.u-title-nav a:focus-visible{color:#fff}
.u-title-media{display:grid;grid-template-columns:minmax(0,.3164fr) minmax(0,1fr);gap:16px;align-items:start;scroll-margin-top:105px}
.u-title-poster-button{display:block;position:relative;border:0;background:none;padding:0;width:100%;color:#fff;text-align:left;border-radius:17px}
.u-title-poster-button>.u-poster-art{border-radius:17px;box-shadow:0 12px 28px #0005;transition:border-color .2s,box-shadow .2s}
.u-title-poster-button:hover>.u-poster-art,.u-title-poster-button:focus-visible>.u-poster-art{border-color:#fff;box-shadow:0 0 0 2px #fff}
.u-poster-expand{position:absolute;z-index:3;bottom:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:20px 13px 12px;border-radius:0 0 17px 17px;background:linear-gradient(transparent,#030710b5);font-size:8px;opacity:0;transition:opacity .2s}
.u-poster-expand>.icon{width:14px;height:14px}
.u-title-poster-button:hover .u-poster-expand,.u-title-poster-button:focus-visible .u-poster-expand{opacity:1}
.u-title-screen{min-width:0}
.u-title-screen>.u-embedded-stage{border-radius:17px;box-shadow:0 12px 28px #0004}
.u-title-screen .u-watch-cover>img{filter:brightness(.85)}
.u-title-screen .u-watch-cover:after{background:linear-gradient(0deg,#020611d4,transparent 65%)}
.u-title-screen .u-watch-cover-copy{justify-content:flex-end;align-items:flex-start;flex-direction:row;gap:16px;text-align:left;padding:27px;inset:auto 0 0}
.u-title-screen .u-watch-play{width:56px;height:56px;margin:0;flex-shrink:0;background:#ffffff12;align-self:center}
.u-title-screen .u-watch-play>.icon{width:21px;height:21px}
.u-watch-cover-caption{display:flex;flex:1;flex-direction:column;gap:5px;align-self:center}
.u-title-screen .u-watch-cover-caption>small{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin:0;color:#c4cddd}
.u-title-screen .u-watch-cover-caption>strong{font:600 27px/1.15 var(--display);letter-spacing:.01em}
.u-screen-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 3px 0;min-height:55px}
.u-screen-caption .u-kicker{font-size:7px;color:#8090a8;letter-spacing:.12em;margin-bottom:4px}
.u-screen-caption h2{font:500 12px/1.5 var(--body);color:#d4dce8;margin:0}
.u-screen-youtube{display:flex;align-items:center;gap:6px;font-size:9px;color:#a8b6c9;white-space:nowrap}
.u-screen-youtube>.icon{width:16px;height:16px}
.u-screen-youtube:hover{color:#fff}
.u-title-screen .u-primary-return{margin-top:12px;font-size:11px}
.u-title-screen .u-primary-return button{font-size:11px}
.u-title-about{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,1fr);gap:45px;padding:30px 0 12px;margin-top:8px;scroll-margin-top:110px}
.u-title-genres{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.u-title-genres span{border:1px solid #ffffff2b;border-radius:30px;padding:7px 12px;font-size:10px;color:#c4cfdf;line-height:1.1}
.u-title-synopsis h2{font:600 25px/1.15 var(--display);margin:0 0 12px;letter-spacing:.01em}
.u-title-synopsis p{font-size:12px;line-height:1.85;color:#a7b5ca;margin:0;max-width:640px}
.u-title-credits{margin:0}
.u-title-credits>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;padding:17px 0;border-bottom:1px solid #ffffff17;align-items:center}
.u-title-credits>div:first-child{padding-top:6px}
.u-title-credits dt{font-size:10px;color:#7e8da5}
.u-title-credits dd{margin:0;font-size:11px;color:#d9e1ed;line-height:1.5}
.u-title-credits dd>a{display:flex;align-items:center;justify-content:space-between;gap:15px}
.u-title-credits dd .icon{width:12px;height:12px;color:#8698b3}
.u-project-status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 8px 1px 0;background:#d6dfed}
.u-project-status-dot.making{background:#ebbd71}
.u-title-page .u-project-media,.u-title-page .u-related{margin-top:34px;padding-top:28px}
.u-section-count{font-size:10px;color:#8695ac;white-space:nowrap;padding-bottom:4px}
.u-title-announcement{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;border-radius:17px;border:1px solid #ffffff25;background:radial-gradient(ellipse at center,#143d2e66,transparent 75%),#030907;padding:25px}
/* Keep the original logo crop intact, even when the announcement is narrow. */
.u-title-announcement{width:100%;min-width:0;min-height:310px}
.u-title-announcement>.u-studio-logo{width:145px;margin-bottom:18px;flex-shrink:0}
.u-announcement-title{width:92%;mix-blend-mode:screen;height:auto}
.u-title-announcement>strong{font:400 23px/1.2 var(--body);letter-spacing:.4em;color:#dae7df;margin:10px 0 17px;padding-left:.4em}
.u-title-announcement>span:last-child{font-size:7px;color:#93a89a;letter-spacing:.18em}
.u-title-announcement>.u-doomsday-orbit{top:-60%;left:50%;transform:translateX(-50%);width:90%;height:auto;aspect-ratio:1}
.u-poster-lightbox{width:min(95vw,720px);max-width:95vw;max-height:96dvh;padding:17px 22px 24px;border-radius:20px;border:1px solid #ffffff30;background:#0a101bed;color:#fff;overflow:auto}
.u-poster-lightbox::backdrop{background:#02050aed;backdrop-filter:blur(12px)}
.u-poster-lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;font-size:13px}
.u-poster-lightbox-top .u-close{width:38px;height:38px;flex-shrink:0}
.u-poster-lightbox-art .u-poster-art{width:auto;height:min(76dvh,840px);max-width:100%;margin-inline:auto}
@media(min-width:1600px){.u-title-name h1{font-size:66px}.u-title-about{gap:70px}.u-title-synopsis p{font-size:14px}}
@media(max-width:1100px) and (min-width:651px){.u-title-heading{gap:20px}.u-title-name h1{font-size:42px}.u-imdb-link{padding:11px;gap:9px}.u-imdb-arrow{display:none}.u-title-about{gap:28px;grid-template-columns:minmax(0,1.2fr) minmax(215px,1fr)}.u-title-credits>div{grid-template-columns:72px 1fr}.u-title-screen .u-watch-cover-copy{padding:19px}}
@media(max-width:650px){
 .u-title-page{display:flex;flex-direction:column}
 .u-title-breadcrumb{order:0;margin:0 0 22px}
 .u-title-breadcrumb>span{font-size:6px;letter-spacing:.13em}
 .u-title-breadcrumb .u-project-back{font-size:10px}
 .u-title-heading{order:1;display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px 18px;align-items:start;margin-bottom:24px}
 .u-mobile-title-poster{display:block;grid-row:1 / 3}
 .u-mobile-title-poster .u-poster-art{border-radius:10px}
 .u-mobile-title-poster .u-poster-expand{display:none}
 .u-title-name{padding-top:3px}
 .u-title-name>.u-kicker{font-size:6px;line-height:1.5;letter-spacing:.11em;margin-bottom:8px}
 .u-title-name h1{font-size:31px;line-height:1.04;margin-bottom:10px;text-wrap:balance}
 .u-title-facts{font-size:10px;gap:4px 6px}
 .u-title-facts>span+span:before{margin-right:6px}
 .u-imdb-link{grid-column:2;justify-self:start;gap:8px;padding:0;border:0;background:none;border-radius:4px;align-self:end;min-height:40px}
 .u-imdb-mark{width:42px;height:23px;font-size:15px}
 .u-imdb-link strong{font-size:10px}
 .u-imdb-link small{display:none}
 .u-imdb-arrow{font-size:15px;margin-left:0}
 .u-title-media{order:2;display:block;scroll-margin-top:110px}
 .u-desktop-title-poster{display:none}
 .u-title-screen>.u-embedded-stage{border-radius:14px}
 .u-title-screen .u-watch-cover-copy{padding:17px;gap:12px}
 .u-title-screen .u-watch-play{width:42px;height:42px}
 .u-title-screen .u-watch-play>.icon{width:16px;height:16px}
 .u-title-screen .u-watch-cover-caption>small{font-size:7px;letter-spacing:.08em}
 .u-title-screen .u-watch-cover-caption>strong{font-size:23px}
 .u-screen-caption{padding-top:11px;gap:12px;min-height:48px}
 .u-screen-caption .u-kicker{font-size:6px;margin-bottom:3px}
 .u-screen-caption h2{font-size:10px}
 .u-screen-youtube{font-size:8px}
 .u-screen-youtube>.icon{width:14px;height:14px}
 .u-title-nav{order:3;gap:20px;margin:23px 0 0;padding:15px 0;border-bottom:1px solid #ffffff14}
 .u-title-nav a{font-size:11px;min-height:32px}
 .u-title-nav a>span{font-size:7px;min-width:15px;height:15px}
 .u-title-about{order:4;grid-template-columns:1fr;gap:24px;padding:25px 0 0;margin:0}
 .u-title-genres{margin-bottom:17px;gap:7px}
 .u-title-genres span{font-size:9px;padding:6px 10px}
 .u-title-synopsis h2{font-size:26px;max-width:320px}
 .u-title-synopsis p{font-size:13px;line-height:1.8}
 .u-title-credits>div{padding:14px 0;grid-template-columns:90px 1fr}
 .u-title-credits dt{font-size:11px}
 .u-title-credits dd{font-size:12px}
 .u-title-page .u-project-media{order:5;margin-top:28px;padding-top:25px}
 .u-title-page .u-related{order:6}
 .u-section-count{font-size:9px}
 .u-title-announcement{aspect-ratio:4/3;min-height:280px;padding:20px 7px;border-radius:14px}
 .u-title-announcement>.u-studio-logo{width:115px;margin-bottom:25px}
 .u-announcement-title{width:110%;max-width:none}
 .u-title-announcement>strong{font-size:19px;margin:20px 0 13px}
 .u-title-announcement>span:last-child{font-size:6px}
 .u-poster-lightbox{padding:14px 14px 20px;width:93vw;border-radius:16px}
 .u-poster-lightbox-top{font-size:11px;gap:12px}
 .u-poster-lightbox-art .u-poster-art{height:auto;width:min(100%,39dvh);aspect-ratio:9/16}
}
@media(prefers-reduced-motion:reduce){.u-title-poster-button>.u-poster-art,.u-poster-expand,.u-imdb-link{transition:none}}