/* Groundhog stays in normal flow; never floats over content. */
.pip-mascot{position:relative;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:20px;width:100%;margin:0;padding:24px max(24px,5vw);background:#f3eddf;border-top:1px solid #d8d2c5;color:#143b30}
.pip-mascot-bubble{max-width:360px}
.pip-mascot-bubble strong{display:block;margin-bottom:6px;color:#143b30;font:800 14px/1.3 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.pip-mascot-bubble span{display:block;color:#44504d;font:400 15px/1.5 Arial,sans-serif}
.pip-mascot-mark{flex:0 0 72px;width:72px;border:0;background:transparent}
.pip-mascot-mark img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:700px){.pip-mascot{gap:16px;padding:22px 24px}.pip-mascot-mark{flex-basis:60px;width:60px}.pip-mascot-bubble{min-width:0}.pip-mascot-bubble span{font-size:14px}}
/* One stronger inline mascot appearance on the homepage; the industrial work remains primary. */
.mascot-feature{
  display:grid;
  grid-template-columns:minmax(120px,180px) minmax(0,1fr);
  gap:clamp(28px,5vw,64px);
  align-items:center;
  padding:clamp(28px,4vw,48px);
  border:1px solid rgba(20,59,48,.15);
  background:#fffdf8;
}
.mascot-feature img{display:block;width:100%;height:auto}
.mascot-feature h3{margin:.25rem 0 12px;color:#143b30;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02}
.mascot-feature p{margin:0;color:#52605b;line-height:1.65}
@media(max-width:700px){
  .mascot-feature{grid-template-columns:1fr}
  .mascot-feature img{width:min(150px,50vw);margin-inline:auto}
}