.contact{padding:10px 0 40px}.contact__banner{align-items:center;display:grid;gap:22px;grid-template-columns:1.35fr minmax(300px,1fr);padding:10px 0 30px}.contact__banner-content{display:flex;flex-direction:column;gap:16px;line-height:1}.contact__kicker{font-size:clamp(18px,4vw,32px);font-weight:400}.contact__title{font-size:clamp(30px,6vw,48px);font-weight:800}.contact__subtitle{font-size:clamp(14px,4vw,20px);line-height:1.4}.contact__banner-media{display:grid;place-items:center end}.contact__banner-avatar{display:block;height:auto;-o-object-fit:contain;object-fit:contain;width:100%}.contact__grid{align-items:start;display:grid;gap:16px;grid-template-columns:1fr 360px}.contact__card{background:var(--color-light);border-radius:var(--border-radius-main);filter:drop-shadow(0 8px 30px rgba(0,0,0,.06));padding:18px}.contact__card--qr{display:grid;gap:12px;justify-items:start}.contact__card-title{color:var(--color-5);font-size:clamp(18px,4vw,24px);letter-spacing:-.01em;margin:0}.contact__hint{color:#0d0d0db3;font-size:14px;line-height:1.45;margin:0}.contact__list{display:grid;gap:12px;list-style:none;margin:14px 0 0;padding:0}.contact__list-item{align-items:baseline;display:grid;gap:10px;grid-template-columns:110px 1fr}.contact__key{color:#0d0d0d99}.contact__key,.contact__value-link{font-size:clamp(14px,4vw,18px);font-weight:500}.contact__value-link{color:#0d0d0de6;text-decoration:none}.contact__value-link:hover{text-decoration:underline}.contact__qr{background:#0d0d0d08;border:1px solid hsla(0,0%,5%,.08);border-radius:14px;padding:10px;width:240px}.contact__qr-image{background:var(--color-light);border-radius:10px;display:block;height:220px;width:220px}.contact__button{align-items:center;background:var(--color-5);border-radius:12px;color:var(--color-light);display:inline-flex;font-weight:700;height:40px;justify-content:center;padding:0 14px;text-decoration:none;transition:transform 80ms ease,opacity .14s ease}.contact__button:hover{opacity:.92}.contact__button:active{transform:translateY(1px)}@media(max-width:820px){.contact__grid{grid-template-columns:1fr}.contact__qr{max-width:260px;width:100%}}@media(max-width:720px){.contact__banner{grid-template-columns:1fr;padding:6px 0 14px}.contact__banner-media{margin-top:4px;order:2;place-items:center}.contact__card{padding:16px}.contact__list-item{gap:4px}.contact__qr{max-width:240px;padding:8px}.contact__qr-image{aspect-ratio:1/1;height:auto;width:100%}}