/* Hero credentials: consolidate personal proof with Giulio's portrait. */
.hero{padding-bottom:58px}
.hero-portrait{margin-top:-28px;padding-bottom:0}
.hero-credentials{position:relative;margin:34px 10px 0;padding:15px 17px 13px;background:#0a294b;border:1px solid #315677;box-shadow:0 18px 34px rgba(1,16,35,.28)}
.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:94px;place-items:stretch;gap:0;border-top:1px solid rgba(168,194,216,.25);border-left:1px solid rgba(168,194,216,.25)}
.credential{width:100%;height:100%;padding:9px 12px;display:grid;grid-template-rows:40px 32px;align-content:center;justify-items:center;border-right:1px solid rgba(168,194,216,.25);border-bottom:1px solid rgba(168,194,216,.25);text-align:center}
.credential strong{display:flex;height:40px;align-items:center;justify-content:center;color:#dcae52;font:600 clamp(26px,2.35vw,35px)/.98 var(--serif);letter-spacing:-.045em}
.credential strong .credential-counter{display:inline;min-height:0;margin:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;transform:none}
.credential.counter-ready{opacity:1}
.credential.counter-active strong{animation:credentialNumberIn .72s cubic-bezier(.2,.75,.25,1) both}
.credential.counter-active>span:last-child{animation:credentialLabelIn .52s ease .18s both}
@keyframes credentialNumberIn{0%{opacity:.2;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes credentialLabelIn{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:translateY(0)}}
.credential-hiring strong{font-size:clamp(31px,2.7vw,40px);transform:translateY(-1px)}
.credential-lower>*{transform:translateY(-4px)}
.credential-amazon .amazon-logo{display:block;align-self:center;width:min(98px,72%);height:31px;margin:0;background:#dcae52;-webkit-mask:url('assets/company-logos/amazon.svg') center/contain no-repeat;mask:url('assets/company-logos/amazon.svg') center/contain no-repeat}
.credential span{display:flex;min-height:32px;align-items:flex-start;justify-content:center;margin-top:5px;color:#c4d3e1;font-size:12px;font-weight:600;line-height:1.34}
.credential sup{color:var(--gold);font:700 .45em/1 var(--sans);vertical-align:top;margin-left:3px}
.hero-outcomes-link{display:block;width:max-content;max-width:100%;margin:14px auto 1px;color:#f5d18c;font:700 15px/1.35 var(--sans);letter-spacing:.01em;text-align:center;text-decoration:none;border-bottom:1px solid rgba(245,209,140,.65);padding-bottom:4px}
.hero-outcomes-link:hover{color:#fff;border-color:#fff}
@media(min-width:801px){.hero-copy{align-self:start;margin-top:-38px}.hero-portrait{align-self:start;margin-top:-42px}.hero-credentials{margin-top:50px}}
@media(max-width:800px){.hero{padding-bottom:62px}.hero-portrait{margin-top:0;padding-right:0}.hero-credentials{margin:22px 0 0;padding:18px}.credential-grid{grid-auto-rows:112px}.credential{padding:17px 14px}.credential strong{font-size:31px}.credential span{font-size:12px}}
@media(max-width:440px){.hero-credentials{padding:13px}.credential-grid{grid-auto-rows:105px}.credential{padding:15px 12px}.credential strong{font-size:28px}.credential span{font-size:11px;line-height:1.35}.hero-outcomes-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.credential.counter-active strong,.credential.counter-active>span:last-child{animation:none}}