@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-600.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--night:#071421;--night2:#081624;--graphite:#0b1c2e;--ink:#f4f7fb;--muted:#9fb4ca;--line:rgba(70,160,235,.42);--blue:#2f7ff7;--cyan:#35c8f4;--ice:#c6e3fb;--shell:min(1344px,calc(100% - 88px))}
body{background:radial-gradient(ellipse at 88% 30%,#10263c77,transparent 36%),#071421;font-size:15px}h1,h2,h3{font-weight:400}h1 em,h2 em{font-style:normal;font-weight:400}.site-header{position:absolute;inset:0 0 auto;background:linear-gradient(#030c16aa,#07142111);border-color:#68b5ed25;backdrop-filter:none}.nav{height:88px;gap:24px}.brand>img{width:43px;height:52px}.brand span{font:400 32px/1 var(--serif);letter-spacing:-1px}.navlinks{gap:24px}.navlinks>a{display:inline-flex;align-items:center;min-height:44px;font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#c4d5e7}.mini-button{padding:0 13px;border-radius:6px}.menu{background:#071421b0}.hero{isolation:isolate;min-height:790px;height:min(900px,100vh);padding-top:88px}.hero-bg{z-index:-3}.hero-bg img{object-position:right center}.hero:after{z-index:-2;background:linear-gradient(90deg,#030c1675,transparent 62%),linear-gradient(0deg,#071421,transparent 16%)}.hero-inner{grid-template-columns:52% 48%;gap:0;padding-top:64px;padding-bottom:48px}.hero-copy{max-width:705px}.eyebrow,.label,.tag,.case-no{font-size:10px;font-weight:400;letter-spacing:.24em;color:#b4d5f0;text-transform:uppercase}.eyebrow{font-size:9px;letter-spacing:.19em;max-width:550px;line-height:1.8}.eyebrow:before,.label:before{content:"";display:block;width:48px;height:2px;background:var(--cyan);margin-bottom:23px}h1{font-size:clamp(60px,6.25vw,94px);line-height:.97;margin:26px 0 25px}h1 em{white-space:nowrap}.supporting{font-size:25px;line-height:1.2;max-width:480px;margin:0 0 17px}.intro{color:#a8bdd1;max-width:475px;font-size:13px;line-height:1.75}.actions{margin-top:28px}.button{min-height:44px;padding:10px 18px;font-size:11px;gap:18px;border-radius:6px;background:#081929b0;transition:border-color .2s,box-shadow .2s}.button.primary{background:linear-gradient(125deg,#1e5eb2,#174780);border-color:#559df3a0;box-shadow:inset 0 1px #8ebcff25,0 0 18px #227aff18}.button:hover{transform:none;box-shadow:inset 0 0 18px #2f7ff720}.button img,.mini-button img,.text-link img,.email img,.build h3 img{width:18px;height:18px;flex-shrink:0}.hero-art-space{align-self:end;justify-self:end;margin-bottom:14px}.hero-art-space span{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--ice)}.hero-foot{padding:19px 0 24px;font-size:9px;letter-spacing:.21em;color:#9fb7cd}.impact{background:#040c15;border-color:#64a9dd25}.metric-grid article{padding:29px 25px;border-color:#64a9dd30}.metric-grid article:first-child{padding-left:0;border-left:0}.metric-grid article:last-child{border-right:0}.metric-grid strong{font:400 43px/1 var(--serif);letter-spacing:-.03em}.metric-grid p{font-size:10px;letter-spacing:.05em;margin-top:8px}
.section{padding-block:85px}.section-lead{grid-template-columns:1fr 300px;gap:0 60px;margin-bottom:40px;align-items:end}.section-lead>.label{grid-column:1/-1;margin:0 0 18px}.section-lead>.label:before{margin-bottom:16px;width:34px;height:1px}.section-lead h2{font-size:clamp(42px,4.2vw,64px);line-height:1.02;max-width:820px}.section-lead>p:last-child:not(.label){font-size:12px;line-height:1.7;margin:0 0 5px;grid-column:auto}.cap-grid{border-inline:0}.cap{position:relative;padding:26px 34px 24px 0;min-height:0;background:none}.cap+.cap{padding-left:34px}.cap>span{font-size:9px;color:var(--cyan)}.cap-mark{display:none}.cap h3{font-size:30px;margin:14px 0 10px;font-weight:400}.cap p{font-size:12px;margin:0;max-width:330px}
.enterprise{background:radial-gradient(ellipse at 80% 15%,#1a436140,transparent 60%),linear-gradient(120deg,#071421,#07101c);border-block:1px solid #60a4db20}.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0}.case{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,#071421e8,#0b2132b0);min-height:410px;padding:28px;display:flex;flex-direction:column;gap:0;box-shadow:inset 0 0 32px #227aff0c,inset 0 1px #c5e6ff0d}.case:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#06111de8 0%,#06111dba 35%,transparent 70%)}.case-no{position:relative;margin:0 0 22px;z-index:2;font-size:9px}.case-copy{width:58%;position:relative;z-index:2}.case-copy h3{font-size:36px;line-height:1.02;font-weight:400;letter-spacing:-.035em;margin:0 0 16px}.case-copy>p{font-size:11px;color:#b3c8da;line-height:1.7;margin:0 0 22px;max-width:285px}.case-art{position:absolute;z-index:-2;width:66%;height:100%;right:-6%;top:0;min-height:0;display:block;margin:0}.case-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:.95;border:0;box-shadow:none}.case-metrics{display:flex;gap:0;position:relative;z-index:2;margin-top:auto;padding-top:21px}.case-metrics:before{content:"";position:absolute;top:0;left:0;width:28px;height:1px;background:var(--ice)}.case-metrics>div{padding:0 16px;border-left:1px solid #58a8e75c;flex:1}.case-metrics>div:first-child{padding-left:0;border:0}.case-metrics strong{display:block;color:#c3e3ff;font:400 28px/1.1 var(--serif);white-space:nowrap}.case-metrics span{display:block;max-width:122px;margin-top:7px;text-transform:uppercase;letter-spacing:.16em;font-size:7px;line-height:1.65}.confidential{font-size:10px;color:#8199b0;margin:20px 0 0}
.build-grid{gap:16px}.build{isolation:isolate;position:relative;border-radius:12px;background:radial-gradient(ellipse at 80% 18%,#18477777,transparent 65%),#071421;transition:border-color .2s,box-shadow .2s}.build[href]:hover{transform:none;border-color:#56a8ff;box-shadow:inset 0 0 30px #2f7ff717}.shot{height:270px;padding:18px;border-bottom:1px solid #559add40;background:#040c16}.shot img{object-fit:contain}.build-copy{padding:26px}.tag{font-size:8px;margin:0 0 14px}.build h3{font-size:34px;line-height:1.05;font-weight:400;margin:0 0 14px;align-items:start;letter-spacing:-.02em}.build h3 img{margin-top:7px}.build-copy>p:not(.tag){font-size:12px;color:#a9bfd3;max-width:470px;margin:0 0 23px}.build ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.build li{font-size:10px;color:#b8ccdf;border:0;border-top:1px solid #5b9fc735;border-radius:0;padding:8px 0 0 12px;position:relative}.build li:before{content:"";position:absolute;left:0;top:14px;width:4px;height:4px;background:var(--cyan)}.role-build .shot{background:radial-gradient(ellipse at 50% 90%,#247fe940,transparent 65%),linear-gradient(135deg,#05101c,#10243a);padding:8px}.role-build .shot img{filter:drop-shadow(0 15px 26px #267cef44)}.supporting-project{font-size:11px;color:var(--muted);margin-top:25px}.supporting-project a{margin-left:12px}.text-link{min-height:44px;font-size:11px;font-weight:400}.tableau-preview{background:radial-gradient(ellipse at 10% 20%,#1b4e7430,transparent 60%),#06101c;border-block:1px solid #5d9ecc25}.viz-feature{grid-template-columns:1.4fr 1fr;border-radius:12px;overflow:hidden;background:#0b1c2eb0}.viz-feature>img{object-fit:contain;background:#050d17;padding:18px;border-right:1px solid var(--line)}.viz-feature>div{align-self:center}.viz-feature h3{font-size:38px;font-weight:400;letter-spacing:-.03em;margin:15px 0}.viz-feature p:not(.tag){font-size:12px}.viz-row{gap:16px;margin-top:16px}.viz-row a{border-radius:10px;background:#0b1c2e80}.viz-row img{height:200px;aspect-ratio:auto;object-fit:contain;background:#050d17;padding:14px}.viz-row span{padding:16px 20px;font-size:11px;border-top:1px solid #559add35}.viz-row a:hover{border-color:var(--cyan)}
.timeline article{grid-template-columns:210px 1fr;padding:22px 0;border-color:#539cc238}.timeline time{font-size:11px;color:#9ecaf1;padding-top:4px}.timeline p{font-size:9px;letter-spacing:.18em;margin:0 0 5px}.timeline h3{font-size:25px;line-height:1.15;font-weight:400}.timeline small{font-size:10px}.resume{margin-top:24px}.toolkit{padding-top:60px;background:linear-gradient(110deg,#06101c,#0b1c2e)}.tool-grid{border-inline:0}.tool-grid article{padding:24px}.tool-grid article:first-child{padding-left:0}.tool-grid h3{font-size:26px;font-weight:400;margin:0 0 12px}.tool-grid p{font-size:11px;margin:0}.about{isolation:isolate;min-height:560px;background:#081624}.about picture{z-index:-3}.about picture img{object-position:center 35%}.about:after{z-index:-2;background:linear-gradient(90deg,#040e19ed,#061321a0 40%,transparent 80%),linear-gradient(0deg,#071421,transparent 25%,transparent 80%,#071421)}.about-inner{padding-block:70px}.about h2{font-size:68px;line-height:1;margin:18px 0 25px}.about-inner>p:not(.label){font-size:13px;color:#b8cddd;max-width:460px}.contact{padding:80px 0;background:radial-gradient(ellipse at 50% 130%,#206ec644,transparent 65%),#071421}.contact .label:before{margin-inline:auto}.contact h2{font-size:64px;line-height:1;max-width:850px;margin:22px auto}.contact>div>p:not(.label){font-size:12px;max-width:520px}.email{font-size:32px;padding:12px 0;margin-top:14px}.contact-links{gap:26px;margin-top:25px}.contact-links a{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;min-height:44px}.contact-links img{width:16px;height:16px;filter:brightness(0) saturate(100%) invert(86%) sepia(17%) saturate(667%) hue-rotate(172deg)}footer{background:#030b13;border-color:#539bc533;padding:22px 0;color:#8aa3ba}footer .shell{gap:20px;font-size:10px}footer img{height:35px;width:30px}.tableau-page{background:radial-gradient(ellipse at 95% 0,#1b446b88,transparent 40%),#071421}.tableau-page .site-header{position:relative}.gallery-head{margin-bottom:45px}.gallery-head h1{font-size:72px;line-height:1;max-width:870px;margin:25px 0}.gallery-head h1 em{white-space:normal}.gallery-head .intro{max-width:660px}.tableau-page .shot{height:330px}.js .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1200px){#builds .build{display:grid;grid-template-columns:45% 55%;min-height:420px}#builds .build-copy{grid-column:1;grid-row:1;padding:28px 0 28px 26px;z-index:1}#builds .shot{grid-column:2;grid-row:1;align-self:center;height:100%;padding:14px 10px 14px 16px;border:0;display:flex;align-items:center;background:transparent}#builds .shot img{height:auto;max-height:360px;box-shadow:0 12px 38px #0006}#builds .role-build .shot img{box-shadow:none}#builds .build h3{font-size:34px}#builds .build ul{grid-template-columns:1fr}#builds .build-copy>p:not(.tag){font-size:11px}#builds .build h3 img{width:16px;height:16px}#builds .role-build .shot{background:radial-gradient(ellipse at 50% 70%,#237cd92b,transparent 65%)}}
@media(max-width:1100px){:root{--shell:calc(100% - 48px)}.navlinks{gap:14px}.navlinks>a{font-size:9px}.brand span{font-size:28px}.hero{min-height:730px}.hero-inner{grid-template-columns:57% 43%}h1{font-size:70px}.case{padding:23px;min-height:430px}.case-copy{width:65%}.case-copy h3{font-size:32px}.case-metrics>div{padding-inline:10px}.case-metrics strong{font-size:25px}.case-metrics span{font-size:6.5px}.section-lead{grid-template-columns:1fr 240px;gap:0 35px}.tool-grid article{padding:19px}.viz-row img{height:170px}}
@media(max-width:1023px){.hero-inner{grid-template-columns:57% 43%}.navlinks:not(.tableau-nav){background:#061321f5;top:88px;backdrop-filter:blur(18px)}.navlinks.open{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px 24px}.case-art{grid-column:auto}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-grid article{border-right:1px solid var(--line)}.tool-grid article:first-child{padding-left:19px}.section-lead>p:last-child{grid-column:auto}}
@media(max-width:850px){.hero{height:auto;min-height:780px}.hero-inner{padding-top:58px;grid-template-columns:62% 38%}h1{font-size:62px}.hero-bg img{object-position:right center}.supporting{font-size:23px}.hero-art-space span{display:none}.section-lead{grid-template-columns:1fr;gap:18px}.section-lead>.label{margin:0}.section-lead>p:last-child{max-width:540px}.cases{grid-template-columns:1fr}.case{min-height:390px;padding:30px}.case-copy{width:53%}.case-copy h3{font-size:38px}.case-metrics{max-width:560px}.case-metrics strong{font-size:30px}.case-metrics span{font-size:8px}.viz-feature{grid-template-columns:1fr}.viz-feature>img{border-right:0;border-bottom:1px solid var(--line);max-height:450px}.viz-feature>div{padding:28px}.viz-row img{height:130px}.shot{height:220px}.build-copy{padding:22px}.build h3{font-size:30px}.build ul{grid-template-columns:1fr}.contact h2{font-size:55px}}
@media(max-width:700px){.section-lead{display:grid}.hero:after{background:linear-gradient(90deg,#030c1690,transparent 80%),linear-gradient(0deg,#071421,transparent 16%)}.case{display:flex}.case-art{margin:0}.cap{min-height:0}.case-copy h3{margin:0 0 16px}.brand span{display:inline}}
@media(max-width:600px){:root{--shell:calc(100% - 36px)}body{font-size:14px}.nav{height:78px}.brand span{font-size:27px}.brand>img{height:45px;width:35px}.navlinks:not(.tableau-nav){top:78px}.navlinks>a{font-size:10px}.hero{min-height:0;padding-top:78px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:39px;padding-bottom:0}.hero-copy{max-width:none}.hero-bg{top:auto;height:480px;bottom:0}.hero-bg img{object-position:right center;object-fit:cover}.hero:after{background:linear-gradient(#071421 0%,#071421 40%,#071421b0 60%,transparent 76%,#071421 100%)}.eyebrow{font-size:8px;letter-spacing:.16em;max-width:310px}.eyebrow:before{margin-bottom:19px;width:36px}h1{font-size:clamp(43px,12.1vw,66px);line-height:1.01;letter-spacing:-.045em;margin:22px 0}.supporting{font-size:23px;max-width:340px}.intro{font-size:12px;max-width:340px;line-height:1.7}.actions{gap:10px;margin-top:24px}.button{padding:10px 15px;font-size:10px;gap:13px}.hero-art-space{height:280px;align-self:stretch;margin:0}.hero-foot{padding:16px 0;font-size:8px}.hero-foot span:last-child{display:none}.metric-grid article{padding:23px 18px;border-color:#64a9dd30}.metric-grid article:first-child{padding-left:0}.metric-grid article:nth-child(2){border-right:0}.metric-grid article:nth-child(3){padding-left:0;border-bottom:0}.metric-grid article:nth-child(4){padding-left:18px}.metric-grid strong{font-size:35px}.metric-grid p{font-size:9px;max-width:135px}.section{padding-block:58px}.section-lead{margin-bottom:28px;gap:15px}.section-lead h2{font-size:40px;line-height:1.02;margin:0}.section-lead>p:last-child:not(.label){font-size:11px}.label{font-size:9px}.cap,.cap+.cap{padding:23px 0 22px 35px;border-right:0;border-bottom:1px solid var(--line)}.cap:last-child{border-bottom:0}.cap>span{position:absolute;left:0;top:30px}.cap h3{font-size:28px;margin:0 0 8px}.cap p{font-size:11px}.cases{gap:14px}.case{padding:22px 20px 23px;min-height:540px}.case-no{font-size:8px;letter-spacing:.18em;margin-bottom:20px}.case-copy{width:100%}.case-copy h3{font-size:34px;max-width:310px}.case-copy>p{font-size:11px;max-width:295px}.case-art{top:170px;right:-8%;width:90%;height:290px;opacity:.88}.case:after{background:linear-gradient(#071421ef 0%,#071421bb 32%,#07142100 64%,#071421 90%)}.case-metrics{padding-top:18px;margin-top:auto}.case-metrics>div{padding-inline:9px}.case-metrics strong{font-size:24px}.case-metrics span{font-size:6.5px;letter-spacing:.12em}.case:last-child .case-metrics strong{font-size:22px}.case:last-child .case-metrics>div{padding-inline:7px}.case:last-child .case-metrics>div:first-child{padding-left:0}.confidential{font-size:9px}.shot{height:235px;padding:14px}.build-copy{padding:23px}.build h3{font-size:34px}.build-copy>p:not(.tag){font-size:12px}.build ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px}.build li{font-size:9px}.role-build .shot{height:270px}.supporting-project{display:flex;align-items:center;gap:8px;font-size:10px}.supporting-project a{margin:0}.viz-feature>div{padding:23px}.viz-feature>img{padding:10px}.viz-feature h3{font-size:34px}.viz-row img{height:230px}.viz-row span{padding:14px 18px}.timeline article{grid-template-columns:1fr;gap:10px;padding:21px 0}.timeline h3{font-size:24px}.tool-grid{grid-template-columns:1fr}.tool-grid article,.tool-grid article:first-child{padding:19px 0;border-right:0;display:grid;grid-template-columns:110px 1fr;gap:10px}.tool-grid h3{font-size:25px;margin:0}.tool-grid p{font-size:10px}.about{min-height:560px}.about h2{font-size:52px}.about:after{background:linear-gradient(90deg,#04101cd9,#06132155),linear-gradient(0deg,#071421,transparent 30%,#071421)}.about-inner>p:not(.label){font-size:12px}.about picture img{object-position:72% center}.contact{padding:60px 0}.contact h2{font-size:44px}.contact>div>p:not(.label){font-size:11px}.email{font-size:29px}.contact-links{gap:24px}footer .shell{gap:14px;font-size:9px}footer p:nth-child(2){order:0;flex:1;width:auto}.tableau-nav{gap:13px}.tableau-nav>a{font-size:8px}.tableau-page .brand span{display:none}.gallery-head h1{font-size:48px}.tableau-page .shot{height:260px}}
h1{font-size:clamp(60px,5.65vw,88px)}
@media(max-width:850px){h1{font-size:56px}}
@media(max-width:600px){h1{font-size:clamp(32px,10.5vw,63px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* 2026-09 final focused polish: hero + operating model */
:root{--motion-fast:180ms;--motion-normal:380ms;--motion-slow:700ms;--ease-out:cubic-bezier(.2,.8,.2,1)}
.hero-bg img{object-position:right center;animation:hero-breathe 18s var(--ease-out) infinite alternate!important;transform:scale(1.004);will-change:transform}
@keyframes hero-breathe{from{transform:translate3d(0,0,0) scale(1.004)}to{transform:translate3d(-3px,2px,0) scale(1.008)}}
.hero:after{background:linear-gradient(90deg,rgba(3,12,22,.87) 0%,rgba(3,12,22,.62) 32%,rgba(3,12,22,.08) 64%),linear-gradient(0deg,#071421 0%,transparent 20%)}
.hero-copy.reveal{opacity:1;transform:none;animation:none}
.js .hero-copy>*{animation:hero-settle 460ms var(--ease-out) both}
.js .hero-copy>*:nth-child(1){animation-delay:30ms}.js .hero-copy>*:nth-child(2){animation-delay:80ms}.js .hero-copy>*:nth-child(3){animation-delay:130ms}.js .hero-copy>*:nth-child(4){animation-delay:180ms}.js .hero-copy>*:nth-child(5){animation-delay:230ms}
@keyframes hero-settle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.operating-model{position:relative;overflow:hidden;padding-block:100px 112px;background:radial-gradient(ellipse at 50% 42%,rgba(28,79,119,.18),transparent 60%),linear-gradient(180deg,#06111d,#081624);border-block:1px solid rgba(86,168,255,.16)}
.operating-model:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(86,168,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(86,168,255,.12) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.operating-lead{position:relative;z-index:1;margin-bottom:42px;grid-template-columns:minmax(0,1fr) 360px}.operating-lead h2{max-width:780px}.operating-lead>p:last-child{font-size:13px;line-height:1.75;color:#abc1d5}
.operating-system{position:relative;z-index:1;border-top:1px solid rgba(86,168,255,.36);border-bottom:1px solid rgba(86,168,255,.22);padding:44px 0 8px}
.operating-system:before,.operating-system:after{content:"";position:absolute;top:-3px;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 10px rgba(53,200,244,.65)}.operating-system:before{left:0}.operating-system:after{right:0}
.operating-flow{position:absolute;top:35px;left:0;width:100%;height:92px;overflow:visible}.operating-flow path{fill:none}.flow-rail{stroke:rgba(142,167,192,.27);stroke-width:1}.flow-live{stroke:var(--cyan);stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:1}.operating-flow circle{fill:#071421;stroke:rgba(86,168,255,.72);stroke-width:1.5;opacity:.72}
.operating-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.op-stage{position:relative;padding:0 42px 34px;border-right:1px solid rgba(86,168,255,.22)}.op-stage:first-child{padding-left:0}.op-stage:last-child{padding-right:0;border-right:0}.op-visual{height:170px;margin:0 0 18px}.op-visual svg{width:100%;height:100%;overflow:visible}.op-visual path,.op-visual rect,.op-visual circle{vector-effect:non-scaling-stroke}.fragment-set rect,.governed-form path{fill:rgba(47,127,247,.055);stroke:rgba(142,190,231,.58);stroke-width:1}.fragment-set circle,.governed-form circle,.automation-nodes circle,.people-nodes circle{fill:#071421;stroke:#56a8ff;stroke-width:1.25}.stage-path,.automation-route,.lead-route{fill:none;stroke:rgba(53,200,244,.68);stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:1}.state-mark{fill:none;stroke:#c6e3fb;stroke-width:1.5}.decision-ring{fill:none!important;stroke:rgba(53,200,244,.35)!important;stroke-width:1!important}.op-index{margin:0 0 9px!important;color:#71bff0!important;font-size:9px!important;letter-spacing:.2em;text-transform:uppercase}.op-stage h3{margin:0 0 12px;font:400 36px/1 var(--serif);letter-spacing:-.025em}.op-stage>p:not(.op-index){min-height:68px;max-width:325px;margin:0;color:#a9bfd3;font-size:12px;line-height:1.7}.op-stage ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid rgba(86,168,255,.2)}.op-stage li{position:relative;padding:7px 0 7px 11px;color:#bbcee0;font-size:10px;letter-spacing:.04em}.op-stage li:before{content:"";position:absolute;left:0;top:13px;width:3px;height:3px;background:var(--cyan);opacity:.75}
.js .operating-model .operating-lead,.js .operating-model .op-stage{opacity:.965;transform:translateY(3px);transition:opacity var(--motion-normal) var(--ease-out),transform var(--motion-normal) var(--ease-out)}
.js .operating-system.is-visible .flow-live,.js .operating-system.is-visible .stage-path,.js .operating-system.is-visible .automation-route,.js .operating-system.is-visible .lead-route{stroke-dashoffset:0;transition:stroke-dashoffset 900ms var(--ease-out)}
.js .operating-system.is-visible .op-stage,.js .operating-model:has(.operating-system.is-visible) .operating-lead{opacity:1;transform:none}.js .operating-system.is-visible .op-stage:nth-child(2){transition-delay:70ms}.js .operating-system.is-visible .op-stage:nth-child(3){transition-delay:140ms}.js .operating-system.is-visible .automation-nodes circle,.js .operating-system.is-visible .people-nodes circle{animation:node-resolve 420ms var(--ease-out) both}.js .operating-system.is-visible .automation-nodes circle:nth-child(2),.js .operating-system.is-visible .people-nodes circle:nth-child(2){animation-delay:90ms}.js .operating-system.is-visible .automation-nodes circle:nth-child(3),.js .operating-system.is-visible .people-nodes circle:nth-child(3){animation-delay:140ms}
@keyframes node-resolve{from{opacity:.65}to{opacity:1}}

@media(max-width:850px){.operating-lead{grid-template-columns:1fr}.operating-flow{display:none}.operating-system{padding-top:8px;border-bottom:0}.operating-stages{grid-template-columns:1fr}.op-stage,.op-stage:first-child,.op-stage:last-child{display:grid;grid-template-columns:180px 1fr;padding:34px 0 34px 30px;border-right:0;border-bottom:1px solid rgba(86,168,255,.22)}.op-stage:before{content:"";position:absolute;left:2px;top:0;bottom:0;width:1px;background:linear-gradient(var(--cyan),rgba(53,200,244,.16))}.op-stage:after{content:"";position:absolute;left:-1px;top:50%;width:7px;height:7px;border:1px solid var(--cyan);background:#071421;border-radius:50%}.op-visual{grid-row:1/5;height:150px;margin:0 28px 0 0}.op-index,.op-stage h3,.op-stage>p:not(.op-index),.op-stage ul{grid-column:2}.op-stage>p:not(.op-index){min-height:0}.op-stage ul{margin-top:16px;padding-top:13px}}
@media(max-width:600px){.brand span{font-size:24px}.hero-bg{height:100%;top:0}.hero-bg img{object-position:right center}.hero:after{background:linear-gradient(180deg,rgba(3,12,22,.88) 0%,rgba(3,12,22,.74) 46%,rgba(7,20,33,.22) 72%,#071421 100%),linear-gradient(90deg,rgba(3,12,22,.72),transparent 88%)}.hero-art-space{height:210px}.operating-model{padding-block:68px}.operating-lead{margin-bottom:28px}.op-stage,.op-stage:first-child,.op-stage:last-child{display:block;padding:28px 0 30px 27px}.op-visual{height:135px;margin:0 0 16px}.op-stage h3{font-size:31px}.op-stage>p:not(.op-index){font-size:11px}.op-stage ul{grid-template-columns:1fr 1fr;margin-top:14px}.op-index,.op-stage h3,.op-stage>p:not(.op-index),.op-stage ul{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.hero-bg img{animation:none!important;transform:none!important}.js .hero-copy>*,.js .operating-system.is-visible .automation-nodes circle,.js .operating-system.is-visible .people-nodes circle{animation:none!important;opacity:1!important;transform:none!important}.js .operating-model .operating-lead,.js .operating-model .op-stage{opacity:1!important;transform:none!important;transition:none!important}.flow-live,.stage-path,.automation-route,.lead-route{stroke-dashoffset:0!important;transition:none!important}}
/* Architectural studies: quiet material depth, without schematic iconography. */
.operating-model:before{opacity:.045}.operating-system{padding-top:0;border-top:0}.operating-system:before,.operating-system:after{display:none}.operating-stages{gap:38px}.op-stage,.op-stage:first-child,.op-stage:last-child{padding:0 0 30px;border:0}.op-visual{height:238px;margin:0 0 28px;background:radial-gradient(ellipse at 50% 65%,#24527c18,transparent 67%);border-bottom:1px solid #7cadd02b}.op-visual .study-grid{stroke:#8cafca;stroke-width:.4;opacity:.12;fill:none}.op-visual .glass-plane{stroke:#91b9dc;stroke-width:.65;stroke-opacity:.55}.op-visual .lit-edge{stroke:#c1e3fa;stroke-width:.85;stroke-opacity:.75;fill:none}.op-visual .fine-route{fill:none;stroke:#65b9ec;stroke-width:.85;opacity:.68}.op-visual .study-baseline{stroke:#83aecd;stroke-width:.5;opacity:.25}.op-stage h3{font-size:38px}.op-stage>p:not(.op-index){font-size:14px;line-height:1.75;min-height:76px;max-width:360px}.op-stage .op-index{font-size:10px!important;letter-spacing:.17em;color:#91b6d0!important}.op-stage li{font-size:11px}.op-stage li:before{height:1px;width:4px;top:15px;opacity:.5}.op-stage ul{margin-top:24px;padding-top:15px}.operating-lead>p:last-child{font-size:14px!important}
.ui-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;color:inherit;vertical-align:middle;opacity:.82;transition:transform 200ms var(--ease-out),opacity 200ms var(--ease-out);filter:none}.button,.mini-button{color:#cde0ee;font-weight:500;letter-spacing:.025em;gap:12px;border-radius:7px}.button{padding:10px 16px}.button.primary{background:#183c69;border-color:#527dae;box-shadow:inset 0 1px #cde6ff0c}.button:hover,.mini-button:hover{box-shadow:none;border-color:#7eb1d3}.button:hover .ui-icon,.mini-button:hover .ui-icon,.text-link:hover .ui-icon,.email:hover .ui-icon{opacity:1}.button:hover .icon-arrow-up-right,.text-link:hover .icon-arrow-up-right,.email:hover .icon-arrow-up-right,.build:hover .icon-arrow-up-right{transform:translate(2px,-2px)}a[download]:hover .ui-icon{transform:translateY(2px)}.contact-links .ui-icon{width:16px;height:16px;flex-basis:16px}.build h3 .ui-icon{margin-top:5px}.menu{border:0;background:transparent}.menu i:first-of-type{width:20px;top:17px}.menu i:last-of-type{width:17px;left:13px;top:25px}.menu i{transition:transform 200ms var(--ease-out)}.menu[aria-expanded=true] i:first-of-type{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded=true] i:last-of-type{width:20px;transform:translate(-3px,-4px) rotate(-45deg)}
@media(max-width:850px){.operating-stages{gap:0}.op-stage,.op-stage:first-child,.op-stage:last-child{display:grid;grid-template-columns:220px 1fr;column-gap:30px;padding:30px 0;border-bottom:1px solid #7cadd02b}.op-stage:before,.op-stage:after{display:none}.op-visual{grid-column:1;grid-row:1/5;height:210px;margin:0;border:0}.op-stage>p:not(.op-index){min-height:0}.op-stage ul{margin-top:15px}.op-stage h3{font-size:34px}}
@media(max-width:600px){.op-stage,.op-stage:first-child,.op-stage:last-child{display:block;padding:15px 0 32px}.op-visual{height:210px;margin-bottom:15px}.op-stage>p:not(.op-index){font-size:14px}.op-stage h3{font-size:34px}.op-stage li{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ui-icon,.menu i{transition:none!important;transform:none!important}.menu[aria-expanded=true] i:first-of-type{transform:translateY(4px) rotate(45deg)!important}.menu[aria-expanded=true] i:last-of-type{transform:translate(-3px,-4px) rotate(-45deg)!important}}
/* Process narratives: one measured pass, then a completely still final state. */
.op-visual .process-signal{fill:none;stroke:#b9e4ff;stroke-width:1.15;stroke-linecap:round;stroke-dasharray:9 101;stroke-dashoffset:12;opacity:0;vector-effect:non-scaling-stroke}
.op-transform .process-play .process-plane{animation:transform-align 2600ms var(--ease-out) both}
.op-transform .process-plane:nth-child(1){--plane-x:-7px;--plane-y:5px}.op-transform .process-plane:nth-child(2){--plane-x:-3px;--plane-y:-4px}.op-transform .process-plane:nth-child(3){--plane-x:3px;--plane-y:3px}.op-transform .process-plane:nth-child(4){--plane-x:7px;--plane-y:-5px}
.op-transform .process-play .process-signal{animation:process-transit 2400ms 700ms ease-in-out both}
.op-automate .process-play .process-signal{animation:process-transit 3200ms ease-in-out both;animation-delay:var(--signal-delay)}
.op-automate .process-play .process-plane{animation:layer-receive 2200ms 600ms ease-in-out both}.op-automate .process-play .process-plane:nth-child(2){animation-delay:950ms}.op-automate .process-play .process-plane:nth-child(3){animation-delay:1300ms}
.op-lead .process-play .process-signal{animation:process-transit 3400ms ease-in-out both}
.op-lead .process-play .process-plane{animation:lead-coordinate 1800ms 900ms ease-in-out both}.op-lead .process-play .process-plane:nth-child(1){animation-delay:300ms}.op-lead .process-play .process-plane:nth-child(3){animation-delay:1500ms}
@keyframes transform-align{from{transform:translate(var(--plane-x),var(--plane-y));opacity:.78}60%,to{transform:translate(0,0);opacity:1}}
@keyframes process-transit{0%{stroke-dashoffset:12;opacity:0}15%{opacity:.42}80%{opacity:.42}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes layer-receive{0%,100%{opacity:1}45%{opacity:.72}}
@keyframes lead-coordinate{0%,100%{transform:translateY(0);opacity:1}45%{transform:translateY(-2px);opacity:.78}}
@media(prefers-reduced-motion:reduce){.op-visual .process-plane{animation:none!important;transform:none!important;opacity:1!important}.op-visual .process-signal{animation:none!important;opacity:0!important}}
.process-study .process-grid{fill:none;stroke:#8babc4;stroke-width:.4;opacity:.1}.process-study .material{fill:var(--glass);stroke:#9fc4e0;stroke-width:.8;stroke-opacity:.65}.process-study .process-tracks{fill:none;stroke:#67a6d0;stroke-width:.8;opacity:.45}.process-study .input-fragments path{fill:#80b9e511;stroke:#96b8d2;stroke-width:.7;animation:fragment-order 12s ease-in-out infinite;animation-delay:calc(var(--i)*.45s)}.process-study .integration-seam{stroke:#8fd2f4;stroke-width:1;opacity:.5}.process-study .foundation .material{animation:foundation-receive 12s ease-in-out infinite;animation-delay:calc(var(--i)*.35s)}.process-study .travel,.process-study .alignment-signal{fill:none;stroke:#bbe6ff;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:7 93;opacity:0;animation:quiet-transit 12s linear infinite}.op-automate .travel{animation-duration:16s;stroke-dasharray:4 46}.process-study .station-detail,.process-study .team-mark{fill:none;stroke:#add4ee;stroke-width:.85;opacity:.65}.process-study .workflow-station{animation:foundation-receive 16s ease-in-out infinite;animation-delay:calc(var(--i)*2s)}.process-study .return-marks{fill:none;stroke:#88bddc;stroke-width:.8;opacity:.5}.process-study .direction{fill:none;stroke:#9bd6f2;stroke-width:1;opacity:.7}.process-study .north-star{fill:#a6d8f3;stroke:none;opacity:.65;animation:direction-breathe 14s ease-in-out infinite}.process-study .alignment-signal{animation-duration:14s;animation-delay:calc(var(--i)*.7s)}.process-study .team{animation:team-align 14s ease-in-out infinite;animation-delay:calc(var(--i)*.7s)}.process-study .study-labels{font-family:var(--sans);font-size:8px;letter-spacing:1.2px;fill:#9ebbd0;opacity:.8}.process-study *{animation-play-state:paused!important}.process-study.process-running *{animation-play-state:running!important}
/* Transform: branches connect fragmented records to one pane, which unfolds into three. */
.op-transform .input-fragments path{animation:none;opacity:.8}
.op-transform .transform-branches{fill:none;stroke:#83bbdf;stroke-width:.85;opacity:.65}
.op-transform .transform-branches path{stroke-dasharray:100;stroke-dashoffset:0;animation:branches-grow 14s var(--ease-out) infinite}
.op-transform .foundation .material{animation:foundation-unfold 14s var(--ease-out) infinite;animation-delay:0s;--fold-y:0px}
.op-transform .foundation .material:nth-child(1){--fold-y:34px}
.op-transform .foundation .material:nth-child(2){animation:foundation-center 14s var(--ease-out) infinite}
.op-transform .foundation .material:nth-child(3){--fold-y:-34px}
@keyframes branches-grow{0%,8%{stroke-dashoffset:100;opacity:0}12%{opacity:.65}38%,82%{stroke-dashoffset:0;opacity:.65}94%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes foundation-center{0%,8%{opacity:.35}38%,82%{opacity:1}94%,100%{opacity:.35}}
@keyframes foundation-unfold{0%,38%{transform:translateY(var(--fold-y));opacity:0}40%{opacity:.2}62%,82%{transform:translateY(0);opacity:1}94%,100%{transform:translateY(var(--fold-y));opacity:0}}
@keyframes foundation-receive{0%,25%,85%,100%{opacity:.8}50%,65%{opacity:1}}
@keyframes quiet-transit{0%{stroke-dashoffset:12;opacity:0}12%{opacity:.42}78%{opacity:.42}92%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes direction-breathe{0%,100%{opacity:.55}40%,60%{opacity:.85}}
@keyframes team-align{0%,15%,85%,100%{transform:translateY(0);opacity:.8}45%,60%{transform:translateY(-2px);opacity:1}}
@media(prefers-reduced-motion:reduce){.process-study *{animation:none!important;transform:none!important}.process-study .travel,.process-study .alignment-signal{opacity:0!important}}

@media(prefers-reduced-motion:reduce){.op-transform .transform-branches path{stroke-dashoffset:0!important;opacity:.65!important}.op-transform .foundation .material{opacity:1!important;transform:none!important}}

/* A single signal activates the symbol centered in each workflow pane. */
.op-automate .workflow-station{animation:none;opacity:1}
.op-automate .travel{stroke-dasharray:4 96;animation:workflow-transit 16s linear infinite}
.op-automate .step-icon{fill:none;stroke:#c4e5fa;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;opacity:.15;animation:step-activate 16s linear infinite}
.op-automate .step-icon-0{animation-delay:-.35s}.op-automate .step-icon-1{animation-delay:1.5s}.op-automate .step-icon-2{animation-delay:3.4s}
@keyframes workflow-transit{0%{stroke-dashoffset:0;opacity:.45}90%{opacity:.45}100%{stroke-dashoffset:-100;opacity:.45}}
@keyframes step-activate{0%{opacity:.15;transform:scale(.72)}3%{opacity:.95;transform:scale(1)}18%{opacity:.85;transform:scale(1)}26%,100%{opacity:.15;transform:scale(.72)}}
@media(prefers-reduced-motion:reduce){.op-automate .step-icon{animation:none!important;opacity:.85!important;transform:none!important}}

/* Leadership: one pane replicates across the three stages, then resolves as an equation. */
.op-lead .lead-source{opacity:1}
.op-lead .lead-copy{animation-duration:18s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.op-lead .lead-copy-1{animation-name:lead-copy-first}
.op-lead .lead-copy-2{animation-name:lead-copy-second}
.op-lead .lead-operator{fill:#c4e5fa;font-family:var(--sans);font-size:18px;font-weight:300;text-anchor:middle;dominant-baseline:middle;opacity:0;transform-box:fill-box;transform-origin:center;animation:lead-equation-reveal 18s ease-in-out infinite}
@keyframes lead-copy-first{0%,10%{transform:translateX(-109px);opacity:0}14%{transform:translateX(-109px);opacity:1}34%,90%{transform:translateX(0);opacity:1}98%,100%{transform:translateX(0);opacity:0}}
@keyframes lead-copy-second{0%,38%{transform:translateX(-109px);opacity:0}42%{transform:translateX(-109px);opacity:1}62%,90%{transform:translateX(0);opacity:1}98%,100%{transform:translateX(0);opacity:0}}
@keyframes lead-equation-reveal{0%,65%{opacity:0;transform:scale(.72)}70%,90%{opacity:.82;transform:scale(1)}98%,100%{opacity:0;transform:scale(.72)}}
@media(prefers-reduced-motion:reduce){.op-lead .lead-copy{transform:none!important;opacity:1}.op-lead .lead-operator{animation:none!important;opacity:.82;transform:none}}

/* Capabilities read as a compact editorial index beneath each process. */
.op-stage .op-capabilities{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 0;margin:20px 0 0;padding:17px 0 0;border:0;background:linear-gradient(90deg,#76c4ec 0 26px,#7cadd02b 26px 100%) left top/100% 1px no-repeat}
.op-stage .op-capabilities li{margin:0;padding:0 14px 0 0;color:#a9bfd3;font-size:10px;line-height:1.6;font-weight:400;letter-spacing:.07em;text-transform:uppercase}
.op-stage .op-capabilities li::before{content:none}
.op-stage .op-capabilities li:nth-child(even){padding:0 0 0 16px;border-left:1px solid #7cadd038}
@media(max-width:850px){.op-stage .op-capabilities{margin-top:18px;padding-top:14px;gap:10px 0}.op-stage .op-capabilities li{font-size:9px;letter-spacing:.045em}}
@media(max-width:600px){.op-stage .op-capabilities li{font-size:10px}.op-stage .op-capabilities{margin-top:20px}}

/* One canvas timeline keeps sprite frames, ball contact, and movement synchronized. */
.magwai-study{width:min(50%,260px);margin-top:14px;background:transparent;overflow:hidden}
.magwai-canvas{display:block;width:100%;height:auto}

/* Symbols travel with their panes. */
.op-lead .lead-step-icon{fill:none;stroke:#c4e5fa;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
