.writing{z-index:2;position:relative}.writing__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.writing__head .section-header{margin-bottom:var(--space-4)}.writing__all{align-items:center;gap:var(--space-1);font-size:var(--btn-font-size);margin-bottom:var(--space-4);background:var(--gradient-accent);-webkit-text-fill-color:#0000;transition:gap var(--duration-hover) var(--ease);-webkit-background-clip:text;background-clip:text;font-weight:500;display:inline-flex}.writing__all svg{color:var(--color-accent);-webkit-text-fill-color:initial}.writing__all:hover{gap:var(--space-3)}.writing__list{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.writing__list li{display:flex}
.contact-form{gap:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration-hover) var(--ease),box-shadow var(--duration-hover) var(--ease),background-color var(--duration-theme) var(--ease);flex-direction:column;display:flex}.contact-form:focus-within{border-color:var(--color-accent);box-shadow:0 14px 32px -18px var(--color-shadow)}.contact-form .btn{margin-top:var(--space-2);align-self:flex-start}.contact-form--success{text-align:center;padding:var(--space-7) var(--space-6);align-items:center}.contact-form--success h3{font-size:var(--font-size-4xl);color:var(--color-text);margin-bottom:var(--space-1);font-weight:600}.contact-form--success p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:360px;margin-bottom:var(--space-4);line-height:var(--leading-normal)}.contact-form--success .btn{align-self:center}.contact-form__field{gap:var(--space-2);flex-direction:column;display:flex}.contact-form__label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.contact-form__input{background:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-lg);color:var(--color-text);transition:border-color var(--duration-hover) var(--ease),background-color var(--duration-hover) var(--ease),box-shadow var(--duration-hover) var(--ease);outline:none;padding:12px 14px}.contact-form__input::placeholder{color:var(--color-text-dim)}.contact-form__input:hover{border-color:var(--color-border-strong)}.contact-form__input:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 var(--border-width-accent) var(--color-accent-soft)}.contact-form__input--textarea{resize:vertical;min-height:120px;font-family:inherit;line-height:var(--leading-relaxed)}.contact-form__input.has-error{border-color:var(--color-error);background:var(--color-error-soft)}.contact-form__input.has-error:focus{box-shadow:0 0 0 var(--border-width-accent) rgb(var(--color-error-rgb)/.15)}.contact-form__error{font-size:var(--font-size-sm);color:var(--color-error)}.contact-form__success-icon{background:var(--gradient-accent);width:56px;height:56px;color:var(--color-white);margin-bottom:var(--space-3);box-shadow:0 var(--space-2) 20px -8px var(--color-shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}
.contact{z-index:2;position:relative}.contact__lede{text-align:center;color:var(--color-text-muted);max-width:560px;margin:0 auto var(--space-7);font-size:17px;line-height:var(--leading-loose)}.contact__wrap{max-width:640px;margin:0 auto}.contact__direct{text-align:center;font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-5)}.contact__email{background:var(--gradient-accent);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.contact__email:hover{text-decoration:underline}