/* Experience: company identity, practical work and measurable outcomes. */
.experience-section .experience-title-row{align-items:center}
.experience-section .experience-title-row>p{max-width:320px;font-size:13px;line-height:1.9}
.experience-section .timeline{display:grid;gap:18px;border:0}
.experience-section .experience{border:1px solid #303c32;background:#111815;border-radius:9px;overflow:hidden;transition:border-color .2s}
.experience-section .experience[open]{border-color:#536b43}
.experience-section .experience summary{display:grid;grid-template-columns:90px minmax(0,1fr) auto 25px;gap:24px;padding:27px 30px;align-items:center}
.experience-section .company-logo{width:90px;height:70px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff0d;border-radius:7px;padding:14px;flex-shrink:0}
.company-logo--light{background:#f4f6f3}
.company-logo--dark{background:#080c09}
.company-logo img{display:block;width:100%;height:100%;object-fit:contain}
.company-logo--adidas img{max-width:48px;max-height:45px}
.company-logo--deloitte{padding:12px}
.company-logo--repsol{padding:11px}
.experience-section .experience-main{gap:5px;min-width:0}
.experience-section .experience-main strong{font-size:26px;line-height:1.2;font-weight:550;letter-spacing:-.7px}
.experience-section .experience-main .experience-role{font-size:12px;color:#bbc8b5;line-height:1.6}
.experience-section .experience-main .experience-context{font-size:10px;color:#8c9e83;line-height:1.6}
.experience-section .experience-main .experience-summary-note{font-size:10px;color:#809775;line-height:1.7;margin-top:5px}
.experience-section .experience:first-child .experience-summary-note{color:var(--accent)}
.experience-section .experience-date{font-size:10px;align-items:flex-end;gap:10px;padding:0;white-space:nowrap}
.experience-section .experience-toggle{font-size:25px;align-self:center}
.experience-section .experience-body{max-width:none;padding:0 30px 30px}
.experience-section .experience-intro{border-top:1px solid #2b382c;padding-top:23px;font-size:13px;line-height:1.9;color:#a8b79e;margin:0 0 23px}
.experience-section .role-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:start}
.experience-section .role-work{min-width:0}
.experience-section .role-stack{padding:21px 19px;border:1px solid #2d3b2a;border-radius:6px;background:#0d150f}
.experience-section .role-stack h3{margin:0 0 16px;font-family:var(--mono);font-weight:400;font-size:9px;line-height:1.7;letter-spacing:1px;color:#a2b18e}
.role-tech-grid{display:grid;grid-template-columns:1fr;gap:8px}
.role-tech{display:flex;align-items:center;gap:10px;width:100%;min-width:0;border:1px solid #293828;border-radius:4px;padding:9px 10px;background:#162013;text-align:left;line-height:1.4;font:inherit;color:#b7c7a5;cursor:default}
button.role-tech{cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
button.role-tech:hover{border-color:#87a56e;background:#1d2d17;transform:translateX(2px)}
.role-tech-name{font-size:10px;min-width:0;overflow-wrap:anywhere}
.role-tech-icon{width:30px;height:26px;flex-shrink:0;display:grid;place-items:center;padding:2px;border-radius:3px}
.role-tech-icon img{width:100%;height:100%;object-fit:contain;display:block}
.role-tech-icon--light{background:#f4f6f3;padding:4px}
.role-tech-icon--wordmark{width:40px}
.role-tech-arrow{font-size:12px;color:#687e56;margin-left:auto}
.impact-feature{padding:25px;border:1px solid #78985a80;border-radius:7px;background:radial-gradient(ellipse at 10% 0%,#c1f88a14,transparent 70%),#1a2717;margin-bottom:18px;position:relative;overflow:hidden}
.impact-feature:after{content:"";position:absolute;right:-45px;top:-45px;width:145px;height:145px;border:1px solid #c1f88a10;border-radius:50%;pointer-events:none}
.impact-kicker{font-family:var(--mono);font-size:8px;letter-spacing:1.1px;line-height:1.8;color:#a7c58c;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}
.impact-brand-icons{display:flex;align-items:center;gap:9px}
.impact-brand-icons img{display:block;width:23px;height:23px;object-fit:contain}
.impact-brand-icons img:first-child{background:#f1f4ee;padding:2px;border-radius:3px;width:30px}
.impact-headline{display:flex;align-items:center;gap:25px;margin-bottom:17px}
.impact-metric{font-size:clamp(52px,5vw,72px);letter-spacing:-4px;line-height:1.1;font-weight:550;color:var(--accent);white-space:nowrap}
.impact-caption{font-size:18px;line-height:1.4;font-weight:500;color:#e6eedf;max-width:230px;margin:0}
.experience-section .impact-feature p{color:#b1c0a5;font-size:12px;line-height:1.9;margin:0}
.impact-changes{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #61794a55;margin-top:20px;padding-top:17px}
.impact-change>span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.7px;line-height:1.8;color:#8d9f7b;margin-bottom:4px}
.impact-change strong{font-size:16px;font-weight:500;color:#d5e9c0;line-height:1.4}
.role-milestones{display:grid;gap:12px}
.achievement-card{border:1px solid #303e2d;border-radius:6px;padding:21px;background:#151f12;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;position:relative}
.achievement-symbol{width:30px;height:30px;display:grid;place-items:center;border:1px solid #50683b;border-radius:6px;color:#b1d294;background:#203119}
.achievement-symbol svg{width:17px;height:17px}
.achievement-label{font-family:var(--mono);font-size:8px;letter-spacing:1px;line-height:1.8;color:#8ea87a;margin-bottom:8px;display:block}
.experience-section .achievement-card h3{font-size:16px;letter-spacing:-.3px;line-height:1.5;font-weight:500;margin:0 0 8px;color:#dbe5d2}
.experience-section .achievement-card p{font-size:12px;line-height:1.9;color:#a0b194;margin:0}
.achievement-version{display:inline-block;border:1px solid #53683e;padding:4px 10px;font-size:12px;font-family:var(--mono);color:#bfdb9f;border-radius:4px;margin-top:13px}
.role-focus{margin-top:18px;padding:19px 21px;border-left:2px solid var(--accent);background:#172311;border-radius:0 5px 5px 0}
.role-focus .achievement-label{color:#abc98b;margin-bottom:6px}
.experience-section .role-focus h3{margin:0 0 7px;font-size:16px;font-weight:500;line-height:1.5}
.experience-section .role-focus p{font-size:12px;line-height:1.85;color:#a8ba98;margin:0}
.experience-section .role-note{margin:14px 0 0;font-size:10px;line-height:1.8;color:#7e9270}
@media(max-width:1100px){
.experience-section .experience summary{grid-template-columns:80px minmax(0,1fr) auto 22px;gap:20px;padding:25px}
.experience-section .company-logo{width:80px;height:65px}
.experience-section .experience-body{padding:0 25px 25px}
.experience-section .role-layout{grid-template-columns:minmax(0,1fr) 210px;gap:20px}
.experience-section .role-stack{padding:18px 14px}
.impact-feature{padding:21px}.impact-headline{gap:20px}.impact-caption{font-size:16px}.impact-metric{font-size:61px}.achievement-card{padding:18px;gap:12px}
}
@media(max-width:850px){
.experience-section .experience summary{grid-template-columns:70px minmax(0,1fr) 20px;gap:17px}
.experience-section .company-logo{width:70px;height:64px;grid-row:1/3}
.experience-section .experience-date{grid-column:2;grid-row:2;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:2px;gap:13px}
.experience-section .experience-main{grid-column:2;grid-row:1}
.experience-section .experience-toggle{grid-column:3;grid-row:1/3}
.experience-section .role-layout{grid-template-columns:minmax(0,1fr)}
.role-tech-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.experience-section .experience-main strong{font-size:24px}
.experience-section .role-stack{padding:20px}
.impact-headline{gap:30px}.impact-caption{font-size:19px;max-width:280px}.impact-metric{font-size:72px}
}
@media(max-width:600px){
.experience-section .experience-title-row>p{font-size:12px;max-width:320px}
.experience-section .timeline{gap:13px}
.experience-section .experience summary{grid-template-columns:56px minmax(0,1fr) 18px;gap:12px;padding:20px 16px}
.experience-section .company-logo{width:56px;height:53px;padding:9px}
.company-logo--adidas img{max-width:35px;max-height:35px}
.experience-section .company-logo--deloitte,.experience-section .company-logo--repsol{padding:7px}
.experience-section .experience-main strong{font-size:22px;letter-spacing:-.5px}
.experience-section .experience-main .experience-role{font-size:11px}
.experience-section .experience-main .experience-context{font-size:9px}
.experience-section .experience-main .experience-summary-note{font-size:9px;line-height:1.7;margin-top:5px}
.experience-section .experience-date{font-size:9px;margin-top:6px;flex-wrap:wrap;gap:8px}
.experience-section .experience-toggle{font-size:22px}
.experience-section .experience-body{padding:0 16px 20px}
.experience-section .experience-intro{font-size:12px;line-height:1.9;padding-top:19px;margin-bottom:20px}
.experience-section .role-layout{gap:18px}
.impact-feature{padding:20px 17px;margin-bottom:13px}
.impact-kicker{font-size:7px;letter-spacing:.8px;gap:8px;margin-bottom:18px}
.impact-headline{display:block;margin-bottom:17px}
.impact-metric{font-size:70px;letter-spacing:-3.5px;display:block;margin-bottom:10px}
.impact-caption{font-size:18px;max-width:250px;display:block}
.experience-section .impact-feature p{font-size:12px}
.impact-changes{gap:14px;margin-top:18px;padding-top:14px}
.impact-change>span{font-size:7px;letter-spacing:.4px}.impact-change strong{font-size:14px}
.achievement-card{padding:18px 15px;grid-template-columns:27px minmax(0,1fr);gap:11px}
.achievement-symbol{width:27px;height:27px}
.achievement-label{font-size:7px;letter-spacing:.8px;margin-bottom:7px}
.experience-section .achievement-card h3{font-size:15px;line-height:1.5}
.experience-section .achievement-card p,.experience-section .role-focus p{font-size:12px;line-height:1.9}
.role-focus{padding:18px 17px;margin-top:13px}
.experience-section .role-stack{padding:18px 13px}
.experience-section .role-stack h3{font-size:8px}
.role-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.role-tech{gap:7px;padding:8px 7px;min-height:47px}
.role-tech-icon{width:26px;height:24px}.role-tech-icon--wordmark{width:31px}
.role-tech-name{font-size:9px;line-height:1.5}.role-tech-arrow{font-size:10px}
}
@media(prefers-reduced-motion:reduce){button.role-tech:hover{transform:none}}
.team-periods{display:grid;gap:23px}
.team-period{border:1px solid #35462d;border-radius:7px;background:#0e160e;overflow:hidden}
.team-period--current{border-color:#6d8b4c;background:#142010}
.team-heading{display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:13px;padding:20px 23px;border-bottom:1px solid #304328}
.team-symbol{width:35px;height:35px;display:grid;place-items:center}
.team-symbol img{width:30px;height:30px;object-fit:contain}
.experience-section .team-heading h3{font-size:21px;line-height:1.3;margin:0 0 4px;font-weight:500;letter-spacing:-.4px}
.team-subtitle{font-size:10px;line-height:1.7;color:#95a785}
.team-date{font-size:10px;letter-spacing:.3px;display:flex;align-items:center;gap:12px;white-space:nowrap;color:#b3c4a1}
.team-content{padding:23px}
.experience-section .team-intro{font-size:12px;line-height:1.9;color:#a3b494;margin:0 0 21px}
.team-brief{display:flex;align-items:center;justify-content:space-between;gap:25px}
.experience-section .team-brief .team-intro{margin:0;max-width:600px}
.team-inline-tools{width:250px;flex-shrink:0}
.experience-section .role-stack h4{margin:0 0 16px;font-family:var(--mono);font-weight:400;font-size:9px;line-height:1.7;letter-spacing:1px;color:#a2b18e}
.experience-section .achievement-card h4{font-size:16px;letter-spacing:-.3px;line-height:1.5;font-weight:500;margin:0 0 8px;color:#dbe5d2}
@media(max-width:1100px){.team-content{padding:19px}.team-heading{padding:18px 19px}.team-inline-tools{width:210px}.experience-section .achievement-card h4{font-size:16px}}
@media(max-width:850px){.team-brief{display:block}.experience-section .team-brief .team-intro{margin-bottom:16px}.team-inline-tools{width:min(100%,300px)}}
@media(max-width:600px){
.team-periods{gap:17px}
.team-heading{grid-template-columns:27px minmax(0,1fr);gap:8px 11px;padding:16px 13px}
.team-symbol{width:27px;height:30px;grid-row:1/3;align-self:start}
.team-symbol img{width:25px;height:25px}
.experience-section .team-heading h3{font-size:19px}
.team-subtitle{font-size:9px}
.team-date{grid-column:2;flex-wrap:wrap;font-size:9px;gap:9px}
.team-content{padding:16px 12px}
.experience-section .team-intro{font-size:12px;margin-bottom:18px}
.experience-section .achievement-card h4{font-size:15px}
.experience-section .role-stack h4{font-size:8px}
.team-period .impact-headline{display:block}
.team-period .impact-metric{font-size:65px}
.team-period .role-tech-grid{grid-template-columns:1fr}
.team-period .role-tech-name{font-size:10px}
}