/* campaigns.html - page styles (generated). Loaded between styles.css and responsive.css. */
/* #camp-ee-css */
/* employee engagement initiatives (16 Sep 2026): same card as the campaigns above, with a 4:3 art area */
.cengs .imgcard{display:flex;flex-direction:column}
.cengs .art{position:relative;aspect-ratio:4/3;background:#FBE3CF;overflow:hidden;border-bottom:1px solid rgba(24,21,18,.06)}
.cengs .art img,.cengs .art svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cengs .pad{flex:1;display:flex;flex-direction:column}
.cengs a.imgcard{text-decoration:none;color:inherit}
.cengs .next{background:#fff}
.cengs .next .art{background:#FBF3EA}
.cengs .go{margin-top:auto;padding-top:14px;font-weight:700;font-size:14px;color:var(--orange-ink,#B23A18)}
.cengs .next:hover .go{text-decoration:underline}
@keyframes cebob{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ceswing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes cehop{0%,62%,100%{transform:translateY(0)}72%{transform:translateY(-8px)}84%{transform:translateY(0)}}
@keyframes cesteam{0%,100%{opacity:.2;transform:translateY(2px)}50%{opacity:1;transform:translateY(-2px)}}
@keyframes cewave{0%,55%,100%{transform:rotate(0)}65%{transform:rotate(-14deg)}75%{transform:rotate(6deg)}85%{transform:rotate(-10deg)}}
.cengs .caseill .bob{animation:cebob 3.4s ease-in-out infinite}
.cengs .caseill .b2{animation-delay:-.9s}.cengs .caseill .b3{animation-delay:-1.8s}
.cengs .caseill .swing{transform-box:fill-box;transform-origin:50% 0%;animation:ceswing 3.2s ease-in-out infinite}
.cengs .caseill .hop{transform-box:fill-box;transform-origin:50% 100%;animation:cehop 3.6s ease-in-out infinite}
.cengs .caseill .hop.h2{animation-delay:-1.8s}
.cengs .caseill .steam{animation:cesteam 2.6s ease-in-out infinite}
.cengs .caseill .wave{transform-box:fill-box;transform-origin:0% 92%;animation:cewave 2.8s ease-in-out infinite}
.stats .stat .l.wide{max-width:230px;margin:0 auto}
.ceng .sechead h2,.ceng .sechead p{text-wrap:balance}
@media(max-width:980px) and (min-width:601px){.cards3.cengs{grid-template-columns:repeat(2,1fr)}}

/* #camp-photo-css */
.camps .shot.photo img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transform:none}
.camps .imgcard:hover .shot.photo img{transform:scale(1.025)}