/* The archive is a place; its typography and instruments occupy the margins. */
:root{--ink:#050a0d;--paper:#ece7d8;--muted:#adb9b8;--line:#91ada52e;--red:#ff7854}body{background:var(--ink)}#atlas{padding:0;max-width:none;height:100svh;min-height:650px;isolation:isolate}#atlas:after{z-index:8;opacity:.035}header{position:absolute;top:26px;left:3vw;right:3vw;z-index:5}.brand-mark{font-size:36px}.edition{font-size:10px}.world{position:static;width:100%;height:100%;min-height:0;max-height:none}.specimen{position:absolute;inset:0;width:100%;height:100%;z-index:0}canvas{touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.coordinates{top:118px;left:3vw;z-index:2;font-size:10px;color:#b8c2bc}.headline{position:absolute;left:4vw;top:26%;width:35%;padding:0;z-index:2;transition:opacity .45s,transform .8s,filter .5s;text-shadow:0 2px 32px #000}#eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:23px}h1{font-size:clamp(42px,5.1vw,88px);line-height:.95;letter-spacing:-2.5px}h1 em{font-size:1em;letter-spacing:-2px}#description{font-size:14px;line-height:1.7;max-width:300px;margin-top:24px;color:#c0c9c5}.field-note{right:3vw;bottom:235px;z-index:2;width:170px;text-shadow:0 2px 12px #000}.field-note p{font-size:17px}.field-note .instruction{font-size:11px}.specimen-label{left:50%;bottom:212px;font-size:10px;letter-spacing:2px;z-index:2}.orbit-note{right:3vw;top:150px;color:#a5b9b4}#interact{left:62%;top:52%;width:112px;height:112px;border:1px solid #b7e2d568;background:#06131765;color:var(--paper);backdrop-filter:blur(3px);font-size:10px;letter-spacing:1px;box-shadow:0 0 40px #a2f7dd0b;transition:background .3s,scale .3s,opacity .35s;z-index:3}#interact:hover{background:#ff7854cf;box-shadow:0 0 70px #ff785433}.cross{font-size:30px;font-weight:100}.message{left:4vw;bottom:214px;max-width:34%;font-size:12px;z-index:2;color:#fca78b;text-shadow:0 2px 8px #000}footer{position:absolute;bottom:22px;left:3vw;right:3vw;z-index:4;grid-template-columns:210px 1fr;column-gap:5vw;padding:22px 0 0;border-top:1px solid #c7d9ce40;background:linear-gradient(0deg,#050a0ded,transparent)}nav button{font-size:12px;padding:15px 20px;transition:background .3s,transform .3s}nav button:hover{transform:translateY(-5px);background:#96d9c90b}nav small{font:12px/1.5 'DM Mono',monospace;color:#a9b7b1}nav button[aria-current=true]{background:none;border-top:1px solid var(--red)}.footer-bottom{padding-top:16px;font-size:10px}.quiet{font-size:9px}.changing .headline{transform:translateX(-60px);filter:blur(12px)}.changing #interact,.changing .field-note,.changing .specimen-label{opacity:0}.field-note{transition:opacity .35s}.arrival{background:radial-gradient(ellipse at center,#06111588,#03090ef2);backdrop-filter:blur(2px)}.arrival p{font-size:clamp(60px,10vw,140px)}.arrival label{color:#d1d8cf}.arrival button{margin-top:5px}.arrival.hidden{transition:opacity 1s,visibility 1s,backdrop-filter 1s;backdrop-filter:blur(0)}.arrival-foot{font-size:12px}.tuner label{font-size:11px}.tuner output{font-size:18px}.ruler{font-size:10px}dialog{background:#081217;color:var(--paper);border:1px solid #a1cab451;box-shadow:0 0 100px #a1e5cc20}dialog::backdrop{background:#02070acc}#flight-caption{position:absolute;top:48%;left:0;width:100%;text-align:center;pointer-events:none;font:12px 'DM Mono',monospace;letter-spacing:8px;color:#e8f6e9;z-index:6;opacity:0;transition:opacity .3s}.changing #flight-caption{opacity:1}.travel-hint{position:absolute;left:50%;transform:translateX(-50%);top:100px;z-index:2;color:#b0c6be;font:10px 'DM Mono',monospace;letter-spacing:1.5px;pointer-events:none}#atlas[data-scene="1"]{--red:#b8eddd}#atlas[data-scene="2"]{--red:#b8d886}#atlas[data-scene="3"]{--red:#ffad65}.sound-bars{display:inline-block}#audio[aria-pressed=true] .sound-bars{animation:signal 1.5s ease-in-out infinite}@keyframes signal{50%{transform:scaleY(.4)}}
@media(max-width:1000px){.headline{top:23%;width:42%}h1{font-size:60px}.field-note{display:none}.message{max-width:50%}.specimen-label{left:60%;font-size:9px}footer{column-gap:20px;grid-template-columns:180px 1fr}nav button{font-size:10px;padding:12px 9px;gap:8px}.edition{display:none}.quiet{display:none}}
@media(max-width:700px){#atlas{height:100svh;min-height:780px;padding:0}header{top:18px;left:6vw;right:6vw}.brand{font-size:9px}.brand-mark{font-size:30px}#audio{font-size:10px}.coordinates{top:85px;left:6vw;font-size:8px}.travel-hint{top:112px;font-size:9px;width:100%;text-align:center}.headline{top:155px;left:6vw;width:84%;padding:0;pointer-events:none}#eyebrow{font-size:9px;margin-bottom:14px}h1{font-size:43px;line-height:1;letter-spacing:-1px}h1 br{display:none}h1 br:after{content:' ' }h1 em{letter-spacing:-1px}#description{font-size:12px;line-height:1.6;max-width:240px;margin-top:15px}.specimen{inset:0;width:100%;height:100%}#interact{left:55%;top:51%;width:93px;height:93px;font-size:9px}.specimen-label{left:6vw;bottom:261px;font-size:8px;letter-spacing:1px}.orbit-note{display:none}.message{left:6vw;bottom:228px;font-size:10px;max-width:88%}footer{left:6vw;right:6vw;bottom:14px;grid-template-columns:1fr;gap:12px;padding-top:12px}.tuner{width:100%}.tuner-top{margin-bottom:0}.ruler{display:none}nav{grid-template-columns:repeat(3,1fr)}nav button{font-size:9px;line-height:1.5;display:block;padding:10px 7px;border:0;border-left:1px solid var(--line);min-height:76px}nav small{display:none}.nav-no{display:block;font-size:10px;margin-bottom:5px}.nav-symbol{display:none}.footer-bottom{padding-top:0;font-size:8px;gap:5px}.footer-bottom button{font-size:9px}.arrival p{font-size:58px}.arrival label{font-size:11px}.arrival-foot{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sound-bars{animation:none!important}.changing .headline{filter:none;transform:none}}
.travel-hint{display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:auto}.travel-hint button{font:20px Georgia,serif;width:38px;height:38px;border:1px solid #91ada530;border-radius:50%;background:#04090d55;transition:background .3s}.travel-hint button:hover{background:#c4e1cd22}.travel-hint span{font-size:10px;pointer-events:none}.tuner-top{gap:12px}.tuner output{white-space:nowrap}#atlas:not(.changing) .headline{animation:scene-text 1.4s both}@keyframes scene-text{from{opacity:0;transform:translateY(25px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:700px){.travel-hint{top:100px;gap:14px}.travel-hint button{width:30px;height:30px;font-size:17px}.travel-hint span{font-size:9px}.headline{top:155px}.tuner-top{justify-content:space-between}.tuner label{font-size:10px}}
@media(min-width:701px) and (max-height:800px){.headline{top:23%}h1{font-size:clamp(42px,4.7vw,65px)}#description{font-size:13px;margin-top:20px}.message{bottom:200px;font-size:11px}.specimen-label{bottom:205px}.field-note{bottom:235px}}
.world-map{position:absolute;right:3vw;top:100px;z-index:5;width:148px;background:#04090d99;padding:10px;border:1px solid #9ebfac30;backdrop-filter:blur(8px)}.world-map>button{font:9px/1.6 'DM Mono',monospace;text-align:left;padding:0 0 9px}.world-map>span{display:block;font:7px/1.6 'DM Mono',monospace;margin-top:9px;letter-spacing:.5px;color:#96aaa2}#atlas-map{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-top:1px solid #9ebfac20;border-left:1px solid #9ebfac20}#atlas-map>span,#atlas-map>button{height:28px;display:grid;place-items:center;font:9px 'DM Mono',monospace;border-right:1px solid #9ebfac20;border-bottom:1px solid #9ebfac20}#atlas-map>span{color:#567368}#atlas-map>button{color:#eef6de;background:#aac9b416}#atlas-map>button:hover{background:#aac9b440}.camera-marker{position:absolute;pointer-events:none;left:var(--camera-x);top:var(--camera-y);width:23%;height:23%;transform:translate(-50%,-50%);border:1px solid var(--red);box-shadow:0 0 10px #bbd9b933}.orbit-note{display:none}.field-note{bottom:215px}.overview .headline,.overview .field-note,.overview #interact,.overview .specimen-label,.overview .travel-hint{opacity:0;visibility:hidden;pointer-events:none}.overview .message{max-width:70%}#flight-caption{top:45%;letter-spacing:5px;font-size:15px;text-shadow:0 2px 15px #000}.changing .message{opacity:0}.changing .travel-hint{opacity:0;pointer-events:none}#atlas-map button[aria-current=true]{color:var(--red)}
@media(max-width:700px){.world-map{top:72px;right:6vw;width:122px;padding:6px}.world-map>button{font-size:8px;padding-bottom:5px}.world-map>span{display:none}#atlas-map>span,#atlas-map>button{height:23px;font-size:8px}.coordinates{max-width:48%;line-height:1.7}.coordinates>span{margin-left:0}.headline{top:218px}h1{font-size:34px}#description{display:none}.travel-hint{top:145px;left:6vw;transform:none;width:auto;gap:7px}.travel-hint span{font-size:8px}.travel-hint button{width:26px;height:26px}.overview .message{max-width:85%}.specimen-label{bottom:249px}#flight-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){#flight-caption{display:none}}
@media(max-width:700px){.overview #atlas-map,.overview .world-map>span{display:none}.overview .world-map{width:auto}.overview .coordinates{display:none}}
.overview .coordinates{visibility:hidden}.overview .message{top:105px;bottom:auto;max-width:65%}@media(max-width:700px){.overview .message{top:115px;max-width:86%;font-size:9px}}
#gesture-hint{position:absolute;left:62%;top:66%;transform:translateX(-50%);font:10px 'DM Mono',monospace;letter-spacing:1.5px;color:#d4dfcc;white-space:nowrap;pointer-events:none}.physical-controls{display:none;position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);z-index:3}#atlas[data-scene="2"] #interact,#atlas[data-scene="3"] #interact{display:none}#atlas[data-scene="2"] #garden-controls,#atlas[data-scene="3"] #sun-controls{display:block}.overview .physical-controls,.changing .physical-controls,.overview #gesture-hint,.changing #gesture-hint{visibility:hidden;pointer-events:none}.physical-controls button:disabled{opacity:.35;cursor:default}#interact{--charge:0deg;isolation:isolate;transition:transform .4s,background .25s,box-shadow .35s,scale .3s}#interact:before{content:'';position:absolute;inset:-8px;border:1px dashed #c2ddcc66;border-radius:50%;transition:transform .7s,opacity .4s;opacity:0}#interact:hover:before{opacity:1;transform:rotate(60deg)}#interact.holding{scale:.9;background:#afdacc44;box-shadow:0 0 100px #bcf5e744}#interact.holding:before{opacity:1;border:0;background:conic-gradient(#c8fbed var(--charge),#c8fbed15 0);mask:radial-gradient(transparent 65%,#000 67%);transform:rotate(-90deg)}#interact.holding .cross{font:24px 'DM Mono',monospace}#interact.fired{animation:button-release .65s cubic-bezier(.2,.7,.2,1)}@keyframes button-release{0%{scale:.83}35%{scale:1.18;box-shadow:0 0 90px #c2f4da77}100%{scale:1}}.strings{height:260px;display:flex;gap:15px;align-items:stretch}.strings button{width:45px;position:relative;display:flex;justify-content:center;align-items:flex-end;padding-bottom:0;color:#e5f5c6;font:10px 'DM Mono',monospace;touch-action:none}.strings i{position:absolute;top:0;bottom:29px;width:2px;background:#c3e99780;box-shadow:0 0 15px #d2ff9a22;transition:width .2s,box-shadow .2s}.strings i:after{content:'';position:absolute;left:-5px;top:48%;width:12px;height:12px;transform:rotate(45deg);border:1px solid #e8fbc1;background:#273423}.strings button:hover i,.strings button:focus-visible i{width:3px;box-shadow:0 0 22px #e0ffac; background:#f4ffd5}.strings button.fired i{animation:wire-pluck .85s ease-out}.strings button.fired i:after{background:#f4ffd5;box-shadow:0 0 30px #e0ffac}@keyframes wire-pluck{0%{transform:translateX(-12px)}15%{transform:translateX(10px)}30%{transform:translateX(-8px)}45%{transform:translateX(6px)}65%{transform:translateX(-3px)}100%{transform:none}}.phrase,.fold-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;font:9px 'DM Mono',monospace}.phrase button,.fold-footer button{font-size:10px;padding:10px 0;border-bottom:1px solid #c1d6a566}.phrase span{color:#bdcbae}#sun-controls{top:56%;width:300px;background:#0b0c09b3;padding:18px 20px;border:1px solid #e2b98555;backdrop-filter:blur(8px);box-shadow:0 0 calc(12px + var(--open,0)*55px) #ffcb7022}#sun-controls label{display:block;font:11px 'DM Mono',monospace;letter-spacing:2px;text-align:center;margin-bottom:18px}#sun-fold{height:40px}#sun-fold::-webkit-slider-thumb{height:35px;width:22px;margin-top:-17px;background:#f6d5a6;box-shadow:0 0 20px #efbc6b99;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}#sun-fold::-moz-range-thumb{height:35px;width:22px;background:#f6d5a6}.fold-footer{margin-top:6px}.fold-footer output{font-size:12px}.fold-footer button{color:#f4c389}nav button,.world-map button,.travel-hint button{transform:translate(var(--mx,0px),var(--my,0px));transition:transform .25s,background .25s,color .25s,box-shadow .25s}nav button{position:relative;overflow:hidden}nav button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .4s}nav button:hover:after{transform:scaleX(1)}nav button .nav-symbol{transition:transform .3s}nav button:hover .nav-symbol{transform:translate(4px,-4px)}nav button.fired,.world-map button.fired,.travel-hint button.fired{animation:nav-ignite .65s ease-out}@keyframes nav-ignite{0%{box-shadow:inset 0 0 0 40px #daefc533}100%{box-shadow:inset 0 0 0 0 #daefc500}}#atlas[data-scene="2"] #gesture-hint{top:29%}#atlas[data-scene="3"] #gesture-hint{top:70%}@media(max-width:700px){.physical-controls{left:55%;top:50%}.strings{height:190px;gap:5px}.strings button{width:39px}.phrase{gap:10px;font-size:8px}.phrase button{font-size:9px}#sun-controls{left:50%;top:51%;width:260px}#gesture-hint{left:50%;top:65%;font-size:8px;letter-spacing:1px}#atlas[data-scene="2"] #gesture-hint{top:37%}#atlas[data-scene="3"] #gesture-hint{top:64%}.strings i{background:#d4f1a799}.specimen-label{bottom:247px}}
@media(prefers-reduced-motion:reduce){#interact:before{transition:none}.fired,.fired i{animation:none!important}nav button,.world-map button,.travel-hint button{transform:none!important}}
#sun-controls{top:68%;background:transparent;border:0;backdrop-filter:none;box-shadow:none;padding:0;text-shadow:0 2px 10px #000}#atlas[data-scene="3"] #gesture-hint{display:none}#sun-fold{filter:drop-shadow(0 0 7px #ffbc5b44)}@media(max-width:700px){#sun-controls{top:60%;width:250px}}