.section_process-intro .process-intro_visual{display:flex;align-items:center;justify-content:center;padding:var(--mapped-padding-md)}.section_process-intro .process-intro_illustration{width:100%;height:auto;max-height:24em;object-fit:contain}.section_process-intro .process-intro_lead{display:flex;align-items:center;padding:var(--mapped-padding-md)}.section_process-intro .process-intro_lead .card_info{display:flex;flex-direction:column;gap:var(--mapped-padding-sm)}.section_process-intro .process-intro_text{opacity:.7;max-width:30em}.section_webgl{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--mapped-surface-default)}#sstr-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.cap-eyebrow{display:flex;align-items:center;gap:var(--brand-scale-200)}.cap-eyebrow__sq{width:.55em;height:.55em;background:var(--mapped-surface-action);flex:none}.cap-stage{position:fixed;inset:0;z-index:40;display:flex;align-items:center;pointer-events:none}.cap{position:absolute;inset:0;display:flex;align-items:center;visibility:hidden;opacity:0;padding-bottom:22vh}.cap .content-grid,.cap .content-grid>.grid-col{background:transparent}.cap-text{display:flex;flex-flow:column;gap:var(--brand-scale-400);max-width:30em}.cap-sub{max-width:22em}#depth-ui{position:fixed;top:104px;right:24px;left:auto;z-index:60;pointer-events:none}.depth-grid{display:grid;grid-template-columns:repeat(4,7px);grid-auto-rows:7px;gap:8px}.depth-sq{width:7px;height:7px;background:var(--brand-grey-700);transition:background .25s ease}.depth-sq.is-on{background:var(--mapped-surface-action)}.depth-arrow{position:absolute;right:60px;left:auto;top:0;width:68px;height:18px}.depth-arrow svg{position:absolute;inset:0;width:68px;height:18px;display:block}.depth-arrow span{position:absolute;inset:0 12px 0 6px;display:flex;align-items:center;justify-content:center;color:var(--mapped-text-on-action);font:var(--brand-weight-medium) 9px / 1 var(--brand-font-family);letter-spacing:.04em}#skip-cta{position:fixed;bottom:24px;right:24px;z-index:60}#skip-cta .button{--button-color: var(--mapped-text-body-inverse);--button-color-background: transparent;--button-hover-color: var(--mapped-text-on-action);--button-hover-color-background: var(--mapped-surface-action);--button-corner: .35em;--button-padding: 1em 2em;pointer-events:auto;font-size:.95em}#back-cta{position:fixed;bottom:24px;left:24px;z-index:60}#back-cta .button{--button-color: var(--mapped-text-body-inverse);--button-color-background: transparent;--button-hover-color: var(--mapped-text-on-action);--button-hover-color-background: var(--mapped-surface-action);--button-corner: .35em;--button-padding: 1em 2em;pointer-events:auto;font-size:.95em}#back-cta .button__text:before{transform:scaleX(-1)}#scroll-hint{position:fixed;left:50%;bottom:120px;transform:translate(-50%);width:24px;height:24px;z-index:55;pointer-events:none;transition:opacity .4s ease}.scroll-hint__chev{position:absolute;left:50%;margin-left:-14px;width:28px;height:8px;opacity:0;transform:scale3d(.5,.5,.5);animation:scrollHintMove 3s ease-out infinite}.scroll-hint__chev:first-child{animation:scrollHintMove 3s ease-out 1s infinite}.scroll-hint__chev:nth-child(2){animation:scrollHintMove 3s ease-out 2s infinite}.scroll-hint__chev:before,.scroll-hint__chev:after{content:" ";position:absolute;top:0;height:100%;width:51%;background:var(--mapped-text-body-inverse)}.scroll-hint__chev:before{left:0;transform:skew(0,30deg)}.scroll-hint__chev:after{right:0;width:50%;transform:skew(0,-30deg)}@keyframes scrollHintMove{25%{opacity:1}33%{opacity:1;transform:translateY(30px)}67%{opacity:1;transform:translateY(40px)}to{opacity:0;transform:translateY(55px) scale3d(.5,.5,.5)}}.scroll-hint__text{position:absolute;top:90px;left:50%;transform:translate(-50%);font-family:var(--brand-font-family);font-size:12px;letter-spacing:.1em;color:var(--mapped-text-body-inverse);text-transform:uppercase;white-space:nowrap;opacity:.25;animation:scrollHintPulse 2s linear alternate infinite}@keyframes scrollHintPulse{to{opacity:1}}.product-tool-video.is-image-fallback img{width:100%;height:100%;object-fit:contain;display:block}
