/* One shared perspective, with two clearly named places and an anchored route. */
.relationship-composition { position:relative; margin-top:18px; }
.relationship-labels { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr); gap:8%; position:relative; z-index:2; }
.relationship-labels h3 { font-size:clamp(34px,3.6vw,58px); line-height:1.02; }
.relationship-local p { margin-top:18px; color:#bcc5b4; font-size:17px; line-height:1.65; }
.relationship-augmented { display:flex; gap:15px; align-items:flex-start; }
.relationship-augmented .flag { margin-top:9px; }
.relationship-augmented h3 span { color:#b8c0b1; }
.relationship-scene { position:relative; width:100%; aspect-ratio:2.1; isolation:isolate; margin-top:-10px; }
.relationship-poster,.relationship-canvas { position:absolute; inset:0; width:100%; height:100%; }
.relationship-poster img { display:block; width:100%; height:100%; object-fit:contain; }
.relationship-canvas { opacity:0; pointer-events:none; }
.relationship-canvas canvas { display:block; width:100%; height:100%; }
.relationship-scene.is-rendered .relationship-canvas { opacity:1; }
.relationship-scene.is-rendered .relationship-poster { opacity:0; }
.relationship-capabilities { margin:-12px 0 0 43%; position:relative; }
.relationship-capabilities .workcell-labels { margin:0 0 22px; }
.relationship-capabilities .site-management { padding:0; }
.relationship-capabilities .site-management > span { display:none; }
html:not([lang=en]) .relationship-labels h3 { font-size:clamp(31px,3.3vw,52px); }
html[lang=uk] .relationship-labels h3 { font-size:clamp(28px,2.9vw,46px); }
@media(max-width:760px){
 .relationship-composition { margin-top:16px; }
 .relationship-labels { display:block; height:0; }
 .relationship-local,.relationship-augmented { position:absolute; left:0; }
 .relationship-local { top:0; max-width:88%; }
 .relationship-augmented { top:calc((100vw - 2 * var(--gutter)) * .91); max-width:86%; gap:12px; }
 .relationship-labels h3 { font-size:clamp(29px,7.8vw,49px); }
 .relationship-local p { font-size:15px; margin-top:12px; line-height:1.55; }
 .relationship-augmented .flag { width:23px; height:16px; margin-top:5px; }
 .relationship-scene { aspect-ratio:1 / 1.88; margin-top:0; }
 .relationship-capabilities { margin:4px 0 0; }
 .relationship-capabilities .workcell-labels { justify-content:flex-start; gap:10px 24px; }
 .relationship-capabilities .site-management { font-size:16px; }
 html:not([lang=en]) .relationship-labels h3 { font-size:clamp(27px,7.1vw,45px); }
 html[lang=uk] .relationship-labels h3 { font-size:clamp(23px,6.1vw,38px); }
}