.experience-timeline{margin-top:50px;position:relative}.experience-timeline:before{background:linear-gradient(var(--gold), #334760 14%, #334760 86%, transparent);content:"";width:1px;position:absolute;top:0;bottom:0;left:244px}.experience-entry{grid-template-columns:200px minmax(0,1fr);gap:44px;padding:0 0 34px;display:grid;position:relative}.experience-marker{color:var(--gold);font:500 10px/1.45 var(--mono);letter-spacing:.08em;padding-top:6px;position:relative}.experience-marker span{background:var(--navy);border:2px solid var(--gold);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;top:7px;right:-51px;box-shadow:0 0 0 5px #d4a84f1f}.experience-card{border-bottom:1px solid #334760;min-width:0;padding:0 0 34px 34px}.experience-toggle{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;padding:0;display:flex}.experience-toggle>span:first-child{min-width:0}.experience-card h3{font:500 clamp(24px,2.6vw,34px)/1.12 var(--display);overflow-wrap:anywhere;margin:0}.experience-card h4{color:var(--gold);font:500 13px var(--mono);margin:9px 0 0}.experience-toggle-label{color:#c7d2dc;font:600 10px var(--mono);letter-spacing:.06em;white-space:nowrap;border:1px solid #405672;flex:none;justify-content:center;align-items:center;gap:7px;min-width:37px;min-height:37px;padding:9px 10px;display:flex}.experience-toggle:hover .experience-toggle-label,.experience-entry.is-open .experience-toggle-label{border-color:var(--gold);color:var(--gold)}.experience-entry.is-open .experience-toggle-label svg:not(:only-child){transform:rotate(180deg)}.experience-toggle-label svg{transition:transform .2s}.experience-content{padding-top:17px}.experience-content>p{color:#b8c4cc;max-width:680px;margin:0 0 16px;line-height:1.6}.experience-card small{color:#92a2b1;font:10px var(--mono)}@media (max-width:680px){.experience-timeline:before{left:7px}.experience-entry{grid-template-columns:1fr;gap:13px;padding-left:29px}.experience-marker{padding-top:0}.experience-marker span{top:2px;left:-29px;right:auto}.experience-card{padding:0 0 26px}.experience-card h3{font-size:27px}.experience-toggle{gap:12px}.experience-toggle-label{padding:9px;font-size:0}.experience-toggle-label svg{margin:0}.experience-content{padding-right:4px}}
