/*
  Entopy System Detail v1.1.1
  Exact Case Summary architecture, with the Outcomes row removed.
*/

.entopy-system-detail{
  --case-colour: #1d3557;
  --case-divider: rgba(29, 53, 87, 0.18);
  --case-text-soft: rgba(29, 53, 87, 0.85);
  --case-text-muted: rgba(29, 53, 87, 0.7);

  --section-padding-top: 100px;
  --section-padding-right: 0px;
  --section-padding-bottom: 40px;
  --section-padding-left: 0px;

  --grid-label-width: 240px;
  --grid-gap: 28px;

  --headline-x-offset: 0px;
  --headline-y-offset: 0px;
  --label-x-offset: 0px;
  --label-y-offset: 0px;
  --columns-x-offset: 0px;
  --columns-y-offset: 0px;

  --font-headline: clamp(42px, 5vw, 60px);
  --font-heading: clamp(15px, 1vw, 16px);
  --font-body: clamp(15px, 1.1vw, 16px);
  --font-small: clamp(12px, 0.9vw, 14px);

  width: 100%;
  padding:
    var(--section-padding-top)
    var(--section-padding-right)
    var(--section-padding-bottom)
    var(--section-padding-left);
  box-sizing: border-box;
  font-family: Montserrat, Arial, sans-serif;
  color: var(--case-colour);
  overflow: hidden;
}

.entopy-system-detail *,
.entopy-system-detail *::before,
.entopy-system-detail *::after{
  box-sizing: border-box;
}

.entopy-system-detail-headline-wrap{
  transform: translate(var(--headline-x-offset), var(--headline-y-offset));
}

.entopy-system-detail-headline{
  margin: 0;
  max-width: var(--headline-max-width, 1320px);
  font-size: var(--font-headline);
  line-height: 1.02;
  letter-spacing: -0.045em;
  font-weight: 600;
  color: var(--case-colour);
}

.entopy-system-detail-divider{
  height: 1px;
  background: var(--case-divider);
  margin: 28px 0 18px;
  transform-origin: left center;
}

.entopy-system-detail-grid{
  display: grid;
  grid-template-columns: var(--grid-label-width) repeat(3, minmax(0, 1fr));
  gap: var(--grid-gap);
}

.entopy-system-detail-label-wrap{
  transform: translate(var(--label-x-offset), var(--label-y-offset));
}

.entopy-system-detail-label{
  padding-top: 4px;
  font-size: var(--font-small);
  line-height: 1.4;
  font-weight: 500;
  color: var(--case-text-muted);
}

.entopy-system-detail-col{
  transform: translate(var(--columns-x-offset), var(--columns-y-offset));
}

.entopy-system-detail-col h3{
  margin: 0 0 10px;
  font-size: var(--font-heading);
  line-height: 1.2;
  font-weight: 700;
  color: var(--case-colour);
}

.entopy-system-detail-col p{
  margin: 0 0 14px;
  max-width: 380px;
  font-size: var(--font-body);
  line-height: 1.45;
  font-weight: 400;
  color: var(--case-text-soft);
}

.entopy-system-detail-col p:last-child{
  margin-bottom: 0;
}

.entopy-system-detail-reveal{
  opacity: 0;
  will-change: transform, opacity;
}

.entopy-system-detail-reveal:not(.entopy-system-detail-line){
  transform: translateY(18px);
}

.entopy-system-detail-line{
  transform: scaleX(0);
}

.entopy-system-detail.is-visible .entopy-system-detail-reveal:not(.entopy-system-detail-line){
  animation: entopySystemDetailFadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.entopy-system-detail.is-visible .entopy-system-detail-line{
  animation: entopySystemDetailLineIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.entopy-system-detail.is-visible .entopy-system-detail-delay-1{ animation-delay: 0.08s; }
.entopy-system-detail.is-visible .entopy-system-detail-delay-2{ animation-delay: 0.18s; }
.entopy-system-detail.is-visible .entopy-system-detail-delay-3{ animation-delay: 0.30s; }
.entopy-system-detail.is-visible .entopy-system-detail-delay-4{ animation-delay: 0.42s; }
.entopy-system-detail.is-visible .entopy-system-detail-delay-5{ animation-delay: 0.54s; }
.entopy-system-detail.is-visible .entopy-system-detail-delay-6{ animation-delay: 0.66s; }

.entopy-system-detail-no-reveal .entopy-system-detail-reveal,
.entopy-system-detail-editor-no-reveal .entopy-system-detail-reveal,
.elementor-editor-active .entopy-system-detail-reveal,
.elementor-editor-preview .entopy-system-detail-reveal{
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

@keyframes entopySystemDetailFadeUp{
  from{
    opacity: 0;
    transform: translateY(18px);
  }

  to{
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes entopySystemDetailLineIn{
  from{
    opacity: 0;
    transform: scaleX(0);
  }

  to{
    opacity: 1;
    transform: scaleX(1);
  }
}

@media (max-width: 1024px){
  .entopy-system-detail{
    --section-padding-top: 80px;
    --section-padding-bottom: 36px;
    --grid-label-width: 180px;
    --grid-gap: 22px;
    --font-headline: clamp(36px, 5.2vw, 56px);
    --font-body: 15px;
  }
}

@media (max-width: 767px){
  .entopy-system-detail{
    --section-padding-top: 48px;
    --section-padding-bottom: 32px;
    --grid-gap: 18px;
    --font-headline: clamp(32px, 10vw, 42px);
    --font-heading: 15px;
    --font-body: 15px;
    --font-small: 13px;
  }

  .entopy-system-detail-headline{
    line-height: 1.05;
    letter-spacing: -0.04em;
  }

  .entopy-system-detail-divider{
    margin: 24px 0 18px;
  }

  .entopy-system-detail-grid{
    grid-template-columns: 1fr;
    gap: var(--grid-gap);
  }

  .entopy-system-detail-label{
    padding-top: 0;
  }

  .entopy-system-detail-col p{
    max-width: none;
  }

  .entopy-system-detail-reveal:not(.entopy-system-detail-line){
    transform: translateY(14px);
  }
}

@media (prefers-reduced-motion: reduce){
  .entopy-system-detail-reveal{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}