/* German-only draft refinement. Decorative marks use the original VM artwork. */
.vm-signature-section{position:relative;isolation:isolate;overflow:hidden}
.vm-signature-section>.page-shell{position:relative;z-index:1}
.vm-section-signature{position:absolute;z-index:0;pointer-events:none;user-select:none;right:-7rem;top:50%;width:min(49vw,45rem);transform:translateY(-50%);opacity:.035}
.vm-section-signature img{width:100%;height:auto;filter:brightness(0) invert(1)}
.creative-continuum .vm-section-signature{right:-4rem;opacity:.032}
.about-hero-aside{display:flex;flex-direction:column;align-self:end;min-width:0}
.vm-hero-signet{align-self:center;width:clamp(7rem,11vw,12rem);height:auto;margin:0 0 2.6rem;filter:brightness(0) invert(1);opacity:.32;pointer-events:none;user-select:none}
/* The Claro wordmark keeps its original geometry and red Claro lettering;
   the Música lettering uses dark ink for legibility on the existing cream. */
.music-platforms .platform-wordmark-dark,.music-platforms .platform-wordmark-dark img{background:transparent}
.music-platforms .platform-wordmark-dark img{padding:0;border-radius:0;box-sizing:border-box;max-width:100%}
@media(max-width:1050px){.about-hero-aside{max-width:680px}.vm-hero-signet{align-self:flex-start;width:8rem;margin-bottom:1.8rem}.vm-section-signature{right:-8rem;width:34rem;opacity:.024}}
@media(max-width:700px){.vm-hero-signet{width:6.5rem;margin:0 0 1.6rem}.vm-section-signature{right:-10rem;width:28rem;opacity:.018}.creative-continuum .vm-section-signature{right:-10rem;opacity:.018}
  /* Avoid intrinsic grid widths clipping German headings on narrow phones. */
  .about-page .about-hero-grid,.about-page .origin-grid,.about-page .about-production-grid,.about-page .human-direction-grid,.about-page .about-proof-grid{grid-template-columns:minmax(0,1fr)}
  .about-page .about-production-list,.about-page .direction-principles{grid-template-columns:minmax(0,1fr)}
  .about-page main .page-shell>*{min-width:0}
  .about-page h1,.about-page h2,.about-page h3{overflow-wrap:break-word;hyphens:auto}
  .about-page .about-hero h1{font-size:clamp(2.6rem,14vw,3.7rem)}
  .approach-page .approach-engagement-grid{grid-template-columns:minmax(0,1fr)}
  .approach-page .approach-engagement-grid>*{min-width:0}
  .approach-page .engagement-options{grid-template-columns:minmax(0,1fr)}
  .approach-page .engagement-options>*{min-width:0;overflow-wrap:break-word;hyphens:auto}
  .approach-page .approach-engagement h2{overflow-wrap:break-word;hyphens:auto}
}