body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}html{--scroll-progress:0;--scroll-speed:0;--scroll-velocity:0;scroll-behavior:smooth}body{background-color:#101010;transition:background-color .25s ease}body[data-theme=light]{background-color:#f7f7f5}.App{--accent:#61dafb;--bg:#101010;--button-bg:#007bff;--button-hover:#0056b3;--button-text:#fff;--divider:#bebebe;--modal-bg:#fff;--modal-text:#101010;--muted:#f0f0f0;--nav-bg:#101010f0;--nav-fade:#10101000;--subtle:#cacaca;--text:#fff;background-color:var(--bg);min-height:100vh;overflow-x:clip;transition:background-color .25s ease,color .25s ease}.App[data-theme=light]{--accent:#007bff;--bg:#f7f7f5;--button-bg:#101010;--button-hover:#333;--button-text:#fff;--divider:#c9c9c4;--modal-bg:#fff;--modal-text:#101010;--muted:#4f4f4f;--nav-bg:#f7f7f5f0;--nav-fade:#f7f7f500;--subtle:#707070;--text:#101010}.App-shell{align-items:center;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);margin:0 auto;max-width:45%;min-height:100vh;padding:20px;transition:background-color .25s ease,color .25s ease}@media screen and (max-width:768px){.App-shell{max-width:85%}}.navigation{align-items:center;align-self:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(to bottom,var(--nav-bg) 72%,var(--nav-fade));display:flex;gap:16px;justify-content:space-between;margin-top:28px;padding:28px 0 18px;position:sticky;top:0;width:100%;z-index:20}.navigation-links{display:flex;flex-wrap:wrap;gap:0 15px}.navigation a{color:var(--text);font-size:.75em;margin:0;padding-bottom:6px;position:relative;text-decoration:none;transition:color .3s}.navigation a:after{background-color:var(--accent);bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:opacity .3s ease,transform .3s ease;width:100%}.navigation a[aria-current=page]:after{opacity:.85;transform:scaleX(1)}.navigation a:hover{color:var(--accent)}.theme-toggle{align-items:center;background:#0000;border:1px solid var(--divider);border-radius:999px;color:var(--text);cursor:pointer;display:inline-grid;flex-shrink:0;font:inherit;font-size:.72em;grid-template-columns:1fr 1fr;height:34px;line-height:1;padding:0;place-items:center;transition:border-color .25s ease,color .25s ease,transform .25s ease;width:82px}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle__track{align-items:center;background-color:var(--divider);border-radius:999px;display:inline-flex;height:14px;justify-content:flex-start;padding:2px;width:28px}.theme-toggle__thumb{background-color:var(--bg);border-radius:50%;display:block;height:10px;transform:translateX(0);transition:transform .25s ease,background-color .25s ease;width:10px}.App[data-theme=light] .theme-toggle__thumb{transform:translateX(14px)}.theme-toggle__symbol{align-items:center;display:inline-flex;height:100%;justify-content:center;line-height:1;width:100%}.scroll-progress{height:1px;margin-top:-3px;position:sticky;top:88px;transform:translateZ(0);width:100%;z-index:19}.scroll-progress:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";display:block;height:100%;opacity:.72;transform:scaleX(0) scaleY(1);transform:scaleX(var(--scroll-progress)) scaleY(calc(1 + var(--scroll-speed)*2));transform-origin:left;transition:transform .08s linear;width:100%}.site-sections{display:flex;flex-direction:column;gap:clamp(12px,2.4vh,28px);width:100%}.page-section{--image-shift:0px;--image-shift-fast:0px;--image-shift-slow:0px;--section-opacity:1;--section-parallax:0px;--section-scale:1;--section-tilt:0deg;--section-x:0px;align-items:center;display:flex;min-height:56vh;padding:clamp(16px,4.2vh,48px) 0;perspective:1100px;position:relative;scroll-margin-top:102px}.page-section:first-child{min-height:calc(100vh - 130px);padding-top:clamp(8px,2.6vh,28px)}.section-dynamic{opacity:.76;transform:translate3d(var(--section-x),calc(24px + var(--section-parallax)),0) rotateX(var(--section-tilt)) scale(var(--section-scale));transform-origin:center center;transition:opacity .62s ease,transform .18s cubic-bezier(.2,.8,.2,1);width:100%;will-change:transform,opacity}.page-section.is-visible .section-dynamic{opacity:var(--section-opacity);transform:translate3d(var(--section-x),var(--section-parallax),0) rotateX(var(--section-tilt)) scale(var(--section-scale))}.page-section.is-active .section-dynamic{opacity:1}.section-dynamic>div>*{transition:opacity .5s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.page-section:not(.is-active) .section-dynamic>div>:nth-child(3n+1){transform:translateX(calc(var(--section-x)*.18))}.page-section:not(.is-active) .section-dynamic>div>:nth-child(3n+2){transform:translateX(calc(var(--section-x)*-.12))}.page-section.is-active .section-dynamic>div>*{transform:translateX(0)}.page-section img{transition:transform .2s cubic-bezier(.2,.8,.2,1);will-change:transform}.page-section.is-visible img{transform:translate3d(0,var(--image-shift),0) rotate(0deg);transform:translate3d(0,var(--image-shift),0) rotate(calc(var(--scroll-velocity)*.7deg))}.page-section.is-visible img:nth-child(3n+1){transform:translate3d(0,var(--image-shift-fast),0) rotate(0deg);transform:translate3d(0,var(--image-shift-fast),0) rotate(calc(var(--scroll-velocity)*1deg))}.page-section.is-visible img:nth-child(3n+2){transform:translate3d(0,var(--image-shift-slow),0) rotate(0deg);transform:translate3d(0,var(--image-shift-slow),0) rotate(calc(var(--scroll-velocity)*-.65deg))}.page-section.is-active img{transform:translate3d(0,calc(var(--image-shift)*.35),0) scale(1);transform:translate3d(0,calc(var(--image-shift)*.35),0) scale(calc(1 + var(--scroll-speed)*.006))}.page-section.is-active img:nth-child(3n+1){transform:translate3d(0,calc(var(--image-shift-fast)*.45),0) scale(1);transform:translate3d(0,calc(var(--image-shift-fast)*.45),0) scale(calc(1 + var(--scroll-speed)*.008))}.page-section.is-active img:nth-child(3n+2){transform:translate3d(0,calc(var(--image-shift-slow)*.3),0) scale(1);transform:translate3d(0,calc(var(--image-shift-slow)*.3),0) scale(calc(1 + var(--scroll-speed)*.004))}.page-section:not(.is-visible) img{transform:translateY(10px) scale(.99)}@media screen and (max-width:768px){.navigation{align-items:flex-start;flex-direction:column;gap:12px;margin-top:14px;padding:18px 0 14px}.navigation-links{gap:0 14px}.page-section{padding:30px 0;scroll-margin-top:136px}.page-section,.page-section:first-child{min-height:auto}.scroll-progress{top:120px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-section img,.section-dynamic,.section-dynamic>div>*{opacity:1;transform:none;transition:none}}.App-link{color:var(--accent)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.47ac213e.css.map*/