/* Device treatment, outside the media: no notch overlays or cropped captions. */
.nowrap{white-space:nowrap}
.phone{--device-width:292px;position:relative;display:block;width:var(--device-width);max-width:100%;padding:8px;border:2px solid #9b9c98;border-radius:44px;background:linear-gradient(115deg,#b7b8b4,#363d3f 10%,#0a0d0e 38%,#6a7474 78%,#bac0ba);box-shadow:0 0 0 1px #000,0 30px 65px #0008,inset 0 0 0 2px #282e2f;isolation:isolate}
.phone:before,.phone:after{content:'';position:absolute;background:linear-gradient(90deg,#a1aba6,#363d40);border:1px solid #263033;border-radius:3px;width:4px;pointer-events:none}
.phone:before{left:-5px;top:92px;height:32px;box-shadow:0 43px 0 #77837f}
.phone:after{right:-5px;top:117px;height:55px}
.phone-screen{display:flex;flex-direction:column;overflow:hidden;border:1px solid #06090a;border-radius:34px;background:#030506}
.phone-top{height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;position:relative;background:#030506;pointer-events:none}
.phone-island{width:82px;height:20px;border-radius:15px;background:#000;border:1px solid #171d20;box-shadow:inset 0 -1px 0 #1b2225;position:relative}
.phone-island:after{content:'';position:absolute;right:9px;top:5px;width:7px;height:7px;background:radial-gradient(circle,#2e434f,#070d14 60%);border-radius:50%;box-shadow:0 0 0 1px #162127}
.phone-bottom{height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#030506}
.phone-bottom span{display:block;width:32%;height:4px;border-radius:4px;background:#aab1af;opacity:.8}
.phone .phone-video,.phone .phone-poster{display:block;width:100%;height:auto;max-width:none;aspect-ratio:9/16;object-fit:contain;object-position:center;border:0;border-radius:0;background:#030506;box-shadow:none;margin:0;opacity:1;position:relative;z-index:1}
.screen-stage{min-height:655px;padding:35px 22px;align-items:center;overflow:visible}
.screen-stage .player-device{position:relative;z-index:2;flex:0 0 auto;align-self:center}
.screen-stage:before,.screen-stage:after{pointer-events:none}
.back-film{top:153px;width:166px;height:auto;padding:0;border:0;border-radius:0;background:none;overflow:visible;opacity:.58;box-shadow:none;transition:opacity .2s,transform .2s}
.back-film .phone{--device-width:166px;padding:5px;border-radius:28px;pointer-events:none;box-shadow:0 22px 35px #0007}
.back-film .phone-screen{border-radius:21px}.back-film .phone-top{height:20px;flex-basis:20px}.back-film .phone-bottom{height:16px;flex-basis:16px}.back-film .phone-island{width:50px;height:12px}.back-film .phone-island:after{width:4px;height:4px;top:3px;right:6px}
.back-film .phone-poster{height:auto;width:100%;aspect-ratio:9/16;object-fit:contain}.back-film .phone:before{top:60px;height:22px;box-shadow:0 28px 0 #77837f}.back-film .phone:after{top:83px;height:34px}
.back-prev{left:12%;transform:rotate(-11deg) translateY(8px)}.back-next{right:12%;transform:rotate(11deg) translateY(8px)}.back-film:hover{opacity:.92}
.film-rail{gap:18px;align-items:flex-start;padding:12px 6px 18px}
.film-thumb{flex:0 0 151px;min-height:0;padding:0;border:0;background:transparent;border-radius:0;overflow:visible;box-shadow:none;text-align:left;color:var(--muted)}
.film-thumb .phone{--device-width:145px;padding:4px;border-radius:24px;border-width:1px;box-shadow:0 14px 24px #0004;transition:transform .2s,border-color .2s}
.film-thumb .phone-screen{border-radius:18px}.film-thumb .phone-top{height:18px;flex-basis:18px}.film-thumb .phone-bottom{height:15px;flex-basis:15px}.film-thumb .phone-bottom span{height:2px}.film-thumb .phone-island{width:45px;height:11px}.film-thumb .phone-island:after{width:3px;height:3px;top:3px;right:6px}
.film-thumb .phone:before{width:3px;left:-3px;top:50px;height:19px;box-shadow:0 25px 0 #77837f}.film-thumb .phone:after{width:3px;right:-3px;top:74px;height:27px}
.film-thumb .phone-poster{height:auto;aspect-ratio:9/16;object-fit:contain;opacity:.74}
.film-thumb .thumb-n{position:static;display:block;background:none;padding:13px 0 0;color:var(--accent);font-size:8px;line-height:1.5}
.film-thumb .thumb-title{font-size:10px;line-height:1.45;min-height:0;padding:5px 0 9px}
.film-thumb[aria-pressed=true]{border:0;box-shadow:none;color:var(--ink)}.film-thumb[aria-pressed=true] .phone{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 15px 25px #0005}.film-thumb[aria-pressed=true] .phone-poster,.film-thumb:hover .phone-poster{opacity:1}.film-thumb:hover .phone{transform:translateY(-4px)}
.detail-layout .screen-stage{min-height:655px;padding:35px 22px}.detail-layout .player-device{--device-width:300px}
.category-card .card-device{--device-width:242px;margin:0 auto}.category-card .phone-poster{height:auto;aspect-ratio:9/16;object-fit:contain}.category-card h2{font-size:25px}
.gallery-share{margin-top:17px;width:100%}.gallery-share button{font-size:11px}.gallery-share .share-status{font-size:11px;line-height:1.6;min-height:0}.gallery-share input{margin-top:9px}
.detail-copy .execution-line{font-size:12px;line-height:1.7;color:var(--accent);margin-bottom:18px}.detail-title .eyebrow{max-width:1000px}
@media(max-width:1050px){.screen-stage .player-device{--device-width:265px}.back-film{width:134px;top:162px}.back-film .phone{--device-width:134px}.back-prev{left:8%}.back-next{right:8%}}
@media(max-width:700px){.screen-stage,.detail-layout .screen-stage{min-height:555px;padding:31px 18px}.screen-stage .player-device,.detail-layout .player-device{--device-width:248px}.phone{border-radius:37px;padding:7px}.phone-screen{border-radius:28px}.phone-top{height:29px;flex-basis:29px}.phone-bottom{height:23px;flex-basis:23px}.phone-island{height:18px;width:72px}.phone-island:after{top:4px}.back-film{width:105px;top:160px}.back-film .phone{--device-width:105px;padding:3px;border-radius:20px;border-width:1px}.back-film .phone-screen{border-radius:15px}.back-film .phone-top{height:14px;flex-basis:14px}.back-film .phone-bottom{height:11px;flex-basis:11px}.back-film .phone-island{width:32px;height:8px}.back-film .phone-island:after{display:none}.back-prev{left:3%}.back-next{right:3%}.film-rail{gap:16px}.film-thumb{flex-basis:113px}.film-thumb .phone{--device-width:109px;padding:3px;border-radius:19px}.film-thumb .phone-screen{border-radius:14px}.film-thumb .phone-top{height:14px;flex-basis:14px}.film-thumb .phone-bottom{height:11px;flex-basis:11px}.film-thumb .phone-island{width:33px;height:8px}.film-thumb .phone-island:after{display:none}.film-thumb .thumb-title{font-size:9px;padding-top:4px}.category-card .card-device{--device-width:250px}.screen-copy h3{font-size:32px}.gallery-share .share-status{font-size:12px}}
@media(max-width:360px){.screen-stage .player-device,.detail-layout .player-device{--device-width:222px}.screen-stage,.detail-layout .screen-stage{min-height:500px;padding:28px 12px}.back-prev{left:1%}.back-next{right:1%}.back-film{top:143px}.screen-copy h3{font-size:29px}.category-card .card-device{--device-width:235px}}
@media(prefers-reduced-motion:reduce){.film-thumb:hover .phone{transform:none}}
