:root{color-scheme:dark;--surface:#0b0b10;--ink:#f7f5fb;--muted:#aaa5b6;--line:#ffffff20;--accent:#bf8eff}
html[data-theme="light"]{color-scheme:light;--surface:#faf8ff;--ink:#21152f;--muted:#63596e;--line:#29133d26;--accent:#7300d9}
body{background:var(--surface);color:var(--ink)}
header{background:var(--surface);border-color:var(--line)}
.navtools{display:flex;align-items:center;gap:12px}.navlinks{margin-left:auto}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:999px;padding:10px 13px;font-size:11px;cursor:pointer;white-space:nowrap}
.theme-icon{width:17px;height:17px;transition:transform .5s ease}.theme-toggle:hover .theme-icon{transform:rotate(45deg)}
.theme-ready body,.theme-ready header,.theme-ready .service,.theme-ready .projectcopy,.theme-ready input,.theme-ready select,.theme-ready textarea{transition:background-color .4s ease,color .4s ease,border-color .4s ease}
.globe-control{display:grid;place-items:center;background:transparent;border:0;width:100%;height:100%;padding:35px;cursor:grab;color:inherit;touch-action:pan-y;border-radius:50%}.globe-control:active{cursor:grabbing}.globe-control:focus-visible{outline-offset:-15px}
.art{overflow:visible;min-width:0}.orb{width:100%;height:100%;max-width:440px;overflow:visible;transform:none!important;transition:none;filter:drop-shadow(0 0 20px #8602fd28)}.orb g{animation:none}.art-label{pointer-events:none;bottom:2%;left:8%;font-size:9px}.hero{overflow:visible}.heroGrid{min-width:0}.globe-control{aspect-ratio:1}
html[data-theme="light"] .logo span{color:#7900df}
html[data-theme="light"] .navlinks,html[data-theme="light"] .lead,html[data-theme="light"] .sectionhead p,html[data-theme="light"] .service p,html[data-theme="light"] .projectcopy p,html[data-theme="light"] .process p,html[data-theme="light"] details p,html[data-theme="light"] .bodycopy,html[data-theme="light"] .results p,html[data-theme="light"] .formhint,html[data-theme="light"] .footlinks{color:var(--muted)}
html[data-theme="light"] .eyebrow,html[data-theme="light"] .heroBottom,html[data-theme="light"] .clients,html[data-theme="light"] .fine{color:#6b5b7e}
html[data-theme="light"] .hero h1 em,html[data-theme="light"] .results-number,html[data-theme="light"] .service .num,html[data-theme="light"] .service .arrow,html[data-theme="light"] .label{color:#7900df}
html[data-theme="light"] .button.outline{color:var(--ink);border-color:#30134650}
html[data-theme="light"] .button:not(.primary):not(.outline){background:#251336;color:white}
html[data-theme="light"] .services,html[data-theme="light"] .service,html[data-theme="light"] .project,html[data-theme="light"] .heroBottom,html[data-theme="light"] .strip,html[data-theme="light"] .section,html[data-theme="light"] details,html[data-theme="light"] footer,html[data-theme="light"] .list li{border-color:var(--line)}
html[data-theme="light"] .projectcopy{background:#fff}
html[data-theme="light"] .service:hover{background:#eee5fb}
html[data-theme="light"] .motion-toggle,html[data-theme="light"] .menu{color:#5c4272;border-color:#30134645}
html[data-theme="light"] input,html[data-theme="light"] select,html[data-theme="light"] textarea{background:white;color:var(--ink);border-color:#30134645}
html[data-theme="light"] .art-label{color:#6a30a0}
html[data-theme="light"] .statement{background:#eee7f7}
html[data-theme="light"] .process b{color:#a91a60}
html[data-theme="light"] .navlinks a:hover,html[data-theme="light"] .textlink:hover{color:#7900df}
@keyframes theme-reveal{from{clip-path:circle(0px at var(--theme-x,90%) var(--theme-y,40px))}to{clip-path:circle(150vmax at var(--theme-x,90%) var(--theme-y,40px))}}
::view-transition-old(root){animation:none;z-index:1}::view-transition-new(root){animation:theme-reveal .65s cubic-bezier(.2,.7,.2,1);z-index:2;mix-blend-mode:normal}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr 1fr}.art{position:relative;inset:auto;width:auto;opacity:1;z-index:auto;pointer-events:auto}.hero h1{font-size:clamp(48px,7vw,72px)}.globe-control{padding:12px}.navlinks{gap:16px}.nav{gap:16px}}
@media(max-width:700px){.navlinks{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:var(--surface);flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.navlinks.open{display:flex}.menu{display:block}.nav{min-height:72px}.theme-toggle{padding:9px}.theme-toggle .theme-label{display:none}.navtools{margin-left:auto}.heroGrid{grid-template-columns:1fr}.art{width:min(100%,350px);margin:5px auto 12px}.hero{padding-bottom:35px}.hero h1{font-size:58px}.globe-control{padding:25px}.art-label{font-size:8px}.heroBottom{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.theme-ready *{transition:none!important}::view-transition-new(root){animation:none}.theme-icon{transition:none}}
/* Pink markers share the primary CTA's gentle pulse rhythm. */
.eyebrow:before{width:9px;height:9px;vertical-align:middle;animation:marker-pulse 2.8s ease-in-out infinite}
@keyframes marker-pulse{0%,100%{box-shadow:0 0 0 0 #ff599500;transform:scale(1)}50%{box-shadow:0 0 0 6px #ff599524;transform:scale(1.1)}}
.motion-paused .eyebrow:before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.eyebrow:before{animation:none!important}}
/* Original brand artwork, selected by the current theme before first paint. */
.logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.brand-logo{width:clamp(140px,20vw,220px);height:auto;max-width:100%;object-fit:contain}
.brand-logo-dark{display:block}.brand-logo-light{display:none}
html[data-theme="light"] .brand-logo-dark{display:none}
html[data-theme="light"] .brand-logo-light{display:block}
footer .brand-logo{width:220px}