.contact{background-color:var(--base-100);width:100vw;height:100svh;color:var(--base-400);justify-content:center;align-items:center;padding:6rem 2rem 2rem;display:flex;position:relative;overflow:hidden}.contact-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1600px;display:grid}.contact-header{justify-content:center;width:100%;display:flex;position:relative}.contact-header h1{text-transform:uppercase;letter-spacing:-.02em;color:var(--base-400);text-align:center;margin:0;font-family:Big Shoulders Display,sans-serif;font-size:clamp(4rem,10vw,9rem);font-weight:800;line-height:.85}.contact-content{flex-direction:column;gap:3rem;padding-top:1rem;display:flex}.contact-group{flex-direction:column;gap:1.5rem;display:flex}.contact-group h3{text-transform:uppercase;opacity:.6;border-bottom:1px solid #0000001a;margin-bottom:.5rem;padding-bottom:.5rem;font-family:PP Neue Montreal,sans-serif;font-size:.85rem;font-weight:500}.contact-item{flex-direction:column;gap:.25rem;display:flex}.contact-item .label{opacity:.5;text-transform:uppercase;font-family:PP Neue Montreal,sans-serif;font-size:.75rem}.contact-item .link,.contact-item .phone{color:var(--base-500);word-break:break-all;font-family:PP Neue Montreal,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;line-height:1.1;text-decoration:none;transition:opacity .3s}.contact-item .link:hover{opacity:.6}.social-links{flex-wrap:wrap;gap:1.5rem;display:flex}.social-links a{text-transform:uppercase;color:var(--base-400);font-family:Big Shoulders Display,sans-serif;font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:.9;text-decoration:none;transition:transform .3s,color .3s}.social-links a:hover{color:var(--base-500);transform:translate(10px)}.contact-footer-info{opacity:.4;flex-direction:column;gap:.5rem;margin-top:auto;font-family:PP Neue Montreal,sans-serif;font-size:.9rem;display:flex}@media (max-width:1000px){.contact{align-items:flex-start;height:100svh;padding:5rem 1.25rem 1rem;overflow-y:scroll}.contact-wrapper{grid-template-columns:1fr;align-content:flex-start;gap:1rem;height:auto;padding-bottom:2rem}.contact-header h1{font-size:3.5rem}.contact-header{margin-bottom:1rem}.contact-content{gap:1.5rem;padding-top:0}.contact-group{gap:.75rem}.contact-item .link,.contact-item .phone{word-break:break-all;font-size:1rem}.social-links{flex-flow:wrap;gap:1rem;margin-top:.5rem}.social-links a{font-size:1.75rem}}