/* ==========================================================================
   Inner-page heroes — bright and airy like the home hero, with their own shape:
   copy on the left, a leaf-cornered framed photo with a gold outline on the right.
   Also: stylish section headings and refreshed buttons for every inner page.
   ========================================================================== */

/* ---------- hero shell ---------- */
html .pg-hero.ih{
  position:relative;overflow:hidden;isolation:isolate;display:block;min-height:0;color:var(--navy,#163B65);
  padding:clamp(34px,5vw,64px) 0 clamp(46px,6vw,80px);
  background:
    radial-gradient(60% 80% at 94% 6%,rgba(57,136,212,.16),transparent 62%),
    radial-gradient(46% 60% at 0% 100%,rgba(242,198,109,.18),transparent 62%),
    linear-gradient(180deg,#F5F9FE 0%,#fff 100%)!important;
  background-size:auto!important;animation:none!important;border-bottom:0;border-image:none;
}
html .pg-hero.ih::before{
  content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;border-radius:0;pointer-events:none;
  background:radial-gradient(rgba(22,59,101,.10) 1.2px,transparent 1.3px) 0 0/26px 26px;
  -webkit-mask-image:radial-gradient(70% 75% at 78% 38%,#000,transparent);mask-image:radial-gradient(70% 75% at 78% 38%,#000,transparent);
  animation:none;
}
html .pg-hero.ih::after{
  content:"";position:absolute;inset:auto 0 0 0;height:3px;z-index:1;background:linear-gradient(90deg,transparent,#F2C66D 25%,#3988D4 50%,#F2C66D 75%,transparent);
  animation:none;transform:none;border-radius:0;
}
.pg-hero.ih .fx-blobs{opacity:.3}
.pg-hero.ih .fx-spark{display:none}

/* floating glow dots */
.ih-orbs{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ih-orbs i{
  position:absolute;width:var(--s,34px);height:var(--s,34px);border-radius:50%;
  background:radial-gradient(circle,#fff 0 12%,rgba(57,136,212,.55) 32%,rgba(57,136,212,.18) 56%,transparent 72%);
  animation:ih-drift var(--t,9s) ease-in-out var(--dl,0s) infinite;
}
.ih-orbs i:nth-child(1){--s:44px;left:3%;top:12%}
.ih-orbs i:nth-child(2){--s:26px;left:46%;top:8%;--t:11s;--dl:-3s;background:radial-gradient(circle,#fff 0 12%,rgba(242,198,109,.8) 34%,rgba(242,198,109,.2) 58%,transparent 72%)}
.ih-orbs i:nth-child(3){--s:30px;left:7%;top:80%;--t:8s;--dl:-5s}
.ih-orbs i:nth-child(4){--s:54px;right:2%;top:58%;--t:12s;--dl:-2s}
.ih-orbs i:nth-child(5){--s:24px;right:30%;top:90%;--t:10s;--dl:-6s;background:radial-gradient(circle,#fff 0 12%,rgba(242,198,109,.8) 34%,rgba(242,198,109,.2) 58%,transparent 72%)}
@keyframes ih-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12px,-20px) scale(1.2)}}

.ih-wrap{width:min(1180px,100% - 40px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,5vw,72px);align-items:center}
.ih-copy{min-width:0}

/* ---------- copy ---------- */
html .pg-hero.ih .pg-kicker{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:8px 16px 8px 12px;border-radius:999px;
  background:#E8F1FB!important;color:var(--sky,#3988D4)!important;border:1px solid rgba(57,136,212,.28);
  -webkit-backdrop-filter:none;backdrop-filter:none;font:700 .76rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;
}
html .pg-hero.ih .pg-kicker::before{background:var(--sky,#3988D4);box-shadow:0 0 0 0 rgba(57,136,212,.6);animation:fxPulse 2.2s infinite}
html .pg-hero.ih .pg-h1{
  font-family:var(--fx-serif)!important;font-optical-sizing:auto;font-weight:700;color:var(--navy,#163B65)!important;
  font-size:clamp(2.3rem,4.6vw,3.95rem)!important;line-height:1.06!important;letter-spacing:-.03em;margin:0 0 18px;max-width:none;text-shadow:none;
}
html .pg-hero.ih .pg-h1 em{position:relative;display:inline-block;font-style:italic;color:#2A6FB8!important;box-shadow:none!important}
html .pg-hero.ih .pg-h1 em .fx-w{
  background:linear-gradient(100deg,#2A6FB8,#3988D4,#163B65,#2A6FB8);background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none;
  padding-inline-end:.08em;margin-inline-end:-.08em;animation:fxShine 6s linear infinite;
}
html .pg-hero.ih .pg-h1 em::after{
  content:"";position:absolute;left:0;right:0;bottom:-.1em;height:.12em;border-radius:8px;
  background:linear-gradient(90deg,#F2C66D,#FFE7A8,#F2C66D);transform:scaleX(0);transform-origin:0 50%;
  transition:transform 1.1s var(--fx-ease,cubic-bezier(.22,1,.36,1)) 1.1s;
}
.pg-hero.ih.fx-hero-in .pg-h1 em::after,.pg-hero.ih:not(.fx-hero-js) .pg-h1 em::after{transform:scaleX(1)}
html .pg-hero.ih .pg-intro{
  font-family:var(--fx-serif);font-optical-sizing:auto;font-weight:500;font-size:clamp(1.08rem,1.5vw,1.28rem)!important;line-height:1.55!important;
  color:#1b3354!important;max-width:34em;margin:0 0 14px;
}
html .pg-hero.ih .ih-more{color:#4B6180!important;font-size:1rem;line-height:1.7;max-width:36em;margin:0 0 4px}

/* point cards */
html .pg-hero.ih .ih-points{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}
html .pg-hero.ih .ih-points li{
  --c:#3988D4;position:relative;overflow:hidden;padding:15px 16px 14px;border-radius:16px;
  background:#fff!important;border:1px solid #DCE6F2!important;border-top:3px solid var(--c)!important;color:#4B6180!important;
  -webkit-backdrop-filter:none;backdrop-filter:none;font-size:.9rem;line-height:1.5;box-shadow:0 10px 24px rgba(22,59,101,.08);
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;
}
html .pg-hero.ih .ih-points li:nth-child(2){--c:#163B65}
html .pg-hero.ih .ih-points li:nth-child(3){--c:#F2C66D}
html .pg-hero.ih .ih-points li:nth-child(4){--c:#2A6FB8}
html .pg-hero.ih .ih-points li:hover{transform:translateY(-6px);box-shadow:0 18px 34px rgba(22,59,101,.16);border-color:#DCE6F2!important}
html .pg-hero.ih .ih-points strong{display:block;font:800 .98rem/1.25 var(--display);color:var(--navy,#163B65)!important;margin-bottom:3px}

/* buttons */
html .pg-hero.ih .pg-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
html .pg-hero.ih .pg-btn{
  position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;
  font:700 .95rem/1 var(--display);letter-spacing:.01em;text-decoration:none;
  transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease;
}
html .pg-hero.ih .pg-btn-a{background:linear-gradient(100deg,#163B65,#2A6FB8 60%,#3988D4)!important;background-size:160% 100%;color:#fff!important;border:0!important;box-shadow:0 12px 26px rgba(22,59,101,.28)}
html .pg-hero.ih .pg-btn-a:hover{background-position:100% 0;transform:translateY(-3px);box-shadow:0 18px 34px rgba(22,59,101,.36)}
html .pg-hero.ih .pg-btn-b{background:#fff!important;color:var(--navy,#163B65)!important;border:1.5px solid var(--navy,#163B65)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html .pg-hero.ih .pg-btn-b:hover{background:var(--navy,#163B65)!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 14px 28px rgba(22,59,101,.22)}
html .pg-hero.ih .pg-btn .ic{width:1.2em;height:1.2em;transition:transform .3s ease}
html .pg-hero.ih .pg-btn:hover .ic{transform:translateX(5px)}
html .pg-hero.ih .pg-btn-a::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-130%);animation:ih-shine 4.2s ease-in-out 2.6s infinite}
@keyframes ih-shine{0%{transform:translateX(-130%)}30%,100%{transform:translateX(130%)}}

/* ---------- framed photo ---------- */
.ih-art{position:relative;min-width:0;padding:14px 14px 28px 28px;max-width:500px;margin-inline:auto;width:100%}
.ih-art::before{
  content:"";position:absolute;left:0;top:30px;right:34px;bottom:8px;z-index:0;border-radius:32px;background:linear-gradient(150deg,#DCEAFA,#F4F8FD);transform:rotate(-3deg);
}
.ih-art::after{
  content:"";position:absolute;right:0;bottom:0;width:64%;height:62%;z-index:0;border:3px solid var(--soft-gold,#F2C66D);border-radius:34px;
  animation:ih-breathe 6s ease-in-out infinite;
}
@keyframes ih-breathe{50%{transform:translate(6px,6px)}}
html .pg-hero.ih .ih-frame{
  position:relative;z-index:1;aspect-ratio:4/5;border-radius:130px 30px 30px 30px;border:6px solid #fff;background:#E8F1FB;
  box-shadow:0 34px 60px -26px rgba(22,59,101,.5),0 0 0 1px rgba(57,136,212,.18);
}
html .pg-hero.ih .ih-frame img{object-fit:cover;object-position:center 30%}
.ih-chip{
  position:absolute;z-index:3;left:0;bottom:62px;display:inline-flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:16px;
  background:#fff;color:var(--navy,#163B65);font:800 .86rem/1 var(--display);box-shadow:0 16px 34px rgba(22,59,101,.22);
  animation:ih-bob 5s ease-in-out infinite;
}
.ih-chip i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft-gold,#F2C66D);color:var(--navy,#163B65);flex:none}
.ih-chip i .ic{width:17px;height:17px;stroke-width:2.1}
html .pg-hero.ih .ih-chip--b{left:auto;right:-6px;top:54px;bottom:auto;animation-delay:-2.4s}
html .pg-hero.ih .ih-chip--b i{background:var(--sky,#3988D4);color:#fff}
@keyframes ih-bob{50%{transform:translateY(-9px)}}
html .pg-hero.ih .pg-chip{background:#fff!important;color:var(--navy,#163B65)!important}

html .pg-hero.ih-contact .ih-frame img{object-position:80% 40%}

/* ---------- news page: featured block under the title ---------- */
html .pg-hero.ih-news{padding-bottom:clamp(40px,5vw,64px)}
.ih-stack{width:min(1180px,100% - 40px)}
html .pg-hero.ih-news .pg-mag{margin-top:26px!important}
html .pg-hero.ih-news .pg-feat{box-shadow:0 22px 44px -22px rgba(22,59,101,.45)}
html .pg-hero.ih-news .pg-badge{background:var(--sky,#3988D4)}
html .pg-hero.ih-news .pg-stack a{background:#fff;border-color:#DCE6F2;color:var(--navy,#163B65)}
html .pg-hero.ih-news .pg-ticker{background:var(--navy,#163B65);color:#fff;border-left:4px solid var(--soft-gold,#F2C66D)}

/* ---------- older article / event / device hero ---------- */
.page-hero{background:linear-gradient(180deg,#F5F9FE,#fff)!important;color:var(--navy,#163B65);border-bottom:4px solid var(--soft-gold,#F2C66D);border-image:none}
.page-hero .bg,.page-hero .shade{display:none}
.page-hero::after{display:none}
.page-hero h1{color:var(--navy,#163B65);text-shadow:none}
.page-hero .eyebrow{background:#E8F1FB;border-color:rgba(57,136,212,.3);color:var(--sky,#3988D4)}
.page-hero .lede{color:#1b3354}
.page-hero .crumb,.page-hero .crumb a{color:#4B6180}
.page-hero .chip{background:#fff;color:var(--navy,#163B65);border:1px solid #DCE6F2}
.page-hero .cta-row .btn-line{color:var(--navy,#163B65)!important;border-color:var(--navy,#163B65)!important}

/* ---------- section headings on every inner page ---------- */
.pg-sec h2,.legal h1,.sec-head h2,.two h2,#gallery .head h2{letter-spacing:-.025em;color:var(--navy,#163B65)}
.pg-sec h2{font-size:clamp(1.8rem,3vw,2.5rem)}
.pg-sec h2::after{width:70px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--soft-gold,#F2C66D),#FFE7A8)}
.pg-sec .pg-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--sky,#3988D4);font-weight:800}
.h-acc{
  font-style:italic;padding-inline-end:.06em;
  background:linear-gradient(100deg,#2A6FB8,#3988D4,#163B65,#2A6FB8);background-size:240% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:fxShine 6s linear infinite;
}

/* ---------- refreshed buttons across the site (home hero keeps its own) ---------- */
.pg-btn,.outline-btn,.ov-btn,.btn:not(.hv-btn){border-radius:999px;font-weight:800;letter-spacing:.01em}
.pg-btn-a,.btn-solid,.ov-btn-primary{background:linear-gradient(100deg,#2A6FB8,#3988D4)!important;color:#fff!important}
.pg-btn-a:hover,.btn-solid:hover,.ov-btn-primary:hover{background:linear-gradient(100deg,#163B65,#2A6FB8)!important;transform:translateY(-3px)}
.outline-btn{border:1.5px solid var(--navy,#163B65);color:var(--navy,#163B65)}
.outline-btn:hover{background:var(--navy,#163B65);color:#fff}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .ih-wrap{grid-template-columns:1fr;gap:34px}
  .ih-art{max-width:420px}
  html .pg-hero.ih .pg-h1{font-size:clamp(2.1rem,8.5vw,3rem)!important}
  .ih-orbs i:nth-child(2),.ih-orbs i:nth-child(5){display:none}
}
@media (max-width:520px){
  html .pg-hero.ih .pg-btns{flex-direction:column;align-items:stretch}
  html .pg-hero.ih .pg-btn{justify-content:center}
  .ih-chip{font-size:.78rem}
}
@media (prefers-reduced-motion:reduce){
  .ih-orbs i,.ih-chip,.ih-art::after,html .pg-hero.ih .pg-btn-a::after,.h-acc,html .pg-hero.ih .pg-h1 em .fx-w{animation:none!important}
  .pg-hero.ih .pg-h1 em::after{transform:scaleX(1);transition:none}
}
