.experience-section{position:relative}.experience-head{align-items:center;gap:1rem;margin:.6rem 0 clamp(1.4rem,3vw,2rem);display:flex}.experience-head>div{min-width:0}.experience-head .section-heading{text-wrap:balance;margin-bottom:.3rem;font-size:clamp(1.45rem,3vw,2.2rem)}.experience-avatar{aspect-ratio:1;background:conic-gradient(from 210deg, var(--gold-light), var(--gold-dim), var(--gold), var(--gold-light));border-radius:50%;flex-shrink:0;width:clamp(56px,8vw,72px);padding:3px}.experience-avatar img{object-fit:cover;border:3px solid var(--bg-card);border-radius:50%;width:100%;height:100%;display:block}.experience-id{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.2rem .4rem;font-size:.86rem;display:flex}.experience-id>span{align-items:center;gap:4px;display:inline-flex}.experience-id>span+span:before{content:"·";margin-right:.4rem}.experience-id>span:first-child{font-family:var(--font-display);color:var(--text-primary);font-weight:600}.experience-section .experience-id-ico{width:14px;height:14px}.chapter-track{margin-bottom:1.2rem}.chapter-card-box{margin-top:1.6rem}.chapter-card-box .moment-card{margin-top:0}.chapter-track{margin-top:.4rem;position:relative}.moment-card{border:1px solid var(--glass-border);box-shadow:var(--card-shadow);background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 6%, var(--bg-card)) 0%, var(--bg-card) 45%);border-radius:clamp(16px,3vw,22px);grid-template-columns:minmax(0,1fr);margin-top:1.6rem;display:grid;position:relative;overflow:hidden}.moment-card[data-shape=split]{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.moment-card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 60%, transparent), transparent);height:1px;position:absolute;top:0;left:24px;right:24px}.moment-stage{margin:clamp(.45rem,1.5vw,.75rem)}.moment-panel{align-content:start;gap:.9rem;padding:clamp(1rem,5cqi,1.8rem);display:grid;container-type:inline-size}.moment-panel>*{min-width:0}.moment-top{align-items:center;gap:10px;min-height:36px;display:flex}.moment-count{font-family:var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600;overflow:hidden}.moment-name{font-family:var(--font-display);text-wrap:balance;overflow-wrap:break-word;font-size:clamp(1.25rem,7cqi,1.7rem);font-weight:700;line-height:1.15}.moment-story{color:var(--text-secondary);overflow-wrap:break-word;font-size:clamp(.95rem,4cqi,1rem);line-height:1.7}.moment-kept{background:color-mix(in srgb, var(--text-primary) 3%, transparent);border:1px solid var(--glass-border);border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:.75rem;padding:.85rem 1rem .9rem .85rem;display:grid}.moment-kept>div{min-width:0}.moment-kept-label{font-family:var(--font-display);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);font-size:.66rem;font-weight:600}.moment-kept p{font-family:var(--font-display);overflow-wrap:break-word;margin-top:2px;font-size:clamp(.92rem,4cqi,1rem);font-weight:600;line-height:1.4}[data-reduced-motion=true] .moment-line-fill,[data-reduced-motion=true] .moment-pip-rail{transition:none}[data-reduced-motion=true] .moment-pip{display:none}.chapter-card .moment-panel{gap:.75rem}.chapter-card.moment-card[data-shape=split]{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center}.chapter-card.moment-card[data-shape=stack]{grid-template-columns:minmax(0,1fr)}.chapter-role{gap:.1rem;display:grid}.chapter-role b{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-size:.8rem}[data-theme=light] .chapter-role b{color:var(--gold-dim)}.chapter-role span{color:var(--text-muted);overflow-wrap:break-word;font-size:.84rem}.chapter-role a{color:var(--text-secondary);text-decoration:underline;-webkit-text-decoration-color:var(--glass-border-gold);text-decoration-color:var(--glass-border-gold);text-underline-offset:3px}@media (hover:hover){.chapter-role a:hover{color:var(--gold)}}.chapter-moment{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.chapter-beats{flex-shrink:0;gap:6px;display:inline-flex}.chapter-beats button{cursor:pointer;background:0 0;border:0;width:30px;height:24px;padding:0;position:relative}.chapter-beats button:before{content:"";background:var(--glass-border);transform-origin:0;height:8px;transition:background var(--t-fast), transform var(--t-fast);border-radius:4px;position:absolute;top:8px;left:4px;right:4px}.chapter-beats button.is-on{width:40px}.chapter-beats button.is-on:before{background:var(--gold)}.chapter-beats button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.chapter-links{flex-wrap:wrap;gap:8px;display:flex}.chapter-links .sx-chip{min-height:34px}.role-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px;display:grid}.role-stat{background:color-mix(in srgb, var(--gold) 5%, transparent);border:1px solid color-mix(in srgb, var(--gold) 14%, transparent);min-width:0;transition:transform var(--t-mid), border-color var(--t-fast), background var(--t-fast);border-radius:16px;grid-template-rows:auto auto 1fr;align-content:start;gap:4px;padding:1rem 1.05rem 1.05rem;display:grid}@media (hover:hover){.role-stat:hover{border-color:color-mix(in srgb, var(--gold) 40%, transparent);background:color-mix(in srgb, var(--gold) 9%, transparent);transform:translateY(-3px)}}.role-viz{align-items:center;min-width:0;min-height:64px;margin-bottom:.4rem;display:flex}.role-stat-value{font-family:var(--font-display);color:var(--gold);font-variant-numeric:tabular-nums;overflow-wrap:break-word;font-size:clamp(1.5rem,6cqi,2rem);line-height:1.1}[data-theme=light] .role-stat-value{color:color-mix(in srgb, var(--gold) 88%, #000)}.role-stat-value small{color:var(--text-muted);font-size:.5em;font-weight:600}.role-stat-label{color:var(--text-secondary);overflow-wrap:break-word;font-size:.8rem;line-height:1.35}.viz-ring{width:64px;height:64px}.viz-ring circle{fill:none;stroke-width:7px}.viz-ring-track{stroke:color-mix(in srgb, var(--gold) 16%, transparent)}.viz-ring-fill{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--off);transform-origin:32px 32px;transform:rotate(-90deg)}.viz-ring-text{font-family:var(--font-display);fill:var(--text-primary);font-size:13px;font-weight:700}.viz-grid-wrap{gap:6px;width:100%;display:grid}.viz-grid{grid-template-columns:repeat(10,9px);gap:3px;display:grid}.viz-cell{background:var(--gold);opacity:.85;border-radius:2px;width:9px;height:9px}.viz-grid[data-unit=tests] .viz-cell{border-radius:50%}.viz-meter{background:color-mix(in srgb, var(--text-muted) 30%, transparent);border-radius:6px;width:min(100%,136px);height:12px;overflow:hidden}.viz-meter-fill{height:100%;width:calc(var(--w) * 1%);border-radius:inherit;background:var(--gold);display:block}.viz-note{color:var(--text-muted);font-size:.68rem}.experience-section .sc-panel{fill:var(--s-panel);stroke:var(--s-line)}.experience-section .sc-panel-2{fill:var(--s-panel-2)}.experience-section .sc-dot{fill:var(--s-ink-3);opacity:.6}.experience-section .sc-caption{fill:var(--s-ink-3);font:500 13px var(--font-body)}.experience-section .sc-text{fill:var(--s-ink-2);font:500 14px var(--font-body)}.experience-section .sc-strong{fill:var(--s-ink);font:700 15px var(--font-display)}.experience-section .sc-mono{fill:var(--s-ink);font:500 15px ui-monospace,Cascadia Mono,Consolas,monospace}.experience-section .sc-hello{fill:var(--gold);font:700 34px ui-monospace,Cascadia Mono,Consolas,monospace}.experience-section .sc-glow{fill:color-mix(in srgb, var(--gold) 12%, transparent)}.experience-section .sc-cursor{fill:var(--gold)}.experience-section .sc-select{fill:color-mix(in srgb, var(--gold) 14%, transparent)}.experience-section .sc-avatar{fill:var(--s-ink-3);opacity:.55}.experience-section .sc-acc{fill:var(--gold)}.experience-section .sc-acc-text{fill:var(--gold);font:700 14px var(--font-display)}.experience-section .sc-on-acc-stroke{fill:none;stroke:var(--on-acc);stroke-width:2.4px;stroke-linecap:round}.experience-section .sc-chip{fill:none;stroke:var(--s-line);stroke-width:1.5px}.experience-section .sc-chip.is-on{fill:color-mix(in srgb, var(--gold) 16%, transparent);stroke:var(--gold)}.experience-section .sc-chip-text{fill:var(--s-ink-3);font:600 13px var(--font-display)}.experience-section .sc-chip-text.is-on{fill:var(--gold)}.experience-section .sc-count{fill:var(--gold);font:700 26px var(--font-display);font-variant-numeric:tabular-nums}.experience-section .sc-desk{fill:var(--s-panel-2)}.experience-section .sc-person{fill:var(--s-ink-3);opacity:.55}.experience-section .sc-empty{fill:none;stroke:var(--s-ink-3);stroke-width:1.6px;stroke-dasharray:4 4}.experience-section .sc-ring{fill:none;stroke:var(--gold);stroke-width:2px}.experience-section .sc-tile{fill:var(--s-panel);stroke:var(--s-line)}.experience-section .sc-tile.is-on{fill:color-mix(in srgb, var(--gold) 16%, var(--s-panel));stroke:color-mix(in srgb, var(--gold) 55%, transparent)}.experience-section .sc-empty-tile{fill:none;stroke:var(--s-ink-3);stroke-width:1.5px;stroke-dasharray:5 5}.experience-section .sc-glyph{fill:none;stroke:var(--gold);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.experience-section .sc-big{fill:var(--s-ink);font:700 60px var(--font-body);font-variant-numeric:tabular-nums}.experience-section .sc-track{fill:var(--s-panel-2)}.experience-section .sc-tick{fill:none;stroke:var(--s-ink-3);stroke-width:1.5px}.experience-section .sc-main{fill:none;stroke:var(--gold);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1}.experience-section .sc-lane{fill:none;stroke:var(--s-ink-3);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;opacity:.8}.experience-section .sc-merge{fill:var(--s-panel);stroke:var(--gold);stroke-width:2.5px}.experience-section .sc-merge.is-on{fill:var(--gold)}.experience-section .sc-flag-text{fill:var(--on-acc);font:700 11px var(--font-body)}.experience-section .sc-phone{fill:var(--s-panel-2);stroke:var(--s-line)}.experience-section .sc-screen{fill:var(--s-panel)}.experience-section .sc-cell{fill:var(--s-ink-3);opacity:.5}.experience-section .sc-cell.is-on{fill:var(--gold)}.experience-section .sc-arrow{fill:none;stroke:var(--s-ink-3);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.experience-section .sc-arrow.is-on{stroke:var(--gold)}.experience-section .sc-step{fill:var(--s-ink-3);font:600 14px var(--font-display)}.experience-section .sc-step.is-on{fill:var(--gold)}.viz-grid[data-few]{grid-template-columns:repeat(6,14px);gap:4px}.viz-grid[data-few] .viz-cell{border-radius:4px;width:14px;height:14px}.experience-section .sc-lane.is-mine{stroke:var(--gold);opacity:1}.experience-section .sc-avatar.is-mine{fill:var(--gold);opacity:1}.experience-section .sc-lane-label{fill:var(--s-ink-2);font:500 11.5px var(--font-body)}
