.home-bridge.bridge-passage{position:relative;isolation:isolate;overflow:hidden;min-height:680px;height:min(62.55vw,920px);padding:0;background:#061e19;color:#f8f7f1}
.bridge-passage .bridge-passage-scene{position:absolute;z-index:-1;inset:-18px 0;transform:translate3d(0,var(--bridge-shift,0px),0);pointer-events:none}
.bridge-passage .bridge-passage-landscape{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 50%}
.bridge-passage .bridge-passage-content{width:min(1400px,calc(100% - 128px));height:100%;margin:auto;padding:70px 0 64px;display:flex;flex-direction:column;justify-content:space-between;gap:180px}
.bridge-passage h2{max-width:1280px;margin:0 auto;text-align:center;font:400 clamp(56px,6.65vw,106px)/1.04 var(--display);letter-spacing:-.05em;color:inherit;text-wrap:balance}
.bridge-passage-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.bridge-passage-name{margin:0 0 18px;font-size:20px;line-height:1.4;color:inherit}
.bridge-passage .bridge-passage-description{max-width:360px;margin:0;font-size:19px;line-height:1.5;color:#f3f7f3;text-shadow:0 1px 6px #00150f}
.bridge-glass-button{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:68px;min-width:280px;padding:16px 26px;color:#fffdf5;border:1px solid #b6edc0a3;border-radius:19px;background:#0b2d27c9;box-shadow:inset 0 1px 1px #e4ffdc57,inset 0 -1px 1px #79dd985c,0 5px 22px #00190c4d;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);font-size:21px;font-weight:500;line-height:1.3;transition:transform .22s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease;touch-action:manipulation}
.bridge-glass-button:focus-visible{outline:3px solid #e2ffc8;outline-offset:6px}
.bridge-button-arrow{font-size:28px;font-weight:400;line-height:1;transition:transform .3s ease}
.bridge-glass-button .bridge-button-light{position:absolute;z-index:-1;pointer-events:none;left:-70px;bottom:-48px;width:145px;height:100px;max-width:none;opacity:0;transform:translateX(0);mix-blend-mode:screen}
@media(hover:hover){.bridge-glass-button:hover{background:#153d32dc;border-color:#e5ffdc;box-shadow:inset 0 1px 2px #d9ffdf80,0 5px 24px #021c1280;transform:translateY(-2px)}.bridge-glass-button:hover .bridge-button-arrow{transform:translateX(5px)}.bridge-glass-button:hover .bridge-button-light{animation:bridge-edge-light .9s ease-out both}}
.bridge-glass-button:focus-visible .bridge-button-light{animation:bridge-edge-light .9s ease-out both}
.bridge-glass-button:active{transform:translateY(1px) scale(.975);background:#254d3edc;border-color:#f1ffe4;box-shadow:inset 0 2px 10px #00190b7d,0 0 18px #b5ff9b26}
.bridge-glass-button:active .bridge-button-arrow{transform:translateX(8px)}
.bridge-glass-button:active .bridge-button-light{animation:none;left:50%;transform:translateX(-50%);opacity:.85}
.bridge-passage .bridge-passage-pulse{max-height:none;position:absolute;left:0;top:0;width:clamp(60px,8vw,130px);height:clamp(60px,8vw,130px);max-width:none;pointer-events:none;opacity:0;mix-blend-mode:screen;will-change:transform}
@keyframes bridge-edge-light{0%{opacity:0;left:-70px}20%{opacity:.8}80%{opacity:.85}100%{opacity:0;left:100%}}
@media(max-width:1000px){.home-bridge.bridge-passage{height:720px}.bridge-passage .bridge-passage-content{width:calc(100% - 80px);padding-block:64px 48px;gap:160px}.bridge-passage h2{font-size:clamp(50px,6.7vw,70px)}.bridge-passage .bridge-passage-description{max-width:310px;font-size:17px}.bridge-glass-button{min-width:245px;font-size:19px;gap:25px}}
@media(max-width:600px){.home-bridge.bridge-passage{height:auto;min-height:760px}.bridge-passage .bridge-passage-content{width:calc(100% - 40px);min-height:760px;padding:42px 0 35px;gap:250px}.bridge-passage h2{font-size:clamp(33px,9.2vw,52px);line-height:1.12;letter-spacing:-.045em}.bridge-passage h2 br{display:none}.bridge-passage-bottom{flex-direction:column;align-items:stretch;gap:22px}.bridge-passage-action{order:2}.bridge-passage .bridge-passage-description{max-width:100%;font-size:16px;line-height:1.6}.bridge-passage-name{font-size:16px;margin-bottom:14px}.bridge-glass-button{display:flex;min-height:64px;min-width:0;width:100%;font-size:20px;padding:15px 22px;border-radius:17px}.bridge-passage .bridge-passage-scene{inset:135px 0 200px}.bridge-passage-landscape{object-position:50% 47%;opacity:.94}.bridge-passage .bridge-passage-pulse{width:80px;height:80px}.bridge-passage .bridge-passage-content{position:relative}.bridge-passage .bridge-passage-description{background:#061e19e8;box-shadow:0 0 22px 15px #061e19e8}.bridge-passage-action{position:relative}}
@media(prefers-reduced-motion:reduce){.bridge-passage .bridge-passage-scene{transform:none}.bridge-passage .bridge-passage-pulse{display:none}.bridge-glass-button,.bridge-button-arrow{transition:none}.bridge-glass-button .bridge-button-light{display:none}.bridge-glass-button:hover,.bridge-glass-button:active,.bridge-glass-button:hover .bridge-button-arrow,.bridge-glass-button:active .bridge-button-arrow{transform:none}}

/* Enabled only after the public Bridge landing cutover is verified. */
.bridge-passage[hidden] { display: none !important; }