/* Project premieres extend the approved Darukai collection. */
.u-button-light{background:#f3f5f8;border-color:#f3f5f8;color:#10141d}
.u-button-light:hover{background:#fff;color:#10141d}
.u-button-ghost{background:#ffffff09;border-color:#ffffff36;color:#fff;backdrop-filter:blur(12px)}
.u-button-ghost:hover{background:#ffffff1c}
.u-button .icon{width:17px;height:17px}

/* Each native scroll-snap slide keeps its film and title artwork together. */
.u-showreel{--reel-radius:25px;position:relative;isolation:isolate;overflow:hidden;clip-path:inset(0 round var(--reel-radius));min-height:480px;height:clamp(450px,40vw,620px);border-radius:var(--reel-radius);border:0;background:#090d14;margin:0 0 35px}
/* Keep native subpixel scroll rounding behind the hero's single outer clip. */
.u-reel-viewport{position:absolute;inset:0 -2px;z-index:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;overflow-anchor:none;scrollbar-width:none;touch-action:auto}
.u-reel-viewport::-webkit-scrollbar{display:none}
.u-reel-viewport.is-dragging{scroll-snap-type:none;cursor:grabbing}
.u-reel-slide{position:relative;isolation:isolate;flex:0 0 100%;min-width:0;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#090d14}
.u-reel-first-frame,.u-reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.u-reel-first-frame{z-index:0}
/* Keep the real opening frame visible until the decoder presents a frame. */
.u-reel-video{z-index:1;opacity:0}
.u-reel-video[data-frame-ready]{opacity:1}
.u-reel-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#060b13e8,#09111d94 45%,#0b101f12 80%),linear-gradient(0deg,#080d19ef 0%,transparent 35%,#050a1233)}
.u-reel-copy{position:relative;z-index:1;pointer-events:none;padding:42px;max-width:630px}
.u-reel-copy>.u-studio-logo{width:180px;margin-bottom:38px}
.u-reel-copy>.u-kicker{color:#d5dcea;font-size:9px;margin-bottom:13px}
.u-reel-copy h1{font:700 clamp(49px,5.3vw,82px)/.94 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 17px}
.u-reel-copy h1 em{font-style:normal;color:#c3cede}
.u-reel-copy p{font-size:14px;color:#d1d8e4;margin-bottom:24px}
.u-reel-bottom{position:absolute;bottom:27px;left:42px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.u-reel-info .u-kicker{font-size:8px;color:#8f9db3;margin-bottom:5px}
.u-reel-info strong{font:500 11px var(--body);color:#e5eaf2}
.u-reel-controls{display:flex;align-items:center;gap:9px}
.u-reel-chapters{display:flex;gap:5px;margin-right:10px}
.u-reel-chapters button{width:34px;height:42px;padding:18px 2px;background:none;border:0;position:relative}
.u-reel-chapters button:before,.u-reel-chapters button>span{position:absolute;left:2px;right:2px;top:19px;height:3px;border-radius:3px;content:"";background:#ffffff42}
.u-reel-chapters button>span{background:#fff;transform:scaleX(0);transform-origin:left;transition:transform .15s linear}
.u-reel-chapters button[aria-pressed=true]>span{transform:scaleX(var(--reel-progress,.05))}
.u-reel-control{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:1px solid #ffffff45;border-radius:50%;background:#080d1460;color:#fff;backdrop-filter:blur(12px);font-size:13px}
.u-reel-control:hover{background:#ffffff24;border-color:#fff}
.u-reel-control .icon{width:16px;height:16px}
.u-reel-control[data-reel-sound][aria-pressed=false]:after{position:absolute;content:"";height:20px;width:1.4px;background:currentColor;transform:rotate(-43deg);box-shadow:0 0 0 2px #111925}
.u-reel-failure{font-size:11px;color:#d4dce8;margin-top:8px}

/* The announcement is type-led, with the existing studio signature. */
.u-doomsday{background:radial-gradient(ellipse at 50% 52%,#17372b80,transparent 62%),#030807}
.u-doomsday:before{border-color:#9eb9aa16}
.u-doomsday-wordmark{display:block;width:112%;max-width:none;height:auto;mix-blend-mode:screen;position:relative;margin-top:-5%;filter:drop-shadow(0 7px 22px #000b)}
.u-doomsday .u-doom-year{position:absolute;bottom:27%;margin:0;font-size:15px;letter-spacing:.34em}
.u-doomsday .u-doom-bottom{font-size:5px;bottom:11%}
.u-doomsday>.u-studio-logo{width:42%;left:29%;top:12%}

.u-project-back{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:600;color:#bac5d6;margin:0 0 22px}
.u-project-back>span{font-size:22px;line-height:1}
.u-project-back:hover{color:#fff}
.u-project-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 225px;align-items:center;gap:38px;overflow:hidden;border:1px solid #ffffff25;border-radius:25px;min-height:485px;padding:42px;background:#101923}
.u-project-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3;filter:saturate(.8)}
.u-project-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080e17f5,#080e17ce 48%,#070c1380),linear-gradient(0deg,#080e17cc,transparent)}
.u-project-intro{min-width:0}
.u-project-intro>.u-studio-logo{width:165px;margin-bottom:35px;opacity:.85}
.u-project-intro>.u-kicker{font-size:9px;color:#b5c5d8;margin-bottom:14px}
.u-project-intro h1{font:700 clamp(42px,4.7vw,69px)/.97 var(--display);text-transform:uppercase;margin:0 0 21px;max-width:650px;letter-spacing:-.015em;text-wrap:balance}
.u-project-intro>p{max-width:380px;color:#bdc8d8;font-size:14px;line-height:1.75;margin-bottom:19px}
.u-project-meta{display:flex;flex-wrap:wrap;gap:7px 15px;color:#a0aec2;font-size:10px;line-height:1.6}
.u-project-meta span:first-child{color:#dde3ec;letter-spacing:.1em;font-size:9px}
.u-project-meta span+span{border-left:1px solid #ffffff30;padding-left:15px}
.u-project-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.u-project-poster{width:100%;max-width:245px;justify-self:end;transform:rotate(2deg)}
.u-project-poster .u-poster-art{border-color:#ffffff40;box-shadow:0 24px 55px #0009}
.u-project-sections{display:flex;gap:28px;overflow:auto;scrollbar-width:none;border-bottom:1px solid #ffffff1c;padding:0 3px;margin:0 0 40px}
.u-project-sections a{position:relative;padding:22px 0;white-space:nowrap;font-size:12px;color:#9caac0}
.u-project-sections a:hover,.u-project-sections a:focus-visible{color:#fff}
.u-project-sections a:first-child{color:#fff}
.u-project-sections a:first-child:after{content:"";height:2px;background:#ed3955;position:absolute;bottom:0;left:0;right:0}
.u-project-about{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-bottom:45px;scroll-margin-top:110px}
.u-project-about h2{font:600 34px/1.1 var(--display);max-width:350px;margin-top:10px;text-wrap:balance}
.u-project-about p{font-size:13px;line-height:1.9;color:#aebad0;margin:0}
.u-project-watch,.u-project-media,.u-related{margin-top:45px;padding-top:30px;border-top:1px solid #ffffff1a;scroll-margin-top:115px}
.u-project-watch h2{font-size:32px}
.u-project-watch .u-section-heading{align-items:center}
.u-project-watch .u-section-heading>.u-text-link{font-size:11px;color:#aab8ce}
.u-embedded-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:20px;border:1px solid #ffffff26;box-shadow:0 16px 40px #0003}
.u-embedded-stage iframe{display:block;border:0;width:100%;height:100%}
.u-embedded-stage.is-portrait{aspect-ratio:9/16;width:min(100%,340px);margin-inline:auto}
.u-watch-cover{display:block;position:relative;width:100%;height:100%;border:0;background:#090c14;color:#fff;padding:0}
.u-watch-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62);transition:filter .35s,transform .5s}
.u-watch-cover:hover>img{filter:brightness(.78);transform:scale(1.025)}
.u-watch-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#030710c9)}
.u-watch-cover-copy{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.u-watch-play{display:grid;place-items:center;width:70px;height:70px;border:1px solid #ffffffbb;border-radius:50%;background:#ffffff1d;backdrop-filter:blur(10px);margin-bottom:19px;transition:background .2s,transform .2s}
.u-watch-play>.icon{width:25px;height:25px;margin-left:3px}
.u-watch-cover:hover .u-watch-play{background:#ffffff35;transform:scale(1.06)}
.u-watch-cover strong{font-size:17px;letter-spacing:.01em}
.u-watch-cover small{color:#d7dfec;font-size:11px;margin-top:8px}
.u-player-note{display:none}
.u-primary-return{margin-top:18px}
.u-primary-return button{border:0;background:none;color:#b8c6db;padding:7px 0}
.u-project-media h2,.u-related h2{font-size:34px}
.u-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}
.u-media-card{display:block;position:relative;min-width:0;width:100%;text-align:left;color:#fff;border:1px solid #ffffff24;border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#18212f,#0d1420);padding:0;box-shadow:0 10px 28px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}
.u-media-card:only-child{max-width:620px}
.u-media-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#0d131e}
.u-media-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070d1955,transparent 50%,#060b1480);pointer-events:none}
.u-media-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}
.u-media-portrait .u-media-image{position:relative;object-fit:contain}
.u-media-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px) brightness(.4);transform:scale(1.15)}
.u-media-badge{position:absolute;z-index:2;left:16px;top:16px;max-width:calc(100% - 90px);border:1px solid #ffffff40;border-radius:5px;padding:7px 9px;font:600 9px/1.2 var(--body);letter-spacing:.11em;text-transform:uppercase;background:#0c1328b8;backdrop-filter:blur(12px);color:#f3f5f9}
.u-media-teaser .u-media-badge{background:#edf0f4;color:#101620;border-color:#fff;box-shadow:0 3px 12px #0002}
.u-media-play{position:absolute;z-index:2;display:grid;place-items:center;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border:1px solid #ffffffb3;border-radius:50%;background:#0c142d66;backdrop-filter:blur(12px);box-shadow:0 6px 24px #0004;transition:background .2s,color .2s,box-shadow .2s}
.u-media-play .icon{width:20px;height:20px;margin-left:3px}
.u-media-duration{position:absolute;z-index:2;right:16px;top:16px;font:500 10px/1.2 var(--body);font-variant-numeric:tabular-nums;letter-spacing:.02em;background:#080e1bc9;backdrop-filter:blur(10px);padding:7px 8px;border:1px solid #ffffff30;border-radius:5px}
.u-media-duration:empty{display:none}
.u-media-body{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-height:120px;padding:21px 22px 20px;border-top:1px solid #ffffff13}
.u-media-body>strong{font:600 18px/1.35 var(--body);letter-spacing:-.02em;text-wrap:balance}
.u-media-action{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto;color:#bac8db;font:600 10px/1.3 var(--body);letter-spacing:.07em;text-transform:uppercase}
.u-media-action>.icon{width:14px;height:14px;color:#e7eef9}
.u-media-selected{display:none}
.u-media-card:hover,.u-media-card:focus-visible{border-color:#ffffffbc;transform:translateY(-5px);box-shadow:0 18px 40px #0006,0 0 0 1px #ffffff45;outline:none}
.u-media-card:hover .u-media-image{transform:scale(1.035);filter:brightness(1.08)}
.u-media-card:hover .u-media-play,.u-media-card:focus-visible .u-media-play{background:#fff;color:#0a101b;box-shadow:0 5px 25px #0004}
.u-media-card:hover .u-media-action,.u-media-card:focus-visible .u-media-action{color:#fff}
.u-media-card[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 1px #ffffff70}
.u-media-card[aria-pressed=true] .u-media-idle{display:none}
.u-media-card[aria-pressed=true] .u-media-selected{display:inline}
.u-media-card[aria-pressed=true] .u-media-action{color:#fff}
.u-trailers-section .u-section-heading{margin-bottom:25px}
.u-production-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.u-production-still{margin:0;min-width:0}
.u-production-still>a{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:14px;border:1px solid #ffffff22}
.u-production-still img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.u-production-still a:hover img{transform:scale(1.03)}
.u-production-still figcaption{padding-top:15px}
.u-production-still strong{display:block;font-size:13px}
.u-production-still span{display:block;color:#8f9eb5;font-size:11px;line-height:1.8;margin-top:6px}
.u-related .u-poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;max-width:850px}
.u-related .u-text-link{font-size:11px}
.u-doomsday-hero{position:relative;isolation:isolate;min-height:495px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:25px;border:1px solid #768d7e30;background:radial-gradient(ellipse at 50% 53%,#113a2455,transparent 70%),#020604;padding:45px 25px}
.u-doomsday-hero>.u-studio-logo{width:175px;margin-bottom:25px}
.u-doomsday-hero h1{width:min(100%,800px);margin:0}
.u-doomsday-hero h1 img{width:100%;height:auto;mix-blend-mode:screen}
.u-doomsday-orbit{position:absolute;z-index:-1;width:650px;height:650px;top:-60px;border:1px solid #6895781c;border-radius:50%;box-shadow:0 0 70px #3e8e5220,inset 0 0 80px #3e8e5210}
.u-doomsday-release{display:block;margin-top:13px;color:#d0ddd4;font:400 24px var(--body);letter-spacing:.45em;padding-left:.45em}
.u-doomsday-hero>p{font-size:12px;color:#a1b6a7;margin-top:20px}
.u-doomsday-hero>.u-kicker{font-size:8px;color:#708f7a;margin-top:12px}
.u-announcement{padding:50px 20px;text-align:center;background:radial-gradient(ellipse at center,#162a2338,transparent 75%);border-block:1px solid #ffffff15}
.u-announcement h2{font:600 42px var(--display);margin:10px 0}
.u-announcement p{font-size:13px;color:#9fadc1;line-height:1.8}
.u-announcement .u-text-link{margin-top:23px}

@media(min-width:1600px){.u-project-hero{grid-template-columns:minmax(0,1fr) 265px;padding:50px}.u-project-poster{max-width:265px}.u-project-intro h1{font-size:78px}}
@media(max-width:1200px){.u-project-hero{grid-template-columns:minmax(0,1fr) 185px;gap:25px;padding:30px}.u-project-intro h1{font-size:48px}.u-project-intro>.u-studio-logo{margin-bottom:26px}.u-reel-copy{padding:34px}.u-reel-bottom{left:34px;right:26px}}
@media(max-width:1000px){.u-showreel{height:510px}.u-project-hero{grid-template-columns:minmax(0,1fr) 225px}.u-project-intro h1{font-size:60px}.u-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .u-showreel{--reel-radius:20px;min-height:490px;height:490px;margin-bottom:26px}
 .u-reel-video{object-position:58% center}
 .u-reel-shade{background:linear-gradient(0deg,#080d19f2,transparent 75%),linear-gradient(90deg,#080e17a8,#080e1726)}
 .u-reel-copy{padding:25px 23px}
 .u-reel-copy>.u-studio-logo{width:140px;margin-bottom:65px}
 .u-reel-copy>.u-kicker{font-size:8px;margin-bottom:10px}
 .u-reel-copy h1{font-size:49px;margin-bottom:16px}
 .u-reel-copy p{font-size:12px;max-width:220px;margin-bottom:22px}
 .u-reel-copy .u-button{padding:11px 14px;font-size:11px;min-height:43px}
 .u-reel-bottom{left:23px;right:19px;bottom:19px;gap:10px;align-items:flex-end}
 .u-reel-info{max-width:145px;line-height:1.3}
 .u-reel-info strong{font-size:9px}
 .u-reel-info .u-kicker{font-size:7px}
 .u-reel-controls{gap:7px;flex-wrap:wrap;justify-content:flex-end}
 .u-reel-chapters{margin-right:0;gap:2px}
 .u-reel-chapters button{width:17px;height:34px}
 .u-reel-chapters button:before,.u-reel-chapters button>span{top:16px}
 .u-reel-control{width:32px;height:32px;font-size:11px}
 .u-reel-control .icon{width:14px;height:14px}
 .u-project-back{margin-bottom:20px;font-size:11px}
 .u-project-hero{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:26px 23px 30px;border-radius:20px}
 .u-project-intro>.u-studio-logo{width:140px;margin:4px 0 28px}
 .u-project-intro>.u-kicker{font-size:8px;max-width:190px}
 .u-project-intro h1{font-size:48px;max-width:350px;margin-bottom:15px}
 .u-project-intro>p{font-size:12px;max-width:280px}
 .u-project-poster{width:98px;position:absolute;top:25px;right:22px;opacity:.18;z-index:-1;transform:rotate(7deg)}
 .u-project-intro>.u-kicker{margin-top:10px}
 .u-project-shade{background:linear-gradient(0deg,#080e17f2,#080e179e),linear-gradient(90deg,#080e17bd,transparent)}
 .u-project-backdrop{object-position:63% center}
 .u-project-actions{margin-top:23px;gap:9px}
 .u-project-actions .u-button{font-size:11px;gap:8px;padding:11px 15px;min-height:43px}
 .u-project-meta{font-size:9px;gap:7px 10px}
 .u-project-meta span:first-child{font-size:8px}
 .u-project-meta span+span{padding-left:10px}
 .u-project-sections{gap:23px;margin-bottom:28px}
 .u-project-sections a{font-size:10px;padding:18px 0}
 .u-project-about{grid-template-columns:1fr;gap:16px;margin-bottom:30px}
 .u-project-about h2{font-size:32px;max-width:290px}
 .u-project-about p{font-size:12px;line-height:1.9}
 .u-project-about .u-kicker{font-size:8px}
 .u-project-watch,.u-project-media,.u-related{margin-top:30px;padding-top:25px;scroll-margin-top:100px}
 .u-project-watch h2,.u-project-media h2,.u-related h2{font-size:28px}
 .u-project-watch .u-section-heading{gap:12px}
 .u-project-watch .u-section-heading>.u-text-link{font-size:9px}
 .u-project-watch .u-kicker{font-size:8px}
 .u-embedded-stage{border-radius:15px}
 .u-watch-play{width:45px;height:45px;margin-bottom:10px}
 .u-watch-play .icon{width:18px;height:18px}
 .u-watch-cover strong{font-size:13px}
 .u-watch-cover small{font-size:8px;margin-top:5px}
 .u-media-grid{grid-template-columns:1fr;gap:20px}
 .u-media-card{border-radius:16px}
 .u-media-badge{font-size:8px;left:13px;top:13px;padding:6px 8px}
 .u-media-duration{font-size:9px;right:13px;top:13px;padding:6px 7px}
 .u-media-play{width:47px;height:47px}
 .u-media-play .icon{width:18px;height:18px}
 .u-media-body{min-height:111px;padding:18px 19px;gap:17px}
 .u-media-body>strong{font-size:17px}
 .u-media-action{font-size:9px}
 .u-trailers-section .u-section-heading{margin-bottom:21px}
 .u-production-grid{grid-template-columns:1fr;gap:25px;margin-top:27px}
 .u-related .u-poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}
 .u-related .u-section-heading{gap:14px}
 .u-related .u-text-link{font-size:10px}
 .u-doomsday-hero{min-height:390px;padding:40px 5px;border-radius:20px}
 .u-doomsday-hero>.u-studio-logo{width:140px;margin-bottom:45px}
 .u-doomsday-hero h1{width:112%;max-width:none}
 .u-doomsday-release{font-size:20px;margin-top:24px}
 .u-doomsday-hero>p{font-size:10px;margin-top:20px}
 .u-doomsday-hero>.u-kicker{font-size:7px}
 .u-announcement{padding:35px 5px}
 .u-announcement h2{font-size:34px}
 .u-announcement p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.u-reel-video,.u-reel-chapters button>span,.u-watch-cover>img,.u-watch-play,.u-media-card,.u-media-image,.u-media-play,.u-production-still img{transition:none}.u-media-card:hover,.u-media-card:focus-visible,.u-media-card:hover .u-media-image{transform:none}}