:root{--ink:oklch(96% .01 80);--ink-dim:oklch(82% .015 80);--ink-mute:oklch(73% .02 80);--paper:oklch(12% .012 60);--accent-shire:oklch(82% .14 115);--accent-fellowship:oklch(78% .08 235);--accent-ascent:oklch(74% .16 35);--rule:#ffffff24;--rule-strong:#ffffff47;--serif:"Cormorant Garamond", "EB Garamond", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-journey:cubic-bezier(.7, 0, .2, 1);--ease-soft:cubic-bezier(.4, .01, .2, 1);--nav-h:72px;--overlay-strength:.72}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}::selection{color:#fff;background:#ffffff38}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}.stage{width:100vw;height:100vh;position:relative;overflow:hidden}.chapter-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.chapter-bg__img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.04)}.chapter-bg--shire .chapter-bg__img{filter:saturate(1.1)contrast(1.03)brightness(1.02)}.chapter-bg--shire:before,.chapter-bg--shire:after{content:"";pointer-events:none;z-index:1;opacity:.4;filter:blur(28px);background:repeating-linear-gradient(90deg,#0000 0%,#c8d7b959 4%,#e6ebdc73 8%,#0000 14%,#c3d2b440 18%,#0000 22%,#dce6d259 27%,#0000 33.33%);width:300%;height:40%;animation:30s linear infinite fog-drift;position:absolute;top:42%;left:0}.chapter-bg--shire:after{opacity:.3;filter:blur(36px);background:repeating-linear-gradient(90deg,#0000 0%,#d7e1c84d 5%,#0000 12%,#e6ebd766 18%,#c8d7be33 25%,#0000 33.33%);height:32%;animation:42s linear infinite reverse fog-drift;top:55%}@keyframes fog-drift{0%{transform:translate(0)}to{transform:translate(-33.33%)}}.chapter-bg--fellowship .chapter-bg__img{filter:saturate(.95)contrast(1.05)brightness(.95)hue-rotate(-4deg)}.snow{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.snow:before{content:"";background-image:radial-gradient(1.5px 1.5px at 10% 15%,#ffffffb3 50%,#0000 50%),radial-gradient(1px 1px at 25% 40%,#ffffff80 50%,#0000 50%),radial-gradient(2px 2px at 55% 10%,#fff9 50%,#0000 50%),radial-gradient(1.5px 1.5px at 70% 60%,#ffffff80 50%,#0000 50%),radial-gradient(1px 1px at 85% 25%,#fff6 50%,#0000 50%),radial-gradient(2px 2px at 40% 75%,#ffffff8c 50%,#0000 50%),radial-gradient(1px 1px at 15% 85%,#ffffff73 50%,#0000 50%),radial-gradient(1.5px 1.5px at 90%,#ffffff80 50%,#0000 50%);background-size:180px 200px;width:250%;height:300%;animation:12s linear infinite snowfall;position:absolute;top:-100%;left:-50%}.snow--near:before{opacity:.8;background-image:radial-gradient(2.5px 2.5px at 20% 30%,#fff9 50%,#0000 50%),radial-gradient(2px 2px at 50% 15%,#ffffff80 50%,#0000 50%),radial-gradient(3px 3px at 75% 55%,#ffffff73 50%,#0000 50%),radial-gradient(2px 2px at 35% 80%,#ffffff8c 50%,#0000 50%),radial-gradient(2.5px 2.5px at 90% 40%,#fff6 50%,#0000 50%);background-size:240px 260px;animation:8s linear infinite snowfall}.snow--far:before{opacity:.5;animation:16s linear infinite snowfall-wind}@keyframes snowfall{0%{transform:translate(0)}to{transform:translate(8%,33.33%)}}@keyframes snowfall-wind{0%{transform:translate(0)}to{transform:translate(15%,33.33%)}}.ascent-lightning{z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;height:45%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.lightning-canvas{width:100%;height:100%;display:block}.ascent-lightning--1{animation:16s ease-in-out infinite lightning-strike-a}.ascent-lightning--2{animation:22s ease-in-out 5s infinite lightning-strike-b}.ascent-lightning--3{animation:19s ease-in-out 11s infinite lightning-strike-c}.ascent-lightning--4{animation:25s ease-in-out 3s infinite lightning-strike-a}@keyframes lightning-strike-a{0%,to{opacity:0}71%{opacity:0}71.5%{opacity:.6}72%{opacity:.1}72.5%{opacity:.5}73.2%{opacity:0}73.8%{opacity:.25}74.2%{opacity:0}}@keyframes lightning-strike-b{0%,to{opacity:0}44%{opacity:0}44.4%{opacity:.55}44.8%{opacity:.08}45.2%{opacity:.45}45.8%{opacity:0}}@keyframes lightning-strike-c{0%,to{opacity:0}82%{opacity:0}82.4%{opacity:.5}82.7%{opacity:.15}83%{opacity:.55}83.5%{opacity:0}84%{opacity:.2}84.3%{opacity:0}}.chapter-bg--ascent .chapter-bg__img{filter:saturate(1.08)contrast(1.06)brightness(.9)}.chapter-bg__placeholder{position:absolute;inset:0}.chapter-bg--shire .chapter-bg__placeholder{background:linear-gradient(135deg,oklch(28% .06 130) 0%,oklch(22% .04 110) 40%,oklch(18% .03 90) 100%)}.chapter-bg--fellowship .chapter-bg__placeholder{background:linear-gradient(135deg,oklch(22% .05 240) 0%,oklch(18% .04 220) 40%,oklch(14% .03 200) 100%)}.chapter-bg--ascent .chapter-bg__placeholder{background:linear-gradient(135deg,oklch(24% .08 35) 0%,oklch(18% .06 25) 40%,oklch(14% .04 15) 100%)}.chapter-bg__overlay{background:linear-gradient(100deg, rgba(6, 8, 12, calc(var(--overlay-strength) * 1.05)) 0%, rgba(6, 8, 12, calc(var(--overlay-strength) * .55)) 45%, rgba(6, 8, 12, calc(var(--overlay-strength) * .35)) 75%, rgba(6, 8, 12, calc(var(--overlay-strength) * .85)) 100%);position:absolute;inset:0}.chapter-bg__vignette{background:radial-gradient(80% 70% at 30%,#0000 35%,#0000008c 100%),linear-gradient(#0000 70%,#00000073 92%,#000000b3 100%);position:absolute;inset:0}.chapter-bg--ascent .chapter-bg__vignette{background:radial-gradient(80% 70% at 30%,#0000 35%,#0000008c 100%),radial-gradient(circle at 95% 97%,#000 0%,#000000f2 3%,#000000b3 6%,#0000 12%),linear-gradient(#0000 65%,#00000080 88%,#000c 100%)}.veil{pointer-events:none;z-index:1;transition:opacity .2s var(--ease-soft);background:radial-gradient(120% 80%,#00000059,#000c);position:absolute;inset:0}.chap-nav{height:var(--nav-h);z-index:20;color:var(--ink);background:linear-gradient(#0000008c,#0000 100%);align-items:center;gap:32px;padding:0 clamp(24px,4vw,56px);display:flex;position:absolute;top:0;left:0;right:0}.chap-nav__brand{align-items:baseline;gap:10px;display:flex}.chap-nav__mark{color:var(--ink-dim);font-size:10px;transform:translateY(-2px)}.chap-nav__name{font-family:var(--serif);letter-spacing:.01em;font-size:22px;font-weight:500}.chap-nav__list{gap:4px;margin:0 auto 0 24px;padding:0;list-style:none;display:flex}.chap-nav__btn{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);transition:color .25s var(--ease-soft), background .25s var(--ease-soft);border-radius:2px;align-items:baseline;gap:10px;padding:8px 14px;font-size:13px;display:inline-flex}.chap-nav__btn:hover{color:var(--ink);background:#ffffff0a}.chap-nav__btn.is-active{color:var(--ink);background:#ffffff0f}.chap-nav__num{font-family:var(--serif);color:var(--ink-mute);font-size:15px;font-style:italic}.chap-nav__btn.is-active .chap-nav__num{color:var(--ink)}.chap-nav__label{font-size:11px;font-weight:500}.chap-nav__cta{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule-strong);transition:background .25s var(--ease-soft), border-color .25s var(--ease-soft);white-space:nowrap;border-radius:2px;padding:10px 18px;font-size:12px;text-decoration:none}.chap-nav__cta:hover{background:#ffffff14;border-color:#ffffff73}.scroller{z-index:5;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;position:absolute;inset:0;overflow:hidden auto}.scroller::-webkit-scrollbar{display:none}.chapters-viewport{width:100vw;height:100vh;position:sticky;top:0}.snap-target{scroll-snap-align:start;scroll-snap-stop:always;pointer-events:none;height:100vh}.snap-target--zero{height:0}.chapter{--reveal:1;--retreat:0;clip-path:inset(calc((1 - var(--reveal)) * 100%) 0 0 0);will-change:clip-path;position:absolute;inset:0}.chapter:first-child{clip-path:none}.chapter__page{transform:scale(calc(1 - var(--retreat) * .05));transform-origin:50% 40%;filter:brightness(calc(1 - var(--retreat) * .3));will-change:transform, filter;position:absolute;inset:0}.chapter__fold{height:180px;transform:translateY(calc((1 - var(--reveal)) * 100vh));pointer-events:none;z-index:10;opacity:calc(var(--reveal) * (1 - var(--reveal)) * 4);background:linear-gradient(#00000073,#0000001f 40%,#0000);position:absolute;top:0;left:0;right:0}.chapter__inner{padding:calc(var(--nav-h) + 24px) clamp(40px, 7vw, 120px) 70px;align-items:flex-start;display:flex;position:absolute;inset:0;overflow:hidden}.panel{width:100%;max-width:620px;color:var(--ink);scrollbar-width:none;max-height:100%;padding-right:4px;position:relative;overflow-y:auto}.panel--shire{isolation:isolate;margin-left:-32px;padding-left:32px;position:relative;overflow:visible}.panel--shire:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(110% 100% at 0%,#00000073 0%,#0000004d 50%,#0000001f 80%,#0000 100%);border-radius:4px;position:absolute;inset:-28px 0}.panel::-webkit-scrollbar{display:none}.panel__kicker{border-bottom:1px solid var(--rule);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.panel__numeral{font-family:var(--serif);color:var(--ink);opacity:.9;font-size:24px;font-style:italic;line-height:1}.panel__chap{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.hero__title{letter-spacing:-.015em;margin:0 0 18px;font-size:clamp(52px,6.2vw,92px);line-height:.92}.hero__line{display:block}.hero__line--light{opacity:.94;font-style:italic;font-weight:400}.hero__details{border-left:2px solid var(--accent-shire);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#ffffff0a,#fff0 80%);flex-direction:column;gap:12px;max-width:620px;padding:16px 20px;display:flex}.hero__detail{align-items:baseline;gap:16px;display:flex}.hero__detail-label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);flex-shrink:0;min-width:72px;font-size:10.5px}.hero__detail-value{font-family:var(--serif);font-size:18px;font-weight:500}.hero__skills{border-left:2px solid var(--accent-shire);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#ffffff0a,#fff0 80%);flex-direction:column;gap:14px;max-width:620px;margin-top:16px;padding:16px 20px;display:flex}.skills__group{align-items:baseline;gap:12px;display:flex}.skills__category{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);flex-shrink:0;min-width:108px;font-size:10.5px}.skills__chips{flex-wrap:wrap;gap:6px;display:flex}.skills__chip{font-family:var(--mono);color:var(--accent-shire);letter-spacing:.02em;background:oklch(82% .14 115/.08);border:1px solid oklch(82% .14 115/.3);border-radius:999px;padding:3px 9px;font-size:10.5px}.section__title{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(38px,4.2vw,58px);font-weight:500;line-height:1}.section__lead{color:var(--ink-dim);text-wrap:pretty;max-width:520px;margin:0 0 26px;font-size:14.5px;line-height:1.6}.timeline{flex-direction:column;gap:16px;max-width:620px;margin:0;padding:0;list-style:none;display:flex}.timeline__item{border-left:2px solid var(--accent-fellowship);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:border-color .3s var(--ease-soft);background:linear-gradient(90deg,#ffffff0a,#fff0 80%);padding:16px 20px}.timeline__item:hover{border-left-color:var(--ink);background:linear-gradient(90deg,#ffffff14,#ffffff05 80%)}.timeline__head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.timeline__company{font-family:var(--serif);letter-spacing:.005em;color:var(--accent-fellowship);margin:0;font-size:22px;font-weight:500}.timeline__role{color:var(--ink-dim);margin:2px 0 0;font-size:13px}.timeline__period{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;white-space:nowrap;font-size:11.5px}.timeline__blurb{color:var(--ink-dim);text-wrap:pretty;margin:8px 0 10px;font-size:13.5px;line-height:1.55}.timeline__stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.timeline__chip{font-family:var(--mono);color:var(--accent-fellowship);letter-spacing:.02em;background:oklch(78% .08 235/.08);border:1px solid oklch(78% .08 235/.3);border-radius:999px;padding:3px 9px;font-size:10.5px}.projects{flex-direction:column;gap:16px;max-width:620px;margin:0 0 16px;padding:0;list-style:none;display:flex}.project{border-left:2px solid var(--accent-ascent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:inherit;transition:border-color .3s var(--ease-soft), background .3s var(--ease-soft);background:linear-gradient(90deg,#ffffff0a,#fff0 80%);flex-direction:column;gap:8px;padding:16px 20px;text-decoration:none;display:flex}.project:hover{border-left-color:var(--ink);background:linear-gradient(90deg,#ffffff14,#ffffff05 80%)}.project:hover .project__link{color:var(--ink)}.project__head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.project__name{font-family:var(--serif);letter-spacing:.005em;color:var(--accent-ascent);margin:0;font-size:22px;font-weight:500}.project__tag{letter-spacing:.14em;text-transform:uppercase;color:oklch(74% .16 35/.7);margin:2px 0 0;font-size:11px}.project__desc{color:var(--ink-dim);text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.55}.project__link{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.04em;white-space:nowrap;transition:color .2s var(--ease-soft);font-size:11.5px;text-decoration:none}.contact{border-left:2px solid var(--accent-ascent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#ffffff0a,#fff0 80%);flex-direction:column;gap:6px;max-width:620px;padding:20px;display:flex}.contact__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);margin:0;font-size:10.5px}.contact__email{font-family:var(--serif);letter-spacing:.005em;margin:0;font-size:30px;font-weight:500}.contact__links{color:var(--ink-mute);align-items:center;gap:10px;margin-top:4px;font-size:13px;display:flex}.contact__links a{transition:border-color .2s var(--ease-soft), color .2s var(--ease-soft);border-bottom:1px solid #0000;padding:4px 2px;text-decoration:none}.contact__links a:hover{color:var(--ink);border-bottom-color:var(--rule-strong)}.next-chapter{color:var(--ink-dim);border:1px solid var(--rule);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:color .25s var(--ease-soft), border-color .25s var(--ease-soft), transform .3s var(--ease-soft);text-align:right;z-index:10;background:linear-gradient(#00000026,#00000059);border-radius:2px;flex-direction:column;align-items:flex-end;gap:4px;max-width:280px;padding:18px 22px 18px 28px;display:flex;position:absolute;bottom:clamp(80px,10vh,120px);right:clamp(40px,7vw,120px)}.next-chapter:hover{color:var(--ink);border-color:var(--rule-strong);transform:translateY(4px)}.next-chapter__label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-size:10.5px}.next-chapter__title{font-family:var(--serif);letter-spacing:.005em;font-size:20px;font-weight:500}.next-chapter__arrow{font-family:var(--serif);transition:transform .3s var(--ease-journey);margin-top:2px;font-size:18px}.next-chapter:hover .next-chapter__arrow{transform:translateY(4px)}.hint{z-index:18;opacity:1;transition:opacity .5s var(--ease-soft);pointer-events:none;color:var(--ink-dim);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.hint--hidden{opacity:0}.hint__text{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.hint__line{opacity:.5;width:1px;height:40px;animation:glide 2.2s var(--ease-soft) infinite;transform-origin:top;background:currentColor}.hint__arrow{font-family:var(--serif);animation:nudge 2.2s var(--ease-soft) infinite;font-size:18px}@keyframes glide{0%,to{opacity:.3;transform:scaleY(.5)}50%{opacity:.7;transform:scaleY(1)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.progress{z-index:15;pointer-events:none;flex-direction:column;gap:6px;width:200px;display:flex;position:absolute;bottom:28px;right:clamp(40px,7vw,120px)}.progress__track{background:#ffffff2e;height:1px;position:relative;overflow:hidden}.progress__fill{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.progress__ticks{justify-content:space-between;display:flex}.progress__tick{background:var(--paper);border:1px solid #ffffff59;border-radius:50%;width:6px;height:6px;transform:translateY(-3px)}.status{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.1s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.scroller{scroll-behavior:auto}.chapter{clip-path:none!important}.chapter__page{filter:none!important;transform:none!important}.chapter__fold{display:none}}@media (width<=720px){.chapter__inner{padding:calc(var(--nav-h) + 24px) 28px 80px}.hero__detail{flex-direction:column;gap:4px}.hero__detail-label{min-width:unset}.skills__group{flex-direction:column;gap:6px}.skills__category{min-width:unset}.chap-nav__list{display:none}.next-chapter{bottom:60px;right:28px}.progress{display:none}}