/* finesse · register=brand · A=existing-white-blue · B=existing-sans · C=single-bridge-scene · D=GSAP-assembly+user-selection · E=soft-matte */
/* BLJ reading polish: existing white canvas, clear hierarchy and user-controlled service scenes. */
body.blj-studio .connection-story[data-mode="overview"] .connection-sticky{min-height:680px}
body.blj-studio .connection-story[data-mode="overview"] #bridge-canvas{top:29%;bottom:29%}
.bridge-services{position:absolute;left:50%;top:63%;transform:translateX(-50%);display:flex;gap:8px;z-index:4;max-width:calc(100% - 32px)}
.bridge-services button{white-space:nowrap;font:inherit;font-size:13px;min-height:44px;padding:10px 20px;color:#4c6476;background:#fff;border:1px solid #d4e0e9;border-radius:24px;cursor:pointer;transition:background .2s,border-color .2s}
.bridge-services button[aria-pressed=true]{background:#eaf3fa;border-color:#719cb9;color:#174e75}
.bridge-services button:hover{border-color:#477fa5}.bridge-services button:focus-visible{outline:3px solid #3877b3;outline-offset:4px}
body.blj-studio .connection-story[data-mode="overview"] .bridge-under-copy{top:74%;width:calc(100% - 40px);min-height:76px}
body.blj-studio .reading-points{font-size:13px;line-height:1.85;color:#52616b;padding-left:20px;margin:18px 0;max-width:80ch}
.reading-points li{padding-left:4px;margin:9px 0}.reading-points li::marker{color:#ad6351}
body.blj-studio .advantage-row p{max-width:54ch;line-height:1.8}body.blj-studio .company-principles p{max-width:46ch}
@media(max-width:767px){body.blj-studio .connection-story[data-mode="overview"] .connection-sticky{min-height:710px;max-height:none}.bridge-services{top:65%;gap:6px}.bridge-services button{padding:9px 12px;font-size:12px}body.blj-studio .connection-story[data-mode="overview"] .bridge-under-copy{top:76%}body.blj-studio .connection-story[data-mode="overview"] #bridge-canvas{top:31%;bottom:30%}}
@media(prefers-reduced-motion:reduce){.bridge-services button{transition:none}}