/* Damos · sector landing depth proposal, local 2026-09-27. */
.deb-sector-depth {
  --sd-line: color-mix(in srgb, var(--text-strong) 15%, transparent);
  --sd-panel: color-mix(in srgb, var(--surface, #fff) 94%, var(--text-strong) 6%);
  width: 100%;
  padding-inline: var(--page-margin);
}

.deb-sector-depth > .e-con-inner,
.deb-sector-depth.e-con > .e-con-inner {
  max-width: none;
  width: 100%;
}

.deb-sector-depth .elementor-widget,
.deb-sector-depth .elementor-widget-heading,
.deb-sector-depth .elementor-widget-text-editor,
.deb-sector-depth .elementor-widget-button {
  margin-block-end: 0;
}

.deb-sd-hero {
  min-height: min(76vh, 760px);
  justify-content: flex-end;
  gap: var(--space-6);
  padding-block: clamp(7rem, 14vw, 12rem) clamp(4rem, 8vw, 7rem);
  border-bottom: 1px solid var(--sd-line);
}

.deb-sd-kicker,
.deb-sd-number {
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  line-height: 1.4;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.deb-sd-hero h1 {
  max-width: 15ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(3rem, 8vw, 7.5rem);
  font-weight: var(--fw-medium);
  line-height: .92;
  letter-spacing: var(--tracking-tighter);
  color: var(--text-strong);
  text-wrap: balance;
}

.deb-sd-lead {
  max-width: 66ch;
  font-family: var(--font-mono);
  font-size: clamp(1rem, 1.7vw, 1.3rem);
  line-height: 1.65;
  color: var(--text-muted);
}

.deb-sd-section {
  gap: 0;
  padding-block: clamp(4.5rem, 9vw, 8rem);
  border-bottom: 1px solid var(--sd-line);
}

.deb-sd-section > .elementor-widget-heading:first-child h2,
.deb-sd-close > .elementor-widget-heading h2 {
  max-width: 18ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 5vw, 4.7rem);
  font-weight: var(--fw-medium);
  line-height: .98;
  letter-spacing: var(--tracking-tighter);
  color: var(--text-strong);
  text-wrap: balance;
}

.deb-sd-note {
  max-width: 65ch;
  margin-top: var(--space-5);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--text-muted);
}

.deb-sd-offer {
  display: grid;
  grid-template-columns: minmax(3rem, 7rem) minmax(12rem, .7fr) minmax(18rem, 1fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: start;
  padding-block: clamp(2rem, 4vw, 3.5rem);
  border-top: 1px solid var(--sd-line);
}

.deb-sd-offer:first-of-type { margin-top: clamp(2.5rem, 6vw, 5rem); }
.deb-sd-offer h3,
.deb-sd-phase h3,
.deb-sd-agreement h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 2.6vw, 2.3rem);
  font-weight: var(--fw-medium);
  line-height: 1.05;
  letter-spacing: var(--tracking-tight);
  color: var(--text-strong);
}

.deb-sd-offer-body { gap: var(--space-6); }
.deb-sd-offer-body p,
.deb-sd-phase > .elementor-widget-text-editor:last-child p,
.deb-sd-close-body p {
  max-width: 60ch;
  margin: 0;
  line-height: 1.7;
  color: var(--text-muted);
}

.deb-sd-link .elementor-button {
  padding: .85rem 1.1rem;
  border: 1px solid var(--text-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--text-strong);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  transition: background var(--dur-fast), color var(--dur-fast);
}
.deb-sd-link .elementor-button:hover,
.deb-sd-link .elementor-button:focus-visible {
  background: var(--text-strong);
  color: var(--surface, #fff);
}

.deb-sd-proof-notes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(2.5rem, 5vw, 4rem);
  background: var(--sd-line);
  border: 1px solid var(--sd-line);
}

.deb-sd-proof-note {
  min-height: 12rem;
  padding: clamp(1.25rem, 2.5vw, 2rem);
  background: var(--sd-panel);
}
.deb-sd-proof-note p { margin: 0; line-height: 1.65; }
.deb-sd-case-grid { margin-top: clamp(2.5rem, 5vw, 4rem); }

.deb-sd-phase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(2.5rem, 5vw, 4rem);
  background: var(--sd-line);
  border: 1px solid var(--sd-line);
}
.deb-sd-phase {
  min-height: 22rem;
  gap: var(--space-6);
  padding: clamp(1.3rem, 2.7vw, 2.25rem);
  background: var(--sd-panel);
}
.deb-sd-phase h3 { margin-top: auto; }

.deb-sd-agreement-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 5vw, 6rem);
  margin-top: clamp(2.5rem, 5vw, 4rem);
}
.deb-sd-inputs,
.deb-sd-validation { gap: var(--space-6); }
.deb-sd-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--sd-line);
}
.deb-sd-list li {
  position: relative;
  padding: 1.1rem 0 1.1rem 1.6rem;
  border-bottom: 1px solid var(--sd-line);
  line-height: 1.6;
}
.deb-sd-list li::before {
  content: "↳";
  position: absolute;
  left: 0;
  color: var(--text-muted);
}

.deb-sd-close {
  gap: var(--space-6);
  padding-block: clamp(5rem, 11vw, 10rem);
}
.deb-sd-close-body { max-width: 58ch; }

@media (max-width: 900px) {
  .deb-sd-offer { grid-template-columns: 3rem 1fr; }
  .deb-sd-offer-body { grid-column: 2; }
  .deb-sd-proof-notes { grid-template-columns: 1fr; }
  .deb-sd-proof-note { min-height: 0; }
  .deb-sd-phase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .deb-sd-hero { min-height: auto; }
  .deb-sd-offer { grid-template-columns: 2rem 1fr; }
  .deb-sd-phase-grid,
  .deb-sd-agreement-grid { grid-template-columns: 1fr; }
  .deb-sd-phase { min-height: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .deb-sd-link .elementor-button { transition: none; }
}

/* Match native Elementor specificity and bring the proposition above the fold. */
.elementor .deb-sector-depth .deb-sd-hero { min-height:0; justify-content:flex-start; padding:clamp(2rem,5vw,5rem) 0 clamp(3rem,6vw,5rem); }
.elementor .deb-sector-depth .deb-sd-hero h1.elementor-heading-title { font-size:clamp(2.8rem,6.5vw,6.5rem); line-height:1; letter-spacing:-.045em; max-width:19ch; }
.elementor .deb-sector-depth .deb-sd-section h2.elementor-heading-title, .elementor .deb-sd-close h2.elementor-heading-title { font-size:clamp(2rem,4vw,4rem); line-height:1.08; }
.elementor .deb-sector-depth .deb-sd-offer h3.elementor-heading-title { font-size:clamp(1.5rem,2.3vw,2.3rem); line-height:1.15; }