.contact-page{background-color:var(--clr-surface);min-height:100dvh}.contact-page .hero-section{background:var(--clr-paper);border-bottom:1px solid var(--clr-border-subtle);padding:64px 0 48px}@media (min-width:768px){.contact-page .hero-section{padding:96px 0 64px}}.contact-page .hero-section .hero-label{color:var(--clr-fg-muted);margin-bottom:12px;font-size:.8125rem;font-weight:500;display:block}.contact-page .hero-section .hero-title{margin-bottom:16px}.contact-page .hero-section .hero-subtitle{letter-spacing:-.006em;max-width:52ch;color:var(--clr-fg-muted);margin:0;font-size:clamp(1.0625rem,1rem + .3125vw,1.25rem);line-height:1.5}.contact-page .contact-cards-section{z-index:10;margin-top:-40px;padding:0 0 64px;position:relative}@media (max-width:640px){.contact-page .contact-cards-section{margin-top:-20px;padding:0 0 40px}}.contact-page .contact-cards-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.contact-page .contact-cards-grid{grid-template-columns:repeat(3,1fr)}}.contact-page .contact-card{text-align:center;background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--highlight-inner),var(--shadow-1);border-radius:16px;flex-direction:column;align-items:center;height:100%;padding:32px 24px;text-decoration:none;transition:background-color .25s cubic-bezier(.22,1,.36,1),border-color .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),color .25s cubic-bezier(.22,1,.36,1),opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1);display:flex}.contact-page .contact-card:hover{border-color:var(--clr-border-strong);box-shadow:var(--highlight-inner-strong),var(--shadow-2)}.contact-page .contact-card:focus-visible{outline:3px solid var(--focus-ring,var(--clr-focus));outline-offset:3px}.contact-page .contact-card .card-icon{background:var(--clr-brand-subtle);width:64px;height:64px;color:var(--clr-brand-text);border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.contact-page .contact-card .card-title{color:var(--clr-fg);margin-bottom:8px;font-size:18px;font-weight:600}.contact-page .contact-card .card-description{color:var(--clr-fg-muted);margin-bottom:12px;font-size:14px}.contact-page .contact-card .card-action{color:var(--clr-brand-text);font-size:14px;font-weight:600}.contact-page .main-section{background-color:var(--clr-surface-subtle);z-index:1;padding:40px 0 96px;position:relative}@media (max-width:640px){.contact-page .main-section{padding:40px 0 64px}}.contact-page .form-container{background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--highlight-inner-strong),var(--shadow-2);border-radius:20px;padding:40px}@media (max-width:640px){.contact-page .form-container{padding:24px}}.contact-page .form-container .form-title{font-size:var(--text-headline);color:var(--clr-fg);text-wrap:balance;margin-bottom:8px;font-weight:560}.contact-page .form-container .form-subtitle{color:var(--clr-fg-muted);margin-bottom:32px;font-size:14px}.contact-page .contact-form .form-grid{grid-template-columns:1fr;gap:20px;margin-bottom:24px;display:grid}@media (min-width:640px){.contact-page .contact-form .form-grid{grid-template-columns:repeat(2,1fr)}}.contact-page .contact-form .form-row-half{flex-direction:column;gap:8px;display:flex}.contact-page .contact-form .form-row-full{flex-direction:column;grid-column:1/-1;gap:8px;display:flex}.contact-page .contact-form .form-label{color:var(--clr-fg);font-size:14px;font-weight:500}.contact-page .contact-form .form-field{border:1px solid var(--clr-border-control);background:var(--clr-surface);width:100%;color:var(--clr-fg);resize:vertical;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.contact-page .contact-form .form-field::placeholder{color:var(--clr-fg-subtle)}.contact-page .contact-form .form-field:focus{border-color:var(--clr-brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--clr-focus) 15%, transparent)}.contact-page .contact-form .char-count{color:var(--clr-fg-muted);text-align:end;margin-top:4px;font-size:12px}.contact-page .contact-form .submit-button{background:var(--clr-brand);color:var(--clr-fg-on-brand);text-transform:none;box-shadow:var(--elev-cta);border-radius:12px;padding:16px 40px;font-size:16px;font-weight:600;transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1)}.contact-page .contact-form .submit-button:hover{background:var(--clr-brand-strong);filter:brightness(1.05)}.contact-page .contact-form .submit-button:focus-visible{outline:3px solid var(--focus-ring,var(--clr-focus));outline-offset:3px}.contact-page .contact-form .submit-button:disabled{background:var(--clr-border-strong);box-shadow:none}.contact-page .sidebar{flex-direction:column;gap:32px;display:flex}.contact-page .sidebar .sidebar-title{color:var(--clr-fg);margin-bottom:16px;font-size:18px;font-weight:600}.contact-page .quick-links-section{background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--highlight-inner),var(--shadow-1);border-radius:16px;padding:24px}.contact-page .quick-links-list{flex-direction:column;gap:12px;display:flex}.contact-page .quick-link{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:16px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:background-color .2s cubic-bezier(.22,1,.36,1),border-color .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),color .2s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);display:flex}.contact-page .quick-link:hover{background:var(--clr-brand-subtle);border-color:var(--clr-border-strong)}.contact-page .quick-link:hover .link-icon{background:var(--clr-brand);color:var(--clr-fg-on-brand)}.contact-page .quick-link:focus-visible{outline:3px solid var(--focus-ring,var(--clr-focus));outline-offset:3px}.contact-page .quick-link .link-icon{background:var(--clr-surface);width:44px;height:44px;color:var(--clr-brand-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,opacity .2s,transform .2s;display:flex}.contact-page .quick-link .link-content{flex:1}.contact-page .quick-link .link-content .link-title{color:var(--clr-fg);margin-bottom:4px;font-size:14px;font-weight:600}.contact-page .quick-link .link-content .link-description{color:var(--clr-fg-muted);font-size:12px}.contact-page .social-section{background:var(--clr-surface);border:1px solid var(--clr-border);box-shadow:var(--highlight-inner),var(--shadow-1);border-radius:16px;padding:24px}.contact-page .social-section .social-description{color:var(--clr-fg-muted);margin-bottom:20px;font-size:14px}.contact-page .social-links{gap:12px;display:flex}.contact-page .social-links .social-link{background:var(--clr-surface-subtle);width:48px;height:48px;color:var(--clr-fg-muted);border-radius:12px;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,box-shadow .2s,color .2s,opacity .2s,transform .2s;display:flex}.contact-page .social-links .social-link:hover{background:var(--clr-brand);color:var(--clr-fg-on-brand)}.contact-page .social-links .social-link:focus-visible{outline:3px solid var(--focus-ring,var(--clr-focus));outline-offset:3px}.contact-page .response-time{background:var(--clr-brand-subtle);border-inline-start:4px solid var(--clr-brand);border-radius:16px;padding:24px}.contact-page .response-time p{color:var(--clr-fg-muted);margin-bottom:8px;font-size:14px}.contact-page .response-time p:last-child{margin-bottom:0}.contact-page .response-time p strong{color:var(--clr-fg)}