/* Brand composition: readable service navigation, full-width scene, natural document flow. */
body.blj-studio .connection-story[data-mode="overview"] .connection-sticky{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:center;padding:28px 24px 36px;overflow:hidden;background:#fff}
body.blj-studio .connection-story[data-mode="overview"] .bridge-top{position:relative;inset:auto;width:min(1200px,100%);font-size:14px;letter-spacing:.06em;margin:0 0 32px;gap:16px}
body.blj-studio .connection-story[data-mode="overview"] .connection-copy{position:relative;inset:auto;order:1;width:min(1100px,100%);max-width:none;margin:0;text-align:center}
body.blj-studio .connection-story[data-mode="overview"] .connection-copy h1{font-size:clamp(36px,4.2vw,58px);line-height:1.15;letter-spacing:-.045em;margin:0}
body.blj-studio .connection-story[data-mode="overview"] .connection-copy .actions{margin:24px 0 0;justify-content:center;gap:16px}
body.blj-studio .connection-story[data-mode="overview"] .connection-copy .button{font-size:17px;padding:15px 24px}
body.blj-studio .connection-story[data-mode="overview"] #bridge-canvas{position:relative;inset:auto;order:2;width:min(1440px,100%);height:clamp(340px,34vw,460px);margin:8px 0 8px;overflow:hidden;isolation:isolate;background:transparent;flex:none}
body.blj-studio .connection-story[data-mode="overview"] .bridge-services{position:relative;inset:auto;transform:none;order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(850px,100%);max-width:none;margin:0 auto 24px;border-bottom:1px solid #e2e2df}
body.blj-studio .connection-story[data-mode="overview"] .bridge-services button{font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.4;white-space:normal;min-height:76px;padding:16px 12px;border:0;border-bottom:3px solid transparent;border-radius:0;color:#6a6a66;background:transparent;transition:color .2s,border-color .2s}
body.blj-studio .connection-story[data-mode="overview"] .bridge-services button[aria-pressed=true]{color:#191919;border-bottom-color:#ad654e;background:transparent}
body.blj-studio .connection-story[data-mode="overview"] .bridge-services button:hover{color:#ad654e}
body.blj-studio .connection-story[data-mode="overview"] .bridge-under-copy{position:relative;left:50%;top:auto;bottom:auto;align-self:flex-start;order:4;width:min(1000px,100%);max-width:none;min-height:110px;text-align:center;margin:0}
body.blj-studio .connection-story[data-mode="overview"] .connection-lead{font-size:clamp(25px,2.5vw,34px);font-weight:600;line-height:1.5;letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px;color:#1c1c1c}
body.blj-studio .connection-story[data-mode="overview"] .connection-detail{font-size:20px;line-height:1.7;margin:0;color:#656561}
body.blj-studio .connection-story[data-mode="overview"] .bridge-bottom{position:relative;inset:auto;order:5;width:min(1200px,100%);margin-top:28px;font-size:14px;gap:20px}
@media(max-width:767px){body.blj-studio .connection-story[data-mode="overview"] .connection-sticky{padding:20px 20px 28px}body.blj-studio .connection-story[data-mode="overview"] .bridge-top{font-size:12px;margin-bottom:28px;letter-spacing:0;align-items:start}body.blj-studio .connection-story[data-mode="overview"] .connection-copy h1{font-size:clamp(30px,7.8vw,40px)}body.blj-studio .connection-story[data-mode="overview"] .connection-copy .actions{gap:10px;flex-wrap:wrap}body.blj-studio .connection-story[data-mode="overview"] .connection-copy .button{font-size:15px;padding:12px 14px}body.blj-studio .connection-story[data-mode="overview"] #bridge-canvas{height:290px;width:calc(100% + 32px);margin-inline:-16px}body.blj-studio .connection-story[data-mode="overview"] .bridge-services button{font-size:18px;min-height:64px;padding:12px 5px}body.blj-studio .connection-story[data-mode="overview"] .connection-lead{font-size:25px}body.blj-studio .connection-story[data-mode="overview"] .connection-detail{font-size:18px}body.blj-studio .connection-story[data-mode="overview"] .bridge-under-copy{min-height:140px}body.blj-studio .connection-story[data-mode="overview"] .bridge-bottom{font-size:12px;line-height:1.8}.bridge-scroll{display:none}}
@media(prefers-reduced-motion:reduce){body.blj-studio .bridge-services button{transition:none}}
/* Override global reading sizes for these two display lines only. */
body.blj-studio #main .connection-story[data-mode="overview"] .bridge-under-copy .connection-lead{font-size:clamp(25px,2.5vw,34px)!important}
body.blj-studio #main .connection-story[data-mode="overview"] .bridge-under-copy .connection-detail{font-size:20px!important}
@media(max-width:767px){body.blj-studio .connection-story[data-mode="overview"] #bridge-canvas{height:240px}body.blj-studio .connection-story[data-mode="overview"] .bridge-under-copy{min-height:100px}body.blj-studio #main .connection-story[data-mode="overview"] .bridge-under-copy .connection-lead{font-size:25px!important}body.blj-studio #main .connection-story[data-mode="overview"] .bridge-under-copy .connection-detail{font-size:18px!important}}

body.blj-studio .bridge-under-copy .connection-detail{max-width:48ch;margin-inline:auto!important}.service-summary-link{display:inline-block;margin-top:14px;font-size:17px;line-height:1.6;color:#0667c6;text-underline-offset:5px}.bridge-under-copy:has(.service-summary-link){padding-bottom:14px}