.experience-nav{position:sticky;top:var(--shell-height,104px);z-index:18;display:flex;gap:24px;align-items:center;padding:12px 30px;background:#F6EEDB;border-bottom:1px solid rgba(143,108,44,.28);min-height:60px;color:#2E241D}.experience-title{font:500 23px/1.2 'Cormorant Garamond',Georgia,serif;white-space:nowrap}.chapter-links{display:flex;gap:22px;overflow-x:auto;scrollbar-width:thin;align-items:center;flex:1;min-width:0}.chapter-links a{font:400 13px/1.4 Jost,sans-serif;padding:10px 0;white-space:nowrap}.chapter-links a[aria-current]{color:#8F6C2C;text-decoration:underline;text-underline-offset:5px}.motion-toggle{background:transparent;border:1px solid rgba(143,108,44,.28);font:400 12px/1.5 Jost,sans-serif;padding:9px 13px;min-height:42px;color:#5C4A3A;white-space:nowrap}.reading-line{position:absolute;bottom:0;left:0;height:2px;background:#8F6C2C;width:var(--reading,0%);pointer-events:none}.experience button:focus-visible,.experience a:focus-visible{outline:3px solid #8F6C2C;outline-offset:5px}.practice-toggle{display:block;margin:20px auto;padding:12px 20px;border:1px solid #8F6C2C;color:#2E241D;background:#F6EEDB;cursor:pointer}.experience img{max-width:100%}.experience section{scroll-margin-top:calc(var(--shell-height,104px) + 75px)}.experience :is(.fade-up,.reveal,.reveal-left,.reveal-right,.stagger):not(.visible):not(.is-in):not(.in){visibility:visible}html:not(.motion-ready) .experience :is(.fade-up,.reveal,.reveal-left,.reveal-right,.stagger){opacity:1!important;transform:none!important}html[data-motion=paused] .experience *,html[data-motion=paused] .experience *::before,html[data-motion=paused] .experience *::after{animation-play-state:paused!important;transition:none!important}html[data-motion=paused] :is(.fade-up,.reveal,.reveal-left,.reveal-right,.stagger,.sitem){opacity:1!important;transform:none!important;visibility:visible!important}
.motion-ready main>.hero .hero-copy{animation:arrive-copy .9s cubic-bezier(.2,.65,.3,1) both}.motion-ready main>.hero .hero-visual{animation:arrive-photo 1.15s cubic-bezier(.2,.65,.3,1) both}.motion-ready main>.hero .hero-seal{animation:seal-breath 7s ease-in-out infinite}.motion-ready .modality{transition:background .3s,transform .4s}.modality:hover{transform:translateY(-5px)}.bio-path{transition:padding .25s,background .25s}.bio-path:hover{padding-left:22px}.mentoring-card{position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}.mentoring-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(92,74,58,.12)}.mentoring-card .sigil{transition:transform 1s}.mentoring-card:hover .sigil{transform:rotate(12deg)}[data-cinematic]{transition:opacity .8s cubic-bezier(.2,.65,.3,1),translate .8s cubic-bezier(.2,.65,.3,1)}.motion-ready [data-cinematic]:not(.arrived){opacity:0;translate:0 32px}html[data-motion=paused] [data-cinematic]{opacity:1!important;translate:0!important}.global-motion{position:fixed;bottom:18px;right:18px;z-index:30;background:#F6EEDB;border:1px solid rgba(143,108,44,.4);color:#5C4A3A;padding:9px 14px;min-height:42px;font:400 12px/1.5 Jost,sans-serif;box-shadow:0 3px 18px rgba(46,36,29,.09)}html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important}
@keyframes arrive-copy{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes arrive-photo{from{opacity:0;clip-path:inset(8% 0 0 0);transform:translateY(25px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes seal-breath{0%,100%{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-4deg) scale(1.045)}}
@media(max-width:960px){.experience-nav{gap:15px;padding:10px 20px;flex-wrap:wrap}.chapter-links{order:3;width:100%;flex-basis:100%;gap:24px}.motion-toggle{margin-left:auto}.experience-nav{min-height:100px}.experience section{scroll-margin-top:calc(var(--shell-height,90px) + 120px)}}
@media(max-width:600px){.experience-nav{padding:8px 15px;gap:5px 15px}.experience-title{font-size:21px}.chapter-links{gap:20px}.chapter-links a{font-size:12px}.motion-toggle{padding:7px 9px;font-size:11.2px}.experience .hero{min-width:0}.global-motion{bottom:10px;right:10px}.experience :is(.hero h1,h1){overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.experience *,[data-cinematic],.hero-copy,.hero-visual,.hero-seal{animation:none!important;transition:none!important;translate:0!important;opacity:1!important}.experience :is(.fade-up,.reveal,.reveal-left,.reveal-right,.stagger,.sitem){opacity:1!important;transform:none!important}}