.contact{background:var(--ink);color:var(--bone);z-index:1;isolation:isolate;min-height:100lvh;padding:140px 0 80px;position:relative}.contact:before{content:"";z-index:-1;opacity:.65;pointer-events:none;background-image:linear-gradient(90deg,#14121259 0%,#141212bf 60%,#141212eb 100%),url(/assets/photography/contact-workbench.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.contact__done-char{opacity:0;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards mls-landed-drop;display:inline-block;transform:translateY(-30px)}@keyframes mls-landed-drop{0%{opacity:0;transform:translateY(-30px)}60%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.contact__done-char{opacity:1;animation:none;transform:none}}.contact__head,.contact__grid{max-width:none;margin:0;padding:0 max(32px,6vw)}.contact__head{margin-bottom:64px}.contact__h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:16px 0 28px;font-size:clamp(48px,5.6vw,112px);line-height:.92}.contact__lede{max-width:56ch;color:var(--bone-2,var(--bone));font-size:clamp(17px,1.2vw,20px);line-height:1.5}.contact__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:64px;display:grid}.contact__h2{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:12px 0 20px;font-size:clamp(32px,3.6vw,56px);line-height:1}.contact__primary{flex-direction:column;gap:16px;display:flex}.contact__body{color:var(--bone-2,var(--bone));max-width:42ch;margin:0 0 8px;font-size:15px;line-height:1.6}.contact__direct{border-top:1px solid #f4ede11f;margin-top:32px;padding-top:32px}.contact__direct p{margin:8px 0 0;font-size:15px}.contact__direct a{color:var(--amber);border-bottom:1px solid;padding:6px 4px;text-decoration:none;display:inline-block}.contact__direct a:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:2px}.contact__direct-note{color:var(--bone-3,var(--bone));margin-top:8px!important;font-size:16px!important}.contact__form-wrap{background:#f4ede108;border:1px solid #f4ede11f;border-radius:6px;padding:32px}.contact__form{flex-direction:column;gap:16px;margin-top:8px;display:flex}.contact__form label{flex-direction:column;gap:6px;font-size:16px;display:flex}.contact__form label span{font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;color:var(--bone-3,var(--bone));font-size:16px}.contact__form input,.contact__form textarea{color:var(--bone);font:inherit;background:#14121266;border:1px solid #f4ede126;border-radius:4px;padding:11px 14px;font-size:17px;line-height:1.5}.contact__form textarea{resize:vertical;min-height:140px}.contact__form input:focus,.contact__form textarea:focus{border-color:var(--amber);outline:none}.contact__submit{background:var(--amber);color:var(--ink);font-family:var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;margin-top:8px;padding:14px 20px;font-size:15px;transition:background .12s}.contact__submit:hover{background:var(--amber-bright,var(--amber))}.contact__submit:disabled{opacity:.5;cursor:progress}.contact__err{color:#f4a47b;margin:4px 0 0;font-size:16px}.contact__done{padding:12px 0}.contact__done-h{font-family:var(--font-display);color:var(--amber);margin:0 0 12px;font-size:clamp(22px,2vw,30px)}.contact__done p{margin:0;font-size:15px;line-height:1.55}.contact__done code{font-family:var(--font-pixel);color:var(--amber);font-size:15px}@media (max-width:1280px){.contact{padding:110px 0 64px}.contact__head,.contact__grid{padding:0 max(28px,4vw)}.contact__head{margin-bottom:48px}.contact__h1{font-size:clamp(40px,4.6vw,80px)}.contact__h2{font-size:clamp(26px,3vw,44px)}.contact__grid{gap:40px}.contact__form-wrap{padding:24px}}@media (max-width:800px){.contact{padding:100px 0 60px}.contact__head,.contact__grid{padding:0 24px}.contact__grid{grid-template-columns:1fr;gap:40px}.contact__form-wrap{padding:24px}}