/* v12: viewport-based chapter deck with an independently navigable career journey. */
html,body{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;overscroll-behavior:none!important;scroll-behavior:auto!important;scrollbar-width:none!important}
body{isolation:isolate}
body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100}
main#main{position:fixed!important;inset:72px 0 0!important;width:100%!important;height:calc(100dvh - 72px)!important;overflow:hidden!important;isolation:isolate!important;display:block!important}
main#main > section[id],main#main > section[id].deck-past,main#main > section[id].deck-active{
 position:absolute!important;inset:0!important;display:flex!important;flex-direction:column!important;
 align-items:center!important;justify-content:center!important;min-height:0!important;max-height:none!important;height:100%!important;
 width:100%!important;margin:0!important;padding:clamp(14px,2.5vh,34px) 0!important;
 overflow:hidden!important;transform:none!important;translate:none!important;scale:1!important;
 opacity:0!important;visibility:hidden!important;pointer-events:none!important;
 transition:opacity .62s ease,visibility 0s linear .63s!important;
 will-change:opacity;scroll-margin-top:0!important;
}
main#main > section[id].deck-active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:3!important;transition:opacity .66s ease,visibility 0s!important}
main#main > section[id] > .shell{height:100%!important;max-height:100%!important;min-height:0!important;width:min(1140px,calc(100% - 90px))!important;max-width:none;margin-inline:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:10px 0 36px!important;scrollbar-width:none!important}
main#main > section[id] > .shell::-webkit-scrollbar,main#main .section-body::-webkit-scrollbar{display:none}
main#main > section[id].hero{width:min(1140px,calc(100% - 90px))!important;margin-inline:auto!important;display:grid!important;grid-template-columns:1.03fr .97fr!important;grid-template-rows:minmax(0,1fr) auto!important;gap:20px!important;overflow-y:auto!important;justify-content:initial!important;align-content:center!important;padding:12px 0 24px!important;scrollbar-width:none!important}
main#main > section[id].hero .hero-art{height:min(52dvh,500px)!important;min-height:220px!important;width:100%!important}
main#main .section-grid{display:grid!important;grid-template-columns:37% minmax(0,1fr)!important;align-items:center!important;gap:clamp(22px,4vw,66px)!important}
main#main .section-grid>.section-body{max-height:min(72dvh,740px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 8px 10px 0!important;scrollbar-width:none!important}
main#main > section[id] .section-heading{margin-bottom:clamp(14px,3vh,30px)!important}
main#main > section[id] .skills-grid{min-height:0}
main#main > section#experience.journey-section,main#main > section#experience.journey-section.deck-active{
 display:block!important;min-height:0!important;height:100%!important;overflow:hidden!important;padding:0!important;background:#0c1119!important
}
#experience .journey-sticky{position:relative!important;inset:auto!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#experience .journey-head{padding:clamp(12px,2vh,26px) 0 12px!important;flex:none!important;width:min(1260px,calc(100% - 100px))!important}
#experience .journey-heading h2{font-size:clamp(30px,3.6vw,54px)!important;margin:8px 0!important}
#experience .journey-heading p{font-size:13px}
#experience .journey-viewport{min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;position:relative!important;display:flex!important;align-items:center!important;touch-action:pan-y!important}
#experience .journey-track{width:max-content!important;min-width:0!important;height:min(100%,450px)!important;min-height:260px!important;padding:12px max(24px,calc(50vw - clamp(340px,39vw,520px)/2)) 16px!important;transform:translate3d(0,0,0);will-change:transform!important}
#experience .journey-card{height:100%!important;min-height:0!important}
#experience .journey-card-main{overscroll-behavior:contain}
#experience .journey-bottom{width:min(1260px,calc(100% - 100px))!important;padding:8px 0 clamp(14px,3vh,35px)!important;flex:none!important}
.footer{display:none!important}
.deck-controls{display:flex!important;z-index:80!important}
.deck-dots{display:flex!important;z-index:80!important}
.chapter-kicker{display:none!important}.read-progress{z-index:102!important}
@media(max-height:740px) and (min-width:761px){
 #experience .journey-head{padding:8px 0!important}
 #experience .journey-heading h2{font-size:34px!important;margin:4px 0!important}
 #experience .journey-heading p{font-size:11px}
 #experience .journey-track{height:min(100%,350px)!important;min-height:210px!important}
 #experience .journey-bottom{padding-bottom:10px!important}
 main#main > section[id].hero .hero-art{height:min(43dvh,370px)!important}
}
@media(max-width:760px){
 .site-header,.site-header .header-inner{height:66px!important}
 main#main{inset:66px 0 0!important;height:calc(100dvh - 66px)!important}
 main#main > section[id]{padding:0!important}
 main#main > section[id]>.shell{width:calc(100% - 36px)!important;padding:18px 0 72px!important;justify-content:flex-start!important}
 main#main > section[id].hero{width:calc(100% - 36px)!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:16px!important;align-content:start!important;padding:18px 0 76px!important}
 main#main > section[id].hero .hero-art{height:clamp(180px,30dvh,350px)!important;min-height:180px!important}
 main#main .section-grid{grid-template-columns:1fr!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:20px!important}
 main#main .section-grid>.section-body{max-height:none!important;overflow:visible!important;padding:0!important}
 main#main > section#experience.journey-section,main#main > section#experience.journey-section.deck-active{overflow:hidden!important}
 #experience .journey-sticky{position:relative!important;height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important}
 #experience .journey-head{display:block!important;width:calc(100% - 40px)!important;padding:18px 0 14px!important;flex:none!important}
 #experience .journey-heading h2{font-size:clamp(30px,8vw,45px)!important}
 #experience .journey-right{margin-top:9px!important}
 #experience .journey-viewport{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:none!important;touch-action:pan-y!important}
 #experience .journey-viewport::-webkit-scrollbar{display:none}
 #experience .journey-track{display:flex!important;flex-direction:column!important;gap:14px!important;padding:12px 18px 80px!important;width:100%!important;height:auto!important;min-height:0!important;transform:none!important;will-change:auto!important}
 #experience .journey-card{width:100%!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;opacity:1!important;padding:23px!important}
 #experience .journey-card-main{overflow:visible!important}
 #experience .journey-bottom{display:none!important}
 .deck-dots{right:8px!important;gap:7px!important}.deck-dots button{width:4px!important}
 .deck-controls{right:10px!important;bottom:10px!important}
}
@media(prefers-reduced-motion:reduce){main#main > section[id],main#main > section[id].deck-active{transition:none!important}#experience .journey-track{will-change:auto!important}}