/* Phase 2 additive stylesheet: uses the frozen homepage design system. */
.experience-hero{background:linear-gradient(145deg,#fff 28%,#f4f7fb);padding:90px 0 92px;border-bottom:1px solid var(--line)}
.experience-hero .container{max-width:1160px}.experience-hero h1{max-width:900px;font-size:clamp(2.8rem,5vw,4.7rem);margin:20px 0 25px}.experience-hero h1 span{color:var(--blue)}.experience-intro{max-width:800px;color:#4c6177;font-size:clamp(1.1rem,1.8vw,1.3rem)}.experience-note{font-size:.9rem;color:var(--muted);margin:22px 0 0}
.detail-list,.early-list{display:grid;gap:18px}.detail-card,.early-card{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:31px 34px}.detail-date{font-size:.9rem;color:var(--blue);font-weight:800;padding-top:3px}.detail-card h3,.early-card h3{font-size:1.25rem;margin-bottom:6px}.role-context{font-size:.92rem;color:var(--muted);margin-bottom:17px}.detail-card ul{margin:0;padding-left:22px;color:#4c6177}.detail-card li+li{margin-top:9px}.early-card{background:#fbfcfe}.early-card h3{font-size:1.09rem}.early-card p:last-child{margin:0;color:var(--muted)}
@media(max-width:740px){.experience-hero{padding:55px 0 65px}.detail-card,.early-card{grid-template-columns:1fr;gap:9px;padding:23px}.detail-card h3{font-size:1.15rem}.detail-card li{overflow-wrap:anywhere}}

/* Phase 2 hero: stronger, even outline for the secondary résumé button. */
.experience-hero .button.secondary{
  border:2px solid #7895b4;
  padding:10px 19px;
  background:#fff;
  box-shadow:0 2px 5px rgba(24,42,67,.08);
}
.experience-hero .button.secondary:hover{
  border-color:var(--blue);
  background:#f3f7fc;
}