/* Connected Intelligence: selected dark direction, scoped to this homepage. */
:root{--night:#061222;--surface:#0b1a2e;--ink:#f1f3fb;--muted:#aebed5;--lavender:#b8afff;--cyan:#57d7cb;--line:#2a415e;color:var(--ink);background:var(--night);color-scheme:dark}
body{background:var(--night)}.shell{background:var(--night)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #aeb9ff;outline-offset:5px}
.skip{background:#c4bdff;color:#061222}.topbar{background:#061222;min-height:94px;border-bottom:1px solid #33496833;position:relative;z-index:3}
.brand{font-size:13px;letter-spacing:2.5px}.brand-mark{background:linear-gradient(135deg,#203255,#101d38);color:#d7d4ff;border:1px solid #848ace;box-shadow:0 0 20px #8999f51f;border-radius:50%;font-size:29px;width:43px;height:43px}.brand-mark span{font-size:29px}
.nav-links{font-size:12px;gap:32px;color:#d2daeb}.nav-links a:last-child{border:1px solid #928cdf;border-radius:5px;padding:10px 19px;color:#ecebff}.nav-links a:hover{color:white}
.hero{position:relative;isolation:isolate;min-height:675px;grid-template-columns:1fr 1fr;background:#061222;padding-top:58px;padding-bottom:80px;gap:35px;overflow:hidden;border-bottom:1px solid #32476555}
.hero-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061222b8 0%,#06122240 42%,transparent 65%),linear-gradient(0deg,#061222 0%,transparent 18%)}
.hero-copy{position:relative;z-index:2;max-width:620px}.hero .eyebrow{color:#8da6cf;font-size:9px;letter-spacing:2.2px;margin:0 0 24px;line-height:1.7}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(62px,7.7vw,112px);font-weight:400;line-height:.98;letter-spacing:-4px;margin:0 0 28px}.hero h1 em{color:var(--lavender);font-family:inherit}.intro{max-width:455px;font-size:17px;color:#d0dcf1;line-height:1.7;margin-bottom:29px}
.button{background:linear-gradient(120deg,#b6abff,#9c9df3);border-color:#c0b8ff;color:#071426;font-weight:600;padding:13px 23px;box-shadow:0 5px 24px #8a80ff20}.button:hover{background:#ccc4ff;transform:translateY(-2px)}
.text-link{border:0;border-bottom:1px solid #807aa8;border-radius:0;color:#c4bcff;padding:8px 0;min-height:0}.cta{gap:28px}
.hero-art{height:440px;min-width:0;position:relative;margin:0;align-self:stretch;pointer-events:none}.floating-preview{position:absolute;width:175px;padding:5px;border:1px solid #849fe96e;border-radius:7px;background:#0b1c35c9;box-shadow:0 10px 30px #0006;opacity:.83;overflow:hidden}.floating-preview span{display:block;color:#a5c3df;font:8px/1.5 Arial,sans-serif;letter-spacing:.08em;padding:2px 3px 5px}.hero-art .floating-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;mask-image:none;mix-blend-mode:normal;opacity:.7;border-radius:3px}.floating-traffic{top:6px;left:-10px;transform:perspective(650px) rotateY(14deg) rotateZ(-4deg)}.floating-markets{top:20px;right:-10px;transform:perspective(650px) rotateY(-14deg) rotateZ(4deg)}.floating-seismic{bottom:10px;right:0;transform:perspective(650px) rotateY(-10deg) rotateZ(3deg)}
#projects,.approach{position:relative;padding-top:65px;padding-bottom:65px}.section-heading{margin-bottom:25px;gap:24px}.section-heading .eyebrow{color:#8ea7cf;font-size:9px;letter-spacing:2px}.section-heading h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(31px,3.8vw,49px);letter-spacing:-1.8px;color:var(--ink)}.section-heading>p{color:#b9c6e0;font-size:17px}
.preview-note{color:#92a6c5;font-size:12px;margin:0 0 21px}.project-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.project-filters button{font:12px/1.4 Arial,Helvetica,sans-serif;color:#b7c8e5;border:1px solid #365273;border-radius:24px;padding:9px 17px;background:transparent;transition:background .18s,color .18s,border-color .18s;cursor:pointer;min-height:38px}.project-filters button[aria-pressed=true]{background:var(--lavender);border-color:var(--lavender);color:#061222;font-weight:600}.project-filters button:hover{border-color:#adb5ee;color:#fff}.project-filters button[aria-pressed=true]:hover{color:#061222}
.tab-panels{gap:24px;align-items:stretch}.tab-panel{background:linear-gradient(150deg,#0c1d33,#071424);border:1px solid #355171;border-radius:9px;box-shadow:none;transition:border-color .2s,box-shadow .2s;min-width:0}.tab-panel:hover{border-color:#839ad2;box-shadow:0 12px 35px #0002}.tab-panel[hidden]{display:none}.panel-traffic{border-color:#2ba99e;background:linear-gradient(145deg,#0a2634,#071828)}.panel-traffic:hover{border-color:#57ded0}.tab-panel:nth-child(4){border-color:#72604a}
.project-visual{background:transparent;padding:11px 11px 0;overflow:visible}.project-visual img{border-radius:5px;border:1px solid #53688577;transition:filter .2s;box-sizing:border-box}.project-visual:hover img{transform:none;filter:brightness(1.08)}.preview-bar{background:transparent;padding:0 3px 9px;color:#bacbe5;min-height:28px;font-size:10px;gap:9px}.preview-dots i{background:#8597cc;width:5px;height:5px}.panel-traffic .preview-dots i{background:#64d4c6}.tab-panel:nth-child(4) .preview-dots i{background:#d6b775}.preview-domain{letter-spacing:0}.project-visual>span{font-size:9px;bottom:8px;right:19px;color:#e5eafb;background:#061222db;padding:2px 6px}
.project-intro{padding:21px 22px 0}.project-intro .project-kicker{font-size:9px;color:#98aad0;letter-spacing:.12em;margin-bottom:8px}.panel-traffic .project-kicker{color:#68d5c8}.tab-panel:nth-child(4) .project-kicker{color:#ceb47b}.project-intro h3{font-size:24px;color:#f5f6fb;font-weight:600;letter-spacing:-.7px;margin:0 0 9px}.project-intro>p:not(.project-kicker){color:#b2c2dd;font-size:14px;min-height:50px;line-height:1.65;margin-bottom:18px}.platform-link{color:#bfb5ff;font-size:13px;border-top:1px solid #38506a77;padding:13px 0 16px}.panel-traffic .platform-link{color:#6ce6d4}.tab-panel:nth-child(4) .platform-link{color:#dfc88b}.platform-link:hover{color:white;text-decoration:none}.project-details{border-top:1px solid #3b526d66;color:#b1c2dc}.project-details summary{padding:12px 22px;font-size:11px}.project-details summary:hover,.project-details[open] summary{background:#142840;color:#f2f5fb}.project-body{padding:0 22px 22px;font-size:13px;line-height:1.8}.project-body h3{color:white}.panel-meta strong{color:#97aacc}.panel-meta span{color:#bac8dd}
.approach{border-top:1px solid #30445f;padding-top:40px}.approach .section-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3.1vw,40px);letter-spacing:-1.2px;max-width:800px}.approach .section-heading>p{color:#a5b5d1;font-size:15px}.stats{gap:24px;margin-top:35px}.stat{position:relative;border-left:1px solid #2c4260;display:flex;align-items:flex-start;gap:15px;padding-left:22px}.stat:first-child{padding-left:0}.stat:before{display:none}.stat .step-number{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #8b91cb;color:#c4bfff;border-radius:50%;font-size:11px;letter-spacing:.06em}.stat h3{font-size:16px;font-weight:500;color:#c5c1ff;margin:0 0 9px;line-height:1.5}.stat p{margin:0;font-size:13px;color:#a7b9d3;line-height:1.7}
.contact{position:relative;isolation:isolate;overflow:hidden;min-height:345px;padding:65px 6vw 90px;background:radial-gradient(ellipse at 50% 100%,#193559,transparent 65%),#061222;text-align:center;border-top:1px solid #283e5866}.contact:before{content:"";position:absolute;bottom:0;left:0;right:0;height:175px;background:url('/studio-assets/connected-intelligence-20261009.jpg') center bottom/100% auto no-repeat;opacity:.4;z-index:-1;mask-image:linear-gradient(transparent,#000)}.contact .eyebrow{color:#8da8ce}.contact h2{font:400 clamp(30px,3.5vw,46px)/1.2 Georgia,'Times New Roman',serif;color:white;letter-spacing:-1.5px;margin:22px auto 14px;max-width:900px}.contact p{color:#aebfd8;font-size:14px;margin:0 0 28px}.contact>a{display:inline-flex;align-items:center;gap:25px;color:#cbc4ff;border:1px solid #958ede;border-radius:5px;padding:12px 21px;font-size:16px;background:#0817289c}.contact>a:hover{background:#1a2c48;color:white}
footer{background:#061222;color:#8aa2c4;padding-top:24px;border-top:1px solid #21364e55}.footer-line>span:first-child{color:#cdd7ec}.footer-line a{color:#a2acd7}#session-details{border-top-color:#263e5b}.client-banner__label,.session-note{color:#8da4c3}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1550px){.hero{min-height:760px}.hero-art{height:510px}.floating-preview{width:210px}}
@media(max-width:1050px){.hero{min-height:620px;padding-top:60px;padding-bottom:65px}.hero h1{font-size:clamp(62px,8vw,91px)}.hero-art{height:390px}.floating-preview{width:145px}.floating-traffic{left:0}.floating-markets{right:-12px}.section-heading>p{max-width:200px}.stats{grid-template-columns:1fr 1fr;gap:30px}.stat:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:760px){.nav-links{gap:18px}.nav-links a:last-child{padding:9px 12px}.brand{font-size:11px;letter-spacing:1.5px}.hero{min-height:0;grid-template-columns:1fr;padding-top:38px;padding-bottom:0;gap:0}.hero-backdrop img{object-fit:cover;object-position:73% bottom;opacity:.75}.hero-backdrop:after{background:linear-gradient(#061222 0%,#061222f0 36%,#06122222 65%,#061222 100%)}.hero-copy{max-width:560px}.hero h1{font-size:clamp(57px,12vw,85px);letter-spacing:-2.7px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;max-width:320px}.intro{font-size:16px;max-width:460px}.hero-art{height:350px;width:100%;max-width:none;margin:0}.floating-preview{width:130px}.floating-traffic{top:32px;left:0}.floating-markets{top:38px;right:0}.floating-seismic{bottom:28px;right:5px}.hero-backdrop img{position:absolute;bottom:0;height:430px;width:100%;object-fit:cover;object-position:72% bottom}.hero-backdrop:after{background:linear-gradient(#061222 0%,#061222 49%,transparent 69%,#061222 100%)}.hero h1{margin-bottom:24px}.cta{gap:22px}.button{padding:13px 18px}.section-heading h2{font-size:38px}.section-heading>p{max-width:none}.tab-panels{grid-template-columns:1fr}.project-intro>p:not(.project-kicker){min-height:0}.stats{gap:28px 18px}.stat{gap:11px;padding-left:15px}.stat .step-number{width:34px;height:34px}.stat p{font-size:12px}.stat h3{font-size:15px}.contact{min-height:325px;padding:50px 6vw 85px}.contact h2{font-size:34px}.contact:before{background-size:auto 390px;height:150px}}
@media(max-width:450px){.topbar{min-height:82px;gap:12px}.nav-links{font-size:10px;gap:12px}.nav-links a:last-child{padding:8px 10px}.brand-mark{width:34px;height:34px;font-size:24px}.brand-mark span{font-size:24px}.brand-cloud{font-size:8px;letter-spacing:2px}.hero h1{font-size:clamp(54px,14vw,63px)}.hero .eyebrow{font-size:7px;letter-spacing:1.3px}.hero-art{height:305px}.floating-preview{width:115px}.hero-backdrop img{height:355px}.section-heading h2{font-size:34px}.project-filters{gap:8px}.project-filters button{font-size:11px;padding:9px 13px}.stats{grid-template-columns:1fr}.stat{border-left:0;padding-left:0}.stat p{font-size:13px}.contact h2{font-size:31px}.project-intro h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}