.contact-shell{display:flex;flex-direction:column;min-height:100svh}.contact-shell[data-state=form]{--ink:#14161a;--muted:#4a4436;--line:rgba(20,22,26,0.3);--paper:#fffdf5;--accent:#2340e8;--g0:rgba(20,22,26,0.12);background:#ffc21a;color:var(--ink)}.contact-shell[data-state=sent]{--ink:#fff;--muted:#d6dcff;--line:rgba(255,255,255,0.45);--paper:#2340e8;--accent:#fff;--g0:rgba(255,255,255,0.18);background:#2340e8;color:var(--ink)}.contact-shell .top[data-over=cobalt]{color:#fff}.contact-shell .foot{margin-top:auto}.contact-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:center;flex:1 1;width:100%;padding:clamp(24px,4vw,56px) var(--gutter)}.contact-page h1{font-family:var(--font-display),system-ui,sans-serif;font-size:min(10vw,17vh);font-weight:800;letter-spacing:-.04em;line-height:.9;text-transform:uppercase}.contact-lede{margin-top:18px;max-width:26em;text-wrap:balance;font-size:clamp(19px,1.9vw,26px);line-height:1.25}.contact-bot{width:clamp(130px,16vw,230px);margin-top:clamp(16px,2.4vw,32px);rotate:-5deg}.contact-bot[data-mood=working]{width:clamp(180px,28vw,380px);margin:0 auto;animation:hop .9s cubic-bezier(.3,0,.3,1) 3 both}@keyframes hop{0%,to{translate:0 0;rotate:-6deg}50%{translate:0 -12%;rotate:5deg}}.contact-form{display:grid;grid-gap:16px;gap:16px;padding:clamp(18px,2.4vw,30px);background:#fffdf5;border:3px solid #14161a;border-radius:14px;box-shadow:6px 6px 0 #14161a}.contact-form label{display:grid;grid-gap:6px;gap:6px;font-size:15px;font-weight:600}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:11px 12px;border:2px solid #14161a;border-radius:8px;background:#fff;color:#14161a;font:inherit;font-weight:400}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:3px solid #2340e8;outline-offset:1px}.contact-form textarea{min-height:130px;resize:vertical}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-error{color:#b71c1c;font-size:15px;font-weight:600}.contact-note{color:#5d6068;font-size:13px}.contact-send{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:12px 20px;font-size:16px;font-weight:700;cursor:pointer}.contact-send:disabled{opacity:.7;cursor:progress}.contact-spinner{width:14px;height:14px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:contact-spin .7s linear infinite}@keyframes contact-spin{to{rotate:1turn}}.contact-done,.contact-done .contact-page{align-items:center}.contact-wait{margin-top:18px}.contact-wait .idle{display:inline-block;margin-left:0;padding:7px 12px;border:2px solid var(--line);border-radius:8px;font-size:15px}.contact-done .actions{margin-top:22px}@media (max-width:760px){.contact-page{grid-template-columns:minmax(0,1fr);align-content:start}.contact-page h1{font-size:17vw}.contact-copy{position:relative}.contact-shell[data-state=form] .contact-bot{position:absolute;right:0;bottom:100%;margin:0;width:66px}.contact-shell[data-state=form] .contact-copy{padding-top:40px}.contact-bot[data-mood=working]{order:-1;width:42vw;margin:0}}@media (prefers-reduced-motion:reduce){.contact-bot[data-mood=working],.contact-spinner{animation:none}}.contact-shell[data-state=sent] .robot rect[fill="#2340e8"]{fill:#ffc21a}