/* Approved concept: one shared project table, BNYA as an equal teammate. */
.experience{background:#fff;padding-block:110px}
.experience .experience-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%;align-items:center}
.experience-copy h2{font-size:clamp(34px,3.3vw,48px);font-weight:700;line-height:1.3;letter-spacing:-.025em}
.experience-copy h2 span{display:inline-block;color:#657f9f;margin-top:10px}
.experience .experience-copy p{font-size:clamp(16px,1.3vw,19px);line-height:1.9;color:#405777;max-width:500px;margin-top:30px}
.experience .experience-copy p+p{margin-top:24px}
.experience .colleague-line{display:block;font-size:clamp(18px,1.6vw,23px);line-height:1.55;color:var(--navy);margin-top:40px;font-weight:700}
.team-illustration{margin:0;min-width:0;width:100%;max-width:620px;justify-self:center}
.team-illustration img{width:100%;height:auto;object-fit:contain}
.team-illustration figcaption{font-size:11px;line-height:1.5;color:#61738b;text-align:left;margin-top:8px}
@media(max-width:1100px) and (min-width:761px){.experience .experience-grid{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.experience-copy h2{font-size:35px}.experience .experience-copy p{font-size:16px}.experience .colleague-line{font-size:19px}}
@media(max-width:760px){.experience{padding-block:70px}.experience .experience-grid{grid-template-columns:1fr;gap:32px}.experience-copy h2{font-size:33px}.experience .experience-copy p{font-size:16px;line-height:1.85;margin-top:24px;max-width:none}.experience .experience-copy p+p{margin-top:20px}.experience .colleague-line{font-size:19px;margin-top:28px}.team-illustration{width:100%;max-width:500px}.team-illustration figcaption{font-size:10px;margin-top:4px}}
/* Team illustration now introduces BNYA; the conversation belongs beside WhatsApp copy. */
.hero-team{max-width:620px;align-self:center}
.experience .experience-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:8%}
.experience-copy{grid-column:2;grid-row:1}
.experience-phone{grid-column:1;grid-row:1;width:100%;max-width:510px;margin:0;justify-self:center;align-self:center}
@media(min-width:761px) and (max-width:1180px){.experience-phone .phone-stage{width:480px;margin-left:calc((100% - 480px)/2)}.experience-phone{overflow:clip}}
@media(max-width:760px){.hero-team{max-width:500px;margin:15px 0 0}.experience .experience-grid{grid-template-columns:1fr;gap:20px}.experience-copy{grid-column:1;grid-row:1}.experience-phone{grid-column:1;grid-row:2;width:100%;max-width:100%;margin:0;overflow:clip}.experience-phone .phone-stage{width:485px;margin-left:calc((100% - 485px)/2)}}
@media(max-width:360px){.experience-phone .phone-stage{width:450px;margin-left:calc((100% - 450px)/2)}}