.contact{isolation:isolate;padding:clamp(40px,7vw,96px) 0 clamp(40px,6vw,72px);position:relative}.contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.contact .lede{margin-bottom:32px}.channels{gap:14px;max-width:520px;display:grid}.channel{--accent:var(--teal);transition:transform .3s var(--ease-spring), background-color .3s, box-shadow .3s;background:#212528;align-items:center;gap:16px;padding:14px 18px 14px 14px;text-decoration:none;display:flex;position:relative;box-shadow:0 0 0 3px #0a0c0d,inset 0 3px #ffffff12,inset 0 -4px #0000004d}.channel--discord{--accent:#5865f2}.channel--x{--accent:#e9f1f2}.channel--mail{--accent:var(--cyan);padding:0}.channel__main{flex:1;align-items:center;gap:16px;min-width:0;padding:14px 0 14px 14px;text-decoration:none;display:flex}.channel__icon{color:#fff;background:var(--slot);width:56px;height:56px;transition:background-color .3s, transform .4s var(--ease-spring);flex:none;place-items:center;display:grid;box-shadow:inset 3px 3px #00000080,inset -3px -3px #ffffff12}.channel__icon svg,.channel__icon img{width:28px;height:auto}.channel__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.channel__label{font:400 .8rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.channel__handle{font:400 clamp(1.5rem, 3.4vw, 1.85rem)/1 var(--f-pixel);letter-spacing:.02em;color:#fff;overflow-wrap:anywhere;word-break:normal}.channel__go{color:var(--muted);transition:transform .35s var(--ease-spring), color .3s}.channel__go svg{width:16px}.channel__copy{font:400 .85rem/1 var(--f-ui);text-transform:uppercase;letter-spacing:.06em;color:var(--cyan);cursor:pointer;background:#0003;border:0;flex:none;align-self:stretch;align-items:center;gap:8px;padding:0 18px;transition:background-color .2s,color .2s;display:flex;box-shadow:inset 3px 0 #0000004d}.channel__copy svg{width:16px}.channel__copy:hover{background:var(--cyan);color:var(--navy)}.channel__copy:active{transform:translateY(2px)}@media (hover:hover){.channel:hover{box-shadow:0 0 0 3px #0a0c0d, inset 4px 0 0 var(--accent), inset 0 3px 0 #ffffff12, inset 0 -4px 0 #0000004d, 0 10px 30px #0000004d;background:#262b2f;transform:translate(6px)}.channel:hover .channel__icon{background:var(--accent);transform:rotate(-8deg)scale(1.08)}.channel--x:hover .channel__icon,.channel--mail:hover .channel__icon{color:var(--navy)}.channel:hover .channel__go{color:#fff;transform:translate(3px,-3px)}}@media (max-width:420px){.channel__copy span{display:none}.channel__icon{width:48px;height:48px}}.contact__scene{position:relative}.contact__frame{aspect-ratio:990/560;clip-path:var(--notch);background:#6b5a7a;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff14}.contact__bg{position:absolute;inset:-24px}.contact__bg img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:scale(1.02)translate(-1%)}to{transform:scale(1.08)translate(1%,-1%)}}.particles--gold i{--c:#ffd86b!important}@media (max-width:860px){.contact__grid{grid-template-columns:1fr}.contact__scene{order:-1}.contact__scene .block{--s:38px!important}}