body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}h1{line-height:100%;font-size:max(2.5vw,1.5rem)}h1.landing-page{font-size:max(6.5vw,2rem)}h2{line-height:100%}.display{font-family:Unbounded,sans-serif}.sans-serif{font-family:Teachers,sans-serif}body{color:#141412;background-color:#fffdfa;overflow-x:hidden}hr{border:0;height:3px;background-color:#f3a418}.term{transition:all 1s ease;opacity:0;transform:translate(100%)}.translate-in{opacity:1;transform:translate(0)}.translate-out{opacity:0;transform:translate(-100%)}@keyframes link-mouse-hover{0%{font-weight:400}to{font-weight:900}}@keyframes link-mouse-unhover{0%{font-weight:900}to{font-weight:400}}@keyframes fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}a.project-links{color:#141412;padding:0;width:max-content;font-family:Unbounded,sans-serif;text-decoration:none;font-weight:400;transition:font-weight .25s ease,color .25s ease}a.project-links:hover{font-weight:900}a.project-links .fa-external-link-alt{margin-left:.25em;font-size:.85rem;vertical-align:middle}a.links{padding:.25rem 2rem .25rem 1rem;font-family:Unbounded,sans-serif;text-decoration:none;transition:color .25s ease,background-color .25s ease;color:#f3a418}a.links:hover{color:#fffdfa;background-color:#f3a418;animation:link-mouse-hover .25s ease forwards}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb;padding:.25rem 2rem .25rem 1rem;font-family:Unbounded,sans-serif;text-decoration:none;transition:color .25s ease,background-color .25s ease}.App-link:hover{animation:link-mouse-hover .25s ease forwards}.info-container{display:flex;flex-direction:column;gap:1rem;padding:0 2rem 2rem}.contact-form{width:90%;max-width:720px;display:flex;flex-direction:column;gap:.5rem;margin:2rem auto}.contact-form .status-message{padding:10px 15px;margin-bottom:.5rem;text-align:center;opacity:0;animation:fadeIn .5s forwards}.contact-form .status-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.contact-form .status-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form .form-input,.contact-form .form-textarea,.contact-form select{margin-bottom:.5rem;margin-right:.5rem;padding:.5rem;border:1px solid #ccc}.contact-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23646464'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:30px}.contact-form .form-textarea{min-height:128px;max-width:100%;resize:vertical}.form-text-bottom{display:flex;flex-direction:column;align-items:center}.card{background-color:#fffdfa;box-shadow:0 4px 8px #1414121a;position:relative;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:all .25s ease-in-out}.card.expanded-card{z-index:10}.card-header-content{display:flex;flex-direction:column;gap:.5rem}.card-description{display:flex;flex-direction:column;gap:1rem}.card-description li{list-style:none}.card-content-wrapper{position:relative;max-height:200px;overflow:hidden;transition:max-height 1s ease-in-out;padding-bottom:2rem;z-index:1}.card-content-wrapper .fade-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,#fffdfa,#fffdfa00);pointer-events:none;transition:opacity .25s ease-out,linear-gradient ease-out;opacity:1;z-index:2}.card-content-wrapper.expanded{overflow:visible}.fade-overlay.hidden{opacity:0}.toggle-details{display:flex;align-items:center;justify-content:center;width:100%;height:2rem;background:none;border:none;cursor:pointer;padding:0;position:absolute;bottom:0;left:0;background-color:#fffdfa;z-index:3;border-bottom-left-radius:10px;border-bottom-right-radius:10px;transition:background-color .25s ease-out}.toggle-details.hidden{display:none}.arrow-icon{display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #646464;margin-left:0;transition:transform .25s ease-out,border-top-color .25s ease-out}.toggle-details:hover .arrow-icon{border-top-color:#f3a418}.toggle-details.expanded .arrow-icon{transform:rotate(180deg)}.card-list-container,.project-details-cards-container,.resume-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.25rem;align-items:stretch}@media screen and (max-width: 480px){.card-list-container,.project-details-cards-container,.resume-section-content{grid-template-columns:1fr}}@media screen and (min-width: 481px) and (max-width: 768px){.card-list-container,.project-details-cards-container,.resume-section-content{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.card-list-container,.project-details-cards-container,.resume-section-content{grid-template-columns:repeat(3,1fr)}}footer{display:flex;flex-direction:column;padding:1rem 0;gap:1rem;align-items:center}footer.black-background{background-color:#141412}.footer-container{display:flex;justify-content:center;align-items:center;margin:auto}.footer-container .monogram{width:96px;height:auto;margin-right:2rem}.footer-container .footer-links-container{width:20rem;max-width:100%;display:flex;flex-direction:column;gap:.5rem}.copyright-container .copyright{text-align:center;width:100%;font-size:.85rem;line-height:1.2;margin:0}.copyright-container .copyright.sans-serif{font-family:Teachers,sans-serif}.copyright-container .copyright.gray{color:#646464}header{position:absolute}.monogram{width:6rem;position:relative}.links-container{display:flex;flex-direction:column;gap:.5rem}.links{font-family:Unbounded,sans-serif;text-decoration:none;transition:color .25s ease,background-color .25s ease,transform .25s ease;color:#f3a418;background-color:transparent;transform:scale(1);padding:.25rem 2rem .25rem 1rem}.links.uppercase{text-transform:uppercase}.links.hovered{color:#fffdfa;background-color:#f3a418;animation:link-mouse-hover .25s ease forwards}.links.no-hover{animation:link-mouse-unhover .25s ease forwards}.form-button{padding:10px;border:none;text-decoration:none;background-color:#f3a418;color:#fff;cursor:pointer;transition:background-color .25s ease,color .25s ease}.form-button:hover{background-color:#fffdfa;color:#f3a418}.form-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.form-button.hovered{animation:link-mouse-hover .25s ease forwards}.form-button.no-hover{animation:link-mouse-unhover .25s ease forwards}.button-flex-center{display:flex;justify-content:center;align-items:center}.landing-page.container-hero{display:flex;flex-direction:row-reverse}.hero-image{position:sticky;top:0;width:100%;height:92.5%;object-fit:cover}.container-hero-text{position:absolute;z-index:100;top:65%;left:14%;transition:left 1s ease;max-width:100%;overflow:hidden}.hero-image-container{width:50%}.landing-page .parallax-container{height:107vh}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;overflow:scroll}.modal-content img{position:relative;max-width:100%;max-height:100%;width:auto;height:auto}.modal-button{position:fixed;bottom:1rem;background:none;border:none;font-size:1.5rem;color:#fffdfa;background-color:#1414129e;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:10000;transition:color .25s}.modal-button.left{left:1rem}.modal-button.right{right:1rem}.modal-button:hover{color:#f3a418}.prev-next-project-container{display:grid;grid-template-columns:1fr;justify-content:space-between;min-height:35rem;align-items:stretch}.prev-next-project-container.single-project-mode{grid-template-columns:1fr}.prev-next-project-item{position:relative;overflow:hidden;background-color:#fffdfa;display:flex;flex-direction:column}.prev-next-project-item a{display:block;height:100%;text-decoration:none;color:inherit;position:relative}.prev-next-project-item .prev-next-project-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.1;z-index:0;transition:transform .25s ease}.prev-next-project-item .prev-next-project-content{position:absolute;bottom:0;left:0;padding:2rem;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;z-index:1;opacity:1;transform:translateY(0);transition:all .25s ease}.prev-next-project-item .prev-next-project-content hr{border:0;height:3px;background-color:#f3a418;width:100%}.prev-next-project-item:hover .prev-next-project-content{opacity:1}.prev-next-project-item:hover .prev-next-project-bg-img{transform:scale(1.05)}.prev-next-project-item.next-project{text-align:right}.prev-next-project-item.next-project .prev-next-project-content{align-items:flex-end}.prev-next-project-item.prev-project{text-align:left}.prev-next-project-item.prev-project .prev-next-project-content{align-items:flex-start}@media (min-width: 768px){.prev-next-project-container{grid-template-columns:repeat(2,1fr);min-height:20rem}.prev-next-project-container.single-project-mode{grid-template-columns:1fr}}.project-grid{display:grid;align-items:stretch;grid-template-columns:repeat(3,1fr)}.project-grid-container{position:relative;overflow:hidden}.project-grid-container:hover .project-grid-text-container,.project-grid-container:hover .prev-next-project-content{opacity:1;transform:translateY(-25px);background-color:#fffdfaee}.project-grid-container:hover .project-grid-image{transform:scale(1.05);transition:transform .25s ease}.project-grid-container .project-grid-text-container{position:absolute;bottom:-25px;left:0;padding:20px;background-color:#fffdfa08;width:100%;box-sizing:border-box;opacity:0;transition:all .25s ease;display:flex;flex-direction:column;gap:.5rem}.project-grid-container .project-grid-image-container{display:flex;justify-content:center;align-items:center;width:100%;padding-top:100%;position:relative}.project-grid-container .project-grid-image{position:absolute;top:0;left:0;width:100%;height:101%;object-fit:cover;transition:transform .25s ease}.project-grid-container .project-grid-image:hover{transform:scale(1.05)}.project-content .project-tabs-container{padding:0}.project-content hr{width:auto;border-top:1px solid #F3A418}.project-content hr:not(:last-child){display:block}.tab-section-content{padding:0}.project-content-text{padding:0 2rem;margin:1rem 0}.tab-images-grid{display:grid;grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.tab-images-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.tab-images-grid{grid-template-columns:repeat(3,1fr)}}.tab-images-grid .grid-item{display:flex;justify-content:center;align-items:center;overflow:hidden}.tab-images-grid .project-image-thumbnail{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease-in-out}.tab-images-grid .project-image-thumbnail:hover{transform:scale(1.03)}.project-image{width:100%;height:100%;min-height:20rem;object-fit:cover}.project-image.error-404{margin-top:2rem;min-height:10rem}.project-header{display:flex;flex-direction:column;margin:0;padding:2rem;gap:.5rem;align-items:center}.project-header .project-links{color:#141412;padding:0;width:max-content;font-family:Unbounded,sans-serif;text-decoration:none;transition:animation .25s ease}.project-header .project-links.hovered{animation:link-mouse-hover .25s ease forwards}.project-header .project-links.no-hover{animation:link-mouse-unhover .25s ease forwards}html{overflow-x:hidden}.resume-section-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.25rem;background-color:#fffdfa;transition:grid-template-columns 1s ease-in-out}@media screen and (min-width: 1024px){.resume-section-content{grid-template-columns:repeat(3,1fr)}}.three-cards-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem;margin-bottom:2rem;align-items:stretch}@media screen and (max-width: 768px){.three-cards-container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){.three-cards-container{grid-template-columns:repeat(3,1fr)}}.three-cards-container .card{transition:all .25s ease-in-out}.three-cards-container .card.shrunk-when-other-expanded{opacity:.7;transform:scale(.98)}.three-cards-container .card.expanded-full-width{opacity:1;transform:scale(1)}.tabs-component{width:100%}.tabs-header{margin-bottom:1rem}.tabs-header-desktop{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}@media (max-width: 768px){.tabs-header-desktop{display:none}}.tab-button{padding:1rem;border:none;background-color:transparent;cursor:pointer;font-family:Unbounded,sans-serif;text-transform:uppercase;color:#646464;transition:all .25s ease;position:relative;font-size:1rem;line-height:1.2;height:100%;display:flex;align-items:center;justify-content:center}.tab-button:after{content:"";position:absolute;height:3px;bottom:0;right:0;width:0;background-color:#f3a418;transition:width .25s ease}.tab-button:hover,.tab-button.active{color:#141412}.tab-button:hover:after,.tab-button.active:after{width:100%;left:0}.tabs-header-mobile{display:none}@media (max-width: 768px){.tabs-header-mobile{display:block;border-bottom:3px solid #F3A418;padding-bottom:.5rem;width:90vw;margin:1rem auto}}.tab-select{width:100%;padding:.25rem 1rem;height:auto;border:none;font-family:Unbounded,sans-serif;text-transform:uppercase;font-size:1rem;color:#141412;background-color:#fffdfa;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.2;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23141412%22%3E%3Cpath%20d%3D%22M7%2010l5%205%205-5z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2em}.tab-select:focus{outline:none}.tab-select option{font-family:Teachers,sans-serif;text-transform:none;color:#141412;background-color:#fffdfa}.tabs-content{padding:0}.tabs-pane{display:flex;flex-direction:column;gap:1em}.info-section{display:flex;flex-direction:column;gap:.25rem}.resume-item{margin-bottom:2rem}.resume-item h3{margin-bottom:.25rem}.resume-item p{margin-top:.25rem}.resume-item span.sans-serif.gray{font-family:Teachers,sans-serif;color:#646464}.half-section-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.half-section-text-column{flex:1;min-width:300px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.half-section-items-column{flex:1}.image-effect-container{position:relative;height:375px;display:flex;justify-content:center;align-items:center}.image-background-block{position:absolute;max-height:375px;height:100%;width:100%;background-color:#f3a418;z-index:1;left:50%;top:50%;transform:translateY(-50%)}.half-section-right-image{position:relative;border-radius:50%;width:375px;height:375px;max-height:100%;object-fit:cover;object-position:0 30%;border:5px solid #F3A418;z-index:2;display:block}.half-section-footer{margin-top:2rem;width:100%;display:flex;justify-content:center}@media (max-width: 768px){.half-section-container{flex-direction:column;align-items:center}.half-section-text-column,.half-section-items-column{min-width:unset;width:100%;height:auto;min-height:unset}.image-effect-container{width:80%;height:220px;max-width:unset}.half-section-right-image{width:200px;height:200px;max-width:unset;max-height:unset}.image-background-block{height:200px}}.white{color:#fffdfa}.yellow{color:#f3a418}.black{color:#141412}.gray{color:#646464}.yellow-background{background-color:#f3a418}.black-background{background-color:#141412}.bold{font-weight:700}.regular{font-weight:400}.italic{font-style:italic}.uppercase{text-transform:uppercase}.inline-block{display:inline-block}.medium-text{font-size:1rem}.small-text{font-size:.85rem}.difference{mix-blend-mode:difference}.lighten{mix-blend-mode:lighten}.invert{filter:invert(1)}@media screen and (max-width: 768px){.project-grid,.project-content{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 488px){.project-grid{grid-template-columns:repeat(1,1fr)}.project-content{grid-template-columns:1fr}.footer-container{flex-direction:column}}