@font-face{font-family:Bridge;src:url('/assets/portfolio-motion/fonts/DMSans-Variable.ttf');font-weight:100 1000;font-display:swap}
.bridge-home{--ink:#17202a;--paper:#f4f5f7;--cream:#e9edf0;--green:#2455de;--deep-green:#111c2d;--brass:#416be0;--line:#20273124;background:#f4f5f7;color:#17202a;font-family:Bridge,Arial,sans-serif}.bridge-home button{font-family:inherit}.bridge-home .site-header{position:absolute;inset:0 0 auto;z-index:20;min-height:86px;background:linear-gradient(#fff,#e8ebef);border-bottom:2px solid #303741;padding:22px 4%;box-shadow:0 5px 14px #15233718}.bridge-home .wordmark{font-family:Bridge,sans-serif;font-size:28px;letter-spacing:-1.5px;color:#101a27}.bridge-home .wordmark i{color:#3269dc}.bridge-home #site-nav{gap:25px}.bridge-home #site-nav a{font-size:12px;color:#26313c}.bridge-home #site-nav .nav-cta{border:1px solid #111c2d;background:#15243a;color:white;border-radius:7px;padding:12px 18px}.bridge-home .menu-toggle{color:#17202a;border:1px solid #85919e}.bridge-skip{position:fixed;z-index:99;top:10px;left:10px;transform:translateY(-180%);padding:12px;background:#fff;color:#111}.bridge-skip:focus{transform:none}
.bridge{height:100svh;min-height:850px;max-height:1150px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#fff,#d8e0e6 70%)}#bridge-room{position:absolute;inset:0;z-index:-1}#bridge-room canvas{display:block;width:100%;height:100%}
.bridge-intro{position:absolute;top:116px;left:50%;width:min(1040px,82%);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:40px}.bridge-intro h1{font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.08;letter-spacing:-1.4px;margin:0;color:#172333}.bridge-intro p{margin:0;font-size:12px;max-width:290px;color:#485666;line-height:1.6}.bridge-intro h1 span{color:#567086}
.bridge-console{position:absolute;left:50%;top:205px;transform:translateX(-50%);width:min(1120px,82%);padding:19px 19px 0;border:1px solid #fafcff;border-radius:32px;background:linear-gradient(140deg,#fff 5%,#dce2e8 50%,#f9fbfd 72%,#aebbc6);box-shadow:0 0 0 2px #303b46,0 14px 0 -7px #a8b5c1,0 16px 0 -7px #313e4a,0 35px 50px #20314340,inset 0 2px 2px #fff;}
.bridge-display{background:#081323;border:7px solid #111924;border-radius:17px;overflow:hidden;position:relative;min-height:410px;display:grid;grid-template-columns:35% 65%;box-shadow:0 0 0 1px #697989,inset 0 0 30px #000;color:#f6f9ff;outline-offset:8px}
.bridge-copy{padding:36px 25px 30px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;background:radial-gradient(ellipse at 0 0,#154577,#081323 75%)}#bridge-tag{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#80c9ff;margin:0 0 30px}.bridge-copy h2{font-size:clamp(28px,2.8vw,42px);line-height:1.05;letter-spacing:-1.6px;color:#fff;margin:0 0 20px;font-weight:450}.bridge-copy>p:not(#bridge-tag){font-size:13px;line-height:1.7;color:#b7cadf;margin:0 0 25px}.bridge-copy a{display:inline-block;margin-top:auto;background:#adf6fa;border:1px solid #caffff;color:#06222c;padding:13px 16px;border-radius:4px;font-size:12px;font-weight:600;text-decoration:none}.bridge-copy a:hover{background:#fff;box-shadow:0 0 25px #7fdef747}
.bridge-visual{position:relative;min-width:0;background:#161c37;overflow:hidden}.bridge-visual img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.bridge-visual::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 30px #0004;background:linear-gradient(120deg,#c1e8ff13,transparent 35%)}#bridge-note{position:absolute;bottom:0;left:0;right:0;margin:0;padding:16px 20px 13px;background:linear-gradient(transparent,#030a18ee);font-size:9px;color:#e3edfa;z-index:1}
.bridge-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;padding:10px 12px}.bridge-tabs{display:flex;gap:4px}.bridge-tabs button{padding:12px 16px;border:1px solid transparent;border-radius:6px;color:#4f5b68;background:transparent;font-size:11px;cursor:pointer}.bridge-tabs button[aria-pressed=true]{color:#0b263f;background:linear-gradient(#fff,#dde7ef);border-color:#9aaab8;box-shadow:inset 0 -3px #3889d7,0 2px 2px #fff}.bridge-arrows{display:flex;align-items:center;gap:16px}.bridge-arrows button{background:#142438;color:#e7f6ff;border:1px solid #455466;padding:12px 15px;border-radius:6px;cursor:pointer;font-size:11px;box-shadow:0 2px 0 #fff}.bridge-arrows button:hover{background:#24508a}#bridge-count{font-size:10px;color:#4b5c6c;font-variant-numeric:tabular-nums;white-space:nowrap}
.bridge-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#334b60}.bridge-bottom p{margin:0}.bridge-bottom div{display:flex;gap:25px}.bridge-bottom button,.bridge-bottom a{border:0;background:none;color:#203f5b;font:inherit;cursor:pointer;padding:10px 0}.bridge-home :focus-visible{outline:3px solid #267cc5;outline-offset:4px}.bridge-home .reveal{opacity:1;transform:none}.bridge-home .section{padding-top:85px;padding-bottom:85px}.bridge-home .work{background:#ecf0f3}.bridge-home .work-card{border-radius:12px;background:#162639;box-shadow:0 12px 28px #13243315}.bridge-home .button-primary{background:#172c45;color:#fff}.bridge-home .eyebrow{color:#3d647d}.bridge-home .rr-footer{background:#e4eaef;color:#283b4c;border-top:2px solid #2c3742}.bridge-home .footer-mark,.bridge-home .rr-footer a{color:#283b4c}.bridge-home .assessment-form,.bridge-home .contact-form{border-radius:14px}.bridge-home .service-card,.bridge-home .price-card{border-radius:12px}
@media(min-width:1600px){.bridge-console{top:24%;}.bridge-display{min-height:480px}.bridge-intro{top:14%}}
@media(max-width:1000px){.bridge-console{width:89%;top:210px}.bridge-intro{width:86%;top:118px}.bridge-display{grid-template-columns:40% 60%;min-height:400px}.bridge-copy{padding:28px 22px}.bridge-tabs button{padding:12px 9px}.bridge-arrows{gap:8px}.bridge-arrows button{padding:12px 10px}.bridge-home #site-nav{gap:13px}}
@media(max-width:760px){.bridge-home .site-header{min-height:76px;padding:20px 5%}.bridge-home .menu-toggle{display:block}.bridge-home #site-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#f1f5f8;padding:20px;flex-direction:column;align-items:stretch;border-bottom:2px solid #263746}.bridge-home #site-nav.open{display:flex}.bridge-home #site-nav a{padding:12px}.bridge{height:1040px;min-height:0}.bridge-intro{top:107px;display:block;width:86%}.bridge-intro h1{font-size:30px;max-width:300px}.bridge-intro p{margin-top:14px;max-width:320px;font-size:12px}.bridge-console{top:242px;width:92%;padding:10px 10px 0;border-radius:22px}.bridge-display{display:flex;flex-direction:column-reverse;border-width:5px;border-radius:12px;min-height:0}.bridge-visual{height:220px;flex:none}.bridge-copy{padding:24px 22px;min-height:272px}.bridge-copy h2{font-size:32px;max-width:300px;margin-bottom:14px}.bridge-copy>p:not(#bridge-tag){font-size:12px;margin-bottom:18px}#bridge-tag{margin-bottom:17px;font-size:9px}.bridge-copy a{font-size:12px;padding:12px 14px}.bridge-controls{display:block;padding:12px 0 16px}.bridge-tabs{justify-content:space-between;margin-bottom:14px;gap:0}.bridge-tabs button{font-size:9px;padding:10px 7px}.bridge-arrows{justify-content:space-between;padding:0 6px}.bridge-arrows button{font-size:11px;min-width:90px}.bridge-bottom{bottom:15px;font-size:10px}.bridge-bottom p{max-width:135px;line-height:1.5}.bridge-bottom div{gap:17px}.bridge-home .section{padding-top:60px;padding-bottom:60px}}
@media(max-width:360px){.bridge{height:1090px}.bridge-visual{height:190px}.bridge-copy{min-height:320px}.bridge-tabs button{padding:10px 4px}.bridge-copy h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}