/* Creation Dynamix brand layer. Loads after every other stylesheet. */

/* a. Header and footer logos (moved from index.html) */
.site-header .brand img.cd-logo{height:36px;width:auto}
@media (max-width:767.98px){.site-header .brand img.cd-logo{height:28px}}
.footer-top img.cd-logo-stacked{height:96px;width:auto}

/* b. Legal page header logo (moved from privacy.html, terms.html, returns.html) */
.legal-head img.cd-logo{height:36px;width:auto}@media (max-width:767.98px){.legal-head img.cd-logo{height:28px}}

/* c. Colour overrides: old palette to brand orange #FF6A00 and off white #F4F4F6 */
.orbit span:nth-child(1){background:#FF6A00;box-shadow:0 0 35px #FF6A00}
.orbit span:nth-child(6){background:#FF6A00}
.orbit span:nth-child(2){background:#F4F4F6}
.orbit span:nth-child(3){background:#F4F4F6}
.orbit span:nth-child(7){background:#F4F4F6}
.orbit span:nth-child(8){background:#F4F4F6}
.motion-copy h2 em{color:#FF6A00}
.ai-title h2 em{color:#FF6A00}
.motion-copy a:hover{color:#FF6A00}
.ai-capabilities b{color:#FF6A00}
.cap-copy>span{color:#FF6A00}
.frame-one{background:#FF6A00}
.cv-promo{background:radial-gradient(circle at 72% 55%,rgba(255,106,0,.10) 0,transparent 42%),linear-gradient(180deg,#0b0d0d 0,#080909 100%)}
.agent-orbit span:nth-child(3){background:#FF6A00}

/* d. Focus ring: off white line between two dark bands, visible on dark, orange and light backgrounds */
:focus-visible{outline:2px solid #F4F4F6;outline-offset:4px;box-shadow:0 0 0 8px #0A0A0A}

/* e. Studio section construction drawing (studio-mark.css, unchanged) */
/* Studio section: construction drawing (replaces the old orbit, glow, float and tilt) */
.studio-mark{background:#0d0e0e}
.studio-mark .sm-svg{display:block;width:92%;height:auto;overflow:visible}
.studio-mark .sm-g,.studio-mark .sm-c{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.studio-mark .sm-g{stroke:rgba(244,244,246,.07)}
.studio-mark .sm-c{stroke:rgba(244,244,246,.28)}
.studio-mark .sm-ax{stroke:#FF6A00;stroke-opacity:.7}
.studio-mark .sm-o{fill:none;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}
.studio-mark .sm-o.sm-l{stroke:#F4F4F6}
.studio-mark .sm-o.sm-r{stroke:#FF6A00}
.studio-mark .sm-f{opacity:0}
.studio-mark .sm-f.sm-l{fill:#F4F4F6}
.studio-mark .sm-f.sm-r{fill:#FF6A00}
.studio-mark .sm-lab{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:20px;letter-spacing:.04em;fill:#8e8b85;opacity:0}
.studio-mark .sm-lab.sm-or{fill:#FF6A00}
.studio-mark .sm-dim{stroke:#8e8b85;stroke-width:1;vector-effect:non-scaling-stroke;opacity:0}
.studio-mark .sm-gridset{opacity:.75;transition:opacity .5s ease}
.studio-mark:hover .sm-gridset{opacity:1}
.studio-mark.visible .sm-g{animation:sm-draw .9s cubic-bezier(.6,0,.2,1) forwards;animation-delay:calc(.3s + var(--d,0s))}
.studio-mark.visible .sm-c{animation:sm-draw .9s cubic-bezier(.6,0,.2,1) forwards;animation-delay:calc(.75s + var(--d,0s))}
.studio-mark.visible .sm-o{animation:sm-draw 1.3s cubic-bezier(.65,0,.25,1) forwards 1.2s}
.studio-mark.visible .sm-f{animation:sm-fade .7s ease forwards 2.35s}
.studio-mark.visible .sm-lab,.studio-mark.visible .sm-dim{animation:sm-fade .6s ease forwards 2.7s}
@keyframes sm-draw{to{stroke-dashoffset:0}}
@keyframes sm-fade{to{opacity:1}}
@media(max-width:620px){.studio-mark .sm-lab{font-size:30px}}
@media(prefers-reduced-motion:reduce){.studio-mark .sm-g,.studio-mark .sm-c,.studio-mark .sm-o{stroke-dashoffset:0;animation:none}.studio-mark .sm-f,.studio-mark .sm-lab,.studio-mark .sm-dim{opacity:1;animation:none}}