/* Contact follows the shared SKANDIK homepage identity. */
.contact-page h1{font-size:clamp(38px,4.6vw,68px);max-width:13ch}
.contact-page main h2{font-size:clamp(27px,2.6vw,40px)}
.contact-page main p{color:var(--muted);max-width:58ch;margin:24px 0 0}
.contact-intro,.contact-channels,.contact-visit{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,6vw,100px)}
.contact-intro{padding-top:64px;padding-bottom:80px;align-items:center}
.contact-page main .contact-call h2{font-family:var(--body-font,Manrope),sans-serif;font-size:20px;letter-spacing:normal;font-weight:600;margin:0 0 16px;color:var(--muted)}
.contact-number{display:block;width:fit-content;font-size:clamp(26px,2.5vw,40px);font-weight:600;line-height:1.35;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;font-variant-numeric:tabular-nums}
.contact-call .button{margin-top:28px}
.contact-hero-social{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.contact-hero-social a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 20px;border:1px solid var(--line);border-radius:5px;color:var(--ink);text-decoration:none}
@media(hover:hover){.contact-hero-social a:hover{color:var(--accent-light);background:var(--surface)}}
.contact-channels{background:var(--surface);align-items:center;padding-block:56px}
.contact-email{display:flex;align-items:center;gap:20px;width:fit-content;font-size:clamp(20px,2vw,30px);font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.contact-email svg{flex-shrink:0}
.contact-networks{display:flex;gap:36px;flex-wrap:wrap;margin-top:28px}
.contact-visit{padding-block:80px;align-items:start}
.contact-visit address{font-style:normal;font-size:20px;line-height:1.75;margin-top:28px}
.contact-visit .button{margin-top:28px}
.contact-tools{display:flex;align-items:flex-start;flex-direction:column;gap:22px;margin-top:28px}
.contact-cooperation{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:40px;border-top:1px solid var(--line)}
.contact-page main .contact-cooperation h2{font-family:var(--body-font,Manrope),sans-serif;font-size:24px;font-weight:600;letter-spacing:-.02em}
.contact-page .text-link{white-space:normal}
.contact-page .text-link svg{flex-shrink:0}
.contact-intro>*,.contact-channels>*,.contact-visit>*{min-width:0}
.contact-page h1{overflow-wrap:anywhere;hyphens:auto}
@media(hover:hover){.contact-number:hover,.contact-email:hover{color:var(--accent-light)}}
@media(max-width:900px){.contact-intro,.contact-channels,.contact-visit{grid-template-columns:1fr;gap:40px}.contact-intro{padding-top:40px;padding-bottom:56px}.contact-page h1{max-width:16ch}.contact-channels,.contact-visit{padding-block:56px}.contact-cooperation{flex-direction:column;align-items:flex-start;gap:20px}}
@media(max-width:480px){.contact-page h1{font-size:38px}.contact-call .button,.contact-visit .button{width:100%;justify-content:space-between}.contact-email{font-size:20px;gap:12px}.contact-networks{gap:28px}.contact-intro,.contact-channels,.contact-visit{gap:32px}.contact-page main p{margin-top:20px}.contact-visit address{font-size:18px}}
