.contact-studio{background:radial-gradient(ellipse at 70% 5%,#28375355,transparent 65%),linear-gradient(120deg,#0c111d,#141c2b 60%,#111722);border-color:#354052}
.contact-network{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 55%)}
.contact-network svg{width:100%;height:100%;position:absolute;inset:0}
.network-grid{stroke:#8a9cb7;stroke-width:.4;fill:none;opacity:.16}
.network-lines{fill:none;stroke:#dcb46d;stroke-width:.8;opacity:.25}
.network-nodes{fill:#dcb46d;opacity:.5}
.network-halos{fill:none;stroke:#dcb46d;stroke-width:.7;opacity:.2}
.network-signal{fill:#edd3a1;filter:drop-shadow(0 0 5px #dcb46d);opacity:.65}
.network-beam{position:absolute;top:-30%;bottom:-30%;width:18%;background:linear-gradient(90deg,transparent,#dcb46d08,transparent);transform:skewX(-25deg);animation:network-sweep 22s linear infinite}
.contact-studio .contact-intro,.contact-studio .contact-cards{position:relative;z-index:2}
.contact-studio .contact-channel{background:#080d18dc;backdrop-filter:blur(12px);border-color:#303a4c;box-shadow:0 12px 32px #0002}
.contact-studio .contact-channel:hover{background:#141d2c;border-color:var(--gold)}
.contact-studio .contact-orbit{opacity:.4}
@keyframes network-sweep{from{left:-35%}to{left:135%}}
[data-theme=light] .contact-studio{background:radial-gradient(ellipse at 75% 10%,#dfe7f5,transparent 70%),linear-gradient(115deg,#fff,#edf1f8);border-color:#d4dce8}
[data-theme=light] .contact-network{opacity:.8}[data-theme=light] .network-lines,[data-theme=light] .network-halos{stroke:#987237}[data-theme=light] .network-nodes,[data-theme=light] .network-signal{fill:#987237}[data-theme=light] .contact-studio .contact-channel{background:#ffffffd9;border-color:#d5deec;box-shadow:0 12px 30px #182c4b08}[data-theme=light] .contact-studio .contact-channel:hover{background:#fff;border-color:var(--gold)}
@media(max-width:780px){.contact-network{mask-image:linear-gradient(180deg,transparent,#000 45%);opacity:.4}.contact-network svg{width:180%;left:-35%}.contact-studio .contact-channel{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.network-beam{animation:none;left:60%}.network-signal{display:none}}