.experience-universe{--universe-panel: var(--qh-forest);--universe-ink: #fffdfa;position:relative;max-width:var(--content-width);margin:0 auto;padding:clamp(5.75rem,9vw,7rem) var(--gutter) clamp(4rem,10vw,8rem)}.experience-universe__hero{position:relative;display:grid;min-height:min(44rem,78vh);overflow:hidden;background:var(--universe-panel);color:var(--universe-ink);grid-template-columns:minmax(0,.94fr) minmax(20rem,1.06fr)}.experience-universe__hero:before{position:absolute;width:26rem;height:26rem;border:1px solid color-mix(in srgb,var(--qh-duck) 37%,transparent);border-radius:50%;content:"";top:-12rem;left:-12rem}.experience-universe__intro{position:relative;z-index:1;align-self:end;padding:clamp(2rem,6vw,5rem)}.experience-universe__eyebrow{margin:0 0 1.15rem;color:var(--qh-duck);font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.experience-universe h1{max-width:11ch;margin:0;color:var(--universe-ink);font-family:Fraunces,IBM Plex Sans Thai,serif;font-size:clamp(3.2rem,6.4vw,6.5rem);font-weight:600;line-height:.94;letter-spacing:-.052em}.experience-universe__lede{max-width:35rem;margin:1.75rem 0 0;color:#d9d1c3;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.65}.experience-orbit{position:relative;min-height:25rem;margin:0;border-left:1px solid color-mix(in srgb,#fffdfa 18%,transparent)}.experience-orbit__canvas{position:absolute;inset:0}.experience-orbit__canvas canvas{width:100%;height:100%;touch-action:none}.experience-orbit figcaption{position:absolute;right:clamp(1.25rem,3vw,2.5rem);bottom:clamp(1.25rem,3vw,2.5rem);display:grid;gap:.35rem;text-align:right}.experience-orbit figcaption span:first-child{color:var(--qh-duck);font-size:.69rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.experience-orbit figcaption span:last-child{max-width:20rem;color:#d9d1c3;font-size:.83rem;line-height:1.4}.experience-universe__body{display:grid;margin-top:clamp(2rem,6vw,4.5rem);grid-template-columns:minmax(16rem,.76fr) minmax(0,1.24fr);gap:clamp(2rem,7vw,8rem);align-items:start}.experience-role-picker{border-top:1px solid var(--border-strong)}.experience-role-picker__hint{margin:1rem 0 1.5rem;color:var(--text-muted);font-size:.79rem;line-height:1.45}.experience-role-picker button{display:grid;width:100%;padding:1.15rem 0;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;grid-template-columns:2.5rem 1fr;gap:.5rem;text-align:left;transition:color .18s ease,padding-left .18s ease}.experience-role-picker button:hover,.experience-role-picker button.is-selected{padding-left:.6rem;color:var(--text-primary)}.experience-role-picker button:focus-visible,.experience-role-detail__link:focus-visible{outline:3px solid var(--qh-duck);outline-offset:4px}.experience-role-picker__number{color:var(--qh-honk);font-family:ui-monospace,monospace;font-size:.75rem}.experience-role-picker strong,.experience-role-picker small{display:block}.experience-role-picker strong{font-size:.98rem;font-weight:600}.experience-role-picker small{margin-top:.24rem;color:var(--text-muted);font-size:.76rem;line-height:1.35}.experience-role-detail{padding-top:.2rem}.experience-role-detail__meta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;color:var(--qh-honk);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.experience-role-detail__meta span+span:before{margin-right:1rem;color:var(--border-strong);content:"·"}.experience-role-detail h2{max-width:15ch;margin:1.2rem 0 0;font-family:Fraunces,IBM Plex Sans Thai,serif;font-size:clamp(2.35rem,5vw,4.75rem);font-weight:600;line-height:.98;letter-spacing:-.045em}.experience-role-detail__org{margin:.75rem 0 0;color:var(--brand-primary);font-size:1.05rem;font-weight:600}.experience-role-detail__description{max-width:54ch;margin:1.8rem 0 0;color:var(--text-secondary);font-size:1.06rem;line-height:1.7}.experience-role-detail__tech{margin-top:2rem;padding-top:1.3rem;border-top:1px solid var(--border)}.experience-role-detail__tech p{margin:0 0 .8rem;color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.experience-role-detail__tech ul{display:flex;flex-wrap:wrap;gap:.55rem .9rem;padding:0;margin:0;list-style:none}.experience-role-detail__tech li{color:var(--text-primary);font-size:.9rem}.experience-role-detail__tech li:before{margin-right:.42rem;color:var(--qh-duck);content:"✦"}.experience-role-detail__link{display:inline-block;margin-top:2.1rem;border-bottom:2px solid var(--qh-honk);color:var(--text-primary);font-weight:700;text-decoration:none}.experience-universe__static-note{display:none;margin:2.5rem 0 0;color:var(--text-muted);font-size:.77rem}@media(max-width:760px){.experience-universe{padding-right:0;padding-left:0}.experience-universe__hero{min-height:auto;grid-template-columns:1fr}.experience-universe__intro{padding:5.75rem var(--gutter) 2.75rem}.experience-orbit{min-height:21rem;border-top:1px solid color-mix(in srgb,#fffdfa 18%,transparent);border-left:0}.experience-universe__body{padding:0 var(--gutter);grid-template-columns:1fr}.experience-universe__static-note{padding:0 var(--gutter)}}@media(prefers-reduced-motion:reduce){.experience-role-picker button{transition:none}.experience-universe__static-note{display:block}}