.connect{--ink:#FFFFFF;--ink-80:rgba(255, 255, 255, 0.82);--ink-60:rgba(255, 255, 255, 0.62);--accent:#F58220;position:relative;background:#0A0809;color:var(--ink);padding:clamp(72px, 9vw, 132px) 0 clamp(56px, 7vw, 96px);isolation:isolate;overflow:hidden}.connect__liquid{position:absolute;inset:0;z-index:0;pointer-events:auto;touch-action:none}.connect::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgb(10 8 9 / .55) 100%),linear-gradient(180deg,rgb(10 8 9 / .55) 0%,transparent 12%,transparent 88%,rgb(10 8 9 / .55) 100%)}.connect__container{position:relative;z-index:2;max-width:calc(var(--container) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.connect__panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(32px, 4vw, 56px);min-height:clamp(380px, 38vw, 520px)}@media (min-width:1024px){.connect__panel{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}}.connect__content{position:relative;z-index:2;max-width:56ch}.connect__title{font-family:"Raleway",var(--font-display);font-size:var(--fs-l);font-weight:700;letter-spacing:.02em;line-height:1.12;text-transform:uppercase;white-space:nowrap;color:#FFF;margin:0 0 clamp(18px, 1.6vw, 24px)}.connect__title em{font-style:normal;color:var(--accent);background:none;-webkit-text-fill-color:unset;text-shadow:none}.connect__body{font-family:var(--font-display);font-size:var(--fs-m);line-height:1.65;color:#FFF;margin:0 0 clamp(28px, 3vw, 40px);max-width:56ch}.connect__ctas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2)}.connect__cta{width:100%}.connect__cta-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:rgb(255 255 255 / .92);flex-shrink:0}.connect__cta-icon svg{width:16px;height:16px}.connect__visual{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;min-height:clamp(300px, 36vw, 540px);perspective:1200px}.connect__visual-glow{position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(circle at 55% 50%,rgb(245 130 32 / .55) 0%,#fff0 62%);filter:blur(50px);z-index:0;transform-origin:55% 50%;animation:connectGlowPulse 6s ease-in-out infinite}.connect__mark-wrap{position:relative;z-index:1;display:inline-block;transform-style:preserve-3d;animation:connectMarkFloat 7s ease-in-out infinite;will-change:transform}.connect__mark-tilt{display:block;transform-style:preserve-3d;transform:rotateX(var(--connect-rx,0deg)) rotateY(var(--connect-ry,0deg)) rotateZ(var(--connect-rz,0deg));transition:transform 480ms cubic-bezier(.2,.7,.2,1);will-change:transform}.connect.is-tracking .connect__mark-tilt{transition:transform 90ms linear}.connect__mark{width:clamp(300px, 38vw, 560px);height:auto;display:block;filter:drop-shadow(0 22px 50px rgb(245 130 32 / .45)) drop-shadow(0 6px 14px rgb(0 0 0 / .55));transition:transform 600ms var(--ease-out),filter 600ms var(--ease-out)}.connect.is-tracking .connect__mark{transform:scale(1.04);filter:drop-shadow(0 30px 70px rgb(245 130 32 / .62)) drop-shadow(0 10px 20px rgb(0 0 0 / .55))}.connect.is-tracking .connect__visual-glow{animation-duration:3s}@keyframes connectMarkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes connectGlowPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.connect__mark-wrap,.connect__visual-glow{animation:none!important}.connect__mark-tilt,.connect__mark{transition:none!important;transform:none!important}}@media (max-width:1023px){.connect__visual{order:-1;min-height:clamp(220px, 48vw, 340px)}.connect__mark{width:clamp(220px, 48vw, 340px)}}@media (max-width:600px){.connect__ctas{grid-template-columns:minmax(0,1fr)}.connect__cta{width:100%;justify-content:center}}