@charset "UTF-8";
:root{color-scheme:dark;--bg:#090b12;--surface:#10141e;--surface2:#161b28;--line:#ffffff17;--text:#f0f1f6;--muted:#939baa;--cyan:#9bdfec;--violet:#b89bdc;--gold:#d4b58b;--radius:12px;font-family:"Segoe UI",Inter,Arial,sans-serif;font-synthesis:none;font-size:15px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}input:focus,select:focus,textarea:focus{outline:1px solid var(--cyan);border-color:var(--cyan)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:450;line-height:1.14;letter-spacing:-.035em}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.65}.mono{font-family:Consolas,monospace;font-size:10px;letter-spacing:.08em}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.22em;font-weight:600;display:flex;align-items:center;gap:11px}.tiny{font-size:8px;letter-spacing:.21em;color:#acb5c1;font-weight:500;display:block}.status-dot{height:5px;width:5px;border-radius:50%;background:var(--cyan);display:inline-block;box-shadow:0 0 12px #9bdfec50}.site-header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:32px;position:absolute;z-index:5;top:0;left:0;right:0;border-bottom:1px solid #ffffff15;background:linear-gradient(#090b1266,transparent)}.brand{display:flex;align-items:center;gap:12px;font-size:18px;letter-spacing:.14em;font-weight:650;white-space:nowrap}.brand-light{color:#acb3c3;font-weight:300}.main-nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:4%;font-size:12px;color:#a8afbd}.main-nav a{position:relative;padding:31px 0}.main-nav .active{color:white}.main-nav .active:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;background:var(--cyan);border-radius:50%}.header-actions{display:flex;align-items:center;gap:30px}.language{display:flex;gap:2px;border:1px solid #ffffff26;border-radius:30px;padding:3px;font-size:9px}.language button{padding:3px 9px;border-radius:20px;color:#9ba4b3;font-size:10px}.language button[aria-pressed=true]{background:#ffffff16;color:#fff}.studio-link{display:flex;gap:8px;align-items:center;font-size:11px;color:#d3d7df}.studio-link>span:first-child{font-size:22px;color:var(--cyan)}.hero{height:min(870px,96svh);min-height:640px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-3;filter:brightness(.74);transform:scale(1.02)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090b12ed 0%,#090b12b0 29%,#090b1222 70%),linear-gradient(0deg,#090b12 0%,#090b1222 32%,#090b1200 65%)}.hero-content{max-width:970px;padding:230px 5% 150px}.hero h1{font-size:clamp(42px,4.6vw,74px);margin:28px 0 24px;font-weight:350;letter-spacing:-.045em;line-height:1.1}.hero h1>span,.hero h1 em{display:block}.hero h1 em{font-style:normal;color:var(--cyan);font-weight:350;margin-top:8px}.hero-description{color:#b4bac6;font-size:15px;font-weight:350;max-width:430px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 22px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.025em;min-height:46px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#101922;border:1px solid var(--cyan)}.button.primary:hover{background:#c0eef6}.button.secondary{border:1px solid #ffffff24;background:#ffffff06;color:#c5cfda}.play-icon{font-size:10px}.text-link{font-size:11px;display:flex;gap:18px;align-items:center;color:#d3d7df}.text-link>span:last-child{font-size:18px}.hero-bottom{position:absolute;bottom:55px;left:5%;right:5%;display:flex;align-items:end;gap:30px}.featured-label{border-left:1px solid #a2d9e780;padding-left:16px;display:grid;gap:5px}.featured-label>span:nth-child(2){font-size:13px}.featured-label .mono{color:#93a0b3}.hero-coordinate{display:flex;align-items:center;gap:14px;margin-left:auto;color:#d3d7df;font-size:11px}.orbit-mark{font-size:35px;line-height:1;color:var(--cyan);font-weight:200}.scroll-indicator{font-size:21px;border:1px solid #ffffff30;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin-left:40px}.gallery-section{width:100%;padding:70px 5% 75px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{font-size:35px;font-weight:350;margin-top:14px}.count{color:#929aaa;font-size:10px;letter-spacing:.1em}.gallery-hint{display:flex;align-items:center;gap:10px;color:#7d8798;font-size:10px;margin-top:20px;margin-bottom:32px}.hint-icon{color:var(--cyan);font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:clamp(20px,2.1vw,38px)}.gallery-card{display:block;min-width:0;cursor:pointer;outline-offset:6px}.card-media{overflow:hidden;position:relative;background:#141724;border-radius:8px;isolation:isolate;border:1px solid #ffffff0d}.card-media img{display:block;width:100%;height:auto}.card-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:1;transition:opacity .35s}.gallery-card.playing .card-media video{opacity:1}.card-media:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#080b14b0);z-index:2;pointer-events:none}.card-topline{position:absolute;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:3;align-items:center}.media-badge{padding:4px 9px;border:1px solid #ffffff2b;background:#0609155c;backdrop-filter:blur(10px);border-radius:4px;font-size:8px;letter-spacing:.17em;color:#e8f1f5}.card-number{font-size:10px;color:#ffffff80;font-family:Consolas,monospace}.card-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:55px;width:55px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:14px;background:#080c141a;backdrop-filter:blur(5px);z-index:3;transition:opacity .3s}.gallery-card.playing .card-play{opacity:0}.card-bottomline{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:9px;letter-spacing:.06em;color:#d1d4de}.card-open{width:29px;height:29px;border:1px solid #ffffff3d;border-radius:50%;display:grid;place-items:center;font-size:14px}.card-info{padding:21px 2px 0}.card-type{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--violet);display:flex;gap:10px;align-items:center}.card-type span+span{color:#748091}.card-info h3{font-size:24px;font-weight:400;margin-top:9px}.card-info>p{color:#8c96a8;font-size:12px;line-height:1.7;margin-top:12px;max-width:90%}.card-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;color:#8793a6}.card-tags span{display:flex;align-items:center;gap:6px}.card-tags i{height:3px;width:3px;background:#91b8c9;border-radius:50%}.empty-state{grid-column:1/-1;padding:80px 30px;border:1px dashed #ffffff20;color:var(--muted);text-align:center;border-radius:10px}.about-section{display:grid;grid-template-columns:65px 1fr 1fr;gap:30px;max-width:1440px;margin:0 auto;padding:65px 5% 85px;border-top:1px solid var(--line)}.about-symbol{font-size:56px;line-height:1.2;color:var(--cyan);font-weight:200}.about-section h2{font-size:31px;line-height:1.3;margin-top:13px;font-weight:350}.about-copy{font-size:12px;color:#a4adbb;line-height:1.9;max-width:450px}.about-copy .small{margin-top:18px;color:#717e91;font-size:10px}.site-footer{border-top:1px solid var(--line);padding:30px 5%;display:flex;align-items:center;gap:32px;font-size:9px;color:#788292}.site-footer .brand{font-size:12px;gap:0}.footer-note{margin-left:auto}.viewer-top{padding:25px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.viewer-top h2{font-size:25px;margin-top:7px}.icon-button{border:1px solid #ffffff24;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;flex-shrink:0;font-size:14px}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.viewer-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 30px;gap:28px}.viewer-tabs button{padding:15px 0;color:#8491a4;font-size:12px;border-bottom:2px solid transparent}.viewer-tabs button[aria-selected=true]{border-color:var(--cyan);color:var(--cyan)}.movie-stage{background:#03050a;display:flex;justify-content:center;min-height:220px}.movie-stage video{display:block;width:100%;max-height:65svh;object-fit:contain}.movie-stage:fullscreen video{height:100vh;max-height:none}.media-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);gap:16px;flex-wrap:wrap}.media-toolbar>div{display:flex;gap:16px}.subtle-button{color:#a8bed0;font-size:11px;display:inline-flex;align-items:center;gap:7px;padding:3px 0}.subtle-button:hover{color:var(--cyan)}#viewer-original{display:block;width:100%;max-height:70svh;object-fit:contain;background:#03050a}.object-information{padding:32px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.object-story>p:nth-child(2){font-size:13px;line-height:1.95;color:#b0bac9;margin-top:15px;white-space:pre-line}.source-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:10px;color:#9acfdc}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:0 0 20px}.fact-grid div{min-width:0}.fact-grid dt{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#78879e}.fact-grid dd{font-size:12px;color:#ced8e5;margin:4px 0 0;word-break:break-word}.external-block{border-left:2px solid #9bdfec30;padding-left:15px;margin-top:25px;color:#93a1b5;font-size:11px;line-height:1.8}.external-block summary{cursor:pointer;color:var(--cyan);margin-bottom:8px}.sky-title{display:flex;align-items:center;justify-content:space-between;padding:25px 30px;gap:20px}.sky-title h3{font-size:21px;margin-top:8px}.sky-badge{font-size:8px;letter-spacing:.13em;color:#a2afc5}.sky-canvas-wrap{position:relative;background:#060c18}.sky-canvas-wrap canvas{width:100%;height:auto;display:block;aspect-ratio:1400/650}.sky-status{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:var(--cyan);pointer-events:none}.sky-controls{display:flex;align-items:center;gap:18px;padding:15px 30px}.sky-controls input{flex:1;accent-color:var(--cyan)}.sky-controls output{font-family:Consolas,monospace;color:var(--gold);font-size:12px;min-width:80px}.viewer-panel>p.small{padding:0 30px 12px}#sky-caption{color:#a3b6ce}.studio-top-actions{display:flex;gap:20px;align-items:center}.login-form{padding:50px 30px;max-width:460px;margin:auto;display:grid;gap:16px}.login-star{color:var(--cyan);font-size:45px}.login-form h3{font-size:26px}.login-form p{font-size:12px}.login-form input{width:100%}.studio-layout{display:grid;grid-template-columns:230px 1fr;min-height:600px}.studio-sidebar{padding:25px 20px;background:#090e18;border-right:1px solid var(--line)}.studio-sidebar>.button{width:100%;font-size:11px}.studio-sidebar>.eyebrow{margin:32px 0 16px;font-size:8px}.admin-object{padding:12px 8px;width:100%;text-align:left;border:1px solid transparent;border-radius:5px;display:block;font-size:11px;color:#b3bfd1;margin-bottom:5px}.admin-object.selected{border-color:#9bdfec40;background:#9bdfec0b;color:var(--cyan)}.queue-heading{margin:32px 0 18px;display:flex;align-items:center;justify-content:space-between}.queue-heading .eyebrow{font-size:8px;letter-spacing:.1em}.job-item{border-bottom:1px solid var(--line);padding:12px 0;font-size:10px}.job-item strong{display:block;font-size:10px;letter-spacing:.02em}.job-item>span{color:var(--muted);font-size:9px}.job-item progress{width:100%;height:3px;accent-color:var(--cyan);display:block;margin-top:8px}.retry-button{font-size:10px;color:var(--cyan);display:block;padding:6px 0}.studio-main{padding:30px 35px;min-width:0}.studio-main h3{font-size:27px;margin:12px 0 16px}.studio-main p.muted{font-size:12px;max-width:650px}.step-label{font-size:9px;letter-spacing:.15em;color:var(--violet)}label{font-size:11px;color:#b1bdd0}input:not([type=range]):not([type=checkbox]):not([type=file]),select,textarea{width:100%;background:#080d16;border:1px solid #ffffff1b;color:#d6e0ef;border-radius:5px;padding:11px 12px;font-size:12px;min-height:42px}input[type=range]{width:100%;accent-color:var(--cyan)}input[type=checkbox]{accent-color:var(--cyan)}textarea{min-height:120px;resize:vertical;line-height:1.7}.studio-main form>label{display:block;margin:20px 0 7px}.dropzone{padding:28px 15px;border:1px dashed #9bdfec50;border-radius:8px;background:#9bdfec03;display:flex!important;align-items:center;flex-direction:column;gap:7px;cursor:pointer;text-align:center;margin-top:24px!important;transition:border-color .2s}.dropzone.dragging{border-color:var(--cyan);background:#9bdfec0b}.dropzone strong{font-size:12px;color:#c6d5e5;font-weight:500}.dropzone>span:last-of-type{font-size:10px;color:#74849a}.upload-symbol{font-size:24px;color:var(--cyan)}.dropzone input{width:100%;padding:10px;font-size:10px;max-width:320px}.file-checklist{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.file-chip{border:1px solid #ffffff18;border-radius:4px;padding:4px 8px;font-size:9px;color:#78859a}.file-chip.ready{color:var(--cyan);border-color:#9bdfec30;background:#9bdfec08}.file-chip.invalid{color:#ffabbd}.parameters-section{margin-top:32px;border-top:1px solid var(--line);padding-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}.form-grid label>span:first-child{display:block;margin-bottom:7px}.range-row{display:flex;align-items:center;gap:16px;min-height:42px}.range-row output{width:55px;text-align:right;font-size:11px;font-family:Consolas,monospace;color:var(--cyan)}.studio-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.parameters-section>p.small{margin-top:18px;font-size:10px!important;color:#7e8da4}.form-message{color:var(--cyan);font-size:12px;margin-top:16px;white-space:pre-line}.form-message.error{color:#ffabbd}#preview-image{max-height:350px;width:100%;object-fit:contain;background:#03050a;border-radius:5px;margin-top:20px}.editor-details{margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.editor-details summary{font-size:12px;color:#b6c9dc;cursor:pointer}.editor-details>p{margin-top:14px}.checkbox-label{display:flex!important;align-items:center;gap:10px}.editor-details .fact-grid{margin-top:24px}.language-label{color:var(--cyan)!important;letter-spacing:.1em}.login-form label{margin-bottom:-10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--cyan);color:var(--bg);padding:12px}.skip:focus{top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1b2938;color:#d8edf2;border:1px solid #9bdfec40;border-radius:8px;padding:12px 25px;z-index:100;font-size:12px;box-shadow:0 10px 30px #0009;max-width:90vw}
@media(min-width:1700px){.hero-content{padding-top:260px}}@media(max-width:1000px){.hero h1{font-size:52px}.hero-content{padding-top:200px}.hero{height:760px;min-height:650px}.gallery-grid{gap:25px}.section-heading h2{font-size:30px}.about-section{grid-template-columns:40px 1fr 1fr;gap:20px}.about-section h2{font-size:26px}.about-symbol{font-size:40px}.hero-image{object-position:60% center}.object-information{gap:30px}.studio-layout{grid-template-columns:190px 1fr}.studio-main{padding:28px 24px}.sky-badge{display:none}}@media(max-width:700px){.site-header{height:74px;padding:0 6%;gap:12px}.brand{font-size:14px;gap:8px}.brand img{width:28px;height:28px}.main-nav{display:none}.header-actions{gap:12px}.studio-link{font-size:10px}.studio-link span:first-child{font-size:18px}.language button{padding:3px 7px;font-size:9px}.hero{height:800px;max-height:95svh;min-height:680px}.hero-content{padding:180px 6% 190px}.hero .eyebrow{font-size:8px;letter-spacing:.15em;max-width:300px;line-height:1.8}.hero h1{font-size:40px;margin-top:24px;line-height:1.15}.hero-description{font-size:13px;max-width:310px}.hero-image{object-position:62% center;opacity:.7}.hero-shade{background:linear-gradient(90deg,#090b12bf,#090b1222),linear-gradient(0deg,#090b12 0%,#090b1233 60%,#090b1255)}.hero-actions{gap:20px;flex-wrap:wrap}.hero .button{font-size:10px;padding:12px 17px}.text-link{font-size:10px}.hero-bottom{bottom:42px;left:6%;right:6%}.hero-coordinate{display:none}.scroll-indicator{margin-left:auto}.gallery-section{padding:45px 6% 50px}.section-heading{align-items:start}.section-heading h2{font-size:27px;max-width:240px}.section-heading .count{padding-top:40px;font-size:8px;white-space:nowrap}.gallery-hint{font-size:9px;line-height:1.7;margin:20px 0 25px}.gallery-grid{gap:24px}.card-info h3{font-size:23px}.card-info>p{font-size:12px}.about-section{padding:40px 6% 50px;grid-template-columns:30px 1fr;gap:20px}.about-copy{grid-column:2}.about-section h2{font-size:25px}.about-symbol{font-size:32px}.site-footer{padding:25px 6%;gap:18px;flex-wrap:wrap;font-size:8px}.footer-note{display:none}.viewer-top{padding:20px}.viewer-top h2{font-size:21px}.viewer-top .eyebrow{font-size:8px}.viewer-tabs{padding:0 20px}.object-information{padding:24px 20px;grid-template-columns:1fr;gap:24px}.object-story>p:nth-child(2){font-size:12px}.media-toolbar{padding:12px 20px}.media-toolbar .small{font-size:10px}.movie-stage video{max-height:58svh}.sky-title{padding:20px}.sky-title .eyebrow{font-size:8px}.sky-canvas-wrap canvas{aspect-ratio:1400/850;object-fit:cover}.sky-controls{padding:12px 20px;gap:12px}.viewer-panel>p.small{padding:0 20px 12px;font-size:10px}.sky-controls output{font-size:10px}.studio-layout{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:start}.studio-sidebar>.button{width:auto}.studio-sidebar>.eyebrow{display:none}#admin-object-list{display:flex;gap:5px;flex-wrap:wrap}.admin-object{width:auto;font-size:10px;padding:12px}.queue-heading{display:none}#job-list{width:100%;display:flex;gap:14px;overflow:auto}.job-item{min-width:150px;max-width:220px}.studio-main{padding:24px 20px}.studio-main h3{font-size:24px}.form-grid{gap:17px 15px}.form-grid label{font-size:10px}.studio-form-actions{justify-content:start;flex-wrap:wrap}.button{font-size:10px}.sky-controls .icon-button{width:30px;height:30px}.viewer-top .studio-top-actions{gap:15px}.login-form{padding:30px 24px}.gallery-card:focus-visible{outline:2px solid var(--cyan)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-image{transform:none}}

body.viewer-route > :is(.site-header,main:not(#viewer),.skip,.site-footer) { display:none; }
.viewer-page { min-height:100svh; background:#0b0f18; }
.viewer-actions,.journey-caption { display:flex; align-items:center; gap:20px; }
.viewer-page .viewer-top { flex-wrap:wrap; }
.viewer-actions { margin-left:auto; }
.viewer-page .viewer-tabs { overflow-x:auto; }
.viewer-page .viewer-tabs button { flex:none; }
.viewer-panel { min-width:0; }
.journey-stage { position:relative; display:grid; place-items:center; background:#06080c; min-height:180px; }
#journey-video { display:block; width:100%; max-height:78svh; aspect-ratio:16/9; object-fit:contain; }
#journey-status { position:absolute; padding:20px; pointer-events:none; }
.journey-caption { padding:14px 24px; justify-content:space-between; font-size:12px; color:var(--muted); flex-wrap:wrap; }
.journey-caption a { color:var(--cyan); }
@media (min-width:850px) {
  .viewer-page { display:grid; grid-template-columns:minmax(0,1fr) clamp(300px,29vw,500px); grid-template-rows:auto auto minmax(0,1fr); height:100svh; overflow:hidden; }
  .viewer-page .viewer-top,.viewer-page .viewer-tabs { grid-column:1 / -1; }
  .viewer-page .viewer-top { padding:14px 28px; }
  .viewer-page .viewer-panel { grid-column:1; grid-row:3; min-height:0; overflow:auto; }
  .viewer-page .object-information { grid-column:2; grid-row:3; display:block; overflow:auto; padding:26px; border-left:1px solid var(--line); }
  .viewer-page .object-story { margin-bottom:24px; }
  .viewer-page :is(#film-panel,#original-panel,#journey-panel) { display:flex; flex-direction:column; }
  .viewer-page :is(.movie-stage,.journey-stage) { flex:1; min-height:0; }
  .viewer-page :is(#viewer-video,#journey-video) { width:100%; height:100%; max-height:none; }
  .viewer-page #viewer-original { flex:1; min-height:0; max-height:none; object-fit:contain; }
  .viewer-page .media-toolbar { flex:none; }
}
@media (max-width:849px) {
  .viewer-page #viewer-video { max-height:78svh; }
  .viewer-page .viewer-tabs { gap:18px; padding:0 16px; }
}
.movie-stage:fullscreen { width: 100vw; height: 100vh; }
.movie-stage:fullscreen #viewer-video { width: 100%; height: 100%; max-height: none; }
body.studio-route > :is(.site-header,main:not(#studio),.skip,.site-footer) { display: none; }
.studio-page { min-height: 100svh; background: #0e121c; }
.studio-page > .viewer-top { flex-wrap: wrap; }
.studio-link { text-decoration: none; }
.studio-page .studio-layout { grid-template-columns: clamp(175px, 16vw, 248px) minmax(0,1fr); }
.studio-editor { display: grid; grid-template-columns: minmax(220px, .85fr) minmax(320px, 1.4fr); gap: clamp(20px,3vw,50px); align-items: start; margin-top: 28px; }
.studio-editor .parameters-section { margin: 0; padding: 0; border: 0; }
.focus-section > h3 { margin-top: 0; }
#focus-image { position: relative; width: fit-content; max-width: 100%; margin: 16px auto; user-select: none; cursor: crosshair; overflow: hidden; }
#edit-poster,#rotated-focus { display: block; max-height: 65svh; max-width: 100%; width: auto; height: auto; }
#zoom-frame {
  position: absolute;
  border: 1px solid var(--cyan);
  box-shadow: inset 0 0 0 1px #0b172bcc, 0 0 0 200vmax #02061172;
  cursor: grab;
  touch-action: none;
}
#focus-image.is-dragging, #focus-image.is-dragging #zoom-frame { cursor: grabbing; }
#zoom-frame [data-corner] { position: absolute; width: min(22px,42%); height: min(22px,42%); display: flex; padding: 1px; }
#zoom-frame [data-corner]::after { content: ""; width: 8px; height: 8px; background: var(--cyan); border: 1px solid #112330; border-radius: 2px; }
[data-corner^="n"] { top: 0; align-items: flex-start; }
[data-corner^="s"] { bottom: 0; align-items: flex-end; }
[data-corner$="w"] { left: 0; justify-content: flex-start; }
[data-corner$="e"] { right: 0; justify-content: flex-end; }
[data-corner="nw"], [data-corner="se"] { cursor: nwse-resize; }
[data-corner="ne"], [data-corner="sw"] { cursor: nesw-resize; }
#delete-version { color: #f3b5b9; margin: 8px; }
#focus-marker { position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; border: 2px solid white; border-radius: 50%; box-shadow: 0 0 0 1px #121826, inset 0 0 0 1px #121826; transform: translate(-50%,-50%); pointer-events: none; }
.focus-fields { display: flex; gap: 16px; margin-top: 14px; }
.focus-fields input { width: 85px; }
#versions-section { border-top: 1px solid var(--line); margin-top: 36px; padding-top: 16px; }
#version-list { display: block; margin: 8px 0 18px; width: min(100%, 440px); }
.version-review { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: start; gap: 24px; }
#version-video { width: 100%; max-height: 72svh; object-fit: contain; background: #04060b; }
@media (max-width: 880px) {
  .studio-editor { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 700px) {
  .studio-page .studio-layout,.version-review { grid-template-columns: minmax(0,1fr); }
  .studio-top-actions { flex-wrap: wrap; }
}

#original-stage { position:relative; overflow:hidden; background:#03050a; height:74svh; flex:1 1 auto; min-height:180px; }
#original-stage #viewer-original { position:absolute; left:50%; top:50%; object-fit:contain; max-height:none; max-width:none; image-rendering:auto; user-select:none; }
#original-stage.zoomed { cursor:grab; touch-action:none; }
#original-stage.dragging { cursor:grabbing; }
.original-tools { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
#original-scale { width:clamp(80px,12vw,180px); }
#original-level { width:4ch; font-variant-numeric:tabular-nums; }

#journey-names { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#galaxy-panel { display:flex; flex-direction:column; min-width:0; }
.galaxy-stage { position:relative; flex:1; min-height:220px; background:#03050a; }
#galaxy-canvas { position:absolute; inset:0; display:block; width:100%; height:100%; }
.atlas-controls { display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:12px 24px; border-bottom:1px solid var(--line); }
#galaxy-time { min-width:75px; flex:1; accent-color:var(--cyan); }
.atlas-toggle { display:inline-flex; align-items:center; gap:8px; cursor:pointer; color:var(--text); white-space:nowrap; }
.atlas-toggle input { width:auto; margin:0; accent-color:var(--cyan); }
.atlas-notes { padding:12px 24px; color:var(--muted); font-size:12px; }
.atlas-notes strong { color:var(--text); font-weight:500; margin-right:8px; }
.atlas-notes a { color:var(--cyan); }
.atlas-notes p { margin:4px 0; }
@media(max-width:849px){.galaxy-stage{min-height:min(75svh,100vw)}.atlas-controls,.atlas-notes{padding:12px 16px}}

.point-controls,#point-picker { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:8px 0; }
.point-controls select { width:auto; }
#point-picker [aria-pressed=true] { color:var(--cyan); outline:1px solid var(--cyan); }
.ghost-crop { position:absolute; pointer-events:none; border:1px dashed #e5ca91; color:#fff; text-shadow:0 1px 3px #000; padding:2px; font-size:11px; }

.journey-stage:fullscreen #journey-video { width:100%; height:100%; max-height:none; }

/* Share the media, category, title, summary and facts tracks within each gallery row. */
@supports (grid-template-rows: subgrid) {
  .gallery-grid { row-gap:0; }
  .gallery-card { display:grid; grid-row:span 5; grid-template-rows:subgrid; row-gap:0; margin-bottom:clamp(30px,3vw,52px); }
  .card-media { align-self:center; }
  .card-info { display:grid; grid-row:span 4; grid-template-rows:subgrid; row-gap:0; align-items:start; }
}

#discovery-pins { position:absolute; left:50%; top:50%; pointer-events:none; }
.discovery-pin { position:absolute; pointer-events:auto; transform:translate(-50%,-50%); height:22px; width:22px; border-radius:50%; border:2px solid #a8e9f4; background:#14263655; box-shadow:0 0 0 1px #18202d; }
.discovery-pin[aria-pressed=true] { border-color:#ffd27e; background:#ffe2a544; z-index:1; }
.discovery-pin[aria-pressed=true]::after { content:attr(data-label); position:absolute; left:24px; top:-2px; background:#0c1220e8; padding:1px 6px; color:#ffe2a5; white-space:nowrap; }
#discovery-card { padding:10px 24px; background:#101623; flex:none; }
#discovery-card select { width:auto; max-width:100%; }
#discovery-card p { margin:4px 0; }
#discovery-source,#find-more { color:var(--cyan); }
#point-name { margin:6px 0; }

#discovery-pins { z-index:1; }
#discovery-card { max-height:36svh; overflow:auto; }
#discovery-card .subtle-button { margin-left:12px; }
@media(max-width:700px){#discovery-card{max-height:none;padding:10px 16px}}

#ir-window { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
#ir-image { position:absolute; top:50%; left:50%; max-width:none; max-height:none; }
#ir-line { position:absolute; pointer-events:none; top:0; bottom:0; width:2px; background:#fce0a6; }
#ir-controls,.environment-tools { flex:none; padding:10px 24px; font-size:13px; color:var(--muted); }
#ir-controls label { display:inline-flex; flex-wrap:wrap; align-items:center; gap:10px; }
#ir-controls a,.environment-tools a { color:var(--cyan); margin:0 8px; }
#environment-panel { display:flex; flex-direction:column; }
#environment-map { flex:1; min-height:220px; background:radial-gradient(ellipse at center,#15202c,#060912 80%); }
#environment-map svg { display:block; width:100%; height:100%; min-height:220px; }
.env-grid { fill:none; stroke:#516478; stroke-dasharray:3 5; }
.env-footprint { fill:#d9b16c12; stroke:#edc483; stroke-width:1.6; }
.env-mark { fill:#a0d7e4; stroke:#1c3541; cursor:pointer; }
.env-mark.active { fill:#ffdca1; stroke:white; }
.env-label,.env-dir { fill:#d8e6ef; font:14px "Segoe UI",sans-serif; pointer-events:none; }
.environment-tools select { width:auto;max-width:100%; }
.environment-tools p { margin:4px 0; }
.admin-name { display:block; color:var(--muted); font-size:12px; overflow-wrap:anywhere; }
.auto-tools { margin:16px 0; }
.auto-tools select { width:auto; }
#auto-frames { pointer-events:none; }
.auto-frame { position:absolute; z-index:2; border:2px dashed #ffd385; padding:2px; color:white; text-shadow:0 1px 3px black; pointer-events:none; }
#original-level { width:auto; min-width:4ch; white-space:nowrap; }

#ir-line { width:14px; margin-left:-7px; background:linear-gradient(90deg,transparent 6px,#fce0a6 6px,#fce0a6 8px,transparent 8px); cursor:ew-resize; pointer-events:auto; touch-action:none; }
#ir-line::after { content:"↔"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:50%; background:#101622; color:#fce0a6; border:1px solid #fce0a6; padding:2px 5px; }

.route-actions { display:flex; flex-wrap:wrap; gap:14px; margin:18px 0; }
.route-actions .button,.cancel-render { min-height:42px; }
#polar-panel { display:flex; flex-direction:column; }
.polar-stage { position:relative; flex:1; min-height:260px; background:#070c18; }
#polar-canvas { width:100%; height:100%; position:absolute; inset:0; }
#polar-side { width:auto; }
#polar-time { flex:1; min-width:80px; }
@media(max-width:849px){.polar-stage{min-height:min(100vw,76svh)}}

.collection-links,#viewer-neighbours { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
#viewer-neighbours { margin-left:auto; }
#viewer-neighbours a { display:grid; padding:6px 12px; gap:1px; background:#121b2a; border:1px solid #334358; border-radius:6px; max-width:240px; }
#viewer-neighbours a:hover,.atlas-row:hover { border-color:var(--cyan); }
#viewer-neighbours small { color:var(--cyan); font-size:10px; }
#viewer-neighbours strong { font-size:12px; }
#viewer-neighbours span { color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.collection-page .viewer-top { flex-wrap:wrap; }
.collection-page h1 { font-size:clamp(24px,3vw,40px); }
.collection-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,26%); min-height:72svh; }
.collection-chart { min-width:0; }
#atlas-stage { height:clamp(320px,62svh,780px); position:relative; }
#collection-sky { height:100%; width:100%; display:block; cursor:grab; touch-action:none; }
#collection-sky:active { cursor:grabbing; }
.collection-index { padding:20px; border-left:1px solid var(--line); min-width:0; }
#atlas-list { display:grid; gap:6px; max-height:42svh; overflow:auto; }
.atlas-row { display:grid; border:1px solid var(--line); border-radius:6px; padding:9px 12px; text-align:left; }
.atlas-row[aria-pressed=true] { border-color:var(--gold); }
.atlas-row small,#atlas-meta { color:var(--muted); }
#atlas-detail,#atlas-compare { margin-top:18px; }
#atlas-peer { max-width:100%; }
#atlas-pair { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:8px 0; }
#atlas-pair img { width:100%; height:125px; object-fit:contain; background:#070c13; }
#atlas-pair span { font-size:11px; }
@media(max-width:849px){.collection-layout{grid-template-columns:1fr}.collection-index{border-left:0}.collection-links{justify-content:end}#viewer-neighbours{order:3;width:100%;margin:0}#viewer-neighbours a{flex:1;min-width:0}#atlas-stage{height:min(70svh,85vw)}}

#hubble-panel { display:flex; flex-direction:column; min-height:0; }
.hubble-stage { position:relative; flex:1; min-height:200px; display:grid; place-items:center; background:#06080c; }
#hubble-video { display:block; width:100%; height:100%; max-height:78svh; aspect-ratio:16/9; object-fit:contain; }
#hubble-status { position:absolute; pointer-events:none; padding:16px; }
#hubble-field { width:auto; }
#polar-years { min-width:100px; flex:1; accent-color:#e3c485; }
.epoch-controls { font-size:12px; }
.epoch-controls label input { width:auto; }

#atlas-pair a:only-child { grid-column:1 / -1; }
#atlas-pair a:only-child img { height:180px; }

.capture-switch { margin-bottom:20px; display:grid; gap:6px; }
.capture-switch select { width:100%; min-width:0; }