/* One layout system for the space edition. The classic route retains its own CSS. */
:root{color-scheme:dark;--paper:#060c16;--ink:#edf5fc;--muted:#a0b4c8;--line:#7399b331;--accent:#a8d8ef;--warm:#ddbc88;--rail:218px;--pad:clamp(24px,4vw,72px);font-family:'Segoe UI',Arial,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:radial-gradient(ellipse at 90% 0,#122b4266,transparent 40%),var(--paper);color:var(--ink);line-height:1.65;isolation:isolate}#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b6e6ff;outline-offset:5px}button:disabled{opacity:.35;cursor:default}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}h2{font-size:clamp(30px,3vw,46px);font-weight:450;letter-spacing:-1.3px;line-height:1.18}h3{font-weight:450;line-height:1.3}img,video{max-width:100%;display:block}button,a{transition:color .25s,background .25s,border-color .25s}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:#c4e5f6;color:#06121b;padding:10px 20px}.skip:focus{top:10px}.site-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);padding:36px 25px 24px;background:#07101ce8;backdrop-filter:blur(16px);border-right:1px solid var(--line);z-index:10;display:flex;flex-direction:column}.brand{font:13px/1.5 Consolas,monospace;letter-spacing:1.5px;display:flex;gap:13px;align-items:center;white-space:nowrap}.brand-orbit{width:25px;height:25px;border:1px solid #b1d5e8;border-radius:50%;position:relative;flex-shrink:0}.brand-orbit:before{content:'';position:absolute;left:-6px;right:-6px;top:8px;height:8px;border:1px solid var(--warm);border-radius:50%;transform:rotate(-30deg)}.rail-role{color:#8fa9bf;font-size:12px;margin:16px 0 44px}.section-radar{display:grid;gap:7px}.section-radar a{display:flex;gap:13px;align-items:center;color:#94aec4;padding:12px 0;font-size:13px;border-bottom:1px solid transparent}.section-radar a span{font:10px/1.5 Consolas,monospace;color:#637f97}.section-radar a[aria-current=true]{color:#eff8ff;border-color:#8ec2e477}.section-radar a[aria-current=true] span{color:var(--warm)}.section-radar a:hover{color:#fff}.rail-bottom{margin-top:auto;display:grid;gap:10px;font-size:13px}.rail-bottom>a{color:#c3d9e8}.rail-settings{border-top:1px solid var(--line);padding-top:18px;margin-top:15px;display:grid;gap:9px}.rail-settings a,.motion-toggle{font-size:12px;color:#8faac0}.motion-toggle{padding:0;background:none;border:0;text-align:left}.rail-location{font:10px/1.5 Consolas,monospace;color:#718da4;letter-spacing:1px;margin-top:12px}main{margin-left:var(--rail);padding:0 var(--pad);max-width:1800px}main>section{padding:64px 0;border-bottom:1px solid var(--line);min-width:0}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:center;min-height:610px;padding:50px 0!important}.eyebrow,.step,.interest-label{display:block;font:11px/1.6 Consolas,monospace;letter-spacing:1.6px;color:var(--warm)}h1{font:400 clamp(65px,6.5vw,106px)/.96 'Segoe UI',Arial,sans-serif;letter-spacing:-5px;margin:22px 0 23px}h1 em{font:italic 400 1em/.96 Georgia,serif;color:#b6d5e9;letter-spacing:-5px}.intro-role{font-size:20px;color:#d5e7f4;line-height:1.5}.intro-role strong{font-weight:400;color:#96b2ca;font-size:15px}.intro-description{font-size:15px;line-height:1.8;color:#a7bdd0;max-width:390px;margin-top:21px}.intro-link{display:inline-flex;align-items:center;gap:40px;border:1px solid #7faccc55;background:#102b4155;padding:10px 18px;margin-top:24px;font-size:13px;color:#d0e9f7}.intro-link:hover{background:#21435c}.observation{border:1px solid var(--line);background:#050c16;min-width:0;position:relative}.observation:before,.observation:after{content:'';position:absolute;width:16px;height:16px;border:1px solid #d7b981;left:-1px;top:-1px;border-right:0;border-bottom:0;z-index:2}.observation:after{left:auto;top:auto;right:-1px;bottom:-1px;transform:rotate(180deg)}.observation-top{display:flex;justify-content:space-between;gap:15px;padding:14px 18px;font:10px/1.5 Consolas,monospace;letter-spacing:1px;color:#8faec6;border-bottom:1px solid var(--line)}.observation-window{aspect-ratio:1.2;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#02060d}.observation-window img{width:100%;height:100%;object-fit:cover;animation:observation-drift 30s ease-in-out infinite alternate}.observation-orbit{position:absolute;inset:12%;border:1px solid #b7d8ee38;border-radius:50%;transform:rotate(-30deg) scaleY(.6);pointer-events:none}.observation-orbit:after{content:'';position:absolute;inset:-13%;border:1px dashed #d8be862b;border-radius:50%}figcaption{padding:13px 18px;font-size:10px;color:#829db3;line-height:1.65}figcaption a:hover{color:#c7e1f4}@keyframes observation-drift{from{transform:scale(1)}to{transform:scale(1.05)}}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-head h2{margin-top:10px}.section-head>p{max-width:290px;font-size:14px;color:var(--muted)}.gallery-tools{display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{font-size:12px;line-height:1.5;background:#0b1725;border:1px solid var(--line);padding:9px 12px;color:#9ab7cb}.filters button:hover{border-color:#8bbbd8}.filters button[aria-pressed=true]{background:#a6cfe4;color:#071a28;border-color:#a6cfe4}.count{color:#7e9db6;font:11px/1.5 Consolas,monospace;white-space:nowrap}.explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.explorer-toolbar p{font-size:12px;color:#809eb6}.view-switch{display:flex;gap:3px;border:1px solid var(--line);padding:3px}.view-switch button{border:0;background:none;padding:6px 11px;font-size:12px;color:#93b4cb}.view-switch button[aria-pressed=true]{background:#203b50;color:#dbedf8}.project-universe{position:relative;border:1px solid var(--line);padding:24px;background:radial-gradient(ellipse at 50% 50%,#17375555,transparent 65%)}.project-orbits{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#89acc638;stroke-width:1;pointer-events:none}.project-orbits ellipse:nth-child(2){stroke:#d7b47c40}.project-orbits path{stroke-dasharray:3 12;opacity:.4}.project-orbits circle{fill:#b9e0fa;stroke:none;filter:drop-shadow(0 0 12px #68b5ed)}.map-centre{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:9px/1.6 Consolas,monospace;letter-spacing:2px;color:#86a8be;text-align:center}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px 30px;position:relative}.project{display:flex;align-items:center;flex-direction:column;background:none;border:0;padding:18px 6px;min-width:0;color:inherit;text-align:center;transition:transform .4s}.project:hover{transform:translateY(-5px)}.project-image{display:block;width:90px;aspect-ratio:1;border-radius:50%;outline:1px solid #6e9cb657;outline-offset:7px;border:1px solid #a6cce4;background:#bdd1dc;overflow:hidden;box-shadow:0 0 24px #6eaece20;flex-shrink:0}.project-image img{width:100%;height:100%;object-fit:contain;padding:7px}.card-body{display:flex;flex-direction:column;gap:9px;align-items:center;margin-top:20px;max-width:290px}.card-category{font:10px/1.5 Consolas,monospace;color:var(--warm)}.project h3{font-size:19px;letter-spacing:-.3px}.summary{font-size:13px;line-height:1.65;color:#9eb6c9}.card-more{font-size:11px;color:#b2d5e9}.projects.list-mode .project-orbits,.projects.list-mode .map-centre{display:none}.projects.list-mode .project-universe{padding:0;border:0;background:none}.projects.list-mode .grid{display:block}.projects.list-mode .project{width:100%;display:grid;grid-template-columns:80px 1fr;gap:24px;border-top:1px solid var(--line);padding:22px 0;text-align:left}.projects.list-mode .project:hover{transform:none;background:#b6ddff04}.projects.list-mode .project-image{width:75px;aspect-ratio:1.25;border-radius:3px;outline:0;box-shadow:none}.projects.list-mode .card-body{align-items:start;max-width:none;margin:0;gap:5px}.projects.list-mode h3{font-size:22px}.projects.list-mode .summary{max-width:680px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;color:#9bb5c7}.pagination button{border:0;border-bottom:1px solid #7b9cb64d;background:none;font-size:12px;padding:7px 0}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{background:#0a1929bb;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;overflow:hidden}.feature-art{aspect-ratio:3/2;background:#b7cdd7;overflow:hidden}.feature-art img{width:100%;height:100%;object-fit:contain;transition:transform .7s}.feature-card:hover img{transform:scale(1.04)}.feature-copy{padding:22px;display:flex;flex-direction:column;flex:1}.feature-copy .eyebrow{font-size:10px;color:#9cbdcf;letter-spacing:.5px}.feature-copy h3{font-size:24px;margin:14px 0;letter-spacing:-.5px}.feature-copy p{font-size:14px;color:#a6bed1}.feature-note{font-size:12px!important;margin:18px 0;border-top:1px solid var(--line);padding-top:16px}.case-button{margin-top:auto;align-self:start;border:0;border-bottom:1px solid #85b3cd77;background:none;color:#b9e0f3;font-size:12px;padding:15px 0 6px}.case-button:hover{color:#fff}.role-list{border-left:1px solid #7fb1cd66;margin-left:5px}.role{border-bottom:1px solid var(--line);padding-left:26px;position:relative}.role:before{content:'';position:absolute;left:-5px;top:31px;width:9px;height:9px;background:#071320;border:1px solid #c6e3f1;border-radius:50%}.role[open]:before{background:#b5dbef;box-shadow:0 0 14px #92cafaa8}.role summary{list-style:none;display:grid;grid-template-columns:1fr 1.2fr auto 16px;gap:20px;align-items:center;padding:24px 0;cursor:pointer}.role summary::-webkit-details-marker{display:none}.role-company{font-size:15px}.role-title{font-size:14px;color:#b0c6d8}.role-dates{font:11px/1.6 Consolas,monospace;color:#8aa8be}.role-toggle{color:#caab78;font-size:23px}.role[open] .role-toggle{transform:rotate(45deg)}.role-content{max-width:850px;padding:0 0 20px;font-size:14px;color:#a5bfd2}.role-content p{color:#c2d6e3}.role-content ul{padding-left:19px}.role-content li{margin:10px 0}.toolkit-grid,.approach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.toolkit-grid article,.approach-grid article{border-top:1px solid #84aec555;padding-top:20px}.toolkit-grid h3,.approach-grid h3{font-size:22px;margin-bottom:12px}.toolkit-grid p,.approach-grid p{font-size:14px;color:#a6bdcf}.tags{padding:0;list-style:none;display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags li{font:11px/1.5 Consolas,monospace;background:#183044;border:1px solid #577c9633;padding:5px 8px;color:#b8d4e6}.step{margin-bottom:14px}#approach{padding-top:40px}.beyond{position:relative;padding:45px!important;margin:64px 0 0;background:linear-gradient(90deg,#06101cee,#06101c80),url('assets/webb-carina-1920.webp') center/cover;border:1px solid var(--line)}.beyond .section-head{display:block;max-width:470px}.beyond .section-head>p{max-width:none;margin-top:15px;color:#c0d5e4}.interests-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.interests-grid article{padding:22px;background:#05101ad9;border:1px solid #8caec13b}.interests-grid h3{font-size:22px;margin:14px 0}.interests-grid p{font-size:14px;color:#b2c9d9}.interests-grid a{display:inline-block;font-size:12px;color:#bed9e9;margin-top:16px}.nebula-credit{display:block;font:10px/1.6 Consolas,monospace;color:#a7bbca;text-align:right;margin-top:28px}.about{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px}.about h2{margin-top:12px}.education-list{display:grid;grid-template-columns:1fr 1fr;gap:30px}.education-list h3{font-size:21px}.education-list p{color:#9cb7cc;font-size:14px;margin-top:10px}.intro-video{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:center}.intro-video h2{font-size:32px;margin:15px 0}.video-copy p{font-size:14px;color:#a4bed0}.video-format{display:block;font-size:12px;color:#7e9eb5;margin-top:20px}.intro-video video{width:100%;aspect-ratio:16/9;background:#02070e;border:1px solid var(--line)}footer{margin-left:var(--rail);padding:30px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8daac0;font-size:12px}.footer-brand{color:#c3dce9;font-size:16px}.footer-brand span{display:block;font-size:11px;color:#7996aa}dialog{padding:0;width:min(900px,calc(100% - 32px));max-height:90dvh;overflow:auto;background:#081525;color:#e0eff7;border:1px solid #90c9e966;box-shadow:0 0 70px #274e7444;overscroll-behavior:contain}dialog::backdrop{background:#010610dd;backdrop-filter:blur(12px)}.close{position:sticky;float:right;top:12px;z-index:3;margin:12px 12px -56px 0;width:42px;height:42px;border:1px solid #91bed8;background:#0e2438;color:white;font-size:27px}.dialog-image{aspect-ratio:2/1;max-height:350px;background:#bdd0d9}.dialog-image img{width:100%;height:100%;object-fit:contain}.dialog-body{padding:32px;clear:both}.dialog-body h2{margin:13px 0 20px}.dialog-body>p{color:#acc3d3}#dialog-case section{border-top:1px solid var(--line);padding:22px 0;margin-top:20px}#dialog-case h3{font-size:21px;margin-bottom:10px}#dialog-case p{color:#a6bed1;font-size:15px}.dialog-body small{display:block;font-size:11px;color:#809fb6;margin-top:24px}#dialog-embed{padding-block:25px;border-top:1px solid var(--line)}#dialog-embed h3{margin-bottom:12px}#dialog-embed p{font-size:14px;color:#9fbbcf}#dialog-embed a{display:inline-block;margin:10px 0 22px}#dialog-embed iframe{display:block;width:100%;height:min(75dvh,780px);min-height:420px;background:white;border:1px solid var(--line)}#load-error{padding:20px;background:#372827;border:1px solid #bd8d7e}[hidden]{display:none!important}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}.reveal-ready.is-visible{opacity:1;transform:none}.motion-paused .observation-window img{animation-play-state:paused}.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}
@media(min-width:1800px){:root{--rail:250px;--pad:80px}.hero{min-height:690px}.grid{gap:85px 50px}.project-image{width:110px}}
@media(max-width:1200px){:root{--rail:188px;--pad:30px}.site-rail{padding:30px 18px}.brand{font-size:11px;gap:10px}.hero{gap:28px;min-height:570px}h1{font-size:82px}.role summary{grid-template-columns:1fr 1.2fr 16px;gap:7px 18px}.role-dates{grid-column:2;grid-row:2}.role-toggle{grid-column:3;grid-row:1/3}.feature-copy{padding:18px}.feature-copy h3{font-size:21px}.interests-grid{gap:15px}.interests-grid article{padding:19px}.beyond{padding:30px!important}.grid{gap:65px 20px}.project-image{width:80px}.project h3{font-size:18px}}
@media(max-width:1000px){:root{--rail:0px;--pad:30px}.site-rail{position:relative;width:100%;padding:18px 30px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:15px}.brand{font-size:13px}.rail-role,.rail-location{display:none}.section-radar{grid-column:1/-1;grid-row:2;display:flex;gap:20px;overflow-x:auto}.section-radar a{white-space:nowrap;font-size:12px;padding:8px 0}.section-radar a span{display:none}.rail-bottom{margin:0;display:flex;gap:18px;align-items:center;grid-column:2;grid-row:1}.rail-bottom>a{font-size:12px}.rail-settings{border:0;margin:0;padding:0;display:flex;gap:16px}.rail-settings a,.motion-toggle{font-size:11px}.hero{min-height:570px}.observation-window{aspect-ratio:1.15}.featured-grid{gap:18px}.observation-top{font-size:9px}.summary{font-size:13px}}
@media(max-width:700px){:root{--pad:22px}.site-rail{padding:17px 22px;gap:12px}.rail-bottom>a{display:none}.rail-settings{gap:13px}.hero{grid-template-columns:1fr;gap:28px;padding:32px 0!important;min-height:0}.intro-copy{position:relative;padding-right:0}h1{font-size:clamp(68px,12vw,90px);margin:18px 0;line-height:1;letter-spacing:-4px}h1 br{display:none}h1 em{letter-spacing:-4px}.intro-role{font-size:19px}.intro-description{max-width:520px;font-size:15px;margin-top:14px}.intro-link{margin-top:20px}.observation-window{aspect-ratio:2}.observation-top{font-size:10px;padding:11px 14px}figcaption{font-size:10px;padding:10px 14px}main>section{padding:42px 0}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:450px;margin-top:12px}.gallery-tools{display:block}.count{display:block;margin-top:14px}.filters button{font-size:11px;padding:8px 10px}.explorer-toolbar p{font-size:11px}.view-switch button{font-size:11px;padding:6px 9px}.project-universe{padding:18px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 18px}.map-centre{display:none}.project-image{width:75px}.card-body{gap:7px}.project h3{font-size:18px}.summary{font-size:12px}.project{padding:15px 0}.projects.list-mode .summary{font-size:14px}.projects.list-mode .project{grid-template-columns:64px 1fr;gap:17px}.projects.list-mode .project-image{width:60px}.projects.list-mode h3{font-size:21px}.featured-grid{grid-template-columns:1fr}.feature-card{display:grid;grid-template-columns:.8fr 1.2fr}.feature-art{aspect-ratio:auto;height:100%}.feature-copy{padding:22px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:14px}.feature-note{margin:16px 0}.role summary{grid-template-columns:1fr 16px;gap:5px 10px}.role-company,.role-title,.role-dates{grid-column:1;grid-row:auto}.role-toggle{grid-column:2;grid-row:1/4}.role{padding-left:22px}.toolkit-grid,.approach-grid{grid-template-columns:1fr;gap:25px}.toolkit-grid article,.approach-grid article{padding-top:20px}.tags{margin-top:15px}.beyond{margin-top:40px;padding:26px!important}.interests-grid{grid-template-columns:1fr;gap:16px}.about{grid-template-columns:1fr}.education-list{grid-template-columns:1fr;gap:24px}.intro-video{grid-template-columns:1fr;gap:24px}.intro-video h2{font-size:30px}.video-format{margin-top:12px}footer{flex-wrap:wrap;padding:24px var(--pad);font-size:11px}footer>span{display:none}.dialog-body{padding:24px}.dialog-image{aspect-ratio:3/2}}
@media(max-width:420px){.rail-settings a,.motion-toggle{font-size:10px}.brand{font-size:11px}.brand-orbit{width:20px;height:20px}.rail-bottom{gap:0}.hero h1{font-size:65px;letter-spacing:-4px}.hero h1 em{letter-spacing:-4px}.feature-card{display:flex;flex-direction:column}.feature-art{aspect-ratio:3/2;height:auto}.project h3{font-size:17px}.card-category{font-size:9px}.explorer-toolbar{gap:10px}.view-switch button{font-size:10px}.observation-top{font-size:9px}.rail-settings{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.project:hover,.feature-card:hover img{transform:none}}
@media print{.site-rail,#starfield,.view-switch,.project-orbits,.map-centre,.pagination,.filters,dialog,.intro-video{display:none}main,footer{margin:0;padding:0}.hero{min-height:0}body{color:black;background:white}.reveal-ready{opacity:1;transform:none}.project,.feature-card,.role{break-inside:avoid}.beyond{background:white}.grid{display:block}}

@media(max-width:420px){.site-rail{grid-template-columns:1fr}.rail-bottom{grid-column:1;grid-row:2;justify-content:flex-start}.section-radar{grid-row:3}.rail-settings{gap:20px}.rail-settings a,.motion-toggle{font-size:12px}}
@media(min-width:1001px){.site-rail{overflow-y:auto}.section-radar a{font-size:17px;font-weight:500;line-height:1.45;gap:10px;padding:13px 0}.section-radar a span{font-size:11px;flex-shrink:0}}
@media(min-width:1001px) and (max-width:1200px){.section-radar a{font-size:16px}}