/* Denkwerk System v4.1 — shared sphere integration
   Spheres inherit the editorial rhythm of the page they are embedded in. */
.dw-sphere-frame{border:0;width:100%;display:block;background:transparent}
.dw-sphere-shell{position:relative;overflow:hidden;border:1px solid rgba(23,26,31,.11);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(253,248,239,.82));box-shadow:0 24px 70px rgba(23,26,31,.07)}
.dw-sphere-note{margin:18px 0 0;color:var(--muted,#5e6978);font-size:.92rem;line-height:1.55}
.dw-sphere-frame--map{height:min(860px,78vw);min-height:620px}
.dw-sphere-frame--program{height:min(930px,82vw);min-height:680px}

/* --------------------------------------------------------------------------
   Homepage — domain sphere inside the first editorial section.
   -------------------------------------------------------------------------- */
.page-home-editorial .hp-domain-sphere .dw-sphere-shell{width:100%;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden}
.page-home-editorial .hp-domain-sphere .dw-sphere-frame{height:clamp(540px,39vw,630px);overflow:hidden}

/* --------------------------------------------------------------------------
   Research hub — use the exact editorial rhythm of .rh-portfolio.
   -------------------------------------------------------------------------- */
.page-research-hub .rh-sphere-map{
  padding:clamp(2.65rem,3.6vw,3.55rem) 0;
  border-bottom:1px solid var(--rh-line);
  background:linear-gradient(180deg,#FEFBF5 0%,#FDF8EF 100%);
}
.page-research-hub .rh-sphere-map .dw-sphere-intro{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);
  gap:clamp(1.6rem,3vw,3.4rem);
  align-items:start;
  margin-bottom:1.25rem;
}
.page-research-hub .rh-sphere-map .dw-sphere-intro h2{
  max-width:20.5ch;
  margin:0;
  font-size:clamp(2.55rem,3.65vw,4.05rem);
  line-height:1.01;
  letter-spacing:-.025em;
}
.page-research-hub .rh-sphere-map .dw-sphere-intro>p{
  max-width:39rem;
  margin:1.72rem 0 0;
  color:var(--rh-ink-2);
  font-size:.9rem;
  line-height:1.58;
}
.page-research-hub .rh-sphere-map .dw-sphere-note{color:var(--rh-muted);font-size:.78rem;line-height:1.5}

/* --------------------------------------------------------------------------
   Kapitalfrage — use the same heading, spacing and density as the existing
   linear Konversionsarchitektur (.kf-model-section / .kf-model-head).
   -------------------------------------------------------------------------- */
.page-kapitalfrage-program .kf-sphere-model{
  padding:3rem 0 3.3rem;
  border-bottom:1px solid var(--line);
  scroll-margin-top:130px;
  background:linear-gradient(180deg,#F7EEDD 0%,#FEFBF5 100%);
}
.page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro{
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(430px,1.15fr);
  gap:2.3rem;
  align-items:end;
  margin-bottom:1.2rem;
}
.page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro .kicker{margin-bottom:.42rem;font-size:.66rem}
.page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro h2{
  max-width:none;
  margin:0;
  font-size:clamp(2rem,2.65vw,3rem);
  line-height:1.03;
  letter-spacing:normal;
}
.page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro>p{
  max-width:50rem;
  margin:0 0 .2rem;
  color:var(--ink-2);
  font-size:.88rem;
  line-height:1.55;
}
.page-kapitalfrage-program .kf-sphere-model .dw-sphere-shell{border-radius:16px}

/* --------------------------------------------------------------------------
   Neue Achsenzeit — use the existing major-section rhythm and .az-section-head
   typography instead of the generic sphere treatment.
   -------------------------------------------------------------------------- */
.page-achsenzeit .az-sphere-model{
  padding:clamp(4.8rem,8vw,7.8rem) 0;
  border-bottom:1px solid var(--line);
  scroll-margin-top:130px;
  background:var(--paper);
}
.page-achsenzeit .az-sphere-model .dw-sphere-intro{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(330px,.75fr);
  gap:clamp(2.2rem,5vw,6rem);
  align-items:end;
  margin-bottom:2rem;
}
.page-achsenzeit .az-sphere-model .dw-sphere-intro h2{
  max-width:18ch;
  margin:0;
  font-size:clamp(2.3rem,3.8vw,4.2rem);
  line-height:1.02;
  letter-spacing:normal;
}
.page-achsenzeit .az-sphere-model .dw-sphere-intro>p{
  margin:0;
  color:var(--ink-2);
  font-size:.94rem;
  line-height:1.62;
}
.page-achsenzeit .az-sphere-model .dw-sphere-note{color:var(--muted);font-size:.67rem;line-height:1.45}
.page-achsenzeit .az-sphere-model .dw-sphere-shell{border-radius:16px}

@media(max-width:980px){
  .page-home-editorial .hp-domain-sphere .dw-sphere-frame{height:min(640px,72vw)}

  .page-research-hub .rh-sphere-map .dw-sphere-intro,
  .page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro,
  .page-achsenzeit .az-sphere-model .dw-sphere-intro{grid-template-columns:1fr}

  .page-research-hub .rh-sphere-map .dw-sphere-intro{gap:.55rem}
  .page-research-hub .rh-sphere-map .dw-sphere-intro>p{margin:0;max-width:52rem}
  .page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro,
  .page-achsenzeit .az-sphere-model .dw-sphere-intro{gap:.8rem}
  .page-kapitalfrage-program .kf-sphere-model .dw-sphere-intro>p{margin:0}
  .dw-sphere-frame--map,.dw-sphere-frame--program{height:760px}
}

@media(max-width:680px){
  .page-home-editorial .hp-domain-sphere .dw-sphere-frame{height:540px}
  .page-research-hub .rh-sphere-map{padding:2.35rem 0 2.7rem}
  .page-research-hub .rh-sphere-map .dw-sphere-intro{margin-bottom:1.05rem}
  .page-research-hub .rh-sphere-map .dw-sphere-intro h2{font-size:2.45rem}
  .page-research-hub .rh-sphere-map .dw-sphere-intro>p{font-size:.82rem}
  .page-kapitalfrage-program .kf-sphere-model{padding:2.55rem 0 2.8rem}
  .page-achsenzeit .az-sphere-model{padding:3.4rem 0 3.8rem}
  .dw-sphere-shell{border-radius:18px}
  .dw-sphere-frame--map,.dw-sphere-frame--program{height:680px;min-height:0}
}