/* Circulus orbital signature. Shared identity layer; underlying layouts and flows remain intact. */
:root{--bg:#080A0D;--panel:#11161B;--white:#F0F8FF;--muted:#A9B1B6;--blue:#A6DFFF;--champagne:#D7B993;--line:rgba(151,206,239,.2);--case-bg:#080A0D;--case-panel:#11161B;--case-white:#F0F8FF;--case-text:#BBC0C2;--case-muted:#9EAAAE;--case-blue:#A6DFFF;--case-line:rgba(151,206,239,.2)}
::selection{background:#A6DFFF;color:#080A0D}
.wordmark,.footer-wordmark,.case-wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.wordmark img,.case-wordmark img{display:block;width:250px;height:auto}
.footer-wordmark img{display:block;width:360px;height:auto;max-width:100%}
.case-footer-bottom .case-wordmark img{width:225px}
.site-header.is-scrolled{background:rgba(8,10,13,.95)}
.site-header nav a{color:#DDDCD6}
.nav-cta,.case-contact{border-color:rgba(166,223,255,.6)}
.nav-cta:hover,.case-button:hover{background:#C7EDFF;color:#080A0D}
.hero{min-height:max(820px,100svh)}
.hero-image{background-image:url('assets/orbital-environment.png');background-position:right 65%;filter:saturate(1.05);opacity:.88}
.hero-shade{background:linear-gradient(90deg,rgba(8,10,13,.94) 0%,rgba(8,10,13,.64) 35%,rgba(8,10,13,.05) 72%),linear-gradient(0deg,#080A0D 0%,transparent 35%,rgba(8,10,13,.3) 100%)}
.hero-copy{width:60%;padding-top:clamp(195px,22vh,275px)}
.hero h1{font-weight:800;font-size:clamp(44px,5.3vw,86px);letter-spacing:-.025em;line-height:1.06;margin-top:30px}
.hero-intro{color:#D9E9F4}
.hero .button.primary{background:rgba(8,10,13,.3);color:#F3EDE3;border-color:#A6DFFF}
.hero .button.primary:hover{background:#A6DFFF;color:#080A0D}
.button:hover{background:#C7EDFF}
.hero-signature{position:absolute;z-index:-1;width:min(54vw,820px);right:0;top:95px;pointer-events:none}
.hero-signature>.orbital-art{display:block;width:100%;height:auto}
.signature-coordinate{position:absolute;right:18%;bottom:6%;font-size:8px;letter-spacing:.25em;color:#B6A18B}
.hero-coordinate{color:#B5A086}
.hero-bottom{border-color:rgba(151,206,239,.25)}
.space-environment{filter:saturate(1)}
.signature-trace{fill:none;stroke:#F3EDE3;stroke-width:2;stroke-linecap:round;stroke-dasharray:1 99;animation:trace 22s linear infinite;filter:drop-shadow(0 0 3px #D7B993)}
.orbit-plane ellipse,.map-orbit{stroke:#76B4D8;opacity:.28}
.asset-node circle{fill:#DDF4FF;stroke:#A6DFFF;filter:drop-shadow(0 0 5px #7ACAFF)}
.asset-node text{fill:#D8DCD9}
.chapter-tabs button.active{color:#F3EDE3;border-color:#A6DFFF}
.chapter-tabs button span{color:#82B8D6}
.engines,.case-study{background:#0B0F13}
.flywheel{background:#0D141A}
.observatory,.site-footer{background:#080A0D}
.engine-card>p{color:#C8CBC9}
.engine-card ul{color:#A0ACB3}
.map-label span,.map-caption{color:#88ABC1}
.map-light,.map-point{filter:drop-shadow(0 0 4px #83D3FF)}
.case-tabs button[aria-selected="true"]{color:#C7EDFF}
#caseDetail{background:#11181E;border-left-color:#80BFE3}
.article-card{border-top-color:#537D98}
.article-card:hover{border-top-color:#A6DFFF}
.article-type{color:#8EB8D0}
.conversation:after{background:linear-gradient(90deg,#080A0D 0%,rgba(8,10,13,.75) 37%,transparent)}
.conversation-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.conversation-actions .button{max-width:100%;text-align:left}
.conversation-content .conversation-actions .contact-email{display:flex;align-items:center;margin:0;min-height:44px;max-width:100%;color:var(--blue)}
.earth-video{filter:saturate(1)}
.preview-tools{background:rgba(8,10,13,.92);border-color:rgba(151,206,239,.25)}
.preview-tools button{color:#CBC7BE}
.hero-orbit{opacity:1}
.case-signature{width:100%;height:auto;display:block}
.hero-orbit .orbit-label{color:#CDBA9F;top:auto;bottom:1%}
.hero-orbit .orbit-label-one{left:4%}
.hero-orbit .orbit-label-two{right:2%}
.hero-orbit .orbit-coordinate{right:4%;bottom:12%}
.case-footer{background:#080A0D}
.case-hero-art{filter:saturate(1)}
.case-deck{color:#E0DFD9}
.hero-story h1{font-weight:700}
.build-section,.platform-section{background:#0D141A}
.work-sequence li{border-top-color:#73A9C9}
.system-grid>li{background:linear-gradient(180deg,#141B21,#0B0F13)}
.platform-links>a:hover{border-top-color:#A6DFFF}
@media(min-width:1650px){.hero h1{font-size:86px}.hero-signature{top:110px;right:3vw}}
@media(max-width:1180px){.hero-signature{width:59vw;right:-5vw;top:155px}.hero-copy{width:69%}.hero h1{font-size:clamp(39px,4.8vw,60px)}}
@media(max-width:1024px){.wordmark img{width:235px}.site-header nav{background:#0B1015}.hero h1{font-size:clamp(34px,5.2vw,52px)}.hero-signature{top:115px}}
@media(max-width:760px){.wordmark img,.case-wordmark img{width:210px}.hero-signature{width:65vw;right:-10vw;top:135px;opacity:.85}.hero-copy{width:100%}.hero .eyebrow{max-width:355px}.hero h1{font-size:clamp(34px,6.8vw,52px)}}
@media(max-width:700px){
 .hero{min-height:900px}
 .hero-image{background-position:73% center;opacity:.66}
 .hero-shade{background:linear-gradient(0deg,#080A0D 0%,rgba(8,10,13,.58) 30%,rgba(8,10,13,.16) 75%,#080A0D 100%)}
 .hero-signature{width:300px;right:-8px;top:80px;opacity:.9}
 .signature-coordinate{display:none}
 .hero-copy{padding-top:365px;padding-bottom:170px}
 .hero h1{font-size:clamp(30px,8vw,49px);letter-spacing:-.025em;line-height:1.15;margin-top:22px}
 .hero .eyebrow{font-size:9px}
 .hero-intro{font-size:16px}
 .hero-bottom{bottom:80px}
 .footer-wordmark img{width:300px}
 .hero-orbit{opacity:.15}
 .case-wordmark img{width:190px}
}
@media(max-width:380px){.wordmark img{width:185px}.site-header,.site-header.is-scrolled{column-gap:10px}.hero-signature{width:280px;right:-20px;top:78px}.hero-copy{padding-top:345px}.hero .eyebrow{font-size:8px;gap:8px;letter-spacing:.1em}.hero h1{font-size:28px}.case-header .case-wordmark img{width:160px}.case-header{gap:12px}.footer-wordmark img{width:260px}}
@media(max-height:600px) and (min-width:701px){.hero-copy{padding-top:150px}.hero-signature{top:85px;width:48vw;right:1vw}}
@media(prefers-reduced-motion:reduce){.signature-trace{animation:none;opacity:0}}

/* Motion is driven only while each SVG is visible. The logo itself never spins. */
.orbital-art{overflow:visible;isolation:isolate}
.hero-orbit>.orbital-art{display:block;width:100%;height:auto}
.orbital-tracer{will-change:stroke-dashoffset}
.orbital-satellite{pointer-events:none}
.hero-signature{filter:drop-shadow(0 0 32px rgba(77,163,219,.08))}
.case-motion-tools{position:absolute;top:calc(var(--case-header-height) + env(safe-area-inset-top) + 8px);right:max(24px,env(safe-area-inset-right));z-index:9}
.case-motion-tools button{min-height:44px;padding:10px 15px;display:flex;align-items:center;gap:16px;border:1px solid rgba(151,206,239,.25);background:rgba(8,16,23,.92);color:#BDDAEC;font:11px Inter,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(12px)}
.case-motion-tools button:focus-visible{outline:2px solid #A6DFFF;outline-offset:4px}
@media(max-width:700px){.hero-signature{opacity:1}.hero-orbit{opacity:.24}}
@media(max-height:600px) and (min-width:701px){.preview-tools{left:auto;right:max(12px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){body.motion-paused .orbital-tracer{opacity:0}body.motion-paused .orbital-satellite{opacity:.65}}

/* Motion refresh: animated hero horizon + signature reveal */
.hero-image{background-image:none!important}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right 65%;display:block}
.hero-signature{animation:sigReveal 2.6s cubic-bezier(.6,.05,.2,1) .25s both}
@keyframes sigReveal{from{clip-path:circle(0% at 52% 50%);opacity:.2;transform:rotate(-8deg) scale(.96)}to{clip-path:circle(75% at 52% 50%);opacity:1;transform:none}}
@media(max-width:760px){.hero-video{object-position:63% center}}
@media(prefers-reduced-motion:reduce){.hero-signature{animation:none}}