/* Small, scoped refinements to the approved celestial visual system. */
.hero h1 .given-name{white-space:nowrap;font-size:.84em;letter-spacing:-.065em}.hero h1 .family-name{font-size:1.05em;letter-spacing:-.045em}.disciplines{letter-spacing:.06em}
.poster-image.poster-open{display:block;width:100%;padding:0;border:0;cursor:pointer;color:inherit;text-align:inherit;font:inherit;border-radius:0}.poster-image .poster-play-overlay{position:absolute;z-index:2;inset:auto 8% 7%;background:#111525bd;color:#f8f6fd;border:1px solid #ffffff80;border-radius:50px;backdrop-filter:blur(12px);padding:14px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;font-size:10px;font-weight:600;letter-spacing:.16em}.poster-image:hover .poster-play-overlay,.poster-image:focus-visible .poster-play-overlay{opacity:1;transform:translateY(0)}.poster-open:focus-visible{outline:2px solid #b9cfeb;outline-offset:4px}.poster-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:8px}.poster-actions button{border:0;border-bottom:1px solid #adabc4;background:transparent;color:#e8ddea;cursor:pointer;font:600 10px "DM Sans",sans-serif;letter-spacing:.15em;padding:7px 0;margin-top:6px}.poster-actions button:hover,.poster-actions a:hover{color:#f1badb;border-color:#f1badb}
.film-dialog{padding:0;border:1px solid #a9adc058;background:#0a0d18;color:#f7f5fc;width:min(1100px,92vw);max-height:92vh;overflow:auto;box-shadow:0 28px 95px #000b;animation:filmIn .35s ease-out}.film-dialog::backdrop{background:#060712dc;backdrop-filter:blur(14px);animation:fadeIn .35s ease-out}.film-dialog-shell{position:relative;padding:28px}.dialog-close{position:absolute;right:18px;top:10px;z-index:3;width:44px;height:44px;border:1px solid #bdb7ca88;background:#101521ee;color:white;border-radius:50%;font:300 29px "DM Sans";cursor:pointer}.dialog-close:hover{background:#37334d}.dialog-video{width:100%;aspect-ratio:16/9;background:#111629;overflow:hidden;display:grid;place-items:center}.dialog-video iframe{width:100%;height:100%;border:0}.dialog-caption{padding:18px 5px 0}.dialog-caption h2{font:400 clamp(32px,5vw,60px) "Cormorant Garamond";margin:8px 0}.trailer-pending{width:100%;height:100%;padding:25px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at 32% 25%,#85a2ca48,transparent 45%),radial-gradient(ellipse at 78% 75%,#ad7fba4d,transparent 50%),#111629}.trailer-pending span{font-size:10px;letter-spacing:.23em;color:#bbb5cc}.trailer-pending strong{font:400 clamp(34px,6vw,75px) "Cormorant Garamond";margin:18px 0}.trailer-pending p{font-size:13px;color:#c4bfce;line-height:1.7;max-width:350px}
.gallery-thumbnails{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:5px 0 18px;scroll-snap-type:x mandatory}.gallery-thumbnails button{flex:0 0 110px;height:82px;padding:0;border:2px solid transparent;background:#141723;opacity:.55;cursor:pointer;scroll-snap-align:start;transition:opacity .2s}.gallery-thumbnails button.selected,.gallery-thumbnails button:hover{opacity:1;border-color:#d2b8d5}.gallery-thumbnails img{height:100%;width:100%;object-fit:cover}.gallery-window{height:min(70vh,720px)}.gallery-slide img{object-fit:contain}
@keyframes filmIn{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.hero h1 .given-name{font-size:.79em}.hero h1 .family-name{font-size:1.1em}.disciplines{letter-spacing:.02em}.poster-image .poster-play-overlay{opacity:1;transform:none;font-size:8px;padding:10px}.poster-actions{gap:12px}.poster-actions button,.poster-actions a{font-size:9px}.film-dialog-shell{padding:14px}.dialog-close{right:12px;top:7px}.gallery-thumbnails button{flex-basis:78px;height:60px}}
@media(prefers-reduced-motion:reduce){.film-dialog,.film-dialog::backdrop{animation:none}.poster-image .poster-play-overlay{transition:none}}
