/* Scoped to #pjs-history — does not restyle the parent theme */
#pjs-history{--ink:#0b1c2d;--muted:#536477;--accent:#0a83bd;--line:#dce6ed;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f6f9fc;font-size:16px;line-height:1.65}
#pjs-history *{box-sizing:border-box}#pjs-history .pjs-wrap{width:min(1320px,calc(100% - 48px));margin-inline:auto}#pjs-history h1,#pjs-history h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;line-height:1.12;margin:0}#pjs-history p{margin:0 0 16px}#pjs-history a{text-decoration:none}#pjs-history .pjs-kicker,#pjs-history .pjs-eyebrow{font-size:12px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:#0d9dc9}
#pjs-history .pjs-hero{min-height:550px;background:linear-gradient(90deg,rgba(3,13,26,.96),rgba(3,13,26,.85) 53%,rgba(3,13,26,.3)),var(--pjs-hero) center/cover;display:flex;align-items:center;color:#fff}#pjs-history .pjs-hero-content{padding-block:95px}#pjs-history .pjs-hero h1{font-size:clamp(48px,6vw,86px);max-width:900px;margin:12px 0 22px}#pjs-history .pjs-hero-lead{max-width:730px;font-family:Georgia,serif;font-size:clamp(21px,2.2vw,29px);line-height:1.42;color:#e9f1f7}#pjs-history .pjs-byline{color:#c6d3de;margin:18px 0 28px}#pjs-history .pjs-button{display:inline-flex;gap:20px;align-items:center;justify-content:center;padding:13px 22px;border-radius:7px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}#pjs-history .pjs-button:hover{transform:translateY(-2px)}#pjs-history .pjs-button-primary{background:#087fb6;color:white;border:1px solid #39b6ed}
#pjs-history .pjs-intro{background:white;padding:80px 0;text-align:center}#pjs-history .pjs-intro-inner{max-width:930px}#pjs-history .pjs-intro h2{font-size:clamp(34px,4vw,52px);margin:10px 0 24px}#pjs-history .pjs-intro p:not(.pjs-kicker){font-size:17px;color:#405369}#pjs-history .pjs-intro .pjs-signature{font-family:Georgia,serif;font-style:italic;font-size:29px!important;color:#12263b!important;margin-top:25px}
#pjs-history .pjs-highlights{background:#091a2b;color:white;padding:72px 0}#pjs-history .pjs-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:27px}#pjs-history .pjs-section-head h2{font-size:clamp(32px,3.8vw,48px);margin:6px 0}#pjs-history .pjs-section-head p{color:#65768a;max-width:600px}#pjs-history .pjs-head-dark p{color:#bbcad8}#pjs-history .pjs-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}#pjs-history .pjs-milestones>div{padding:28px;background:#122a41;border:1px solid #28475d;border-radius:10px}#pjs-history .pjs-milestones span{display:block;color:#5cc6e7;font-weight:800;font-size:14px;margin-bottom:15px}#pjs-history .pjs-milestones strong{display:block;font-size:19px;margin-bottom:9px}#pjs-history .pjs-milestones small{color:#b8cbd9;font-size:14px;line-height:1.5;display:block}
#pjs-history .pjs-archive{padding:80px 0 90px}#pjs-history .pjs-search-label{display:flex;align-items:center;background:white;border:1px solid #cbd9e5;border-radius:8px;min-width:260px;padding:0 12px}#pjs-history .pjs-search-label input{border:0;outline:0;box-shadow:none;background:transparent;min-width:0;width:100%;padding:13px 6px;font:inherit;font-size:14px;color:#172b3e}#pjs-history .pjs-search-label span:last-child{font-size:24px;color:#62768c}#pjs-history .pjs-filters{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 12px}#pjs-history .pjs-filters button{background:white;border:1px solid #d2dfe9;border-radius:30px;padding:8px 16px;color:#30455a;font:600 13px Arial,sans-serif;cursor:pointer}#pjs-history .pjs-filters button.is-active,#pjs-history .pjs-filters button:hover{background:#0b2238;color:white;border-color:#0b2238}#pjs-history .pjs-result-count{color:#62768a;font-size:13px;margin-bottom:17px}#pjs-history .pjs-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}#pjs-history .pjs-topic{background:white;border:1px solid #e3ebf1;border-radius:10px;overflow:hidden;box-shadow:0 7px 22px rgba(16,45,69,.055);transition:transform .2s,box-shadow .2s}#pjs-history .pjs-topic:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(16,45,69,.12)}#pjs-history .pjs-topic a{display:block;height:100%;color:inherit}#pjs-history .pjs-topic-image{aspect-ratio:1.5;background:#11263a;overflow:hidden}#pjs-history .pjs-topic-image img{width:100%;height:100%;object-fit:cover;display:block}#pjs-history .pjs-topic-info{padding:13px 15px 16px}#pjs-history .pjs-topic-category{font-size:10px;color:#668096;text-transform:uppercase;letter-spacing:.08em;font-weight:700}#pjs-history .pjs-topic-title{display:flex;align-items:center;justify-content:space-between;gap:8px}#pjs-history .pjs-topic h3{font:700 16px/1.35 Arial,sans-serif;margin:4px 0 0;color:#0c243b}#pjs-history .pjs-topic-arrow{flex:0 0 27px;height:27px;border:1px solid #b6cfdf;border-radius:50%;display:grid;place-items:center;color:#1879ac;font-size:15px}#pjs-history .pjs-note{color:#738296;font-size:13px;margin-top:25px}#pjs-history .pjs-empty{padding:35px;background:white;border:1px solid #dce6ed;border-radius:10px;text-align:center}#pjs-history .pjs-cta{background:linear-gradient(105deg,#061727,#133349);color:white;padding:75px 0}#pjs-history .pjs-cta-inner{max-width:1320px}#pjs-history .pjs-cta h2{font-size:clamp(36px,4vw,53px);margin:9px 0 15px}#pjs-history .pjs-cta p:not(.pjs-kicker){color:#d4e2ec;max-width:620px}#pjs-history .pjs-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}#pjs-history .pjs-button-outline{border:1px solid #aac5d6;color:white}#pjs-history .pjs-button-light{background:white;color:#0d2236}#pjs-history .pjs-topic[hidden]{display:none!important}
@media(max-width:1000px){#pjs-history .pjs-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#pjs-history .pjs-milestones{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){#pjs-history .pjs-wrap{width:min(100% - 32px,1320px)}#pjs-history .pjs-hero{min-height:480px}#pjs-history .pjs-hero-content{padding-block:72px}#pjs-history .pjs-intro,#pjs-history .pjs-highlights,#pjs-history .pjs-archive{padding-block:55px}#pjs-history .pjs-section-head{display:block}#pjs-history .pjs-search-label{width:100%;margin-top:22px}#pjs-history .pjs-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#pjs-history .pjs-topic h3{font-size:14px}#pjs-history .pjs-topic-info{padding:10px}#pjs-history .pjs-milestones{grid-template-columns:1fr 1fr;gap:10px}#pjs-history .pjs-milestones>div{padding:17px}#pjs-history .pjs-milestones strong{font-size:16px}}@media(max-width:380px){#pjs-history .pjs-topic-grid,#pjs-history .pjs-milestones{grid-template-columns:1fr}}

/* Hero photograph and mobile composition */
#pjs-history .pjs-hero{background-position:center,center 42%;}
#pjs-history .pjs-hero-content{position:relative;z-index:1;}
@media(max-width:700px){#pjs-history .pjs-hero{background-position:center,64% center;background-image:linear-gradient(90deg,rgba(3,13,26,.95),rgba(3,13,26,.72)) ,var(--pjs-hero);}}

/* October 2026 refined mockup: warm gold / navy, compact archival gallery */
#pjs-history{--accent:#f3b94f;background:#f5f8fb;color:#0c2238}
#pjs-history .pjs-eyebrow,#pjs-history .pjs-kicker{color:#eeb54d}
#pjs-history .pjs-hero{min-height:510px;background-image:linear-gradient(90deg,rgba(4,18,31,.98),rgba(4,18,31,.84) 35%,rgba(4,18,31,.05) 80%),var(--pjs-hero);background-position:center,center 44%}
#pjs-history .pjs-hero h1{font-size:clamp(48px,5.5vw,82px);max-width:750px}
#pjs-history .pjs-hero h1 em{font-style:normal;color:#f4b950}
#pjs-history .pjs-hero-lead{max-width:570px}
#pjs-history .pjs-button-primary{background:#f5bf5a;color:#071c2e;border:1px solid #f5bf5a;border-radius:30px}
#pjs-history .pjs-intro{padding:45px 0}
#pjs-history .pjs-intro h2{margin:8px 0 18px}
#pjs-history .pjs-highlights{padding:46px 0;background:linear-gradient(125deg,#06182a,#0e324b)}
#pjs-history .pjs-milestones{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin-top:32px}
#pjs-history .pjs-milestones>div{padding:0;border:0;background:transparent;min-width:0;text-align:center;position:relative}
#pjs-history .pjs-milestones>div:before{content:'';display:block;height:11px;width:11px;border:2px solid #fff;border-radius:50%;margin:0 auto 17px;background:#f5bf5a;box-shadow:0 0 0 3px #0e324b}
#pjs-history .pjs-milestones>div:after{content:'';height:1px;background:#b7cad9;position:absolute;top:6px;left:calc(50% + 8px);width:calc(100% + 1px);opacity:.7}
#pjs-history .pjs-milestones>div:last-child:after{display:none}
#pjs-history .pjs-milestones span{color:#fff;font-size:15px;margin-bottom:5px}
#pjs-history .pjs-milestones strong{font-size:13px;line-height:1.4;min-height:42px}
#pjs-history .pjs-milestones img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:5px;margin-top:10px}
#pjs-history .pjs-archive{padding:50px 0 65px}
#pjs-history .pjs-topic-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
#pjs-history .pjs-topic{border-radius:6px;box-shadow:0 4px 14px rgba(16,45,69,.07)}
#pjs-history .pjs-topic-image{aspect-ratio:1.22}
#pjs-history .pjs-topic-info{padding:9px 8px 11px}
#pjs-history .pjs-topic-category{display:none}
#pjs-history .pjs-topic h3{font-size:11px;line-height:1.32}
#pjs-history .pjs-topic-arrow{flex-basis:19px;width:19px;height:19px;font-size:12px}
#pjs-history .pjs-cta{background:linear-gradient(100deg,rgba(4,18,31,.98),rgba(4,18,31,.83)),url('images/hero-history.svg') center/cover}



<style>
/* PETER J. SUCY — HERO SECTION */

#pjs-history .pjs-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 680px;
  min-height: min(780px, 88svh);
  overflow: hidden;
  background: #101c2b;
  color: #fff;
}

#pjs-history .pjs-hero-bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  background-color: #243b53;
  background-size: cover;
  background-position: center 42%;
  background-repeat: no-repeat;
  transform: scale(1.035);
}

#pjs-history .pjs-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(
      90deg,
      rgba(8, 18, 32, .94) 0%,
      rgba(8, 18, 32, .82) 33%,
      rgba(8, 18, 32, .48) 67%,
      rgba(8, 18, 32, .25) 100%
    ),
    linear-gradient(
      0deg,
      rgba(7, 16, 30, .55),
      transparent 45%
    );
}

#pjs-history .pjs-hero .pjs-wrap {
  width: min(100% - 48px, 1320px);
  margin-inline: auto;
}

#pjs-history .pjs-hero-content {
  position: relative;
  z-index: 2;
  padding-top: 110px;
  padding-bottom: 130px;
}

#pjs-history .pjs-hero-label {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 30px;
  color: #e5c28c;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.6px;
  line-height: 1.7;
}

#pjs-history .pjs-label-line {
  width: 36px;
  height: 2px;
  flex-shrink: 0;
  background: #e5c28c;
}

#pjs-history .pjs-hero h1 {
  max-width: 850px;
  margin: 0 0 28px;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7.2vw, 112px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -3px;
}

#pjs-history .pjs-hero h1 em {
  display: block;
  color: #e8c596;
  font-weight: 400;
  font-style: italic;
}

#pjs-history .pjs-hero-lead {
  max-width: 620px;
  margin: 0;
  color: #edf1f6;
  font-size: clamp(17px, 1.4vw, 21px);
  font-weight: 400;
  line-height: 1.85;
}

#pjs-history .pjs-hero-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px;
  margin-top: 42px;
}

#pjs-history .pjs-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: 58px;
  padding: 16px 26px;
  border: 1px solid #e8c596;
  border-radius: 4px;
  background: #e8c596;
  color: #142235;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .25s ease,
              transform .25s ease;
}

#pjs-history .pjs-hero-btn:hover {
  background: #fff;
  border-color: #fff;
  color: #142235;
  transform: translateY(-3px);
}

#pjs-history .pjs-hero-author {
  color: #d8dfe8;
  font-size: 14px;
  line-height: 1.7;
}

#pjs-history .pjs-hero-author strong {
  color: #fff;
}

#pjs-history .pjs-hero-scroll {
  position: absolute;
  right: max(24px, calc((100vw - 1320px)/2));
  bottom: 35px;
  display: flex;
  align-items: center;
  gap: 18px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
}

#pjs-history .pjs-hero-scroll span:last-child {
  color: #e8c596;
  font-size: 22px;
}

@media (max-width: 767px) {
  #pjs-history .pjs-hero {
    min-height: 640px;
  }

  #pjs-history .pjs-hero-bg {
    background-position: center;
  }

  #pjs-history .pjs-hero-overlay {
    background: linear-gradient(
      90deg,
      rgba(8, 18, 32, .93),
      rgba(8, 18, 32, .72)
    );
  }

  #pjs-history .pjs-hero .pjs-wrap {
    width: calc(100% - 36px);
  }

  #pjs-history .pjs-hero-content {
    padding-top: 90px;
    padding-bottom: 110px;
  }

  #pjs-history .pjs-hero-label {
    font-size: 10px;
    letter-spacing: 1.4px;
  }

  #pjs-history .pjs-hero h1 {
    font-size: clamp(48px, 12vw, 72px);
    letter-spacing: -1.5px;
  }

  #pjs-history .pjs-hero-lead {
    font-size: 16px;
    line-height: 1.75;
  }

  #pjs-history .pjs-hero-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
  }

  #pjs-history .pjs-hero-scroll {
    right: 20px;
    bottom: 22px;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #pjs-history .pjs-hero-btn {
    transition: none;
  }
}
</style>



@media(max-width:1250px){#pjs-history .pjs-topic-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){#pjs-history .pjs-topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#pjs-history .pjs-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}#pjs-history .pjs-milestones>div:after{display:none}}
@media(max-width:560px){#pjs-history .pjs-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#pjs-history .pjs-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}#pjs-history .pjs-hero{background-position:center,63% center;background-image:linear-gradient(90deg,rgba(4,18,31,.95),rgba(4,18,31,.66)),var(--pjs-hero)}}