/* Spatial service navigation. All content remains readable without JavaScript. */
:root{--ice:#bcdfff;--navy-deep:#091c2d}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4a8ac8;outline-offset:5px}
.spatial-solutions{max-width:none;padding:100px max(5%,calc((100vw - 1296px)/2)) 55px;background:radial-gradient(ellipse at 50% 48%,#214e7290,transparent 62%),#091c2d;color:#fff;overflow:hidden;position:relative;border-top:1px solid #bddbfa20}
.spatial-heading{text-align:center;max-width:850px;margin:auto}.spatial-heading .eyebrow{color:#a8c8e4;font-size:12px}.spatial-heading h2{font-size:clamp(44px,5.4vw,76px);font-weight:600;letter-spacing:-.05em;line-height:1.06;margin-bottom:24px}.spatial-heading em{color:#a9cfee}.spatial-heading>p:last-child{color:#c3d3e1;font-size:18px}
.solution-tabs{display:flex;justify-content:center;gap:6px;margin:35px auto 10px;padding:6px;border:1px solid #bfdcff30;border-radius:32px;background:#e1eff90a;width:fit-content;position:relative;z-index:3}
.solution-tabs button{border:0;border-radius:28px;padding:12px 22px;min-height:48px;background:transparent;color:#caddeb;cursor:pointer;font-size:14px;font-weight:600;transition:background .25s,color .25s,box-shadow .25s}.solution-tabs button[aria-selected=true]{background:linear-gradient(135deg,#fff,#c7e0f5);color:#123653;box-shadow:inset 0 1px white,0 3px 15px #0002}
.solution-plane{background:linear-gradient(135deg,#315b7c,#102e47 60%,#214b6c);border:1px solid #b4d6f880;border-radius:24px;padding:32px;margin:24px auto;max-width:600px;box-shadow:inset 0 1px #ffffff70,0 24px 55px #0005;color:#fff;position:relative}
.plane-heading{display:flex;justify-content:space-between;align-items:center;color:#bad0e2;font-size:12px;letter-spacing:2px;height:38px}.plane-heading img{height:38px;width:27px;object-fit:contain}.plane-category{font-size:14px;color:#b8d8f4;margin:22px 0 12px}.solution-plane h3{font-size:34px;line-height:1.18;letter-spacing:-1.1px;font-weight:500;margin:0 0 24px}.plane-steps{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:10px}.plane-steps li{font-size:14px;color:#d4e4f1;display:flex;align-items:baseline;gap:16px}.plane-steps li span{color:#93bddf;font:12px 'JetBrains Mono',monospace}.plane-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid #b5d6ee40;font-size:15px;font-weight:600;color:#eff8ff}.plane-cta span{font-size:24px}.plane-cta:hover{color:#bcdfff}
.solutions-enhanced .solution-camera{perspective:1500px;height:530px;max-width:1100px;margin:auto;position:relative}
.solutions-enhanced .solution-track{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out}
.solutions-enhanced .solution-plane{position:absolute;width:560px;max-width:65%;left:50%;top:45px;margin:0;min-height:414px;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .65s,border-color .65s;backface-visibility:hidden;background:linear-gradient(122deg,transparent 25%,#d5e9ff0d 44%,#d5e9ff20 44.2%,transparent 68%),linear-gradient(140deg,#355f80,#163650 58%,#214868)}
.solutions-enhanced .solution-plane[data-position=active]{transform:translateX(-50%) translateZ(85px) rotateX(5deg);z-index:3;opacity:1;border-color:#c3e3ffb3}
.solutions-enhanced .solution-plane[data-position=previous]{transform:translateX(calc(-50% - 280px)) translateY(25px) translateZ(-190px) rotateY(27deg);opacity:.3;pointer-events:none;z-index:1}
.solutions-enhanced .solution-plane[data-position=next]{transform:translateX(calc(-50% + 280px)) translateY(25px) translateZ(-190px) rotateY(-27deg);opacity:.3;pointer-events:none;z-index:1}
.solutions-enhanced .plane-heading{transform:translateZ(8px)}.solutions-enhanced .solution-plane h3{transform:translateZ(22px)}.solutions-enhanced .plane-cta{transform:translateZ(14px)}
.solution-summary{max-width:1000px;margin:0 auto 36px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 20px}.solution-caption{max-width:630px}.solution-caption h3{font-size:25px;margin:0 0 10px;color:#eff6fc}.solution-caption p{color:#b9cddd;font-size:16px;margin:0}.solution-navigation{display:flex;gap:10px;align-items:center;flex-shrink:0}.solution-navigation>span{color:#a8c8e4;font:12px 'JetBrains Mono',monospace;margin-right:14px}.solution-navigation button{width:48px;height:48px;border-radius:50%;border:1px solid #bedbfa40;background:#bedbfa12;color:#fff;font-size:23px;cursor:pointer;transition:background .2s}.solution-navigation button:hover{background:#bedbfa30}.solution-navigation{display:none}.solutions-enhanced .solution-navigation{display:flex}
.spatial-solutions .other-services{max-width:1000px;margin:auto;border-color:#b3d2ea30;padding:24px 20px}.spatial-solutions .other-services summary{font-size:15px}.spatial-solutions .other-services p{color:#b9cddd}.spatial-solutions .other-services a{color:#c7e1f6}
/* Page-wide consistency and reading comfort. */
.experience-hero{padding-top:85px;padding-bottom:50px}.hero-copy .intro{font-size:18px}.decision-preview{max-width:1000px}.preview-top{font-size:12px}.metric-context>p,.service p,.founder-copy>p:last-of-type{font-size:16px}.metric-note,.hero-signature,.chart-months{font-size:12px}.hero-signature{margin-top:30px}.preview-solutions{letter-spacing:1.5px}
.reform{background:linear-gradient(150deg,#153e5e,#10283d);border-top:1px solid #b5d9f126}.reform h2{font-size:clamp(36px,4vw,55px)}.years{gap:24px}.years p{font-size:16px}.years>div{padding-right:0}.years:before{display:none}.source{font-size:13px}.reform .eyebrow{font-size:12px}
.founder{padding-block:120px}.founder-copy .eyebrow{font-size:12px}.founder-copy h2{line-height:1.16}.founder .actions .text-link{font-size:14px}.method-line{font-size:14px;gap:14px 20px}.founder-photo{box-shadow:0 22px 65px #0e243818}.content-section{padding-block:100px}.articles button{text-align:left;min-width:0}.articles button h3{font-size:24px}.articles .eyebrow{font-size:12px}.article-art{min-height:220px;height:auto;gap:24px;box-shadow:inset 0 1px #fff8}.article-art>span{font-size:12px;letter-spacing:1px}.article-art strong{line-height:1.14}.articles button:hover .article-art{box-shadow:0 18px 30px #164a7b12}.newsletter{background:#edf2f7}.newsletter p:not(.eyebrow){font-size:16px;max-width:650px}.newsletter .eyebrow{font-size:12px}.newsletter .button{font-size:14px;flex-shrink:0}
.film-heading>p:last-child{font-size:17px}.film-caption>p{font-size:13px}.cinema-disclaimer{font-size:13px!important}.contact .eyebrow{font-size:12px}.contact form{background:linear-gradient(145deg,#f5f8fb,#eaf1f7);border:1px solid #dbe5ed;box-shadow:0 20px 55px #1236530a}.contact>div>p{max-width:480px}.channel-card{background:linear-gradient(150deg,#fff,#f5f8fb);transition:box-shadow .25s,border-color .25s}.channel-card:hover{border-color:#abc3d8;box-shadow:0 10px 30px #1236530a}.channel-card strong{font-size:14px}.channel-card>p,.channel-card>.text-link{font-size:14px}.channel-heading{min-height:44px}.map-box{background:linear-gradient(135deg,#e9f1f8,#f6f9fc)}.map-note{max-width:320px}footer .footer-bottom{font-size:12px}.footer-top p,.footer-top>div{font-size:14px}footer a{min-height:30px}header nav>a:not(.button){padding-block:10px}header nav>a:hover{color:#164a7b}button,input,select{touch-action:manipulation}.close{min-width:44px;min-height:44px;position:sticky;display:block;margin:-35px -12px 0 auto;top:0;background:#f0f5f9;border-radius:50%;z-index:2}
@media(min-width:961px){header{height:82px}}
@media(max-width:960px){header{height:72px;padding-inline:20px;gap:12px}header .official-brand img{width:145px}.header-contact{display:block;margin-left:auto;font-size:13px}.menu{display:block;background:#ffffff70;border:1px solid #c3d4e3;border-radius:25px;min-height:44px;padding:8px 14px;font-size:13px}header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:#f5f9fcfa;backdrop-filter:blur(22px);flex-direction:column;align-items:stretch;gap:12px;box-shadow:0 15px 30px #0e243815;font-size:16px}header nav.open{display:flex}.solution-tabs button{padding-inline:16px;font-size:13px}.solutions-enhanced .solution-plane{max-width:70%}.solutions-enhanced .solution-plane[data-position=previous]{transform:translateX(calc(-50% - 210px)) translateZ(-210px) rotateY(27deg)}.solutions-enhanced .solution-plane[data-position=next]{transform:translateX(calc(-50% + 210px)) translateZ(-210px) rotateY(-27deg)}.solution-summary{gap:24px}.solution-caption{max-width:500px}}
@media(max-width:760px){.experience-hero{padding:50px 20px 30px}.hero-copy .eyebrow{font-size:11px}.hero-copy .intro{font-size:16px}.hero-copy h1{font-size:clamp(33px,8.6vw,55px)}.hero-copy .actions .button{font-size:14px;min-height:48px}.metric-context>p{font-size:15px}.metric-value{font-size:38px}.preview-top{padding-top:18px}.preview-solutions{font-size:13px}.metric-tabs button{min-height:44px}.hero-signature{font-size:12px}.spatial-solutions{padding:65px 20px 30px}.spatial-heading h2{font-size:clamp(38px,10.5vw,58px)}.spatial-heading>p:last-child{font-size:16px;max-width:350px;margin-inline:auto}.solution-tabs{display:grid;grid-template-columns:1fr;width:100%;max-width:400px;border-radius:22px;gap:3px;margin:28px auto 5px}.solution-tabs button{font-size:14px;border-radius:18px;min-height:46px;padding:10px 14px}.solutions-enhanced .solution-camera{height:480px;perspective:1100px}.solutions-enhanced .solution-plane{width:100%;max-width:none;min-height:0;top:27px;padding:26px 24px;border-radius:22px}.solutions-enhanced .solution-plane[data-position=active]{transform:translateX(-50%) translateZ(0) rotateX(2deg)}.solutions-enhanced .solution-plane[data-position=previous]{transform:translateX(-50%) translateY(-2px) translateZ(-95px) rotateY(-7deg);opacity:.18}.solutions-enhanced .solution-plane[data-position=next]{transform:translateX(-50%) translateY(19px) translateZ(-90px) rotateY(7deg);opacity:.18}.solution-plane h3{font-size:clamp(25px,7.2vw,34px);line-height:1.2;letter-spacing:-.6px;margin-bottom:24px}.plane-category{font-size:13px;margin:20px 0 12px}.plane-steps{gap:12px;margin-bottom:22px}.plane-steps li{font-size:14px;gap:12px;line-height:1.5}.plane-cta{font-size:14px;min-height:48px;padding-top:15px}.plane-heading{height:28px;font-size:11px}.plane-heading img{height:30px;width:22px}.solution-summary{display:flex;flex-direction:column;align-items:flex-start;padding:0;margin:5px auto 26px;gap:20px}.solution-caption h3{font-size:23px}.solution-caption p{font-size:15px}.solution-navigation{align-self:flex-end}.spatial-solutions .other-services{padding-inline:0}.spatial-solutions .other-services summary{font-size:14px}.founder{padding-block:65px}.founder-copy h2{font-size:34px}.founder-copy .eyebrow{font-size:11px}.method-line{font-size:14px}.content-section{padding-block:65px}.article-art{min-height:215px}.article-art strong{font-size:31px}.newsletter .button{white-space:normal}.newsletter p:not(.eyebrow){font-size:15px}.years{gap:0 22px}.years p{font-size:14px}.reform h2{font-size:36px}.source{font-size:12px}.film-heading>p:last-child{font-size:16px}.channel-card strong{font-size:14px}.contact h2{font-size:38px}.form-note{font-size:13px}dialog{max-height:85dvh}}
/* Keep the depth visible in narrow desktop preview panels and tablets. */
@media(min-width:601px) and (max-width:960px){
 .solution-tabs{display:flex;max-width:100%;width:fit-content;border-radius:30px;margin:30px auto 10px;gap:3px}
 .solution-tabs button{font-size:13px;padding:12px 14px;border-radius:24px}
 .solutions-enhanced .solution-camera{perspective:1200px}
 .solutions-enhanced .solution-plane{width:72%;max-width:560px;top:38px;padding:28px}
 .solutions-enhanced .solution-plane h3{font-size:30px}
 .solutions-enhanced .solution-plane[data-position=active]{transform:translateX(-50%) translateZ(60px) rotateX(5deg)}
 .solutions-enhanced .solution-plane[data-position=previous]{transform:translateX(calc(-50% - 145px)) translateY(18px) translateZ(-150px) rotateY(28deg);opacity:.4}
 .solutions-enhanced .solution-plane[data-position=next]{transform:translateX(calc(-50% + 145px)) translateY(18px) translateZ(-150px) rotateY(-28deg);opacity:.4}
}
@media(max-width:600px){
 .solutions-enhanced .solution-plane{width:92%;padding:24px 20px}
 .solutions-enhanced .solution-plane[data-position=active]{transform:translateX(-50%) translateZ(15px) rotateX(3deg)}
 .solutions-enhanced .solution-plane[data-position=previous]{transform:translateX(calc(-50% - 24px)) translateY(9px) translateZ(-100px) rotateY(12deg);opacity:.32}
 .solutions-enhanced .solution-plane[data-position=next]{transform:translateX(calc(-50% + 24px)) translateY(20px) translateZ(-100px) rotateY(-12deg);opacity:.32}
}
@media(prefers-reduced-motion:reduce){.solutions-enhanced .solution-track{transform:none!important}.solutions-enhanced .solution-plane[data-position=active]{transform:translateX(-50%)!important}.solution-plane{transition:none!important}.revealed{animation:none!important}}
