.warm-portfolio .contact-form-block{border-top:1px solid #f1eee925;width:100%;max-width:600px;padding-top:24px}.warm-portfolio .contact-form-title{font-family:var(--font-hud);letter-spacing:.14em;text-transform:uppercase;color:var(--site-muted);margin:0 0 16px;font-size:11px;font-weight:400;line-height:1.6}.warm-portfolio .contact-form{gap:14px;display:grid;position:relative}.warm-portfolio .contact-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.warm-portfolio .contact-field{align-content:start;gap:6px;min-width:0;display:grid}.warm-portfolio .contact-field label{font-family:var(--font-body);font-size:var(--type-label);color:var(--site-copy);line-height:1.4}.warm-portfolio .contact-field :is(input,textarea){width:100%;min-height:44px;font-family:var(--font-body);letter-spacing:-.005em;color:var(--bone);caret-color:var(--ember-hot);border-radius:var(--radius-control);outline-offset:2px;appearance:none;background:#f1eee906;border:1px solid #f1eee92e;outline:2px solid #0000;margin:0;padding:10px 14px;font-size:16px;line-height:1.5;transition:border-color .2s,background-color .2s,box-shadow .2s}.warm-portfolio .contact-field textarea{resize:vertical;min-height:112px}.warm-portfolio .contact-field :is(input,textarea)::placeholder{color:var(--site-muted);opacity:.6}.warm-portfolio .contact-field :is(input,textarea):hover{border-color:#f1eee94d}.warm-portfolio .contact-field :is(input,textarea):focus{border-color:var(--ember-hot);background:#fc5d0008;box-shadow:0 0 0 3px #fc5d0026}.warm-portfolio .contact-field :is(input,textarea)[readonly]{color:var(--site-muted)}.warm-portfolio .contact-field :is(input,textarea)[aria-invalid=true]{border-color:var(--ember)}.warm-portfolio .contact-field :is(input,textarea)[aria-invalid=true]:focus{box-shadow:0 0 0 3px #fc5d0033}.warm-portfolio .contact-field input:-webkit-autofill{-webkit-text-fill-color:var(--bone);caret-color:var(--ember-hot);box-shadow:inset 0 0 0 100px #15171c}.warm-portfolio .contact-field input:-webkit-autofill:focus{box-shadow:inset 0 0 0 100px #15171c,0 0 0 3px #fc5d0026}.warm-portfolio .contact-field-error{font-size:var(--type-label);color:var(--ember-hot);margin:0;line-height:1.45}.warm-portfolio .contact-form-trap{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.warm-portfolio .contact-form-footer{justify-items:start;gap:12px;padding-top:2px;display:grid}.warm-portfolio .contact-form-submit{min-height:44px;font-family:var(--font-body);color:var(--warm-peach);border-radius:var(--radius-control);-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease-exp), color .2s, background-color .2s, border-color .2s;background:0 0;border:1px solid #fa963b88;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:15px;display:inline-flex}.warm-portfolio .contact-form-submit:hover:not(:disabled,[aria-disabled=true]){color:var(--void);background:var(--ember-hot);border-color:var(--ember-hot)}.warm-portfolio .contact-form-submit:active:not(:disabled,[aria-disabled=true]){transform:translateY(1px)scale(.97)}.warm-portfolio .contact-form-submit:disabled{opacity:.5;cursor:default}.warm-portfolio .contact-form-submit[aria-disabled=true]{cursor:progress;border-color:#fa963b55}.warm-portfolio .contact-form-submit-arrow{transition:transform .2s var(--ease-exp)}.warm-portfolio .contact-form-submit:hover:not(:disabled,[aria-disabled=true]) .contact-form-submit-arrow{transform:translate(3px)}.warm-portfolio .contact-form-pending{background:var(--ember-hot);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite contact-meta-pulse}.warm-portfolio .contact-form-error{max-width:60ch;font-size:var(--type-label);color:var(--site-copy);margin:0;line-height:1.6}.warm-portfolio .contact-form-error:before{content:"";background:var(--ember);vertical-align:.1em;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.warm-portfolio .contact-form-error a{color:var(--warm-peach);text-underline-offset:3px;overflow-wrap:anywhere;-webkit-text-decoration:underline #f4bf8c66;text-decoration:underline #f4bf8c66}.warm-portfolio .contact-form-error a:hover{color:var(--ember-hot)}.warm-portfolio .contact-form-sent{border-radius:var(--radius-panel);animation:contact-form-in .42s var(--ease-exp);background:#fc5d000a;border:1px solid #fc5d0040;justify-items:start;gap:8px;padding:24px clamp(20px,3vw,28px);display:grid}.warm-portfolio .contact-form-sent:focus{outline:none}.warm-portfolio .contact-form-sent-title{letter-spacing:-.02em;color:var(--bone);align-items:center;gap:10px;font-size:clamp(19px,2vw,23px);line-height:1.35;display:flex}.warm-portfolio .contact-form-sent-title svg{color:var(--ember-hot);flex:none}.warm-portfolio .contact-form-sent-note{font-size:var(--type-body);color:var(--site-copy);overflow-wrap:anywhere;line-height:1.6}.warm-portfolio .contact-form-again{min-height:44px;font-size:var(--type-label);color:var(--warm-peach);text-underline-offset:3px;margin-top:4px;-webkit-text-decoration:underline #f4bf8c66;text-decoration:underline #f4bf8c66}.warm-portfolio .contact-form-again:hover{color:var(--ember-hot)}@keyframes contact-form-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (min-width:1001px){.warm-portfolio .contact-layout .contact-form-block{max-width:none;padding-top:calc(var(--contact-title-size) * .188 - 4.6px);border-top:0;grid-area:1/2;align-self:start}}@media (max-width:640px){.warm-portfolio .contact-form-row{grid-template-columns:minmax(0,1fr)}.warm-portfolio .contact-form-footer{justify-items:stretch}.warm-portfolio .contact-form-submit{width:100%}}@media (prefers-reduced-motion:reduce){.warm-portfolio .contact-form-sent,.warm-portfolio .contact-form-pending{animation:none}.warm-portfolio .contact-form-submit,.warm-portfolio .contact-form-submit-arrow{transition:none}.warm-portfolio .contact-form-submit:active:not(:disabled,[aria-disabled=true]),.warm-portfolio .contact-form-submit:hover:not(:disabled,[aria-disabled=true]) .contact-form-submit-arrow{transform:none}}
