.page-contact .contact{padding-block:2rem 4rem}.page-contact .contact__inner{max-width:70ch}.page-contact .crumbs{margin:0 0 1.5rem}.page-contact .crumbs__list{color:var(--muted);flex-wrap:wrap;gap:.35rem .5rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.page-contact .crumbs__list li:not(:last-child):after{content:"/";color:color-mix(in srgb, var(--muted) 70%, transparent);margin-left:.5rem}.page-contact .crumbs__list a{color:var(--violet);font-weight:600;text-decoration:none}.page-contact .crumbs__list a:hover,.page-contact .crumbs__list a:focus-visible{text-decoration:underline}.page-contact h1{letter-spacing:-.02em;margin:0 0 .85rem;font-size:clamp(1.85rem,4vw,2.45rem);line-height:1.15}.page-contact h2{letter-spacing:-.01em;margin:2rem 0 .85rem;font-size:1.25rem}.page-contact .contact__intro{color:color-mix(in srgb, var(--fg) 88%, transparent);margin:0 0 .5rem;font-size:1.02rem;line-height:1.7}.page-contact .contact__intro a{color:var(--violet);font-weight:600}.page-contact .contact-methods{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.page-contact .contact-method{grid-template-columns:auto 1fr;align-items:start;gap:.85rem;display:grid}.page-contact .contact-method__icon{background:var(--surface);width:44px;height:44px;color:var(--violet);border:1px solid color-mix(in srgb, var(--violet) 35%, transparent);box-shadow:0 0 20px color-mix(in srgb, var(--violet) 22%, transparent);border-radius:10px;place-items:center;display:grid}.page-contact .contact-method__label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem;font-size:.82rem;font-weight:700;display:block}.page-contact .contact-method__value{color:var(--fg);word-break:break-word;font-weight:600;text-decoration:none}.page-contact .contact-method__value:hover,.page-contact .contact-method__value:focus-visible{color:var(--violet)}.page-contact .contact__response{color:var(--muted);margin:1rem 0 0;font-size:.95rem;line-height:1.5}.page-contact .contact-form{border:0;gap:.95rem;min-width:0;margin:0;padding:0;display:grid}.page-contact .contact-form--disabled{opacity:.55;pointer-events:none}.page-contact .field{gap:.35rem;display:grid}.page-contact .field label{font-size:.95rem;font-weight:600}.page-contact .field input,.page-contact .field textarea{border:1px solid color-mix(in srgb, var(--fg) 16%, transparent);background:var(--surface);width:100%;min-height:48px;color:var(--fg);font:inherit;border-radius:10px;padding:.7rem .85rem;line-height:1.4}.page-contact .field textarea{resize:vertical;min-height:9rem}.page-contact .field input:focus-visible,.page-contact .field textarea:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.page-contact .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.page-contact .contact-form__submit{justify-self:start;width:auto;min-width:min(100%,14rem)}.page-contact .form-pending p{color:var(--muted);margin:0 0 1rem;line-height:1.55}.page-contact .form-pending a{color:var(--violet);font-weight:600}.page-contact .form-status{margin:.25rem 0 0;font-size:.95rem;line-height:1.45}.page-contact .form-status--ok{color:var(--green)}.page-contact .form-status--error{color:var(--red)}.page-contact .operator-note{border:1px solid color-mix(in srgb, var(--muted) 28%, transparent);background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:12px;margin-top:2.25rem;padding:1rem 1.1rem}.page-contact .operator-note p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.55}.page-contact .operator-note a{color:var(--violet);font-weight:600}
