/* Screening Room: scoped styles preserve the rest of the portfolio. */
.screen-stage{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#000;isolation:isolate}.screen-buffer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 400ms ease;pointer-events:none}.screen-buffer.is-active{opacity:1}.screen-gradient{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88));pointer-events:none}.screen-caption{position:absolute;left:32px;bottom:28px;max-width:calc(100% - 240px);pointer-events:none}.screen-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-variant-numeric:tabular-nums;color:#b4b4be;letter-spacing:1px}.screen-caption h3,.screen-mobile-caption h3{font-size:28px;font-weight:450;letter-spacing:-.035em;line-height:1.15;margin:9px 0 10px}.screen-caption p,.screen-mobile-caption p{font-size:14px;line-height:1.6;color:#babac3;margin:0 0 13px}.screen-spec{font-size:8px;font-weight:500;letter-spacing:1.8px;color:#a7b9d2}.screen-watch{position:absolute;right:28px;bottom:32px;display:flex;align-items:center;gap:10px;border:1px solid #ffffff45;background:#0d0d12d9;border-radius:30px;font-size:10px;letter-spacing:1px;padding:14px 20px;backdrop-filter:blur(12px);transition:background .2s,color .2s}.screen-watch:hover{background:#f5f5f7;color:#050507}.screen-watch>span{font-size:10px}.screen-motion{position:absolute;right:24px;top:20px;font-size:9px;color:#d1d1d8;background:#08080bb3;border:1px solid #ffffff28;border-radius:24px;padding:9px 12px}.screen-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 25px;margin-top:28px}.screen-thumb{min-width:0;display:block;text-align:left;border:0;border-bottom:1px solid transparent;padding:0 0 12px;background:none;opacity:.55;transition:opacity 400ms ease,border-color 400ms ease}.screen-thumb[aria-pressed=true],.screen-thumb:hover,.screen-thumb:focus-visible{opacity:1}.screen-thumb[aria-pressed=true]{border-bottom-color:var(--blue)}.screen-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.screen-index-label{display:flex;gap:13px;align-items:baseline;margin-top:12px;font-size:12px;line-height:1.5}
.screen-stage{scroll-margin-top:24px;max-height:calc(100svh - 48px);width:min(100%,calc((100svh - 48px)*1.77778));margin:auto}.screen-buffer.is-active{pointer-events:auto}.screen-caption{transition:opacity .2s ease;z-index:2}.screen-gradient{z-index:1}.screen-stage.is-full .screen-caption{bottom:64px}.screen-stage.is-full .screen-watch,.screen-stage.is-full .screen-motion{display:none}.screen-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff45;border-radius:50%;background:#0d0d1299;backdrop-filter:blur(12px);font-size:30px;font-weight:300;line-height:1;transition:background .2s}.screen-arrow:hover{background:#ffffff35}.screen-prev{left:16px}.screen-next{right:16px}.screen-watch,.screen-motion{z-index:3}.screen-thumb-media{display:block;position:relative;aspect-ratio:16/9;border-radius:3px;overflow:hidden}.screen-thumb-media img,.screen-thumb-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.screen-thumb-media video{opacity:0;transition:opacity .25s}.screen-thumb.is-previewing video{opacity:1}.screen-stage.is-full{cursor:auto}.screen-stage.is-full .screen-caption{max-width:calc(100% - 64px)}
@media(max-width:767px){.screen-arrow{width:32px;height:32px;font-size:25px}.screen-prev{left:8px}.screen-next{right:8px}.screen-caption{left:12px;bottom:12px;max-width:calc(100% - 130px)}.screen-caption h3{font-size:18px;margin:4px 0}.screen-caption p{font-size:10px;line-height:1.3;margin-bottom:4px}.screen-spec{font-size:7px}.screen-number{font-size:8px}.screen-watch{right:10px;bottom:12px;padding:10px;font-size:8px}.screen-motion{right:10px;top:8px;padding:6px;font-size:8px}.screen-index{gap:16px 10px}.screen-index-label{font-size:10px;gap:5px;margin-top:7px}.screen-stage.is-full .screen-caption{bottom:46px}}
@media(prefers-reduced-motion:reduce){.screen-buffer,.screen-thumb,.screen-caption,.screen-thumb-media video{transition:none}.screen-motion{display:none}}