/* Mysterium project gallery — responsive, progressively loaded. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.2s;background:#080e0c}
.hero-video.ready{opacity:1}
.hero-film-link{display:inline-flex;align-items:center;gap:13px;pointer-events:auto;padding:15px 0;background:none;color:#e6ede5;margin-left:25px;font-size:11px;vertical-align:middle}
.play-outline{display:grid;place-items:center;border:1px solid #a8ccbb70;border-radius:50%;width:33px;height:33px;font-size:10px;padding-left:2px;transition:background .2s}
.hero-film-link:hover .play-outline{background:#92dbb8;color:#0b1811}
.film-4k-small{font:8px Plex;color:#8fc6a8;border:1px solid #94bc9e44;padding:1px 4px}
.hero-motion-button{background:none;color:#b6c9bc;padding:11px 0 11px 14px;font-size:9px;min-width:75px;text-align:right}
.cinema{padding:88px 0 68px;background:#080e0c;color:#e5ece3;scroll-margin-top:25px}
.cinema .section-label{color:#9bbbaa}
.cinema .section-top h2{font-weight:500;font-size:clamp(35px,3.7vw,78px);letter-spacing:-.045em}
.cinema .section-top>p{color:#8ba293}
.cinema-dot{color:#92dbb8}
.cinema-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:42px;padding:14px 0;border-top:1px solid #8daf9726}
.cinema-series{font-size:8px;letter-spacing:.1em;color:#a2b6a8}
.cinema-series>span{color:#48735b;margin:0 10px}

.film-download{font-size:9px;color:#b7d3bf;display:flex;align-items:center;gap:15px;min-height:34px}
.film-download:hover{color:#fff}
.film-download>span{font-size:18px}
.cinema-screen{position:relative;aspect-ratio:16/9;background:#0d1712;border:1px solid #ffffff0d;isolation:isolate}
.cinema-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#0b1410;outline-offset:3px}
.film-loading{position:absolute;top:24px;right:24px;background:#09150dbb;padding:10px 14px;color:#b9e1c8;border:1px solid #99c6a42d;pointer-events:none;font-size:9px;letter-spacing:.1em}
.film-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:15px 23px;background:#0b211bea;border:1px solid #b8e6cd99;color:#e8f5ec;font:500 14px Manrope,sans-serif;white-space:nowrap;box-shadow:0 5px 25px #0005;z-index:1}
.film-play-overlay:hover{background:#17543c}.film-play-overlay:focus-visible{outline:2px solid #b8e6cd;outline-offset:4px}.film-play-overlay[hidden],.film-loading[hidden]{display:none}
.film-information{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;padding:28px 0 31px;align-items:start}
.film-metadata{display:flex;gap:20px;font-size:8px;color:#9db5a6;line-height:1.5;flex-wrap:wrap}
#film-resolution{color:#96d1af}
.film-information h3{font-size:clamp(24px,2.2vw,45px);font-weight:500;letter-spacing:-.03em;line-height:1.3;margin-top:13px}
.film-information>p{font-size:12px;line-height:1.85;color:#9daf9e;max-width:480px;padding-top:26px}
.film-choices{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:0 0 26px}
.film-choice{display:block;text-align:left;position:relative;padding:0;background:none;min-width:0;color:#9eb2a4;transition:color .2s}
.film-thumb{aspect-ratio:16/9;display:block;position:relative;overflow:hidden;background:#15241b;border:1px solid #a3cbb321;transition:border-color .2s}
.film-thumb img{width:100%;height:100%;object-fit:cover;opacity:.56;transition:opacity .3s,transform .6s;filter:saturate(.8)}
.film-thumb-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#dfeddf;opacity:0;transition:opacity .2s}
.film-choice.active{color:#d8efdc}
.film-choice.active .film-thumb{border-color:#a4dbb6}
.film-choice.active .film-thumb img,.film-choice:hover img{opacity:1;filter:saturate(1)}
.film-choice:hover .film-thumb-play{opacity:1}
.film-choice:hover img{transform:scale(1.06)}
.film-choice-name{display:flex;align-items:baseline;gap:9px;margin-top:12px;font-size:10px;line-height:1.5;white-space:nowrap}
.film-choice-name>.mono{font-size:7px;opacity:.55}
.cinema-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:27px;min-height:25px}
.cinema-foot>.mono{font-size:7px;color:#8ca491;letter-spacing:.08em}
#film-status{font-size:10px;color:#c3e4cd;line-height:1.8;max-width:450px}
.project-film-link{background:transparent;color:#2a5e42;padding:0;margin-top:16px;font:9px Plex;letter-spacing:.015em;display:inline-flex;gap:16px;align-items:center;min-height:30px;border-bottom:1px solid #b5c7b9}
.project-film-link>span{font-size:17px;line-height:1}
.project-film-link:hover{color:#101e15}
.project-film-light{color:#a1d5b5;border-color:#41624b;margin-top:18px;display:flex;width:fit-content}
.project-film-light:hover{color:white}
.project-film-light>span{border-color:#52715e}
.row-film-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;grid-column:4;grid-row:1;padding:8px;background:transparent;color:#345e43;width:44px;height:44px;border:1px solid #a4b5a5;border-radius:50%}
.row-film-link>span{font-size:18px;line-height:1}
.row-film-link:hover{background:#1d492e;color:#ecf5eb}
.project-row{grid-template-columns:6% 40% 1fr 44px 44px}
.project-row>.row-open{grid-column:5;grid-row:1}
.dialog-film-link{position:relative;display:block;background:#0b1710;margin:15px 0 25px;padding:0;width:100%}
.dialog-film-link .dialog-image{margin:0;max-height:none;aspect-ratio:16/9;object-fit:cover}
.dialog-film-link>span{position:absolute;left:20px;bottom:20px;padding:11px 15px;background:#0b211bcc;border:1px solid #97be9e55;color:#d9eedc;font:10px Plex}
.dialog-film-link:hover>span{background:#174330}
@media(min-width:1800px){.cinema{padding-block:115px 85px}.film-download{font-size:12px}.film-choice-name{font-size:14px;gap:12px}.film-choice-name>.mono{font-size:9px}.film-metadata,.cinema-series{font-size:11px}.film-information>p{font-size:16px;max-width:650px}.cinema-foot>.mono{font-size:10px}.hero-film-link{font-size:15px;gap:18px;margin-left:35px}.play-outline{width:42px;height:42px}.film-4k-small{font-size:10px}.project-film-link{font-size:12px}}
@media(min-width:2600px){.cinema{padding-block:150px 110px}.cinema .section-top h2{font-size:96px}.film-information h3{font-size:52px}.film-information>p{font-size:22px;max-width:850px}.film-choices{gap:20px}.film-choice-name{font-size:19px}.film-choice-name>.mono{font-size:13px}.film-metadata{font-size:14px}.hero-film-link{font-size:19px}.hero-motion-button{font-size:13px}}
@media(max-width:1050px){.hero-film-link{display:flex;width:fit-content;margin-left:0;margin-top:15px;padding:0}.hero-video{object-position:58% center}.cinema{padding-block:65px 45px}.film-information{grid-template-columns:1.1fr 1fr;gap:22px}.film-information>p{font-size:10px}.film-metadata{gap:12px;font-size:7px}.film-choice-name{white-space:normal;font-size:9px;gap:6px}.film-choices{gap:8px}.film-choice-name>.mono{font-size:6px}.project-row{grid-template-columns:5% 38% 1fr 38px 38px}.row-film-link{width:36px;height:36px}}
@media(max-width:700px){.hero-film-link{display:inline-flex;margin:17px 0 0 20px;font-size:9px;gap:9px;min-height:33px;vertical-align:middle}.play-outline{width:28px;height:28px;font-size:8px}.film-4k-small{display:none}.hero-content .button{gap:14px;font-size:9px;padding-inline:13px}.hero-video{inset:422px -28px 67px;width:calc(100% + 56px);height:381px;object-position:72% center}.hero-motion-button{font-size:8px;min-width:60px}.cinema{padding-block:55px 38px;scroll-margin-top:0}.cinema .section-top h2{font-size:33px;max-width:330px;line-height:1.18}.cinema .section-top>p{font-size:10px;margin-top:19px}.cinema-toolbar{margin-top:25px;padding:13px 0;gap:10px}.cinema-series{font-size:6px;letter-spacing:0}.cinema-series>span{margin:0 3px}.film-download{font-size:8px;gap:8px}.film-download>span{font-size:15px}.cinema-screen{margin-inline:calc(-1 * var(--gutter));border-left:0;border-right:0}.film-loading{font-size:7px;top:11px;right:11px;padding:7px 10px}.film-information{grid-template-columns:1fr;gap:13px;padding:23px 0}.film-information h3{font-size:25px;line-height:1.25;margin-top:12px}.film-information>p{font-size:11px;padding-top:0}.film-metadata{font-size:6px;gap:15px}.film-choices{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:12px;padding:18px 0 14px;scrollbar-width:thin;scrollbar-color:#42664f #0b1810}.film-choice{flex:0 0 144px;scroll-snap-align:start}.film-choice-name{font-size:10px;white-space:nowrap;gap:9px}.film-choice-name>.mono{font-size:7px}.film-thumb-play{opacity:.7;font-size:11px}.cinema-foot{margin-top:14px;display:block;min-height:0}.cinema-foot>.mono{font-size:6px;letter-spacing:.04em}#film-status{margin-top:12px;font-size:10px}.project-film-link{font-size:8px;margin-top:12px}.project-row{grid-template-columns:23px 1fr 35px 35px;gap:9px}.project-row>p{grid-column:2/5;padding-right:60px}.row-film-link{grid-column:3;grid-row:1;width:32px;height:32px;padding:6px}.project-row>.row-open{grid-column:4;grid-row:1;width:32px;height:32px}.row-title h3{font-size:18px}.row-title>.mono{font-size:6px}.project-film-light{margin-top:16px}.swarm-copy .text-link{margin-top:20px}.dialog-film-link>span{font-size:8px;left:12px;bottom:12px;padding:9px 11px}}
@media(max-width:360px){.hero-film-link{margin-left:10px;font-size:8px;gap:7px}.play-outline{width:25px;height:25px}.hero-video{top:405px;bottom:60px;left:-30px;right:-30px;height:345px;width:calc(100% + 60px)}.row-title h3{font-size:17px}.row-title>.mono{font-size:5.5px}.project-row{grid-template-columns:18px 1fr 32px 32px;gap:7px}.film-information h3{font-size:23px}.cinema-series{max-width:86px}}
@media(prefers-reduced-motion:reduce){.hero-video{transition:none}.film-choice:hover img{transform:none}}

/* Direct project selection and responsive editorial layout. */
.legacy-anchor{display:block;height:0}
.gallery-navigation{display:flex;gap:8px}
.gallery-navigation button{width:42px;height:42px;display:grid;place-items:center;background:transparent;border:1px solid #799a864d;color:#bfd7c8;font-size:22px;transition:background .2s,color .2s}
.gallery-navigation button:hover{background:#b8e6cd;color:#0b1811}
.film-choice:focus-visible,.gallery-navigation button:focus-visible{outline:2px solid #b8e6cd;outline-offset:4px}
.cinema-foot{flex-wrap:wrap;border-top:1px solid #b1d1b71c;padding-top:18px;margin-top:0;gap:12px 24px}
.cinema-foot .film-download{margin-left:auto}
#film-status{flex:0 0 100%;max-width:none}
#film-status:empty{display:none}
.roadmap{grid-template-columns:repeat(4,minmax(0,1fr))}
.roadmap h3{font-size:clamp(18px,1.64vw,40px);hyphens:auto;overflow-wrap:break-word}
@media(max-width:1050px) and (min-width:701px){.roadmap{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.roadmap article,.roadmap article+article{padding:0}.roadmap h3{font-size:23px}.roadmap p{max-width:300px}}
@media(max-width:700px){.film-choices{padding:3px 0 23px;border:0}.cinema-foot{display:flex;gap:8px 14px;padding-top:14px}.cinema-toolbar{padding:10px 0 14px}.gallery-navigation button{width:40px;height:40px;font-size:20px}.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap h3{font-size:clamp(16px,4.2vw,22px)}.roadmap-output{overflow-wrap:break-word}}
@media(max-width:360px){.roadmap{grid-template-columns:1fr;gap:28px}.roadmap h3{font-size:23px}.roadmap p{max-width:none}}

#projects-title:focus{outline:none}