.experience{position:relative;min-height:1250px;background:#050b12;color:#fff;overflow:hidden}.experience-sticky{position:sticky;top:0;height:100vh;min-height:650px;display:grid;place-items:center;overflow:hidden}.experience-media{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,11,18,.94) 0%,rgba(5,11,18,.62) 34%,rgba(5,11,18,.08) 72%),url('assets/house-cutaway-v20.png');background-size:cover;background-position:center;transform:scale(1.06);transition:transform .8s ease,filter .8s ease}.experience-content{position:relative;z-index:3;width:min(1200px,100%);padding:0 clamp(22px,8vw,120px);display:flex;align-items:center;min-height:100vh}.experience-copy{max-width:430px}.experience-copy h2{font:800 clamp(46px,6vw,86px)/.9 'Barlow Condensed';text-transform:uppercase;margin:16px 0 22px}.experience-copy h2 em{color:#f6c344;font-style:normal}.experience-copy p{color:#c1d2d9;line-height:1.7}.experience-steps{list-style:none;padding:0;margin:38px 0 0;width:360px}.experience-steps li{display:flex;gap:13px;align-items:center;padding:12px 0;color:rgba(255,255,255,.45);font-size:12px;border-bottom:1px solid rgba(255,255,255,.14);transition:.4s}.experience-steps b{display:grid;place-items:center;width:27px;height:27px;border:1px solid #57717e;border-radius:50%;font-size:10px}.experience-steps li.active{color:#fff;transform:translateX(9px)}.experience-steps li.active b{background:#f6c344;border-color:#f6c344;color:#09121a;box-shadow:0 0 25px rgba(246,195,68,.6)}.experience-caption{position:absolute;bottom:26px;right:clamp(22px,8vw,120px);z-index:3;color:#6d8590;font:10px monospace;letter-spacing:2px}.energy-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}.energy-overlay path{fill:none;stroke:#f6c344;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 20;filter:drop-shadow(0 0 8px #f6c344);opacity:.05;transition:opacity .45s}.energy-overlay path.active{opacity:.9;animation:flowV20 1.6s linear infinite}.energy-label{position:absolute;z-index:4;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(5,15,22,.72);color:#7f99a4;font:10px monospace;letter-spacing:1px;opacity:.35;transform:translateY(8px);transition:.45s}.energy-label.active{opacity:1;color:#fff;border-color:#f6c344;box-shadow:0 0 25px rgba(246,195,68,.25);transform:none}.label-ground{left:58%;bottom:11%}.label-board-v20{left:67%;top:48%}.label-test{left:59%;top:36%}.label-light{left:53%;top:23%}.label-ev-v20{right:10%;top:54%}.experience-progress{position:absolute;bottom:28px;left:clamp(22px,8vw,120px);width:280px;height:2px;background:rgba(255,255,255,.18);z-index:4}.experience-progress i{display:block;width:20%;height:100%;background:#f6c344;box-shadow:0 0 12px #f6c344;transition:width .35s}@keyframes flowV20{to{stroke-dashoffset:-56}}@media(max-width:700px){.experience{min-height:1050px}.experience-sticky{min-height:760px;align-items:end}.experience-media{background-image:linear-gradient(180deg,rgba(5,11,18,.25) 0%,rgba(5,11,18,.65) 56%,rgba(5,11,18,.98) 92%),url('assets/house-cutaway-v20.png');background-position:61% center;transform:scale(1.01)}.experience-content{align-items:end;padding:0 18px 75px;min-height:760px}.experience-copy{max-width:100%}.experience-copy h2{font-size:52px;margin:10px 0}.experience-copy p{font-size:14px;line-height:1.55}.experience-steps{width:100%;margin-top:23px}.experience-steps li{font-size:11px;padding:9px 0}.experience-caption{right:18px;bottom:14px;font-size:8px}.experience-progress{left:18px;bottom:38px;width:180px}.energy-label{font-size:8px;padding:7px 8px}.label-ground{left:49%;bottom:22%}.label-board-v20{left:68%;top:43%}.label-test{left:52%;top:33%}.label-light{left:40%;top:20%}.label-ev-v20{right:5%;top:48%}.energy-overlay{opacity:.8}}@media(prefers-reduced-motion:reduce){.experience-media,.experience-steps li,.energy-label,.experience-progress i{transition:none}.energy-overlay path.active{animation:none}}
