/** Modern technology accent for the homepage slogan. */
.pnbyw-slogan-section{
  --slogan-red:#9a2109;
  --slogan-dark:#681407;
  --slogan-gold:#d4a017;
  position:relative;
  isolation:isolate;
  width:100%;
  margin:0;
  padding:clamp(30px,4vw,48px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 20%,rgba(154,33,9,.07),transparent 28%),
    radial-gradient(circle at 90% 78%,rgba(212,160,23,.10),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.66),rgba(248,250,252,.48));
  border-block:1px solid rgba(148,163,184,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.pnbyw-slogan-section::before{
  display:none;
}

.pnbyw-slogan-section::after{
  display:none;
}

.pnbyw-slogan-inner{
  width:min(100%,var(--pnbyw-wrap));
  margin-inline:auto;
  padding-inline:clamp(14px,3vw,28px);
}

.pnbyw-slogan-shine-box{
  position:relative;
  min-height:0;
  padding:clamp(14px,2vw,22px) clamp(8px,3vw,28px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(14px,3vw,34px);
  text-align:center;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}

.pnbyw-slogan-shine-box::before,
.pnbyw-slogan-shine-box::after{
  content:"";
  position:relative;
  z-index:2;
  flex:1 1 120px;
  max-width:150px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(154,33,9,.24),var(--slogan-gold));
}

.pnbyw-slogan-shine-box::after{
  background:linear-gradient(90deg,var(--slogan-gold),rgba(154,33,9,.24),transparent);
}

.pnbyw-slogan-shine-text{
  position:relative;
  z-index:3;
  display:inline-block;
  max-width:820px;
  color:#172033;
  background-image:linear-gradient(100deg,#172033 0%,#172033 38%,var(--slogan-red) 47%,var(--slogan-gold) 51%,var(--slogan-red) 55%,#172033 64%,#172033 100%);
  background-position:100% 50%;
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(1.25rem,2.6vw,2rem);
  font-weight:820;
  line-height:1.35;
  letter-spacing:-.025em;
  text-wrap:balance;
  text-shadow:none;
  animation:pnbywSloganTextScan 6.5s cubic-bezier(.4,0,.2,1) infinite;
}

.pnbyw-slogan-shine-text::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:13px;
  vertical-align:.14em;
  border-radius:3px;
  background:var(--slogan-gold);
  box-shadow:0 0 0 5px rgba(212,160,23,.13),0 0 20px rgba(212,160,23,.34);
  transform:rotate(45deg);
  animation:pnbywSloganNodePulse 2.4s ease-in-out infinite;
}

.pnbyw-slogan-shine-text::after{
  display:none;
}

@keyframes pnbywSloganTextScan{
  0%,18%{background-position:100% 50%}
  52%,100%{background-position:0 50%}
}

@keyframes pnbywSloganNodePulse{
  0%,100%{box-shadow:0 0 0 4px rgba(212,160,23,.11),0 0 12px rgba(212,160,23,.24)}
  50%{box-shadow:0 0 0 7px rgba(212,160,23,.07),0 0 22px rgba(212,160,23,.4)}
}

@media(max-width:640px){
  .pnbyw-slogan-section{padding:24px 0 28px}
  .pnbyw-slogan-shine-box{min-height:0;padding:12px 4px}
  .pnbyw-slogan-shine-box::before,.pnbyw-slogan-shine-box::after{flex-basis:26px;max-width:42px}
  .pnbyw-slogan-shine-text{font-size:clamp(1.05rem,5.2vw,1.35rem);line-height:1.45}
  .pnbyw-slogan-shine-text::before{width:7px;height:7px;margin-right:10px}
}

@media(prefers-reduced-motion:reduce){
  .pnbyw-slogan-shine-text{color:#172033;background:none;-webkit-text-fill-color:currentColor;animation:none}
  .pnbyw-slogan-shine-text::before{animation:none}
}

@media(prefers-reduced-transparency:reduce){
  .pnbyw-slogan-section{backdrop-filter:none;-webkit-backdrop-filter:none}
}