.contact-page{width:100%;max-width:820px;margin:0 auto;padding:8px 0 48px}.contact-header{border-bottom:1px dashed var(--border);flex-direction:column;gap:12px;padding-bottom:32px;display:flex}.contact-eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:700}.contact-header h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,7vw,3rem);line-height:1.15}.contact-intro{color:#2b1d16ad;width:100%;max-width:680px;margin:0;font-size:.95rem;line-height:1.7}.contact-content{flex-direction:column;gap:42px;padding-top:36px;display:flex}.contact-content section{flex-direction:column;gap:12px;display:flex}.contact-content h2{font-family:var(--font-display);margin:0;font-size:1.25rem;line-height:1.35}.contact-content p{opacity:.78;width:100%;max-width:760px;margin:0;font-size:.9rem;line-height:1.75}.contact-section-eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.65!important;margin:0 0 -3px!important;font-size:.58rem!important}.contact-card{border:1px solid var(--border);background:linear-gradient(180deg, #ffffff47, transparent), var(--panel);border-radius:16px;grid-template-columns:auto minmax(0,1fr);width:100%;max-width:680px;padding:26px;box-shadow:0 8px 28px #2b1d160a;gap:22px!important;display:grid!important}.contact-card-icon{border:1px solid var(--border);background:var(--panel-2);width:48px;height:48px;color:var(--primary);border-radius:50%;place-items:center;font-size:1.15rem;display:grid;box-shadow:0 3px 12px #2b1d160d}.contact-card-content{flex-direction:column;gap:12px;min-width:0;display:flex}.contact-card-content h2{overflow-wrap:anywhere;font-family:var(--font-ui);letter-spacing:0;font-size:1.05rem}.contact-email-button{border:1px solid var(--border);background:var(--panel-2);color:var(--foreground);font-family:var(--font-ui);border-radius:7px;justify-content:space-between;align-self:flex-start;align-items:center;gap:18px;margin-top:5px;padding:9px 13px;font-size:.78rem;font-weight:600;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-flex}.contact-email-button:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 5px 14px #2b1d1614}.contact-email-button span:last-child{color:var(--primary);font-size:.9rem}.contact-content ul{opacity:.78;flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:.9rem;line-height:1.7;display:flex}.contact-backstage{text-align:center;align-items:center;padding-top:8px}.contact-backstage-decoration{color:var(--primary);letter-spacing:.3em;opacity:.5;margin-bottom:2px;font-size:.6rem}.contact-backstage p{width:auto}.contact-portfolio{color:var(--foreground);align-items:center;gap:12px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.contact-portfolio span{color:var(--primary);transition:transform .18s}.contact-portfolio:hover span{transform:translate(3px)}@media (max-width:640px){.contact-page{padding-bottom:36px}.contact-header{padding-bottom:26px}.contact-content{gap:34px;padding-top:30px}.contact-content h2{font-size:1.15rem}.contact-content p,.contact-content ul{font-size:.86rem}.contact-section-eyebrow{font-size:.55rem!important}.contact-card{grid-template-columns:1fr;padding:20px;gap:16px!important}.contact-card-icon{width:42px;height:42px}.contact-email-button{box-sizing:border-box;width:100%}}@media (prefers-reduced-motion:reduce){.contact-page *,.contact-page :before,.contact-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
