/* Artwork is contained in its own measured region, never enlarged past the page. */
.experience-stage[data-family="systems"]{--sx-ink:#c7d0d8;--sx-accent:#acdaed;--sx-muted:#8e9eaa;}
.experience-stage .sx-art-scene{position:relative;display:grid;grid-template-rows:clamp(82px,18%,126px) minmax(0,1fr) clamp(178px,31%,244px);width:100%;height:var(--scene-viewport-height);margin:0 auto;padding:12px 0 18px;font-family:Archivo,sans-serif;text-align:center;box-sizing:border-box;}
.sx-art-scene.sx-art-software,.sx-art-scene.sx-art-operations{--sx-accent:#d7adab;}
.sx-art-scene.sx-art-deployment{--sx-accent:#bad8cf;}
.sx-art-scene.sx-art-workflows{--sx-accent:#b9bde9;}
.sx-art-heading{grid-row:1;position:relative;z-index:2;align-self:center;width:100%;margin:0;transform-origin:center;}
.sx-art-heading>p{margin:0 0 12px;font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--sx-muted);}
.sx-art-heading h2{margin:0 auto;max-width:95%;font:300 clamp(34px,4.3vw,66px)/1.08 Sora,Archivo,sans-serif;letter-spacing:-.065em;color:var(--sx-ink);text-wrap:balance;}
.sx-art-heading h2 em{font:inherit;color:var(--sx-accent);}
.sx-art-heading h2 br{display:none;}
.sx-art-viewport{grid-row:2;position:relative;min-height:0;min-width:0;pointer-events:none;}
.sx-art-figure{position:absolute;inset:3% 7%;margin:0;transform-origin:center;will-change:transform;}
.sx-art-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;user-select:none;}
.sx-art-brief,.sx-art-destinations,.sx-art-capabilities{grid-row:3;grid-column:1;position:relative;z-index:2;align-self:center;justify-self:center;width:min(920px,96%);margin:0;opacity:0;}
.sx-art-brief{max-width:740px;}
.sx-art-brief>p{margin:0;color:var(--sx-ink);font-size:clamp(16px,1.55vw,22px);font-weight:350;line-height:1.6;text-wrap:balance;}
.sx-art-brief strong{color:var(--sx-accent);font-weight:450;}
.sx-art-brief>.sx-art-note{margin:12px 0 0;font-size:12px;color:var(--sx-muted);line-height:1.5;}
.sx-art-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 35px;max-width:1050px;}
.sx-art-destinations a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;gap:8px;padding:5px 0;text-decoration:none;background:none;border:0;}
.sx-art-destinations a>span{font:300 clamp(18px,1.85vw,28px)/1.2 Sora,Archivo,sans-serif;letter-spacing:-.055em;color:var(--sx-accent);}
.sx-art-destinations small{max-width:25ch;font:350 12px/1.5 Archivo,sans-serif;color:var(--sx-muted);}
.sx-art-destinations i{display:none;}
.sx-art-destinations a:is(:hover,:focus-visible)>span{color:#f0d6cd;}
.sx-art-focus{position:relative;height:116px;}
.sx-art-entry{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;opacity:0;}
.sx-art-entry h3{margin:0;color:var(--sx-accent);font:300 clamp(31px,3.5vw,51px)/1.1 Sora,Archivo,sans-serif;letter-spacing:-.065em;}
.sx-art-entry p{max-width:620px;margin:0;color:var(--sx-ink);font:350 clamp(14px,1.25vw,18px)/1.55 Archivo,sans-serif;text-wrap:balance;}
.sx-art-options{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 26px;margin:5px auto 0;}
.sx-art-options button{position:relative;min-height:40px;padding:10px 0;border:0;border-radius:0;background:none;color:var(--sx-muted);font:12px/1.4 Archivo,sans-serif;cursor:pointer;}
.sx-art-options button::after{content:'';position:absolute;bottom:3px;left:50%;width:16px;height:1px;transform:translateX(-50%);background:var(--sx-accent);opacity:0;}
.sx-art-options button[aria-pressed=true]{color:var(--sx-accent);}
.sx-art-options button[aria-pressed=true]::after{opacity:1;}
.sx-art-options button:hover{color:#e0e8ed;}
.sx-art-contact{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:34px;margin:5px auto 0;color:var(--sx-muted);font-size:11px;text-decoration:none;}
.sx-art-contact span{color:var(--sx-accent);}
.sx-art-contact:hover{color:var(--sx-accent);}
.sx-art-scene [inert]{pointer-events:none;}
@media(max-width:700px){
 .experience-stage .sx-art-scene{grid-template-rows:100px minmax(0,1fr) 220px;padding:4px 0 10px;}
 .sx-art-heading h2{font-size:clamp(29px,8.3vw,42px);line-height:1.14;}
 .sx-art-heading>p{font-size:8px;margin-bottom:10px;}
 .sx-art-heading h2 br{display:block;}
 .sx-art-figure{inset:4% 0;}
 .sx-art-brief>p{font-size:15px;line-height:1.6;}
 .sx-art-brief>.sx-art-note{font-size:11px;}
 .sx-art-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;}
 .sx-art-destinations a>span{font-size:17px;}
 .sx-art-destinations a{gap:6px;min-height:44px;}
 .sx-art-destinations small{font-size:10px;}
 .sx-art-focus{height:120px;}
 .sx-art-entry h3{font-size:30px;}
 .sx-art-entry p{font-size:14px;line-height:1.5;}
 .sx-art-options{gap:0 20px;}
 .sx-art-options button{font-size:12px;min-height:40px;}
 .sx-art-deployment .sx-art-options{max-width:300px;column-gap:24px;}
 .sx-art-contact{font-size:10px;margin-top:4px;}
}
@media(max-height:700px){
 .experience-stage .sx-art-scene{grid-template-rows:max-content minmax(0,1fr) 210px;padding:8px 0 6px;}
 .sx-art-heading h2{font-size:clamp(27px,3.8vw,44px);line-height:1.1;}
 .sx-art-heading h2 br{display:none;}
 .sx-art-heading>p{font-size:8px;margin-bottom:7px;}
 .sx-art-focus{height:104px;}
 .sx-art-entry h3{font-size:29px;}
 .sx-art-entry p{font-size:14px;max-width:520px;}
 .sx-art-brief>p{font-size:14px;line-height:1.55;}
 .sx-art-destinations{gap:12px 20px;}
 .sx-art-destinations a>span{font-size:17px;}
 .sx-art-destinations small{font-size:10px;}
 .sx-art-contact{min-height:27px;}
 .sx-art-options{margin-top:0;}
}
@media(prefers-reduced-motion:reduce){.sx-art-figure{will-change:auto;}}
@media(max-height:520px){
 .experience-stage .sx-art-scene{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-rows:52px minmax(0,1fr);gap:5px 15px;padding:0 0 5px;}
 .sx-art-heading{grid-column:1/-1;}.sx-art-heading h2{font-size:26px;}.sx-art-heading>p{font-size:8px;margin-bottom:4px;}.sx-art-heading h2 br{display:none;}
 .sx-art-viewport{grid-row:2;grid-column:1;}.sx-art-figure{inset:3% 1%;}
 .sx-art-brief,.sx-art-destinations,.sx-art-capabilities{grid-row:2;grid-column:2;width:100%;}
 .sx-art-brief>p{font-size:13px;line-height:1.45;}.sx-art-brief>.sx-art-note{font-size:10px;margin-top:6px;}
 .sx-art-focus{height:92px;}.sx-art-entry{gap:8px;}.sx-art-entry h3{font-size:25px;}.sx-art-entry p{font-size:12px;line-height:1.4;}
 .sx-art-options{column-gap:17px;}.sx-art-options button{min-height:30px;padding:5px 0;font-size:11px;}.sx-art-options button::after{bottom:0;}.sx-art-contact{font-size:10px;min-height:26px;margin-top:2px;}
 .sx-art-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;}.sx-art-destinations a{min-height:34px;gap:4px;}.sx-art-destinations a>span{font-size:16px;}.sx-art-destinations small{font-size:9px;}
}