@font-face{font-family:CabinDisplay;src:url('/assets/home-bridge/ArchivoBlack-Regular.ttf');font-weight:400;font-display:swap}
.bridge-home{--surface-ease:cubic-bezier(.16,1,.3,1)}.bridge-intro h1{font-family:CabinDisplay,Bridge,sans-serif;font-size:clamp(22px,2.1vw,32px);font-weight:400;letter-spacing:-1.1px;line-height:1.14}.bridge-copy h2{font-family:CabinDisplay,Bridge,sans-serif;font-size:clamp(26px,2.4vw,36px);font-weight:400;letter-spacing:-1.3px;line-height:1.12}.bridge-intro h1 span{font-size:.88em}#bridge-tag{font-weight:600;letter-spacing:.12em}
.bridge-console{--mouse-x:50%;--mouse-y:25%;background:radial-gradient(ellipse 470px 330px at var(--mouse-x) var(--mouse-y),#fff7e8bd,transparent 75%),linear-gradient(140deg,#f6e8d1e8,#b8a081ec 40%,#edddc3ee 70%,#927050f2);backdrop-filter:blur(18px);border:1px solid #fff7e44a;box-shadow:0 0 0 2px #423323,0 14px 0 -7px #8f7156,0 17px 0 -7px #2a2824,0 8px 32px -4px #0008,0 35px 65px #0007,inset 0 2px 2px #fff8df,0 0 45px #ffb26118}
.bridge-home .work-card,.bridge-home .service-card,.bridge-home .price-card{--mouse-x:50%;--mouse-y:0%;position:relative;background-image:radial-gradient(380px circle at var(--mouse-x) var(--mouse-y),#fff8e51c,transparent 70%);border:1px solid #fff2db29;box-shadow:0 8px 32px -4px #0c1d2929,inset 0 1px #fff8e53d;backdrop-filter:blur(12px)}
.bridge-home button,.bridge-home .button,.bridge-home .nav-cta,.bridge-copy a,.bridge-home .work-card{transition:transform .35s var(--surface-ease),box-shadow .35s var(--surface-ease),background-color .25s,color .25s;transform-origin:center}.bridge-home button:hover,.bridge-home .button:hover,.bridge-home .nav-cta:hover,.bridge-copy a:hover{transform:translateY(-2px);box-shadow:0 5px 17px #e5ac6840}.bridge-home button:active,.bridge-home .button:active,.bridge-home .nav-cta:active,.bridge-copy a:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 8px #06162440;transition-duration:.1s}.bridge-home button:disabled{transform:none;box-shadow:none}.bridge-home .work-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #152c3733}.bridge-home .work-card:active{transform:translateY(-1px) scale(.99)}.bridge-home nav a:not(.nav-cta){transition:color .25s,transform .3s var(--surface-ease)}.bridge-home nav a:not(.nav-cta):hover{color:#dfac78;transform:translateY(-1px)}.bridge-home nav a:not(.nav-cta):active{transform:translateY(1px)}
.bridge-home.has-reveals .reveal:not(.visible){opacity:0;transform:translateY(24px)}.bridge-home.has-reveals .reveal{transition:opacity .85s var(--surface-ease),transform .85s var(--surface-ease)}
#bridge-room{transition:transform 1.4s var(--surface-ease)}#bridge-motion{display:inline-flex;align-items:center;gap:8px}.ambience-icon{width:15px;height:15px;overflow:visible}.ambience-icon path{transform-origin:8px 8px;transition:transform .5s var(--surface-ease),opacity .5s}.ambience-icon .motion-play{opacity:0;transform:scale(.65)}#bridge-motion[aria-pressed=false] .motion-play{opacity:1;transform:scale(1)}#bridge-motion[aria-pressed=false] .motion-pause{opacity:0;transform:scale(.65)}#bridge-motion[aria-pressed=true] .ambience-icon{filter:drop-shadow(0 0 4px #edbe7d88)}
@media(max-width:760px){.bridge-intro h1{font-size:24px}.bridge-copy h2{font-size:28px}.bridge-copy{min-height:290px}}
@media(max-width:760px){.bridge-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.bridge-tabs button{font-size:11px;min-height:40px}.bridge{height:1130px}.bridge-controls{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.bridge-home.has-reveals .reveal:not(.visible){opacity:1;transform:none}.bridge-home *,#bridge-room{transition:none!important;animation:none!important}.bridge-home button:hover,.bridge-home a:hover,.bridge-home button:active,.bridge-home a:active{transform:none!important}}