/* JOEY / CONTROL SYSTEM — shared visual and motion language */
:root{--bg:#060911;--panel:#0e1521;--muted:#aab7ca;--cyan:#7fddda;--violet:#a7b8ff;--line:#263448;--system-accent:#7fddda;--system-secondary:#a7b8ff}
body.reference-theme.control-theme{background:#060911;color:#edf3fc;font-family:'DM Sans',sans-serif;overflow-x:hidden}
body.control-theme:before,body.control-theme .ambientglow,body.control-theme .cursorhalo{display:none}
.control-theme .system-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#060911}
.control-theme .system-mesh{position:absolute;inset:-25%;background:radial-gradient(ellipse at 75% 12%,#34568f26,transparent 44%),radial-gradient(ellipse at 22% 72%,#277b7620,transparent 42%);animation:mesh-drift 32s ease-in-out infinite alternate}
.control-theme .system-grid{position:absolute;inset:-80px;background-image:linear-gradient(#6c91ba09 1px,transparent 1px),linear-gradient(90deg,#6c91ba09 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#0009,transparent 80%);animation:grid-drift 28s linear infinite}
.control-theme #system-network{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.control-theme .system-scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#90dce226,transparent);animation:world-scan 22s linear infinite}
.control-theme .skip-link{position:fixed;top:-80px;left:20px;z-index:1000;padding:12px 20px;background:#7fddda;color:#07121c;border-radius:8px}.control-theme .skip-link:focus{top:15px}
body.control-theme header{position:sticky;top:0;z-index:100;display:flex;gap:24px;align-items:center;max-width:none;padding:18px max(3.5%,calc((100vw - 1360px)/2));border-bottom:1px solid #8dafd426;background:#090f1be8;backdrop-filter:blur(24px);box-shadow:0 6px 35px #0003}
.control-theme .logo{font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-1px;white-space:nowrap;color:#f2f6ff}.control-theme .logo span{font:500 9px 'DM Sans',sans-serif;letter-spacing:1.6px;margin-left:9px;color:#8699b1}
.control-theme header nav{gap:20px;flex:1;justify-content:center;font-size:12px;white-space:nowrap}.control-theme header nav a{padding:9px 0;position:relative;color:#b4c1d4;transition:color .2s,text-shadow .2s}.control-theme header nav a:after{content:'';position:absolute;left:0;bottom:1px;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s}.control-theme header nav a:hover,.control-theme header nav a.active{color:#91e6e1;text-shadow:0 0 18px #7fddda44}.control-theme header nav a:hover:after,.control-theme header nav a.active:after{transform:scaleX(1)}
.control-theme .nav-status{display:flex;align-items:center;gap:7px;font:9px ui-monospace,monospace;letter-spacing:1px;color:#a7c7c8;white-space:nowrap}.control-theme .online-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#80dcd4;box-shadow:0 0 0 3px #80dcd412;animation:status-breathe 2.8s ease-in-out infinite}.control-theme .headercta{font-size:11px;padding:10px 14px;white-space:nowrap}
body.control-theme main{max-width:1440px;position:relative}.control-theme main>section{padding:94px 5%;background-color:transparent;border-color:#27364a80}.control-theme .eyebrow{color:#86ced3;font:500 10px/1.5 ui-monospace,monospace;letter-spacing:2px;margin-bottom:19px}.control-theme h1,.control-theme h2,.control-theme h3{color:#eef3fd}.control-theme h1 span,.control-theme h2 span{color:#91cbd9;background:none;-webkit-text-fill-color:currentColor}.control-theme h2{font-size:clamp(31px,3.7vw,50px);line-height:1.13;letter-spacing:-1.8px}.control-theme p{color:#aab7ca;line-height:1.75}.control-theme .sectionhead{margin-bottom:38px;gap:40px;align-items:flex-end}.control-theme .sectionhead p{max-width:380px}.control-theme .pagetitle{font-size:clamp(38px,4.9vw,64px);line-height:1.12}
.control-theme .button,.control-theme .smallbtn{position:relative;overflow:hidden;border:1px solid #86cbd33b;border-radius:7px;transition:transform .25s,box-shadow .25s,border-color .25s;background:#101b2a;color:#e8f3fd;font-size:13px;letter-spacing:.1px;padding:13px 20px;isolation:isolate}.control-theme .button{background:linear-gradient(120deg,#c0e9ec,#91cdd9);border-color:#c0e9ec;color:#0c1925;font-weight:700;box-shadow:0 0 25px #88cbd916}.control-theme .button:before,.control-theme .smallbtn:before{content:'';position:absolute;inset:-50%;background:linear-gradient(105deg,transparent 40%,#fff3 48%,transparent 57%);transform:translateX(-95%);pointer-events:none}.control-theme .button:before{animation:button-sweep 9s ease-in-out infinite}.control-theme .smallbtn:hover:before{animation:button-sweep 1s ease forwards}.control-theme .button:hover,.control-theme .smallbtn:hover{transform:translateY(-3px);border-color:#a2e7e8;box-shadow:0 7px 28px #70ccdb18}.control-theme .button:active,.control-theme .smallbtn:active{transform:translateY(1px) scale(.98)}.control-theme .button span{display:inline-block;margin-left:10px;transition:transform .25s}.control-theme .button:hover span{transform:translate(2px,-2px)}.control-theme .actions{gap:13px;flex-wrap:wrap}.control-theme .textlink{color:#a2d8e2;line-height:1.5}.control-theme :focus-visible{outline:2px solid #99e2e1;outline-offset:5px}.control-theme [hidden]{display:none!important}
/* Above the fold: an editorial introduction beside the system console. */
body.control-theme .control-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:70px;min-height:calc(100svh - 75px);padding-top:75px;padding-bottom:70px}
.control-theme .hero-system-label{display:flex;align-items:center;gap:9px;color:#a6b9d0;font:9px/1.5 ui-monospace,monospace;letter-spacing:1.6px;margin-bottom:24px}
.control-theme .control-hero h1{font-size:clamp(90px,10.2vw,143px);font-weight:600;letter-spacing:-9px;line-height:.94;margin-bottom:22px}.control-theme .hero-period{color:#8adee0}.control-theme .hero-position{font-size:clamp(19px,2vw,27px);line-height:1.36;font-weight:500;letter-spacing:.3px;color:#c6d7ed}.control-theme .control-hero .hero-copy>p{max-width:530px;font-size:15px;margin:22px 0}
.control-theme .hero-verbs{display:flex;gap:16px;align-items:center;margin:26px 0;border-left:2px solid #85d3d7;padding-left:14px;font:10px ui-monospace,monospace;letter-spacing:1px;color:#7b91ad}.control-theme .hero-verbs strong{font-size:17px;min-width:104px;color:#b4e5e7;letter-spacing:2px}.control-theme .word-enter{animation:word-in .5s ease both}.control-theme .hero-verbs i{font-size:20px;font-style:normal;color:#88b6c5}
.control-theme .hero-capabilities{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0}.control-theme .hero-capabilities span{font-size:10px;color:#98abc3;border:1px solid #314055;padding:5px 9px;border-radius:4px;background:#12203155}
.control-theme .hero-person{display:flex;align-items:center;gap:13px;margin-top:26px;width:fit-content;font-size:11px;line-height:1.7;color:#9badc6}.control-theme .hero-person img{border-radius:50%;object-fit:cover;border:1px solid #52677d}.control-theme .hero-person b{color:#d9e5f5;font-weight:500}
.control-theme .control-console{position:relative;background:linear-gradient(155deg,#152334ed,#0b111eed);border:1px solid #90b5d13b;border-radius:16px;overflow:hidden;box-shadow:0 25px 80px #0005,inset 0 1px #e0f5ff0a;animation:console-drift 12s ease-in-out infinite;perspective:1000px}
.control-theme .control-console:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 0%,#6e99d521,transparent 60%)}.control-theme .panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;font:9px ui-monospace,monospace;letter-spacing:1px;color:#9aadc5;border-bottom:1px solid #8ab1cd23;padding:18px 24px}.control-theme .panel-toolbar>span:first-child{display:flex;gap:8px;align-items:center}.control-theme .mono{font-family:ui-monospace,monospace;color:#7990ad;font-size:9px;letter-spacing:1px}
.control-theme .console-heading{padding:29px 28px 0}.control-theme .console-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.control-theme .console-heading h2{font-size:31px;letter-spacing:-1px}.control-theme .console-map{padding:28px;position:relative;background-image:radial-gradient(#a2bddd15 1px,transparent 1px);background-size:18px 18px;margin-top:16px}.control-theme .console-sources,.control-theme .console-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.control-theme .console-sources span,.control-theme .console-destinations span{font:8px/1.3 ui-monospace,monospace;letter-spacing:.7px;text-align:center;padding:14px 4px;border:1px solid #90b4d238;background:#101c2b;border-radius:6px;color:#b9cbdf;box-shadow:0 5px 10px #0002}.control-theme .console-destinations span{background:#122331;color:#a5d9dc}
.control-theme .console-wire{display:flex;justify-content:space-around;height:36px}.control-theme .console-wire i{width:1px;background:#55758e66;position:relative}.control-theme .console-wire i:after,.control-theme .console-outbound i:after{content:'';position:absolute;top:0;left:-1px;width:3px;height:10px;background:#a7eeee;box-shadow:0 0 9px #7fdddd;animation:wire-flow 2.8s ease-in-out infinite}.control-theme .console-wire i:nth-child(2):after{animation-delay:.9s}.control-theme .console-wire i:nth-child(3):after{animation-delay:1.8s}
.control-theme .console-core{position:relative;border:1px solid #92dce778;background:linear-gradient(115deg,#172f3e,#152238);box-shadow:0 0 30px #80d6dc0a;display:flex;gap:16px;justify-content:center;align-items:center;border-radius:9px;padding:20px 16px;overflow:hidden}.control-theme .console-core small{display:block;font:8px ui-monospace,monospace;letter-spacing:2px;color:#93b1c4;margin-bottom:7px}.control-theme .console-core strong{font:500 21px 'Space Grotesk',sans-serif}.control-theme .console-core img{object-fit:contain;background:#fff;border-radius:8px;padding:4px}.control-theme .core-orbit{position:absolute;right:-12px;top:-35px;width:135px;height:135px;border:1px dashed #92c7df22;border-radius:50%;animation:orbit-spin 24s linear infinite}.control-theme .core-orbit:after{content:'';position:absolute;width:5px;height:5px;background:#94d8e0;border-radius:50%;top:13px;left:21px}
.control-theme .console-outbound{height:32px;display:flex;justify-content:center}.control-theme .console-outbound i{width:1px;background:#86b4cb55;position:relative}.control-theme .console-event{margin:0 28px 22px;padding:17px 14px;border:1px solid #577c9855;background:#0a121e99;border-radius:7px;display:flex;gap:13px;align-items:center}.control-theme .console-event-icon{background:#42698333;width:33px;height:33px;display:grid;place-items:center;color:#99e1e6;border-radius:7px}.control-theme .console-event small{font:8px ui-monospace,monospace;letter-spacing:1px;color:#859bb8;display:block;margin-bottom:7px}.control-theme .console-event strong{font:500 13px 'Space Grotesk',sans-serif}.control-theme .event-signal{display:flex;gap:3px;align-items:center;margin-left:auto;height:26px}.control-theme .event-signal i{height:13px;width:3px;background:#85c6d8;animation:data-bars 1.6s ease-in-out infinite}.control-theme .event-signal i:nth-child(2){animation-delay:.3s}.control-theme .event-signal i:nth-child(3){animation-delay:.5s}.control-theme .event-signal i:nth-child(4){animation-delay:.7s}.control-theme .console-bottom{padding:15px 24px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #7194b322;font:8px ui-monospace,monospace;color:#7f94b0}.control-theme .console-bottom a{color:#b2d4e1}
/* Card families get distinct treatments, with content always stationary. */
.control-theme .capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.control-theme .capability-card{display:flex;flex-direction:column;position:relative;padding:26px 24px;background:linear-gradient(145deg,#152032bb,#101827cc);border:1px solid #6f8aab33;border-radius:10px;overflow:hidden}.control-theme .capability-card>span,.control-theme .card-topline{font:9px ui-monospace,monospace;letter-spacing:1px;color:#8da7c2}.control-theme .capability-card h3{font-size:23px;letter-spacing:-.7px;line-height:1.25;margin-top:37px}.control-theme .capability-card p{font-size:13px;margin:18px 0 26px;flex:1}.control-theme .capability-card b{font-size:11px;font-weight:500;color:#a4d8e1}.control-theme .capability-card:before{content:'';position:absolute;top:0;left:0;width:30%;height:1px;background:#b4d5f1;box-shadow:0 0 12px #8ab3ee;animation:edge-travel 8s ease-in-out infinite}.control-theme .capability-card:nth-child(2):before{animation-delay:-2s}.control-theme .capability-card:nth-child(3):before{animation-delay:-4s}.control-theme .capability-card:nth-child(4):before{animation-delay:-6s}
.control-theme .motion-card{transition:border-color .3s,box-shadow .3s,transform .35s;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background-image:radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,0%),#81b1d50e,transparent 80%),linear-gradient(140deg,#152031cc,#0d1422e6)}.control-theme .motion-card:hover{border-color:#89c4d578;box-shadow:0 15px 40px #0004}
.control-theme .system-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.control-theme .system-service{padding:26px;position:relative;border:1px solid #728dac36;border-radius:11px;overflow:hidden;display:flex;flex-direction:column}.control-theme .card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.control-theme .card-topline b{font-size:24px;font-weight:400;color:#b1cddd}.control-theme .system-service h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:30px 0 0}.control-theme .system-service p{font-size:13px;margin:16px 0 20px;flex:1}.control-theme .system-service>.textlink{font-size:11px;margin-top:20px;display:flex;justify-content:space-between}.control-theme .system-service:after{content:'';position:absolute;top:0;left:-120%;height:1px;width:100%;background:linear-gradient(90deg,transparent,#b1dfea,transparent);animation:card-scan 10s linear infinite;animation-delay:calc(var(--order,0) * -.8s)}
.control-theme .micro-flow{display:flex;gap:13px;align-items:center;min-width:0}.control-theme .micro-flow>span{flex:1;position:relative;min-width:0;text-align:center;padding:10px 4px;border:1px solid #6f8da442;background:#0b1523;color:#8399b3;font:9px/1.4 ui-monospace,monospace;border-radius:5px;transition:color .5s,border-color .5s,background .5s}.control-theme .micro-flow>span+span:before{content:'';position:absolute;left:-14px;top:50%;width:13px;height:1px;background:#64829566}.control-theme .micro-flow>span+span:after{content:'';position:absolute;left:-12px;top:calc(50% - 1px);height:3px;width:5px;background:#9ae0e0;opacity:0;box-shadow:0 0 6px #93e3e3}.control-theme .micro-flow>.micro-active{color:#d2f5f4;border-color:#8dcadca6;background:#183041}.control-theme .micro-flow>.micro-active:after{opacity:1;animation:micro-pulse 1.3s linear infinite}
/* The 13-stage simulation: actual paths are measured from node positions. */
.control-theme .flow-player{position:relative;border:1px solid #809fc447;border-radius:14px;background:linear-gradient(145deg,#142034eb,#0a121fec);box-shadow:0 25px 70px #0003;overflow:hidden}.control-theme .flow-canvas{position:relative;padding:34px 32px;background-image:radial-gradient(#a8c9e21a 1px,transparent 1px);background-size:20px 20px}.control-theme .flow-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.control-theme .flow-connections path{fill:none;stroke:#60849e50;stroke-width:1.4}.control-theme .flow-connections .flow-lit{stroke:#92d9e8;stroke-width:2;stroke-dasharray:8 8;animation:path-pulse 1.5s linear infinite;filter:drop-shadow(0 0 3px #92d9e8)}.control-theme .flow-data-pulse{fill:#b9f3f4;filter:drop-shadow(0 0 5px #93e2ec)}
.control-theme .flow-stages{position:relative;z-index:1;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:27px 24px}.control-theme .flow-stage{position:relative;min-height:110px;padding:18px 16px;border:1px solid #6381a34a;background:#101b2bee;border-radius:8px;transition:border-color .4s,background .4s,box-shadow .4s}.control-theme .flow-index{font:9px ui-monospace,monospace;color:#7a91af}.control-theme .flow-symbol{float:right;font:17px ui-monospace,monospace;color:#84a3c4}.control-theme .flow-stage strong{display:block;font:500 13px/1.4 'Space Grotesk',sans-serif;margin:13px 0 4px;color:#d5e3f2}.control-theme .flow-stage small{font:8px/1.5 ui-monospace,monospace;color:#899eb9}.control-theme .flow-stage i{position:absolute;right:12px;bottom:15px;width:4px;height:4px;border-radius:50%;background:#58738d}.control-theme .flow-stage.is-complete{border-color:#76c4cc67;background:#152b37ee}.control-theme .flow-stage.is-complete i{background:#92d4d9}.control-theme .flow-stage.is-active{border-color:#a7e9eb;background:linear-gradient(135deg,#213e4c,#1c2d43);box-shadow:0 0 25px #86cddb1a}.control-theme .flow-stage.is-active .flow-index,.control-theme .flow-stage.is-active .flow-symbol{color:#b5f0ed}.control-theme .flow-stage.is-active i{background:#b5f0ed;box-shadow:0 0 8px #b5f0ed;animation:status-breathe 1.3s infinite}
.control-theme .flow-footer{display:flex;align-items:center;gap:30px;padding:22px 30px;border-top:1px solid #748eab29}.control-theme .flow-caption{min-width:235px}.control-theme .flow-caption span{display:block;font:9px ui-monospace,monospace;letter-spacing:1px;color:#88bccd;margin-bottom:7px}.control-theme .flow-caption strong{font-size:13px;font-weight:500}.control-theme .flow-timeline{flex:1;height:3px;background:#3c527166;overflow:hidden;border-radius:10px}.control-theme .flow-timeline i{display:block;height:100%;width:0;background:#9fdee2;box-shadow:0 0 8px #a8eeee}.control-theme .flow-footer button{font-size:10px;padding:9px 13px;white-space:nowrap}.control-theme .flow-note{font-size:10px;margin:0;padding:0 30px 20px;color:#7d94b0}
.control-theme .lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.control-theme .lab-card{border:1px solid #7693b138;border-radius:10px;padding:24px;overflow:hidden;position:relative}.control-theme .lab-status{font:8px ui-monospace,monospace;color:#82bcc6}.control-theme .lab-card h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin-top:26px}.control-theme .lab-card>p{font-size:12px;min-height:44px;margin:13px 0 25px}.control-theme .lab-flow{list-style:none;margin:0;padding:0;display:grid;gap:22px}.control-theme .lab-flow li{position:relative;border:1px solid #7695b640;border-radius:5px;padding:12px 15px;background:#0a1322b3;transition:border-color .4s,background .4s}.control-theme .lab-flow li+li:before{content:'';position:absolute;left:25px;top:-23px;height:22px;width:1px;background:#6e94b455}.control-theme .lab-flow li+li:after{content:'';position:absolute;left:24px;top:-22px;height:7px;width:3px;background:#98dfe8;box-shadow:0 0 5px #98dfe8;opacity:0}.control-theme .lab-flow small{display:block;font:8px ui-monospace,monospace;letter-spacing:1px;color:#809bb9;margin-bottom:5px}.control-theme .lab-flow strong{font:500 12px 'Space Grotesk',sans-serif}.control-theme .lab-flow i{position:absolute;right:14px;top:26px;width:5px;height:5px;border-radius:50%;background:#526b8a}.control-theme .lab-flow .micro-active{background:#193040;border-color:#92d2dc99}.control-theme .lab-flow .micro-active:after{opacity:1;animation:lab-pulse 1.3s linear infinite}.control-theme .lab-flow .micro-active i{background:#b7e9e9;box-shadow:0 0 10px #b7e9e9}.control-theme .lab-foot{display:flex;justify-content:space-between;margin-top:24px;color:#7188a4;font:8px ui-monospace,monospace;letter-spacing:1px}.control-theme .automation-lab>.button{margin-top:30px}
/* Existing content collections remain intact in the new shell. */
body.control-theme .project.reference-project{display:flex;flex-direction:column;grid-column:auto;background:linear-gradient(145deg,#142135,#0e1524);border:1px solid #6f8eaf40;border-radius:12px;box-shadow:none}.control-theme .project.reference-project .project-art{padding:23px 23px 0;min-height:0;background:radial-gradient(ellipse at 40% 10%,#6c91c81c,transparent 75%);border:0;transform:none;overflow:hidden;display:block}.control-theme .project-art:before{display:none}.control-theme .project-art.haspreview .browserbar{font:9px ui-monospace,monospace;background:#0b1422;border:1px solid #657c9745;border-bottom:0;border-radius:8px 8px 0 0;padding:10px 13px;min-height:31px;position:relative;inset:auto;transform:none;z-index:1;max-width:none;width:auto;display:flex;gap:5px}.control-theme .browserbar i{background:#65758b;width:4px;height:4px}.control-theme .browserbar span{color:#97a9bf;font-size:8px;margin-left:9px}.control-theme .project-art.haspreview .siteviewport{height:290px;border:1px solid #657c9745;border-top:0;border-radius:0 0 6px 6px;position:relative;inset:auto;width:auto;max-width:none;transform:none;box-shadow:0 14px 25px #0004;overflow:hidden}.control-theme .project-art.haspreview .scrollingsite{width:100%;height:auto;max-height:none;display:block;object-fit:initial;transform:translateY(0);animation:none!important;will-change:transform}.control-theme .project.reference-project .project-info{padding:27px 26px 29px}.control-theme .project-info h3{font-size:28px;margin-top:18px}.control-theme .project-info p{font-size:13px}.control-theme .project-niche{border-left:1px solid #88c1d1;padding-left:12px}.control-theme .project-niche span{font:8px ui-monospace,monospace;color:#829cb9;letter-spacing:1px}.control-theme .project-niche strong{font:500 12px 'DM Sans',sans-serif;color:#c0d7e8}.control-theme .project-responsibilities{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:23px}.control-theme .project-responsibilities span{font-size:9px;padding:5px 8px;border:1px solid #617b9a44;border-radius:4px;color:#9fb8d2}.control-theme .project-info a{font-size:12px;color:#b8dfe9;border-color:#6994ac60}
.control-theme .techstrip{background:#0e162580;border-block:1px solid #6e89a433;padding-top:24px;padding-bottom:24px}.control-theme .techlabel,.control-theme .techlabel span{color:#93a9c5}.control-theme .marqueetrack{animation-duration:48s}.control-theme .marqueegroup span{color:#bfd0e0}.control-theme .techstrip>.textlink{color:#a5cadb}.control-theme .toollogogrid>span{background:#121d2d;border-color:#6885a238}.control-theme .processgrid{gap:14px}.control-theme .processgrid li{background:#142033aa;border:1px solid #6383a338;border-radius:8px;position:relative;overflow:hidden}.control-theme .processgrid li:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:30%;background:#8fc5d8;animation:edge-travel 12s ease-in-out infinite;animation-delay:calc(var(--process-index,0) * -1.5s)}.control-theme .process-intro>p{max-width:650px}.control-theme .process-intro>.micro-flow{max-width:670px;margin-top:32px}.control-theme .architecturegrid article,.control-theme .whygrid article{background:#111c2dbb;border-color:#6383a336}.control-theme .architecturegrid article>span,.control-theme .processgrid li>span{color:#9bc5db}
.control-theme .stackconsole,.control-theme .interactivestack{background:linear-gradient(135deg,#14233b99,#0a121dcc);border-color:#7497be44}.control-theme .stacktool{background:linear-gradient(135deg,#18263b99,#0b1423);border-color:#7b97b236}.control-theme .stacktool:hover{border-color:#90cfda}.control-theme .stackcategory{color:#99b4d4}.control-theme .stackfilters button{background:#0c1422;border-color:#516a873f;color:#b1c3d8}.control-theme .stackfilters button.active{background:#a3d3dc;color:#0e1b29}.control-theme .stackicon{border-color:#7b9cb540;background:#142235}.control-theme .stackicon img{max-height:29px;max-width:29px}.control-theme .stackmetrics strong{color:#cbe5f2}
.control-theme .brandfilm,.control-theme .film,.control-theme .brandgraphic,.control-theme .sample,.control-theme .graphic,.control-theme .contentcard{background:#101a2b;border-color:#6583a342}.control-theme .socialbrandnav a{color:#a5c5d9;border-color:#6987a438}.control-theme .socialbrand{border-color:#6987a430}.control-theme .socialbrand h2,.control-theme .socialintro h1{color:#eaf0fa}.control-theme .socialbrand .eyebrow,.control-theme .brandfilm span{color:#90bdd2}
.control-theme .about-portrait-section{gap:60px}.control-theme .portraitframe{border-color:#8db9d367;background:linear-gradient(140deg,#253451,#0d1b2c);box-shadow:0 25px 70px #0006}.control-theme .portraitframe:before{border-color:#779dc746}.control-theme .about-help .servicegrid{gap:20px}.control-theme .about-help .servicegrid article{border:1px solid #7490b23b;background:linear-gradient(140deg,#17253b,#0d1727);border-radius:10px;padding:27px;min-width:0}.control-theme .about-help .servicegrid article:before{background:#89cbd8}.control-theme .about .lead{color:#d0dff0}.control-theme .contact{background:transparent;border-top:0}.control-theme .contact form{padding:30px;border:1px solid #7b94b23b;border-radius:13px;background:linear-gradient(150deg,#142136bb,#0e1524bb)}.control-theme input,.control-theme select,.control-theme textarea{background:#0b1422;border:1px solid #6b89a54d;border-radius:6px;color:#e5effa}.control-theme label{color:#b8c9df}.control-theme input:focus,.control-theme select:focus,.control-theme textarea:focus{border-color:#93cadb}.control-theme .pagecta{border-top:1px solid #809db42a;text-align:center;background:radial-gradient(ellipse at 50% 70%,#35658426,transparent 65%);position:relative;overflow:hidden}.control-theme .pagecta:after{content:'';position:absolute;width:460px;height:460px;border:1px solid #81bcd71b;border-radius:50%;left:calc(50% - 230px);top:20px;pointer-events:none;animation:cta-orbit 10s ease-in-out infinite}.control-theme .pagecta .button{z-index:1}.control-theme .sitefooter{border-color:#7894b135;background:#080f1bd9}.control-theme .footerlinks a{color:#9fb6cf}.control-theme .site-motion-control{background:#132133ed;border-color:#89afca66;color:#c5dcec;font-size:10px;padding:11px 15px;backdrop-filter:blur(12px)}.control-theme .backtotop{background:#0d1c2a;border-color:#6e9ab455;color:#a0d2df}.control-theme #readingprogress{background:#9ddde3}.control-theme .auto-featured{border-color:#8fc2d57a!important;box-shadow:0 0 30px #88bbd710!important}
@keyframes mesh-drift{to{transform:translate3d(-4%,4%,0) rotate(8deg)}}@keyframes grid-drift{to{transform:translate3d(64px,64px,0)}}@keyframes world-scan{from{top:-1%}to{top:101%}}@keyframes status-breathe{50%{opacity:.45;box-shadow:0 0 0 5px #80dcd410}}@keyframes console-drift{50%{transform:translateY(-7px)}}@keyframes button-sweep{0%,75%{transform:translateX(-95%)}95%,100%{transform:translateX(95%)}}@keyframes word-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wire-flow{0%{transform:translateY(0);opacity:0}20%{opacity:1}100%{transform:translateY(27px);opacity:0}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes data-bars{50%{transform:scaleY(.35);opacity:.5}}@keyframes edge-travel{0%,100%{transform:translateX(-120%)}50%{transform:translateX(340%)}}@keyframes card-scan{to{left:120%}}@keyframes micro-pulse{to{transform:translateX(9px)}}@keyframes lab-pulse{to{transform:translateY(15px)}}@keyframes path-pulse{to{stroke-dashoffset:-32}}@keyframes cta-orbit{50%{transform:scale(1.15);opacity:.35}}
@media(min-width:1500px){.control-theme .control-hero h1{font-size:145px}}@media(max-width:1250px){body.control-theme header{gap:16px}.control-theme .logo span{display:none}.control-theme header nav{gap:16px}.control-theme .nav-status{font-size:8px}.control-theme .headercta{display:none}.control-theme .control-hero{gap:35px}.control-theme .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){body.control-theme .control-hero{gap:30px}.control-theme .control-hero h1{font-size:100px}.control-theme .flow-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.control-theme .flow-canvas{padding:27px}.control-theme .lab-grid,.control-theme .system-services{grid-template-columns:repeat(2,minmax(0,1fr))}.control-theme .console-heading h2{font-size:27px}.control-theme .console-map{padding:22px}.control-theme header nav{gap:13px}.control-theme .nav-status{display:none}}
@media(max-width:760px){body.control-theme header{padding:15px 5%;flex-wrap:wrap;justify-content:space-between}.control-theme .menutoggle{display:block;padding:8px 13px;font-size:11px}.control-theme header nav{display:none;order:4;flex-basis:100%;white-space:normal;padding:10px 0 8px;grid-template-columns:repeat(2,1fr);gap:5px 20px}.control-theme header nav.open{display:grid;animation:word-in .25s ease}.control-theme header nav a{padding:10px;color:#c9d9ed;background:#14223588;border-radius:5px}.control-theme header nav a:after{bottom:0}.control-theme .nav-status{display:flex;margin-left:auto}.control-theme .menutoggle{order:3}.control-theme main>section{padding:65px 6%}.control-theme .control-hero{grid-template-columns:1fr;gap:40px;min-height:0;padding-top:55px;padding-bottom:60px}.control-theme .control-hero h1{font-size:105px}.control-theme .hero-position{font-size:22px}.control-theme .hero-system-label{font-size:8px;letter-spacing:1px}.control-theme .control-console{max-width:540px;width:100%;justify-self:center}.control-theme .hero-copy>p{max-width:540px}.control-theme .sectionhead{display:block}.control-theme .sectionhead p{margin-top:20px;max-width:550px}.control-theme .flow-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 15px}.control-theme .flow-stage{min-height:108px;padding:13px 11px}.control-theme .flow-stage strong{font-size:11px}.control-theme .flow-stage small{font-size:7px}.control-theme .flow-footer{gap:15px;padding:20px;flex-wrap:wrap}.control-theme .flow-caption{min-width:0;flex:1}.control-theme .flow-timeline{order:3;flex-basis:100%}.control-theme .flow-note{padding:0 20px 18px;font-size:9px}.control-theme .panel-toolbar{padding:16px 20px;font-size:8px;letter-spacing:.6px}.control-theme .panel-toolbar .mono{font-size:7px}.control-theme .projects{grid-template-columns:1fr}.control-theme .project-art.haspreview .siteviewport{height:280px}.control-theme .capability-card{padding:23px 20px}.control-theme .capability-card h3{font-size:22px}.control-theme .about-portrait-section{gap:35px}.control-theme .contact form{padding:23px}.control-theme .site-motion-control{bottom:13px;left:12px}.control-theme .process-intro>.micro-flow{gap:9px}.control-theme .process-intro>.micro-flow span{font-size:8px}.control-theme .hero-capabilities span{font-size:9px}}
@media(max-width:520px){.control-theme .capability-grid,.control-theme .lab-grid,.control-theme .system-services{grid-template-columns:1fr}.control-theme .flow-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 17px}.control-theme .flow-canvas{padding:24px 18px}.control-theme .flow-stage{min-height:105px;padding:15px}.control-theme .flow-stage strong{font-size:12px}.control-theme .flow-stage small{font-size:8px}.control-theme .flow-stage:last-child{grid-column:1/-1}.control-theme .console-heading h2{font-size:28px}.control-theme .console-map{padding:22px 20px}.control-theme .console-sources span,.control-theme .console-destinations span{font-size:7px;padding:12px 2px;letter-spacing:.3px}.control-theme .console-event{margin:0 20px 20px}.control-theme .console-bottom{padding:14px 20px;font-size:7px}.control-theme .control-hero h1{font-size:92px;letter-spacing:-6px}.control-theme .hero-position{font-size:18px}.control-theme .hero-verbs{gap:12px}.control-theme .hero-verbs span{font-size:8px}.control-theme .actions{gap:10px}.control-theme .actions .button,.control-theme .actions .smallbtn{padding:12px 15px;font-size:11px}.control-theme .contact .formrow{flex-wrap:wrap}.control-theme .contact .formrow>button{width:100%}.control-theme .project.reference-project .project-art{padding:15px 15px 0}.control-theme .project-art.haspreview .siteviewport{height:235px}.control-theme .about-help .servicegrid article{padding:23px}.control-theme .hero-capabilities{gap:5px}.control-theme .console-core strong{font-size:18px}.control-theme .hero-person{font-size:10px}.control-theme .flow-note{line-height:1.6}}
.control-theme.site-motion-paused *, .control-theme.site-motion-paused *:before,.control-theme.site-motion-paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.control-theme *, .control-theme *:before,.control-theme *:after{animation:none!important;transition:none!important}.control-theme .motion-card,.control-theme .control-console{transform:none!important}.control-theme #system-network{opacity:.2}.control-theme .flow-stage{border-color:#6085a366}.control-theme .flow-timeline i{width:0}.control-theme .flow-connections .flow-lit{stroke-dasharray:none}.control-theme .scrollingsite{will-change:auto!important}}
/* Header layout must stay independent of the page's section headings. */
body.control-theme .about-heading{position:static;z-index:auto;display:block;max-width:none;padding:0;margin:0;background:none;border:0;box-shadow:none;backdrop-filter:none}.control-theme .joey-profile{background:linear-gradient(140deg,#20324c,#0b1727);border-color:#8aa9c766;box-shadow:0 20px 70px #0005}.control-theme .joey-profile:before{border-color:#7294b646}.control-theme .portrait-scan{background:linear-gradient(180deg,transparent,#9fdbec26,transparent)}.control-theme .portrait-topline,.control-theme .portrait-name-label{color:#8baccc}.control-theme .portrait-specialties span{border-color:#6487a550;color:#b8d9e7;background:#14263a}.control-theme .aboutprinciples>div{border-color:#718eb33a;background:#132237}.control-theme .aboutprinciples span{color:#96bed7}
@media(min-width:1101px){body.control-theme header #mainnav{display:flex;position:static;padding:0;border:0;background:none;gap:18px}.control-theme header .menutoggle{display:none!important}.control-theme header #mainnav a{font-size:12px;padding:9px 0}}
@media(max-width:1100px){body.control-theme>header{justify-content:space-between;flex-wrap:wrap;padding:16px 5%}.control-theme header .menutoggle{display:block;order:3;margin-left:0;padding:8px 13px;font-size:11px}.control-theme header #mainnav{display:none;position:static;order:4;flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 0;background:none;border:0;gap:6px 15px}.control-theme header #mainnav.open{display:grid;animation:word-in .25s ease}.control-theme header #mainnav a{font-size:13px;padding:11px 13px;background:#142235c0;border-radius:5px}.control-theme header .nav-status{display:flex;margin-left:auto}.control-theme header .headercta{display:none!important}}
.control-theme .project-details{margin:0 0 20px;border-top:1px solid #6c8cac30;padding-top:14px}.control-theme .project-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;color:#b7d1e7;list-style:none}.control-theme .project-details summary::-webkit-details-marker{display:none}.control-theme .project-details summary span{transition:transform .25s}.control-theme .project-details[open] summary span{transform:rotate(45deg)}.control-theme .project-details p{font-size:12px;margin-bottom:0}.control-theme .joey-profile{animation:portrait-system-glow 10s ease-in-out infinite}.control-theme .portrait-corner{border-color:#a0d5e3}.control-theme .portrait-scan{border-color:#98cfe333}.control-theme .lab-card h3{overflow-wrap:anywhere}.control-theme .about-help-grid article>span{color:#a4c9dd}
@keyframes portrait-system-glow{50%{border-color:#a1c5df88;box-shadow:0 20px 70px #0005,0 0 35px #83b9dd12}}
@media(prefers-reduced-motion:reduce){.control-theme .joey-profile{animation:none}}
.control-theme .flow-player.journey-paused *, .control-theme .flow-player.journey-paused *:before,.control-theme .flow-player.journey-paused *:after{animation-play-state:paused!important}