@layer tokens,base,components,chrome,illustrations;@layer pages{.contact-layout{grid-template-columns:minmax(0, var(--page-max-narrow)) minmax(0, 1fr);gap:var(--space-6) var(--space-12);max-width:var(--page-max-board);grid-template-areas:"main aside";align-items:start;display:grid}.contact-main{grid-area:main}.contact-aside{grid-area:aside}.contact-layout--single{grid-template-columns:minmax(0, var(--page-max-narrow));grid-template-areas:"main"}.contact-card{padding:var(--space-8)}.contact-card-title{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.contact-soon{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);background:color-mix(in srgb, var(--color-action) 7%, var(--color-surface));color:var(--color-text-1);font-size:var(--text-md);line-height:var(--leading-normal);display:flex}.contact-soon-icon{color:var(--color-action);margin-top:1px}.contact-soon-lead{font-weight:700}.contact-fields{gap:var(--space-5);flex-direction:column;display:flex}.contact-pair{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.contact-field{flex-direction:column;gap:6px;min-width:0;display:flex}.contact-label{font-size:var(--text-sm);color:var(--color-text-1);font-weight:600}.contact-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.contact-input{width:100%;min-height:44px;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-1);background:var(--color-surface-2);border:1px solid var(--color-border-control);border-radius:var(--radius-input);transition:border-color var(--dur-fast) var(--ease-enter), box-shadow var(--dur-fast) var(--ease-enter);padding:10px 14px}.contact-input:hover{border-color:var(--color-text-2)}.contact-input:focus-visible{border-color:var(--color-action);outline:2px solid var(--color-action);outline-offset:2px;box-shadow:0 0 0 3px var(--color-action-soft)}.contact-input[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-error-soft)}.contact-input[aria-invalid=true]:focus-visible{outline-color:var(--color-error)}.contact-select{display:block;position:relative}.contact-select .contact-input{appearance:none;padding-right:var(--space-10);cursor:pointer}.contact-select-icon{right:var(--space-3);color:var(--color-text-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)rotate(90deg)}.contact-message{line-height:var(--leading-relaxed);min-height:calc(var(--text-base) * var(--leading-relaxed) * 7 + 20px);resize:vertical}.contact-hint{font-size:var(--text-2sm);line-height:var(--leading-normal);color:var(--color-text-3)}.contact-error{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-normal);color:var(--color-error)}.contact-count{font-size:var(--text-2sm);font-variant-numeric:tabular-nums;color:var(--color-text-3)}.contact-count[data-state=near]{color:var(--color-warning-text);font-weight:600}.contact-summary{padding:var(--space-4) var(--space-5);border:1px solid var(--color-error);border-radius:var(--radius-input);background:var(--color-error-soft)}.contact-summary-title{font-size:var(--text-base);color:var(--color-text-1);font-weight:700}.contact-summary-list{margin-top:var(--space-2);font-size:var(--text-md);padding-left:1.2em}.contact-summary-list a{color:var(--color-error);font-weight:600}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-foot{justify-content:space-between;align-items:center;gap:var(--space-4) var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.contact-privacy{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text-3);flex:14em}.contact-privacy a{color:var(--color-action)}.contact-submit{flex:none}.contact-submit[aria-disabled=true]{cursor:progress;opacity:.65}.contact-fields[aria-busy=true] .contact-input{cursor:progress}.contact-reply{--contact-tint:var(--color-action);align-items:flex-start;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-left:3px solid var(--contact-tint);border-radius:var(--radius-input);background:color-mix(in srgb, var(--contact-tint) 7%, var(--color-surface));color:var(--color-text-2);font-size:var(--text-md);line-height:var(--leading-normal);animation:mv-rise var(--dur-normal) var(--ease-enter) both;display:flex}.contact-reply--sent{--contact-tint:var(--color-success)}.contact-reply--warning{--contact-tint:var(--color-warning)}.contact-reply--error{--contact-tint:var(--color-error)}.contact-reply-icon{color:var(--contact-tint);margin-top:1px}.contact-reply--warning .contact-reply-icon{color:var(--color-warning-text)}.contact-reply-lead{color:var(--color-text-1);font-weight:700;display:block}.contact-aside{gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface-2);flex-direction:column;display:flex}.contact-aside-title{font-size:var(--text-2xl)}.contact-ways{margin:0;padding:0;list-style:none}.contact-way{column-gap:var(--space-3);padding-block:var(--space-4);border-top:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);align-items:center;row-gap:2px;display:grid}.contact-way:last-child{border-bottom:1px solid var(--color-border)}.contact-way-icon{color:var(--color-action);grid-row:span 2;align-self:start;margin-top:2px}.contact-way-label{font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-3);font-weight:600}.contact-way-value{font-size:var(--text-base);color:var(--color-text-1);overflow-wrap:anywhere}.contact-result{flex-direction:column;align-items:flex-start;display:flex}.contact-result-panel{width:100%;max-width:var(--page-max-narrow);gap:var(--space-3);font-size:var(--text-base);flex-direction:column;display:flex}.contact-result-lead{color:var(--color-text-1);font-weight:600}.contact-result-list{gap:var(--space-1);flex-direction:column;padding-left:1.2em;display:flex}.contact-result-text{color:var(--color-text-2);line-height:var(--leading-relaxed)}.contact-result-actions{margin-top:var(--space-8)}@media (width<=1024px){.contact-layout:not(.contact-layout--single){column-gap:var(--space-8);grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@media (width<=768px){.contact-layout:not(.contact-layout--single){gap:var(--space-8);grid-template-columns:minmax(0,1fr);grid-template-areas:"main""aside"}}@media (width<=480px){.contact-card{padding:var(--space-5)}.contact-pair{grid-template-columns:minmax(0,1fr)}.contact-foot{flex-direction:column;align-items:stretch}.contact-privacy{flex:none}.contact-submit{width:100%}}}
