/* Equal-sized film stills orbit a small studio signature, then reveal the site. */
.opening-screen[hidden]{display:none}
.opening-screen{position:fixed;z-index:1000;inset:0;overflow:hidden;background:#000;color:#f4f3ee;isolation:isolate;pointer-events:auto}
.opening-orbit{position:absolute;inset:0;pointer-events:none}
.opening-still{position:absolute;left:50%;top:50%;width:clamp(22px,2.2vw,36px);aspect-ratio:20/27;height:auto;object-fit:cover;opacity:0;will-change:transform,opacity;backface-visibility:hidden}
.opening-words{position:absolute;left:50%;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap;margin:0;font:400 12px/1.4 var(--font-body,Arial,sans-serif);letter-spacing:-.025em}
.opening-word{display:block;overflow:hidden;padding:2px 0}
.opening-word:first-child{font-weight:650}
.opening-word>span{display:block;transform:translateY(115%);opacity:0}
.opening-skip{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));min-height:44px;padding:10px 0 10px 16px;border:0;background:none;color:#aaa;font:400 11px/1.3 var(--font-body,Arial,sans-serif);cursor:pointer}
.opening-skip:hover{color:#fff}.opening-skip:focus-visible{outline:1px solid #fff;outline-offset:4px}
html.opening-active{overflow:hidden}
@media(max-width:600px){.opening-still{width:16px}.opening-words{font-size:11px;gap:11px}.opening-skip{right:20px;bottom:max(14px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.opening-screen{display:none!important}html.opening-active{overflow:auto}}