@font-face{font-family:'SIB Sans';src:url('experimental/regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'SIB Sans';src:url('experimental/bold.otf') format('opentype');font-weight:700;font-display:swap}
/* One family, shared metrics, three distinct art directions. */
body,body *{font-family:'SIB Sans',Arial,sans-serif!important}
body{font-size:16px;font-synthesis:none}
h1,h2,h3,em{font-style:normal!important}
body h1{font-weight:400!important;letter-spacing:-.045em!important;line-height:1.01!important}
body h2{font-weight:400!important;letter-spacing:-.035em!important;line-height:1.08!important}
body h3{font-weight:400!important;letter-spacing:-.022em!important;line-height:1.2!important}
body p{line-height:1.65}
body header{height:96px;padding-inline:5vw;gap:24px}
body header .logo{display:flex;align-items:center;flex-shrink:0;line-height:1;background:none;padding:0}
body header .logo .brand-logo{width:172px;height:auto;display:block}
body header nav{font-size:14px;gap:30px}
body .micro,body .tiny,body .mono,body .eyebrow{font-size:11px!important;line-height:1.6!important;letter-spacing:.09em!important;font-weight:400!important}
body .draft{font-size:10px!important;letter-spacing:.025em}
.brand-footer{display:flex;align-items:center}.brand-footer img{width:200px;height:auto}
body .section h2,body .depth-intro h2,body .about h2,body .spectrum-specs h2{font-size:clamp(38px,4.6vw,68px)}
body .section p,body .depth-intro p,body .about p{font-size:16px;line-height:1.7}
body[data-concept=field] .hero h1{font-size:clamp(66px,8.8vw,138px);max-width:900px}
body[data-concept=field] .hero h1 em{font:inherit!important;color:#547763}
body[data-concept=field] .field-app-panel p,body[data-concept=field] .field-app-panel dd{font-size:16px;line-height:1.65}
body[data-concept=spectrum] .hero h1{font-size:clamp(62px,7.6vw,118px)}
body[data-concept=spectrum] .hero .hero-copy{font-size:18px;line-height:1.55;max-width:370px}
body[data-concept=spectrum] .plot-summary{font-size:11px;letter-spacing:.04em;line-height:1.65;flex-wrap:wrap}
body[data-concept=spectrum] .technique-panel>p,body[data-concept=spectrum] .application-grid article>p,body[data-concept=spectrum] .faq-list details>p{font-size:16px;line-height:1.65}
body[data-concept=spectrum] .document-top,body[data-concept=spectrum] .document-status,body[data-concept=spectrum] .scope-local{font-size:10px;letter-spacing:.04em}
body[data-concept=spectrum] .evidence-sheet li{font-size:13px}
body[data-concept=spectrum] .agent-flow p{font-size:14px}
body[data-concept=darkroom]{--bg:#0c0d0e;--ink:#f3f0e7;--orange:#dab082;--muted:#a8a69e;background:var(--bg)}
body[data-concept=darkroom] header{border-color:#ffffff1a}
body[data-concept=darkroom] .hero{height:calc(100svh - 96px);min-height:760px;max-height:1100px;background:#050608}
body[data-concept=darkroom] .hero:after{background:linear-gradient(180deg,#05060888,transparent 25%,transparent 72%,#050608dd)}
body[data-concept=darkroom] .hero-top{top:24px;left:5vw;right:5vw;color:#b8b6b0}
body[data-concept=darkroom] .hero h1{position:absolute;inset:0;margin:0;mix-blend-mode:normal;font-size:clamp(64px,7.9vw,120px);pointer-events:none}
body[data-concept=darkroom] .hero h1 .hero-line{position:absolute;display:block;margin:0;padding:0;line-height:1}
body[data-concept=darkroom] .hero h1 .hero-line:first-child{top:11%;left:5vw}
body[data-concept=darkroom] .hero h1 .hero-line:last-child{bottom:17%;right:5vw}
body[data-concept=darkroom] .hero-bottom{left:5vw;right:5vw;bottom:30px;align-items:end}
body[data-concept=darkroom] .hero-bottom p{font-size:15px;line-height:1.55;max-width:370px;color:#b8b6b0}
body[data-concept=darkroom] .observatory{top:auto;bottom:31px;right:36%;left:auto}
body[data-concept=darkroom] .observatory .motion{border:0;background:transparent;color:#b0afa8;font-size:11px;padding:10px}
body[data-concept=darkroom] .art-note,body[data-concept=darkroom] .hero-center-label{display:none}
body[data-concept=darkroom] .about h2 em,body[data-concept=darkroom] .depth-intro h2 em,body[data-concept=darkroom] .flow h2 em{font:inherit!important;color:var(--orange)}
body[data-concept=darkroom] .application p,body[data-concept=darkroom] .procurement-grid p,body[data-concept=darkroom] .flow-grid p,body[data-concept=darkroom] .agent-copy p,body[data-concept=darkroom] .faq-list details p{font-size:16px;line-height:1.7;color:#b8b6ad}
body[data-concept=darkroom] .anatomy-details p{font-size:14px;line-height:1.7;color:#b8b6ad}
body[data-concept=darkroom] .anatomy-details h3,body[data-concept=darkroom] .faq-list summary{font-size:18px}
body[data-concept=darkroom] .inspection-item p{font-size:15px;line-height:1.7;color:#656359}
body[data-concept=darkroom] .inspection-item h3,body[data-concept=darkroom] .procurement-grid h3{font-size:23px}
.orbital-system{padding:10px 0 35px;position:relative;color:#dab082}
.orbital-system svg{display:block;width:100%;height:auto;overflow:visible}
.orbital-system .orbital-label{font-size:22px;fill:#f3f0e7;letter-spacing:-.3px}
.orbital-system .orbital-sub{font-size:12px;fill:#aaa89f;letter-spacing:.2px}
.orbital-system .orbital-index{font-size:11px;fill:#c1a382;letter-spacing:1px}
.orbit-trace{animation:orbitTrace 32s linear infinite;stroke-dasharray:4 996}
.paused .orbit-trace{animation-play-state:paused}
.orbital-mobile{display:none}
@keyframes orbitTrace{to{stroke-dashoffset:-1000}}
@media(max-width:750px){body header{height:82px;padding-inline:6vw;gap:15px}body header .logo .brand-logo{width:128px}body header nav{gap:16px;font-size:12px}body header nav a:first-child{display:none}body header .contact{font-size:12px;padding:10px 13px}body .section h2,body .depth-intro h2,body .about h2,body .spectrum-specs h2{font-size:40px}body .micro,body .tiny,body .mono,body .eyebrow{font-size:10px!important}body[data-concept=field] .hero h1{font-size:16.5vw}body[data-concept=spectrum] .hero h1{font-size:16vw}body[data-concept=spectrum] .hero .hero-copy{font-size:16px}body[data-concept=darkroom] .hero{height:760px;min-height:0}body[data-concept=darkroom] .hero h1{font-size:13.2vw}body[data-concept=darkroom] .hero h1 .hero-line:first-child{top:15%;left:6vw}body[data-concept=darkroom] .hero h1 .hero-line:last-child{bottom:25%;right:6vw}body[data-concept=darkroom] .hero-top{left:6vw;right:6vw}body[data-concept=darkroom] .hero-bottom{left:6vw;right:6vw;bottom:42px;gap:15px}body[data-concept=darkroom] .hero-bottom p{font-size:14px;max-width:240px}body[data-concept=darkroom] .observatory{bottom:7px;right:6vw}body[data-concept=darkroom] .observatory .motion{font-size:10px}body[data-concept=darkroom] .anatomy-details{grid-template-columns:1fr}.orbital-system svg{display:none}.orbital-mobile{display:grid;gap:0;padding:0 0 8px;list-style:none;margin:0}.orbital-mobile li{position:relative;border-left:1px solid #dab08255;margin-left:5px;padding:0 0 30px 28px}.orbital-mobile li:last-child{border:0;padding-bottom:0}.orbital-mobile li:before{content:'';width:7px;height:7px;position:absolute;left:-4px;top:8px;border-radius:50%;background:#dab082}.orbital-mobile strong{font-size:23px;color:#f3f0e7;font-weight:400;display:block}.orbital-mobile span{font-size:14px;color:#aaa89f;display:block;margin-top:7px}.brand-footer img{width:165px}body footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.orbit-trace{animation:none}}
/* Optical alignment and unobstructed reading after visual review. */
body header .logo .brand-logo{width:155px}
body .draft{position:static;transform:none;width:max-content;max-width:90%;margin:28px auto;box-shadow:none;justify-content:center}
@media(min-width:751px) and (max-height:800px){body[data-concept=darkroom] header{height:78px}body[data-concept=darkroom] .hero{height:calc(100svh - 78px);min-height:540px}body[data-concept=darkroom] .hero h1{font-size:clamp(62px,6.6vw,92px)}body[data-concept=darkroom] .hero h1 .hero-line:first-child{top:9%}body[data-concept=darkroom] .hero h1 .hero-line:last-child{bottom:18%}body[data-concept=darkroom] .hero-top{top:13px}body[data-concept=darkroom] .hero-bottom{bottom:18px}body[data-concept=darkroom] .observatory{bottom:18px}}
@media(max-width:750px){body header .logo .brand-logo{width:128px}}
@media(max-width:750px){body header .logo .brand-logo{width:116px}body header nav{gap:12px}body header .contact{white-space:nowrap;padding:10px 12px}}