.contact-page{--contact-success-ink:#21623f;--contact-success-ground:#e1eee4;--contact-success-badge:#c8e3cf;padding-bottom:clamp(3.5rem,7vw,7rem)}[data-theme=dark] .contact-page{--contact-success-ink:#9ce4b4;--contact-success-ground:#20362a;--contact-success-badge:#2c4b38}.contact-intro{padding-block:clamp(2.5rem,5vw,5rem) clamp(2rem,3vw,3rem)}.contact-intro h1{font-size:clamp(3.5rem,6vw,6rem)}.contact-intro>p{max-width:43ch;color:var(--color-muted);font-size:.9rem;line-height:1.8}.contact-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,6vw,6rem);padding-top:clamp(2rem,3vw,3rem);display:grid}.contact-layout h2{font:600 clamp(2rem, 3vw, 3rem)/1.05 var(--font-display);letter-spacing:-.02em}.contact-form-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:2rem;display:flex}.contact-form-heading>p,.contact-note,.contact-submit-row>p{color:var(--color-muted);font-size:.76rem;line-height:1.7}.contact-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;min-width:0;margin:0;padding:0;display:grid}.contact-field-wide{grid-column:1/-1}.contact-field>label{margin-bottom:.6rem;font-size:.82rem;font-weight:650;display:block}.contact-field :is(input,textarea){border:1px solid var(--color-muted);width:100%;min-height:48px;color:var(--color-ink);font:400 1rem/1.55 var(--font-body);caret-color:var(--color-signal);background:0 0;border-radius:0;padding:.8rem .9rem;transition:border-color .18s}.contact-field textarea{resize:vertical;min-height:10rem}.contact-field :is(input,textarea):hover{border-color:var(--color-ink)}.contact-field :is(input,textarea):focus-visible{border-color:var(--color-signal);outline-offset:3px}.contact-field [aria-invalid=true]{border-color:var(--color-signal)}.contact-field-error{color:var(--color-signal);margin-top:.5rem;font-size:.78rem;line-height:1.6}.contact-submit-row{align-items:center;gap:1.5rem;margin-top:1.75rem;display:flex}.contact-submit-row>p{max-width:27ch}.contact-send{background:var(--color-signal);min-height:52px;color:var(--color-paper);border:0;justify-content:space-between;align-items:center;gap:2rem;padding:.9rem 1.2rem;font-size:.85rem;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.contact-send:hover:not(:disabled){background:var(--color-ink)}.contact-send:disabled{cursor:not-allowed;background:var(--line);color:var(--color-muted)}.contact-status{min-height:2.8em;margin-top:1rem;font-size:.83rem;line-height:1.7}.contact-status[data-state=error]{color:var(--color-signal)}.contact-status[data-state=success]{color:var(--contact-success-ink);background:var(--contact-success-ground);align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.contact-success-badge{background:var(--contact-success-badge);color:var(--contact-success-ink);flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.72rem;font-weight:750;display:inline-flex}.contact-success-badge svg{width:1rem;height:1rem}.contact-success-badge[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.contact-status[data-state=success]{animation:contact-success-arrive .36s var(--ease-arrive) both}.contact-status[data-state=success] .contact-success-badge svg path{stroke-dasharray:24;animation:.32s ease-out both contact-success-check}}@keyframes contact-success-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes contact-success-check{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.contact-notice{color:var(--color-muted);margin-bottom:1.5rem;font-size:.83rem;line-height:1.7}.contact-commissions h2>span{color:var(--color-signal)}.contact-commissions>p:not(.contact-note){max-width:47ch;color:var(--color-muted);margin-top:1rem;font-size:.85rem;line-height:1.8}.contact-email-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.contact-email{overflow-wrap:anywhere;padding-block:.5rem;font-size:clamp(.95rem,1.6vw,1.4rem);font-weight:650}.contact-note a:hover{color:var(--color-signal)}.commission-template{margin-top:1.75rem;padding-top:1.25rem}.commission-template-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;font-size:.8rem;font-weight:650;display:flex}.contact-copy{width:44px;min-height:44px;color:var(--color-signal);background:0 0;border:0;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.contact-copy[hidden]{display:none}.contact-copy:hover{color:var(--color-ink)}.commission-template-text{width:100%;color:var(--color-muted);font:400 .82rem/1.8 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;margin-top:.5rem;padding:0;display:block}.contact-copy-status{min-height:1.8em;margin-top:.5rem;font-size:.76rem;line-height:1.7}.contact-commissions>.contact-note{margin-top:1.25rem}.contact-note a{text-underline-offset:.2em;text-decoration:underline}@media (width<=899px){.contact-layout{grid-template-columns:1fr}.contact-commissions{max-width:42rem}.contact-intro{flex-direction:column;align-items:start;gap:1.5rem}}@media (width<=479px){.contact-fields{grid-template-columns:1fr;gap:1.25rem}.contact-submit-row{flex-direction:column;align-items:start;gap:1rem}.contact-submit-row>p{max-width:none}.contact-send{width:100%}}@media (prefers-reduced-motion:reduce){.contact-page :is(input,textarea,button){transition:none}}.contact-commissions>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:44px;list-style:none;display:flex}.contact-commissions>summary::-webkit-details-marker{display:none}.contact-commissions[open]>summary>svg{rotate:180deg}.contact-commission-body>p:first-child{color:var(--color-muted);max-width:45ch;margin-top:.6rem;font-size:.9rem;line-height:1.8}.commission-template-preview>summary{cursor:pointer;min-height:44px;color:var(--color-signal);text-underline-offset:.2em;align-items:center;font-size:.8rem;text-decoration:underline;display:inline-flex}.contact-status:has([data-contact-status-message]:empty),.contact-copy-status:empty{min-height:0;margin:0}.contact-commission-body>.contact-note{margin-top:1.25rem}@media (width<=899px){.contact-layout{gap:3rem}.contact-commissions{max-width:none}}@media (prefers-reduced-motion:no-preference){@supports (interpolate-size:allow-keywords){:is(.commission-template-preview,.contact-commissions){interpolate-size:allow-keywords}:is(.commission-template-preview,.contact-commissions)::details-content{opacity:0;block-size:0;transition:block-size .32s var(--ease-arrive), opacity .18s ease-out, content-visibility .32s allow-discrete;overflow:clip}:is(.commission-template-preview,.contact-commissions)[open]::details-content{opacity:1;block-size:auto}}}