:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@font-face{font-family:"Instrument Serif Italic";src:local("InstrumentSerif-Italic"),url(/fonts/InstrumentSerif/InstrumentSerif-Italic.ttf)}@font-face{font-family:Poppins Bold;src:local("Poppins-Bold"),url(/fonts/Poppins/Poppins-Bold.ttf)}@font-face{font-family:Poppins SemiBold;src:local("Poppins-SemiBold"),url(/fonts/Poppins/Poppins-SemiBold.ttf)}a{font-weight:500;text-decoration:inherit}html,body,#root{margin:0;min-width:320px;height:100%;background-color:#fff;scroll-padding-top:80px}h1{font-family:"Instrument Serif Italic",serif;font-size:3.2em;line-height:1.1}h2{font-family:Poppins Bold,sans-serif;font-size:2em;line-height:1.2;text-decoration-line:underline;text-decoration-color:#eebb2f}h3{font-family:Poppins SemiBold,sans-serif;font-size:1.4em;line-height:1.3}h3 a{font-family:Poppins Bold,sans-serif;font-size:1.2em;line-height:1.2;text-decoration-line:underline;text-decoration-color:#eebb2f;color:#000}h3 a:hover{color:#eebb2f}h4{font-family:Poppins SemiBold,sans-serif;font-size:1.2em;line-height:1.3}p,li,button,a,b{font-family:Calibri,sans-serif}#root{margin:0 auto;text-align:center}.nav{height:80px;width:100%;padding:0 30px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:#fff;position:fixed;top:0;z-index:10}.nav img{display:block}.nav-links{display:flex;gap:20px}.nav-links a{margin:15px 20px;display:flex;position:relative;padding:10px 20px;color:#000;font-size:16px;font-family:Poppins SemiBold,sans-serif}.nav-links a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#eebb2f;transform-origin:bottom right;transition:transform .25s ease-out}nav a:hover:after{transform:scaleX(1);transform-origin:bottom left}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;display:flex;flex-direction:column;background:#fff;border-radius:8px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease}.dropdown:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-menu a{padding:8px 16px;white-space:nowrap}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:#000;display:block}.page{padding-top:80px;min-height:100%;display:flex;flex-direction:column}footer{background-color:#eebb2f;color:#000;padding:30px 60px;display:flex;align-items:center;text-align:left;justify-content:space-between;gap:32px}footer img{width:40px;height:40px;vertical-align:middle;padding-right:5px}footer a{color:#000;margin-top:auto}footer a:hover{color:#fff}@media only screen and (max-width:768px){.nav-links{gap:10px}.nav-links a{margin:0;padding:20px 10px}footer{display:flex;flex-direction:column;gap:20px;align-content:left}.footer-links,.footer-right{margin-right:25%}.footer-link{display:flex;flex-direction:row;justify-content:left}}@media only screen and (max-width:600px){.footer-links,.footer-right{margin-right:40%}.hamburger{display:flex}.nav-links{position:absolute;top:80px;right:0;width:100%;flex-direction:column;text-align:center;background-color:#eebb2f;max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-links.open{max-height:1000px}.nav-links a{padding:16px}.nav-links a:after{display:none}.nav.menu-open .nav-links a:after{display:none}}.home{flex:1;min-height:calc(100vh - 80px);width:100%}.header{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:-10px;position:relative}.name{padding-bottom:200px;font-size:4rem;font-weight:700;position:absolute}.typewriter{position:absolute;display:flex;gap:10px;padding-top:100px}.typewriter-text{display:inline-block;height:100px;font-size:5rem;font-weight:700;white-space:nowrap;overflow:hidden;border-right:.15em solid orange;padding-right:5px;animation:blink-caret .75s step-end infinite}.view-projects{position:absolute;bottom:100px}.torus-label>div{background:#000;font-size:12px;color:#fff;opacity:70%;padding:10px;white-space:nowrap;overflow:hidden;border-radius:20px;-webkit-user-select:none;user-select:none;width:fit-content}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:30px;padding:30px 60px}.project{overflow:hidden;background:#fff;box-shadow:0 0 15px #0003;position:relative;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.project:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000040}.project-image{width:100%;height:350px;object-fit:cover;object-position:top}.project-info{padding:30px;display:flex;flex-direction:column;text-align:center}.project-link{position:absolute;inset:0;z-index:1}@media only screen and (max-width:600px){.home{scroll-snap-type:none;height:auto}.projects-grid{display:flex;flex-direction:column;padding:30px}.project-image{width:100%;height:200px;object-fit:cover;object-position:top}.project-info{padding:20px;display:flex;flex-direction:column;text-align:center}.name{padding:0 20px 300px;font-size:3rem;font-weight:700;position:absolute}.typewriter{position:absolute;display:flex;flex-direction:column;padding-top:100px;gap:.5rem}.typewriter-text{display:inline-block;font-size:3rem;height:80px;width:fit-content;text-align:center}h1{margin:20px 0}.header{height:90vh}}.project-page{padding:30px 60px;text-align:left;gap:20px}.project-content{padding:0 60px;margin:80px 0 60px 200px;gap:30px;display:flex;flex-direction:column}.project-content img{max-width:80%;height:auto}.sidebar{width:200px;display:flex;flex-direction:column;height:80%;position:fixed;overflow-x:hidden;margin-top:80px}.sidebar a{font-family:Poppins SemiBold,sans-serif;font-size:1em;text-decoration-line:underline;text-decoration-color:#eebb2f;color:#000;margin:10px 0}.project-mini-headers{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.project-mini-headers section{flex:1 1 auto}.msg-results-stats{display:flex;flex-direction:row}.msg-prototypes,.old-yearbooks,.yearbook-process-images,.yearbook-results-images{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100vw}.msg-prototypes-AB,.flossboss-video,.flossboss-brainstorm-images,.flossboss-process-images,.flossboss-gdc-images,.cognitivebias-brainstorming-images,.cognitivebias-development-images,.cognitivebias-design-system-images,.cognitivebias-results-images{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:100%}.msg-prototypes img,.msg-prototypes-AB img,.old-yearbooks img,.yearbook-process-images img,.yearbook-results-images img,.flossboss-video video,.flossboss-video img,.flossboss-brainstorm-images img,.flossboss-development img,.flossboss-gdc-images img,.cognitivebias-brainstorming-images img,.cognitivebias-development-images img,.cognitivebias-design-system-images img,.cognitivebias-results-images img{max-width:100%;height:auto;object-fit:contain}.project-page-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.project-page-image{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-header{display:flex;flex-direction:column;gap:30px}.project-page-image img{width:100%;height:auto}.flossboss-gdc{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.flossboss-gdc iframe{position:absolute;top:0;left:0;width:100%;height:100%}.competitive-analysis-findings,.cognitivebias-research-insights{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.competitive-analysis-finding,.cognitivebias-research-insight{display:flex;flex-direction:column;padding:30px;border:4px solid #EEBB2F;border-radius:15px;max-width:30vw;align-items:center}.cognitivebias-design-system-images{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.nps-scores{display:flex;flex-direction:row;gap:30px}.nps{display:flex;flex-direction:column;align-items:center;text-align:center}.nps h4{margin:0}@media only screen and (max-width:1024px){.project-content{padding:0 30px;margin:80px 0 60px 150px;display:flex;flex-direction:column}.competitive-analysis-findings,.cognitivebias-research-insights{display:flex;flex-direction:column;gap:30px}.competitive-analysis-finding,.cognitivebias-research-insight{max-width:100%}.sidebar{width:150px}}@media only screen and (max-width:768px){.sidebar{display:none}.project-content{padding:0 30px;margin:80px 0 0;display:flex;flex-direction:column}.project-content img{max-width:100%;height:auto}.project-page{padding:30px;text-align:left;gap:20px}.project-mini-headers,.msg-results-sections{display:flex;flex-direction:row;flex-wrap:wrap}.msg-prototypes,.old-yearbooks,.yearbook-process-images,.yearbook-results-images,.flossboss-process-images,.cognitivebias-brainstorming-images,.cognitivebias-development-images,.cognitivebias-design-system-images,.cognitivebias-results-images{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:100vw}.msg-prototypes-AB,.flossboss-video{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:100%}}@media only screen and (max-width:600px){.sidebar{display:none}.project-content{padding:0;margin:80px 0 0;gap:20px;display:flex;flex-direction:column}.project-mini-headers,.msg-results-sections{display:flex;flex-direction:row;flex-wrap:wrap;gap:50px}.msg-prototypes,.old-yearbooks,.yearbook-process-images,.yearbook-results-images,.flossboss-process-images,.flossboss-brainstorm-images,.flossboss-gdc-images,.cognitivebias-brainstorming-images,.cognitivebias-design-system-images,.cognitivebias-development-images,.cognitivebias-results-images{display:flex;flex-direction:column;gap:20px;max-width:100vw}.msg-prototypes-AB,.flossboss-video{display:flex;flex-direction:column;gap:20px;max-width:100%}}.about{flex:1;padding:0 0 30px}.intro{display:flex;align-items:center;gap:40px;max-width:1000px;margin:0 auto;padding:30px 0}.profile{flex-shrink:0}.profile img{width:250px;height:250px;object-fit:cover;border-radius:50%;display:block}.description{text-align:left;padding-right:30px}.skills,.experience{display:flex;flex-direction:column;align-items:center;gap:60px;text-align:left;margin:0 auto;max-width:900px;padding:30px}.ui-ux,.programming,.design{display:grid;grid-template-columns:20% 1fr;gap:60px;width:100%}.ui-ux-skills,.programming-skills,.design-skills{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%}.job{display:grid;align-items:top;grid-template-columns:.5fr 1fr;gap:30px;width:100%}.ui-ux-skill,.programming-skill,.design-skill,.project-skill{pointer-events:none;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;border-radius:100px}.project-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;justify-content:center}.project-skill{color:#000;max-width:fit-content;background-color:#ffebb3}.ui-ux-skill{color:#d63725;background-color:#fff4ef}.programming-skill{color:#149f4e;background-color:#e8f9f0}.design-skill{color:#2557d6;background-color:#eff4ff}@media only screen and (min-width:600px)and (max-width:768px){.intro{display:flex;align-items:center;gap:10px;margin:0 auto;padding:20px 0}.profile img{width:200px;height:200px;object-fit:cover;border-radius:50%;display:block}}@media only screen and (max-width:600px){.intro{display:flex;flex-direction:column;align-items:center;gap:10px}.description{padding:0 60px}.ui-ux,.programming,.design{display:flex;flex-direction:column;align-items:center}.ui-ux,.programming,.design{text-align:center}.ui-ux-skills,.programming-skills,.design-skills{display:flex;justify-content:center}.job{display:flex;flex-direction:column}}.fun{flex:1;padding:0 0 30px}.art{padding:0 60px;display:flex;flex-direction:row;gap:12px}.art .column1,.art .column2,.art .column3{display:flex;width:50vw;flex-direction:column;gap:12px}.art img,.posters img{width:100%;height:auto;object-fit:cover;display:block}.animations{padding:0 60px;display:flex;flex-direction:row;gap:12px;justify-content:center;align-items:center}.animations video{width:50%;height:auto;object-fit:cover;display:block}.posters{padding:0 60px;display:flex;flex-direction:row;gap:12px}.posters-1,.posters-2{display:flex;width:50vw;flex-direction:column;gap:12px}@media(max-width:768px){.art,.posters{padding:0 20px;flex-direction:column;justify-content:center;align-items:center}.art .column1,.art .column2,.posters-1,.posters-2{width:80vw}.animations{padding:0 20px;flex-direction:column;justify-content:center;align-items:center}.animations video{width:90%}}