:root{--space:#090f1c;--ink:#f1ede3;--muted:#a3abb9;--gold:#e8bd76;--line:#29313e;--panel:#101827}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--space);color:var(--ink);font-family:Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{background:none;border:0}button:hover,a:hover{color:var(--gold)}[hidden]{display:none!important}.review-bar{position:relative;z-index:10;display:flex;align-items:center;gap:20px;padding:12px 24px;background:#ece5d7;color:#253042;font-size:11px;flex-wrap:wrap}.review-bar strong{letter-spacing:1px}.review-bar label{display:flex;gap:7px;align-items:center}.review-bar select{font-size:12px;border:1px solid #bdb7ab;background:transparent;padding:6px;color:#253042}.review-bar>a{margin-left:auto;text-decoration:underline}header{height:108px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}.identity{font-family:Georgia,serif;font-size:32px;letter-spacing:-1px}.identity span{font-family:Arial,sans-serif;color:var(--gold);font-size:27px;margin-left:10px}nav{display:flex;gap:38px;font-size:14px}.hero{height:730px;position:relative;isolation:isolate;overflow:hidden}.intro{position:absolute;left:5%;top:72px;z-index:3;pointer-events:none}.intro a{pointer-events:auto}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:500;color:var(--muted);margin:0 0 30px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(46px,5.35vw,78px);font-weight:normal;line-height:1.07;letter-spacing:-3px;margin-bottom:28px}em{font-weight:normal;color:var(--gold)}.lede{line-height:1.7;color:var(--muted);margin-bottom:30px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:17px 22px;border-radius:3px;font-size:13px}.primary{color:#15191e;background:var(--gold)}.primary:hover{color:#15191e;background:#f4d59f}.text-link{font-size:13px;padding:12px 0}.text-link span{margin-left:10px}.sky{position:absolute;width:900px;height:620px;right:-25px;top:95px;transition:transform .65s ease,opacity .4s}.sky canvas{position:absolute;width:100%;height:100%;inset:0;opacity:.85}.orbits{width:100%;height:100%;color:#738092;opacity:.31;transform:rotate(-15deg)}.sun{position:absolute;width:182px;height:182px;left:359px;top:219px;filter:drop-shadow(0 0 23px #dd862753)}.sun:before{content:"";position:absolute;inset:-35px;background:radial-gradient(ellipse,#ef9c2b2b,transparent 65%);z-index:-1}.sun img{width:100%;height:100%}.sun-label{position:absolute;left:25px;right:25px;bottom:-9px;text-align:center;color:#b89c70;font-size:10px;letter-spacing:1px}.planet{position:absolute;z-index:2;width:106px;height:106px;margin:-53px 0 0 -53px;border-radius:50%;padding:0;display:block;text-align:left}.planet img{height:100%;width:100%;filter:drop-shadow(0 0 6px #779fb222)}.planet-label{position:absolute;top:95px;left:28px;white-space:nowrap;line-height:1.7;font-size:13px;color:var(--ink);text-shadow:0 2px 4px #090f1c}.planet-label b{font-weight:400}.planet-label small{display:block;font-size:10px;color:#9ba7ba}.planet-label i{font-style:normal;margin-left:12px;color:var(--gold)}.civic{width:124px;height:124px;margin:-62px 0 0 -62px}.civic .planet-label{top:108px;left:34px}.ring{position:absolute;width:132px;height:32px;border:6px double #90848a65;border-radius:50%;left:-13px;top:36px;transform:rotate(-25deg)}.fixture,.study-orbit{display:none}.materials .fixture,.materials .study-orbit{display:block}.scene-footer{position:absolute;z-index:4;left:5%;right:5%;bottom:26px;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.7;color:#b6bdc9}.scene-footer small{font-size:11px;color:#79869c}.scene-controls{display:flex;align-items:center;gap:20px}.scene-controls>span{font-size:10px;color:#8793a4}.scene-controls button{padding:13px 18px;border:1px solid #445064;border-radius:3px;font-size:12px}#preview{position:absolute;z-index:6;right:5%;top:42px;width:360px;background:var(--panel);padding:30px;border:1px solid #303a49;border-radius:4px}#close-preview{margin-bottom:42px}#preview .eyebrow{font-size:9px;margin-bottom:20px}#preview h2{font:48px Georgia,serif;letter-spacing:-1px;margin-bottom:18px}.preview-lede{font:23px/1.35 Georgia,serif}#preview p:not(.eyebrow):not(.preview-lede){font-size:13px;color:var(--muted);line-height:1.8}.status{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px!important;margin:22px 0}#preview .button{width:100%;margin-bottom:10px}#preview>.text-link{display:block}.panel-note{margin-top:25px;font-size:10px;line-height:1.7;color:#8c99ad}.focused .intro{opacity:0;pointer-events:none}.focused .intro a{pointer-events:none}.focused .sky{transform:translateX(-370px) scale(1.13)}.focused .fixture,.focused .sun-label{opacity:.25}.centered .intro{left:0;width:100%;text-align:center;top:35px}.centered h1{font-size:56px;line-height:1.08}.centered .intro h1 br{display:none}.centered .intro .lede{margin-bottom:20px;font-size:14px}.centered .intro .lede br{display:none}.centered .actions{justify-content:center}.centered .sky{top:205px;right:calc(50% - 450px);transform:scale(.82)}.centered .focused .sky{transform:translateX(-210px) scale(1)}.project-section,.case,.about,.review-notes{padding:80px 5%;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading .eyebrow{margin-bottom:20px}h2{font:normal 50px/1.15 Georgia,serif;letter-spacing:-1px;margin-bottom:0}.section-heading>span{font-size:12px;color:var(--muted);margin-bottom:8px}.filter-row{display:flex;gap:8px;margin:34px 0 15px}.filter-row button{font-size:12px;padding:10px 16px;color:var(--muted);border:1px solid transparent}.filter-row .active{border-color:#536176;border-radius:3px;color:var(--ink)}.project-row{display:flex;gap:24px;align-items:center;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.row-number{font-size:11px;color:#73839c}.project-row img{width:100px;height:100px}.project-row h3{font:28px Georgia,serif;margin-bottom:10px}.project-row p{font-size:14px;color:var(--muted);margin-bottom:12px}.project-row div>span{font-size:11px;color:#7f8ea5}.row-status{font-size:12px;line-height:1.8;margin-left:auto;color:#c4c9d3}.row-status small{color:#8996a8}.row-arrow{font-size:30px;margin-left:25px}.case{background:#eee8dc;color:#202c3c}.case .eyebrow{color:#68717c}.case-heading{display:flex;justify-content:space-between;align-items:end;margin:50px 0}.case-heading h2{font-size:78px}.case-subtitle{font:36px/1.15 Georgia,serif;margin:20px 0 0}.case dl{font-size:12px;width:250px;margin:0}.case dt{color:#78808a;margin-bottom:7px}.case dd{margin:0 0 20px}.system-diagram{background:#dfded5;padding:38px}.diagram-flow{display:flex;gap:30px;align-items:center}.diagram-flow>div{flex:1}.diagram-flow span{font-size:10px;letter-spacing:1px;color:#65707b}.diagram-flow h3{font:24px Georgia,serif;margin:20px 0 12px}.diagram-flow p,.diagram-caption{font-size:13px;line-height:1.7}.diagram-caption{border-top:1px solid #bfc3bf;padding-top:20px;margin-top:28px;margin-bottom:0}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-top:48px}.case-body h3{font:28px Georgia,serif}.case-body p{font-size:15px;line-height:1.8;max-width:700px}.case .text-link:hover{color:#8a5924}.about{padding-top:105px;padding-bottom:105px}.about h2{font-size:62px}.about>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:430px;margin-top:28px}.about .text-link{display:inline-block;margin-top:12px}.review-notes{background:#101827}.storyboard{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.storyboard p{font-size:12px;line-height:1.7;color:var(--muted)}.storyboard b{display:block;font-size:13px;color:var(--ink);margin-bottom:14px;font-weight:normal}details{border-top:1px solid var(--line);padding:24px 0;font-size:13px}details p{line-height:1.7;color:var(--muted);max-width:800px;margin-top:22px}.smallprint{font-size:11px;line-height:1.7;color:#8a98ad;max-width:780px}footer{padding:30px 5%;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}#empty{padding:30px;color:var(--muted)}
.centered h1 em:before{content:' '}.focused .scene-footer{right:calc(5% + 390px)}
@media(min-width:1500px){#experience{max-width:1600px;margin:auto}.sky{right:20px}}@media(max-width:1100px) and (min-width:701px){.sky{right:-180px;top:110px;transform:scale(.83)}.intro{top:60px}h1{font-size:56px}.focused .sky{transform:translateX(-260px) scale(.92)}#preview{right:4%;width:320px}.scene-controls>span{display:none}}
@media(max-width:700px){.review-bar{gap:10px;padding:12px 18px;font-size:10px}.review-bar>span{display:none}.review-bar>a{margin-left:0}.review-bar select{max-width:180px;font-size:10px}.review-bar strong{width:100%}header{height:84px;margin:0 24px}.identity{font-size:27px}nav{gap:21px;font-size:11px}nav a:last-child{display:none}.hero{height:790px}.intro{left:24px;right:24px;top:38px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:22px}h1{font-size:45px;letter-spacing:-1.8px;line-height:1.12}.lede{font-size:14px;line-height:1.7;margin-bottom:24px}.desktop{display:none}.actions{gap:20px}.button{font-size:11px;padding:15px 16px;gap:15px}.text-link{font-size:11px}.sky{right:calc(50% - 450px);top:255px;transform:scale(.48);transform-origin:center center}.planet-label{font-size:23px;top:105px}.planet-label small{font-size:18px}.civic .planet-label{top:110px;font-size:25px}.sun-label{font-size:17px;bottom:-18px;left:-20px;right:-20px}.scene-footer{left:24px;right:24px;bottom:22px;align-items:end;font-size:10px}.scene-footer small{display:none}.scene-controls>span{display:none}.scene-controls button{font-size:10px;padding:12px}.focused .sky{transform:scale(.48);top:-120px}.focused .sun,.focused .orbits,.focused .fixture{opacity:.1}#preview{width:auto;left:24px;right:24px;top:185px;padding:23px}#close-preview{margin-bottom:20px}#preview h2{font-size:39px}.preview-lede{font-size:22px}#preview .panel-note{margin-top:15px}.centered .intro{left:24px;right:24px;width:auto;text-align:left;top:38px}.centered h1{font-size:45px}.centered .intro h1 br{display:block}.centered .actions{justify-content:start}.centered .sky{top:255px;transform:scale(.48)}.centered .focused .sky{top:-120px;transform:scale(.48)}.project-section,.case,.about,.review-notes{padding:48px 24px}.section-heading{display:block}h2{font-size:38px}.section-heading>span{display:block;margin:18px 0 0;font-size:10px}.filter-row{gap:2px}.filter-row button{padding:9px 10px;font-size:10px}.project-row{gap:12px;align-items:start;position:relative}.project-row img{width:68px;height:68px;margin-left:-12px}.row-number{display:none}.project-row h3{font-size:25px}.project-row p{font-size:12px;line-height:1.6;margin-right:8px}.project-row div>span{font-size:10px}.row-status{display:none}.row-arrow{font-size:22px;margin-left:0}.case-heading{display:block;margin:35px 0}.case-heading h2{font-size:58px}.case-subtitle{font-size:28px}.case dl{margin-top:30px}.system-diagram{padding:24px}.diagram-flow{display:block}.diagram-flow>b{display:block;transform:rotate(90deg);width:18px;margin:20px 0}.diagram-flow h3{margin:10px 0}.case-body{display:block;margin-top:36px}.case-body p{font-size:14px}.about h2{font-size:39px}.about>p:not(.eyebrow){font-size:14px}.storyboard{grid-template-columns:1fr 1fr;gap:20px}footer{padding:25px 24px;font-size:9px;gap:20px}.materials .planet-label small{font-size:17px}}
@media(max-width:360px){h1,.centered h1{font-size:39px}.actions{gap:10px}.button{padding:13px 12px}.intro,header{margin-left:0;margin-right:0}.intro{left:20px;right:20px}header{margin:0 20px}.scene-footer{left:20px;right:20px}.sky,.centered .sky{transform:scale(.41)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sky{transition:none}}
@media(max-width:700px){.focused .scene-footer{right:24px}}
@media(max-width:700px){h1,.centered h1{font-size:40px}.hero{height:700px}.sky,.centered .sky{top:180px}.focused .sky,.centered .focused .sky{top:-145px}}
@media(max-width:700px){.hero.focused{height:850px}.focused #preview{top:165px}.focused .sky,.centered .focused .sky{top:-220px}}
@media(min-width:701px) and (max-width:900px){.hero{height:800px}.sky{top:180px}}
/* Revision 02: desktop-led, smaller silhouettes and untextured materials. */
picture{display:contents}.mobile-poster,.mobile-caption{display:none}
.planet img{width:62%;height:62%;margin:19%;filter:none}
.planet-label{top:78px;left:38px}.civic .planet-label{top:90px;left:44px}
.sun{--body-diameter:172px;width:227px;height:227px;left:336.5px;top:196.5px;filter:drop-shadow(0 0 24px #dd862745)}
.sun img{position:absolute;width:calc(var(--body-diameter)*2);height:calc(var(--body-diameter)*2);left:50%;top:50%;transform:translate(-50%,-50%)}
.sun-label{left:-20px;right:-20px;bottom:-12px}
.ring{width:82px;height:20px;left:12px;top:43px;border:2px solid #90848a60}
/* Visible body diameters share one scale across images and live geometry. */
.planet{--body-diameter:36px;--image-fill:44.4%;z-index:3}
.planet.civic{--body-diameter:44px;--image-fill:41.6%}
.planet[data-planet="2"]{--body-diameter:30px;--image-fill:37.3%}
.planet[data-planet="3"]{--image-fill:44.8%}
.planet img{width:var(--image-fill);height:var(--image-fill);margin:calc((100% - var(--image-fill))/2)}
.planet .planet-label{top:calc(50% + var(--body-diameter)/2 + 8px);left:50%;transform:translateX(-50%);text-align:center}
.planet .ring{width:58px;height:15px;left:24px;top:45px}
.sun{z-index:1}.sun-label{bottom:5px}
.sky canvas.overview-worlds{z-index:2;opacity:1;pointer-events:none}
.overview-ready .sun img,.planet.overview-live img,.planet.overview-live>.ring{visibility:hidden}
@media(max-width:700px){
  .hero,.hero.focused{height:auto;padding:38px 24px 28px}
  .intro,.centered .intro{position:static;width:auto;pointer-events:auto}
  .sky,.centered .sky,.scene-footer,#preview{display:none!important}
  .mobile-poster{display:block;width:100%;max-width:390px;height:auto;margin:25px auto 0}
  .mobile-caption{display:block;margin:4px 0 0;color:var(--muted);font-size:10px;text-align:center}
  .project-section{padding-top:34px}
}
@media(max-width:360px){.hero{padding-left:20px;padding-right:20px}}
/* Revision 04: a centered system with a compact supporting introduction. */
@media(min-width:701px){
  .centered .hero{height:calc(100svh - 170px);min-height:620px}
  .centered .intro{top:24px;left:5%;width:auto;max-width:330px;text-align:left}
  .centered .intro .eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:2px}
  .centered h1{font-size:34px;line-height:1.08;letter-spacing:-1.2px;margin-bottom:16px}
  .centered .intro h1 br{display:block}
  .centered h1 em:before{content:none}
  .centered .intro .lede{font-size:12px;line-height:1.65;max-width:275px;margin-bottom:16px}
  .centered .actions{justify-content:flex-start;gap:18px}
  .centered .actions .button{font-size:11px;padding:12px 14px;gap:20px}
  .centered .actions .text-link{font-size:11px}
  .centered .sky{--system-scale:1;left:50%;right:auto;top:50%;transform:translate(-50%,-50%) scale(var(--system-scale))}
  .centered .focused .sky{transform:translate(calc(-50% - 190px),-50%) scale(.85)}
}
@media(min-width:701px) and (max-width:1100px){
  .centered .sky{--system-scale:.88}
  .centered .intro{max-width:300px}
  .centered h1{font-size:30px}
  .centered .focused .sky{transform:translate(calc(-50% - 160px),-50%) scale(.72)}
}
@media(min-width:701px) and (max-width:900px){
  .centered .sky{--system-scale:.74;top:54%}
  .centered .intro{top:20px}
  .centered h1{font-size:28px}
}
/* A quiet two-sentence introduction keeps the orbital scene in focus. */
.intro,.centered .intro{max-width:360px}
.intro h1,.centered .intro h1{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin-bottom:10px}
.intro .lede,.centered .intro .lede{font-size:13px;line-height:1.7;max-width:300px;margin-bottom:0}
.intro .gold-word{color:var(--gold)}
/* Baked cloud wisps and distant stars keep background work to two image layers. */
.identity{position:relative;padding-right:34px}
.identity .identity-author{font:normal 15px Arial,sans-serif;letter-spacing:0;margin-left:8px;color:var(--muted)}
.identity .identity-star{position:absolute;right:0;top:0;margin-left:0}
@media(max-width:700px){.identity{font-size:26px}.identity .identity-author{display:block;font-size:11px;margin:3px 0 0;letter-spacing:.4px}.identity .identity-star{font-size:24px}}
body{isolation:isolate}
body:before{content:"";position:fixed;inset:-8px;z-index:-1;pointer-events:none;background:url("assets/stars.svg?v=space-01") repeat;background-size:1440px 1000px;transform:translate3d(var(--star-drift-x,0px),var(--star-drift-y,0px),0);will-change:transform}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:url("assets/nebula.webp?v=space-01") center/cover no-repeat;opacity:.8}
@media(max-width:700px){body:before{opacity:.65;transform:none;will-change:auto}body:after{opacity:.55}}
/* Single-screen system and selected-planet close-up. */
nav button{padding:0;font-size:14px}
.centered .hero{height:calc(100svh - 108px);min-height:0}
.centered .sky{top:54%}
.sky,.intro,.scene-footer,.mobile-poster,.mobile-caption,.mobile-projects{transition:opacity .5s ease}
.zoomed .sky,.zoomed .intro,.zoomed .scene-footer,.zoomed .mobile-poster,.zoomed .mobile-caption,.zoomed .mobile-projects{opacity:0;pointer-events:none}
.world-view{position:absolute;z-index:4;pointer-events:none;opacity:0;transform-origin:center;will-change:transform,opacity}
.world-view img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 35px #0003);transition:opacity .22s ease}
.landed .world-view.live{pointer-events:auto}
.world-view.live>img,.world-view.arrival-live>img{opacity:0}
.world-view canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.world-view.arrival-live canvas:not(.arrival-canvas){opacity:0}
.world-view canvas:active{cursor:grabbing}
.world-toolbar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:11px;color:var(--muted);padding:10px 14px;border-radius:4px;background:#090f1ccc}
.world-toolbar button{font-size:11px;color:var(--ink);padding:6px}
.live-status{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted);white-space:nowrap}
.hero:not(.landed) .world-toolbar,.hero:not(.landed) .earth-markers,.hero:not(.landed) .live-status{visibility:hidden}
.planet.in-transit{visibility:hidden}
.sky{transition:opacity .32s ease,scale .68s cubic-bezier(.2,.72,.2,1)}
.zoomed .sky{scale:.94}
.returning .sky{opacity:1;scale:1;transition-duration:.52s}
.returning .intro,.returning .scene-footer,.returning .mobile-projects,.returning .mobile-poster,.returning .mobile-caption{opacity:1;transition-delay:.30s;transition-duration:.18s}
.planet-label{transition:opacity .16s ease}
.returning .planet-label{opacity:0}
.transition-status{display:none;position:absolute;z-index:7;left:5%;top:66px;color:var(--muted);font-size:12px;pointer-events:none}
.preparing .transition-status{display:block;animation:loading-status .2s .18s both}
.preparing .intro{opacity:0;transition-duration:.16s}
.unavailable .transition-status{display:block;top:auto;bottom:76px}
@keyframes loading-status{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .sky{scale:1;transition:opacity .14s ease}body:not(.motion-enabled) .intro,body:not(.motion-enabled) .scene-footer,body:not(.motion-enabled) .planet-label,body:not(.motion-enabled) .world-view img{transition-duration:.01ms;transition-delay:0s}}
#preview{top:50%;right:8%;transform:translateY(-50%);width:32%;max-width:380px;background:none;border:0;padding:0;max-height:75%;overflow:auto;animation:none}
#preview h2{font-size:clamp(36px,4vw,58px)}
.back-system{position:absolute;z-index:7;left:5%;top:25px;color:var(--muted);font-size:13px;padding:10px 0}
.mobile-projects{display:none}
dialog{background:#101827;color:var(--ink);border:1px solid var(--line);border-radius:6px;width:min(440px,90vw);padding:36px;box-shadow:0 20px 90px #0008}
dialog::backdrop{background:#050914bb;backdrop-filter:blur(6px)}
dialog h2{font-size:32px;margin:10px 0 28px}dialog p{font-size:14px;line-height:1.8;color:var(--muted)}
#close-navigation{position:absolute;right:18px;top:12px;font-size:24px;color:var(--muted)}
.project-choice{display:block;padding:18px 0;border-top:1px solid var(--line);width:100%;text-align:left;font-size:15px}
@keyframes reveal-details{from{opacity:0}to{opacity:1}}
/* Let the overview fill roomy desktops without crowding short windows. */
@media(min-width:701px){
  header{height:72px}
  .identity{font-size:26px}
  .identity .identity-author{font-size:13px}
  .identity .identity-star{font-size:22px}
  nav,nav button{font-size:12px}
  .centered .hero{height:calc(100svh - 72px)}
  .centered .intro{top:16px}
  .centered .intro h1{font-size:18px;margin-bottom:6px}
  .centered .intro .lede{font-size:12px}
  .centered .sky{top:50%}
}
@media(min-width:1600px) and (min-height:900px){.centered .sky{--system-scale:1.1}}
@media(min-width:1920px) and (min-height:1050px){.centered .sky{--system-scale:1.25}}
@media(min-width:1920px) and (min-height:1200px){.centered .sky{--system-scale:1.4}}
@media(min-width:2300px) and (min-height:1250px){#experience{max-width:1800px}.centered .sky{--system-scale:1.6}}
@media(min-width:701px) and (max-height:720px){.centered .sky{--system-scale:.70;top:54%}.centered .intro{top:18px}.scene-footer{bottom:16px}}
@media(min-width:701px) and (max-height:550px){.centered .sky{--system-scale:.48;top:58%}.scene-footer>span{display:none}.scene-footer{justify-content:flex-end}}
@media(max-width:700px){
  .centered .hero{height:calc(100svh - 84px);min-height:480px}
  nav button{font-size:11px}
  .mobile-projects{display:block;color:var(--gold);margin:24px auto;padding:12px}
  .zoomed #preview{display:block!important;left:24px;right:24px;top:100px;transform:none;width:auto;max-width:none;max-height:calc(100% - 130px);padding:0}
  .back-system{left:24px;top:28px}
}