.contact-intro{margin-bottom:var(--spacing-8)}.thread{--face:2rem;--gutter:calc(var(--face) + var(--spacing-12));flex-direction:column;height:clamp(16rem,100svh - 31.5rem,36rem);display:flex}@media (width<=30em){.thread{--face:1.75rem;--gutter:calc(var(--face) + var(--spacing-8));height:clamp(28rem,100svh - 5rem,36rem)}.contact .lines .line{max-width:100%}}@media (height<=34rem){.thread{height:calc(100svh - 3rem)}}.contact .chat{gap:var(--spacing-16);min-height:0;padding:var(--spacing-24) 0 var(--spacing-16);scrollbar-width:none;mask-image:linear-gradient(transparent, #000 var(--spacing-24), #000 calc(100% - var(--spacing-16)), transparent);flex-direction:column;flex:1;display:flex;overflow-y:auto}.contact .chat::-webkit-scrollbar{display:none}.contact .chat:focus-visible{outline:2px solid var(--color-ink);outline-offset:-2px}@media (scripting:enabled){.contact .chat:not(.live)>.ramin:first-child{visibility:hidden}}.contact .ramin{grid-template-columns:var(--face) minmax(0, 1fr);gap:calc(var(--gutter) - var(--face));align-items:start;display:grid}.contact .lines{justify-items:start;gap:var(--spacing-6);min-width:0;display:grid}.contact .avatar{width:var(--face);height:var(--face);margin-top:calc((2.625rem - var(--face)) / 2);border-radius:50%}.contact .avatar.initial{border:1px solid var(--color-rule);color:var(--color-ink);place-items:center;font-size:.875rem;display:grid}.contact .line,.contact .bubble{max-width:85%;padding:var(--spacing-8) var(--spacing-12);overflow-wrap:anywhere;text-wrap:pretty;margin:0}.contact .line{border:1px solid var(--color-rule);background:var(--color-page)}.contact .line:focus{outline:none}@media (prefers-reduced-motion:no-preference){.contact .arrive>.avatar,.contact .arrive>.lines>*{animation:contact-arrive .3s var(--ease-out) both}.contact .arrive>.lines>:first-child{animation-delay:80ms}.contact .arrive>.lines>:nth-child(2){animation-delay:.16s}.contact .arrive>.lines>:nth-child(n+3){animation-delay:.24s}}@keyframes contact-arrive{0%{opacity:0;transform:translateY(6px)}}.contact .you{align-self:flex-end}.contact .bubble{background:var(--color-gray-alpha-100);color:var(--color-ink);font:inherit;text-align:start;white-space:pre-wrap;cursor:pointer;transition:background .16s var(--ease-out), box-shadow .16s var(--ease-out);border:0}.contact .bubble[data-hovered]{background:var(--color-gray-alpha-200)}.contact .bubble[data-disabled]{cursor:default}.contact .changing,.contact .bubble[data-focus-visible]{box-shadow:inset 0 0 0 1px var(--color-ink);outline:none}.contact .line a{color:var(--color-ink);text-underline-offset:.2em;text-decoration:underline 1px}.contact .letter{gap:var(--spacing-16);width:100%;padding:var(--spacing-16);border:1px solid var(--color-rule);background:var(--color-page);color:var(--color-ink);display:grid}.contact .letter dl{gap:var(--spacing-8) var(--spacing-16);padding-bottom:var(--spacing-16);border-bottom:1px solid var(--color-rule);grid-template-columns:auto 1fr;margin:0;display:grid}.contact .letter dl div{display:contents}.contact .letter dt{padding-top:var(--spacing-4);color:var(--color-ink-muted)}.contact .letter dd{overflow-wrap:anywhere;min-width:0;margin:0}.contact .body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.contact .ps{gap:var(--spacing-8);color:var(--color-ink-muted);display:grid}.contact .ps .body{color:var(--color-ink)}.contact .actions{margin-top:calc(-1 * var(--spacing-8));padding-left:var(--gutter);display:flex}.contact .button,.contact .go{background:var(--color-ink);color:var(--color-page);cursor:pointer;transition:opacity .16s var(--ease-out);border:0;border-radius:0}.contact .button{padding:var(--spacing-12) var(--spacing-20)}.contact .button[data-disabled]{cursor:default;opacity:.55}.contact .check{color:var(--color-terminal-green,currentColor)}.contact .composer{margin-left:var(--gutter)}.contact .editing{margin:0 0 var(--spacing-8);color:var(--color-ink-muted);justify-content:space-between;align-items:baseline;display:flex}.contact .cancel{color:var(--color-ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;margin:-.75rem 0;padding:.75rem 0}.contact .cancel[data-hovered]{color:var(--color-ink)}.contact .field{background:var(--color-gray-alpha-100);transition:box-shadow .16s var(--ease-out);align-items:flex-end;display:flex}.contact .field:focus-within{box-shadow:inset 0 0 0 1px var(--color-ink)}.contact .composer-text{flex:1;min-width:0;display:flex}.contact .composer-text :is(input,textarea){min-width:0;padding:var(--spacing-12);color:var(--color-ink);font:inherit;background:0 0;border:0;border-radius:0;outline:none;flex:1;margin:0}.contact .composer-text textarea{resize:none;max-height:13.5rem}.contact .composer-text ::placeholder{color:var(--color-ink-muted);opacity:1}.contact .go{flex:none;place-items:center;width:3rem;height:3rem;display:grid}.contact .go[data-disabled]{color:var(--color-ink-muted);cursor:default;background:0 0}.contact .trap{position:absolute;left:-9999px}.contact-footer{margin-top:var(--spacing-40)}.contact-footer h2{margin:0}.contact .address{gap:var(--spacing-8);margin-top:var(--spacing-12);align-items:center;display:flex}.contact .email{overflow-wrap:anywhere;min-width:0;margin:0}.contact .copy-email{color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}.contact .copy-email:after{content:"";position:absolute;inset:-.75rem}.contact .copy-email[data-hovered]{color:var(--color-ink)}.contact .copy-email.done{color:var(--color-terminal-green,var(--color-ink))}.contact .ask-claude{margin-top:var(--spacing-40)}.contact .prompt{gap:var(--spacing-8);margin-top:var(--spacing-12);padding:var(--spacing-12);border:1px solid var(--color-rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.contact .prompt code{overflow-wrap:anywhere;flex:16rem}.contact .note{margin:var(--spacing-4) 0 0}.contact .copy{min-width:5em;height:1.375rem;padding:0 var(--spacing-8);border:1px solid var(--color-rule);background:var(--color-page);color:var(--color-ink-muted);cursor:pointer;border-radius:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.contact .copy:after{content:"";position:absolute;inset:-.75rem 0}.contact .copy[data-hovered]{color:var(--color-ink)}.contact :is(.bubble,.go,.button,.cancel,.copy,.copy-email)[data-pressed]{opacity:.55}.contact :is(.go,.button,.cancel,.copy,.copy-email)[data-focus-visible]{outline:2px solid var(--color-ink);outline-offset:2px}.contact .worked-with{margin-top:var(--spacing-40)}.contact .worked-with ul{gap:var(--spacing-8) var(--spacing-24);margin:var(--spacing-12) 0 0;color:var(--color-ink);flex-wrap:wrap;padding:0;list-style:none;display:flex}@media (scripting:none){.contact .composer{display:none}}.contact .rock{vertical-align:-.35em;width:auto;height:1.6em;margin-right:.35em;display:inline-block}:root[data-theme=dark] .contact :is(img.avatar,.rock){filter:drop-shadow(0 0 .6px var(--color-ink)) drop-shadow(0 0 .6px var(--color-ink))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .contact :is(img.avatar,.rock){filter:drop-shadow(0 0 .6px var(--color-ink)) drop-shadow(0 0 .6px var(--color-ink))}}