/* Page-one Justice underlay using the regenerated cloud/sky artwork. */
.sentinel-overview-panel{
  background-image:url('assets/underlays/sentinel-justice-clouds-r1.jpg');
  background-size:cover;
  background-position:center center;
}

/* The artwork already carries its own light copy field. Keep only a restrained
   readability wash so the blue sky and clouds remain visible across the page. */
.sentinel-overview-panel::after{
  background:linear-gradient(90deg,
    rgba(255,255,255,.42) 0%,
    rgba(255,255,255,.30) 28%,
    rgba(255,255,255,.12) 44%,
    rgba(255,255,255,.03) 55%,
    rgba(255,255,255,0) 66%);
}

/* Page Two: approved Hermes/SIR artwork. Keep Hermes prominent on the right
   while preserving a calm, readable field for the module copy on the left. */
.sentinel-modules-panel{
  background-image:url('assets/underlays/sentinel-page-2-hermes-underlay.png');
  background-size:cover;
  background-position:center center;
}
.sentinel-modules-panel::after{
  background:linear-gradient(90deg,
    rgba(255,255,255,.94) 0%,
    rgba(255,255,255,.89) 42%,
    rgba(255,255,255,.68) 58%,
    rgba(255,255,255,.32) 70%,
    rgba(255,255,255,.07) 82%,
    rgba(255,255,255,0) 94%);
}

/* Specialized AI Systems reuses the Jarvis owl/labyrinth underlay. */
.sentinel-ai-panel{
  background-image:url('assets/underlays/light-10-owl-labyrinth.jpeg');
  background-size:cover;
  background-position:center center;
}

/* Revised dedicated artwork. The figures were reduced inside the 16:9 canvases,
   so the artwork can fill each full section again without leaving white seams
   between consecutive Sentinel pages. */
.sentinel-database-panel,
.sentinel-intelligence-panel,
.sentinel-enterprise-panel{
  position:relative;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#fff;
}
.sentinel-database-panel{
  background-image:url('assets/underlays/sentinel-intelligence-database-underlay-r2.png')!important;
}
.sentinel-intelligence-panel{
  background-image:url('assets/underlays/sentinel-intelligence-owl-underlay-r2.png')!important;
}
.sentinel-enterprise-panel{
  background-image:url('assets/underlays/sentinel-sir-enterprise-lion-underlay-r2.png')!important;
}

/* The three approved product pages use one vertical information column rather
   than a two-column card grid. */
.sentinel-database-panel .sentinel-feature-shell,
.sentinel-intelligence-panel .sentinel-feature-shell,
.sentinel-enterprise-panel .sentinel-feature-shell{width:min(1120px,74vw)}

/* Intelligence sits lower in the composition so the copy balances the owl
   instead of crowding the top edge. */
.sentinel-intelligence-panel .sentinel-feature-shell{
  padding-top:clamp(145px,16vh,180px);
}

.sentinel-database-panel .sentinel-feature-lead,
.sentinel-intelligence-panel .sentinel-feature-lead{max-width:670px}
.sentinel-enterprise-panel .sentinel-feature-lead{max-width:650px}

/* Give the two intelligence pages a stronger reading scale. */
.sentinel-database-panel .sentinel-feature-lead,
.sentinel-intelligence-panel .sentinel-feature-lead{
  font-size:clamp(17.5px,1.12vw,19.5px);
  line-height:1.55;
}

.sentinel-database-panel .sentinel-feature-grid,
.sentinel-intelligence-panel .sentinel-feature-grid{
  display:flex;
  flex-direction:column;
  gap:0;
  width:min(670px,45vw);
  margin-top:20px;
  border-top:0;
}
.sentinel-enterprise-panel .sentinel-feature-grid{
  display:flex;
  flex-direction:column;
  gap:0;
  width:min(650px,43vw);
  margin-top:18px;
  border-top:0;
}

.sentinel-database-panel .sentinel-feature-grid article,
.sentinel-intelligence-panel .sentinel-feature-grid article{
  padding:12px 0 13px 50px;
}
.sentinel-enterprise-panel .sentinel-feature-grid article{
  padding:10px 0 11px 48px;
}

.sentinel-database-panel .sentinel-feature-grid article>span,
.sentinel-intelligence-panel .sentinel-feature-grid article>span{
  top:14px;
  font-size:clamp(15px,.98vw,17px);
}
.sentinel-enterprise-panel .sentinel-feature-grid article>span{
  top:12px;
  font-size:clamp(14.5px,.92vw,16.5px);
}

.sentinel-database-panel .sentinel-feature-grid h3,
.sentinel-intelligence-panel .sentinel-feature-grid h3{
  margin-bottom:5px;
  font-size:clamp(19px,1.25vw,22px);
}
.sentinel-enterprise-panel .sentinel-feature-grid h3{
  margin-bottom:4px;
  font-size:clamp(17px,1.08vw,20px);
}

.sentinel-database-panel .sentinel-feature-grid p,
.sentinel-intelligence-panel .sentinel-feature-grid p{
  font-size:clamp(14.2px,.92vw,16px);
  line-height:1.46;
}
.sentinel-enterprise-panel .sentinel-feature-grid p{
  font-size:clamp(13.2px,.82vw,14.6px);
  line-height:1.42;
}

/* The database quote now occupies the open middle field rather than sitting
   under the copy stack, and is large enough to read as a page-level statement. */
.sentinel-database-panel .sentinel-feature-quote{
  position:absolute;
  top:clamp(285px,33vh,355px);
  left:clamp(650px,48vw,830px);
  width:min(390px,27vw);
  margin:0;
  padding:8px 0 9px 24px;
  font-size:clamp(30px,2.05vw,36px);
  line-height:1.25;
  text-shadow:0 1px 14px rgba(255,255,255,.70);
}

/* Intelligence keeps its quote in the center field while the body copy moves
   lower. Enterprise shifts its quote farther into the middle so it no longer
   presses against the subheadline. */
.sentinel-intelligence-panel .sentinel-feature-quote,
.sentinel-enterprise-panel .sentinel-feature-quote{
  position:absolute;
  top:clamp(215px,25vh,270px);
  width:min(350px,24vw);
  margin:0;
  padding:8px 0 9px 24px;
  font-size:clamp(27px,1.85vw,33px);
  line-height:1.28;
  text-shadow:0 1px 14px rgba(255,255,255,.68);
}
.sentinel-intelligence-panel .sentinel-feature-quote{
  left:clamp(680px,50vw,850px);
}
.sentinel-enterprise-panel .sentinel-feature-quote{
  left:clamp(720px,52vw,900px);
}

@media(max-width:1180px){
  .sentinel-overview-panel{
    background-size:cover;
    background-position:60% center;
  }

  .sentinel-modules-panel{
    background-size:cover;
    background-position:62% center;
  }

  .sentinel-ai-panel{
    background-size:cover;
    background-position:58% center;
  }

  .sentinel-database-panel .sentinel-feature-shell,
  .sentinel-intelligence-panel .sentinel-feature-shell,
  .sentinel-enterprise-panel .sentinel-feature-shell{width:82vw}

  .sentinel-intelligence-panel .sentinel-feature-shell{
    padding-top:clamp(132px,15vh,160px);
  }

  .sentinel-database-panel .sentinel-feature-grid,
  .sentinel-intelligence-panel .sentinel-feature-grid{width:min(580px,50vw)}
  .sentinel-enterprise-panel .sentinel-feature-grid{width:min(560px,48vw)}

  .sentinel-database-panel .sentinel-feature-quote,
  .sentinel-intelligence-panel .sentinel-feature-quote,
  .sentinel-enterprise-panel .sentinel-feature-quote{
    width:min(300px,27vw);
    font-size:clamp(24px,2.25vw,30px);
  }
  .sentinel-database-panel .sentinel-feature-quote{
    top:clamp(265px,31vh,330px);
    left:clamp(505px,47vw,600px);
  }
  .sentinel-intelligence-panel .sentinel-feature-quote{
    top:clamp(205px,24vh,255px);
    left:clamp(520px,48vw,610px);
  }
  .sentinel-enterprise-panel .sentinel-feature-quote{
    top:clamp(205px,24vh,255px);
    left:clamp(550px,51vw,640px);
  }
}

@media(max-width:820px){
  .sentinel-overview-panel{
    background-size:auto 100%;
    background-position:68% center;
  }

  .sentinel-modules-panel{
    background-size:auto 100%;
    background-position:72% center;
  }

  .sentinel-ai-panel{
    background-size:auto 100%;
    background-position:67% center;
  }

  .sentinel-database-panel,
  .sentinel-intelligence-panel,
  .sentinel-enterprise-panel{
    background-size:cover!important;
    background-position:center center!important;
  }

  .sentinel-database-panel .sentinel-feature-shell,
  .sentinel-intelligence-panel .sentinel-feature-shell,
  .sentinel-enterprise-panel .sentinel-feature-shell{width:auto}

  .sentinel-intelligence-panel .sentinel-feature-shell{padding-top:72px}

  .sentinel-database-panel .sentinel-feature-grid,
  .sentinel-intelligence-panel .sentinel-feature-grid,
  .sentinel-enterprise-panel .sentinel-feature-grid{width:auto}

  .sentinel-database-panel .sentinel-feature-grid article,
  .sentinel-intelligence-panel .sentinel-feature-grid article,
  .sentinel-enterprise-panel .sentinel-feature-grid article{padding:14px 0 15px 48px}

  .sentinel-database-panel .sentinel-feature-quote,
  .sentinel-intelligence-panel .sentinel-feature-quote,
  .sentinel-enterprise-panel .sentinel-feature-quote{
    position:static;
    width:auto;
    margin:26px 0 0 4vw;
    padding-left:24px;
  }
}