.works-scene[data-project="brand"] { width:min(1380px,90%); }
.works-scene[data-project="brand"]>.works-heading { max-width:none; padding:0; display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:6px 10%; background:none; margin:20px 0 45px; }
.works-scene[data-project="brand"] .works-heading .scene-eyebrow { font-size:10px; }
.works-scene[data-project="brand"] .works-heading h1 { grid-column:1; font:42px/1.4 "Songti SC",serif; margin:0; }
.works-scene[data-project="brand"] .works-heading #worksSummary { grid-column:2; grid-row:1 / 3; max-width:410px; font-size:13px; line-height:1.9; }
.works-scene[data-project="brand"] .chapter-stamp,.works-scene[data-project="brand"] .chapter-recipe { display:none; }
.works-scene[data-screening-view="player"]>.works-heading { display:none; }
.works-scene[data-project="brand"] .reading-current { display:flex; justify-content:flex-end; align-items:center; gap:7px; white-space:nowrap; }
.works-scene[data-project="brand"] .reading-current[hidden] { display:none; }
.works-scene[data-project="brand"] .reading-current>span { overflow:hidden; text-overflow:ellipsis; }
.screening-room { position:relative; padding:0 3% 20px; }
.screening-intro { display:flex; justify-content:space-between; align-items:end; gap:30px; border-top:1px solid #bddbe8; padding-top:25px; margin-bottom:36px; }
.screening-intro p { font-size:10px; color:#6a91a3; }
.screening-intro h2 { font:28px/1.7 "Songti SC",serif; color:#a43e75; margin-top:10px; }
.screening-intro>span { font-size:10px; color:#6a91a3; padding-bottom:8px; white-space:nowrap; }
.screening-layout { min-width:0; }
.screening-reels { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; align-items:start; min-width:0; }
.screening-reel { min-width:0; text-align:left; border:0; background:none; padding:var(--reel-step) 0 0; color:#456f86; }
.reel-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; gap:10px; }
.reel-heading b { font:23px/1.2 Georgia,serif; color:#af5d8b; font-weight:400; }
.reel-heading time { font:10px Georgia,serif; }
.reel-window { display:block; position:relative; height:300px; background:#d6e8f1; padding:18px; border:1px solid #9fc5d7; border-radius:5px 2px 6px 3px; overflow:hidden; box-shadow:0 12px 18px #52778d17; transition:translate .45s,box-shadow .45s; }
.reel-window::before,.reel-window::after { content:""; position:absolute; z-index:1; top:9px; bottom:9px; width:7px; left:5px; background:repeating-linear-gradient(180deg,#f8fcff 0 9px,transparent 9px 20px); border-radius:2px; pointer-events:none; }
.reel-window::after { right:5px; left:auto; }
.reel-window img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; transition:transform .7s cubic-bezier(.2,.75,.2,1); }
.screening-reel:nth-child(2n) .reel-window { background:#efdce8; border-color:#cba2bb; }
.screening-reel:nth-child(2) .reel-window img { object-position:44% center; }
.screening-reel:nth-child(4) .reel-window img { object-position:22% center; }
.reel-open { display:grid; place-items:center; position:absolute; bottom:26px; right:25px; width:28px; height:28px; border-radius:50%; background:#f9fcffe6; color:#a43e75; font-size:20px; }
.screening-reel>strong { display:block; margin-top:18px; font:17px/1.7 "Songti SC",serif; overflow-wrap:anywhere; }
.reel-credit { display:block; font-size:10px; line-height:1.8; margin-top:7px; color:#6a8fa2; }
.screening-reel:hover .reel-window,.screening-reel:focus-visible .reel-window { translate:0 -9px; box-shadow:0 22px 28px #52778d24; }
.screening-reel:hover img { transform:scale(1.06); }
.screening-reel:focus-visible,.screening-index-back:focus-visible,.screening-sound:focus-visible,.screening-play:focus-visible { outline:2px solid #a43e75; outline-offset:5px; }
.screening-player[hidden] { display:none; }
.screening-room[data-view="player"] .screening-intro { display:none; }
.screening-room[data-view="player"] .screening-layout { display:grid; grid-template-columns:minmax(0,1fr) 215px; gap:50px; align-items:start; }
.screening-room[data-view="player"] .screening-reels { grid-column:2; grid-row:1; display:grid; grid-template-columns:1fr; gap:12px; padding-top:85px; transition:opacity .4s; }
.screening-room[data-view="player"] .screening-reel { display:grid; grid-template-columns:72px minmax(0,1fr); gap:5px 12px; align-content:start; padding:12px 0; border-bottom:1px solid #c8deea; }
.screening-room[data-view="player"] .reel-heading { grid-column:2; margin:0; gap:7px; }
.screening-room[data-view="player"] .reel-heading b { font-size:12px; }
.screening-room[data-view="player"] .reel-heading time { font-size:9px; }
.screening-room[data-view="player"] .reel-window { grid-column:1; grid-row:1 / 4; width:72px; height:78px; padding:7px; border-radius:2px; box-shadow:none; translate:none; }
.screening-room[data-view="player"] .reel-window::before,.screening-room[data-view="player"] .reel-window::after { width:3px; left:2px; top:4px; bottom:4px; background-size:auto 12px; }
.screening-room[data-view="player"] .reel-window::after { left:auto; right:2px; }
.screening-room[data-view="player"] .reel-open { display:none; }
.screening-room[data-view="player"] .screening-reel>strong { grid-column:2; margin:0; font:12px/1.6 "Songti SC",serif; }
.screening-room[data-view="player"] .reel-credit { grid-column:2; margin:0; font-size:9px; }
.screening-room[data-view="player"] .screening-reel[aria-pressed="true"] { color:#a43e75; border-color:#bd6f9e; }
.screening-room[data-view="player"] .screening-reel[aria-pressed="true"] .reel-window { box-shadow:0 0 0 2px #d19abb; }
.screening-room .screening-player { grid-column:1; grid-row:1; min-width:0; width:100%; margin:0; padding:0; border:0; }
.screening-player-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; font-size:10px; color:#7295a7; }
.screening-index-back { min-height:44px; display:inline-flex; gap:10px; align-items:center; padding:0; color:#a43e75; font-size:12px; border:0; background:none; }
.screening-title { min-height:74px; }
.screening-title .scene-eyebrow { font-size:10px; }
.screening-player .screening-title h2 { font:27px/1.5 "Songti SC",serif; margin:10px 0 0; color:#a43e75; }
.screening-title h2:focus { outline:none; }
.screening-title>time { color:#6c91a4; font:12px Georgia,serif; white-space:nowrap; padding-bottom:4px; }
.screening-player .screening-frame { position:relative; padding:18px; border:1px solid #a8cada; border-radius:4px 7px 3px 5px; display:grid; place-items:center; height:min(48svh,480px); background:#e8f1f6; overflow:hidden; isolation:isolate; }
.screening-frame::before { content:""; inset:5px 15px auto; height:5px; border:0; border-radius:0; background:repeating-linear-gradient(90deg,#f9fcff 0 12px,transparent 12px 26px); }
.screening-frame::after { content:""; position:absolute; inset:auto 15px 5px; height:5px; background:repeating-linear-gradient(90deg,#f9fcff 0 12px,transparent 12px 26px); pointer-events:none; }
.screening-player .multimedia-video { display:block; width:auto; height:auto; max-width:100%; max-height:100%; aspect-ratio:var(--film-ratio,16/9); min-height:0; background:#fff; }
.screening-play { position:absolute; z-index:2; width:58px; height:58px; border:1px solid #fff; border-radius:50%; display:grid; place-items:center; background:#f6fbffef; color:#a43e75; box-shadow:0 4px 20px #365b7326; }
.screening-play[hidden] { display:none; }
.screening-play svg { width:25px; height:25px; fill:currentColor; margin-left:3px; }
.screening-sound { min-height:36px; border:0; border-bottom:1px solid #c9a1ba; background:none; padding:3px 4px; color:#a43e75; font-size:11px; }
.screening-player .film-caption { align-items:center; margin-top:9px; }
.screening-credit { display:flex; align-items:baseline; gap:18px; border-top:1px solid #c8dfe9; padding-top:19px; margin-top:14px; }
.screening-credit>span { flex:none; color:#7998a9; font-size:10px; }
.screening-credit>p { color:#a43e75; font-size:13px; line-height:1.7; }
.screening-player .multimedia-description { font-size:13px; line-height:1.9; margin-top:12px; }
.screening-cuts { position:absolute; z-index:4; inset:18px; overflow:hidden; pointer-events:none; }
.screening-cuts[hidden] { display:none; }
.screening-cut { position:absolute; inset:0; background:#edf5fa; }
.screening-cut>img { width:100%; height:100%; object-fit:contain; }
.screening-expansion { position:fixed; z-index:32; pointer-events:none; overflow:hidden; background:#edf5fa; }
.screening-expansion>img { width:100%; height:100%; object-fit:contain; }
.screening-room.is-watching .screening-reels { opacity:.4; }
.screening-room.is-watching .screening-reels:hover,.screening-room.is-watching .screening-reels:focus-within { opacity:1; }
@media(max-width:1050px) {
 .screening-reels { gap:18px; }
 .reel-window { height:250px; padding:14px; }
 .screening-room[data-view="player"] .screening-layout { grid-template-columns:minmax(0,1fr) 180px; gap:25px; }
 .screening-room[data-view="player"] .screening-reel { grid-template-columns:56px minmax(0,1fr); gap:5px 9px; }
 .screening-room[data-view="player"] .reel-window { width:56px; height:72px; }
 .screening-reel>strong { font-size:15px; }
}
@media(max-width:740px) {
 .works-scene[data-project="brand"]>.works-heading { display:block; margin-bottom:30px; }
 .works-scene[data-project="brand"][data-screening-view="player"]>.works-heading { display:none; }
 .works-scene[data-project="brand"] .works-heading h1 { font-size:32px; margin:8px 0 16px; }
 .works-scene[data-project="brand"] .works-heading #worksSummary { font-size:12px; }
 .screening-room { padding-inline:0; }
 .screening-intro { margin-bottom:20px; gap:12px; }
 .screening-intro h2 { font-size:24px; }
 .screening-intro>span { max-width:80px; font-size:9px; white-space:normal; line-height:1.8; text-align:right; }
 .screening-reels { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 18px; }
 .screening-reel { padding-top:0; }
 .screening-reel:nth-child(2n) { padding-top:22px; }
 .reel-window { height:220px; padding:13px; }
 .reel-heading b { font-size:19px; }
 .reel-heading time { font-size:9px; }
 .screening-reel>strong { font-size:15px; margin-top:13px; }
 .screening-room[data-view="player"] .screening-layout { display:flex; flex-direction:column; gap:30px; }
 .screening-room[data-view="player"] .screening-player { order:1; }
 .screening-room[data-view="player"] .screening-reels { order:2; width:100%; padding:20px 0 0; border-top:1px solid #bcd9e7; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 20px; }
 .screening-room[data-view="player"] .screening-reel { padding-top:0; grid-template-columns:48px minmax(0,1fr); gap:4px 8px; }
 .screening-room[data-view="player"] .reel-window { width:48px; height:70px; padding:6px; }
 .screening-room[data-view="player"] .screening-reel>strong { font-size:11px; }
 .screening-room[data-view="player"] .reel-credit { display:none; }
 .screening-title { min-height:70px; }
 .screening-player .screening-title h2 { font-size:22px; }
 .screening-player .screening-frame { height:auto; aspect-ratio:16/10; padding:14px; max-height:52svh; }
 .screening-title>time { font-size:10px; }
 .screening-play { width:48px; height:48px; }
 .screening-credit { gap:12px; }
 .screening-credit>p,.screening-player .multimedia-description { font-size:12px; }
}
@media(max-height:500px) and (min-width:741px) {
 .screening-player .screening-frame { height:48svh; }
 .screening-title { min-height:50px; }
 .screening-player-top { margin-bottom:4px; }
 .screening-room[data-view="player"] .screening-reels { padding-top:45px; }
}
@media(prefers-reduced-motion:reduce) {
 .reel-window,.reel-window img,.screening-reels { transition:none!important; }
 .screening-reel:hover .reel-window,.screening-reel:focus-visible .reel-window { translate:none; }
 .screening-reel:hover img { transform:none; }
}

.screening-room.fantasy-cinema[data-view="index"] { position:relative; isolation:isolate; padding:35px 4% 45px; background:#edf2fa; border:1px solid #b7ccdd; border-radius:7px; box-shadow:inset 0 0 0 7px #faffff9c,0 15px 35px #66869d14; }
.fantasy-cinema[data-view="index"]::after { content:""; position:absolute; z-index:-1; inset:14px; border:1px dashed #b6c9dc; border-radius:4px; pointer-events:none; }
.cinema-scenery { position:absolute; inset:0; z-index:-1; overflow:hidden; border-radius:7px; pointer-events:none; }
.cinema-canopy { position:absolute; width:100%; height:100px; left:0; top:0; fill:none; stroke:#b6a1be; stroke-width:1.1; stroke-dasharray:2 5; opacity:.75; }
.cinema-thread { position:absolute; width:115px; height:115px; display:block; opacity:.8; }
.cinema-thread>:is(svg,img) { width:100%; height:100%; display:block; object-fit:contain; }
.cinema-bow { top:15px; left:2%; width:135px; height:135px; transform:rotate(-9deg); }
.cinema-hat { top:15px; right:3%; width:145px; height:130px; transform:rotate(10deg); }
.cinema-orb { bottom:5px; left:2%; width:85px; height:85px; }
.fantasy-cinema[data-view="index"] .screening-intro { display:block; text-align:center; position:relative; border:0; padding:10px 15% 24px; margin-bottom:22px; }
.fantasy-cinema .screening-intro>.stitched-flourish { display:none; }
.fantasy-cinema[data-view="index"] .screening-intro p { font:10px/1.6 Georgia,serif; color:#62728a; }
.fantasy-cinema[data-view="index"] .screening-intro>div { width:fit-content; max-width:100%; padding:5px 16px; margin:auto; background:#edf2faf5; }
.fantasy-cinema[data-view="index"] .screening-intro h2 { font:30px/1.6 "Songti SC",serif; margin:10px 0 12px; color:#a3447b; }
.fantasy-cinema[data-view="index"] .screening-intro>span:not(.stitched-flourish) { display:inline-block; border:1px dashed #bfa5bd; border-radius:3px; padding:5px 15px; background:#fff8fcbd; font-size:9px; color:#8c5a7f; }
.fantasy-cinema[data-view="index"] .screening-reels { gap:26px; padding-bottom:12px; }
.fantasy-cinema[data-view="index"] .screening-reel { position:relative; transform:rotate(var(--film-tilt,-4deg)); transition:transform .5s cubic-bezier(.16,.8,.2,1); }
.fantasy-cinema[data-view="index"] .screening-reel:nth-child(2) { --film-tilt:3deg; }
.fantasy-cinema[data-view="index"] .screening-reel:nth-child(3) { --film-tilt:-2deg; }
.fantasy-cinema[data-view="index"] .screening-reel:nth-child(4) { --film-tilt:5deg; }
.fantasy-cinema[data-view="index"] .screening-reel:is(:hover,:focus-visible) { transform:translateY(-8px) rotate(0deg); z-index:2; }
.fantasy-cinema[data-view="index"] .reel-window { height:clamp(210px,28svh,290px); padding:18px; background:#dcecf6; border-color:#a6bfce; box-shadow:5px 7px 0 #d5e0ec99,0 18px 25px #526d8b24,inset 0 0 0 4px #faffff; }
.fantasy-cinema[data-view="index"] .screening-reel:nth-child(even) .reel-window { background:#efdce9; }
.fantasy-cinema[data-view="index"] .screening-reel>strong { font-size:15px; }
.fantasy-cinema[data-view="index"] .reel-credit { font-size:10px; }
.fantasy-cinema[data-view="player"]>.cinema-scenery { display:none; }
@media(max-width:740px) {
 .screening-room.fantasy-cinema[data-view="index"] { padding:25px 18px 35px; }
 .fantasy-cinema[data-view="index"] .screening-intro { padding:9px 28px 15px; margin-bottom:17px; }
 .fantasy-cinema[data-view="index"] .screening-intro h2 { font-size:23px; }
 .fantasy-cinema[data-view="index"] .screening-intro>span:not(.stitched-flourish) { max-width:none; white-space:nowrap; text-align:center; padding:5px 11px; }
 .cinema-canopy { height:60px; }
 .cinema-bow { width:65px; height:65px; left:0; top:8px; }
 .cinema-hat { width:65px; height:65px; right:0; top:12px; }
 .cinema-orb { display:none; }
 .fantasy-cinema[data-view="index"] .screening-reels { gap:28px 17px; }
 .fantasy-cinema[data-view="index"] .reel-window { height:210px; padding:12px; }
 .fantasy-cinema[data-view="index"] .screening-reel>strong { font-size:13px; }
 .fantasy-cinema[data-view="index"] .reel-heading time { font-size:9px; padding:4px 5px; }
}
@media(prefers-reduced-motion:reduce) {
 .fantasy-cinema[data-view="index"] .screening-reel { transition:none; }
 .fantasy-cinema[data-view="index"] .screening-reel:is(:hover,:focus-visible) { transform:rotate(var(--film-tilt,-4deg)); }
}