/* Sitewide reading sizes. The small tactical labels must still be readable. */
:root{--nbx-small-text:13px;--nbx-ui-text:14px}
input,textarea,select{font-size:16px}
.desktop-nav a,.button-small,.menu-toggle,.footer-top nav a,.ui-consult,.system-motion-toggle,.film-captions,.portfolio-player-settings button{font-size:var(--nbx-ui-text)}
.site-header .desktop-nav{gap:24px;margin-right:0}
.eyebrow,.sys-rail,.xp-rail,.xp-visual-caption,.instrument-top,.instrument-bottom,.console-rail{letter-spacing:.07em;line-height:1.5}
.footer-bottom{flex-wrap:wrap;padding-block:18px;gap:14px 24px}
.footer-top nav a{min-height:36px}
.footer-location,.footer-email{min-width:0;overflow-wrap:anywhere}
.xp-hero-top{align-items:flex-start}.xp-hero-top .eyebrow{max-width:65%}
.xp-rail,.sys-rail{flex-wrap:wrap;gap:12px 24px}.xp-rail>span,.sys-rail>span{min-width:0}
.xp-rail>span:last-child{margin-left:auto;text-align:right}
.xp-step-buttons button,.xp-tabs button{font-size:14px;line-height:1.4}
.xp-console .xp-step-buttons button{font-size:14px;gap:6px}
.xp-follow{font-size:13px!important}
.xp-scenario-heading p,.xp-input>p,.xp-output p,.xp-phase-copy p,.xp-sample-payload p,.xp-film-caption,.xp-method-steps p{font-size:15px;line-height:1.5}
.xp-longcopy p,.faq-answer p,.contact-note,.form-mode,.form-purpose{font-size:16px}
.xp-input{padding:10px 12px}.xp-output{padding:12px}
.xp-core-label{letter-spacing:.04em;line-height:1.2;gap:4px}.xp-core-label strong{font-size:14px}
.xp-flow-well{height:auto;aspect-ratio:920/360;width:min(100%,920px)}
.xp-tool-context{gap:10px 16px;line-height:1.6}.xp-tool-context b{font-size:14px}
.xp-starting-motif>span{flex-wrap:wrap;line-height:1.5;overflow-wrap:anywhere}
.xp-console-footer p,.xp-portrait>p{font-size:14px}
.xp-console .xp-scene-controls{flex-wrap:wrap;gap:8px 20px}
.xp-console .xp-step-buttons{flex-basis:100%}
.xp-inspector{grid-template-columns:155px 1fr}.xp-phase-copy>li{gap:22px}
.xp-output p{margin-top:8px}.xp-output>.eyebrow{line-height:1.4}
/* Larger copy needs normal page flow on shorter desktop displays. */
@media(min-width:1100px) and (max-height:1199px){.xp-motion .xp-console-section{min-height:0}.xp-motion .xp-console-stage{position:static}}
@media(max-width:1000px){.xp-inputs{width:24%;left:1%}.xp-output{width:26%;right:0}.xp-input>p,.xp-output p{font-size:14px}.xp-console .xp-follow{font-size:13px!important}.xp-input{padding:7px}.xp-inspector{grid-template-columns:120px 1fr}}
@media(max-width:700px){
 html:not(.js) .desktop-nav{flex-wrap:wrap;gap:8px 16px}
 .xp-hero-top{gap:14px}.xp-hero-top .system-motion-toggle{font-size:13px}
 .xp-story-stage>.xp-rail,.xp-console-stage>.xp-rail,.xp-story-film .xp-rail{gap:8px 20px}
 .xp-rail>span:last-child{margin-left:0;text-align:left}
 .xp-visual-caption{gap:15px;line-height:1.5}
 .xp-starting-motif>span{font-size:13px;padding:12px 8px;align-content:start}
 .xp-tabs button{font-size:14px;padding:14px 8px}.xp-console-tabs button{font-size:14px;min-height:100px}
 .xp-scenario-panel{padding-inline:12px}.xp-scenario-heading p{font-size:16px}
 .xp-flow-well{height:500px;overflow:visible}
 .xp-flow-mobile{height:355px;top:67px}
 .xp-inputs{left:0;top:0;width:100%;gap:6px}.xp-input{padding:9px 6px;min-height:130px}
 .xp-input>p{font-size:14px;line-height:1.4}.xp-input>span{font-size:13px;letter-spacing:0}
 .xp-core-label{top:236px;font-size:13px;gap:5px}.xp-core-label strong{font-size:14px}
 .xp-output{left:0;right:0;top:auto;bottom:0;width:100%;padding:12px;display:block}
 .xp-output>.eyebrow{font-size:13px}.xp-output p{font-size:15px;line-height:1.4;margin-top:7px;align-items:center}
 .xp-inspector{display:block}.xp-phase-copy p,.xp-sample-payload p{font-size:16px}
 .xp-console .xp-step-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px 10px}
 .xp-console .xp-step-buttons button{font-size:14px;min-height:64px;padding:8px 2px;flex-direction:row;flex-wrap:wrap}
 .xp-step-buttons button{flex-wrap:wrap;min-height:60px}.xp-console .xp-follow{min-height:44px;font-size:13px!important}
 .xp-hero-bottomline>p,.xp-method-scope,.xp-founder-copy .xp-review-note{font-size:15px}
 .xp-console-footer{line-height:1.6}.xp-console-footer p{font-size:14px}
 .xp-console-footer>span{font-size:13px;letter-spacing:.03em}
 .film-controls,.portfolio-case-controls{flex-wrap:wrap}.film-controls>p{flex-basis:100%}
 .instrument-top,.instrument-bottom,.console-rail{flex-wrap:wrap;gap:12px}
}
@media(max-width:900px){
 .xp-flow-well{height:500px;aspect-ratio:auto;overflow:visible}
 .xp-flow-svg{display:none}.xp-flow-mobile{display:block;position:absolute;width:100%;height:355px;inset:67px 0 auto}
 .xp-inputs{left:0;top:0;width:100%;height:auto;flex-direction:row;gap:6px}.xp-input{flex:1;min-width:0;padding:9px 6px;min-height:130px}
 .xp-input>p{font-size:14px;line-height:1.4}.xp-input>span{font-size:13px;letter-spacing:0}
 .xp-core-label{top:236px;font-size:13px;gap:4px}.xp-core-label strong{font-size:14px}
 .xp-output{left:0;right:0;top:auto;bottom:0;width:100%;padding:12px;display:block}
 .xp-output>.eyebrow{font-size:13px}.xp-output p{font-size:15px;line-height:1.4;margin-top:7px;align-items:center}
}

/* Outreach copy and CTA layout, 2026-10-05. */
.outreach-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.outreach-actions .button{gap:20px;min-height:56px}.button-outline{background:transparent;color:var(--ink)}.button-outline:hover{background:var(--ink);color:var(--paper)}
.supply-hero-intro{grid-template-columns:1fr}.supply-hero-intro .outreach-actions{margin-top:4px}.xp-story-tagline{font-size:clamp(20px,2vw,30px);margin-top:25px}.xp-story-hero h1{font-size:clamp(48px,7.6vw,115px);max-width:1250px}.xp-systems-hero h1{font-size:clamp(48px,5.9vw,91px)}
.xp-our-work{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;border-block:1px solid var(--rule)}.xp-our-work h2,.xp-founder-heading h2{margin-top:20px}.xp-our-work>div>p{max-width:630px;margin-bottom:16px;font-size:19px}.xp-our-work .outreach-actions{margin-top:32px}.xp-longcopy ul{padding-left:24px;margin:20px 0 28px}.xp-longcopy li{font-size:16px;line-height:1.8;margin:9px 0}.form-purpose a{text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:767px){.xp-our-work{grid-template-columns:1fr;gap:25px}.xp-story-hero h1{font-size:clamp(38px,8.5vw,65px)}.xp-systems-hero h1{font-size:clamp(40px,9vw,69px)}.xp-our-work>div>p{font-size:17px}}
@media(max-width:480px){.outreach-actions{flex-direction:column}.outreach-actions .button{width:100%;font-size:14px}}

.contact-email-start h3{font-size:clamp(28px,3vw,40px);margin:25px 0 18px}.contact-email-start>p:not(.eyebrow){max-width:480px;margin-bottom:24px;font-size:17px}.contact-email-start .button{width:100%;gap:15px}.contact-email-start .contact-email-note{margin:18px 0 0;font-size:14px;color:var(--muted)}