@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080b13;--panel:#101621;--muted:#a4afbf;--cyan:#55df50;--violet:#a0efa0;--line:#27303e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f1f4fa;font:16px/1.65 'DM Sans',sans-serif}body:before{content:'';position:absolute;inset:0 0 auto;height:900px;z-index:-1;background:radial-gradient(ellipse at 85% 15%,#16321a44,transparent 55%),radial-gradient(ellipse at 5% 55%,#19442222,transparent 50%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{max-width:1400px;padding:30px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:700 28px 'Space Grotesk',sans-serif;letter-spacing:-2px}.logo span{font:500 12px 'DM Sans';letter-spacing:2px;margin-left:14px}nav{display:flex;gap:32px;font-size:14px;color:#bdc6d4}nav a:hover,.textlink:hover{color:var(--cyan)}.smallbtn{display:inline-block;border:1px solid #586270;padding:9px 18px;border-radius:6px;background:transparent;color:#fff;font-size:14px}main{max-width:1400px;margin:auto}section{padding:100px 5%}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;padding-top:72px;padding-bottom:90px}.eyebrow{font-size:12px;letter-spacing:2.6px;font-weight:600;color:var(--cyan);margin-bottom:25px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.08;letter-spacing:-2px;margin:0}h1{font-size:clamp(48px,5.7vw,80px);font-weight:500}h1 span,h2 span{color:var(--cyan)}p{color:var(--muted);margin:22px 0}.hero p{max-width:470px;font-size:18px}.actions{display:flex;gap:28px;align-items:center;margin-top:34px}.button{display:inline-block;border:0;background:var(--cyan);color:#092321;font-weight:700;padding:14px 24px;border-radius:6px;transition:transform .2s,background .2s}.button:hover{background:#a6fff3;transform:translateY(-2px)}.textlink{font-size:14px}.expertise{display:flex;gap:22px;margin-top:46px;font-size:13px;color:#9aa8b9}.portrait{position:relative;background:#141a27;border:1px solid #4b5266;border-radius:12px;padding:14px 14px 0;transform:rotate(2deg);max-width:440px;justify-self:end;box-shadow:30px 30px 100px #25234844}.portrait-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;padding:3px 0 15px;color:#d0d8e4}.portrait img{display:block;width:100%;height:390px;object-fit:cover;object-position:center 30%;border-radius:4px}.portrait-caption{padding:20px 5px;display:flex;flex-direction:column}.portrait-caption strong{font:500 22px 'Space Grotesk';letter-spacing:-.5px}.portrait-caption span{font-size:13px;color:#acb6c5}.floating{position:absolute;bottom:90px;left:-42px;background:#0e2023ed;backdrop-filter:blur(10px);border:1px solid #44877e;padding:16px 22px;border-radius:7px;font-size:11px;color:var(--cyan);letter-spacing:1px;transform:rotate(-2deg)}.floating b{color:#fff;font-size:15px;font-weight:500;letter-spacing:0}.ticker{display:flex;gap:40px;justify-content:center;align-items:center;border-block:1px solid var(--line);padding:24px 5%;font-size:12px;letter-spacing:2px;color:#a6b1c3}.ticker i{color:var(--violet);font-size:24px}h2{font-size:clamp(32px,3.8vw,52px);font-weight:500}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.sectionhead p{max-width:370px;font-size:15px;margin:0}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.project{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#0d121b;transition:border-color .2s,transform .2s}.project:hover{transform:translateY(-4px);border-color:#6b7c90}.project:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}.project-art{min-height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;position:relative;overflow:hidden;background:var(--project-bg)}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,#ffffff0a);pointer-events:none}.project-art .domain{font-size:12px;letter-spacing:1px;opacity:.8}.wordmark{font:500 38px/1.1 'Space Grotesk';letter-spacing:-1px;max-width:360px}.art-tag{font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7}.project-info{padding:28px;display:flex;flex-direction:column;justify-content:center}.project-info .meta{font-size:12px;color:var(--cyan);letter-spacing:1px}.project-info h3{font-size:25px;letter-spacing:-.8px;margin-top:14px}.project-info p{font-size:15px;margin:15px 0 22px}.project-info a{font-size:14px;width:fit-content;border-bottom:1px solid #718398;padding-bottom:4px}.systems{border-block:1px solid var(--line);background:linear-gradient(180deg,#101320,transparent)}.filters{display:flex;gap:12px;margin:32px 0}.filters button{background:transparent;border:1px solid #3c4655;border-radius:30px;color:#b5c0d1;font-size:14px;padding:8px 20px}.filters button.active{background:#1d3c3b;color:var(--cyan);border-color:#488780}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sample{background:#121824;border:1px solid var(--line);border-radius:8px;overflow:hidden;cursor:pointer;text-align:left;color:inherit;padding:0}.sample:hover{border-color:var(--cyan)}.sample img{width:100%;height:165px;object-fit:contain;background:#eff1f3;display:block}.sample div{padding:18px}.sample span{font-size:11px;letter-spacing:1.5px;color:var(--violet)}.sample h3{font-size:17px;letter-spacing:-.3px;margin-top:8px;line-height:1.4}.sample p{font-size:13px;margin:8px 0 0}.demo{display:grid;grid-template-columns:1fr 1fr;gap:60px;border:1px solid var(--line);padding:40px;margin-top:40px;border-radius:10px}.demo h3{font-size:30px;letter-spacing:-1px}.demo p{font-size:15px}.flow{display:grid;gap:10px}.flow div{display:flex;align-items:center;gap:18px;border:1px solid #394251;background:#0b101b;border-radius:6px;padding:15px;transition:all .4s}.flow b{font-size:13px;color:#8190a6}.flow span{font-size:14px}.flow .lit{border-color:var(--cyan);background:#13312f;box-shadow:0 0 25px #55df5010}.flow .lit b{color:var(--cyan)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about .lead{font-size:24px;line-height:1.5;color:#e1e7f0;margin-top:0}.skills{display:flex;flex-wrap:wrap;gap:8px}.skills span{background:#181e2a;border:1px solid var(--line);border-radius:4px;font-size:12px;padding:6px 12px}.services{padding-top:0}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.servicegrid article{padding:30px 28px 30px 0}.servicegrid article+article{border-left:1px solid var(--line);padding-left:28px}.servicegrid article>span{color:var(--violet);font-size:12px}.servicegrid h3{font-size:23px;letter-spacing:-.6px;margin-top:28px}.servicegrid p{font-size:15px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 0% 100%,#17453d44,transparent 70%)}.contact p{max-width:380px}form{display:grid;gap:20px}label{display:block;font-size:14px;color:#c3ccdb}input,select,textarea{width:100%;background:#121925;border:1px solid #384355;color:#eef2f8;border-radius:5px;padding:12px;margin-top:8px}textarea{min-height:112px;resize:vertical}.formrow{display:flex;gap:18px;align-items:end}.formrow label{flex:1}.formrow button{font-size:14px}#briefout{border-top:1px solid #4a6670;padding-top:20px}#result{min-height:170px}#copy{margin-top:12px}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5%;border-top:1px solid var(--line);font-size:12px;color:#98a7ba;max-width:1400px;margin:auto}dialog{background:#111825;color:white;width:min(1200px,95vw);max-height:92vh;border:1px solid #546173;border-radius:12px;padding:24px}dialog::backdrop{background:#02050beb;backdrop-filter:blur(8px)}.modalhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.modalhead h3{font-size:22px;letter-spacing:-.6px}.modalhead button{border:1px solid #68798f;background:transparent;border-radius:4px;color:white;padding:8px 15px}.imagewrap{background:white;overflow:auto;border-radius:5px}.imagewrap img{display:block;width:100%;min-width:700px}dialog a{font-size:14px;color:var(--cyan);display:inline-block;margin-top:15px}dialog p{font-size:14px}section{scroll-margin-top:10px}@media(max-width:900px){.hero{gap:30px}h1{font-size:52px}.portrait img{height:330px}.gallery{grid-template-columns:repeat(2,1fr)}.sectionhead{gap:30px}.about,.contact{gap:35px}.ticker{gap:20px;font-size:10px}.portrait-top{font-size:8px}.floating{left:-20px}.expertise{gap:12px}header nav{gap:16px}}@media(max-width:650px){header{padding:20px 6%}nav{display:none}.logo span{font-size:9px;letter-spacing:1px}.hero{grid-template-columns:1fr;padding-top:50px;gap:55px}section{padding:65px 6%}h1{font-size:51px;letter-spacing:-2px}.hero p{font-size:17px}.portrait{justify-self:center;width:85%;transform:rotate(1deg)}.portrait img{height:340px}.portrait-top{font-size:9px}.expertise{margin-top:28px}.ticker{flex-wrap:wrap;gap:8px 20px;text-align:center}.ticker span:last-child{display:none}.ticker i:last-of-type{display:none}.sectionhead{display:block}.sectionhead p{margin-top:24px}.projects,.gallery{grid-template-columns:1fr}.project:first-child{display:block}.project-art{min-height:205px}.sample img{height:180px}.demo,.about,.contact{grid-template-columns:1fr;gap:30px}.demo{padding:25px}.servicegrid{grid-template-columns:1fr}.servicegrid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.formrow{display:block}.formrow button{margin-top:20px;width:100%}.filters{gap:8px}.filters button{font-size:12px;padding:8px 13px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}.wordmark{font-size:34px}.modalhead h3{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.creative{border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 30%,#49345722,transparent 60%)}.filmgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.film{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#101621}.film video{display:block;width:100%;aspect-ratio:5/8;object-fit:contain;background:#05070c}.film>div{padding:22px}.film span{font-size:10px;letter-spacing:1.4px;color:var(--violet)}.film h3{font-size:23px;letter-spacing:-.5px;margin-top:10px}.film p{font-size:13px;margin:10px 0 0}.canvawork{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:8px}.canvawork h3{font-size:22px;letter-spacing:-.5px}.canvawork p{margin:10px 0 0;font-size:14px}.canvawork a{flex-shrink:0}@media(max-width:900px){.filmgrid{grid-template-columns:repeat(2,1fr)}header nav{gap:13px;font-size:12px}}@media(max-width:650px){.filmgrid{grid-template-columns:1fr}.film{max-width:420px;margin:auto;width:100%}.canvawork{display:block}.canvawork a{margin-top:20px}}

.film[hidden]{display:none}.creativefilters button.active{background:#332943;color:#d7caff;border-color:#8f76b3}

.graphicsheading{margin:80px 0 30px;display:flex;justify-content:space-between;align-items:end;gap:30px}.graphicsheading h3{font-size:36px;letter-spacing:-1px}.graphicsheading p{max-width:390px;font-size:15px;margin:0}.graphicgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.graphic-card{padding:0;background:#111723;border:1px solid var(--line);border-radius:8px;overflow:hidden;color:white;text-align:left}.graphic-card:hover{border-color:var(--violet)}.graphic-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#090c13}.graphic-card span{display:block;padding:16px;font-size:14px}#modalimage{min-width:0;max-height:70vh;object-fit:contain}.imagewrap{background:#e7e7eb}@media(max-width:900px){.graphicgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.graphicsheading{display:block}.graphicsheading p{margin-top:22px}.graphicgrid{gap:12px}.graphic-card span{font-size:12px;padding:12px}.graphicsheading h3{font-size:30px}}

.creativefilters{flex-wrap:wrap}.film[data-category="clovis"] span{color:#bbd592}

.contentwork{border-bottom:1px solid var(--line)}.collectiontitle{font-size:24px;letter-spacing:-.6px;margin:40px 0 24px}.contentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contentcard{background:#111923;color:#eff2f7;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:0;text-align:left}.contentcard:hover{border-color:#bbd592}.contentcard img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#080d0c}.contentcard span{display:block;padding:18px;font-size:14px;line-height:1.5}.contentcard small{display:block;color:var(--cyan);margin-top:10px;font-size:12px}.articlecard img{object-fit:cover;object-position:top}.articlepreview{width:min(850px,95vw)}.articlepreview #modalimage{max-height:none;width:100%;height:auto;object-fit:contain}.articlepreview .imagewrap{background:white}.articlepreview .modalhead{position:sticky;top:-24px;background:#111825;padding:15px 0;z-index:1}@media(max-width:900px){.contentgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.articlegrid{grid-template-columns:1fr}.contentgrid{gap:12px}.contentcard span{font-size:12px;padding:12px}}

#morefilms{margin-top:25px}.lfbagraphics img{aspect-ratio:16/11}button[hidden]{display:none}

.coursework{background:radial-gradient(ellipse at 0% 45%,#2b5d6555,transparent 70%);border-bottom:1px solid var(--line)}.courseintro{padding:30px;border:1px solid #467580;border-radius:10px;margin-bottom:30px;background:#12232b}.courseintro span{font-size:12px;letter-spacing:2px;color:#9ecfd6}.courseintro h3{font-size:30px;letter-spacing:-1px;margin-top:18px}.courseintro p{font-size:14px;margin-bottom:0}.coursegrid img{aspect-ratio:16/9}.coursegrid{grid-template-columns:repeat(2,1fr)}@media(max-width:650px){.coursegrid{grid-template-columns:1fr}}

.brandmotiongrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px;align-items:start}.brandfilm{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#101621}.brandfilm video{display:block;width:100%;object-fit:contain;background:#05070c}.brandfilm>div{padding:22px}.brandfilm span{font-size:10px;letter-spacing:1.4px;color:var(--violet)}.brandfilm h3{font-size:23px;letter-spacing:-.5px;margin-top:10px}.brandfilm p{font-size:13px;margin:10px 0 0}@media(max-width:700px){.brandmotiongrid{grid-template-columns:1fr}}

.aboutidentity{margin-top:32px;border-left:2px solid var(--cyan);padding-left:20px}.aboutidentity strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:22px}.aboutidentity>span{display:block;color:var(--muted);font-size:13px;max-width:300px;margin-top:8px}.aboutprinciples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}.aboutprinciples>div{border-top:1px solid var(--line);padding-top:15px}.aboutprinciples span{color:var(--cyan);font-size:10px;letter-spacing:1.5px}.aboutprinciples p{font-size:13px;line-height:1.6;margin:10px 0}.toolsection{border-top:1px solid var(--line);background:linear-gradient(140deg,#10162166,transparent)}.toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.toolcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;transition:border-color .2s,transform .2s}.toolcard:hover{border-color:var(--cyan);transform:translateY(-3px)}.tooltop{display:flex;gap:14px;align-items:center;margin-bottom:28px}.toolmonogram{display:grid;place-items:center;width:46px;height:46px;border:1px solid #55df5055;border-radius:10px;color:var(--cyan);background:#55df500c;font-family:'Space Grotesk',sans-serif;font-weight:700}.toolcategory{font-size:10px;letter-spacing:1.2px;color:var(--violet);line-height:1.6}.toolcard h3{font-size:26px;letter-spacing:-.8px}.toolcard p{font-size:14px;margin-bottom:0}@media(max-width:1000px){nav{gap:16px}.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.toolgrid,.aboutprinciples{grid-template-columns:1fr}.toolcard{padding:24px}.aboutidentity{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.toolcard{transition:none}.toolcard:hover{transform:none}}

.tooltags{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}.tooltags li{font-size:12px;color:#d3dae5;border:1px solid var(--line);border-radius:5px;padding:5px 9px;background:#080b1366}.profile-sample{display:block;text-align:left;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;color:inherit;width:100%;margin-top:28px}.profile-sample:hover{border-color:var(--cyan)}.profile-sample img{display:block;width:100%;height:auto}.profile-sample>span{display:block;padding:22px}.profile-sample strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:20px}.profile-sample small{display:block;color:var(--muted);margin:8px 0}.profile-sample b{font-size:12px;color:var(--cyan)}.seosection{border-top:1px solid var(--line)}.seolayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.seolayout .profile-sample{margin-top:0}.seolayout h3{font-size:30px}.samplenote{font-size:12px}.toolcard h3{font-size:24px;line-height:1.2}@media(max-width:800px){.seolayout{grid-template-columns:1fr}}

.interactivestack{position:relative;background:radial-gradient(ellipse at 95% 10%,#17341c30,transparent 55%),linear-gradient(145deg,#10162166,transparent)}.stackconsole{position:relative;border:1px solid #55df5044;border-radius:14px;padding:28px;margin-bottom:28px;background:linear-gradient(120deg,#0d1820,#101321);overflow:hidden}.stackconsoleintro{display:flex;align-items:center;gap:10px;color:var(--cyan);font-size:11px;letter-spacing:2px}.stackpulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.stackmetrics{display:flex;gap:28px;margin:20px 0;color:var(--muted);font-size:13px}.stackmetrics strong{font-family:'Space Grotesk',sans-serif;color:white;font-size:28px;margin-right:8px}.stacksearch label{display:block;color:#d5dde8;font-size:13px;margin-bottom:8px}.stacksearch input{width:100%;background:#080b13;border:1px solid var(--line);color:white;border-radius:8px;padding:14px 16px}.stacksearch input:focus{border-color:var(--cyan)}.stackactions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.stackactions p{margin:0;font-size:13px}.stackfilters{display:flex;flex-wrap:wrap;gap:8px}.stackfilters button{border:1px solid var(--line);border-radius:6px;background:#080b13;color:#b8c4d3;padding:9px 12px;font-size:12px}.stackfilters button.active{background:var(--cyan);border-color:var(--cyan);color:#071211}.stackgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stacktool{position:relative;display:flex;gap:16px;border:1px solid var(--line);background:linear-gradient(135deg,#121d29,#0d111c);border-radius:10px;padding:24px;transition:border-color .2s,transform .2s;animation:stackappear .35s ease both}.stacktool[hidden],.stackempty[hidden]{display:none}.stacktool:hover{border-color:#55df5088;transform:translateY(-3px)}.stackicon{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;background:#55df500b;border:1px solid #55df5044;border-radius:10px;color:var(--cyan);font:700 15px 'Space Grotesk',sans-serif}.stackcategory{display:block;font-size:9px;color:var(--violet);letter-spacing:1px;margin-bottom:12px}.stacktool h3{font-size:21px;letter-spacing:-.6px;line-height:1.2;padding-right:10px}.stacktool p{font-size:12px;line-height:1.7;margin:10px 0 0}.stackindex{position:absolute;right:12px;top:10px;font-size:9px;color:#58677b}.stackempty{padding:40px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.stackfooter{margin-top:28px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;align-items:center}.stackfooter>span{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.exploring .stackpulse{animation:stackpulse 1.5s infinite}.exploring:after{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:stackscan 5s linear infinite;pointer-events:none}@keyframes stackappear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stackpulse{50%{opacity:.35}}@keyframes stackscan{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:1050px){.stackgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.stackgrid{grid-template-columns:1fr}.stackconsole{padding:20px}.stackactions,.stackfooter{align-items:flex-start;flex-direction:column}.stackmetrics{gap:18px}.stackmetrics strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.stacktool,.exploring .stackpulse,.exploring:after{animation:none;transition:none}.stacktool:hover{transform:none}}

/* Client presentation refresh */
:root{--bg:#070a12;--panel:#101724;--cyan:#7af5df;--violet:#b9a6ff;--line:#273347}body{overflow-x:hidden}body:before{height:1200px;background:radial-gradient(ellipse at 80% 25%,#50377c38,transparent 55%),radial-gradient(ellipse at 5% 50%,#125a5024,transparent 50%)}::selection{background:#7af5df;color:#071211}#readingprogress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--violet));z-index:100;box-shadow:0 0 18px #7af5df80;pointer-events:none}.ambientglow{position:fixed;right:-180px;top:18%;width:500px;height:500px;z-index:-1;border-radius:50%;background:radial-gradient(circle,#39307320,transparent 65%);pointer-events:none;animation:ambientdrift 16s ease-in-out infinite alternate}header{position:sticky;top:0;z-index:30;max-width:none;width:100%;padding:22px max(5%,calc((100vw - 1260px)/2));background:#070a12df;backdrop-filter:blur(18px);border-bottom:1px solid #27334780;gap:24px}header nav{gap:20px;font-size:12px}header .smallbtn{white-space:nowrap}.logo{white-space:nowrap}.logo span{font-size:10px;margin-left:10px}nav a{position:relative;white-space:nowrap}nav a.active{color:var(--cyan)}nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a.active:after{transform:scaleX(1)}.modernhero{position:relative;min-height:720px;padding-top:95px;padding-bottom:90px;gap:60px;isolation:isolate}.modernhero h1{font-size:clamp(45px,5.3vw,74px);font-weight:500;letter-spacing:-3.5px;line-height:1.08}.modernhero h1 .herogradient{background:linear-gradient(105deg,#7af5df 5%,#c0afff 70%,#7af5df);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:gradientflow 12s ease infinite}.modernhero p{max-width:510px;font-size:17px;line-height:1.8}.modernhero .eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:10px;align-items:center}.statusdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #7af5df88;flex-shrink:0}.hero-specialties{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.hero-specialties span{font-size:9px;letter-spacing:1.2px;color:#b1bdcf;border:1px solid var(--line);padding:7px 10px;border-radius:20px}.heroscroll{display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:2px;color:#738499;margin-top:45px}.heroscroll span{font-size:20px;color:var(--cyan);animation:scrollhint 2.5s ease infinite}.hero-orbits{position:absolute;right:-4%;top:1%;width:620px;height:620px;z-index:-1;opacity:.55;pointer-events:none}.hero-orbits i{position:absolute;inset:5%;border:1px solid #59608740;border-radius:50%;animation:orbitturn 55s linear infinite}.hero-orbits i:nth-child(2){inset:16%;border-style:dashed;animation-direction:reverse}.hero-orbits i:nth-child(3){inset:28%;border-color:#7af5df25}.hero-orbits i:after{content:'';position:absolute;top:14%;left:14%;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px #7af5df}.modernportrait{transform:rotate(0);padding:12px 12px 0;max-width:390px;border:1px solid #8790a54d;border-radius:18px;background:linear-gradient(135deg,#192637,#101724);box-shadow:0 25px 100px #0006,0 0 65px #714c9920;animation:portraitfloat 9s ease-in-out infinite}.modernportrait img{border-radius:9px;height:410px}.modernportrait .portrait-caption{padding:22px 8px}.modernportrait .portrait-caption span{font-size:11px;margin-top:6px}.portraitchip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #7e8aa855;border-radius:8px;background:#0c1422eb;backdrop-filter:blur(12px);font-size:9px;letter-spacing:1.2px;box-shadow:0 8px 30px #0005}.chipdesign{left:-38px;top:90px}.chipdesign>span{color:var(--violet);font-size:18px}.chipsystems{right:-25px;bottom:114px}.capabilitystrip{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0e1821,#101220);font:500 clamp(11px,1.6vw,20px) 'Space Grotesk',sans-serif;letter-spacing:2px;color:#bbc5d5}.capabilitystrip b{color:var(--cyan);font-size:14px;font-weight:400}.button{border-radius:7px;background:linear-gradient(110deg,#7af5df,#b0faea);box-shadow:0 0 0 #7af5df00;transition:box-shadow .25s,transform .25s}.button:hover{box-shadow:0 0 30px #7af5df25;transform:translateY(-2px)}.sectionhead h2,h2{font-weight:500;letter-spacing:-2.5px}.sectionhead .eyebrow{display:flex;align-items:center;gap:12px}.sectionhead .eyebrow:before{content:'';width:22px;height:1px;background:var(--cyan)}.project,.film,.brandfilm,.graphic-card,.servicegrid article{border-radius:14px;background:#101724;border-color:#2d3b51;box-shadow:0 12px 40px #0002}.project-art{min-height:260px;background:radial-gradient(ellipse at 85% 20%,#ffffff18,transparent 70%),var(--project-bg)}.project-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.project-art .wordmark{position:relative;z-index:1}.project-art .domain{align-self:flex-start;border:1px solid #ffffff30;border-radius:30px;padding:6px 12px;font-size:10px}.project-info{padding:34px}.project-info a{color:var(--cyan)}.graphic-card{transition:transform .2s,border-color .2s}.graphic-card:hover{transform:translateY(-4px);border-color:#7af5df80}.graphic-card img{transition:filter .3s}.graphic-card:hover img{filter:brightness(1.08)}.graphicsheading{padding-top:32px;border-top:1px solid #27334788}.backtotop{position:fixed;right:22px;bottom:22px;display:grid;place-items:center;width:42px;height:42px;background:#111e2bea;border:1px solid #7af5df60;border-radius:50%;color:var(--cyan);z-index:25;box-shadow:0 6px 25px #0005}.presentation-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.presentation-reveal.presented{opacity:1;transform:translateY(0)}@keyframes gradientflow{50%{background-position:100% center}}@keyframes orbitturn{to{transform:rotate(360deg)}}@keyframes portraitfloat{50%{transform:translateY(-10px)}}@keyframes ambientdrift{to{transform:translate(-80px,120px)}}@keyframes scrollhint{50%{transform:translateY(5px)}}@media(max-width:1150px){header{flex-wrap:wrap;padding:17px 5%;gap:16px}header nav{order:3;width:100%;justify-content:center;gap:22px}header>.smallbtn{margin-left:auto}.modernhero{padding-top:65px;gap:35px}.modernhero h1{letter-spacing:-2px}.modernportrait{max-width:330px}.modernportrait img{height:370px}.chipdesign{left:-15px}.chipsystems{right:-10px}}@media(max-width:760px){header nav{display:flex;overflow:auto;justify-content:flex-start;padding-bottom:5px;gap:22px;font-size:11px}header{padding:14px 5%}.logo span{font-size:8px}.modernhero{grid-template-columns:1fr;min-height:auto;padding-top:55px;padding-bottom:55px;gap:45px}.modernhero h1{font-size:clamp(42px,9vw,66px);letter-spacing:-2px}.modernhero .actions{gap:20px;flex-wrap:wrap}.modernhero p{font-size:16px}.modernportrait{justify-self:center;width:90%;max-width:360px}.modernportrait img{height:360px}.hero-orbits{width:460px;height:460px;top:42%;right:-70px}.heroscroll{margin-top:24px}.capabilitystrip{flex-wrap:wrap;justify-content:center;font-size:10px;gap:12px;padding:20px 5%}.capabilitystrip b{font-size:9px}.presentation-reveal{transform:translateY(10px)}.project-info{padding:26px}.backtotop{right:14px;bottom:14px}section{padding-top:75px;padding-bottom:75px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambientglow,.hero-orbits i,.modernportrait,.heroscroll span,.modernhero h1 .herogradient{animation:none}.presentation-reveal{opacity:1;transform:none;transition:none}.button,.graphic-card,.graphic-card img{transition:none}}

.websitehub{border-bottom:1px solid var(--line)}.hubgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hubcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:32px;background:linear-gradient(135deg,#132130,#0c111e);transition:transform .2s,border-color .2s}.hubcard:hover{transform:translateY(-4px);border-color:var(--cyan)}.hubcard>span{font-size:10px;letter-spacing:1.8px;color:var(--violet);margin-bottom:30px}.hubcard h3{font-size:27px;letter-spacing:-1px}.hubcard p{font-size:14px;margin:18px 0 28px}.hubcard b{font-size:12px;font-weight:500;color:var(--cyan);margin-top:auto}.pagecta{text-align:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at center,#31336433,transparent 70%)}.pagecta p{max-width:550px;margin:24px auto 30px}.sitefooter{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px 5%;max-width:1400px;margin:auto}.sitefooter p{font-size:13px}.footerlinks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:start;font-size:13px;color:var(--muted)}.footerlinks a:hover{color:var(--cyan)}@media(max-width:1050px){.hubgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.hubgrid,.sitefooter{grid-template-columns:1fr}.hubcard{padding:26px}}

.workflowdetails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:50px}.workflowdetail{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;color:inherit;transition:border-color .2s}.workflowdetail:hover{border-color:var(--cyan)}.workflowthumb{height:260px;overflow:hidden;border-radius:7px;background:#eef2f7}.workflowthumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.workflowdetail span{font-size:9px;letter-spacing:1px;color:var(--cyan)}.workflowdetail h3{font-size:23px;line-height:1.2;letter-spacing:-.7px;margin-top:15px}.workflowdetail p{font-size:13px;line-height:1.7}.workflowdetail b{font-size:12px;color:var(--violet)}@media(max-width:900px){.workflowdetails{grid-template-columns:1fr}}@media(max-width:480px){.workflowdetail{grid-template-columns:95px 1fr;gap:16px;padding:18px}.workflowdetail h3{font-size:20px}.workflowthumb{height:230px}}

/* Local brand marks for the tool directory. */
.stackicon{width:50px;height:50px;background:#ffffff0c;border-color:#ffffff24;overflow:hidden}.stackicon img{display:block;width:32px;height:32px;object-fit:contain}.stacktool:hover .stackicon{border-color:#55df5088;box-shadow:0 0 20px #55df5018}

/* Black canvas and electric green, inspired by the supplied portfolio reference. */
:root{--bg:#020303;--panel:#0a0e16;--muted:#a0a5ac;--cyan:#55df50;--violet:#a0efa0;--line:#222831}
body.reference-theme{background:#020303;color:#f5f7f5}body.reference-theme:before,.ambientglow,.hero-orbits{display:none}
.reference-theme header{background:#020303e8;border-bottom:1px solid #ffffff12;box-shadow:none;backdrop-filter:blur(16px)}.reference-theme header nav{gap:22px}.reference-theme nav a.active{color:var(--cyan)}.reference-theme .logo{color:#fff}.reference-theme .logo span{color:#b1b8b1}.reference-theme .button{background:transparent;color:#f4f6f4;border:1px solid #51d94b;font-weight:500;box-shadow:0 0 18px #54e2500a;border-radius:4px}.reference-theme .button:hover,.reference-theme .smallbtn:hover{background:#55df5014;box-shadow:0 0 24px #55df5022}.reference-theme .smallbtn{border-color:#55df5066;border-radius:4px}.reference-theme h1,.reference-theme h2{font-family:'DM Sans',sans-serif;font-weight:400;letter-spacing:-1.8px}.reference-theme h3{letter-spacing:-.5px;font-weight:500}.reference-theme .eyebrow{font-size:12px;letter-spacing:2.6px;color:var(--cyan)}
.referencehero{grid-template-columns:1fr 1fr;gap:65px;min-height:730px;padding-top:90px;padding-bottom:110px;overflow:visible}.referencehero h1{font-size:clamp(70px,8vw,108px);line-height:.98;letter-spacing:-5px;margin:22px 0 20px}.nameperiod{color:#55df50}.hero-role{font-size:clamp(14px,1.6vw,19px);letter-spacing:2px;line-height:1.5;color:#55df50}.referencehero p{font-size:17px;line-height:1.65;max-width:480px;margin:30px 0}.referenceportrait{transform:none;animation:none;border:0;border-radius:0;background:transparent;padding:0;width:100%;max-width:460px;box-shadow:none;align-self:center}.referenceportrait img{height:510px;border-radius:0;object-position:center 30%;mask-image:linear-gradient(to bottom,#000 82%,transparent);filter:saturate(.75)}.referenceportrait .portrait-caption{position:relative;bottom:auto;padding:10px 0;background:none;border:0}.referenceportrait .portrait-caption strong{font-size:21px}.referenceportrait .portrait-caption span{color:#a4aba4}.hero-specialties{flex-wrap:wrap;gap:10px;margin-top:34px}.hero-specialties span{color:#b1b9b1;border:1px solid #2e3930;padding:8px 11px;border-radius:4px;font-size:11px;letter-spacing:.7px}.reference-theme section{border:0}.reference-theme .sectionhead{align-items:flex-start;gap:34px;margin-bottom:34px}.reference-theme .sectionhead h2{font-size:clamp(36px,4vw,54px);line-height:1.12}.reference-theme .sectionhead p{max-width:400px;font-size:16px;line-height:1.65;margin-top:38px}.reference-tags{display:flex;flex-wrap:wrap;gap:10px}.reference-tags span{border:1px solid #4ed74755;border-radius:4px;padding:7px 16px;font-size:14px;color:#c2c9c2}.previewactions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 34px}.previewactions button{font-size:13px;white-space:nowrap}.reference-theme .projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.reference-theme .reference-project{display:block;position:relative;border:1px solid #17221a;border-radius:20px;overflow:hidden;background:#0a0e17;padding:40px 40px 28px;box-shadow:0 0 35px #50dd4905;transition:border-color .35s,box-shadow .35s,transform .35s}.reference-project:before{content:'';position:absolute;left:10%;right:10%;height:2px;top:0;background:#50d44a;box-shadow:0 0 22px #50d44a88;animation:greenedge 5s ease-in-out infinite}.reference-theme .reference-project:hover{transform:translateY(-4px);border-color:#51d64b77;box-shadow:0 0 40px #50dd4915}.reference-theme .project-art.haspreview{display:block;padding:0;margin:0 auto;width:88%;height:auto;border:1px solid #70639088;border-radius:11px;overflow:hidden;background:#04050b;box-shadow:0 15px 30px #0009}.browserbar{display:flex;align-items:center;gap:5px;height:27px;background:#0b0e16;padding:0 11px}.browserbar i{height:5px;width:5px;border-radius:50%;background:#58645a}.browserbar span{margin-left:8px;font-size:9px;color:#98a39a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.4px}.siteviewport{height:365px;position:relative;overflow:hidden;--viewport-height:365px}.siteviewport:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#0008,transparent 8%,transparent 89%,#000 100%)}.siteviewport img{display:block;width:100%;height:auto;max-width:none;animation:sitescroll 22s ease-in-out infinite alternate;animation-delay:var(--preview-delay,0s);animation-play-state:paused}.preview-visible .siteviewport img{animation-play-state:running}.reference-project:hover .siteviewport img,.reference-project:focus-within .siteviewport img,.previews-paused .siteviewport img{animation-play-state:paused}.reference-theme .project-info{padding:26px 8px 0}.reference-theme .project-info h3{font-size:23px;margin:7px 0 0;line-height:1.2}.reference-theme .project-info p{font-size:14px;line-height:1.6;margin:12px 0 20px}.reference-theme .project-info a{display:inline-block;border:1px solid #4fd447;border-radius:3px;padding:8px 18px;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:white}.project-info a:hover{background:#55df5012}.reference-theme .meta{font-size:12px;letter-spacing:1px;color:#8f998f}.reference-theme .brandpreview{background:#121b13;display:block;padding:0;height:394px;width:88%;margin:auto;border-radius:11px;overflow:hidden;border:1px solid #70639088}.brandpreview>img{width:100%;height:100%;object-fit:cover}.brandpreview .art-tag{background:#050705c9;padding:7px 12px;bottom:12px;left:12px;font-size:10px}.morework{display:table;margin:35px auto 0;padding:12px 25px;border:1px solid #55df5055;border-radius:4px}.workflowfeatured{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}.workflowfeature{display:block;background:#0a0e17;border:1px solid #253329;border-top:2px solid #50d44a;border-radius:16px;padding:24px;transition:box-shadow .3s}.workflowfeature:hover{box-shadow:0 0 35px #55df5020}.workflowviewport{height:300px;overflow:hidden;border-radius:8px;background:#eff0f2;mask-image:linear-gradient(#000 85%,transparent)}.workflowviewport img{width:100%;height:100%;object-fit:cover;object-position:top}.workflowfeature h3{font-size:23px;margin:24px 0 0}.workflowfeature p{font-size:14px;margin:12px 0 0}.reference-theme .hubcard,.reference-theme .servicegrid article,.reference-theme .stacktool{background:#0a0e17;border-color:#202a24;box-shadow:none}.reference-theme .hubcard:hover,.reference-theme .stacktool:hover{border-color:#55df5088}.reference-theme .hubcard b,.reference-theme .hubcard>span{color:#83d37c}.reference-theme .stackconsole{background:#090e12;border-color:#55df5055}.reference-theme .stackcategory{color:#8ade82}.reference-theme .stackfilters button.active{background:#55df50;color:#041003;border-color:#55df50}.reference-theme .stackicon{border-color:#55df5033}.reference-theme .stackactions,.reference-theme .stackfooter{font-size:14px}.reference-theme .pagecta{background:#030704;border-block:1px solid #19301b}.reference-theme .sitefooter{background:#020303;border-top:1px solid #19301b}.reference-theme #readingprogress{background:#55df50;box-shadow:0 0 12px #55df5066}.reference-theme .backtotop{border-color:#55df5055;color:#55df50;background:#060c07}.cursorhalo{position:fixed;left:0;top:0;width:0;height:0;z-index:100;pointer-events:none;opacity:0;transition:opacity .2s;will-change:transform}.cursorhalo:after{content:'';position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:1px solid #73ed7766;border-radius:50%;box-shadow:0 0 20px #73ed772c}.cursorhalo.visible{opacity:1}
@keyframes sitescroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(min(0px,calc(-100% + var(--viewport-height))))}}@keyframes greenedge{50%{opacity:.45;box-shadow:0 0 12px #50d44a33}}
@media(max-width:1050px){.referencehero{gap:35px}.reference-theme header nav{gap:14px}.reference-theme .reference-project{padding:30px 22px 25px}.reference-theme .project-art.haspreview,.reference-theme .brandpreview{width:100%}.referencehero h1{font-size:84px}.referenceportrait img{height:450px}}
@media(max-width:700px){.referencehero{grid-template-columns:1fr;min-height:0;gap:40px;padding-top:58px;padding-bottom:65px}.referencehero h1{font-size:80px;letter-spacing:-3px}.referencehero p{font-size:16px}.referenceportrait{justify-self:center;max-width:390px}.referenceportrait img{height:420px}.reference-theme .sectionhead{display:block}.reference-theme .sectionhead p{margin-top:20px}.reference-theme .projects,.workflowfeatured{grid-template-columns:1fr;gap:24px}.previewactions{align-items:flex-start;flex-direction:column}.reference-theme .reference-project{padding:30px 25px 26px}.siteviewport{height:360px;--viewport-height:360px}.reference-theme section{padding-left:6%;padding-right:6%}.cursorhalo{display:none}.reference-theme .logo span{font-size:10px;letter-spacing:1px}.reference-theme .project-info h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.siteviewport img,.reference-project:before{animation:none}.cursorhalo{display:none}.reference-theme .reference-project{transition:none}.reference-theme .reference-project:hover{transform:none}}

.reference-theme .project:first-child{grid-column:auto;display:block}.reference-theme .project-art.haspreview{min-height:0}.reference-theme .project-art:after{display:none}.reference-theme .herogradient{background:none;color:var(--cyan)}
/* Shared digital systems interface. */
.reference-theme header{max-width:none;padding:20px 4%;gap:22px}.reference-theme header .logo{font-size:25px;white-space:nowrap}.reference-theme header .logo span{font-size:10px;letter-spacing:1px;margin-left:8px}.reference-theme header nav{gap:17px;font-size:13px}.headercta{white-space:nowrap}.menutoggle{display:none}.pagetitle{font-size:clamp(36px,4vw,54px)!important;line-height:1.12!important;font-weight:400;letter-spacing:-1.8px}.reference-theme .systemhero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-top:85px;padding-bottom:85px;isolation:isolate}.systemhero:before,.commandsection:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#55df5022 1px,transparent 1px),linear-gradient(90deg,#55df5022 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000,transparent 70%);animation:systemgrid 24s linear infinite}.systemhero h1{font-size:clamp(48px,5.8vw,78px);line-height:1;letter-spacing:-3px}.systemhero h1 span{color:var(--cyan)}.systemposition{font:500 clamp(22px,2.4vw,32px)/1.3 'Space Grotesk',sans-serif;color:#80e577;letter-spacing:-.7px;margin:23px 0}.systemhero .hero-copy>p{font-size:17px;line-height:1.7;max-width:540px}.systemhero .actions{gap:15px;flex-wrap:wrap}.heroperson{display:flex;align-items:center;gap:14px;margin-top:36px;font-size:13px;color:#a7b3aa;line-height:1.6}.heroperson img{object-fit:cover;object-position:center 25%;border-radius:50%;border:1px solid #55df5055}.heroperson strong{color:#dde5df;font-weight:500}.herodashboard{background:linear-gradient(145deg,#10191de8,#080d14ee);border:1px solid #315139;border-radius:18px;padding:25px;box-shadow:0 20px 75px #000,0 0 45px #55df500a;backdrop-filter:blur(14px)}.dashboardtop{display:flex;justify-content:space-between;gap:10px;font:10px monospace;letter-spacing:1px;color:#a9b5ae;padding-bottom:18px;border-bottom:1px solid #26352a}.dashboardtop span:last-child{color:#55df50}.dashboardtitle{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.dashboardtitle h2{font-size:29px!important;letter-spacing:-1px}.systemglyph{font:500 29px 'Space Grotesk';width:62px;height:62px;display:grid;place-items:center;border:1px solid #55df5055;border-radius:14px;background:#55df5008;color:#55df50}.herojourney{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}.herojourney li{display:flex;align-items:center;gap:14px;background:#070c10;border:1px solid #29362d;padding:12px;border-radius:8px}.herojourney li>span{color:#55df50;font:12px monospace}.herojourney b{font-size:14px;font-weight:500;flex:1}.herojourney small{font-size:10px;color:#8d9b92}.herodashboard>p{font-size:12px;margin-bottom:0}.systemstatus{margin:0 5%;border-block:1px solid #24382a;padding:24px 0}.statuslabel{font:10px monospace;letter-spacing:1.5px;color:#a3ada7}.systemstatus>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:14px}.systemstatus>div>span{display:flex;gap:8px;align-items:center;font-size:13px;color:#c1cbc4}.systemstatus i{width:5px;height:5px;border-radius:50%;background:#55df50;box-shadow:0 0 8px #55df5033}.systemstatus b{font-weight:400;color:#73ce6e;font-size:12px}.reference-theme .techstrip{padding-top:35px;padding-bottom:35px}.techlabel{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px;font-size:11px;letter-spacing:1.5px;color:#a4afa8}.techlabel button{background:none;border:0;color:#9bcc94;font-size:12px}.marqueewindow{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marqueetrack{display:flex;width:max-content;animation:techmarquee 55s linear infinite}.marqueetrack.paused,.marqueewindow:hover .marqueetrack,.marqueewindow:focus-within .marqueetrack{animation-play-state:paused}.marqueegroup{display:flex;align-items:center;gap:34px;padding-right:34px}.marqueegroup>span{display:flex;align-items:center;gap:10px;font-size:14px;color:#cbd5ce;white-space:nowrap}.marqueegroup img{object-fit:contain}.techstrip>a{display:block;width:fit-content;margin-top:22px;color:#97cb8f;font-size:13px}.buildgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.buildcard{border:1px solid #26332b;border-radius:13px;background:linear-gradient(135deg,#101820,#0a0e15);padding:27px;transition:transform .25s,border-color .25s,box-shadow .25s}.buildcard:hover{transform:translateY(-3px);border-color:#55df5077;box-shadow:0 0 30px #55df500c}.buildcard>svg{color:#55df50;width:28px;height:28px;margin-bottom:25px}.buildcard h3{font-size:23px;line-height:1.2}.buildcard p{font-size:15px;line-height:1.65;margin:18px 0 22px}.buildcard>span{font-size:11px;color:#a1bca6;border-top:1px solid #27372c;padding-top:15px;display:block}.commandsection{position:relative;isolation:isolate}.commandpanel{background:#0b1118;border:1px solid #35573d;border-radius:18px;overflow:hidden;padding:28px;box-shadow:0 25px 75px #0008}.commandtop{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.demobadge{font:10px monospace;color:#82d779;letter-spacing:1px}.commandtop h3{font-size:26px;margin-top:12px}.commandstate{border:1px solid #425447;border-radius:5px;padding:7px 12px;font:12px monospace;color:#b9d3bd;max-width:300px}.commandchoices{display:flex;flex-wrap:wrap;gap:9px}.commandchoices button{background:#080d13;border:1px solid #344438;border-radius:5px;color:#aab5af;padding:10px 15px;font-size:13px}.commandchoices button.active{background:#55df5012;border-color:#55df50;color:#b7f3ad}.commandcanvas{position:relative;padding:32px 5px;margin:20px 0}.commandpaths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.commandpaths path{fill:none;stroke:#34463a;stroke-width:1.5}.commandpaths path.active{stroke:#55df50;stroke-dasharray:7 5;animation:connectionpulse 1.2s linear infinite;filter:drop-shadow(0 0 3px #55df5044)}.commandnodes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.commandnode{position:relative;background:#0d151c;border:1px solid #35443a;padding:19px;border-radius:9px;min-height:108px;transition:border-color .25s,background .25s;display:grid;gap:9px}.commandnode strong{font-size:16px;line-height:1.25;font-weight:500}.commandnode small{font-size:12px;color:#93a29a}.nodeno{font:10px monospace;color:#789481}.commandnode i{position:absolute;right:13px;top:13px;width:5px;height:5px;border-radius:50%;background:#526457}.commandnode.nodecomplete{border-color:#55df5077;background:#15271c}.commandnode.nodecomplete i{background:#55df50}.commandnode.nodecurrent{border-color:#55df50;box-shadow:0 0 22px #55df501c}.commandnode.nodeunused{opacity:.33}.commandbottom{border-top:1px solid #26392c;padding-top:23px;display:flex;gap:30px;align-items:center;justify-content:space-between}.commandcontrols{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.commandcontrols button:disabled{opacity:.45;cursor:default}.commandcontrols .textlink{background:none;border:0;color:#bac5bd}.commandbottom p{font-size:13px;max-width:410px;margin:0}.commandlog{margin-top:24px;background:#070c10;border:1px solid #26382d;border-radius:8px;padding:17px}.commandlog>span{font:10px monospace;letter-spacing:1.5px;color:#6ec766}.commandlog ol{padding:0;margin:14px 0 0;list-style:none;font:12px/1.9 monospace;color:#a3b5a8;max-height:110px;overflow:auto}.demofine{font-size:12px;margin:18px 0 0!important;color:#9aab9e}.modulegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module{background:#0b1219;border:1px solid #2b3b30;border-radius:11px;padding:24px;align-self:start}.module[open]{border-color:#55df5066}.module summary{list-style:none;position:relative;cursor:pointer;padding-right:20px}.module summary::-webkit-details-marker{display:none}.module summary>span{font:10px monospace;color:#73cb6b}.module summary h3{font-size:22px;line-height:1.25;margin-top:15px}.module summary b{position:absolute;right:0;top:0;color:#80d276;font-weight:400}.module[open] summary b{transform:rotate(45deg)}.module p{font-size:14px;line-height:1.7}.moduletags{display:flex;gap:7px;flex-wrap:wrap}.moduletags span{font-size:12px;color:#b0cbb6;background:#15241b;padding:5px 9px;border-radius:4px}.caseteasers{display:grid;grid-template-columns:1fr 1fr;gap:24px}.caseteasers a{display:block;background:#0b131b;border:1px solid #28412e;border-radius:13px;padding:32px}.caseteasers a:hover{border-color:#55df5077}.caseteasers span{color:#82c67a;font:11px monospace;letter-spacing:1px}.caseteasers h3{font-size:30px;margin-top:24px;line-height:1.2}.caseteasers p{font-size:15px}.caseteasers b{font-size:13px;font-weight:400;color:#a8db9e}.toollogogrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.toollogogrid>span{display:flex;align-items:center;gap:13px;padding:19px;background:#0b1219;border:1px solid #26382b;border-radius:9px;font-size:14px}.toollogogrid img{object-fit:contain}.processgrid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.processgrid li{border-top:1px solid #3c6742;padding:24px 10px 5px 0}.processgrid li>span{color:#55df50;font:12px monospace}.processgrid h3{font-size:25px;margin-top:20px}.processgrid p{font-size:14px;line-height:1.7}.architecturegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.architecturegrid article{background:#0b131b;border:1px solid #2b5033;padding:28px;border-radius:11px}.architecturegrid article>span{font:10px monospace;color:#8aca81}.architecturegrid h3{font-size:27px;margin-top:18px;line-height:1.2}.architecturegrid p{font-size:14px}.architecturegrid article>div{border-top:1px solid #2b3e30;padding-top:18px;color:#b5c7ba;font-size:14px}.aboutteaser{display:grid;grid-template-columns:1fr 1fr;gap:55px}.aboutteaser>div>p{font-size:17px}.whygrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.whygrid article{border-top:1px solid #3c6742;padding-top:25px}.whygrid h3{font-size:22px;line-height:1.25}.whygrid p{font-size:14px;line-height:1.7}.ctamicro{font-size:13px!important;color:#789782!important}.evidencenote{font-size:14px;max-width:800px;line-height:1.7;margin-bottom:50px}.casestudy{scroll-margin-top:110px;border:1px solid #2d4b34;background:#0b1219;border-radius:16px;padding:35px;margin:28px 0 65px}.caseheader>span{font:11px monospace;letter-spacing:1px;color:#88d97e}.caseheader h2{font-size:36px!important;margin:20px 0 35px!important}.casebody{display:grid;grid-template-columns:1fr 1fr;gap:45px}.casebody h3{font-size:20px;margin-top:25px}.casebody p{font-size:15px;line-height:1.7;margin:14px 0 22px}.caseimage{display:block;background:#111a1f;border:1px solid #354d3b;border-radius:8px;overflow:hidden}.caseimage img{width:100%;max-height:550px;object-fit:cover;object-position:top;display:block}.caseimage span{padding:15px;display:block;font-size:12px;color:#a9d1ad}.casebody>div>a.textlink{display:block;margin-top:24px}.automationcasecall h2{font-size:36px}.reference-theme .stacktool p{font-size:14px}.reference-theme .stackcategory{font-size:11px}.reference-theme .stackfilters button{font-size:13px}.reference-theme .stackicon img{max-width:100%}
@keyframes systemgrid{to{background-position:56px 56px}}@keyframes techmarquee{to{transform:translateX(-50%)}}@keyframes connectionpulse{to{stroke-dashoffset:-24}}
@media(max-width:1200px){.reference-theme header{flex-wrap:wrap}.reference-theme header nav{gap:15px}.headercta{font-size:12px!important}.reference-theme .systemhero{gap:35px}.buildgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.reference-theme header{position:sticky;top:0;flex-wrap:nowrap;z-index:50}.menutoggle{display:block;margin-left:auto}.headercta{display:none!important}.reference-theme header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:#080d10;border-bottom:1px solid #35533c;grid-template-columns:1fr 1fr;gap:12px}.reference-theme header nav.open{display:grid}.reference-theme header nav a{padding:10px;font-size:15px}.systemhero h1{font-size:62px}.systemposition{font-size:25px}.modulegrid{grid-template-columns:repeat(2,1fr)}.toollogogrid{grid-template-columns:repeat(3,1fr)}.whygrid{grid-template-columns:repeat(2,1fr)}.processgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.reference-theme .systemhero{grid-template-columns:1fr;padding-top:60px;gap:40px}.systemhero h1{font-size:clamp(43px,10vw,66px);letter-spacing:-2px}.systemposition{font-size:25px}.systemhero .hero-copy>p{font-size:16px}.herodashboard{padding:22px}.dashboardtitle h2{font-size:27px!important}.herojourney small{font-size:9px}.systemstatus{margin:0 6%}.systemstatus>div{display:grid;grid-template-columns:1fr 1fr;gap:16px}.systemstatus>div>span{flex-wrap:wrap;gap:6px;font-size:12px}.systemstatus b{font-size:11px}.techlabel{align-items:flex-start;flex-direction:column}.buildgrid,.caseteasers,.architecturegrid,.casebody,.aboutteaser{grid-template-columns:1fr}.commandpanel{padding:20px 16px}.commandtop{flex-direction:column;align-items:flex-start}.commandtop h3{font-size:24px}.commandstate{font-size:11px;max-width:100%}.commandchoices{gap:7px}.commandchoices button{padding:10px;font-size:12px}.commandnodes{grid-template-columns:1fr;gap:22px}.commandnode{min-height:94px}.commandcanvas{padding:20px 0}.commandnode.nodeunused{display:none}.commandbottom{flex-direction:column;align-items:flex-start;gap:20px}.commandbottom p{max-width:100%}.modulegrid{grid-template-columns:1fr}.toollogogrid{grid-template-columns:repeat(2,1fr)}.toollogogrid>span{font-size:12px;padding:14px;gap:9px}.processgrid{grid-template-columns:repeat(2,1fr)}.whygrid{grid-template-columns:1fr 1fr;gap:20px}.whygrid h3{font-size:20px}.caseheader h2{font-size:30px!important}.casestudy{padding:25px 20px}.casebody{gap:25px}.aboutteaser{gap:5px}.systemhero .actions>a{font-size:14px;padding:12px 16px}}
@media(max-width:380px){.whygrid,.processgrid{grid-template-columns:1fr}.toollogogrid>span{font-size:11px}.systemhero h1{font-size:43px}.commandcontrols{gap:8px}.herojourney b{font-size:13px}.systemglyph{display:none}.systemhero .actions{align-items:stretch;flex-direction:column}.systemhero .actions>a{text-align:center}}
@media(prefers-reduced-motion:reduce){.systemhero:before,.commandsection:before,.marqueetrack,.commandpaths path.active{animation:none}.marqueewindow{mask-image:none}.marqueetrack{width:auto}.marqueegroup{flex-wrap:wrap;gap:18px;padding:0}.marqueegroup[aria-hidden]{display:none}.buildcard{transition:none}.buildcard:hover{transform:none}}

.commandpaths path.active{animation:none}.demo-running .commandpaths path.active{animation:connectionpulse 1.2s linear infinite}@media(prefers-reduced-motion:reduce){.demo-running .commandpaths path.active{animation:none}}
/* Refined specialty hierarchy and shared presentation surfaces. */
:root{--panel:#0c131b;--muted:#aebbb6;--line:#293a34}
.reference-theme{background:radial-gradient(ellipse at 50% 0%,#12362a24,transparent 800px),#020504!important}.reference-theme header{border-bottom:1px solid #67d9a51c;background:#050b0de8;padding-top:18px;padding-bottom:18px}.reference-theme main{max-width:1360px}.reference-theme section{padding-top:88px;padding-bottom:88px}.reference-theme .eyebrow{letter-spacing:2.1px;color:#86dea0;font-size:12px}.reference-theme .sectionhead h2{font-size:clamp(36px,4vw,54px);letter-spacing:-1.5px}.reference-theme .sectionhead p{color:#a7b8b0;line-height:1.75}.reference-theme .button{background:linear-gradient(130deg,#62ea661c,#42bea315);border:1px solid #67e88d8c;border-radius:8px;box-shadow:0 8px 25px #0003;color:#e9fff0;padding:13px 23px}.reference-theme .button:hover{background:linear-gradient(130deg,#62ea6630,#42bea326);border-color:#a1f1b4;box-shadow:0 0 28px #55df5022}.reference-theme .smallbtn{border-radius:8px;border-color:#7fbfa440;background:#0a171020}.reference-theme .smallbtn:hover{border-color:#7bdb9d88}.reference-theme .textlink:hover{color:#a4efb8}.reference-theme .systemhero{padding-top:82px;padding-bottom:72px;gap:56px}.systemhero h1{font-size:clamp(52px,5.7vw,78px);letter-spacing:-3px}.systemposition{color:#c5f5d6;font-size:clamp(24px,2.5vw,34px);line-height:1.27;margin:22px 0 19px}.specialtylabels{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px}.specialtylabels a{font-size:13px;color:#b7e9e4;border:1px solid #69d8d040;padding:7px 12px;background:#69d8d008;border-radius:6px;transition:background .25s,border-color .25s}.specialtylabels a:last-child{color:#bfd8f3;border-color:#94bddd40;background:#94bddd08}.specialtylabels a:hover{border-color:#8be7d9;background:#69d8d016}.systemhero .hero-copy>p{max-width:520px;font-size:17px;line-height:1.75;color:#b2bfb8}.herodashboard{position:relative;border-color:#659a7945;border-radius:20px;background:linear-gradient(145deg,#142221f2,#0a141ef5 75%);box-shadow:0 25px 90px #0007,0 0 60px #55df500b}.herodashboard:before{content:'';position:absolute;inset:-1px;pointer-events:none;border-radius:20px;background:linear-gradient(115deg,#89e9ad66,transparent 35%,#69d8d033);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;padding:1px}.dashboardtop{padding-bottom:20px;color:#adcbc0}.dashboardtitle h2{font-size:30px!important;color:#edf8f1}.systemglyph{background:radial-gradient(circle,#55df5014,#69d8d008);color:#83e79c;border-radius:16px}.herojourney li{border-color:#38604744;background:linear-gradient(110deg,#080f12,#101d1b);padding:13px;border-radius:9px}.herojourney li>span{color:#87dcb0}.herojourney li>small{color:#9ab4a4}.heroperson{margin-top:30px}.heroperson img{border-color:#8cdeb377;box-shadow:0 0 18px #61d29915}.reference-theme .specialistsection{padding-top:38px;padding-bottom:70px}.specialistgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.specialistcard{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;border:1px solid #364b43;border-radius:16px;background:linear-gradient(145deg,#102021,#0b131b);padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;--spot-x:50%;--spot-y:30%}.specialistcard:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(350px circle at var(--spot-x) var(--spot-y),color-mix(in srgb,var(--card-accent) 10%,transparent),transparent 65%);opacity:.6;transition:opacity .3s}.specialistcard:after{content:'';position:absolute;inset:0 16% auto;height:1px;background:var(--card-accent);box-shadow:0 0 20px var(--card-accent);opacity:.7}.specialistcard:hover,.specialistcard:focus-visible{transform:translateY(-5px);border-color:var(--card-accent);box-shadow:0 16px 35px #0005}.specialistcard:hover:before{opacity:1}.specialisttop{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:30px;color:var(--card-accent)}.specialisttop>span{font:11px monospace;letter-spacing:1px}.specialisttop svg{width:30px;height:30px}.specialistcard h3{font-size:clamp(27px,2.6vw,36px);line-height:1.13;letter-spacing:-1px;color:#e9f5ed}.specialistcard p{font-size:15px;line-height:1.75;color:#aec2b6;margin:24px 0;flex:1}.specialisttags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 27px}.specialisttags>span{font-size:11px;padding:5px 9px;background:#b5ead908;border:1px solid #b5ead91e;color:#c2d6cd;border-radius:4px}.specialistcard b{font-size:13px;font-weight:500;color:var(--card-accent);padding-top:18px;border-top:1px solid #81b49e26}.supportingspecialties{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:25px;padding:20px 22px;border:1px solid #68887b2b;border-radius:10px;background:#0d191350}.supportingspecialties>span{font:10px monospace;letter-spacing:1px;color:#89b19f;white-space:nowrap}.supportingspecialties p{font-size:13px;color:#b7cbc1;margin:0;line-height:1.7}.reference-theme .buildcard,.reference-theme .module,.reference-theme .stacktool{position:relative;background:linear-gradient(135deg,#111d20,#0b121b);border-color:#65857833;border-radius:13px}.reference-theme .buildcard:hover,.reference-theme .stacktool:hover{border-color:#7bdba574;box-shadow:0 12px 35px #0004,0 0 20px #67daa10c}.buildcard h3{font-size:23px}.buildcard>svg{color:#8ee2b5}.buildcard>span{color:#9ac5b0}.module summary>span{color:#92d6b0}.module summary b{color:#94dcca}.reference-theme .reference-project{border-radius:18px;border-color:#52766533;background:linear-gradient(140deg,#101b20,#090f18);box-shadow:0 20px 50px #0002}.reference-theme .reference-project:hover{border-color:#7bdeac66}.reference-theme .commandpanel{background:linear-gradient(145deg,#10201d,#0b141e 60%);border-color:#6aaf7a55;box-shadow:0 20px 60px #0005}.commandnode{background:#0c1820;border-color:#50675b66;border-radius:10px}.commandnode.nodecurrent{box-shadow:0 0 25px #77dd8b24}.commandnode.nodecomplete{background:linear-gradient(135deg,#1a3227,#10251d)}.commandchoices button{border-radius:7px}.commandlog{background:#071111}.reference-theme .stackconsole{background:linear-gradient(135deg,#11201f,#0b141e);border-color:#62b17d55}.reference-theme .stackicon{width:52px;height:52px;border-radius:12px;background:#ffffff0a;border-color:#84cfa331}.reference-theme .stacktool h3{font-size:21px}.reference-theme .stacktool p{font-size:14px;line-height:1.7}.reference-theme .toollogogrid>span{border-color:#75988733;background:linear-gradient(135deg,#10201c,#0b141b);padding:21px;border-radius:11px}.reference-theme .pagecta{position:relative;background:radial-gradient(ellipse at 50% 100%,#2263422b,transparent 70%),#030907;border-block:1px solid #7bcda024;padding-top:95px;padding-bottom:95px}.reference-theme .pagecta h2{font-size:clamp(38px,5vw,64px);line-height:1.12;letter-spacing:-2px}.reference-theme .pagecta>p{max-width:600px;margin-left:auto;margin-right:auto}.reference-theme .sitefooter{background:#04090b;border-color:#7bcda024}.disciplineintro{background:radial-gradient(ellipse at 85% 10%,#4fcaa014,transparent 65%);border-bottom:1px solid #88d9b820!important}.disciplineintro h1{font-size:clamp(42px,5vw,68px);line-height:1.1;letter-spacing:-2px}.disciplineintro h1>span{color:#a3e8c3}.disciplineintro>p{font-size:18px;max-width:770px;line-height:1.75;margin:28px 0}.disciplinetags{display:flex;flex-wrap:wrap;gap:10px}.disciplinetags>span{border:1px solid #85caa93b;padding:8px 13px;border-radius:6px;background:#94dfb707;font-size:13px;color:#b8dec8}
@media(max-width:1200px){.reference-theme header .menutoggle{display:block;margin-left:auto}.reference-theme header .headercta{display:none!important}.reference-theme header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px;background:#080f12;border-bottom:1px solid #35533c;grid-template-columns:1fr 1fr;gap:12px}.reference-theme header nav.open{display:grid}.reference-theme header nav a{font-size:15px;padding:10px}.reference-theme header{flex-wrap:nowrap}.specialistcard{padding:25px}.supportingspecialties{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:760px){.reference-theme section{padding-top:65px;padding-bottom:65px}.reference-theme .systemhero{padding-top:55px;gap:35px}.systemhero h1{font-size:clamp(43px,10vw,65px);letter-spacing:-2px}.systemposition{font-size:25px}.specialtylabels a{font-size:12px;padding:7px 10px}.specialistgrid{grid-template-columns:1fr;gap:18px}.specialistcard{padding:27px}.specialistcard h3{font-size:33px}.specialistcard h3 br{display:none}.specialistcard p{margin:20px 0;font-size:15px}.specialisttop{margin-bottom:20px}.supportingspecialties{padding:18px}.disciplineintro h1{font-size:40px;letter-spacing:-1.4px}.disciplineintro>p{font-size:16px}.reference-theme .pagecta h2{font-size:42px;letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.specialistcard,.specialtylabels a{transition:none}.specialistcard:hover{transform:none}}

/* About: portrait and specialist story */
.about.about-portrait-section{display:block}.about-heading{max-width:1050px;margin-bottom:52px}.about-profile-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,88px);align-items:start}.joey-profile{margin:0;position:relative;border:1px solid #284741;border-radius:24px;padding:16px;background:linear-gradient(145deg,#162620,#0c1419 60%,#101d26);box-shadow:0 20px 80px #0005;overflow:hidden;animation:portraitGlow 7s ease-in-out infinite}.portrait-topline{display:flex;justify-content:space-between;gap:16px;font:10px/1.5 monospace;letter-spacing:.14em;color:#a4d5bd;padding:3px 5px 16px}.portrait-window{position:relative;overflow:hidden;border-radius:14px;background:#afb5be;aspect-ratio:4/5}.portrait-window img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-window:after{content:"";position:absolute;inset:0;border:1px solid #ffffff24;border-radius:14px;pointer-events:none}.portrait-corner{position:absolute;width:32px;height:32px;z-index:2;pointer-events:none}.corner-a{top:14px;left:14px;border-top:2px solid #b2ff77;border-left:2px solid #b2ff77}.corner-b{bottom:14px;right:14px;border-bottom:2px solid #80e7ed;border-right:2px solid #80e7ed}.portrait-scan{position:absolute;left:0;right:0;height:60px;top:-60px;background:linear-gradient(transparent,#b1ff7910,transparent);border-bottom:1px solid #bcff9638;animation:portraitScan 9s linear infinite;pointer-events:none}.joey-profile figcaption{padding:24px 8px 12px}.portrait-name-label{display:block;font:9px/1.6 monospace;letter-spacing:.18em;color:#9abcae;margin-bottom:9px}.joey-profile figcaption strong{display:block;color:#f3f7f4;font-size:clamp(21px,2vw,28px);line-height:1.2;letter-spacing:-.04em}.joey-profile figcaption p{font-size:13px;color:#acbab7;line-height:1.6;margin:12px 0 18px}.portrait-specialties{display:flex;flex-wrap:wrap;gap:7px}.portrait-specialties span{font-size:10px;line-height:1.4;border:1px solid #395748;background:#b2ff7709;color:#c1eacb;padding:7px 10px;border-radius:30px}.portrait-specialties span:nth-child(2){color:#a9ecf3;border-color:#31585d}.portrait-specialties span:nth-child(3){color:#b4c6ff;border-color:#3a486e}.portrait-motion{display:block;margin:8px 8px 2px;padding:7px 0;background:transparent;border:0;color:#b6c8c1;font:11px/1.5 inherit;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.portrait-motion:hover{color:#b2ff77}.portrait-motion:focus-visible{outline:2px solid #b2ff77;outline-offset:5px}.joey-profile.motion-paused,.joey-profile.motion-paused .portrait-scan{animation-play-state:paused}.about-story>.lead{margin-top:0}.about-story>p{line-height:1.85}.about-story .aboutprinciples{margin-top:30px}@keyframes portraitGlow{0%,100%{box-shadow:0 20px 80px #0005,0 0 0 #93ff7400;border-color:#284741}50%{box-shadow:0 20px 80px #0005,0 0 35px #93ff7410;border-color:#5f9373}}@keyframes portraitScan{0%{transform:translateY(0);opacity:0}8%{opacity:1}80%{opacity:1}100%{transform:translateY(640px);opacity:0}}@media(max-width:800px){.about-profile-grid{grid-template-columns:1fr;gap:38px}.joey-profile{width:100%;max-width:430px;justify-self:center;box-sizing:border-box}.about-heading{margin-bottom:32px}}@media(prefers-reduced-motion:reduce){.joey-profile,.portrait-scan{animation:none}.portrait-scan,.portrait-motion{display:none}}

/* Social media portfolio: complete brand collections */
.socialtotals{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.socialtotals span{border:1px solid #38523c;padding:9px 15px;border-radius:99px;font-size:14px;color:#c8e4d2;background:#b2ff7708}.socialbrandnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 60px}.socialbrandnav a{display:flex;flex-direction:column;gap:13px;padding:22px 18px;background:linear-gradient(140deg,#18251b,#101719);border:1px solid #2d4438;border-radius:15px;color:#e9f0eb;text-decoration:none;transition:border-color .2s,transform .2s}.socialbrandnav a:hover{border-color:#b2ff77;transform:translateY(-3px)}.socialbrandnav strong{font-size:15px;line-height:1.4}.socialbrandnav span,.socialcount{color:#aab9ae;font-size:13px}.socialbrand{scroll-margin-top:110px;border-top:1px solid #2e3b33;padding:55px 0}.socialbrand .sectionhead h2{font-size:clamp(28px,4vw,48px);margin-bottom:15px}.social-media-label{font-size:18px;margin:32px 0 20px}.socialvideos,.socialimages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.socialvideos .film,.socialvideos .brandfilm{margin:0;min-width:0;overflow:hidden}.socialvideos video{display:block;width:100%;max-height:480px;object-fit:contain;background:#080c0a}.socialimages button{width:100%;min-width:0;overflow:hidden;text-align:left}.socialimages button img{display:block;width:100%;height:280px;object-fit:contain;background:#101512}.socialimages button span{display:block;padding:15px;font-size:14px;line-height:1.5}.socialimages .contentcard{margin:0}.socialbrand:last-child{padding-bottom:80px}@media(max-width:1200px){.socialbrandnav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.socialvideos,.socialimages{grid-template-columns:repeat(2,minmax(0,1fr))}.socialbrandnav{grid-template-columns:repeat(2,minmax(0,1fr))}.socialbrand{padding:35px 0}}@media(max-width:500px){.socialvideos,.socialimages{grid-template-columns:1fr}.socialbrandnav{gap:8px}.socialbrandnav a{padding:16px 12px}.socialimages button img{height:auto;max-height:400px}.socialvideos video{max-height:550px}}

/* Website project niches */
.project-niche{display:flex;flex-direction:column;gap:7px;padding:13px 16px;margin-bottom:22px;border-left:3px solid #b2ff77;background:linear-gradient(90deg,#b2ff7710,transparent);border-radius:0 9px 9px 0}.project-niche span{font-size:12px;letter-spacing:.13em;color:#a8c4ae}.project-niche strong{font-size:16px;line-height:1.4;color:#d9f5ce}.project-brand-cover{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:280px;padding:35px;box-sizing:border-box;background:radial-gradient(ellipse at top right,#64dbff25,transparent 70%),linear-gradient(135deg,#102c3c,#0a171e)}.project-brand-cover span{font-size:12px;letter-spacing:.14em;color:#a7d5e5}.project-brand-cover strong{font-size:clamp(38px,5vw,72px);line-height:1.05;color:#f1f8fa;letter-spacing:-.055em;margin:28px 0}.project-brand-cover small{font-size:14px;color:#acc9d4}

/* Automatic presentation across every portfolio page */
.site-motion-control{position:fixed;bottom:20px;left:20px;z-index:70;border:1px solid #6fa85a66;border-radius:99px;padding:11px 16px;background:#102019ed;backdrop-filter:blur(14px);color:#d7eccf;font:500 13px/1.3 inherit;cursor:pointer;box-shadow:0 8px 28px #0004}.site-motion-control:hover{border-color:#b2ff77}.site-motion-control:focus-visible{outline:2px solid #b2ff77;outline-offset:4px}.automatic-portfolio .ambientglow{animation:portfolioAmbient 18s ease-in-out infinite alternate;pointer-events:none}.automatic-portfolio .hero-copy h1 span,.automatic-portfolio .pagetitle span,.automatic-portfolio .disciplineintro h1 span,.automatic-portfolio .pagecta h2 span{background:linear-gradient(110deg,#b2ff77,#75e3de,#b2ff77);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:portfolioSpectrum 10s ease-in-out infinite}.automatic-portfolio .herodashboard{animation:portfolioDashboard 8s ease-in-out infinite}.auto-featured{border-color:#a4ee7680!important;box-shadow:0 0 28px #b2ff7710!important;transition:border-color 1s,box-shadow 1s}.automatic-portfolio .sectionhead,.automatic-portfolio .graphicsheading{position:relative}.automatic-portfolio .sectionhead:after,.automatic-portfolio .graphicsheading:after{content:"";position:absolute;bottom:-12px;left:0;width:55px;height:1px;background:#b2ff77;opacity:.6;animation:portfolioSignal 7s ease-in-out infinite}.site-motion-paused *,.site-motion-paused *:before,.site-motion-paused *:after{animation-play-state:paused!important}.site-motion-paused .auto-featured{box-shadow:none!important}@keyframes portfolioAmbient{from{opacity:.45;transform:translate3d(-3%,0,0)}to{opacity:.8;transform:translate3d(3%,4%,0)}}@keyframes portfolioSpectrum{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes portfolioDashboard{0%,100%{box-shadow:0 18px 65px #0004}50%{box-shadow:0 18px 65px #0004,0 0 36px #b2ff7714}}@keyframes portfolioSignal{0%,100%{width:55px;opacity:.35}50%{width:120px;opacity:.8}}@media(max-width:600px){.site-motion-control{bottom:12px;left:12px;padding:10px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.automatic-portfolio *,.automatic-portfolio *:before,.automatic-portfolio *:after{animation:none!important;transition:none!important}}

/* About services: six consistently aligned cards */
.about-help{padding-top:55px}.about-help .sectionhead{align-items:end;gap:36px;margin-bottom:34px}.about-help .sectionhead h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-.04em;margin:15px 0 0}.about-help .sectionhead>p{max-width:340px;margin:0;line-height:1.7}.reference-theme .about-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border:0;align-items:stretch}.reference-theme .about-help-grid article,.reference-theme .about-help-grid article+article{display:grid;grid-template-rows:24px 58px 1fr;gap:20px;min-width:0;padding:28px;border:1px solid #2b4032;border-radius:18px;background:linear-gradient(145deg,#132019,#0b1113);box-sizing:border-box;transition:border-color .3s,box-shadow .3s}.about-help-grid article>span{display:block;color:#a7ec87;font:500 13px/24px monospace;letter-spacing:.12em}.about-help-grid article h3{display:flex;align-items:center;font-size:23px;line-height:1.2;letter-spacing:-.04em;margin:0;color:#f0f5ef}.about-help-grid article p{font-size:16px;line-height:1.75;color:#b2bfb5;margin:0}.reference-theme .about-help-grid article:hover{border-color:#91ca7280;box-shadow:0 12px 30px #0002}.about-help-grid article:nth-child(2n)>span{color:#8fe1dd}@media(max-width:1000px){.reference-theme .about-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.about-help{padding-top:32px}.about-help .sectionhead{display:block}.about-help .sectionhead>p{margin-top:22px}.reference-theme .about-help-grid{grid-template-columns:1fr;gap:15px}.reference-theme .about-help-grid article,.reference-theme .about-help-grid article+article{grid-template-rows:24px auto 1fr;padding:24px;gap:15px}.about-help-grid article h3{min-height:0}}

/* Hero journey: autoplay motion storyboard */
.journey-film .dashboardtop span:last-child{color:#a8ec86;font-size:11px;letter-spacing:.1em}.journey-film .dashboardtitle{margin-bottom:20px}.journey-screen{position:relative;min-height:220px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 85% 30%,#6bc85520,transparent 65%),#070e0c;border:1px solid #355d3b;border-radius:14px;padding:25px;box-sizing:border-box}.journey-grid{position:absolute;inset:0;background-image:linear-gradient(#9dd47a09 1px,transparent 1px),linear-gradient(90deg,#9dd47a09 1px,transparent 1px);background-size:26px 26px;animation:journeyGrid 12s linear infinite}.journey-orbit{position:absolute;width:150px;height:150px;right:-32px;top:15px;border:1px dashed #b2ff7740;border-radius:50%;animation:journeyOrbit 18s linear infinite}.journey-orbit:after{content:"";position:absolute;inset:20px;border:1px solid #64e8dd33;border-radius:50%}.journey-stage-no{position:absolute;right:20px;bottom:0;font-size:120px;font-weight:800;line-height:1.1;color:#b2ff7710;letter-spacing:-.08em}.journey-caption{position:relative;z-index:1;max-width:310px}.journey-caption>span{font:12px/1.4 monospace;letter-spacing:.12em;color:#b2ff77}.journey-caption h3{font-size:29px;line-height:1.15;letter-spacing:-.045em;margin:16px 0 12px;color:#eff8ed}.journey-caption p{font-size:14px;line-height:1.65;color:#b0c4b4;margin:0;max-width:275px}.journey-player{display:flex;align-items:center;gap:12px;padding:16px 2px 20px}.journey-play-mark{font-size:12px;color:#b2ff77}.journey-progress{height:3px;flex:1;background:#23382b;border-radius:5px;overflow:hidden}.journey-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b2ff77,#67e7db)}.journey-player>span:last-child{font:11px/1.3 monospace;color:#a6b9ac;white-space:nowrap}.journey-film .herojourney{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.journey-film .herojourney li{display:grid;grid-template-columns:22px 1fr;gap:5px 8px;padding:12px;border:1px solid #293b2e;transition:background .4s,border-color .4s,box-shadow .4s;min-width:0}.journey-film .herojourney li>span{grid-row:1/3;padding-top:2px;font-size:11px}.journey-film .herojourney b{font-size:12px;line-height:1.3}.journey-film .herojourney small{font-size:11px;line-height:1.35;grid-column:2}.journey-film .herojourney .film-current{background:linear-gradient(120deg,#204323,#112d2b);border-color:#a7ed77;box-shadow:0 0 20px #b2ff7710}.journey-film .herojourney .film-complete{border-color:#4c7452}.journey-film .journey-disclaimer{font-size:12px;color:#829589;margin:16px 0 0}@keyframes journeyGrid{to{background-position:26px 26px}}@keyframes journeyOrbit{to{transform:rotate(360deg)}}@media(max-width:450px){.journey-screen{padding:20px;min-height:225px}.journey-caption h3{font-size:26px}.journey-film .herojourney{grid-template-columns:1fr}.journey-film .herojourney b{font-size:14px}.journey-film .herojourney small{font-size:12px}}@media(prefers-reduced-motion:reduce){.journey-grid,.journey-orbit{animation:none}.journey-film .herojourney li{transition:none}}