.contact-page{grid-template-areas:"intro""photo""form";gap:1.75rem;max-inline-size:38rem;margin-inline:auto;padding:2.75rem 1.5rem 4rem;display:grid}.contact-intro{grid-area:intro}.contact-intro h1{margin-block-end:1rem}.contact-intro>p{max-inline-size:29rem;color:hsl(var(--muted-foreground));text-wrap:pretty}.contact-image{object-fit:cover;object-position:center 47%;border-radius:var(--radius-marketing);grid-area:photo;block-size:15rem;inline-size:100%;display:block}.contact-content{grid-area:form;min-inline-size:0}.contact-form fieldset{gap:1.25rem;min-inline-size:0;display:grid}.contact-field{gap:.5rem;display:grid}.contact-field label{font-size:1rem}.contact-field textarea{min-block-size:9rem}.contact-honeypot{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.contact-privacy{max-inline-size:28rem;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5}.contact-privacy a{color:hsl(var(--foreground));text-underline-offset:.2em;text-decoration:underline}.contact-submit{justify-content:center;align-items:center;gap:.75rem;inline-size:100%;display:inline-flex}.contact-submit:disabled{cursor:wait;opacity:.7}.contact-error{background:hsl(var(--destructive) / .06);color:hsl(var(--destructive));border-radius:.75rem;padding:.875rem 1rem;font-size:.9375rem}.contact-success{justify-items:start;gap:1rem;padding-block:1rem 2rem;display:grid}.contact-success>p{max-inline-size:25rem;color:hsl(var(--muted-foreground))}.contact-success-icon{background:hsl(var(--highlight));block-size:3.5rem;inline-size:3.5rem;color:hsl(var(--primary));border-radius:50%;place-items:center;margin-block-end:.5rem;display:grid}.contact-success .marketing-button{margin-block-start:.5rem}.contact-spinner{animation:1s linear infinite contact-spin}@keyframes contact-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.contact-spinner{animation:none}}@media (width>=56rem){.contact-page{grid-template:"photo intro""photo form"1fr/minmax(0,1fr) minmax(0,1fr);gap:2rem clamp(2.5rem,5vw,5rem);max-inline-size:76rem;padding:4rem 2.5rem 6rem}.contact-intro{padding-block-start:.75rem}.contact-intro h1{font-size:clamp(2.5rem,4vw,3.5rem)}.contact-image{object-position:32% center;block-size:100%;min-block-size:40rem}}