.contact-page{padding:60px 0}.contact-hero{grid-template-columns:1fr 1fr;align-items:flex-end;gap:60px;margin-bottom:60px;display:grid}.contact-hero h1{letter-spacing:-.05em;color:var(--foreground);margin:0;font-size:clamp(3.5rem,8vw,6.5rem);line-height:.9}.contact-intro{max-width:480px;color:var(--muted);font-size:1.15rem;line-height:1.7}.contact-intro p{margin:0}.contact-section{padding-top:20px}.section-label{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;font-size:.8rem;font-weight:800}.contact-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.contact-item{background:var(--surface);border:1px solid var(--border);min-height:240px;color:inherit;border-radius:20px;flex-direction:column;justify-content:space-between;padding:36px;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s,background-color .25s;display:flex;position:relative;overflow:hidden}.contact-item>span{color:var(--accent);background:var(--accent-light);letter-spacing:.05em;border-radius:999px;align-self:flex-start;padding:4px 14px;font-size:.8rem;font-weight:800;display:inline-block}.contact-item-content{margin-top:40px}.contact-item p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:800}.contact-item h2{letter-spacing:-.03em;color:var(--foreground);justify-content:space-between;align-items:center;margin:0;font-size:clamp(1.4rem,2.5vw,1.9rem);transition:color .25s;display:flex}.contact-item h2:after{content:"↗";color:var(--accent);font-size:1.1em;transition:transform .25s,color .25s}.contact-item:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 30px -10px #5b2a5f1f}.contact-item:hover h2{color:var(--accent)}.contact-item:hover h2:after{transform:translate(6px,-6px)}.contact-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:800px){.contact-hero{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.contact-grid{grid-template-columns:1fr}.contact-item{min-height:200px;padding:28px}}@media (max-width:480px){.contact-page{padding:40px 0}.contact-item{min-height:180px;padding:24px}.contact-item-content{margin-top:24px}}