:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--site-dark-orange: #e76f51;--site-light-orange: #f4a261;--site-yellow: #e9c46a;--site-white: #fffdf8;--link-hover: #ffffff;--link-font-family: Arial, sans-serif;--link-font-size: 20px;--ponyo-1: #27456c;--ponyo-2: #47748b;--ponyo-3: #99bfd5;--ponyo-4: #eccca6;--ponyo-5: #e95c6c;--ponyo-6: #f7a088;max-width:100svw;font-family:Inter,sans-serif;text-align:center;background-color:#fff;display:flex;font-weight:400}html,body{font-weight:400;overflow:hidden}.raised-element{box-shadow:1px 1px #0000004d}.short-border{position:relative;padding-left:1rem;margin-left:.5rem}.short-border:before{content:"";position:absolute;left:0;top:25%;height:90%;width:5px;background-color:#f4a261}.Header{display:flex;background-color:var(--site-dark-orange);width:100svw;height:10svh;position:fixed;top:0;box-sizing:border-box;align-items:center;justify-content:space-between;padding:0 2rem}.Header a{color:var(--site-white);font-size:var(--link-font-size);padding:10px}.Header a:hover{font-size:var(--link-font-size);text-decoration:underline;padding:10px;text-shadow:1px 1px 0px rgba(0,0,0,.3)}.icon-small{font-size:22px}.section-icon{font-size:22px;margin-left:.5rem;opacity:.5;transition:transform .2s ease,opacity .2s ease}.section-icon.open{opacity:.8}.section-icon{opacity:1}a{font-size:20px}h1{color:var(--site-dark-orange);font-size:3.5rem;text-align:left;font-weight:300;margin:1rem 0rem}h2{color:var(--site-light-orange);font-size:2.3rem;text-align:left;font-weight:400;margin:1rem 0rem}h3{color:var(--site-dark-orange);font-size:1.4rem;text-align:left;font-weight:300}p{text-align:left;color:var(--site-dark-orange);font-size:1.2rem;margin-top:0rem;padding-top:0rem;white-space:li}.HomeImageDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30rem;min-height:32rem}.home-image{width:100%;height:100%;object-fit:contain;box-shadow:2px 2px 4px #27456c}.headshot{width:80%;height:450px;position:relative;overflow:hidden;border-radius:10px;margin:2rem;flex-shrink:0}.Introduction{display:flex;flex-direction:row;box-sizing:border-box;align-items:center;justify-content:center;height:auto;margin-bottom:4rem;margin-top:4rem}.image-frame{width:80%;height:220px;position:relative;overflow:hidden;border-radius:10px;margin:2rem;flex-shrink:0}.Description{width:60rem;margin:0rem;height:35rem;overflow:hidden}.Skills{display:flex;flex-direction:row;justify-content:flex-start;gap:1.5rem;margin-top:1rem}.SkillImg{width:auto;height:50px}.LineDesign{width:100svw;height:50px;position:fixed;top:80svh}.LineDesign img{position:absolute;top:0;left:0;width:100%;height:auto}.Header button{color:var(--site-white);font-size:var(--link-font-size);padding:10px;background:transparent;border:none;cursor:pointer;outline:none}.Header button:focus{outline:none;box-shadow:none}.Header button:active{outline:none;box-shadow:none}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.show-mobile{display:none}.mobile-placeholder{margin:auto 2svw}@media (max-width: 700px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.Header{justify-content:space-between;padding:0 1rem}.mobile-toggle{font-size:1.8rem;background:transparent;border:none;cursor:pointer}.mobile-menu{display:flex;flex-direction:column;gap:1rem;background-color:var(--site-dark-orange);color:var(--site-white);position:absolute;top:60px;left:0;width:100%;padding:1rem 0;align-items:center;z-index:100}.mobile-menu button{background:none;border:none;color:var(--site-white);font-size:1.2rem;cursor:pointer}.HomeImageDiv{display:none!important}.Description{width:90%!important;height:auto;margin:2rem auto;text-align:center}.Skills{justify-content:center;flex-wrap:wrap;gap:1rem}.SkillImg{height:40px}h1{font-size:2rem}h2{font-size:1.5rem}h3,p{font-size:1rem}}.word-cloud-container{position:relative;width:100%;height:300px;overflow:hidden;background:transparent}.floating-word{position:absolute;white-space:nowrap;font-weight:400;letter-spacing:.5px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:opacity .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.1)}.project-page{width:100svw;height:70svh;display:flex;justify-content:center;margin-top:4rem;box-sizing:border-box}.project-text{width:35rem;height:40rem;padding-left:2rem;margin-right:2rem;display:flex;flex-direction:column;overflow:hidden;text-shadow:2px 2px 2px #f4a3615b}.project-content{flex:1;overflow-y:auto;padding-right:1rem;margin-bottom:10rem}.project-title{margin-top:0;margin-bottom:2rem;margin-left:0rem}.project-subtitle{margin-left:.25rem}.project-paragraph{padding-left:1rem;margin-left:.5rem;border-left:5px solid #f4a261}.project-image-container{width:500px;height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}.project-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:2px 2px 4px #27456c}.project-button{width:5rem;height:5rem;align-self:center;padding:0rem 2rem 4rem;cursor:pointer;background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;outline:none}.project-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--site-dark-orange);font-size:1.4rem;text-align:left;font-weight:300}.project-role{opacity:.8}.divider{opacity:.5}.case-study-link{cursor:pointer;opacity:.8;transition:opacity .2s ease,transform .2s ease}.case-study-link:hover{opacity:1;transform:translate(3px)}.project-button:focus{outline:none;box-shadow:none}.icon{color:#e76f51ed;transition:color .2s ease,transform .2s ease}.project-button:hover .icon{color:#e76f51;transform:scale(1.2)}.lacquer-regular{font-family:Lacquer,system-ui;font-weight:400;font-style:normal}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw}.resume-page{display:flex;flex-direction:column;width:90svw;max-width:900px;height:65svh;background-color:#fefefe;padding:2rem;margin-bottom:15svh;overflow:hidden}.resume-header{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#27456c;text-shadow:1px 1px 2px #f4a3615b}.resume-page .content{flex:1;overflow-y:auto;padding-right:1rem}.Section{margin-bottom:2rem}.Section h2{font-size:1.5rem;font-weight:600;border-bottom:2px solid var(--site-light-orange);padding-bottom:.25rem;margin-bottom:1rem;color:#27456c}.Item{margin-bottom:1rem}.Item h3{font-size:1.2rem;font-weight:500;margin:.25rem 0;color:#111}.Item p{margin:.1rem 0;font-size:.95rem;color:#444}.Item .Date{font-size:.85rem;color:#888;text-align:right}.Item div p{font-size:.9rem;margin-left:1rem;color:#333;line-height:1.4rem}.resume-page .content::-webkit-scrollbar{width:8px}.resume-page .content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.resume-page .content::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}.resume-page .content::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.CaseStudyPage{width:100svw;height:70svh;display:flex;justify-content:center;margin-top:4rem;box-sizing:border-box}.case-study-text{width:60rem;height:40rem;padding-left:2rem;margin-right:2rem;display:flex;flex-direction:column;overflow-y:auto;text-shadow:2px 2px 2px #f4a3615b}.case-study-paragraph{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;margin-bottom:1rem}.case-study-paragraph p{flex:1;margin:0}.case-study-paragraph img{width:200px;height:auto;object-fit:contain;box-shadow:2px 2px 4px #27456c;border-radius:4px}.case-study-image{width:20svw;height:30svw;background-color:#f7efef;box-shadow:2px 2px 4px #27456c}.case-study-media{height:220px;display:flex;flex-direction:column;align-items:center;gap:16px}.case-study-caption{font-size:.9rem;color:#555;text-align:center}.case-study-outline{width:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;border-right:var(--site-light-orange) .5rem solid}.case-study-outline h3{font-size:1.2rem;align-self:flex-start;margin:.25rem;padding:0rem .25rem}.AboutMePage{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:0rem 2rem 2rem}.AboutMe-title{font-size:3rem;color:var(--site-dark-orange);font-weight:400;text-align:center;margin-bottom:2rem}.AboutMe{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:3rem;max-height:80rem;height:auto;box-sizing:border-box;padding:2rem 5rem;flex-wrap:nowrap}.aboutme-section-header{background-color:var(--site-light-orange);width:100%;color:var(--site-white);font-weight:700;padding-left:1rem;margin:.5rem 0rem}.AboutMeImageDiv{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:20rem;flex-shrink:0}.AboutMeImageWrapper{width:100%;max-height:400px;border-radius:10px;overflow:hidden;box-shadow:2px 2px 6px #0003;display:flex;align-items:center;justify-content:center}.AboutMeImageWrapper img{width:100%;height:100%;object-fit:cover}.AboutMeDescription{max-width:60rem;max-height:30rem;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;padding-right:1rem;gap:1rem;margin-top:4.5rem;overflow-x:hidden}.AboutMeDescription::-webkit-scrollbar{width:6px}.AboutMeDescription::-webkit-scrollbar-thumb{background-color:var(--site-light-orange);border-radius:3px}@media (max-width: 900px){.AboutMe{flex-direction:column;align-items:center}.AboutMeDescription{max-height:none;height:auto}}