.contact-page{margin:calc(-1 * clamp(6rem, 14vw, 11rem)) calc(-1 * var(--layout-gutter))}.contact-page__hero{background:radial-gradient(52% 62% at 22% 8%, var(--accent-tint), transparent 68%);padding:10.5rem 0 0;position:relative;overflow:hidden}.contact-page__grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:5rem;display:grid}.contact-page__rail h1{max-width:none;margin:0;font-size:clamp(2.625rem,5vw,4.875rem);line-height:1.02}.contact-page__rail h1 span{color:var(--accent)}.contact-page__rail>div>p{max-width:26.25rem;color:var(--text-muted);margin:1.625rem 0 0;font-size:1.0625rem;line-height:1.65}.contact-channels{border-top:1px solid var(--border-subtle);margin-top:2.75rem}.contact-channel{border-bottom:1px solid var(--border-subtle);color:var(--text-default);justify-content:space-between;align-items:center;gap:1.25rem;padding:1.0625rem .125rem;display:flex}.contact-channel strong,.contact-channel small{display:block}.contact-channel strong{color:var(--text-strong);font-family:var(--font-title);font-size:.96875rem;font-weight:500}.contact-channel small{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.contact-channel>span:last-child{color:var(--text-faint);transition:transform .2s var(--ease-standard), color .2s ease}.contact-channel:hover>span:last-child{color:var(--accent);transform:translate(3px,-3px)}.contact-social-links{gap:.625rem;margin-top:2.125rem;display:flex}.contact-social-link{border:1px solid var(--border-default);width:2.375rem;height:2.375rem;color:var(--text-default);border-radius:50%;place-items:center;font-size:.8125rem;display:inline-grid}.contact-social-link svg{fill:currentColor;width:1rem;height:1rem}.contact-social-link:hover{border-color:var(--accent);color:var(--accent)}.contact-form-card{border:1px solid var(--border-subtle);background:linear-gradient(150deg, var(--earth-30), var(--earth-10));border-radius:1.75rem;padding:2.375rem 2.5rem 2.125rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem -1.5rem #000000a6}.contact-form-card:before{background:radial-gradient(70% 60% at 92% 0%, var(--accent-tint), transparent 62%);content:"";pointer-events:none;position:absolute;inset:0}.contact-form-card>*{position:relative}.contact-form-card__controls{border:0;min-inline-size:0;margin:0;padding:0}.contact-form-card__header{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.18em;justify-content:space-between;align-items:center;gap:1.25rem;padding-bottom:1.25rem;font-size:.6875rem;display:flex}.contact-form-card__header>span:last-child{letter-spacing:normal;align-items:center;gap:.625rem;display:inline-flex}.contact-form-card__header i{background:var(--accent);width:4.625rem;height:.1875rem;transition:width .4s var(--ease-standard);border-radius:99px;display:block}.contact-reasons{border:0;flex-wrap:wrap;gap:.5rem;margin:1.375rem 0 0;padding:0;display:flex}.contact-reasons button,.contact-social-tabs button{border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;padding:.4375rem .875rem;font-size:.8125rem}.contact-reasons button:hover,.contact-social-tabs button:hover{color:var(--text-strong)}.contact-reasons button.is-selected,.contact-social-tabs button.is-selected{border-color:var(--accent-1-a50);background:var(--accent-tint);color:var(--accent)}.contact-form-grid{grid-template-columns:1fr 1fr;gap:.25rem 1.625rem;margin-top:1.625rem;display:grid}.contact-field{border-bottom:1px solid var(--border-subtle);padding:1rem 0 .75rem;display:block;position:relative}.contact-field--wide{grid-column:1/-1}.contact-field__label{color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.65625rem;display:block}.contact-field__label i{color:var(--accent);margin-left:.1875rem;font-style:normal}.contact-field input,.contact-field textarea{box-sizing:border-box;width:100%;color:var(--text-strong);font:inherit;resize:none;background:0 0;border:0;outline:0;margin-top:.5625rem;font-size:.96875rem;line-height:1.5}.contact-field textarea{margin-top:.6875rem}.contact-field:focus-within{border-bottom-color:var(--accent)}.contact-field:focus-within .contact-field__label{color:var(--accent)}.contact-field--error{border-bottom-color:#ff8e68}.contact-field__error{color:#ff9b78;margin-top:.375rem;font-size:.75rem;display:block}.contact-social-tabs{float:right;gap:.5rem;margin-top:-1.25rem;display:flex}.contact-social-tabs button{padding:.3125rem .625rem;font-size:.75rem}.contact-form-message{color:var(--text-default);margin:1.25rem 0 0;font-size:.875rem}.contact-form-message--error{color:#ff9b78}.contact-form-message--unavailable{color:#ffd39a}.contact-button{border-radius:var(--radius-pill);background:var(--cream);min-height:2.75rem;color:var(--text-inverse);cursor:pointer;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;margin-top:2.125rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.contact-button:hover{background:var(--cream-050);color:var(--text-inverse)}.contact-button:disabled{cursor:wait;opacity:.7}.contact-button--secondary{border-color:var(--border-default);color:var(--text-default);background:0 0}.contact-button--secondary:hover{border-color:var(--border-strong);background:var(--surface-overlay);color:var(--text-strong)}.contact-form-card--sent{text-align:center;min-height:29rem}.contact-form-card--sent h2{color:var(--text-strong);font-family:var(--font-title);letter-spacing:-.02em;margin:1.625rem 0 0;font-size:1.875rem}.contact-form-card--sent p{color:var(--text-muted);line-height:1.6}.contact-form-card__success-mark{border:1px solid var(--accent-1-a50);background:var(--accent-tint);width:3.875rem;height:3.875rem;color:var(--accent);border-radius:50%;place-items:center;font-size:1.625rem;display:inline-grid}.contact-page__community{padding:9.375rem var(--layout-gutter) 6rem;text-align:center}.contact-page__community h2{max-width:52.5rem;color:var(--text-strong);font-family:var(--font-title);letter-spacing:-.025em;margin:0 auto;font-size:clamp(1.75rem,2.9vw,2.75rem);font-weight:500;line-height:1.14}.contact-page__ctas{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;display:flex}.contact-page__ctas .contact-button{margin-top:0}@media (width<=67.5rem){.contact-page__grid{grid-template-columns:1fr;gap:3.5rem}.contact-form-card{padding:1.875rem 1.625rem}.contact-form-grid{grid-template-columns:1fr}}@media (width<=45rem){.contact-page__community{padding-top:6rem}.contact-social-tabs{float:none;margin-top:.75rem}}
