@font-face{font-family:"Aldrich";src:url("../fonts/dt360-aldrich-400-856555d3253b.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../fonts/dt360-space-grotesk-400-65fd17fcbd2e.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("../fonts/dt360-space-grotesk-700-35f8aec56cfd.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
/* DT360 ABOUT 1.2.5 | Shared page geometry only.
 * Global typography, eyebrows, sections, cards, links and actions remain canonical.
 * Fonts, if absent from the canonical shared assets, are registered at build time
 * from the existing server-local font files. No duplicated global CSS bundle. */
.dt360-about-page { isolation: isolate; }
.dt360-about-closing-grid { align-items:center; position:relative; z-index:1; }
.dt360-about-wave { position:absolute; inset:auto 0 0; width:100%; height:144px; fill:none; stroke:url(#about-wave-light); stroke-width:1; opacity:.26; pointer-events:none; }

/* Content-bearing system diagram: one semantic ordered list, two compositions. */
.dt360-about-system { position:relative; margin:0; width:100%; min-width:0; isolation:isolate; }
.dt360-about-system-scene { position:relative; isolation:isolate; }
.dt360-about-system-scene::before { content:""; position:absolute; inset:8% 0 0; z-index:-1; background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--dt360-ds-lavender) 16%,transparent),transparent 66%); pointer-events:none; }
.dt360-about-system-orbit { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.dt360-about-orbit-path { fill:none; stroke:url(#about-orbit-light); stroke-width:1.5; opacity:.8; vector-effect:non-scaling-stroke; }
.dt360-about-orbit-link { fill:none; stroke:var(--dt360-ds-lavender); stroke-width:1; opacity:.3; vector-effect:non-scaling-stroke; }
.dt360-about-orbit-node { fill:var(--dt360-ds-lavender); filter:drop-shadow(0 0 8px var(--dt360-ds-lavender)); }
.dt360-about-orbit-node--last { opacity:.8; }
.dt360-about-system-layers { list-style:none; padding:0; margin:0; }
.dt360-about-system-layer { min-width:0; position:relative; isolation:isolate; }
.dt360-about-plane { position:absolute; inset:0; width:100%; height:100%; filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--dt360-ds-bg) 65%,transparent)); pointer-events:none; }
.dt360-about-plane-face { stroke-width:1.25; vector-effect:non-scaling-stroke; }
.dt360-about-plane-depth { fill:color-mix(in srgb,var(--dt360-ds-lavender) 58%,var(--dt360-ds-card)); stroke:color-mix(in srgb,var(--dt360-ds-lavender) 45%,transparent); stroke-width:1; }
.dt360-about-plane-rim { fill:none; stroke:var(--dt360-ds-lavender); stroke-width:3; stroke-linecap:round; opacity:.8; filter:drop-shadow(0 0 5px var(--dt360-ds-lavender)); }
.dt360-about-system-layer--technology .dt360-about-plane-rim { stroke:var(--dt360-ds-lime); opacity:1; filter:drop-shadow(0 0 6px var(--dt360-ds-lime)); }
.dt360-about-stop-light { stop-color:var(--dt360-ds-lavender); }
.dt360-about-stop-violet { stop-color:color-mix(in srgb,var(--dt360-ds-lavender) 38%,var(--dt360-ds-card)); }
.dt360-about-stop-transparent { stop-color:var(--dt360-ds-lavender); stop-opacity:0; }
.dt360-about-stop-surface-light { stop-color:color-mix(in srgb,var(--dt360-ds-lavender) 30%,var(--dt360-ds-card)); }
.dt360-about-stop-surface { stop-color:var(--dt360-ds-card); }
.dt360-about-stop-surface-dark { stop-color:var(--dt360-ds-sec); }
.dt360-about-layer-label { position:relative; z-index:2; min-width:0; }
.dt360-about-icon { width:36px; height:36px; fill:none; stroke:var(--dt360-ds-lavender); stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none; }

/* S02: existing card component, composed with an explicit benefit area. */
.dt360-about-principles { align-items:stretch; }
.dt360-about-principle { min-width:0; }
.dt360-about-principle-head { display:grid; gap:var(--dt360-ds-space-section-header-copy); align-content:start; }
.dt360-about-icon-box { display:grid; place-items:center; width:58px; height:58px; border:1px solid var(--dt360-ds-border-lavender); border-radius:var(--dt360-ds-radius-sm); background:linear-gradient(135deg,color-mix(in srgb,var(--dt360-ds-lavender) 18%,transparent),transparent); }
.dt360-about-rule { display:block; flex:none; width:44px; height:2px; background:var(--dt360-ds-lime); margin-block:18px 22px; }
.dt360-about-benefit { padding-block-start:22px; border-top:1px solid var(--dt360-ds-border-lavender); }


/* S04: translucent planes remain present in both responsive compositions. */
.dt360-about-closing-art { position:relative; display:block; width:100%; height:340px; max-width:410px; margin-inline:auto; isolation:isolate; }
.dt360-about-closing-art::before { content:""; position:absolute; inset:76% -2% 0; z-index:-2; background:radial-gradient(ellipse,color-mix(in srgb,var(--dt360-ds-lavender) 36%,transparent),transparent 70%); filter:blur(15px); }
.dt360-about-closing-art>i { position:absolute; inset:14px 9% 58px 35%; border:1px solid var(--dt360-ds-lavender); border-radius:var(--dt360-ds-radius-lg); transform:perspective(700px) rotateY(-20deg) skewY(-19deg); background:linear-gradient(135deg,color-mix(in srgb,var(--dt360-ds-lavender) 40%,transparent),color-mix(in srgb,var(--dt360-ds-lavender) 10%,transparent) 60%,transparent); box-shadow:inset 0 1px 0 color-mix(in srgb,var(--dt360-ds-white) 22%,transparent),0 20px 56px color-mix(in srgb,var(--dt360-ds-lavender) 12%,transparent); }
.dt360-about-closing-art>i:nth-child(2) { inset:92px 29% 10px 12%; border-color:var(--dt360-ds-lime); z-index:2; background:linear-gradient(135deg,color-mix(in srgb,var(--dt360-ds-lime) 24%,transparent),color-mix(in srgb,var(--dt360-ds-lavender) 16%,transparent) 45%,color-mix(in srgb,var(--dt360-ds-lavender) 4%,transparent)); }
.dt360-about-closing-art>i:nth-child(3) { inset:63px 22% 34px 25%; opacity:.3; z-index:-1; background:color-mix(in srgb,var(--dt360-ds-lavender) 8%,transparent); }

/* S03 LANDKARTE 1.4.0: local map geometry only. Typography, spacing tokens,
 * section, cards, link button and overlay shell remain global components. */
.dt360-about-s03-intro-grid { align-items:start; }
.dt360-about-s03-intro,.dt360-about-s03-person { grid-column:1 / -1; }
.dt360-about-s03-person { display:grid; grid-template-columns:108px minmax(0,1fr); gap:var(--dt360-ds-space-section-header-copy); align-items:center; }
.dt360-about-s03-person-copy { min-width:0; }
.dt360-about-s03-monogram { display:grid; place-items:center; width:108px; height:100%; border-radius:var(--dt360-ds-radius-md); border:1px solid var(--dt360-ds-border-lavender); background:linear-gradient(135deg,color-mix(in srgb,var(--dt360-ds-lavender) 24%,var(--dt360-ds-card)),var(--dt360-ds-sec) 75%,color-mix(in srgb,var(--dt360-ds-lime) 55%,var(--dt360-ds-sec))); object-fit:cover; }
.dt360-about-s03-map { display:grid; gap:var(--dt360-ds-space-section-header-copy); margin-block-start:var(--dt360-ds-space-section-header-bottom); }
.dt360-about-s03-map-nav { min-height:0; display:grid; gap:var(--dt360-ds-space-section-header-copy); min-width:0; }
.dt360-about-s03-map-group { min-height:0; display:grid; grid-template-columns:7.2em minmax(0,1fr); gap:var(--dt360-ds-space-section-header-copy); align-items:center; min-width:0; }
.dt360-about-s03-map-group-label { position:relative; min-width:0; }
.dt360-about-s03-map-group-label::after { content:""; position:absolute; width:var(--dt360-ds-space-section-header-copy); right:calc(-1 * var(--dt360-ds-space-section-header-copy)); top:50%; border-top:1px solid var(--dt360-ds-border-lavender); }
.dt360-about-s03-map-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--dt360-ds-space-section-header-copy); position:relative; min-width:0; }
.dt360-about-s03-map-pair::before { content:""; position:absolute; top:25%; bottom:25%; left:calc(-1 * var(--dt360-ds-space-section-header-copy)); width:var(--dt360-ds-space-section-header-copy); border:1px solid var(--dt360-ds-border-lavender); border-inline-end:0; border-radius:var(--dt360-ds-radius-sm) 0 0 var(--dt360-ds-radius-sm); pointer-events:none; }
.dt360-about-s03-map-node { display:grid; justify-items:center; align-content:center; gap:var(--dt360-ds-space-section-header-copy); min-width:0; min-height:0; padding:var(--dt360-ds-space-section-header-copy); text-align:center; color:var(--dt360-ds-white); text-decoration:none; cursor:pointer; }
.dt360-about-s03-map-icon { display:block; flex:none; width:40px; height:40px; fill:none; stroke:var(--dt360-ds-lavender); stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.dt360-about-s03-map-node[aria-pressed="true"] { border-color:var(--dt360-ds-lime); box-shadow:0 0 0 1px var(--dt360-ds-lime),var(--dt360-ds-shadow-card); background:linear-gradient(135deg,color-mix(in srgb,var(--dt360-ds-lime) 13%,var(--dt360-ds-sec)),var(--dt360-ds-sec)); }
.dt360-about-s03-map-node[aria-pressed="true"] .dt360-about-s03-map-icon { stroke:var(--dt360-ds-lime); }
.dt360-about-s03-map-node:hover { border-color:var(--dt360-ds-lime); }
.dt360-about-s03-map-node:focus-visible { outline:2px solid var(--dt360-ds-lime); outline-offset:3px; }
.dt360-about-s03-map-detail { min-height:0; display:grid; gap:var(--dt360-ds-space-section-header-copy); min-width:0; }
.dt360-about-s03-map-panel { display:grid; grid-template-rows:auto minmax(0,1fr); align-content:start; min-width:0; min-height:0; gap:var(--dt360-ds-space-section-header-copy); border-color:var(--dt360-ds-lime); }
.dt360-about-s03-map-panel-head { display:grid; grid-template-columns:52px minmax(0,1fr); gap:var(--dt360-ds-space-section-header-copy); align-items:center; min-width:0; }
.dt360-about-s03-map-panel-head>.dt360-about-s03-map-icon { width:48px; height:48px; stroke:var(--dt360-ds-lime); }
.dt360-about-s03-map-panel-heading { border-inline-start:1px solid var(--dt360-ds-border-lavender); padding-inline-start:var(--dt360-ds-space-section-header-copy); min-width:0; }
.dt360-about-s03-map-panel-copy { min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; }
.dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline"] .dt360-about-s03-map-detail { gap:0; }
.dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline"] .dt360-about-s03-map-panel { grid-area:1 / 1; }
.dt360-about-responsibility[data-map-ready="true"] .dt360-about-s03-map-panel[data-map-active="false"] { visibility:hidden; pointer-events:none; }
.dt360-about-responsibility[data-map-ready="true"][data-map-mode="dialog"] .dt360-about-s03-map-detail { display:none; }
.dt360-about-s03-map-dialog { width:calc(100% - 2 * var(--dt360-ds-space-section-header-copy)); max-width:680px; height:auto; max-height:calc(100dvh - 2 * var(--dt360-ds-space-section-header-copy)); inset:auto 0 0; margin:auto auto var(--dt360-ds-space-section-header-copy); border-color:var(--dt360-ds-lime); border-radius:var(--dt360-ds-radius-xl); overflow:hidden; }
.dt360-about-s03-map-dialog[open] { display:flex; }
.dt360-about-s03-map-dialog-panel { display:flex; flex-direction:column; max-height:inherit; width:100%; min-height:0; }
.dt360-about-s03-map-dialog-toolbar { position:relative; flex:none; min-height:44px; margin-block-end:var(--dt360-ds-space-section-header-copy); }
.dt360-about-s03-map-dialog-toolbar .dt360-overlay__close { top:0; right:0; }
.dt360-about-s03-map-dialog-handle { position:absolute; left:50%; top:0; transform:translateX(-50%); width:44px; height:4px; border-radius:var(--dt360-ds-radius-pill); background:var(--dt360-ds-lavender); opacity:.7; }
.dt360-about-s03-map-dialog-content { overflow:auto; overscroll-behavior:contain; min-height:0; }
.dt360-about-s03-map-dialog .dt360-about-s03-map-panel { visibility:visible; }

/* DT360 S03 PREVIEW INLINE-MOBILE: safe-area navigation, no dialog or page lock. */
@media (max-width:1279px) {
  .dt360-about-page:has(.dt360-about-responsibility[data-map-mode="inline-mobile"] .dt360-about-s03-map) {
    overflow-x:clip;
    overflow-y:visible;
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"] .dt360-about-s03-map {
    height:auto;
    grid-template-columns:minmax(0,1fr);
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"] .dt360-about-s03-map-detail {
    display:none;
    min-height:0;
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"][data-map-mobile-open="true"] .dt360-about-s03-map-detail {
    display:block;
    margin-block-start:var(--dt360-ds-space-section-header-copy);
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"] .dt360-about-s03-map-panel {
    display:none;
    grid-area:auto;
    min-height:0;
    max-height:none;
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"][data-map-mobile-open="true"] .dt360-about-s03-map-panel[data-map-active="true"] {
    display:block;
    visibility:visible;
    pointer-events:auto;
    overflow:visible;
    scroll-margin-top:calc(env(safe-area-inset-top, 0px) + 16px);
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"] .dt360-about-s03-map-panel-copy {
    overflow:visible;
    max-height:none;
    overscroll-behavior:auto;
  }
  .dt360-about-responsibility[data-map-ready="true"][data-map-mode="inline-mobile"] .dt360-about-s03-map-node {
    scroll-margin-top:calc(env(safe-area-inset-top, 0px) + 16px);
  }
  .dt360-about-s03-inline-close {
    position:sticky;
    top:var(--dt360-s03-sticky-top, calc(env(safe-area-inset-top, 0px) + 12px));
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:5;
    margin-inline-start:auto;
    margin-block-end:var(--dt360-ds-space-section-header-copy);
    min-height:44px;
    background:var(--dt360-ds-sec);
    border:1px solid var(--dt360-ds-lime);
    color:var(--dt360-ds-white);
  }
}
@media (min-width:1280px) {
  .dt360-about-s03-inline-close {
    display:none;
  }
}
/* DT360 S03 portrait (preview asset) */
.dt360-about-s03-monogram[src] {object-fit:cover;object-position:center;display:block}

/* DT360_ABOUT_S02_GRID_EMPH_V1: aligned rows within each desktop card row */
@media(min-width:1101px){
  .dt360-about-principles{grid-template-rows:repeat(4,auto)}
  .dt360-about-principles>.dt360-about-principle{display:grid;grid-row:1/span 4;grid-template-rows:subgrid;row-gap:0}
}
@media(min-width:821px) and (max-width:1100px){
  .dt360-about-principles{grid-template-rows:repeat(4,auto) auto}
  .dt360-about-principles>.dt360-about-principle:nth-child(-n+2){display:grid;grid-row:1/span 4;grid-template-rows:subgrid;row-gap:0}
  .dt360-about-principles>.dt360-about-principle:nth-child(3){grid-column:1;grid-row:5}
}
@media(min-width:821px){
  .dt360-about-principle>.dt360-about-principle-head{grid-row:1}
  .dt360-about-principle>.dt360-about-rule{grid-row:2}
  .dt360-about-principle>.dt360-ds-section-copy{grid-row:3;min-width:0}
  .dt360-about-principle>.dt360-about-benefit{grid-row:4}
}
@media(max-width:820px){.dt360-about-principles{grid-template-columns:minmax(0,1fr)}}