@layer components{.contact-frame{min-width:0}.contact-intro{justify-items:center;gap:var(--space-6);padding:var(--space-14) 0;text-align:center;display:grid}.contact-lead{max-width:44ch;color:var(--muted);font-size:18px;line-height:1.7}.contact-layout{gap:var(--space-6);padding-bottom:var(--space-14);display:grid}.contact-aside{gap:var(--space-6);align-content:start;min-width:0;display:grid}.contact-panel{min-width:0;padding:var(--space-5);border:var(--hairline) solid var(--line);background:var(--bg)}.contact-panel-title{margin-bottom:var(--space-3)}.contact-panel-divider{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--hairline) solid var(--line)}.contact-panel-head{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.contact-icon{width:var(--control-height-sm);height:var(--control-height-sm);border:var(--hairline) solid var(--line-strong);background:var(--bg-sunken);color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);display:flex}.contact-row{align-items:center;gap:var(--space-3);min-height:var(--control-height);padding:var(--space-2);transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex}.contact-row-text{gap:var(--space-1);flex:1;min-width:0;display:grid}.contact-row-value{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.contact-row-arrow{color:var(--muted);transition:color .15s cubic-bezier(.4,0,.2,1)}a.contact-row:hover{background:var(--bg-raised)}a.contact-row:hover .contact-icon{border-color:var(--hover);color:var(--hover)}a.contact-row:hover .contact-row-arrow{color:var(--hover)}.contact-form{gap:var(--space-5);display:grid}.contact-field{gap:var(--space-2);min-width:0;display:grid}.contact-control{border:var(--hairline) solid var(--line-strong);background:var(--bg-sunken);transition:border-color .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.contact-control>svg{top:16px;left:var(--space-4);color:var(--muted);pointer-events:none;position:absolute}.contact-control:focus-within{border-color:var(--ink)}.contact-control input,.contact-control textarea{width:100%;min-height:var(--control-height);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) * 2 + 16px);color:var(--ink);background:0 0}.contact-control textarea{resize:vertical;line-height:1.6}.contact-control input:focus-visible,.contact-control textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.contact-hint{margin-top:var(--space-3);color:var(--muted);font-size:14px;line-height:1.6}@media (min-width:40rem){.contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-field-subject,.contact-field-message,.contact-submit{grid-column:1/-1}}@media (min-width:64rem){.contact-intro{padding:var(--space-20) var(--space-5)}.contact-layout{gap:var(--space-10);padding:0 var(--space-5) var(--space-20);grid-template-columns:2fr 3fr}.contact-panel{padding:var(--space-6)}.contact-form-panel{padding:var(--space-10)}}}