.social-section {
  --social-bg: #f8f6f1; --social-panel: #eaf0e8; --social-card: #fbfaf6;
  --social-ink: #2b2a27; --social-muted: #5d665f; --social-accent: #2d8568; --social-line: rgba(43,42,39,.12);
  padding: clamp(48px,6vw,80px) clamp(22px,4vw,56px);
  background: var(--social-bg); color: var(--social-ink);
}
.social-section__inner { max-width: 1180px; margin: 0 auto; padding: clamp(26px,4vw,48px); border: 1px solid var(--social-line); border-radius: 28px; background: var(--social-panel); }
.social-section__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; color: var(--social-accent); font: 600 12px/1.5 var(--font-dm-sans),sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.social-section__eyebrow span { width: 22px; height: 1px; background: currentColor; opacity: .6; }
.social-section h2 { margin: 0; font: 400 clamp(34px,4vw,52px)/1.12 var(--font-cormorant),Georgia,serif; color: var(--social-ink); text-wrap: balance; }
.social-section__intro { max-width: 640px; margin: 18px 0 0; color: var(--social-muted); font: 400 17px/1.65 var(--font-dm-sans),sans-serif; }
.social-links--section { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 30px; }
.social-links--section .social-profile { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 22px 20px; border: 1px solid var(--social-line); border-radius: 18px; background: var(--social-card); color: var(--social-ink); text-decoration: none; transition: border-color .2s, transform .2s; }
.social-links--section .social-profile:hover { border-color: var(--social-accent); transform: translateY(-2px); }
.social-profile__icon { display: inline-grid; place-items: center; flex-shrink: 0; }
.social-links--section .social-profile__icon { width: 44px; height: 44px; border-radius: 13px; background: var(--social-panel); color: var(--social-accent); }
.social-profile__copy { display: flex; flex-direction: column; gap: 5px; min-width: 0; font-family: var(--font-dm-sans),sans-serif; }
.social-profile__copy strong { color: var(--social-ink); font-size: 16px; line-height: 1.4; font-weight: 600; }
.social-profile__copy small { color: var(--social-muted); font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.social-profile__arrow { margin-left: auto; color: var(--social-accent); font: 400 18px/1 var(--font-dm-sans),sans-serif; }
.social-profile:focus-visible { outline: 3px solid #2d8568; outline-offset: 4px; }
.social-menu { margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(43,42,39,.12); }
.social-menu > p { margin: 0 0 12px; color: #52665b; font: 600 12px/1.5 var(--font-dm-sans),sans-serif; letter-spacing: .05em; }
.social-links--menu { display: flex; flex-wrap: wrap; gap: 10px; }
.social-links--menu .social-profile { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border: 1px solid rgba(43,42,39,.18); border-radius: 50%; color: #2d8568; text-decoration: none; transition: background .2s; }
.social-links--menu .social-profile:hover { background: rgba(62,166,130,.12); }
html[data-theme="dark"] .social-section { --social-bg: #181e21; --social-panel: #26352e; --social-card: #20292a; --social-ink: #f8f6f1; --social-muted: #c3cec5; --social-accent: #83d0b2; --social-line: rgba(248,246,241,.14); }
html[data-theme="dark"] .social-menu { border-color: rgba(248,246,241,.18); }
html[data-theme="dark"] .social-menu > p, html[data-theme="dark"] .social-links--menu .social-profile { color: #a2d9bf; }
html[data-theme="dark"] .social-links--menu .social-profile { border-color: rgba(248,246,241,.2); }
html[data-accessibility="on"] .social-section { --social-muted: var(--social-ink); }
html[data-accessibility="on"] .social-profile { border-width: 2px; }
@media (max-width:1239px) {
  .designer-mobile-menu { max-height: calc(100vh - 100px); max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-bottom: max(26px, env(safe-area-inset-bottom)); }
  .designer-mobile-menu > a, .designer-mobile-menu > .social-menu { flex-shrink: 0; }
}
@media (max-width:959px) { .social-links--section { grid-template-columns: minmax(0,1fr); } .social-links--section .social-profile { padding: 18px 20px; } }
@media (max-width:399px) { .social-section__inner { padding: 24px 20px; } .social-links--section .social-profile { gap: 10px; padding: 16px 12px; } .social-links--section .social-profile__icon { width: 38px; height: 38px; } }
@media (prefers-reduced-motion:reduce) { .social-links--section .social-profile, .social-links--menu .social-profile { transition: none; } .social-links--section .social-profile:hover { transform: none; } }
html[data-accessibility="on"] .social-links--section .social-profile:hover { transform: none; }