:root{--rp-base: #faf4ed;--rp-surface: #fffaf3;--rp-overlay: #f2e9e1;--rp-muted: #9893a5;--rp-subtle: #797593;--rp-text: #575279;--rp-love: #b4637a;--rp-gold: #ea9d34;--rp-rose: #d7827e;--rp-pine: #286983;--rp-foam: #56949f;--rp-iris: #907aa9;--rp-highlight-low: #f4ede8;--rp-highlight-med: #dfdad9;--rp-highlight-high: #cecacd;--pixel-image: url(/pixels-Light.png)}@media (prefers-color-scheme: dark){:root{--rp-base: #191724;--rp-surface: #1f1d2e;--rp-overlay: #26233a;--rp-muted: #6e6a86;--rp-subtle: #908caa;--rp-text: #e0def4;--rp-love: #eb6f92;--rp-gold: #f6c177;--rp-rose: #ebbcba;--rp-pine: #31748f;--rp-foam: #9ccfd8;--rp-iris: #c4a7e7;--rp-highlight-low: #21202e;--rp-highlight-med: #403d52;--rp-highlight-high: #524f67;--pixel-image: url(/pixels-Dark.png)}}:root{font-family:Fira Code Variable,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--rp-text);background-color:var(--rp-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{padding:env(safe-area-inset)}body{margin:0;min-width:320px;overflow-x:hidden}p{margin-block:0 .5em}a{all:unset;color:var(--rp-rose);border-bottom:1px solid var(--rp-text);transition:border-bottom-color .2s;cursor:pointer}a .colored-icon{background-color:var(--rp-text)!important;transition:background-color .2s;width:1em!important;height:1em!important;transform:translateY(.2em)}a:hover{border-bottom-color:var(--rp-rose)}a:hover .colored-icon{background-color:var(--rp-rose)!important}.flex-split{display:flex;flex-direction:row;align-items:center;gap:32px}.flex-split>*{flex:1 1 50%;position:relative;width:100%}@media (max-width: 900px){.flex-split{flex-direction:column}}h1{font-size:48px;border-bottom:2px solid var(--rp-overlay)}@media (max-width: 900px){h1{text-align:center}}.featured-content{background-color:var(--rp-surface);border:2px solid var(--rp-overlay);padding:16px;transition:.4s}.featured-content .first{border-bottom:1px solid var(--rp-overlay);margin-bottom:16px}.featured-content .second{display:flex;gap:16px}.featured-content .visual{position:relative;flex-shrink:0;width:400px;height:300px;box-shadow:0 4px 8px 1px #00000080}.featured-content .visual .thumbnail,.featured-content .visual .video{position:absolute;width:100%;height:100%;object-fit:cover}.featured-content .visual .thumbnail{transition:opacity .3s ease;opacity:0}.featured-content .name{font-size:32px;font-weight:600}.featured-content .timestamp{font-weight:600;color:var(--rp-subtle)}.featured-content .headline{flex:auto;text-align:right;font-weight:600;color:var(--rp-subtle)}@media (max-width: 900px){.featured-content .second{flex-direction:column}.featured-content .second .visual{width:100%;height:300px}}.featured-content:hover{border:2px solid var(--rp-rose);transition:.1s}.skills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:.5em}.skill{padding:4px 8px;border:2px solid var(--rp-overlay);transition:.4s}.skill-highlight{border:2px solid var(--rp-highlight-high)}.skill:hover,.featured-content:hover .skill{border:2px solid var(--rp-rose);transition:.1s;cursor:default}.skill-highlight:hover,.featured-content:hover .skill-highlight{border:2px solid var(--rp-gold)}.background-portrait{position:absolute;width:100px;height:100px;pointer-events:all}.background-portrait>*{pointer-events:none}.background-portrait .portrait-img{position:absolute;width:100%;height:100%;border:2px solid var(--rp-rose);box-shadow:0 4px 8px 1px #00000080;opacity:0%;scale:0%;transition:.2s ease-in}.background-portrait .animation-mask{position:absolute;width:50%;height:50%;transform:translate(50%,50%)}.background-portrait:hover .portrait-img{opacity:100%;scale:100%;transition:.5s ease-out}.animation-mask-wrapper{display:block;position:absolute}.animation-mask{image-rendering:pixelated;width:100%;height:100%;-webkit-mask-size:auto 100%;mask-size:auto 100%;animation:animated-mask-animation;animation-fill-mode:forwards;animation-iteration-count:infinite}@keyframes animated-mask-animation{0%{-webkit-mask-position:left;mask-position:left}to{-webkit-mask-position:right;mask-position:right}}.animated-button-wrapper{display:block;position:relative;width:50px;height:50px;cursor:pointer}.animated-button-wrapper .animated-button-image{position:absolute;image-rendering:pixelated;left:-50%;top:-50%;width:100px;height:100px;background-position:left;background-repeat:no-repeat;background-size:auto 100%;pointer-events:none}.animated-button-wrapper:hover .animated-button-image{animation:animated-button-animation;animation-fill-mode:forwards}@keyframes animated-button-animation{0%{background-position:left}to{background-position:right}}.see-more-link{all:unset;display:block;position:relative;cursor:pointer;overflow:hidden;height:40px;z-index:0;background-color:var(--rp-surface);border:2px solid var(--rp-overlay);padding:16px;transition:.4s;image-rendering:pixelated;background-image:var(--pixel-image);background-position-x:center;background-repeat:repeat-x;background-position-y:bottom}.see-more-link span{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-wrap:nowrap;font-size:20px;font-weight:600;padding:4px 12px;background-color:var(--rp-surface);transition:.4s}.see-more-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:var(--rp-surface);transition:height .2s ease}.see-more-link:hover{border:2px solid var(--rp-rose);transition:.1s}.see-more-link:hover span{font-size:22px;box-shadow:#00000080 0 2px 4px}.see-more-link:hover:before{height:0%;transition:height .4s ease}.return-link{all:unset;display:block;position:relative;cursor:pointer;overflow:hidden;font-size:24px;color:var(--rp-subtle);transition:.2s}.return-link:hover{color:var(--rp-rose)}@keyframes anim-parallax-y{0%{transform:translateY(calc(-100% * var(--offset) * var(--multiplier)))}to{transform:translateY(calc(100% * var(--offset) * var(--multiplier)))}}@supports (animation-timeline: view()){.parallax-y>*{animation:anim-parallax-y linear forwards;animation-timeline:view(y -600px auto);animation-range:entry 0% exit 100%}}.frame{--multiplier: 1;position:relative;width:100%;height:100%;pointer-events:none;overflow:clip}.hero-portrait-primary{position:absolute;display:flex;height:100%;right:15%;align-items:center;pointer-events:none}.hero-portrait-primary>img{width:300px;height:300px;border:4px solid var(--rp-rose)}@media (max-width: 1200px){.hero-portrait-primary{top:12%;width:100%;right:0;justify-content:center}}.hero-portrait{scale:50%}.hero-portrait{width:300px;border:8px solid white;box-shadow:0 4px 8px 1px #00000080;transition:filter .1s ease-out;pointer-events:auto;transform-origin:center}.hero-portrait:hover,.hero-portrait-primary{filter:none;z-index:15!important}.hero-portrait{filter:blur(40px) opacity(10%)}