/* TATENDRANG: shared small type. Preserve the existing Montserrat display system. */
@font-face{font-family:Inter;src:url('assets/inter-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('assets/inter-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{
  --td-font-copy:Inter,Arial,sans-serif;
  --td-type-copy:15px;
  --td-type-small:12px;
  --td-type-action:14px;
}
body.studio-noir,body.brands-page{font-family:var(--td-font-copy)}

/* Reading text: one family, one normal weight, generous but consistent leading. */
.studio-noir .studio-hero-bottom>p,
.studio-noir .manifesto-text>p:not(.big-copy),
.studio-noir .section-heading>p,
.studio-noir .cap-intro>p:last-child,
.studio-noir .case-copy p,
.studio-noir .detail-body p,
.studio-noir .personal-copy p,
.studio-noir .personal-editorial>div>p:not(.eyebrow),
.studio-noir .seo-hub>p:not(.eyebrow),
.studio-noir .td-vorhaben-copy>p:not(.eyebrow):not(.td-vorhaben-meta):not(.td-vorhaben-note),
.service-page .service-intro,
.service-page section>p,
.legal-content>p,.legal-content section>p{
  font-family:var(--td-font-copy);
  font-size:var(--td-type-copy);
  font-weight:400;
  line-height:1.7;
  letter-spacing:0;
}
.studio-noir .td-vorhaben li{font:400 14px/1.65 var(--td-font-copy)}

/* Supporting copy: readable 12px rather than unrelated 7–10px variants. */
.studio-noir .signature,
.studio-noir .rail-note,
.studio-noir .detail-body small,
.studio-noir .dialog-tags,
.studio-noir .number,
.studio-noir .slider-controls>span,
.studio-noir .menu-number,
.studio-noir .menu-item-desc,
.studio-noir .edition,
.studio-noir .legal-footer,
.studio-noir .legal-footer a,
.brands-foot{
  font-family:var(--td-font-copy);
  font-size:var(--td-type-small);
  font-weight:400;
  line-height:1.65;
  letter-spacing:0;
}
.studio-noir .rail-note{opacity:.85}
.studio-noir .td-vorhaben-meta{
  font:400 var(--td-type-small)/1.6 var(--td-font-copy)!important;
  letter-spacing:0;
  text-transform:none;
}
.studio-noir .td-vorhaben-note{
  font:400 var(--td-type-small)/1.65 var(--td-font-copy)!important;
  letter-spacing:0;
}
.studio-noir .td-contact-hint{
  font:400 var(--td-type-small)/1.65 var(--td-font-copy)!important;
  letter-spacing:0;
}
.studio-noir .eyebrow,
.studio-noir .case-copy .eyebrow,
.studio-noir .personal-editorial>.eyebrow,
.studio-noir .td-vorhaben .eyebrow,
.studio-noir .menu-panel-heading{
  font:600 var(--td-type-small)/1.6 var(--td-font-copy);
  letter-spacing:.1em;
}

/* Small actions: Inter Semibold, including the formerly explicit Arial CTA. */
.studio-noir .under-link,
.studio-noir .all-gallery-link .under-link,
.studio-noir .project-links .under-link,
.studio-noir .solid-link,
.studio-noir .dialog-close,
.studio-noir .td-vorhaben-start,
.studio-noir .td-contact-save,
.studio-noir .td-contact-menu,
.studio-noir .instagram-follow-button,
.studio-noir .instagram-controls a,
.brands-toolbar,
.brands-back,.brands-close{
  font:600 var(--td-type-action)/1.5 var(--td-font-copy);
  letter-spacing:0;
}
.studio-noir .td-vorhaben-start{white-space:normal;overflow-wrap:normal}
.studio-noir .td-vorhaben-start svg{flex-shrink:0}
.brands-toolbar{flex-wrap:wrap}
.brands-foot{font-size:var(--td-type-small);line-height:1.65;letter-spacing:.06em}

/* Privacy utility copy uses the same family without changing display headings. */
.privacy-trigger{font:600 var(--td-type-small)/1.4 var(--td-font-copy)}
.privacy-body,.privacy-dialog details,.privacy-remember{font:400 14px/1.65 var(--td-font-copy)}
.privacy-state,.privacy-status,.privacy-legal,.privacy-dialog details p,.privacy-kicker,.privacy-forget{
  font-family:var(--td-font-copy);font-size:var(--td-type-small);line-height:1.65;letter-spacing:0;
}
.privacy-actions button{font:600 var(--td-type-action)/1.5 var(--td-font-copy)}

@media(max-width:700px){
  .studio-noir .td-vorhaben-start{padding:16px 18px;gap:15px}
  .studio-noir .under-link{white-space:normal}
  .studio-noir .menu-panel-heading{font-size:var(--td-type-small);letter-spacing:.08em}
  .studio-noir .menu-item-desc{font-size:var(--td-type-small)}
  .studio-noir .menu-item-title{min-width:0}
}