/* Sentinel continuous-scroll architecture.
   Each major Sentinel system owns a full scrolling section beneath the global header. */

/* The temporary Sentinel mini-navigation is intentionally removed from view.
   The global Entity header remains the only persistent navigation bar. */
.sentinel-section-nav{display:none}
.sentinel-stage{padding-top:0}
.sentinel-panel{scroll-margin-top:var(--header)}

/* Sentinel is now a long-form continuous page. Keep the global header stable
   here rather than letting the generic auto-hide state flicker between panels. */
.site-header-shell.is-hidden:not(.menu-open){
  transform:translateY(0)!important;
  opacity:1!important;
}

/* Dedicated product/system panels. */
.sentinel-feature-panel{
  min-height:100vh;
  background-size:cover;
  background-position:center center;
}
.sentinel-feature-panel::after{
  background:linear-gradient(90deg,
    rgba(255,255,255,.97) 0%,
    rgba(255,255,255,.92) 38%,
    rgba(255,255,255,.70) 56%,
    rgba(255,255,255,.20) 75%,
    rgba(255,255,255,0) 90%);
}
.sentinel-feature-shell{
  width:min(1080px,70vw);
  padding-top:clamp(88px,10vh,118px);
}
.sentinel-feature-title{
  max-width:960px;
  margin:0;
  color:#111820;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(54px,4.5vw,76px);
  font-weight:400;
  letter-spacing:-.04em;
  line-height:.96;
}
.sentinel-feature-subhead{
  max-width:850px;
  margin:18px 0 0;
  color:#21303b;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(23px,1.7vw,31px);
  font-weight:400;
  line-height:1.2;
}
.sentinel-feature-lead{
  max-width:760px;
  margin:20px 0 0;
  color:#20282f;
  font:400 clamp(16.5px,1.05vw,18.5px)/1.52 Arial,Helvetica,sans-serif;
}
.sentinel-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 30px;
  width:min(900px,64vw);
  margin-top:30px;
  border-top:1px solid rgba(21,93,168,.18);
}
.sentinel-feature-grid article{
  position:relative;
  min-width:0;
  padding:18px 8px 19px 44px;
  border-bottom:1px solid rgba(21,93,168,.16);
}
.sentinel-feature-grid article>span{
  position:absolute;
  left:0;
  top:20px;
  color:#1976c8;
  font:800 clamp(14px,.95vw,17px)/1 Arial,Helvetica,sans-serif;
  letter-spacing:.075em;
}
.sentinel-feature-grid h3{
  margin:0 0 6px;
  color:#161e25;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(20px,1.4vw,25px);
  font-weight:400;
  line-height:1.12;
}
.sentinel-feature-grid p{
  margin:0;
  color:#303943;
  font:400 clamp(14px,.9vw,15.8px)/1.48 Arial,Helvetica,sans-serif;
}
.sentinel-feature-quote{
  width:min(720px,52vw);
  margin:30px 0 0 clamp(42px,5vw,86px);
  padding:7px 0 8px 22px;
  border-left:2px solid #155da8;
  color:#155da8;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(25px,1.8vw,31px);
  font-style:italic;
  line-height:1.3;
}
.sentinel-feature-closing{
  margin:20px 0 0;
  color:#4b5660;
  font:600 clamp(14px,.9vw,16px)/1.45 Arial,Helvetica,sans-serif;
}
.sentinel-feature-meta{
  margin:16px 0 0;
  color:#155da8;
  font:700 12px/1.4 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* SIR owns the Hermes visual and follows the stronger pitch-deck hierarchy:
   story first, dual-AI explanation second, then the five response functions. */
.sentinel-sir-panel{
  background-image:url('assets/underlays/sentinel-page-2-hermes-underlay.png');
  background-position:center center;
}
.sentinel-sir-panel::after{
  background:linear-gradient(90deg,
    rgba(255,255,255,.97) 0%,
    rgba(255,255,255,.94) 35%,
    rgba(255,255,255,.74) 53%,
    rgba(255,255,255,.25) 70%,
    rgba(255,255,255,.04) 85%,
    rgba(255,255,255,0) 96%);
}
.sentinel-sir-panel .sentinel-feature-shell{width:min(1120px,74vw)}
.sentinel-sir-panel .sentinel-feature-lead{max-width:650px}
.sentinel-sir-panel .sentinel-feature-grid{
  display:flex;
  flex-direction:column;
  gap:0;
  width:min(650px,43vw);
  margin-top:18px;
  border-top:0;
}
.sentinel-sir-panel .sentinel-feature-grid article{
  padding:11px 0 12px 48px;
}
.sentinel-sir-panel .sentinel-feature-grid article>span{
  top:13px;
  font-size:clamp(14.5px,.92vw,16.5px);
}
.sentinel-sir-panel .sentinel-feature-grid h3{
  margin-bottom:4px;
  font-size:clamp(17px,1.08vw,20px);
}
.sentinel-sir-panel .sentinel-feature-grid p{
  font-size:clamp(13.2px,.82vw,14.6px);
  line-height:1.42;
}

/* The former AI card is visually promoted into the second paragraph. */
.sentinel-sir-panel .sentinel-feature-grid article:last-child{
  order:-1;
  padding:0 0 18px;
  border-bottom:1px solid rgba(21,93,168,.18);
}
.sentinel-sir-panel .sentinel-feature-grid article:last-child>span,
.sentinel-sir-panel .sentinel-feature-grid article:last-child h3{display:none}
.sentinel-sir-panel .sentinel-feature-grid article:last-child p{
  color:#26323c;
  font-size:clamp(15.5px,.98vw,17px);
  line-height:1.5;
}
.sentinel-sir-panel .sentinel-feature-grid article:last-child p::before{
  content:"Two AI Systems. One Coordinated Response. ";
  color:#155da8;
  font-weight:700;
}

/* The SIR 9-1-1 statement sits lower in the open middle-right field. The
   second wrapped line begins slightly farther right than the first. */
.sentinel-sir-panel .sentinel-feature-quote{
  position:absolute;
  top:clamp(255px,28vh,315px);
  left:clamp(600px,45vw,780px);
  width:min(340px,24vw);
  margin:0;
  padding:8px 0 9px 40px;
  text-indent:-28px;
  font-size:clamp(28px,2vw,35px);
  line-height:1.24;
  text-shadow:0 1px 14px rgba(255,255,255,.65);
}
.sentinel-sir-panel .sentinel-feature-quote::before{content:"“"}
.sentinel-sir-panel .sentinel-feature-quote::after{content:"”"}

/* Existing classical underlays serve as restrained placeholders for the
   additional Sentinel systems until each receives its own approved artwork. */
.sentinel-database-panel{background-image:url('assets/underlays/light-04-aqueduct-computing.jpeg')}
.sentinel-intelligence-panel{background-image:url('assets/underlays/light-02-thinker.jpeg')}
.sentinel-enterprise-panel{background-image:url('assets/underlays/light-08-temple-stairs.jpeg')}
.sentinel-consumer-panel{background-image:url('assets/underlays/light-01-parthenon-coast.jpeg')}

/* The modules retain their own section rather than occupying the SIR section. */
.sentinel-modules-panel{
  background-image:url('assets/underlays/light-11-columns-right.jpeg');
  background-size:cover;
  background-position:center center;
}

.sentinel-modules-shell,
.sentinel-ai-shell{padding-top:clamp(88px,10vh,118px)}

/* Consumer protection is a subcategory of Sentinel System Modules rather than
   a second standalone page. The existing 05–07 modules are grouped under that
   subcategory while the former duplicate consumer panel is removed from flow. */
.sentinel-consumer-panel{display:none!important}
.sentinel-modules-grid{
  display:flex;
  flex-wrap:wrap;
  gap:0;
}
.sentinel-modules-grid::before{
  content:"Sentinel Consumer Protection Products";
  order:2;
  flex:0 0 100%;
  box-sizing:border-box;
  margin:4px 0 0;
  padding:11px 0 9px;
  border-top:1px solid rgba(49,95,137,.32);
  border-bottom:1px solid rgba(49,95,137,.18);
  color:#315f89;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(18px,1.3vw,23px);
  font-weight:400;
  line-height:1.16;
}
.sentinel-modules-grid article{box-sizing:border-box}
.sentinel-modules-grid article:nth-child(-n+4){
  order:1;
  flex:0 0 25%;
  padding-right:18px;
}
.sentinel-modules-grid article:nth-child(n+5):nth-child(-n+7){
  order:3;
  flex:0 0 33.333%;
  padding-right:22px;
}
.sentinel-modules-grid article:nth-child(n+8){
  order:4;
  flex:0 0 50%;
  padding-right:28px;
}

@media(max-width:1180px){
  .sentinel-feature-shell{width:78vw}
  .sentinel-feature-grid{width:72vw}
  .sentinel-feature-panel{background-position:62% center}
  .sentinel-sir-panel .sentinel-feature-shell{width:82vw}
  .sentinel-sir-panel .sentinel-feature-grid{width:min(560px,46vw)}
  .sentinel-sir-panel .sentinel-feature-quote{
    left:clamp(520px,48vw,620px);
    width:min(300px,26vw);
    top:clamp(245px,27vh,295px);
  }
}

/* Short laptop / MacBook viewports can be wider than the tablet breakpoint
   while still lacking enough vertical room for all five SIR functions. Let
   the SIR panel grow with its content instead of clipping later rows. */
@media(min-width:821px) and (max-height:900px){
  .sentinel-sir-panel{
    height:auto;
    min-height:100vh;
    overflow:visible;
  }
  .sentinel-sir-panel .sentinel-feature-shell{
    padding-top:clamp(58px,7vh,72px);
    padding-bottom:64px;
  }
  .sentinel-sir-panel .sentinel-kicker{margin-bottom:22px}
  .sentinel-sir-panel .sentinel-feature-subhead{margin-top:12px}
  .sentinel-sir-panel .sentinel-feature-lead{margin-top:14px}
  .sentinel-sir-panel .sentinel-feature-grid{margin-top:14px}
}

@media(max-width:820px){
  .sentinel-stage{padding-top:0}
  .sentinel-panel{scroll-margin-top:var(--header)}
  .sentinel-feature-panel{height:auto;min-height:100dvh;background-size:auto 100%;background-position:68% center}
  .sentinel-feature-panel::after{background:rgba(255,255,255,.82)}
  .sentinel-feature-shell,
  .sentinel-sir-panel .sentinel-feature-shell{width:auto;margin:0;padding:72px 22px 68px}
  .sentinel-feature-title{font-size:clamp(44px,10.5vw,62px)}
  .sentinel-feature-subhead{font-size:23px}
  .sentinel-feature-grid{grid-template-columns:1fr;width:auto}
  .sentinel-feature-grid article{padding:17px 0 18px 48px}
  .sentinel-feature-quote{width:auto;margin-left:4vw}
  .sentinel-sir-panel .sentinel-feature-grid{width:auto}
  .sentinel-sir-panel .sentinel-feature-grid article{padding:14px 0 15px 48px}
  .sentinel-sir-panel .sentinel-feature-grid article:last-child{padding:0 0 18px}
  .sentinel-sir-panel .sentinel-feature-quote{
    position:static;
    width:auto;
    margin:26px 0 0 4vw;
    padding-left:24px;
    text-indent:0;
  }

  .sentinel-modules-grid::before{
    padding:14px 0 11px;
    font-size:22px;
  }
  .sentinel-modules-grid article:nth-child(-n+4),
  .sentinel-modules-grid article:nth-child(n+5):nth-child(-n+7),
  .sentinel-modules-grid article:nth-child(n+8){
    flex-basis:100%;
    padding-right:0;
  }
}