/* Neutral reading surface, brick-red section labels, blue navigation. */
body.blj-studio{--eyebrow:#a33c2f;--motion-blue:#639bbd;--motion-sand:#dfb780}
body.blj-studio .eyebrow,body.blj-studio .bridge-top>span,body.blj-studio #bridge-step{color:var(--eyebrow);letter-spacing:.08em;font-size:12px;font-weight:600}
body.blj-studio .section-heading>.eyebrow,body.blj-studio .content-section>.eyebrow,body.blj-studio .service-intro>.eyebrow,body.blj-studio .about-heading>.eyebrow{display:block;margin:0 0 16px}
body.blj-studio .studio-directory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px;padding:14px 0;margin-top:20px;margin-bottom:0;border-top:0;border-bottom:1px solid #e5e5e5;width:min(1280px,calc(100% - 112px));overflow:visible}
body.blj-studio .studio-directory a{font-size:13px;min-height:39px;white-space:normal;line-height:1.5}
body.blj-studio .employer-opening{padding-top:34px;padding-bottom:44px}
body.blj-studio .home-more{margin-block:12px 60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0;background:white}
body.blj-studio .home-more>summary{font-size:18px;padding:25px 0;cursor:pointer;color:#171717}
body.blj-studio .home-more .wrap{width:100%}
body.blj-studio .home-more .section{padding-block:45px}
body.blj-studio .home-more .story-section{padding-inline:0}
body.blj-studio .connection-story{height:225svh;background:#fff}
body.blj-studio .connection-sticky{background:#fff;min-height:650px}
body.blj-studio #bridge-canvas{background:#fff;top:25%;bottom:18%}
body.blj-studio .bridge-gradient{display:none}
body.blj-studio .connection-sticky .connection-copy{top:8%;text-align:center}
body.blj-studio .connection-copy h1{font-size:clamp(38px,4.5vw,66px)}
body.blj-studio .connection-copy h1 em{color:#171717}
body.blj-studio .bridge-caption{top:10%;bottom:auto;left:50%;transform:translateX(-50%);text-align:center;max-width:700px;width:90%;color:#171717}
body.blj-studio .bridge-caption p{color:#5d6268}
body.blj-studio .bridge-caption h2{color:#171717}
body.blj-studio .bridge-under-copy{bottom:6%}
body.blj-studio .bridge-top button{background:#fff;color:#555;border-color:#ddd}
body.blj-studio .bridge-progress{background:#edf1f4}
body.blj-studio .bridge-progress i{background:#b05440}
body.blj-studio .bridge-bottom{color:#60666c}
body.blj-studio .bridge-bottom b{color:#a33c2f}
body.blj-studio #service-design,body.blj-studio .service-design{background:#fff}
body.blj-studio .service-design .eyebrow{color:#a33c2f}
@media(max-width:1100px){body.blj-studio .studio-directory{width:calc(100% - 64px);gap:0 15px}}
@media(max-width:767px){body.blj-studio .studio-directory{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:12px;padding-block:8px}body.blj-studio .studio-directory a{font-size:12px;min-height:35px}body.blj-studio .employer-opening{padding-top:28px}body.blj-studio #bridge-canvas{top:34%;bottom:20%}body.blj-studio .connection-sticky .connection-copy{top:70px}body.blj-studio .bridge-under-copy{bottom:7%}body.blj-studio .connection-copy h1{font-size:39px}body.blj-studio .bridge-caption{top:15%}body.blj-studio .bridge-caption h2{font-size:30px}body.blj-studio .home-more{margin-bottom:35px}}
@media(prefers-reduced-motion:reduce){body.blj-studio .connection-story{height:auto}}

/* One shared stage: title, bridge and supporting copy compose together. */
body.blj-studio #bridge-canvas{top:26%;bottom:25%;background:transparent}
body.blj-studio #bridge-canvas::after{display:none;background:none}
body.blj-studio #bridge-canvas canvas{background:transparent}
body.blj-studio .connection-sticky .connection-copy{top:10%}
body.blj-studio .connection-copy h1{font-size:clamp(38px,4.1vw,60px);margin:0 0 14px}
body.blj-studio .connection-copy .actions{margin-top:18px}
body.blj-studio .bridge-under-copy{top:61%;bottom:auto;max-width:720px}
body.blj-studio .bridge-under-copy .connection-lead{margin:0 0 8px;font-size:18px}
body.blj-studio .bridge-under-copy .connection-detail{font-size:13px;line-height:1.8}
body.blj-studio .bridge-caption{top:15%}
@media(max-width:767px){body.blj-studio .connection-sticky .connection-copy{top:11%}body.blj-studio .connection-copy h1{font-size:36px}body.blj-studio #bridge-canvas{top:27%;bottom:25%}body.blj-studio .bridge-under-copy{top:62%;bottom:auto}body.blj-studio .bridge-under-copy .connection-lead{font-size:16px}body.blj-studio .bridge-under-copy .connection-detail{font-size:12px}body.blj-studio .connection-copy .actions{margin-top:16px}}

/* Keep only the regular brand marks across all pages. */
body.blj-studio .site-footer::before{content:none;display:none}