.experience-section{padding-top:20px;background:#0d1213}
.experience-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}
.experience-heading h2{font:400 clamp(38px,4.6vw,65px)/1.13 var(--display);text-transform:uppercase;letter-spacing:.015em;max-width:660px;margin-top:22px}
.experience-heading>p{max-width:270px;font-size:11px;line-height:1.9;color:#94a59a}
.experience-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid #9da77d3a}
.experience-card{min-width:0;position:relative;display:flex;flex-direction:column;background:#141e1e;overflow:hidden;transition:background .3s;border-right:1px solid #9da77d3a}
.experience-card:last-child{border-right:0}.experience-card:hover{background:#1a2522}
.experience-visual{position:relative;height:244px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#3b453237,#131d1b 75%);border-bottom:1px solid #94a17129;isolation:isolate}
.experience-visual:after{content:'';position:absolute;inset:10px;border:1px solid #aebb8224;pointer-events:none}
.experience-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;filter:saturate(.65) brightness(.84);transition:transform .7s,filter .7s}
.experience-card:hover .experience-visual>img{transform:scale(1.045);filter:saturate(.9) brightness(.95)}
.experience-visual>.scene-code{position:absolute;top:20px;left:20px;font:7px var(--mono);letter-spacing:.13em;color:#d1d3b9;z-index:2;padding:5px 8px;background:#121b1bba;border-left:1px solid #bfa471}
.experience-visual>svg{width:100%;height:100%;color:#b1b48d}
.experience-map-block{fill:#667b5c10;stroke:#8b9a6d45;stroke-width:1}
.experience-route{stroke:#d1b47d;stroke-width:1.8;stroke-dasharray:5 5;fill:none}.experience-card:hover .experience-route{animation:entry-route 8s linear infinite}
.experience-node{fill:#182420;stroke:#ad9a6e;stroke-width:1}.experience-node-active{fill:#b89d6740;stroke:#d2b67e}
.experience-research-icon{fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter}
.experience-card-copy{padding:27px 28px 29px;flex:1;position:relative}
.experience-card-copy>.am-icon{width:30px;height:30px;position:absolute;right:27px;top:30px;color:#8d9d7f}
.experience-card-copy>small{font:7px var(--mono);letter-spacing:.13em;color:#a5ad8c}
.experience-card-copy>h3{font:400 35px/1.2 var(--display);text-transform:uppercase;margin:12px 0 14px;letter-spacing:.02em;color:#d4dccc}
.experience-card-copy>p{font-size:11px;line-height:1.9;color:#94a58d;max-width:265px;min-height:44px}
.experience-open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a3af7730;padding-top:18px;margin-top:25px;font-size:9px;color:#c9b98f}
.experience-open>i{font-style:normal;font-size:18px;transition:transform .3s}.experience-card:hover .experience-open>i{transform:translate(3px,-3px)}
.experience-foot{font:8px/1.8 var(--mono);color:#7d9080;margin-top:22px}
@keyframes entry-route{to{stroke-dashoffset:-100}}
@media(max-width:1000px){.experience-card-copy{padding:23px 20px}.experience-card-copy>.am-icon{right:20px;top:25px;width:25px;height:25px}.experience-card-copy>h3{font-size:29px}.experience-visual{height:205px}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.experience-heading{display:block;margin-bottom:28px}.experience-heading h2{font-size:39px}.experience-heading>p{font-size:11px;margin-top:24px;max-width:340px}.experience-grid{grid-template-columns:1fr}.experience-card{border-right:0;border-bottom:1px solid #9da77d3a}.experience-card:last-child{border-bottom:0}.experience-visual{height:240px}.experience-card-copy{padding:25px}.experience-card-copy>h3{font-size:34px}.experience-card-copy>p{min-height:0;max-width:100%}.experience-card-copy>.am-icon{right:25px;top:28px}.experience-open{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.experience-card,.experience-visual>img,.experience-open>i{transition:none}.experience-card:hover .experience-route{animation:none}.experience-card:hover .experience-visual>img{transform:none}}
body.motion-paused .experience-route{animation:none!important}
