/* Additions for Social Media, heading semantics and the shared navigation. */
h1.tagline{display:inline;font-size:16px;font-weight:400;margin:0}
.head h1.t{font-size:11px;font-weight:500;margin:0}
h1.section-label{font-size:11px;font-weight:400}
.acc-title{margin:0}
.nav{gap:24px}
.nav>div{min-width:0}
.nav nav,.site-nav{flex-wrap:wrap}
.nav nav a.active{color:var(--ink)}
.nav .logo,.site-header .logo{white-space:nowrap}
.social-eyebrow{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;line-height:1.6}
.social-intro{padding:80px 36px;border-top:1px solid var(--line)}
.social-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.social-intro h2{font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.2;margin-bottom:24px;max-width:560px}
.social-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px}
.social-text-link{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:var(--mid,var(--grey));line-height:1.8}
.social-text-link:hover{color:var(--ink,var(--black))}
.social-actions .form-btn,.social-contact-offer .form-btn{display:inline-block;text-align:center;text-decoration:none}
.social-contact-offer{border-top:1px solid var(--line,var(--light));padding:32px 0;margin:32px 0}
.social-contact-offer h2{margin:0 0 16px;color:var(--ink,var(--black))}
.social-contact-offer p{font-family:var(--serif);font-size:18px;color:var(--mid,var(--grey));line-height:1.75;margin-bottom:20px}
.social-contact-offer .form-btn{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:4px;text-transform:uppercase;padding:14px 36px;background:var(--ink,var(--black));color:var(--bg);border:1px solid var(--ink,var(--black))}
.social-contact-offer .form-btn:hover{background:var(--mid,var(--dark))}
.about-text p+p{margin-top:24px}
.about-text .social-text-link{display:inline-block;margin-top:28px}
.acc-body-inner a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
a:focus-visible,summary:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:1200px){
  .nav{flex-wrap:wrap;gap:16px}
  .nav nav{margin-left:auto}
  .site-header .site-tagline{display:none}
}
@media(max-width:768px){
  .nav{align-items:center;gap:16px}
  .nav>div{text-align:center}
  .nav .tagline,.nav .tag{display:block;margin-left:0;margin-top:8px}
  h1.tagline{display:block}
  .nav nav{margin:0;width:100%;flex-wrap:wrap;justify-content:center;gap:10px 14px}
  .nav nav a{line-height:1.6}
  .site-header{position:relative;grid-template-columns:1fr;gap:12px;padding:16px}
  .header-left{justify-content:center}
  .header-right{justify-content:center;width:100%}
  .site-header .menu-toggle{display:none}
  .site-header .site-nav{position:static;width:100%;max-width:none;height:auto;background:transparent;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 14px;padding:0;box-shadow:none;transition:none}
  .site-header .site-nav a{font-size:15px}
  .about-page,.contact-page,.video-page,.project-page{padding-top:48px}
  .social-intro{padding:48px 16px}
  .social-intro-grid{grid-template-columns:1fr;gap:24px}
  .social-intro h2{font-size:26px}
  .social-actions{gap:18px}
  .footer-inner{flex-wrap:wrap;gap:16px;max-width:100%}
  .footer-links{flex-wrap:wrap;gap:10px 16px;min-width:0;max-width:100%}
  .footer-links a{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}