/* DT360 ABOUT 1.2.5 | Independent mobile composition. Loaded with media <=820px.
 * Text remains in the same semantic order. No hidden editorial content. */
@media (max-width:820px) {
 /* Text inset, card padding and action sizing are owned by the shared components. */
 .dt360-about-system { max-width:540px; margin-inline:auto; }
 .dt360-about-system-scene { height:auto; }
 .dt360-about-system-orbit,.dt360-about-plane { display:none; }
 .dt360-about-system-layers { position:relative; display:grid; gap:20px; }
 .dt360-about-system-layer { padding:18px 20px; border:1px solid var(--dt360-ds-border-lavender); border-radius:var(--dt360-ds-radius-md); background:linear-gradient(135deg,color-mix(in srgb,var(--dt360-ds-lavender) 14%,var(--dt360-ds-card)),var(--dt360-ds-sec)); box-shadow:0 8px 24px color-mix(in srgb,var(--dt360-ds-bg) 28%,transparent); }
 .dt360-about-system-layer:not(:last-child)::after { content:""; position:absolute; top:100%; left:42px; width:1px; height:21px; background:var(--dt360-ds-lavender); }
 .dt360-about-system-layer--process { margin-inline-start:12px; }
 .dt360-about-system-layer--technology { margin-inline-start:24px; border-color:var(--dt360-ds-border-lime); box-shadow:inset 0 -2px 0 var(--dt360-ds-lime); }
 .dt360-about-layer-label { display:grid; grid-template-columns:36px minmax(0,1fr); column-gap:16px; row-gap:4px; align-items:center; }
 .dt360-about-layer-label .dt360-about-icon { grid-row:1 / span 2; width:32px; height:32px; }
 .dt360-about-layer-label .dt360-ds-h3 { grid-column:2; margin:0; }
 .dt360-about-layer-label .dt360-ds-note { grid-column:2; }
 .dt360-about-wave { height:78px; opacity:.18; }
 .dt360-about-principle-head { grid-template-columns:48px minmax(0,1fr); align-items:center; gap:var(--dt360-ds-space-section-header-copy); }
 .dt360-about-icon-box { width:48px; height:48px; }
 .dt360-about-icon-box .dt360-about-icon { width:30px; height:30px; }
 .dt360-about-rule { margin-block:20px; }
 .dt360-about-benefit { padding-block-start:18px; }
 .dt360-about-closing-art { width:230px; height:180px; margin-inline:auto; }
 .dt360-about-closing-art>i { inset:12px 8% 34px 35%; }
 .dt360-about-closing-art>i:nth-child(2) { inset:50px 29% 6px 12%; }
 .dt360-about-closing-art>i:nth-child(3) { inset:36px 22% 18px 25%; }
}
@media (max-width:380px) {
 .dt360-about-system-layer { padding:16px; }
 .dt360-about-layer-label { column-gap:12px; grid-template-columns:28px minmax(0,1fr); }
 .dt360-about-layer-label .dt360-about-icon { width:26px; height:26px; }
 .dt360-about-principle-head { grid-template-columns:40px minmax(0,1fr); gap:var(--dt360-ds-space-section-header-copy); }
 .dt360-about-icon-box { width:40px; height:44px; }
}

/* S03 LANDKARTE: compact overview and shared modal; single canonical text source. */
@media (max-width:820px) {
 .dt360-about-s03-map-group { grid-template-columns:5.2em minmax(0,1fr); }
 .dt360-about-s03-map-icon { width:30px; height:30px; }
 .dt360-about-s03-map-panel-head { grid-template-columns:36px minmax(0,1fr); }
 .dt360-about-s03-map-panel-head>.dt360-about-s03-map-icon { width:32px; height:32px; }
 .dt360-about-s03-map-node { min-height:112px; }
}
@media (max-width:600px) {
 .dt360-about-s03-person { grid-template-columns:clamp(64px, 18vw, 80px) minmax(0,1fr); align-items:start; row-gap:0; }
 .dt360-about-s03-monogram { width:100%; height:auto; aspect-ratio:240 / 304; object-fit:cover; grid-column:1; grid-row:1 / span 2; align-self:start; }

  /* DT360_S03_MOBILE_PROFILE_V2
     Mobile: Portrait und Text oben,
     globaler Textlink in voller Breite darunter.
  */

  .dt360-about-s03-person-copy {
      display: contents;
  }

  .dt360-about-s03-person-copy > .dt360-ds-h3 {
      grid-column: 2;
      grid-row: 1;
      min-width: 0;
      align-self: start;
  }

  .dt360-about-s03-person-copy > .dt360-ds-body {
      grid-column: 2;
      grid-row: 2;
      min-width: 0;
      align-self: start;
  }

  .dt360-about-s03-person-copy > .dt360-ds-actions {
      grid-column: 1 / -1;
      grid-row: 3;
      min-width: 0;
      margin-block-start: var(--dt360-ds-space-section-header-copy);
  }


}
@media (max-width:360px) {
 .dt360-about-s03-map-group { grid-template-columns:minmax(0,1fr); gap:var(--dt360-ds-space-section-header-copy); }
 .dt360-about-s03-map-group-label::after,.dt360-about-s03-map-pair::before { display:none; }
}

/* DT360_S04_MOBILE_CTA_ART_GAP_V1 */
@media (max-width: 600px) {
  .dt360-about-closing-grid {
    row-gap: var(--dt360-ds-space-section-y);
  }
}