body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#333;font-family:Lato,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1800px;text-align:center}.App-header{background-color:#fff;border-bottom:none;padding:1rem 1rem .5rem}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1300px;padding:0 .5rem}.App-header h1{color:#333;font-size:2.5rem;font-weight:700;margin:0}.tab-menu ul{display:flex;list-style:none;margin:0;padding:0}.tab-menu li{margin:0 1rem}.tab-button{background:none;border:none;border-radius:0;color:#555;cursor:pointer;font-size:1.2rem;padding:.5rem 0;transition:all .3s ease}.tab-button:hover{background-color:initial;color:#000}.tab-button.active{border-bottom:2px solid #000;border-radius:0;color:#000;font-weight:500}main{border-top:none;padding:.5rem}.home-content-wrapper{margin:0 auto;max-width:1300px;padding:0 .5rem;width:100%}.home-content{align-items:stretch;display:flex;gap:4rem;justify-content:flex-start;padding:1rem 0}.left-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-left:0;padding-right:0;text-align:left}.left-content h2{color:#222;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.left-content p{color:#444;font-size:1.22rem;line-height:1.6;margin-bottom:.5rem}.right-content{align-items:center;display:flex;flex:0.42 1;justify-content:flex-start;max-width:360px;padding-right:0}.image-container{position:relative;width:100%}.homepage-image{border-radius:8px;display:block;height:auto;width:100%}.video-container{border-radius:0;box-shadow:none;height:0;overflow:hidden;padding-bottom:177.78%;position:relative;width:100%}.video-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.learn-more{color:#444;cursor:pointer;text-decoration:underline}.learn-more:hover{color:#000}@media (max-width:768px){.home-content{flex-direction:column;padding:1rem}.left-content{order:2;padding-right:0}.right-content{margin-bottom:2rem;order:1;padding-right:0;width:100%}.header-container{flex-direction:column}.tab-menu{margin-top:1rem}.App-header h1{margin-bottom:.5rem}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-container{align-items:center;display:flex;gap:2rem;padding:0;width:100%}.profile-image{display:flex;justify-content:center;padding:2rem 2rem 0 4rem;width:33%}.profile-image img{border-radius:20px;height:auto;object-fit:cover;width:95%}.video-wrapper{overflow:hidden;padding:177.78% 0 0;position:relative;width:100%}.video-wrapper:before{border-radius:10px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.video-wrapper iframe{border-radius:0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.social-links{display:flex;gap:1rem;justify-content:flex-start;margin-top:1rem}.icon-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem;padding:0;transition:color .2s ease}.icon-button:hover{color:#282c34}.modal-content.resume-modal{background-color:#fff;border-radius:10px;max-height:90vh;max-width:1000px;overflow-y:auto;padding:2rem;position:relative;width:90%}.resume-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.close-button{z-index:1001}.icon-link{color:#333;font-size:1.5rem;transition:color .3s ease}.icon-link:hover{color:#666}.react-pdf__Document{align-items:center;display:flex;flex-direction:column;gap:1rem}.react-pdf__Page{box-shadow:0 0 10px #00000026;margin-bottom:1rem}.page-controls{align-items:center;display:flex;gap:1rem;margin-top:1rem}.page-controls button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:.5rem 1rem}.page-controls button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1024px){.content-container{gap:1rem;grid-template-columns:1fr}.bio-section,.profile-image,.video-container{grid-column:1}.bio-section{padding-right:0}}.bio-section{align-items:center;display:flex;height:100%;padding:2rem 6rem 2rem 2rem;text-align:left;width:73%}.bio-content{width:100%}.bio-section h2{color:#282c34;font-family:Lato,sans-serif;font-size:1.8rem;margin-bottom:1.5rem;margin-top:0}.bio-section p{color:#666;font-family:Lato,sans-serif;font-size:1.2rem;line-height:1.7}.learn-more-link{color:#666;cursor:pointer;text-decoration:underline;transition:color .2s ease}.learn-more-link:hover{color:#282c34}.case-studies{padding:2rem 4rem}.case-studies-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.case-study-item{align-items:center;display:flex;flex-direction:column;text-align:center}.case-study-item img{border-radius:20px;height:200px;margin-bottom:1rem;object-fit:cover;transition:transform .2s ease;width:100%}.case-study-item img:hover{transform:scale(1.02)}.case-study-item h3{color:#282c34;font-family:Lato,sans-serif;font-size:1.2rem;margin:0;padding:0 1rem}.contain-image{background-color:#fff;object-fit:contain!important}.crop-top{object-position:center top!important}.crop-bottom{border-top:8px solid #fff!important;object-fit:cover!important;object-position:center 50%!important}.crop-ux-modern{object-fit:cover!important;object-position:center 65%!important}.crop-design-thinking{object-fit:cover!important;object-position:center 90%!important}.crop-top-faces{object-position:center 20%!important}.case-study-content .situation ul li:first-of-type,.case-study-content .tasks ul li:first-of-type,.case-study-content ul li:first-of-type{list-style-type:none;margin-left:-1.25em}@media (max-width:1024px){.case-studies-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.case-studies{padding:1rem}.case-studies-grid{gap:2rem;grid-template-columns:1fr}.case-study-item img{height:200px;object-fit:cover;width:100%}}.case-study-content{color:#444;font-family:Lato,sans-serif;font-size:11pt;line-height:1.6;margin-top:1rem;text-align:left}.case-study-content h1{color:#282c34;font-size:20pt;font-weight:700;margin-bottom:2rem}.case-study-content h2{color:#282c34;font-size:16pt;font-weight:700;margin-bottom:1rem;margin-top:2rem}.case-study-content h3{color:#282c34;font-size:14pt;font-weight:400;margin-bottom:1rem;margin-top:1.5rem}.case-study-content p{font-size:11pt;line-height:1.6;margin-bottom:1rem}.case-study-content ul{list-style-type:disc;margin-bottom:1rem;padding-left:1.5rem}.case-study-content li{display:list-item;font-size:11pt;line-height:1.6;margin-bottom:.5rem}.case-study-content ul li:first-child{display:list-item!important;list-style-type:disc!important;margin-left:0}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.close-button:hover{color:#282c34}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}.spotify-embed{margin-top:20px;width:100%}.spotify-embed iframe{border-radius:8px}.project-video-container{border-radius:8px;height:0;margin-bottom:1rem;margin-top:1rem;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.project-video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.ai-projects{padding:2rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px;padding:2rem}.project-thumbnail{align-items:center;cursor:pointer;display:flex;flex-direction:column;padding:10px;transition:transform .2s}.project-thumbnail:hover{transform:translateY(-5px)}.project-thumbnail img{aspect-ratio:16/9;background-color:#f5f5f5;border-radius:8px;object-fit:cover;width:100%}.project-thumbnail h3{font-size:1.2rem;height:2.4rem;margin-top:15px;text-align:center;width:100%}.modal-overlay,.project-thumbnail h3{align-items:center;display:flex;justify-content:center}.modal-overlay{background-color:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem;position:relative;width:90%}.project-content{text-align:left}.project h2{color:#282c34;font-family:Lato,sans-serif;font-size:2rem}.project h2,.project-section{margin-bottom:2rem}.project h3{color:#282c34;font-size:1.5rem;margin:1.5rem 0 1rem}.project h3,.project p{font-family:Lato,sans-serif}.project p{color:#666;font-size:1.2rem;line-height:1.7;margin-bottom:1.5rem}.project ul{list-style-type:disc;margin-bottom:1.5rem;margin-left:2rem}.project li{color:#666;font-family:Lato,sans-serif;font-size:1.2rem;line-height:1.7;margin-bottom:.5rem}@media (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.contact-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 100px);padding-top:0}.contact-wrapper{align-items:center;display:flex;gap:4rem;max-width:1200px;padding:0 0 0 1rem;width:100%}.contact-image{flex-shrink:0;width:255px}.contact-image img{border-radius:20px;height:auto;object-fit:contain;width:100%}.contact-content{display:flex;flex-direction:column;font-family:Lato,sans-serif;gap:2rem}.contact-item{align-items:center;color:#666;display:flex;font-size:1.2rem;gap:1rem}.contact-item i{color:#666;font-size:1.8rem;text-align:center;width:2rem}.contact-item a{color:#666;text-decoration:none;transition:color .2s ease}.contact-item a:hover,.contact-item span[style*="cursor: pointer"]:hover{color:#282c34}.resume-link{color:#06c;cursor:pointer;text-decoration:underline}.resume-link:hover{color:#049}@media (max-width:768px){.contact-container{padding-top:4rem}.contact-wrapper{flex-direction:column;gap:2rem;padding:1rem}.contact-image{width:170px}}
/*# sourceMappingURL=main.04d1fbd3.css.map*/