.experience-progress{position:fixed;z-index:50;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#6f9958,var(--green,#b8f28c));transform:scaleX(0);transform-origin:0 50%;pointer-events:none;box-shadow:0 0 12px #b8f28c26}
.experience-hero{isolation:isolate}
.experience-ambient{position:absolute;inset:0;z-index:-1;overflow:clip;pointer-events:none}
.experience-project-wash{position:absolute;inset:-10% -8%;background:radial-gradient(ellipse at 65% 44%,rgba(var(--experience-wash-color,184,242,140),.105),transparent 62%);opacity:1;transform-origin:65% 44%}
.experience-project-wash.is-previous,.experience-project-word.is-previous{opacity:0}
.experience-spotlight{position:absolute;left:0;top:0;width:860px;height:860px;background:radial-gradient(circle,rgba(var(--accent,184,242,140),.075),transparent 72%);transform:translate3d(calc(var(--experience-spot-x,0px) - 430px),calc(var(--experience-spot-y,0px) - 430px),0);opacity:0;transition:opacity .7s ease}
.experience-pointer-inside .experience-spotlight{opacity:1;will-change:transform}
.experience-project-word{position:absolute;right:var(--pad,5vw);top:21%;max-width:95%;color:rgba(var(--experience-word-accent,184,242,140),.045);font-size:clamp(110px,22vw,350px);font-weight:700;letter-spacing:-.085em;line-height:.9;white-space:nowrap;user-select:none}
.experience-ready .experience-reveal{opacity:1}
.experience-ready .experience-reveal:focus-within{opacity:1!important}
.experience-depth-enabled .experience-depth-panel{scale:var(--experience-depth-scale,1);translate:0 var(--experience-depth-y,0px);transform-origin:50% 50%}
.experience-magnetic{translate:var(--experience-magnet-x,0px) var(--experience-magnet-y,0px);transition:translate .24s cubic-bezier(.2,.8,.2,1),color .2s,background .2s}
.experience-magnetic:focus-visible{translate:none}
.experience-fine-pointer .business-card .business-image{transform:perspective(900px) rotateX(var(--experience-tilt-x,0deg)) rotateY(var(--experience-tilt-y,0deg));transition:transform .35s cubic-bezier(.2,.65,.2,1),box-shadow .35s;transform-origin:50% 50%}
.experience-fine-pointer .business-card:hover .business-image{box-shadow:0 24px 45px #0003}
.experience-fine-pointer .business-image::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(320px circle at var(--experience-card-x,50%) var(--experience-card-y,50%),#e6ffd513,transparent 72%);opacity:0;transition:opacity .35s}
.experience-fine-pointer .business-card:hover .business-image::after{opacity:1}
.experience-fine-pointer .business-card .image-arrow{z-index:2}
.ecosystem-rail{--experience-accent:184,242,140;position:fixed;z-index:18;inset:auto 0 calc(20px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 40px);margin-inline:auto;display:flex;align-items:center;gap:22px;padding:9px 11px 9px 19px;border:1px solid rgba(var(--experience-accent),.24);border-radius:15px;background:#171d15ed;box-shadow:0 15px 55px #0005,0 0 0 5px #11141050;backdrop-filter:blur(22px);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,18px,0);transition:opacity .28s ease,transform .4s cubic-bezier(.2,.7,.2,1),visibility .28s;contain:layout style}
.ecosystem-rail.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.ecosystem-rail-title{display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.02em;color:#b8c3ae;white-space:nowrap}
.ecosystem-rail-mark{font-size:23px;line-height:1;color:rgb(var(--experience-accent));font-weight:400}
.ecosystem-rail-projects{display:flex;align-items:stretch;gap:4px;min-width:0}
.ecosystem-rail-projects button{position:relative;display:flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid transparent;border-radius:8px;font-size:9px;letter-spacing:.025em;white-space:nowrap;color:#929f86;transition:color .2s,background .2s,border-color .2s}
.ecosystem-rail-projects button:hover{color:#e3edda;background:#e2ffd708}
.ecosystem-rail-projects button[aria-pressed="true"]{color:rgb(var(--experience-accent));background:rgba(var(--experience-accent),.08);border-color:rgba(var(--experience-accent),.18)}
.ecosystem-rail-projects button:focus-visible{outline-offset:2px}
.ecosystem-rail-number{font-size:7px;opacity:.6}
body.dialog-open .ecosystem-rail{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:900px){.ecosystem-rail{gap:12px;padding-left:13px;max-width:calc(100% - 30px)}.ecosystem-rail-title{font-size:9px;gap:6px}.ecosystem-rail-projects button{padding-inline:9px;font-size:8px;gap:5px}.ecosystem-rail-number{font-size:6px}.experience-project-word{top:25%;font-size:22vw}}
@media(max-width:650px){.experience-project-word{top:30%;font-size:24vw;color:rgba(var(--experience-word-accent,184,242,140),.028)}.experience-project-wash{background:radial-gradient(ellipse at 65% 44%,rgba(var(--experience-wash-color,184,242,140),.075),transparent 62%)}.ecosystem-rail{width:calc(100% - 24px);max-width:420px;bottom:calc(12px + env(safe-area-inset-bottom));padding:7px;gap:0;border-radius:12px;backdrop-filter:blur(12px)}.ecosystem-rail-title{display:none}.ecosystem-rail-projects{width:100%;gap:2px}.ecosystem-rail-projects button{flex:1;justify-content:center;min-height:39px;padding:0 5px;font-size:8px;letter-spacing:0;border-radius:7px}.ecosystem-rail-number{display:none}}
@media(max-width:350px){.ecosystem-rail-projects button{font-size:7px;padding-inline:3px}}
@media(hover:none),(pointer:coarse){.experience-spotlight{display:none}.experience-magnetic{translate:none}.experience-depth-panel{scale:1!important;translate:none!important}}
@media(prefers-reduced-motion:reduce){.experience-ready .experience-reveal,.experience-ready .experience-reveal.is-revealed{opacity:1!important;transform:none!important;transition:none}.experience-spotlight{display:none}.experience-magnetic{translate:none;transition:none}.experience-fine-pointer .business-card .business-image{transform:none;transition:none}.experience-depth-panel{scale:1!important;translate:none!important}.experience-project-word{transform:none!important}.ecosystem-rail,.ecosystem-rail.is-visible{transform:none;transition:none}.ecosystem-rail-projects button{transition:none}}