/* Selection carries the brand: the same mark connects different kinds of work. */
.spatial-ready #expertise{--lens-accent:#b53a2b}
.spatial-ready #expertise #service-panel{position:relative;border-radius:16px;box-shadow:0 18px 50px #21395b0a;justify-content:flex-start;overflow:hidden}
#service-panel .panel-symbol{display:none}
.lens-route{position:relative;display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;gap:18px;padding:10px 0 28px;margin-bottom:22px;border-bottom:1px solid #d4e0e4;isolation:isolate}
.lens-route:before{content:'';position:absolute;top:41px;left:0;right:0;height:1px;background:repeating-linear-gradient(90deg,#b6cad5 0 3px,transparent 3px 8px);z-index:-1}
.lens-node{font-size:12px;line-height:1.5;padding:9px 5px;background:#fffef8;color:#405b70;text-align:center}
.lens-brand{display:grid;place-items:center;width:72px;height:72px;border:1px solid #d0dce2;border-radius:20px;background:#edf3f4;box-shadow:0 8px 20px #21395b10;position:relative}
.lens-brand img{width:42px;height:44px;position:relative;z-index:1}.lens-brand:after{content:'';position:absolute;inset:-6px;border:1px solid var(--lens-accent);border-radius:25px;opacity:.24;animation:lens-breathe 5s ease-in-out infinite}
.spatial-ready #expertise .service-tabs button[aria-selected="true"]{box-shadow:inset 3px 0 var(--lens-accent);padding-left:17px;background:#fffdf688!important}
.spatial-ready #expertise .service-tabs button{transition:background .3s,padding .3s,color .3s}.spatial-ready #expertise #service-panel .panel-kicker{color:var(--lens-accent)}
.spatial-ready #outcomes.work-explorer{background:radial-gradient(circle at 90% 20%,#e0e9eb,transparent 45%),#f5f5ef}
.work-layout{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:6%;align-items:start}
.work-choices{display:grid;gap:8px}
.work-choices button{display:flex;align-items:center;gap:15px;text-align:left;min-height:73px;padding:14px 18px;border:1px solid transparent;border-bottom-color:#c4d3da;border-radius:10px;background:transparent;color:#405b70;transition:background .25s,border-color .25s,box-shadow .25s;cursor:pointer}
.work-choices button>span:last-child{display:grid;gap:4px}.work-choices strong{font-size:19px;font-weight:500;letter-spacing:-.6px;line-height:1.3}.work-choices small{font-size:12px;line-height:1.5;color:#536e82}
.work-choices button:hover{background:#fffdf6b3}.work-choices button[aria-pressed="true"]{background:#fffdf6;border-color:#ccd9de;box-shadow:0 8px 25px #21395b09;color:#21395b}
.work-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%}.dot-red{background:#dd3626}.dot-blue{background:#508dc4}.dot-gold{background:#e8b544}
.work-choices button:focus-visible{outline:3px solid #508dc4;outline-offset:3px}
.work-example{--work-accent:#b53a2b;background:#fffdf6;border:1px solid #cbd9de;border-radius:18px;padding:28px;box-shadow:0 20px 55px #21395b0b;position:relative;overflow:hidden}
.work-example:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:var(--work-accent);transition:background .35s}
.work-example-top{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;line-height:1.5;letter-spacing:1px;color:#526f83}.work-example-top>span:last-child{color:var(--work-accent)}
.spatial-ready #outcomes .work-example h3{font-size:clamp(28px,2.8vw,41px);line-height:1.16;letter-spacing:-1.6px;max-width:530px;margin:26px 0 28px;color:#21395b}
.work-flow{display:grid;grid-template-columns:1fr;gap:0}
.work-request,.work-output{padding:18px 20px;border:1px solid #d0dee4;border-radius:12px;position:relative}.work-request{background:#edf3f5}.work-output{background:#fffaf0}
.work-label{font-size:10px;letter-spacing:1px;color:#5c7689}.spatial-ready #outcomes .work-flow p{font-size:16px;line-height:1.7;margin:8px 0 0;color:#34536b}
.work-link{height:26px;margin-left:35px;width:1px;background:#b5cbd5;position:relative}.work-link>span{position:absolute;top:0;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--work-accent);animation:work-connect 2.8s ease-in-out infinite}
.work-checkpoint{display:flex;gap:13px;align-items:flex-start;padding:22px 0;border-bottom:1px solid #d1dee4}.work-checkpoint>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;background:#e4efe9;color:#3a7563}.work-checkpoint strong{font-size:14px;font-weight:600;color:#294f45}.spatial-ready #outcomes .work-checkpoint p{font-size:14px;line-height:1.65;margin:5px 0 0;color:#526f83}
.work-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px}.work-footer>span{font-size:10px;letter-spacing:.7px;color:#5b7487}.work-footer>a{font-size:14px;font-weight:500;color:#21395b}.work-footer>a span{display:inline-block;margin-left:8px;transition:transform .25s}.work-footer>a:hover span{transform:translate(3px,-3px)}
.spatial-ready #outcomes .work-disclaimer{font-size:12px;line-height:1.7;color:#5b7487;margin:24px 0 0;max-width:900px}
@keyframes lens-breathe{50%{transform:scale(1.05);opacity:.5}}@keyframes work-connect{0%{transform:translateY(0);opacity:0}20%,75%{opacity:1}100%{transform:translateY(24px);opacity:0}}
.lens-brand:after,.work-link>span{animation-play-state:paused}.room-current .lens-brand:after,.room-current .work-link>span{animation-play-state:running}
@media(max-width:760px){
 .lens-route{grid-template-columns:1fr 60px 1fr;gap:9px;padding-bottom:22px;margin-bottom:20px}.lens-route:before{top:34px}.lens-brand{width:60px;height:60px;border-radius:16px}.lens-brand:after{border-radius:21px}.lens-brand img{width:34px;height:36px}.lens-node{font-size:11px;padding-inline:0}
 .work-layout{grid-template-columns:1fr;gap:25px}.work-choices{grid-template-columns:1fr 1fr;gap:8px}.work-choices button{padding:14px 11px;gap:9px;align-items:flex-start;border:1px solid #c4d3da;min-height:101px}.work-dot{margin-top:5px;width:8px;height:8px}.work-choices strong{font-size:16px;letter-spacing:-.3px}.work-choices small{font-size:11px}
 .work-example{padding:24px 20px}.work-example-top{font-size:9px;gap:8px}.spatial-ready #outcomes .work-example h3{font-size:31px;margin:22px 0;letter-spacing:-1px}.work-request,.work-output{padding:16px}.work-footer{align-items:flex-start;flex-direction:column;gap:12px}
}
@media(prefers-reduced-motion:reduce){.lens-brand:after,.work-link>span{animation:none}.work-choices button,.work-footer>a span{transition:none}}
