/* Copyright (c) A|iens. All rights reserved. */
/* [HEADER] Visual Library: cinematic room for images, readable captions and honest source status. */
.th-universe .vl-entry{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;padding:20px var(--film-gutter,5vw);border-block:1px solid var(--line);background:#091923;font:10px/1.8 Consolas,monospace;color:var(--muted)}
.th-universe .vl-entry a{color:var(--accent);text-decoration:none;padding:7px 0}
.th-universe .vl-entry span{margin-right:auto}
.th-universe .vl-introduction{display:grid;grid-template-columns:1.35fr 1fr;gap:50px;margin:0 0 42px;align-items:start}
.th-universe .vl-introduction p{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 20px}
.th-universe .vl-introduction aside{border-left:2px solid #a6bdc555;background:#091925;padding:24px 28px}
.th-universe .vl-introduction aside strong{display:block;font:400 29px/1.2 THCinema,system-ui;color:var(--ink);margin:17px 0}
.th-universe .vl-introduction aside p{font-size:12px;line-height:1.9}
.th-universe .vl-introduction a{color:var(--accent);font:10px/2 Consolas,monospace}
.th-universe .vl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.th-universe .vl-figure{margin:0;background:#071520;border:1px solid #94b6c444;min-width:0;overflow:hidden;transition:transform .35s ease,border-color .35s ease}
.th-universe .vl-figure:hover{transform:translateY(-3px);border-color:#a1c9d88f}
.th-universe .vl-figure>a{display:block;width:100%;position:relative;background:#040d16;overflow:hidden}
.th-universe .vl-figure img{display:block;width:100%;height:auto;object-fit:contain}
.th-universe .vl-open-label{position:absolute;right:15px;bottom:15px;padding:8px 12px;border:1px solid #b1d2db55;color:#e7f7ff;background:#051421ed;font:9px/1.7 Consolas,monospace;letter-spacing:.08em}
.th-universe .vl-figure figcaption{padding:26px}
.th-universe .vl-figure .th-kicker{font-size:8px;line-height:1.8}
.th-universe.th-film .vl-figure h3{font:400 clamp(24px,2.5vw,34px)/1.15 THCinema,system-ui;letter-spacing:-.025em;margin:17px 0}
.th-universe .vl-figure p{font-size:13px;line-height:1.9;color:var(--muted);margin:15px 0}
.th-universe .vl-figure details{border-top:1px solid var(--line);margin-top:22px;padding-top:9px}
.th-universe .vl-figure summary{font:10px/1.8 Consolas,monospace;color:var(--accent);cursor:pointer;padding:10px 0}
.th-universe .vl-figure details a{font:10px/1.8 Consolas,monospace;color:var(--accent)}
.th-universe .vl-dialog{margin:auto;width:min(1500px,96vw);max-width:96vw;max-height:94svh;padding:0;background:#040d16;color:#e7f6ff;border:1px solid #8eb7ca66;overflow:auto;box-shadow:0 35px 110px #000d}
.th-universe .vl-dialog::backdrop{background:#01070eee;backdrop-filter:blur(10px)}
.th-universe .vl-dialog header{position:sticky;top:0;z-index:2;padding:16px 24px;background:#091b2a;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #7a9db54f}
.th-universe .vl-dialog header .th-kicker{font-size:8px;line-height:1.7}
.th-universe.th-film .vl-dialog h2{font:400 clamp(21px,2.3vw,30px)/1.2 THCinema,system-ui;letter-spacing:-.02em;margin:8px 0 0}
.th-universe .vl-dialog button{min-height:44px;flex-shrink:0;border:1px solid #8eb7cb66;padding:10px 16px;background:#10293b;color:#e7f7ff;font:10px/1.6 Consolas,monospace;cursor:pointer}
.th-universe .vl-image-stage{width:100%;height:61svh;min-height:240px;overflow:auto;background:#01070e;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}
.th-universe .vl-image-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;touch-action:pan-y pinch-zoom}
.th-universe .vl-dialog[data-zoom=actual] .vl-image-stage{display:block}
.th-universe .vl-dialog[data-zoom=actual] .vl-image-stage img{max-width:none;max-height:none;width:auto;height:auto;touch-action:pan-x pan-y pinch-zoom}
.th-universe .vl-dialog-copy{padding:10px 24px}
.th-universe .vl-dialog-copy p{font-size:12px;line-height:1.8;color:#afc7d4;margin:9px 0}
.th-universe .vl-dialog-copy [data-vl-status]{font:10px/1.8 Consolas,monospace;color:#d9edf5}
.th-universe .vl-dialog nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:12px 24px 23px}
.th-universe .vl-dialog nav a{font:10px/1.8 Consolas,monospace;color:#b1e4ef;margin-left:auto;padding:10px 0}
.th-universe .vl-hero{position:relative;isolation:isolate;overflow:hidden;min-height:850px;min-height:94svh;display:flex;align-items:center;padding:160px 0 90px;background:#040b12}
.th-universe .vl-hero-art{position:absolute;inset:-35px;z-index:0;pointer-events:none;will-change:transform}
.th-universe .vl-hero-art img{width:100%;height:100%;object-fit:cover}
.th-universe .vl-hero:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#020911ee,#020911a0 50%,#02091133),linear-gradient(0deg,#040b12,transparent 70%)}
.th-universe .vl-hero>.th-wrap{position:relative;z-index:2}
.th-universe.th-film .vl-hero h1{font:400 clamp(62px,8vw,120px)/1 THCinema,system-ui;letter-spacing:-.055em;max-width:950px;margin:25px 0}
.th-universe .vl-hero p{font-size:clamp(18px,1.8vw,24px);line-height:1.8;color:#d0e3ed;max-width:670px}
.th-universe .vl-hero .vl-small{font:10px/1.9 Consolas,monospace;color:#abc8d6;margin-top:22px}
.th-universe .vl-hero-numbers{display:flex;flex-wrap:wrap;gap:34px;margin:30px 0;font:9px/1.7 Consolas,monospace;color:#b0c8d6}
.th-universe .vl-hero-numbers strong{display:block;font:400 40px/1.2 THCinema,system-ui;color:#e8f7ff;margin-bottom:8px}
.th-universe .vl-tools{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 26px;padding:24px;border:1px solid var(--line);background:#0a1a27;margin-bottom:30px}
.th-universe .vl-tools label{font:10px/1.8 Consolas,monospace;color:var(--muted);min-width:0}
.th-universe .vl-tools input,.th-universe .vl-tools select{display:block;min-height:48px;width:100%;min-width:0;margin-top:9px;padding:12px;background:#06131f;border:1px solid #8fb4c765;border-radius:0;color:#e2f4ff;font:14px/1.5 THText,system-ui}
.th-universe .vl-tools p{font:10px/1.8 Consolas,monospace;color:var(--muted);margin:0;align-self:center}
.th-universe .vl-tools button{justify-self:end;min-height:44px;padding:10px 18px;background:#102b3c;color:var(--ink);border:1px solid #8eb3c555;font:10px Consolas,monospace;cursor:pointer}
.th-universe .vl-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.th-universe .vl-directory-card{border:1px solid var(--line);background:#071520;min-width:0;overflow:hidden}
.th-universe .vl-directory-card a{display:block;color:var(--ink);text-decoration:none;height:100%}
.th-universe .vl-directory-card img{width:100%;height:330px;object-fit:contain;display:block;background:#030b13}
.th-universe .vl-directory-card a>div{padding:25px}
.th-universe .vl-directory-card .th-kicker{font-size:8px;line-height:1.8}
.th-universe.th-film .vl-directory-card h3{font:400 29px/1.1 THCinema,system-ui;letter-spacing:-.02em;margin:18px 0}
.th-universe .vl-directory-card p{font-size:13px;line-height:1.9;color:var(--muted)}
.th-universe .vl-read{display:block;border-top:1px solid var(--line);padding-top:15px;margin-top:20px;font:10px/1.8 Consolas,monospace;color:var(--accent)}
.th-universe [data-vl-tools][hidden],.th-universe [data-vl-collection][hidden],.th-universe [data-vl-empty][hidden]{display:none!important}
@media(max-width:1000px){.th-universe .vl-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.th-universe .vl-introduction{gap:25px}}
@media(max-width:650px){.th-universe .vl-grid,.th-universe .vl-introduction,.th-universe .vl-tools,.th-universe .vl-directory-grid{grid-template-columns:minmax(0,1fr)}.th-universe .vl-figure figcaption{padding:22px}.th-universe .vl-grid{gap:24px}.th-universe .vl-entry{padding:18px 22px;gap:8px 20px}.th-universe .vl-entry span{width:100%}.th-universe .vl-introduction aside{padding:22px}.th-universe .vl-hero{padding:132px 0 70px;min-height:820px}.th-universe.th-film .vl-hero h1{font-size:clamp(54px,14vw,80px)}.th-universe .vl-hero-numbers{gap:20px;font-size:8px}.th-universe .vl-hero-numbers strong{font-size:34px}.th-universe .vl-dialog header{padding:14px 15px;gap:12px}.th-universe .vl-dialog-copy{padding:8px 15px}.th-universe .vl-dialog nav{padding:10px 15px 18px;gap:9px}.th-universe .vl-dialog button{padding:10px 12px;font-size:9px}.th-universe .vl-dialog nav a{margin-left:0;width:100%}.th-universe .vl-image-stage{height:48svh}.th-universe .vl-tools{padding:20px}.th-universe .vl-directory-card img{height:350px}}
@media(prefers-reduced-motion:reduce){.th-universe .vl-figure{transition:none!important;transform:none!important}.th-universe .vl-hero-art{transform:none!important;will-change:auto}}
.th-universe[data-motion=off] .vl-figure{transition:none!important;transform:none!important}
.th-universe[data-motion=off] .vl-hero-art{transform:none!important;will-change:auto}
/* End: full image ratios, normal page scrolling and optional effects only. */