*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#f4f4ef;color:#23251f;font-family:Arial,Helvetica,sans-serif;height:100dvh;display:grid;grid-template-rows:78px 1fr 52px}header,footer{display:flex;align-items:center;justify-content:space-between;padding:0 3vw;gap:16px}a{color:inherit;text-decoration:none}.wordmark{font-size:26px;font-weight:800;letter-spacing:-1.5px}.wordmark span{font-weight:400;color:#777}button{background:transparent;border:1px solid #aaa99d;border-radius:30px;padding:10px 17px;font:inherit;font-size:14px;cursor:pointer}#world{position:relative;min-height:0;overflow:hidden;background-image:radial-gradient(#73776430 .8px,transparent .8px);background-size:24px 24px}.orb{position:absolute;left:0;top:0;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;touch-action:none;user-select:none;will-change:transform;cursor:grab;overflow:hidden}.orb:active{cursor:grabbing}.orb:focus-visible{outline:4px solid #20251c;outline-offset:-5px}.orb.photo img{width:100%;height:100%;object-fit:cover;pointer-events:none}.identity{background:#252f28;color:#f0f1bc}.identity small{font-size:11px;letter-spacing:1.5px}h1{font-size:clamp(30px,4.6vw,74px);letter-spacing:-3px;margin:8px 0}h1 span{display:block;font-size:17px;font-weight:400;letter-spacing:0}.link{font-size:clamp(15px,1.9vw,27px);letter-spacing:-.6px;font-weight:600}.link small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-bottom:10px}.lilac{background:#dad1ed}.blue{background:#b9d6e6}.peach{background:#f1b49c}.green{background:#c4d4b1}.yellow{background:#eae594}footer{font-size:12px;color:#62665c}@media(max-width:600px){body{grid-template-rows:64px 1fr 58px}header,footer{padding:0 18px}footer{font-size:11px;gap:20px}footer span{max-width:50%}.identity small{font-size:8px;letter-spacing:.7px}.link small{font-size:8px;letter-spacing:.3px;margin-bottom:5px}h1{font-size:32px}.wordmark{font-size:24px}}@media(max-height:550px) and (min-width:601px){body{grid-template-rows:52px 1fr 36px}.identity small{font-size:8px;letter-spacing:0}h1{font-size:30px;letter-spacing:-1px}h1 span{font-size:12px}.link{font-size:15px}.link small{font-size:8px;letter-spacing:0;margin-bottom:5px}}
.identity>span{width:82%}.identity small{display:block;max-width:90%;margin:auto;line-height:1.4}

/* Dark canvas, large photographs and compact logo satellites. */
body{background:#101216;color:#f2f3f7;color-scheme:dark}.wordmark span{color:#a1a7b5}button{border-color:#535967;color:#eceef4;background:#1a1d24}#world{background-image:radial-gradient(#c1c9e51b .8px,transparent .8px)}footer{color:#a0a7b6}.identity{background:#252a37;color:#edf0ff}.photo{box-shadow:0 8px 32px #0005}.orb.link{background:#20242d;color:#f4f5ff;border:1px solid #ffffff18;box-shadow:0 5px 20px #0003}.orb.link svg{width:52%;height:52%;pointer-events:none}.orb.lilac{color:#f4a9dd}.orb.yellow{color:#b6d6ff}.orb:focus-visible{outline-color:#d4dfff}.orb.link:hover{background:#333a49}

.orb.yellow{background:#20242d;color:#f4f5ff}.orb.yellow svg{width:64%;height:64%}.orb.yellow:hover{background:#333a49}

footer{justify-content:flex-end}footer span{max-width:none}

.controls{display:flex;align-items:center;gap:8px}.controls [hidden]{display:none}@media(max-width:600px){.controls button{padding:9px 10px;font-size:12px}.controls{gap:5px}header{gap:8px}}