.contact-container{background:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);padding-bottom:120px;position:relative;overflow:hidden}#bg-canvas-contact{z-index:1;opacity:.3;position:fixed;inset:0}.noise-contact{z-index:2;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.section-header-contact{z-index:10;text-align:center;padding:8rem 6rem 4rem;position:relative}.tagline-contact{font-family:var(--font-mono),monospace;letter-spacing:.5em;text-transform:uppercase;color:var(--color-copper);margin-bottom:1.5rem;font-size:.7rem;display:block}.title-contact{font-family:var(--font-ui),sans-serif;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:var(--fw-medium);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;max-width:800px;margin:0 auto;line-height:1.2}.contact-gallery-track{z-index:10;perspective:1000px;flex-wrap:wrap;justify-content:center;gap:clamp(2rem,5vw,5rem);width:95%;max-width:1400px;margin:4rem auto 10rem;display:flex;position:relative}.contact-node{background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:flex-end;width:320px;height:480px;padding:0;transition:all .8s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #000000e6,inset 0 0 0 1px #ffffff05}.contact-node:before{content:"";opacity:0;z-index:10;pointer-events:none;background:conic-gradient(#0000,#cba38126,#0000 30%);transition:opacity .6s;animation:6s linear infinite rotate-beam;position:absolute;inset:-50%}@keyframes rotate-beam{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-node:hover:before{opacity:1}.contact-node:after{content:"";z-index:2;background:linear-gradient(#0000 0%,#0006 60%,#000000f2 100%);transition:all .6s;position:absolute;inset:0}.card-vertical-title-contact{text-transform:uppercase;letter-spacing:.5em;color:var(--color-white);font-size:.6rem;font-family:var(--font-mono),monospace;opacity:.5;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;position:absolute;top:2rem;left:2rem}.image-container-contact{z-index:1;width:100%;height:100%;transition:all 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.contact-image{object-fit:cover;filter:grayscale()brightness(.7);width:100%;height:100%;transition:all 1.2s cubic-bezier(.22,1,.36,1)}.node-info-contact{z-index:5;text-align:left;width:100%;padding:2.5rem 2rem;transition:transform .6s;position:relative;transform:translateY(10px)}.name-contact{font-family:var(--font-ui);font-size:1.6rem;font-weight:var(--fw-semibold);color:var(--color-white);letter-spacing:-.02em;text-shadow:0 2px 10px #00000080;margin-bottom:.5rem}.contact-phone{font-family:var(--font-mono),monospace;color:var(--color-copper);letter-spacing:.1em;opacity:.9;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.contact-phone:before{content:"TEL_";opacity:.5;font-size:.6rem}.contact-insta{font-family:var(--font-mono),monospace;color:var(--color-copper);letter-spacing:.1em;opacity:.9;align-items:center;gap:.5rem;margin-top:.2rem;font-size:.85rem;display:flex}.contact-insta:before{content:"INSTA_";opacity:.5;font-size:.6rem}.contact-insta a{color:inherit;text-decoration:none;transition:opacity .3s}.contact-insta a:hover{opacity:.7}.contact-node:hover{border-color:#cba38166;transform:translateY(-10px)scale(1.02);box-shadow:0 60px 100px -20px #000000e6,0 0 40px -10px #cba3814d}.contact-node:hover .image-container-contact{transform:scale(1.1)}.contact-node:hover .contact-image{filter:grayscale(0)brightness(.8)saturate(1.2)}.contact-node:hover .node-info-contact{transform:translateY(0)}.contact-node:hover:after{background:linear-gradient(#0000 0%,#0003 40%,#000000f2 100%)}.contact-node:hover .contact-phone,.contact-node:hover .contact-insta{opacity:1;text-shadow:0 0 10px #cba381cc}.contact-form-section{z-index:10;background:rgba(var(--color-white-rgb),.02);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);border:1px solid var(--border-subtle);border-radius:40px;width:90%;max-width:900px;margin:10rem auto 0;padding:80px;position:relative;box-shadow:0 50px 150px #0009}.form-header{text-align:center;margin-bottom:60px}.form-title{font-family:var(--font-display);margin-bottom:1rem;font-size:3rem}.contact-form{flex-direction:column;gap:40px;display:flex}.form-group{position:relative}.form-input,.form-textarea{border:none;border-bottom:1px solid var(--border-normal);width:100%;color:var(--text-primary);font-family:var(--font-ui);background:0 0;outline:none;padding:15px 0;font-size:1.1rem;transition:border-color .3s}.form-textarea{resize:none;min-height:150px}.form-input:focus,.form-textarea:focus{border-bottom-color:var(--color-copper)}.form-label{font-family:var(--font-ui);color:var(--text-muted);pointer-events:none;transition:all .3s;position:absolute;top:15px;left:0}.form-input:focus+.form-label,.form-input:not(:placeholder-shown)+.form-label,.form-textarea:focus+.form-label,.form-textarea:not(:placeholder-shown)+.form-label{color:var(--color-copper);letter-spacing:.1em;font-size:.8rem;top:-20px}.submit-btn{align-self:flex-start;padding:1.2rem 3rem;font-size:1rem}.success-message{background:rgba(var(--color-success-rgb),.1);color:var(--color-success);text-align:center;font-family:var(--font-mono);border-radius:12px;margin-bottom:40px;padding:20px}@media (max-width:1024px){.section-header-contact{padding:6rem 1.5rem 3rem}.contact-form-section{margin-top:5rem;padding:40px 20px}.form-title{font-size:2.2rem}}@media (max-width:640px){.contact-gallery-track{flex-direction:column;align-items:center;gap:4rem}.contact-node{width:280px;height:400px}.image-container-contact{width:220px;height:300px}}
