@font-face{font-family:Anton;src:url(./Anton-Regular-OuduJF-C.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(./InstrumentSans-Regular-Crsnzn7o.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Sans;src:url(./InstrumentSans-Bold-CEAwMKe7.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#0d1d35;--ink:#eee8dd;--muted:#b0bfd0;--gold:#ca9761;--line:#59758c;--panel:#142b47;--ease-out:cubic-bezier(.23,1,.32,1);color-scheme:dark;font-family:Instrument Sans,Arial,sans-serif;font-size:18px;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:var(--bg)}button{min-height:48px;font-size:16px;border-radius:5px;padding:10px 16px;transition:background-color .16s ease,color .16s ease}button[aria-pressed=true]{color:var(--gold);background:var(--panel)}button:disabled{opacity:.5;cursor:not-allowed}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.studio{height:100dvh;min-height:680px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-width:2200px;margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;padding:28px 38px 0;position:relative;z-index:2;gap:24px}.masthead h1{font-family:Anton,Arial Narrow,sans-serif;font-size:52px;font-weight:400;line-height:1.08;letter-spacing:.01em;text-transform:uppercase;margin:0}.masthead h1 em{color:var(--gold);font-weight:400;font-style:normal}.masthead p{font-size:18px;line-height:1.5;color:var(--muted);margin:10px 0 0}.quiet{border:1px solid var(--line)}.stage{position:relative;min-height:0}#scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%;outline:none}.specimen{position:absolute;left:38px;bottom:80px;width:270px;pointer-events:none}.specimen h2{font-family:Instrument Sans,Arial,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:1.25;margin:0 0 12px}.specimen p{font-size:18px;color:var(--muted);line-height:1.55;margin:0 0 18px}.material{font-size:16px;line-height:1.6;color:var(--gold)}.material i{display:inline-block;width:9px;height:9px;background:#85e4f3;border:1px solid var(--gold);border-radius:50%;margin-right:8px}.views{position:absolute;right:38px;top:22px;display:flex;gap:4px}.views button{border:1px solid transparent}.views button[aria-pressed=true]{border-color:var(--line)}.guide{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:16px;color:var(--muted);pointer-events:none}.guide svg{width:24px;height:24px}.workbench{display:flex;align-items:center;gap:34px;border-top:1px solid var(--line);padding:24px 38px 28px}.transport{display:flex;gap:10px;align-items:center}.primary{background:var(--gold)!important;color:#0d1d35!important;display:flex;gap:10px;align-items:center;white-space:nowrap}.primary svg{width:20px;height:20px}.slider{flex:1;max-width:300px;min-width:150px;font-size:16px}.slider>span{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.slider output{font-variant-numeric:tabular-nums;color:var(--gold)}input[type=range]{width:100%;height:6px;display:block;accent-color:var(--gold);cursor:pointer}#orbit{margin-left:auto;white-space:nowrap}#fallback{position:absolute;top:15%;right:15%;bottom:15%;left:15%;padding:32px;background:var(--panel);border:1px solid var(--line);text-align:center;z-index:4}#fallback h2{font-size:22px}#fallback p{font-size:18px;line-height:1.6}.light{--bg:#ece9e0;--ink:#172835;--muted:#4c6170;--gold:#725018;--line:#bac1bc;--panel:#e0ded3;color-scheme:light}.light .primary{background:#b98a39!important;color:#0d1d35!important}@media(hover:hover)and (pointer:fine){button:hover{background:var(--panel);color:var(--gold)}.primary:hover{background:#deb686!important}}@media(max-width:1100px){.specimen{width:205px;bottom:70px}.workbench{gap:22px;padding-inline:26px}.masthead{padding-inline:26px}.specimen{left:26px}.views{right:26px}.transport{gap:6px}.transport .quiet{padding-inline:10px}}@media(max-width:760px){.studio{height:auto;min-height:100dvh;grid-template-rows:auto 540px auto}.masthead{padding:24px 20px 0;align-items:flex-start;gap:14px}.masthead h1{font-size:42px;max-width:230px}.masthead p{line-height:1.5}.masthead>button{max-width:110px;font-size:16px;padding:8px 12px}.views{top:18px;right:20px;left:20px;justify-content:center}.views button{padding-inline:12px}.specimen{left:20px;right:20px;bottom:62px;width:auto}.specimen h2{font-size:22px;margin-bottom:8px}.specimen p{max-width:40ch;margin-bottom:10px}.guide{bottom:14px;font-size:16px;max-width:100%;white-space:normal;text-align:center;justify-content:center;width:100%;padding-inline:20px}.guide svg{flex:0 0 24px}.workbench{padding:22px 20px 30px;gap:26px 20px;display:grid;grid-template-columns:1fr 1fr}.transport{grid-column:1/-1;justify-content:center}.transport .quiet{min-width:84px}.slider{grid-column:1/-1;width:100%;max-width:none;min-width:0}.slider>span{flex-wrap:wrap;gap:4px 10px;line-height:1.5;min-height:48px;margin-bottom:10px}#orbit{grid-column:1/-1;justify-self:center;margin:0}.specimen .material{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}