/* Identity narration and responsive stage. */
.universe{min-height:930px}.artifact{height:610px;width:52%;right:1%;top:-5px}.hero-copy{padding-top:110px}.presenter{width:390px;bottom:110px;right:8%;padding-top:16px}.identity-controls{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.identity-controls button{color:#c4ad92;border:1px solid #6e5133;background:#15110c;padding:8px 12px;font:10px Consolas,monospace;border-radius:20px;cursor:pointer}.identity-controls button[aria-pressed=true]{background:#e3bf94;color:#271a0e;border-color:#e3bf94}.presenter #identity-description{font:12px/1.8 Arial,Helvetica,sans-serif;color:#b7a38e;margin-bottom:0}.identity-narrative{min-height:154px}.scene-controls{bottom:55px}.artifact-index{top:85%}#scene-output h3{white-space:pre-line}.voice-mark{display:none}.voice-panel{padding-right:20px}.voice-panel h3{margin-top:24px}.artifact-floor{animation:breathe 7s ease-in-out infinite}.paused .artifact-floor{animation-play-state:paused}@keyframes breathe{50%{opacity:.5;transform:scale(.85)}}
@media(min-width:1600px){.hero-copy{padding-left:10%;padding-top:130px}.artifact{right:5%}.presenter{right:12%}.universe{min-height:1000px}.artifact{height:680px}}
@media(max-width:1050px) and (min-width:761px){h1{font-size:64px;letter-spacing:-3px}h1 em{letter-spacing:-3px}.hero-copy{width:58%;padding-left:5%}.artifact{right:-5%;width:57%;height:570px;top:25px}.presenter{right:5%;width:340px;bottom:120px}.header-caption{font-size:8px}.service-heading{display:block}.scenario-controls button{font-size:12px;padding:16px 12px;gap:8px}.experience-grid{gap:4%}.voice-panel h3{font-size:31px}}
@media(max-width:760px){header{height:76px;margin:0 6%}.wordmark{font-size:25px}.header-caption{display:none}.portal{font-size:10px;padding:10px 13px}.universe{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:50px 7% 0;width:100%;order:1}h1{font-size:clamp(43px,10vw,69px);letter-spacing:-2.5px;line-height:1.05}h1 em{letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:25px}.intro{font-size:14px;line-height:1.8}.intro br{display:none}.primary{padding:17px 20px;font-size:12px;margin-top:15px}.hero-footnote{font-size:10px}.artifact{position:relative;top:auto;right:auto;width:100%;height:420px;order:2;margin-top:0}.artifact-index{right:8%;top:88%;font-size:7px}.presenter{position:relative;right:auto;bottom:auto;width:auto;margin:0 7%;order:3;padding-top:18px;gap:12px}.signal{font-size:24px}.presenter p{font-size:22px}.identity-narrative{min-height:160px}.identity-controls button{font-size:10px;padding:9px 12px}.scene-controls{position:relative;left:auto;right:auto;bottom:auto;margin:20px 7% 25px;order:4;justify-content:flex-end}.scene-controls>span{display:none}.bottom-line{position:relative;left:auto;right:auto;bottom:auto;margin:0 7%;order:5;gap:15px;font-size:7px}.bottom-line>span:first-child{display:none}.horizon{top:48%;left:-50%;width:190%;height:250px}.orbital{top:35%;left:-15%;width:130%;height:420px}.orbital-two{top:30%;left:5%;width:95%;height:560px}.coordinates{display:none}.section{padding:70px 7%}h2{font-size:clamp(37px,9vw,52px);letter-spacing:-1.5px}.section-title>p:last-child{font-size:14px}.scenario-controls{flex-direction:column;margin-top:30px;gap:8px}.scenario-controls button{padding:17px 16px;min-height:52px;font-size:13px}.experience-grid{grid-template-columns:1fr;gap:20px}.voice-panel{padding:0}.voice-panel h3{font-size:30px}.connection-tags{margin:22px 0 14px}.output-panel{min-height:0}.output-top{padding:18px 20px}#scene-output{padding:24px}#scene-output h3{font-size:28px}.example-note{font-size:11px}.service-heading{display:block}.service-heading>p{max-width:none;margin-top:25px}.service-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}.service-grid h3{margin-top:18px}.service-grid p{margin-bottom:0}.invitation{padding-block:70px}.invitation-orbit{inset:4% -20%}.invitation>p:not(.eyebrow):not(.tiny){font-size:14px}.invitation>.tiny{font-size:8px;letter-spacing:1px}.contact-note a{overflow-wrap:anywhere}footer{margin:0 7%;flex-wrap:wrap;gap:16px;padding:28px 0}footer p{width:100%;order:3;margin:0;font-size:10px}footer>a:last-child{font-size:10px}.artifact-floor{bottom:5px}}
.artifact-index{top:93%;right:14%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
