.contact{gap:var(--space-6);grid-template-columns:auto 1fr;align-items:center;display:grid}.contact__player{padding-top:var(--space-6)}.contact__menu{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.contact__menu a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);color:var(--color-black);background:var(--color-white);border:var(--border);box-shadow:var(--shadow);text-decoration:none;display:flex;position:relative}.contact__menu a:before{content:"▶";top:var(--space-2);left:var(--space-1);visibility:hidden;position:absolute}.contact__menu a:hover,.contact__menu a:focus-visible{box-shadow:var(--shadow-pressed);transform:translate(4px,4px)}.contact__menu a:hover:before,.contact__menu a:focus-visible:before{visibility:visible}.contact__icon{width:36px;height:36px;transition:translate .15s steps(2,end)}.contact__menu a:hover .contact__icon{translate:0 -2px}.contact__text{flex-direction:column;gap:4px;min-width:0;display:flex}.contact__label{font-family:var(--font-pixel);font-size:var(--text-sm);text-transform:uppercase}.contact__handle{font-size:var(--text-sm);color:var(--color-gray-500);overflow-wrap:anywhere}.contact__form-window{margin-top:var(--space-6)}.contact__form{gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.contact__form label{flex-direction:column;gap:6px;display:flex}.contact__form label>span{font-family:var(--font-pixel);text-transform:uppercase;color:var(--color-gray-600);font-size:10px}.contact__form-wide{grid-column:1/-1}.contact__form input,.contact__form select,.contact__form textarea{width:100%;padding:var(--space-1);font:inherit;color:var(--color-black);background:var(--color-surface);border:var(--border-thin);border-radius:var(--radius)}.contact__form textarea{resize:vertical}.contact__form input:focus-visible,.contact__form select:focus-visible,.contact__form textarea:focus-visible{background:var(--color-white);outline:2px solid var(--color-black);outline-offset:2px}.contact__form-foot{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.contact__send{padding:var(--space-1) var(--space-3);font-family:var(--font-pixel);font-size:var(--text-sm);text-transform:uppercase;color:var(--color-white);background:var(--color-black);box-shadow:4px 4px 0 var(--color-gray-400);cursor:pointer;border:0;transition:translate .15s steps(2,end),box-shadow .15s steps(2,end)}@media (hover:hover){.contact__send:hover{box-shadow:6px 6px 0 var(--color-gray-400);translate:-2px -2px}}.contact__send:active{box-shadow:var(--shadow-pressed);translate:2px 2px}.contact__send:focus-visible{outline:2px solid var(--color-black);outline-offset:3px}.contact__status{min-width:200px;font-size:var(--text-sm);color:var(--color-gray-600);flex:1;margin:0}@media (width<=720px){.contact{grid-template-columns:1fr;justify-items:center}.contact__menu{width:100%}.contact__form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact__send{transition:none}}