@import url('./brand/fonts.css');
:root{color-scheme:dark;--bg:#111311;--panel:#171b18;--ink:#e8e9df;--muted:#a0aaa0;--line:#32392f;--accent:#e8ab62;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,select,input{font:inherit}button,select{color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:4px;padding:11px 15px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#323b30;border-color:#7b8c70}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1600px;margin:auto}header{height:106px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;letter-spacing:-1px}.brand img{object-fit:contain}.domain{color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}.parent{font-size:13px;color:var(--muted)}main{padding:0 5%}.intro{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:50px;padding:64px 0 55px}.eyebrow{font:12px/1.7 ui-monospace,Consolas,monospace;letter-spacing:1.6px;color:var(--accent)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.5px;line-height:1.06;margin:18px 0 0}h1{font-size:clamp(48px,5.8vw,88px)}em{font-weight:400;color:#b9c7aa}h2{font-size:clamp(34px,3.5vw,51px);letter-spacing:-1.5px;line-height:1.15}.intro-note{max-width:380px;justify-self:end;padding-bottom:5px}p{line-height:1.65}.intro-note>p:first-child{font-size:20px;margin-top:0}.muted{color:var(--muted)}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid #637052;padding:8px 0;font-size:14px}.habitat{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden;scroll-margin-top:20px}.habitat-top{display:flex;justify-content:space-between;padding:17px 24px;font:12px ui-monospace,Consolas,monospace;letter-spacing:1px;background:#1a201b}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:10px}.divider{margin:0 13px;color:#73826e}.desktop-label{color:var(--muted)}#viewport{height:520px;position:relative;background:#181e19}canvas{display:block;width:100%;height:100%}.scene-note{position:absolute;left:30px;top:22px;pointer-events:none}.scene-note .eyebrow{color:#a7b29e;font-size:11px}.scene-note p{font-family:Georgia,serif;font-size:25px;line-height:1.2;margin-top:12px}.coordinates{position:absolute;right:25px;top:30px;color:#a7b29e;font:11px/1.8 ui-monospace,monospace;text-align:right}.legend{position:absolute;left:26px;bottom:22px;display:flex;gap:20px;font-size:12px;color:#b6c0ae}.legend i{width:17px;height:2px;background:#7f9072;display:inline-block;vertical-align:middle;margin-right:8px}.legend .amber{background:var(--accent)}.controls{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;border-top:1px solid var(--line);gap:16px;background:#1b211c}.control-group{display:flex;align-items:center;gap:14px}.control-group label{color:var(--muted);font-size:14px}select{background:#20271f;font-size:14px;min-width:145px}.camera-group,.playback{display:flex;gap:6px}.camera-group button,.playback button{font-size:14px}.playback button{border-color:transparent}.tuning{display:grid;grid-template-columns:1.3fr 1fr 1fr .7fr;gap:40px;padding:27px 26px;border-top:1px solid var(--line)}.tuning p{margin:0}.tuning .muted{font-size:13px}.tuning label{font-size:14px}.tuning output{float:right;color:var(--accent);font:13px ui-monospace,monospace}.tuning input{display:block;width:100%;margin:17px 0 0;accent-color:var(--accent);cursor:pointer}.telemetry{display:flex;flex-direction:column;align-items:end;gap:10px;font-size:13px;color:var(--muted)}#agent-state{color:#d9dfcf}.experiment-note{font-size:12px;color:var(--muted);padding:0 26px 20px;margin:0}.research{padding:105px 0 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;border-bottom:1px solid var(--line)}.research-copy{padding-top:12px}.research-copy>p:first-child{font-size:19px}.boundary{border-left:2px solid var(--accent);padding-left:20px;font-size:14px;color:#b9c2b4;margin-top:30px}.dimensions{padding:64px 0;border-bottom:1px solid var(--line)}.dimension-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:42px}.dimension-grid article{border-top:1px solid #535e4b;padding-top:20px}.dimension-grid article>span{font:12px ui-monospace,monospace;color:var(--accent)}h3{font-weight:400;font-size:20px}.dimension-grid p{font-size:14px;color:var(--muted);min-height:110px}.dimension-grid small{font:10px/1.5 ui-monospace,monospace;letter-spacing:.5px;color:#bdc8b5}.notes{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:75px 0 90px}.socials{display:flex;gap:24px;margin-top:30px;font-size:14px}.research-notes article{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:24px}.research-notes h3{margin:8px 0}.research-notes p{color:var(--muted);font-size:14px}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}footer .brand{font-size:19px;color:var(--ink)}footer p a{color:var(--ink)}#fallback{position:absolute;inset:35%;line-height:1.6;color:var(--accent)}.document{max-width:900px;margin:auto;padding:60px 24px 100px}.document h1{font-size:58px}.document h2{font-size:30px;margin-top:50px}.document p,.document li{color:var(--muted);line-height:1.8}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:35px 0}.design-card{border:1px solid var(--line);padding:24px;background:var(--panel)}.design-card img{width:100%;aspect-ratio:1;object-fit:contain}.design-card h3{margin-top:0}.design-card p{font-size:14px}.banner{width:100%;border:1px solid var(--line);margin-top:25px}.downloads{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}.downloads a{border-bottom:1px solid var(--accent);padding-bottom:8px;font-size:14px}@media(min-width:1500px){#viewport{height:610px}}@media(max-width:950px){header{height:85px}.parent{display:none}.intro{gap:30px}.intro-note>p:first-child{font-size:17px}.controls{flex-wrap:wrap}.tuning{grid-template-columns:1fr 1fr;gap:24px}.telemetry{align-items:start}.research,.notes{gap:40px}.dimension-grid{grid-template-columns:repeat(3,1fr)}.dimension-grid p{min-height:0}.design-grid{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:0 5%;height:80px;gap:14px}.brand{font-size:20px;gap:7px}.brand img{width:32px}nav{gap:14px;font-size:12px}nav a:last-child{display:none}.intro{grid-template-columns:1fr;gap:25px;padding:34px 0}.intro h1{font-size:55px}.eyebrow{font-size:10px;letter-spacing:1px}.intro-note{max-width:none;justify-self:start}.intro-note p{font-size:15px}.intro-note .text-link{display:none}.habitat-top{font-size:9px;padding:15px 12px;letter-spacing:.4px}.desktop-label{display:none}.divider{margin:0 5px}#viewport{height:390px}.scene-note{left:17px;top:14px}.scene-note .eyebrow{font-size:9px}.scene-note p{font-size:21px}.coordinates{right:14px;top:18px;font-size:9px}.legend{left:16px;font-size:10px;gap:15px}.controls{padding:15px 12px;gap:13px}.camera-group{order:3;width:100%}.camera-group button{flex:1;padding:10px 8px}.playback{margin-left:auto}.playback button{font-size:12px;padding:10px 7px}.control-group{gap:8px}.control-group label{display:none}select{min-width:135px;padding:9px}.tuning{padding:20px 16px;gap:25px 20px}.tuning>div:first-child{grid-column:1/-1}.tuning label{font-size:13px}.telemetry{grid-column:1/-1;flex-direction:row;justify-content:space-between}.experiment-note{padding:0 16px 20px;font-size:11px}.research,.notes{grid-template-columns:1fr;padding:58px 0;gap:20px}.research h2{font-size:35px}.research-copy>p:first-child{font-size:17px}.dimensions{padding:40px 0}.dimension-grid{grid-template-columns:1fr 1fr;gap:20px}.dimension-grid h3{font-size:18px}.dimension-grid p{font-size:13px}.dimension-grid article:last-child{grid-column:1/-1}.socials{font-size:13px}.design-grid{grid-template-columns:1fr}.document h1{font-size:44px}footer{gap:10px;padding:30px 5%}footer p{width:100%;order:3;margin:8px 0}.document{padding:40px 20px}#fallback{inset:40% 20px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.identity-page{padding:55px 0}
.observer-panel{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px;align-items:center;padding:22px 26px;border-top:1px solid var(--line)}.observer-panel p{margin:0}.observer-panel .muted{font-size:13px}.observer-panel label{font-size:14px}.observer-panel input{display:block;width:100%;accent-color:var(--accent);margin-top:12px}.camera-orbit{display:flex;gap:6px}#bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden}.agent-bubble{position:absolute;transform:translate(-50%,-100%);background:#e8e9df;color:#172015;padding:8px 11px;border-radius:7px 7px 7px 0;font-size:12px;max-width:175px;text-align:center;box-shadow:0 3px 15px #0005}.contact{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:70px 0;border-top:1px solid var(--line)}.contact-address{color:var(--accent)}.contact-location,.enquiry-note,.enquiry-bottom,.enquiry-status{font-size:13px;color:var(--muted)}.enquiry-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.enquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact label{display:block;font-size:14px}.contact input:not([type=radio]),.contact textarea{display:block;width:100%;background:#1a201b;color:var(--ink);border:1px solid #53604a;border-radius:3px;padding:12px;font:16px/1.5 Arial;margin:8px 0 18px}.contact textarea{resize:vertical}.contact fieldset{padding:0;border:0;margin:6px 0 22px}.contact legend{font-size:14px;margin-bottom:13px}.interest-options{display:flex;flex-wrap:wrap;gap:14px}.interest-options label{font-size:13px}.interest-options input{accent-color:var(--accent);margin-right:7px}.enquiry-actions,.draft-options{display:flex;gap:18px;flex-wrap:wrap}.draft-options{margin-bottom:22px}.draft-options a{border-bottom:1px solid var(--accent);padding:7px 0;font-size:14px}.email-draft{border:1px solid var(--line);padding:20px;margin-top:22px}.email-draft p{font-size:14px;color:var(--muted)}.enquiry-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:20px}footer{flex-wrap:wrap}.document h1{overflow-wrap:anywhere}@media(max-width:700px){.observer-panel{grid-template-columns:1fr 1fr;padding:20px 16px;gap:22px}.observer-panel>div:first-child{grid-column:1/-1}.observer-panel .telemetry{grid-column:auto;font-size:11px;align-items:end;flex-direction:column}.contact{grid-template-columns:1fr;gap:30px;padding:45px 0}.enquiry-row{grid-template-columns:1fr}.camera-orbit{margin-left:auto}.agent-bubble{font-size:11px;max-width:145px}.enquiry-bottom{font-size:10px}}

.agent-bubble{transform:none;border:3px solid;border-radius:10px;background:#f4f4ee;color:#101510;z-index:2;max-width:180px;box-shadow:0 0 0 1px #6668,0 3px 15px #0005;line-height:1.35}.bubble-pointer{position:absolute;height:2px;transform-origin:0 50%;z-index:1;box-shadow:0 0 0 1px #d6d6cc77}.bubble-pointer::after{content:'';position:absolute;right:-3px;top:-2px;width:6px;height:6px;border-radius:50%;background:inherit}.agent-bubble[hidden],.bubble-pointer[hidden]{display:none}@media(max-width:700px){.agent-bubble{max-width:145px;font-size:11px;padding:6px 8px}}

#bubbles{z-index:3}

/* Primary social links stay visible on narrow screens. */
.intro-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.social-button{display:flex;align-items:center;gap:12px;flex:1 1 160px;min-height:68px;padding:12px 14px;border:1px solid #756044;border-radius:5px;background:#201f18;color:var(--ink)}
.social-button svg{flex-shrink:0;color:var(--accent)}
.social-button strong{display:block;font-size:14px;font-weight:400}
.social-button small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.social-button:hover{border-color:var(--accent);background:#2b281e}
.socials{flex-wrap:wrap;row-gap:14px}