/* Direct, personal contact in the existing Soft Studio palette. */
.contact-page { gap:clamp(40px,7vw,95px) }
.contact-whatsapp {
    display:flex;
    align-items:center;
    gap:18px;
    margin-top:32px;
    padding:22px;
    border:1px solid color-mix(in srgb,var(--lavender),var(--line) 45%);
    border-radius:25px;
    background:var(--lilac);
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease
}
.contact-whatsapp:hover {
    transform:translateY(-3px);
    border-color:var(--lavender);
    box-shadow:0 12px 28px color-mix(in srgb,var(--ink),transparent 95%)
}
.contact-channel-icon {
    display:grid;
    place-items:center;
    flex:0 0 53px;
    height:53px;
    border-radius:18px;
    background:var(--surface);
    transform:rotate(-6deg)
}
.contact-channel-icon .icon { width:29px;height:29px;transform:rotate(6deg) }
.contact-whatsapp>span:nth-child(2) { display:grid;gap:3px;min-width:0;flex:1 }
.contact-whatsapp small { color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em }
.contact-whatsapp strong { font-size:22px;line-height:1.25;letter-spacing:-.025em }
.contact-whatsapp>span:nth-child(2)>span { font-size:13px;color:var(--muted);white-space:nowrap }
.contact-whatsapp>.arrow { width:22px;height:22px;margin-left:auto;flex-shrink:0 }
.contact-location { display:flex;gap:18px;margin-top:30px;align-items:flex-start }
.contact-detail-icon { padding:7px 0 0 2px;flex:0 0 36px;color:var(--accent) }
.contact-location h2 { font-size:15px;letter-spacing:0;margin-bottom:8px;line-height:1.5 }
.studio-address { font-style:normal;color:var(--muted);font-size:14px;line-height:1.8 }
.studio-address span { display:block;overflow-wrap:anywhere }
.contact-map-link { display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;margin-top:10px }
.contact-map-link:hover { color:var(--accent) }
.contact-map-link .arrow { width:16px;height:16px }
.contact-social { display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line) }
.contact-social>span { font-size:12px;color:var(--muted) }
.studio-social { display:flex;flex-wrap:wrap;align-items:center;gap:10px }
.studio-social a { display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;min-height:42px;padding:9px 13px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:background .2s ease,transform .2s ease }
.studio-social a:hover { background:var(--peach);transform:translateY(-2px) }
.studio-social .icon { width:17px;height:17px;flex-shrink:0 }
.studio-social .arrow { width:12px;height:12px;margin-left:4px }
.footer-contact-band { display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:28px 0 35px;border-top:1px solid var(--line) }
.footer-office .eyebrow { margin-bottom:8px;font-size:10px;letter-spacing:.09em }
.footer-office .studio-address { font-size:12px }
.footer-connections { display:flex;flex-direction:column;align-items:flex-end;gap:16px }
.footer-direct-links { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 23px }
.footer-direct-links a { display:inline-flex;align-items:center;gap:9px;font-size:13px;min-height:32px;font-weight:700 }
.footer-direct-links a:hover { color:var(--accent) }
.footer-direct-links .icon { width:17px;height:17px;flex-shrink:0 }
.footer-connections .studio-social a { background:transparent }
.footer-connections .studio-social a:hover { background:var(--peach) }
.cta-actions { display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 25px;margin-bottom:17px }
.cta-actions .button { margin-bottom:0 }
.cta-whatsapp { display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:13px;font-weight:800 }
.cta-whatsapp:hover { text-decoration:underline;text-underline-offset:5px }
.cta-whatsapp>.icon { width:20px;height:20px }
.cta-whatsapp>.arrow { width:15px;height:15px }
@media(max-width:720px) {
    .contact-page { gap:32px }
    .contact-whatsapp { padding:20px;gap:14px;border-radius:23px }
    .contact-whatsapp strong { font-size:21px }
    .contact-location { margin-top:26px;gap:14px }
    .contact-social { margin-top:23px;padding-top:20px }
    .footer-contact-band { grid-template-columns:1fr;gap:23px;padding:24px 0 28px }
    .footer-connections { align-items:flex-start;gap:15px }
    .footer-direct-links { flex-direction:column;align-items:flex-start;gap:3px }
    .cta-actions { flex-direction:column;gap:10px }
}
@media(max-width:360px) {
    .contact-whatsapp { padding:17px;gap:11px }
    .contact-channel-icon { flex-basis:44px;height:44px;border-radius:15px }
    .contact-whatsapp strong { font-size:19px }
    .contact-whatsapp>span:nth-child(2)>span { font-size:12px }
    .contact-social { gap:9px }
}
@media(prefers-reduced-motion:reduce) {
    .contact-whatsapp,.studio-social a { transition:none }
    .contact-whatsapp:hover,.studio-social a:hover { transform:none }
}