@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap");.mti-page { --ink: #0b0b0a; --paper: #fbf7ef; --paper-raised: #fffdf8; --brass: #ad8a42; --brass-deep: #7c5f28; --brass-soft: rgba(173, 138, 66, 0.14); --slate: #57534a; --hair: rgba(11, 11, 10, 0.14); --serif: "Fraunces", Georgia, serif; --sans: "Inter", system-ui, -apple-system, sans-serif; --mono: "IBM Plex Mono", ui-monospace, monospace; --max: 720px;background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.6; }.mti-page, .mti-page * { box-sizing: border-box; }.mti-wrap { width: min(var(--max), calc(100% - 32px)); margin: 0 auto; padding: 56px 0; }.mti-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--brass); font-family: var(--mono); font-size: 0.74rem; letter-spacing: 0.16em; text-transform: uppercase; }.mti-eyebrow::before { content: ""; width: 22px; height: 1px; background: var(--brass); }.mti-wrap h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.6rem, 3.4vw, 2.3rem); line-height: 1.15; margin: 12px 0 10px; color: var(--ink); }.mti-lede { color: var(--slate); margin: 0 0 34px; }.mti-form { background: var(--paper-raised); border: 1px solid var(--brass); padding: 34px; }.mti-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }.mti-field { margin-bottom: 20px; }.mti-field label { display: block; font-family: var(--mono); font-size: 0.76rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--slate); margin-bottom: 7px; }.mti-field .mti-hint { display: block; font-family: var(--sans); text-transform: none; letter-spacing: normal; font-size: 0.85rem; color: var(--slate); margin-top: 4px; }.mti-field input[type="text"], .mti-field input[type="email"], .mti-field input[type="tel"], .mti-field input[type="url"], .mti-field select, .mti-field textarea { width: 100%; border: none; border-bottom: 1px solid var(--hair); background: transparent; padding: 10px 2px; font-family: var(--sans); font-size: 1rem; color: var(--ink); }.mti-field textarea { resize: vertical; min-height: 84px; border: 1px solid var(--hair); padding: 10px; }.mti-field input:focus, .mti-field select:focus, .mti-field textarea:focus { outline: none; border-color: var(--brass); }.mti-radio-group { display: flex; flex-wrap: wrap; gap: 18px; padding-top: 4px; }.mti-radio-group label { display: flex; align-items: center; gap: 7px; font-family: var(--sans); font-size: 0.94rem; text-transform: none; letter-spacing: normal; color: var(--ink); }.mti-radio-group input { accent-color: var(--brass-deep); }.mti-submit { margin-top: 8px; width: 100%; min-height: 50px; background: var(--brass); color: var(--ink); border: none; font-weight: 600; font-size: 0.98rem; cursor: pointer; transition: background 160ms ease; }.mti-submit:hover { background: var(--brass-deep); color: var(--paper); }.mti-submit:disabled { opacity: 0.6; cursor: not-allowed; }.mti-note { font-size: 0.82rem; color: var(--slate); margin-top: 14px; }.mti-success { display: none; background: var(--ink); color: var(--paper); padding: 58px 34px; text-align: center; border-top: 4px solid var(--brass); box-shadow: 0 24px 60px rgba(11, 11, 10, 0.28); scroll-margin-top: 110px; opacity: 0; transform: translateY(10px); transition: opacity 480ms ease, transform 480ms ease; }.mti-success.mti-visible { opacity: 1; transform: translateY(0); }.mti-success-icon { width: 78px; height: 78px; border-radius: 50%; background: var(--brass); color: var(--ink); font-size: 2.3rem; font-weight: 900; display: grid; place-items: center; margin: 0 auto 26px; box-shadow: 0 0 0 6px var(--brass-soft); }.mti-success h2 { font-family: var(--serif); font-weight: 600; font-size: clamp(2.4rem, 5.5vw, 3.6rem); line-height: 1.1; margin: 0 0 18px; color: var(--paper); }.mti-success p { color: rgba(251, 247, 239, 0.85); margin: 0 auto 8px; max-width: 560px; font-size: clamp(1.3rem, 2.6vw, 1.9rem); line-height: 1.4; }.mti-success-sub { font-size: 1.05rem; margin-top: 26px !important; padding-top: 22px; border-top: 1px solid rgba(251, 247, 239, 0.16); display: inline-block; }.mti-success-sub a { color: var(--brass); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }.mti-error { display: none; margin-top: 14px; color: #a12f25; font-size: 0.9rem; }@media (max-width: 560px) { .mti-row { grid-template-columns: 1fr; } .mti-form, .mti-success { padding: 24px; } }(function () { var ZAPIER_WEBHOOK_URL = "https://hooks.zapier.com/hooks/catch/27107106/44x2csf/";var form = document.getElementById("mti-form"); var successBlock = document.getElementById("mti-success"); var errorBlock = document.getElementById("mti-error"); var submitBtn = document.getElementById("mti-submit-btn");form.addEventListener("submit", function (e) { e.preventDefault(); errorBlock.style.display = "none"; submitBtn.disabled = true; submitBtn.textContent = "Sending...";var data = Object.fromEntries(new FormData(form).entries()); data.submitted_at = new Date().toISOString();fetch(ZAPIER_WEBHOOK_URL, { method: "POST", mode: "no-cors", headers: { "Content-Type": "application/json" }, body: JSON.stringify(data) }) .then(function () { document.getElementById("mti-intro").style.display = "none"; form.style.display = "none"; successBlock.style.display = "block"; successBlock.scrollIntoView({ behavior: "smooth", block: "start" }); successBlock.focus(); requestAnimationFrame(function () { successBlock.classList.add("mti-visible"); }); }) .catch(function () { errorBlock.style.display = "block"; submitBtn.disabled = false; submitBtn.textContent = "Submit Intake"; }); }); })();