.preloader{--bg-color-a: black;--bg-color-b: black;position:fixed;display:flex;width:100vw;height:100vh;z-index:3;align-items:center;justify-content:center;flex-wrap:wrap;background-color:var(--bg-color-a);animation:bg-flash .9s ease-in-out infinite;overflow:hidden}.preloader-symbol{--symbol-color-a: white;--symbol-color-b: white;width:clamp(18px,3vw,28px);height:clamp(18px,3vw,28px);background-color:var(--symbol-color-a);transform:rotate(45deg);animation:symbol-flash .9s ease-in-out infinite}@keyframes bg-flash{0%,to{background-color:var(--bg-color-a)}50%{background-color:var(--bg-color-b)}}@keyframes symbol-flash{0%,to{opacity:.15;transform:rotate(45deg) scale(.7);background-color:var(--symbol-color-a)}50%{opacity:1;transform:rotate(45deg) scale(1);background-color:var(--symbol-color-b)}}html:not(.no-gradient) .preloader{--bg-color-a: rgb(255, 77, 133);--bg-color-b: rgb(75, 75, 75)}html:not(.no-gradient) .preloader-symbol{--symbol-color-a: rgb(75, 75, 75);--symbol-color-b: rgb(255, 77, 133)}.navbar-wrapper{width:100%;margin:0 auto;background-color:var(--color-bg1)}.nav-container{position:absolute;left:0;right:0;margin:0 auto;z-index:1;display:flex;justify-content:space-between;width:50%;padding:35px 0 25px;border-bottom:1px solid var(--color-text)}.nav-list{display:flex;align-items:center;list-style:none;gap:40px}.nav-link{font-size:16px;font-weight:500;font-family:var(--font-mono);color:var(--color-text);text-decoration:none;text-transform:uppercase;transition:background-color .08s,color .08s}.nav-link:visited{color:var(--color-text)}.nav-link:not(.active):hover{background-color:var(--color-text);color:var(--color-bg1)}.nav-link.active{background-color:var(--color-text);color:var(--color-bg1)}.nav-item:last-child .nav-link{margin-right:0}.dark-toggle{background:none;border:none;cursor:pointer;padding:0;line-height:1}.nav-icon-link{display:flex;align-items:center}.nav-icon-link svg{display:block}@media(max-width:768px){.nav-container{width:90%;padding:25px 0}.nav-list{gap:20px}}.now-playing{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid rgba(0,0,0,.1);border-radius:10px;text-decoration:none;color:inherit;background:#00000008;transition:background .2s ease,border-color .2s ease;width:100%;box-sizing:border-box}.now-playing--active{background:#1db954;border-color:#1db954}.now-playing--active:hover{background:#1aa34a;border-color:#1aa34a;opacity:1}.now-playing--idle{cursor:default}.now-playing--idle:hover{background:#00000008;border-color:#0000001a}.now-playing-spotify-icon{width:20px;height:20px;flex-shrink:0}.now-playing-spotify-icon--active{fill:#fff}.now-playing-spotify-icon--idle{fill:#0003}.now-playing-art{width:36px;height:36px;border-radius:4px;object-fit:cover;flex-shrink:0}.now-playing-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.now-playing-title{font-family:var(--font-link);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.now-playing-artist{font-family:var(--font-link);font-size:11px;font-weight:400;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-idle-text{font-family:var(--font-link);font-size:13px;color:#00000059}.hero-wrapper{position:relative;width:100vw;margin:0 auto;overflow-x:hidden;z-index:0;background-color:transparent}.intro-container{width:50%;max-width:900px;margin:12rem auto 0;justify-content:center;display:flex;flex-direction:column;z-index:1;position:relative}.greeting-header{font-family:var(--font-mono);text-transform:uppercase;font-size:calc(3vw + 1.5vh);line-height:1.8;font-weight:400;text-align:left}@media(max-width:768px){.intro-container{width:90%;margin:20rem auto}.greeting-header{font-size:calc(5vw + 1vh)}}.about-wrapper{position:relative;width:100vw;margin:0 auto;overflow-x:hidden;z-index:0;background-color:transparent}.about-container{display:flex;width:100%;margin:10rem 0 0;flex-wrap:wrap;flex-direction:column}.about-logo{display:block;width:35%;margin:4rem auto 0}.biography-container{display:flex;flex-direction:row;width:50%;margin:12rem auto 5rem;align-items:center;gap:3rem}.portrait{flex:1;filter:grayscale(70%) drop-shadow(5px 5px 10px rgba(0,0,0,.711));width:40%}.biography-text-container{flex:2;display:flex;flex-direction:column;gap:1rem}.biography-text-container p,.biography-text-container span{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.3}.biography-header-container{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.biography-emoji{font-size:30px;line-height:1;display:inline-block}.biography-title{font-family:var(--font-body);font-size:20px;font-weight:500}.biography-subtitle{font-family:var(--font-body);font-size:16px;font-weight:500}.biography-text a,.biography-subtitle a{text-decoration:underline rgb(216,216,216);font-family:var(--font-body);font-size:16px;font-weight:500}@media(max-width:768px){.about-logo{width:70%}.biography-container{flex-direction:column;width:60%}.portrait{width:80%;margin:0 auto}.biography-text-container p,.biography-text-container span,.biography-text a,.biography-subtitle a{font-size:14px}}.music-wrapper{position:relative;width:100vw;margin:0 auto;overflow-x:hidden;z-index:0;background-color:transparent}.music-container{display:flex;width:100%;flex-wrap:wrap;flex-direction:column}.music-logo{display:block;width:50%;max-width:480px;margin:12rem auto 4rem}@media(max-width:768px){.music-logo{width:70%;max-width:none;margin:16rem auto}}.misc-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f7f7f7;height:300vh}.coming-soon-logo{width:auto;max-width:30%;height:auto;object-fit:contain}.not-found-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100vw;min-height:100vh;text-align:center}.not-found-code{font-family:var(--font-header);font-size:6rem;font-weight:500;color:var(--color-text-strong)}.not-found-message{font-family:var(--font-body);font-size:1.1rem;color:var(--color-text-muted)}@media(max-width:768px){.not-found-code{font-size:4rem}}.footer-wrapper{width:100%;background-color:transparent}.footer-container{width:50%;margin:0 auto;padding:2rem 0;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--color-text)}.social-container{display:flex;margin:0;width:50%}.footer-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:30px}.footer-links a{font-family:var(--font-mono);text-transform:uppercase;font-size:16px;display:block;transition:background-color .08s,color .08s}.footer-links a:after{content:" ↗";font-size:1.2em;vertical-align:super}.footer-links a:hover{background-color:var(--color-text);color:var(--color-bg1)}.credit-container{display:flex;flex-direction:row;gap:20px;align-items:center;align-self:center}.copyright{font-family:var(--font-mono);text-transform:uppercase;font-size:14px}@media(max-width:768px){.footer-container{flex-direction:column;gap:3rem;width:90%;align-items:center;align-self:center}.social-container{width:90%;flex-direction:row;align-items:center;align-self:center}}.like-wrapper{position:fixed;bottom:4rem;right:4rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;z-index:100}.like-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.like-btn:focus-visible{outline:2px solid black;outline-offset:4px;border-radius:6px}.heart-icon{width:28px;height:28px;fill:none;stroke:#000;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:fill .35s ease,stroke .35s ease}.like-btn.liked .heart-icon{fill:#ff6b9d;stroke:#ff6b9d}.like-count{font-family:var(--font-mono);font-size:12px;font-weight:500;color:#000;letter-spacing:.04em;opacity:.6}@font-face{font-family:Geist;src:url(/assets/Geist-Light-0dmTLZIz.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Regular-B1wb-odA.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Medium-fu4ekwtu.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-SemiBold-BvYtazuD.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/assets/Geist-Bold-D5ckTPaB.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Light-CaMH-tsk.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Regular-BxSzyECb.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Medium-BdW0Mzrp.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-SemiBold-C_rrDxVZ.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, Arial, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", monospace;--font-serif: "Prata", "Source Serif 4", Georgia, serif;--font-header: var(--font-serif);--font-body: var(--font-serif);--font-link: var(--font-sans);--color-bg1: rgb(255, 178, 200);--color-bg2: rgb(238, 238, 238);--color-text: rgb(75, 75, 75);--color-text-strong: rgb(68, 68, 68);--color-text-muted: rgb(135, 135, 135);--color1: 255, 77, 133;--color2: 163, 56, 131;--color3: 76, 117, 213;--color4: 255, 216, 86;--color-interactive: 197, 139, 214;--circle-size: 70%;--blob-alpha: .7;--blending: screen}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-header)}p{font-family:var(--font-body);font-weight:400;font-size:18px}a{font-family:var(--font-link);text-decoration:none;color:inherit;cursor:pointer}ul,ol{list-style:none}html.dark{--color-bg1: rgb(18, 18, 18);--color-bg2: rgb(18, 18, 18);--color-text: rgb(232, 232, 232);--color-text-strong: rgb(232, 232, 232);--color-text-muted: rgba(232, 232, 232, .4)}html.dark .typewriter-container{color:var(--color-text)}html.dark .typewriter-text{border-right:2px solid var(--color-text)}html.dark .project{border-top:1px solid rgba(232,232,232,.12)}html.dark .project:hover{background-color:var(--color-text);color:var(--color-bg1);border-top:2px solid var(--color-bg1)}html.dark .footer-container{border-top:1px solid var(--color-text)}html.dark .now-playing{border:1px solid rgba(232,232,232,.12);background:#e8e8e80a}html.dark .now-playing--idle:hover{background:#e8e8e80f;border-color:#e8e8e833}html.dark .now-playing-spotify-icon--idle{fill:#e8e8e84d}html.dark .now-playing-idle-text{color:#e8e8e866}html.dark .heart-icon{stroke:var(--color-text)}html.dark .like-btn:focus-visible{outline:2px solid var(--color-text)}html.dark .like-count{color:var(--color-text)}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translate(-50%) translateY(-10%)}50%{transform:translate(50%) translateY(10%)}to{transform:translate(-50%) translateY(-10%)}}.gradient-bg{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.gradient-bg svg{position:fixed;top:0;left:0;width:0;height:0}.gradient-bg .gradient-container{filter:url(#goo) blur(40px);position:relative;width:100%;height:65%}.gradient-bg .g1{position:absolute;background:radial-gradient(circle at center,rgba(var(--color1),var(--blob-alpha)) 0,rgba(var(--color1),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:center center;animation:moveVertical 30s ease infinite;will-change:transform}.gradient-bg .g2{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),var(--blob-alpha)) 0,rgba(var(--color3),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 400px);animation:moveInCircle 20s reverse infinite;will-change:transform}.gradient-bg .g3{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),var(--blob-alpha)) 0,rgba(var(--color2),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite;will-change:transform}.gradient-bg .g4{position:absolute;background:radial-gradient(circle at center,rgba(var(--color3),var(--blob-alpha)) 0,rgba(var(--color3),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;will-change:transform}.gradient-bg .g5{position:absolute;background:radial-gradient(circle at center,rgba(var(--color2),var(--blob-alpha)) 0,rgba(var(--color2),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite;will-change:transform}.gradient-bg .interactive{position:absolute;background:radial-gradient(circle at center,rgba(var(--color-interactive),var(--blob-alpha)) 0,rgba(var(--color-interactive),0) 60%) no-repeat;mix-blend-mode:var(--blending);width:100%;height:100%;top:-50%;left:-50%;will-change:transform}html.no-gradient .gradient-bg{display:none}.sections-wrapper{width:50%;max-width:900px;margin:5rem auto 8rem;display:flex;flex-direction:column;gap:4rem}.section-block{display:flex;flex-direction:column}.section-title{font-family:var(--font-mono);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-strong);padding:14px 0}.work-entry{display:flex;align-items:baseline;gap:0;padding:16px 0;border-bottom:1px solid var(--color-text);text-transform:uppercase}.work-year{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--color-text-muted);letter-spacing:.05em;flex:0 0 72px}.work-role{font-family:var(--font-sans);font-size:19px;font-weight:500;flex:1}.work-company{font-family:var(--font-sans);font-size:19px;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.project-row{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--color-text);cursor:pointer;text-transform:uppercase}.project-row-left{display:flex;align-items:baseline}.project-row-name{font-family:var(--font-sans);font-size:19px;font-weight:500}.project-row:hover .project-row-name{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.project-row-sep{font-family:var(--font-sans);font-size:19px;color:var(--color-text-muted);margin:0 6px}.project-row-cat{font-family:var(--font-sans);font-size:19px;color:var(--color-text-muted)}.project-row-date{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--color-text-muted);letter-spacing:.05em}@media(max-width:768px){.sections-wrapper{width:90%;gap:3rem}.project-row-cat,.work-role{display:none}}