:root{--page-bg:#f3edde;--text-color:#1d1d1f;--header-bg:#f3e7cb;--nav-color:#55555b;color:var(--text-color);background:var(--page-bg);font-synthesis:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page-bg:#313032;--text-color:#f5f2f8;--header-bg:#2b2930;--nav-color:#d3cedb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--page-bg);min-width:320px;margin:0}a{color:inherit;text-decoration:none}#root{min-height:100vh}header{z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #1d1d1f14;border-radius:1.25rem;grid-template-columns:1fr auto 1fr;align-items:center;margin:1rem 6vw;padding:1rem 1.5rem;transition:transform .25s;display:grid;position:sticky;top:1rem}.site-logo{color:#0022ffe0;background:#908f8f95;border-radius:.75rem;justify-self:start;place-items:center;width:3.25rem;height:3.25rem;padding:0;display:grid}.theme-toggle{z-index:1;background:0 0;border:none;width:2.75rem;height:2.75rem;padding:0;font-size:1.5rem;position:relative}.theme-switch{background:#908f8f95;border-radius:.75rem;justify-self:end;padding:.25rem;display:flex;position:relative}.theme-switch:before{content:"";background:#0022ffe0;border-radius:.5rem;width:2.75rem;height:2.75rem;transition:transform .25s;position:absolute;top:.25rem;left:.25rem}.theme-switch[data-theme=dark]:before{transform:translate(2.75rem)}header a{letter-spacing:-.05em;font-size:1.1rem;font-weight:800}nav{align-items:center;gap:1.5rem;display:flex}nav a{color:var(--nav-color);font-size:.95rem;transition:color .2s}nav a:hover{color:var(--text-color)}main{overflow-x:hidden}section{padding:6rem 6vw}section h2{letter-spacing:-.035em;width:fit-content;color:var(--text-color);margin:0 auto 3rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.15;position:relative}section h2:after{content:"";background:url("data:image/svg+xml,%3csvg%20width='100'%20height='28'%20viewBox='0%200%20100%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%207C34%205%2063%203%2091%207C72%209%2047%2011%2027%2014C46%2014%2069%2016%2084%2021'%20stroke='%23F29A91'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/contain no-repeat;width:4.7rem;height:1.35rem;position:absolute;bottom:-1.62rem;left:50%;transform:translate(-50%)}section h2:before{content:"";background:url("data:image/svg+xml,%3csvg%20width='36'%20height='26'%20viewBox='0%200%2036%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2020L17%203'%20stroke='%23F29A91'%20stroke-width='2.1'%20stroke-linecap='round'/%3e%3cpath%20d='M5%2021L28%2011'%20stroke='%23F29A91'%20stroke-width='2.1'%20stroke-linecap='round'/%3e%3cpath%20d='M6%2024L34%2021'%20stroke='%23F29A91'%20stroke-width='2.1'%20stroke-linecap='round'/%3e%3c/svg%3e") 50%/contain no-repeat;width:1.65rem;height:1.2rem;position:absolute;top:-.7rem;right:-1.35rem}#home{flex-direction:column;justify-content:center;min-height:calc(100vh - 72px);padding:7rem 6vw;display:flex}.hero-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2.5rem,6vw,6rem);max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-doodle{z-index:2;pointer-events:none;background:50%/contain no-repeat;display:block;position:absolute}.doodle-smile{aspect-ratio:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3ccircle%20cx='36'%20cy='36'%20r='31'%20fill='white'/%3e%3ccircle%20cx='36'%20cy='36'%20r='24'%20fill='%23FFD36C'%20stroke='%23211D1B'%20stroke-width='3'/%3e%3ccircle%20cx='27'%20cy='31'%20r='2.8'%20fill='%23211D1B'/%3e%3ccircle%20cx='45'%20cy='31'%20r='2.8'%20fill='%23211D1B'/%3e%3cpath%20d='M25%2042C28%2048%2036%2050%2042%2047C44%2046%2046%2044%2047%2042'%20stroke='%23211D1B'%20stroke-width='3'%20stroke-linecap='round'/%3e%3ccircle%20cx='21'%20cy='40'%20r='3.2'%20fill='%23F7A5A0'%20opacity='.8'/%3e%3ccircle%20cx='51'%20cy='40'%20r='3.2'%20fill='%23F7A5A0'%20opacity='.8'/%3e%3c/svg%3e");width:4.5rem;top:1rem;right:-1.5rem}.doodle-coffee{aspect-ratio:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2088%2082'%20fill='none'%3e%3cpath%20d='M28%2016C22%208%2031%203%2035%2011C38%2017%2031%2020%2033%2026'%20stroke='white'%20stroke-width='10'%20stroke-linecap='round'/%3e%3cpath%20d='M47%2017C41%209%2050%204%2054%2012C57%2018%2050%2021%2052%2027'%20stroke='white'%20stroke-width='10'%20stroke-linecap='round'/%3e%3cpath%20d='M18%2028H63V62C63%2068%2058%2072%2052%2072H29C23%2072%2018%2068%2018%2062V28Z'%20fill='white'%20stroke='white'%20stroke-width='10'%20stroke-linejoin='round'/%3e%3cpath%20d='M63%2036H71C77%2036%2080%2041%2078%2047C76%2053%2071%2056%2063%2054'%20stroke='white'%20stroke-width='10'%20stroke-linecap='round'/%3e%3cpath%20d='M28%2016C22%208%2031%203%2035%2011C38%2017%2031%2020%2033%2026M47%2017C41%209%2050%204%2054%2012C57%2018%2050%2021%2052%2027'%20stroke='%23211D1B'%20stroke-width='2.8'%20stroke-linecap='round'/%3e%3cpath%20d='M18%2028H63V62C63%2068%2058%2072%2052%2072H29C23%2072%2018%2068%2018%2062V28Z'%20fill='%23FFFDF7'%20stroke='%23211D1B'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M63%2036H71C77%2036%2080%2041%2078%2047C76%2053%2071%2056%2063%2054'%20stroke='%23211D1B'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cpath%20d='M25%2036H56'%20stroke='%23F29A91'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cpath%20d='M34%2045L29%2050L34%2055'%20stroke='%23211D1B'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M48%2045L53%2050L48%2055'%20stroke='%23211D1B'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M44%2044L39%2056'%20stroke='%23211D1B'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e");width:5.2rem;bottom:1rem;right:-2rem}.doodle-heart-sticker{aspect-ratio:1;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2056'%20fill='none'%3e%3cpath%20d='M31.8%2046.5C26%2038.8%2011%2030.8%2011%2019.5C11%2012.7%2015.7%208%2021.7%208C26.1%208%2029.5%2010.8%2031.8%2014.4C34.2%2010.8%2037.5%208%2042%208C48%208%2052.7%2012.7%2052.7%2019.5C52.7%2030.8%2037.7%2038.8%2031.8%2046.5Z'%20stroke='%23F29A91'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M19%2024.2C23.4%2022.3%2029.7%2021.5%2038%2023.2'%20stroke='%23F29A91'%20stroke-width='2.4'%20stroke-linecap='round'/%3e%3c/svg%3e");width:3.6rem;top:1rem;right:3rem}.doodle-dots{aspect-ratio:76/52;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2076%2052'%3e%3cg%20fill='%23F29A91'%3e%3ccircle%20cx='10'%20cy='11'%20r='3.5'/%3e%3ccircle%20cx='32'%20cy='8'%20r='3.5'/%3e%3ccircle%20cx='54'%20cy='13'%20r='3.5'/%3e%3ccircle%20cx='18'%20cy='28'%20r='3.5'/%3e%3ccircle%20cx='40'%20cy='27'%20r='3.5'/%3e%3ccircle%20cx='64'%20cy='31'%20r='3.5'/%3e%3ccircle%20cx='9'%20cy='44'%20r='3.5'/%3e%3ccircle%20cx='31'%20cy='44'%20r='3.5'/%3e%3ccircle%20cx='53'%20cy='45'%20r='3.5'/%3e%3c/g%3e%3c/svg%3e");width:4.2rem;top:7.5rem;right:-2rem}.doodle-dots-secondary{aspect-ratio:76/52;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2076%2052'%3e%3cg%20fill='%23F29A91'%3e%3ccircle%20cx='10'%20cy='11'%20r='3.5'/%3e%3ccircle%20cx='32'%20cy='8'%20r='3.5'/%3e%3ccircle%20cx='54'%20cy='13'%20r='3.5'/%3e%3ccircle%20cx='18'%20cy='28'%20r='3.5'/%3e%3ccircle%20cx='40'%20cy='27'%20r='3.5'/%3e%3ccircle%20cx='64'%20cy='31'%20r='3.5'/%3e%3ccircle%20cx='9'%20cy='44'%20r='3.5'/%3e%3ccircle%20cx='31'%20cy='44'%20r='3.5'/%3e%3ccircle%20cx='53'%20cy='45'%20r='3.5'/%3e%3c/g%3e%3c/svg%3e");width:4.2rem;top:35rem;left:-5rem}.doodle-arrow{aspect-ratio:130/78;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20130%2078'%20fill='none'%3e%3cpath%20d='M8%2024C15%2012%2031%2010%2037%2020C43%2030%2032%2042%2025%2040C17%2038%2018%2027%2027%2026C46%2023%2051%2051%2072%2054C88%2056%20101%2049%20108%2041'%20stroke='%23F29A91'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M98%2038L109%2040L105%2051'%20stroke='%23F29A91'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");width:7.5rem;bottom:15rem;left:40%}.doodle-arrow-secondary{aspect-ratio:130/78;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20130%2078'%20fill='none'%3e%3cpath%20d='M8%2024C15%2012%2031%2010%2037%2020C43%2030%2032%2042%2025%2040C17%2038%2018%2027%2027%2026C46%2023%2051%2051%2072%2054C88%2056%20101%2049%20108%2041'%20stroke='%23F29A91'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M98%2038L109%2040L105%2051'%20stroke='%23F29A91'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");width:7.5rem;bottom:-7rem;right:85%}.hero-content{text-align:left;max-width:36rem;margin:0}#home .eyebrow{color:#5c4632;letter-spacing:.02em;text-transform:none;background:#fff0c9;border:3px solid #fff;border-radius:.85rem;align-items:center;gap:.55rem;margin:0 0 1.9rem;padding:.7rem 1.15rem;font-size:.95rem;font-weight:800;display:inline-flex;position:relative;box-shadow:0 3px #29233324}#home .eyebrow:after{content:"";background:#fff0c9;border-bottom:3px solid #fff;border-right:3px solid #fff;width:.9rem;height:.7rem;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)rotate(45deg)}.eyebrow-heart{color:#f29a91;font-size:1.4rem;line-height:1}.hero-spark{background:url("data:image/svg+xml,%3csvg%20width='36'%20height='26'%20viewBox='0%200%2036%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%2020L17%203'%20stroke='%23F29A91'%20stroke-width='2.1'%20stroke-linecap='round'/%3e%3cpath%20d='M5%2021L28%2011'%20stroke='%23F29A91'%20stroke-width='2.1'%20stroke-linecap='round'/%3e%3cpath%20d='M6%2024L34%2021'%20stroke='%23F29A91'%20stroke-width='2.1'%20stroke-linecap='round'/%3e%3c/svg%3e") 50%/contain no-repeat;width:1.25rem;height:.95rem;position:absolute;top:-.8rem;right:-1.35rem}#home h1{letter-spacing:-.07em;margin:0 auto 1.5rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.98}#home .eyebrow,#home h1,#home .hero-description,#home a{margin-left:0;margin-right:0}#home .hero-description{max-width:560px;color:var(--nav-color);margin:0 auto 2.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}#home a{background:var(--text-color);width:fit-content;color:var(--page-bg);border-radius:999px;margin:0 auto;padding:.9rem 1.3rem;font-weight:650;transition:transform .2s,background .2s}#home a:hover{color:#fff;background:#7156b7;transform:translateY(-3px)}.scene-wrapper{background-color:#fff8e9;background-image:linear-gradient(#7156b724 1px,#0000 1px),linear-gradient(90deg,#7156b724 1px,#0000 1px);background-size:1.5rem 1.5rem;border:5px solid #fff;border-radius:1.4rem;width:100%;max-width:39rem;margin:0;padding:2.2rem;position:relative;transform:rotate(1deg);box-shadow:0 10px #29233324,0 22px 38px #2923331f}#home .pixel-scene{background:#fffdfb;border-radius:.55rem;width:88%;margin:0 auto;padding:.85rem .85rem 2.4rem;position:relative;overflow:visible;transform:rotate(-2deg);box-shadow:0 8px 18px #2923332e}#home .pixel-scene img{border:0;border-radius:.3rem;width:100%;margin:0;display:block}#home .pixel-scene:before{content:"";z-index:2;background-color:#f29a91;background-image:radial-gradient(#ffffff73 1px,#0000 1px);background-size:.55rem .55rem;width:7rem;height:2rem;position:absolute;top:-1.15rem;left:50%;transform:translate(-50%)rotate(3deg)}#about{text-align:left;margin:0;padding:6rem 6vw;scroll-margin-top:6rem}#about h2{color:var(--text-color);margin-bottom:5rem}#about p{max-width:1100px;color:var(--nav-color);line-height:1.7}.project-card{color:#1d1d1f;background:#e3e2e2;border:5px solid #fff;border-radius:1.75rem;margin-bottom:30px;padding:1.5rem;position:relative;box-shadow:0 5px #23243324}.project-card a,.experience-link{color:#2762ae;margin-top:1.25rem;margin-right:10px;transition:color .2s;display:inline-block}.experience-link:hover,.project-card a:hover{color:#000}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2rem;display:grid}.skill-card{color:#1d1d1f;background:#f4eeff;border:5px solid #fff;border-radius:1.75rem;outline:2px solid #413e4524;padding:1.5rem;position:relative;box-shadow:0 5px #29233324}.skill-card:first-child{background:#dceafa}.skill-card:nth-child(2){background:#f8dfdc}.skill-card:nth-child(3){background:#eee6fb}.skills-tags{flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.skills-tags li{background:#ffffff8a;border:3px solid #fff;border-radius:999px;padding:.4rem .7rem;font-size:.88rem;font-weight:600;box-shadow:0 2px #29233324}.card-clip{filter:drop-shadow(0 1px 1px #2923334d);font-size:2rem;position:absolute;top:-1.5rem;left:.5rem}.card-pin{filter:drop-shadow(0 1px 1px #2923334d);font-size:2rem;position:absolute;top:-1rem;left:.5rem}.experience-list{max-width:1200px;margin:0 auto}.experience-item{grid-template-columns:10rem 2rem 1fr;align-items:center;gap:2rem;display:grid}.experience-date{color:#5d5d64;background:#eee6fb;border:3px solid #fff;border-radius:.75rem;justify-self:end;padding:.8rem 1rem;font-weight:700;box-shadow:0 3px #29233324}.experience-marker{align-self:stretch;min-height:10rem;position:relative}.experience-marker:before{content:"";background:#a98ee1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.experience-marker:after{content:"";background:#a98ee1;border:3px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.experience-card{color:#1d1d1f;background:#dceafa;border:5px solid #fff;border-radius:1.5rem;padding:1.75rem;position:relative;box-shadow:0 5px #29233324}.experience-card h3{margin:0;font-size:1.25rem}.experience-card p{color:#36363a;margin:.5rem 0 0;font-weight:600}.experience-details{color:#4b4a50;margin:1.25rem 0 0;padding-left:1.25rem;line-height:1.7}.experience-details li::marker{color:#f29a91}.experience-clip{font-size:2rem;position:absolute;top:-1.1rem;right:1.4rem;transform:rotate(12deg)}.experience-item+.experience-item{margin-top:2.5rem}.contact-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto;display:grid}.contact-card{color:#1d1d1f;border:5px solid #fff;border-radius:1.5rem;justify-content:center;align-items:center;gap:.85rem;min-height:9rem;font-size:1.35rem;font-weight:700;text-decoration:none;transition:transform .2s;display:flex;position:relative;box-shadow:0 5px #29233324}.contact-card:hover{transform:translateY(-.35rem)}.contact-github{background:#dceafa}.contact-icon{fill:currentColor;width:2.6rem;height:2.6rem}.contact-pin{font-size:2rem;position:absolute;top:-1.1rem;left:1.2rem;transform:rotate(-20deg)}.contact-linkedin{background:#f8dfdc}.contact-email{background:#eee6fb}@media (width<=800px){header{grid-template-columns:1fr auto;row-gap:.75rem}nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:center}.theme-switch{grid-area:1/2}.experience-item{grid-template-columns:1fr;gap:1.25rem}.experience-date{justify-self:start}.experience-marker{display:none}.contact-grid{grid-template-columns:1fr;gap:1.25rem}.contact-card{min-height:6.5rem;font-size:1.1rem}#home{padding:5rem 6vw 6rem}.hero-layout{grid-template-columns:1fr;gap:3.5rem}.hero-content{text-align:center;margin:0 auto}#home h1,#home .hero-description{margin-left:auto;margin-right:auto}.hero-doodle{transform:scale(.75)}.doodle-smile{top:42%;right:0}.doodle-heart-sticker{top:40%;right:13%}.doodle-dots{top:54%;right:0}.doodle-arrow{top:52%;left:0}.doodle-coffee{bottom:0;right:0}.doodle-dots-secondary{bottom:2%;left:0}.skills-grid{grid-template-columns:1fr}}@media (width>=801px){header.is-scrolled{transform:translateY(calc(.05rem - 100%))}header.is-scrolled:hover,header.is-scrolled:focus-within{transform:translateY(0)}}@media (width>=801px) and (width<=1100px){.hero-doodle{transform:scale(.85)}#home{min-height:auto;padding-top:5rem}}.character-game{z-index:6;align-items:flex-end;display:flex;position:absolute;bottom:-8rem;right:-15rem}.character-trigger{cursor:pointer;background:0 0;border:0;width:8.25rem;padding:0;display:block}.character-avatar{filter:drop-shadow(0 .3rem .25rem #20192a33);width:100%;height:auto;transition:transform .18s;display:block}.character-trigger:hover .character-avatar{transform:translateY(-.35rem)rotate(-2deg)}.character-welcome,.quiz-bubble{color:#493766;background:#e8dbff;border:3px solid #fff;border-radius:1.2rem;width:15rem;padding:1rem 1.1rem;font-weight:750;line-height:1.4;position:absolute;bottom:1.2rem;right:calc(100% - .55rem);box-shadow:0 .25rem #4130522e}.character-welcome:after,.quiz-bubble:after{content:"";background:#e8dbff;border-top:3px solid #fff;border-right:3px solid #fff;width:1rem;height:1rem;position:absolute;bottom:1.05rem;right:-.55rem;transform:rotate(45deg)}.quiz-bubble p{margin:0}.quiz-start-button{color:#173c22;font:inherit;cursor:pointer;background:#79bd87;border:2px solid #fff;border-radius:.75rem;margin-top:.85rem;padding:.55rem 1rem;font-weight:800;box-shadow:0 .18rem #30693d40}.quiz-progress{color:#7855a3;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:800}.quiz-question{color:#342544;margin:0 0 .9rem;font-size:1rem;font-weight:850;line-height:1.45}.quiz-options{gap:.5rem;display:grid}.quiz-option{color:#493766;font:inherit;text-align:left;cursor:pointer;background:#ffffffc7;border:2px solid #fff;border-radius:.7rem;padding:.6rem .7rem;font-size:.82rem;font-weight:750;transition:transform .16s,background .16s;box-shadow:0 .15rem #41305229}.quiz-option:hover{background:#fff;transform:translateY(-.15rem)}.quiz-option:focus-visible{outline-offset:2px;outline:3px solid #8d70bd}@media (width<=800px){.character-game{bottom:-11rem;right:.5rem}.character-trigger{width:6rem}.character-welcome,.quiz-bubble{width:min(12rem,100vw - 7rem);padding:.75rem .85rem;font-size:.82rem;bottom:.75rem;right:calc(100% - .35rem)}}@media (width<=1100px){.character-game{bottom:-9rem;right:.5rem}}.character-trigger{animation:2s ease-in-out infinite character-bounce}@keyframes character-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.9rem)}}.quiz-option--correct{color:#1e4620;border-color:#4caf50;background:#b7e4b0!important}.quiz-option--incorrect{color:#6b1d12;border-color:#e05c4a;background:#f5b8b0!important}.quiz-option:disabled{cursor:default}