.footer{align-items:center;background-color:#fff;border-top:1px solid #ccc;color:#333;display:flex;font-family:Arial,sans-serif;font-size:14px;justify-content:space-between;padding:20px 40px}.footer-left,.footer-right{align-items:center;display:flex;gap:10px}.footer-center{text-align:center}.footer-center,.language{color:#666;font-size:14px}.language{text-decoration:none}.language:hover{color:#000}.divider{color:#ccc}.social-icon{color:#333;font-size:16px;text-decoration:none}.social-icon:hover{color:#000}@media (max-width:768px){.footer{margin:5px;padding:10px}.footer,.footer-center,.social-icon{font-size:10px}.language{align-items:left;font-size:9px;margin:0}}.introduction{align-items:center;background-color:#333;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:9999}.introduction svg{height:calc(100% + 300px);position:absolute;top:0;width:100%}.introduction svg path{fill:#333}.introduction p{align-items:center;color:#ff007f;display:flex;font-size:1.5em;font-weight:300;position:absolute;z-index:1}.introduction p span{background-color:#ff007f;border-radius:50%;display:block;height:10px;margin-right:10px;width:10px}@media (max-width:768px){.introduction p{font-size:1em}}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f4f4;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif!important;margin:0;overflow-x:hidden;padding:0;text-rendering:optimizeLegibility}.home{flex-direction:column;height:100vh;justify-content:space-between;z-index:1}.home,.main-content-home{display:flex;overflow:hidden;position:relative}.main-content-home{align-items:center;height:100%;justify-content:center;width:100%;z-index:2!important}.hero-content{color:#333;margin-right:5em;padding:150px;position:absolute;right:20px;text-align:right;top:20px;z-index:2}.hero-architecture{color:#ff007f;font-size:.8rem;font-weight:400;letter-spacing:.2rem;letter-spacing:1cap;margin:0 0 -10px;padding-left:15px;padding-top:10px;text-align:left;text-transform:uppercase}.hero-title{font-size:5rem;font-weight:lighter;line-height:1;margin:10px;max-width:100%}.hero-title .outline{color:#0000;color:#ff007f}.hero-author{color:#333;font-size:1rem;font-weight:400;margin-right:15px;margin-top:1px}.hero-image{animation:fadeInZoom 2s ease-in-out forwards;height:100%;left:0;opacity:0;position:absolute;top:100px;width:100%;z-index:1}.hero-image img,.hero-image video{filter:grayscale(30%);height:100%;object-fit:cover;transition:filter 2s ease;width:100%;z-index:2!important}@keyframes fadeInZoom{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.location-tag{bottom:100px;color:#333;font-family:Helvetica,Arial,sans-serif!important;font-size:1.5rem;font-weight:400;left:20px;letter-spacing:.1rem;position:absolute;text-orientation:mixed;writing-mode:vertical-rl;z-index:2}.sections-container-before{background-color:#fff;margin-top:-5px;padding-top:5px;position:relative;width:auto;z-index:5}.sections-container{margin:0 auto;max-width:1300px;position:relative;width:120%;z-index:5}.layout{grid-gap:8px;display:grid;gap:8px;grid:"title title title title title small small wall wall wall wall wall" auto ". small-2 small-2 small-2 . working working working working . . ." auto ". on on on . small-3 small-3 . small-4 small-4 . ." auto ". . . . . . . . . . . ." auto/auto auto auto auto auto auto auto auto auto auto auto auto;margin-top:5em;width:75vh}.wall{grid-area:wall}.title{color:#ff007f;font-size:2em;font-weight:lighter;grid-area:title}.small{align-items:center;grid-area:small}.small,.small-2{color:#5d5d5d;font-size:.5em;font-weight:lighter}.small-2{grid-area:small-2}.working{grid-area:working}.on,.working{color:#ff007f;font-size:2em;font-weight:lighter}.on{grid-area:on}.small-3{grid-area:small-3}.small-3,.small-4{color:#5d5d5d;font-size:.5em;font-weight:lighter}.small-4{grid-area:small-4}.small-4:hover{color:#ff007f}.img-home{height:9em}.layout-2{grid-gap:8px;display:grid;gap:8px;grid:"first first second second third third" auto/auto auto auto auto auto auto auto auto auto;margin-bottom:2em;width:100%}.first{color:#5d5d5d;font-size:1em;font-weight:300;grid-area:first}.first:hover{color:#ff007f}.second{color:#5d5d5d;font-size:1em;font-weight:300;grid-area:second}.second:hover{color:#ff007f}.third{color:#5d5d5d;font-size:1em;font-weight:300;grid-area:third}.third:hover{color:#ff007f}.first p,.second p,.third p{font-size:.5em;font-weight:lighter;line-height:1.2;margin-bottom:-1.7em;padding-right:20px}.wide-image-section{align-items:center;background-color:#fff;display:flex;justify-content:center;padding:2rem 0}.wide-image-section .wide-image{display:block;height:auto;max-width:1500px;object-fit:cover;width:100%}@media (max-width:1024px){.hero-content{padding:100px}.hero-title{font-size:5rem}.hero-architecture{font-size:1.5rem}.hero-author{font-size:.9rem}.location-tag{bottom:80px;font-size:1.2rem;left:10px}.layout{margin:0 0 0 1em;width:49vh}.layout-2{grid-template-areas:"first" "text" "second" "third";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;margin-left:1em;margin-right:2em;width:70%}.sections-container{margin-top:5em}.first p{color:#5d5d5d}.first p,.second p,.third p{font-size:.5em;font-weight:lighter;line-height:1.2;padding-right:20px}}@media (max-width:768px){.header{padding:15px 20px}.nav-links{font-size:.9rem;gap:15px}.home{height:90vh}.hero-content{color:#333;margin-right:5em;padding:150px;position:absolute;right:20px;text-align:center;text-align:right;top:10px;width:0;z-index:2}.hero-title{font-size:2.5rem!important;text-align:center}.hero-architecture{font-size:1rem;letter-spacing:.1cap}.hero-author{font-size:.9rem;padding-left:13px;position:relative}.hero-image img{object-fit:cover}.location-tag{bottom:50px;font-size:1rem;left:10px}.layout{margin:0 0 0 1em;width:49vh}.layout-2{grid-template-areas:"first" "text" "second" "third";grid-template-columns:1fr;grid-template-rows:auto auto auto auto;margin-left:1em;margin-right:2em;width:70%}.sections-container{margin-top:5em}.first p{color:#5d5d5d}.first p,.second p,.third p{font-size:.5em;font-weight:lighter;line-height:1.2;padding-right:20px}}.video-section{background-color:#fff;padding:40px 20px;text-align:center}.video-section-title{color:#333;font-size:1rem;margin-bottom:30px}.video-row{display:flex;flex-wrap:nowrap;gap:30px;justify-content:center;overflow-x:auto;padding-bottom:10px}.video-item{flex:0 0 auto;max-width:350px}.video-item h3{color:#ff007f;font-weight:100;margin-bottom:10px}.navbar{align-items:center;box-sizing:border-box;display:flex;font-family:Helvetica,Arial,sans-serif!important;font-size:1rem;justify-content:space-between;left:0;padding:20px 40px;position:fixed;top:0;transition:background-color .3s ease-in-out;width:100%}.navbar,.navbar-scrolled{background-color:initial;z-index:800}.navbar-scrolled{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background-image:radial-gradient(#0000 1px,#fff 0);background-image:radial-gradient(#0000 1px,var(--token-f32baa44-90b8-42a5-8bca-ffba9d95b23a,#fff) 1px);background-size:4px 4px;-webkit-mask:linear-gradient(#fff 60%,#fff0);mask:linear-gradient(#fff 60%,#fff0);-webkit-mask-composite:source-over;mask-composite:add;mask-mode:initial;-webkit-mask-size:auto;mask-size:auto;opacity:1}.navbar-copyright{color:inherit;font-size:1rem}.navbar-links{display:flex;font-family:Helvetica,Arial,sans-serif!important;gap:30px;list-style:none}.navbar-links,.navbar-links li{margin:0;padding:0;z-index:800}.navbar-links li a{color:#000;font-weight:100}.navbar-links li a,.navbar-links li b{text-decoration:none;transition:color .3s ease-in-out;z-index:800}.navbar-links li b{color:#ff007f;font-weight:700}.navbar-links li b:hover{color:#333}.navbar-links li a:hover{color:#ff007f}.navbar-copyright{color:#000;font-weight:200;text-decoration:none;transition:color .3s ease-in-out;z-index:800}.navbar-copyright:hover{color:#ff007f}.scroll{background-color:#000}@media (max-width:768px){.navbar-copyright{color:#333;font-size:smaller;text-align:left}.navbar-links{font-size:smaller;gap:20px}.navbar{padding:20px 10px}}.slide-in,.slide-out{background-color:#ff007f;height:100%;left:0;position:fixed;top:0;transform-origin:bottom;width:100%;z-index:100}.slide-out{transform-origin:top!important}.slide-out-2{background-color:#333;height:100%;left:0;position:fixed;top:0;transform-origin:top;width:100%;z-index:111}.tilted-card-figure{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;perspective:800px;position:relative;width:100%}.tilted-card-mobile-alert{display:none;font-size:.875rem;position:absolute;text-align:center;top:1rem}@media (max-width:640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}.tilted-card-img{height:auto;width:auto!important}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{object-fit:cover;transform:translateZ(0)}.tilted-card-img,.tilted-card-overlay{left:0;position:absolute;top:0;will-change:transform}.tilted-card-overlay{transform:translateZ(30px);z-index:2}.tilted-card-caption{background-color:#fff;border-radius:4px;color:#2d2d2d;font-size:10px;left:0;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;top:0;z-index:3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica,Arial,sans-serif!important;text-rendering:optimizeLegibility}.hero{align-items:left;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:1em;position:relative}.hero-background{animation:fade 10s infinite;background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:0}.hero-background-1{animation-delay:0s;background-image:url(/static/media/7.356abf7015259413373e.jpeg)}.hero-background-2{animation-delay:5s;background-image:url(/static/media/8.1c6e4a67bd7655324863.png)}@keyframes fade{70%,to{opacity:0}50%{opacity:1}}.hero-header{margin:auto 0;text-align:left;z-index:1}.hero-title-about{font-size:7vh}.hero-sub-about,.hero-title-about{font-family:Helvetica,Arial,sans-serif!important;font-weight:lighter;line-height:.9;margin:0;max-width:5em;width:4em}.hero-sub-about{font-size:5vh;padding-top:.3em}.hero-subtitle{color:#333;font-size:2vh;font-weight:400;margin:.5em 0}.hero-subtitle-loc{color:#ff007f;font-size:3vh;font-weight:400;margin:.5em 0}article{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center!important;font-size:.5em;height:100vh;line-height:1.8;margin:2em auto;max-width:49em;padding:0;width:90%}@media (max-width:1200px){article{margin:1em auto;width:95%}}.article-title{align-items:center;color:#0000;display:inline-block;font-size:2em;font-weight:400;line-height:1.5em;margin:4em 0 20px;position:relative;vertical-align:center;white-space:nowrap}.article-title:before{color:#333;content:"Hello, I'm .";left:0;overflow:hidden;position:absolute;text-indent:0;top:0;width:100%}.article-title:hover{animation:show .8s linear forwards}@keyframes show{93%{color:#0000}94%{color:#333}to{color:#333}}.article-title:hover:before{animation:texte .8s linear forwards;color:#ff007f}@keyframes texte{0%{content:"Architect"}10%{content:"Design"}20%{content:"Urbendesign"}30%{content:"Artwork"}50%{content:"Concept"}60%{content:"Chicago"}70%{content:"United States"}80%{content:"Potefolio"}90%{content:"Illinoistech"}to{content:""}}article p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:#5d5d5d;font-family:Helvetica,Arial,sans-serif!important;font-size:1.3em;font-weight:200;margin-bottom:1.8em;text-align:justify;text-rendering:optimizeLegibility}article strong{color:#ff007f;font-weight:lighter}.timeline{margin:4em auto;max-width:20em}.timeline:before{background-color:#000;content:"";height:100%;left:7em;margin-left:-4em;position:absolute;top:0;width:2px}.timeline-event{position:relative}.timeline h2{color:#333;font-size:1.5rem;font-weight:lighter;margin:-2em 4em .6em 5.3em;padding-top:1em}.timeline-event:hover .timeline-event-icon{background-color:#ff007f;transform:rotate(-45deg)}.timeline-event:hover .timeline-event-thumbnail{box-shadow:inset 40em 0 0 0 #ff007f}.timeline-event-copy{background-color:initial;border-radius:5px;left:5em;margin-bottom:-2em;padding:1em;position:relative;top:-1em;width:calc(100% - 6em)}.timeline-event-copy h3{color:#333;font-size:1em;font-weight:lighter;margin:0 0 .1em}.timeline-event-copy h4{color:#ff007f;font-size:.8em;font-weight:lighter;margin-bottom:-.2em;margin-top:-.2em}.timeline-event-copy p{color:#5d5d5d;font-size:13px;font-weight:lighter}.timeline-event-copy strong{font-weight:700}.timeline-event-copy p:not(.timeline-event-thumbnail){padding-bottom:.5em}.timeline-event-icon{background-color:#333;display:block;height:.5em;left:2.5em;margin:.5em 0 0;outline:5px solid #fff;position:absolute;top:1;transform:rotate(45deg);transition:transform .2s ease-in;width:1em}.timeline-event-thumbnail{background-color:#333;color:#fff!important;display:inline-block;font-size:.85em;margin-bottom:1em;padding:.2em 1em;transition:box-shadow .5s ease-in .1s}.titleex{color:#333;font-size:1em;margin-bottom:0;margin-left:16em;margin-top:8em;text-align:left}.experience-section{display:flex;gap:0;margin:2rem auto;max-width:1000px}.experience-title{flex:0 0 10%;padding-left:4em}.experience-title h2{color:#333;font-size:1.5rem;font-weight:lighter;margin-top:4em}.experience-title p{color:#5d5d5d;font-size:1rem;font-weight:lighter}.timeline{flex:0 0 50%;position:relative}.education-skills-section{display:flex;flex-wrap:wrap;height:100px;margin:2rem auto;max-width:1200px;padding:0 1rem}.education-section,.skills-section{flex:1 1 45%;min-width:300px}.education-section h2,.skills-section h2{color:#333;font-size:1.5rem;font-weight:700;font-weight:lighter;margin-bottom:.5rem}.education-list{list-style:none;margin:0;padding:5px}.education-list li{align-items:flex-start;display:flex;margin-bottom:.5rem}.education-year{color:#ff007f;flex:0 0 30%;font-size:1rem;font-weight:700;font-weight:lighter;text-align:left!important}.education-details{color:#5d5d5d;flex:1 1;font-family:Helvetica,Arial,sans-serif!important;font-size:1rem;font-weight:lighter}.skills-list{list-style:none;margin:0;padding:0}.skills-list li{color:#ff007f;font-size:1rem;font-weight:lighter;margin-bottom:.5rem}.skills-list li strong{color:#333;font-weight:700;font-weight:lighter}.skills-image-container{margin-top:1rem;text-align:center}.skills-image{filter:grayscale(100%);height:auto;margin-top:1rem;max-width:600px;width:100%}@media(max-width:1040px){.hero{height:90vh;padding:1rem;text-align:center}.hero-header{padding-right:150px}.hero-title-about{font-size:4vh;margin-bottom:1rem}article{height:100vh;margin-bottom:-20em;width:46vh}.education-skills-section{display:block;margin:0;padding:1rem}.education-section,.skills-section{align-items:left;margin-bottom:2rem;text-align:left}.mg-lines{align-items:left;visibility:hidden}.education-section h2,.skills-section h2{font-size:1.8rem;margin-bottom:1rem}.education-list,.skills-list{list-style:none;margin:0 auto;padding:0}.education-list li,.skills-list li{font-size:1rem;margin-bottom:.5rem}.skills-image-container{margin-top:1rem;text-align:center}.skills-image{height:auto;margin:auto;max-width:90%}.timeline{display:block;margin:10em 0 2rem;padding:1rem}.timeline h2{font-size:1.8rem;margin-left:3.5em}.timeline-event{margin-bottom:2rem}.timeline-event-copy{margin-left:-2em;text-align:left}.timeline-event-icon{margin-left:-.5em}.experience-section{display:block;margin:2rem 0}.experience-title{margin-bottom:1rem;text-align:left}.experience-title h2{font-size:1.5rem}.skills-section h2{font-size:1.8rem;margin-bottom:1rem}.skills-list li strong{color:#333;font-weight:700}.education-year{font-size:1rem;text-align:center}article p{font-size:13px}}@media (max-width:768px){.hero{height:90vh;padding:1rem;text-align:center}.hero-header{padding-right:150px}.hero-title-about{font-size:4vh;margin-bottom:1rem}article{height:100vh;margin-bottom:20em;width:46vh}.education-skills-section{display:block;margin:5em 0 0;padding:1rem}.education-section,.skills-section{align-items:left;margin-bottom:2rem;text-align:left}.mg-lines{align-items:left;visibility:hidden}.education-section h2,.skills-section h2{font-size:1.8rem;margin-bottom:1rem}.education-list,.skills-list{list-style:none;margin:0 auto;padding:0}.education-list li,.skills-list li{font-size:1rem;margin-bottom:.5rem}.skills-image-container{margin-top:1rem;text-align:center}.skills-image{height:auto;margin:auto;max-width:90%}.timeline{display:block;margin:20em 0 2rem;padding:1rem}.timeline h2{font-size:1.8rem;margin-left:3.5em}.timeline-event{margin-bottom:2rem}.timeline-event-copy{margin-left:-2em;text-align:left}.timeline-event-icon{margin-left:-.5em}.experience-section{display:block;margin:2rem 0}.experience-title{margin-bottom:1rem;text-align:left}.experience-title h2{font-size:1.5rem}.skills-section h2{font-size:1.8rem;margin-bottom:1rem}.skills-list li strong{color:#333;font-weight:700}.education-year{font-size:1rem;text-align:center}article p{font-size:13px}}@media (max-width:480px){.hero-title-about{font-size:3.5vh}.education-section h2,.skills-section h2{font-size:1.5rem}.education-list li,.skills-list li{font-size:.9rem}.skills-image{height:auto;max-width:100%}.timeline-event-copy h3,.timeline-event-copy h4,.timeline-event-copy p{font-size:.8rem}.education-year{font-size:.9rem}}.scroll{z-index:20}.hover-image{height:auto;left:0;opacity:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:500px;z-index:1}.hover-image img{border-radius:8px;box-shadow:0 4px 8px #0003;display:block;height:auto;width:100%}.magnetLines-container{align-items:center;display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);height:80vmin;justify-items:center;width:80vmin}.magnetLines-container span{display:block;transform:rotate(var(--rotate));transform-origin:center;will-change:transform}body{font-family:Helvetica!important;font-size:3vh;padding:0}.project-hero{align-items:center;background-blend-mode:normal;background-color:#fff;background-position:0;background-repeat:no-repeat;background-size:20em;color:#000;display:flex;font-family:Helvetica!important;height:100vh;justify-content:center;position:cover}.project-hero-content{align-items:center;display:flex;justify-content:flex-end;max-width:1200px;padding:1rem;width:100%}.project-hero-year{align-items:center;display:flex;flex-direction:column;margin-right:2rem}.project-hero-year p{font-size:1rem;margin:0}.project-hero-year .line{background-color:#000;height:3rem;margin:.5rem 0;width:2px}.project-hero-title{text-align:right}.project-hero-title h1{font-size:3rem;font-weight:lighter;margin:0}.project-hero-title p{color:#ff007f;font-size:1.2rem;margin:.5rem 0 0}.table-of-contents-section{margin:2em auto 2rem;max-width:85%;padding:1.5rem;text-align:center;z-index:1}.table-of-contents-section h2{color:#333;font-size:6rem;font-weight:200;margin-bottom:2rem;text-align:left}.table-of-contents-section h1{color:#ff007f;font-size:2rem;font-weight:100;margin-bottom:-100px;margin-top:100px;text-align:left}.table-of-contents-section p{color:#000;font-size:1rem;font-weight:100;text-align:left}.grid-gallery{grid-gap:12rem;display:grid;gap:12rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;padding:0 2rem;width:100%}.grid-item{align-items:flex-start;color:inherit;display:flex;flex-direction:column;position:relative;text-decoration:none}.grid-image-wrapper{overflow:hidden;position:relative;width:100%}.grid-image-wrapper img{height:auto;object-fit:cover;transition:transform .3s ease,filter .3s ease;width:100%}.grid-item:hover .grid-image-wrapper img{filter:grayscale(100%);transform:scale(.99)}.grid-number{color:#ff007f;font-size:1rem;font-weight:lighter;left:.1rem;pointer-events:none;position:absolute;top:20.5rem;z-index:10}.grid-text{margin-top:1rem;text-decoration:none!important}.grid-text h3{color:#333;font-size:1rem;font-weight:200;margin:0;text-align:left}.grid-text h3,.grid-text p{text-decoration:none!important;text-transform:capitalize}.grid-text p{color:#939393;font-size:.8rem;margin:.25rem 0 0}@media (max-width:480px){.grid-text h3{font-size:1.5rem}.grid-number{font-size:2.5rem}.grid-gallery{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto 0 -2em;padding:0 2rem;width:100%}}@media(max-width:1040px){.project-hero{background-image:none;background-position:100%;background-size:cover;flex-direction:column;height:100vh;padding:2rem}.project-hero-content{align-items:center;padding-top:6rem}.project-hero-year{margin-bottom:1rem;margin-right:0}.project-hero-year p{font-size:.8rem}.project-hero-year .line{height:2rem}.project-hero-title{text-align:center}.project-hero-title h1{font-size:2rem}.project-hero-title p{font-size:1rem}.table-of-contents-section{margin-top:1rem;padding:1rem;text-align:left}.table-of-contents-section h2{font-size:4rem;margin-bottom:1rem}.table-of-contents-section h1{font-size:1.5rem;margin-bottom:-50px;margin-top:50px}.table-of-contents-section p{font-size:.9rem}.contents-list{flex-direction:column;gap:0}.content-item{align-items:inherit;border-bottom:1px solid #ddd;flex-direction:column;gap:1rem;padding:1rem 0}.content-image img{height:auto;width:100%}.content-details{align-items:left}.content-details span{font-size:6rem;margin-left:0}.content-details h3{font-size:2rem;margin:.5rem 0}.content-details p{font-size:1rem;margin:.5rem 0;text-align:center}.gallery-column{min-width:100px!important}}@media (max-width:768px){.project-hero{background-image:none;background-position:100%;background-size:cover;flex-direction:column;height:100vh;padding:2rem}.project-hero-content{align-items:center;padding-top:6rem}.project-hero-year{margin-bottom:1rem;margin-right:0}.project-hero-year p{font-size:.8rem}.project-hero-year .line{height:2rem}.project-hero-title{text-align:center}.project-hero-title h1{font-size:2rem}.project-hero-title p{font-size:1rem}.table-of-contents-section{margin-top:1rem;padding:1rem;text-align:left}.table-of-contents-section h2{font-size:4rem;margin-bottom:1rem}.table-of-contents-section h1{font-size:1.5rem;margin-bottom:-50px;margin-top:50px}.table-of-contents-section p{font-size:.9rem}.content-item,.contents-list{flex-direction:column;gap:1rem}.content-item{align-items:inherit;border-bottom:1px solid #ddd;padding:1rem 0}.content-image img{height:auto;width:100%}.content-details{align-items:left}.content-details span{font-size:6rem;margin-left:0}.content-details h3{font-size:2rem;margin:.5rem 0}.content-details p{font-size:1rem;margin:.5rem 0;text-align:center}.gallery-column{min-width:100px!important}}@media (max-width:480px){.project-hero-title h1{font-size:1.8rem}.project-hero-title p{font-size:.8rem}.table-of-contents-section h2{font-size:3rem}.table-of-contents-section h1{font-size:1.2rem}.content-details span{font-size:4rem}.content-details h3{font-size:1.5rem}.content-details p{font-size:.8rem}}.gallery{background:#2d2d2d;height:90vh;overflow:hidden}.gallery-wrapper{height:200vh;padding:2vw;top:-2vh}.gallery-column,.gallery-wrapper{display:flex;gap:2vw;position:relative}.gallery-column{flex-direction:column;height:100%;min-width:250px;transform:translateZ(0);white-space:nowrap;width:25%;will-change:transform}.gallery-image{height:33%;overflow:hidden;position:relative;width:100%}.gallery-image img{height:100%;object-fit:cover;width:100%}.contact-hero{align-items:center;display:flex;font-family:Helvetica!important;height:100vh;justify-content:space-between;padding:2rem;position:relative;z-index:0}.contact-hero-left{flex:1 1;padding-right:2rem;position:relative;transform:translateY(-10%);z-index:2}.contact-number{color:#555;margin:0}.contact-number,.contact-title{font-size:1rem;text-align:right}.contact-title{color:#ff007f;font-family:Helvetica!important;font-weight:lighter;margin:.5rem 0}.contact-description{color:#666;font-size:1rem;line-height:1.5;margin:1rem 0}.contact-cta{color:#000;cursor:pointer;font-size:1.2rem;font-weight:700;padding-right:0;text-align:right;text-decoration:none!important;z-index:5!important}.contact-hero-right{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;position:relative}.contact-featured{height:100%;overflow:hidden;position:relative;width:100%}.contact-featured-image{height:100%;object-fit:contain;opacity:90%;width:100%}.contact-details{bottom:2rem;color:#555;font-size:.9rem;left:2rem;position:absolute}.contact-details p{margin:.5rem 0}.contact-featured{margin-left:-15rem;margin-top:-1rem}.email-link{color:#333;cursor:pointer;font-size:1.2rem;font-weight:300;text-decoration:none!important;z-index:4}.email-link:hover{color:#ff007f}@media (min-width:1024px){.contact-hero{align-items:center;flex-direction:row;height:100vh;justify-content:stretch;margin-left:30rem;padding:3rem;width:20%;z-index:2}.contact-hero-left{flex:1 1;padding-right:3rem;text-align:right;transform:translateY(0)}.contact-title{font-size:3rem}.contact-description{font-size:1.2rem;line-height:1.8}.contact-cta{font-size:1.5rem;padding-right:0}.contact-hero-right{display:flex;flex:1 1;justify-content:flex-start;margin-left:-15rem}.contact-featured{height:auto;margin-left:0;margin-top:0;width:80%}.contact-featured-image{height:auto;opacity:1;width:100%}}@media (max-width:768px){.contact-hero{align-items:center;flex-direction:column;height:100vh;justify-content:flex-start;padding:1.5rem}.contact-hero-left{flex:none;margin-bottom:1.5rem;margin-top:3em;padding:0;text-align:center;transform:translateY(0)}.contact-title{font-size:4rem;margin:.5rem 0}.contact-number,.contact-title{text-align:center}.contact-description{font-size:1rem;line-height:1.5;margin:1rem 0;text-align:center}.contact-cta{margin-top:1rem}.contact-cta,.contact-cta-li{font-size:1rem;padding:0;text-align:left}.contact-cta-li{margin-top:3rem}.contact-hero-right{flex:none;margin:0;text-align:center;width:100%}.contact-featured{height:auto;margin:0;width:100%}.contact-featured-image{height:auto;opacity:1;width:100%}.contact-details{font-size:.8rem;margin-top:1rem;position:static;text-align:left}.email-link{font-size:1rem;margin-top:1rem;text-align:center}}button{align-items:left;background-color:#fff;border:1px solid #ff007f;border-radius:.4em;font-size:17px;height:2em;padding:5px;position:relative;transition:.5s;width:7.2em}button p{color:#ff007f;left:1.2em;text-align:center;top:.4em}button p,button svg{margin:0;padding:0;position:absolute;transition:.5s}button svg{fill:#fff;height:1em;opacity:0;right:.5em;top:.45em}button:hover p{color:#fff;left:.6em}button:hover svg{opacity:1}button:hover{background-color:#ff007f}.lanyard-wrapper{align-items:center;display:flex;height:100vh;justify-content:center;margin-bottom:-100vh;margin-left:6em;position:relative;transform:scale(1);transform-origin:center;width:100%;z-index:1}@media (max-width:1040px){.lanyard-wrapper{margin-bottom:-100vh;margin-left:4.5em;z-index:0}}@media (max-width:768px){.lanyard-wrapper{margin-bottom:-100vh;margin-left:4.5em;z-index:0}}body{background-color:#fff;font-family:Arial,sans-serif;margin:0}.project1-hero{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:6em;padding:2rem}.project1-hero-content{max-width:900px;width:100%}.project1-header{align-items:last baseline;display:flex;gap:2rem}.project1-header h1{font-size:5rem;font-weight:lighter;margin:0}.project1-year{display:flex;flex-direction:column;font-size:1rem}.project1-year p{font-size:1.5rem;font-weight:700;margin:0}.project1-year span{color:gray;margin-top:.5rem}.project1-details{border-bottom:1px solid #000;border-top:1px solid #000;margin-top:1rem;padding:1rem 0}.project1-details h2{color:#ff007f;font-size:3rem;font-weight:lighter;margin:0}.project1-details .cover-description{color:gray;font-size:1rem;margin-top:1rem}.project1-extra-section{align-items:flex-start;border-radius:8px;display:block;flex-direction:row;justify-content:space-between;margin:2rem auto;max-width:900px;padding:2rem}.intro{background-image:url(/static/media/cover.557233779f1f61885791.jpg);background-position:top}.intro,.intro1{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:auto}.intro1{background-image:url(/static/media/cover.5c58f2d5578ab43be2c4.jpg)}.intro2{background-image:url(/static/media/cover.927244b36ddaa7bcf9f4.jpg)}.intro2,.intro3{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:auto}.intro3{background-image:url(/static/media/cover.30b8dab3f6ee41cbbabd.jpg)}.intro4{background-image:url(/static/media/cover.1648d08694bd58c17b2c.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:auto}.intro5{background-image:url(/static/media/cover.7fddf2e0afa3f1151279.jpg)}.intro5,.introwiwo6{align-content:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:auto}.introwiwo6{background-image:url(/static/media/1.e8d43c57627ba3b88d09.webp)}.introwiwo7{background-image:url(/static/media/1.53d71cfd11864d807c2b.jpg)}.intro8,.introwiwo7{align-content:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:auto}.intro8{background-image:url(/static/media/cover.cc13b21bc0ea917b2a93.jpg)}.intro9{align-content:center;background-image:url(/static/media/cover.b2ba316b8520e3eb9a9e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100vh;width:auto}.project1-image{flex:1 1;margin-right:2rem}.project1-image img{height:auto;width:100%}.project1-description{color:#333;flex:2 1;font-size:1rem;line-height:1.8}.project1-description h3{color:#ff007f;font-size:1.5rem;margin-bottom:1rem}.project1-description p{margin-bottom:1rem}.project1-extra-section h2{border-left:4px solid #ff007f;color:#333;font-size:1rem;font-weight:700;margin-bottom:1rem;padding-left:1rem}.project1-extra-section p{color:#555;font-size:.8rem;line-height:1.8;margin-bottom:1.5rem}.project1-extra-section ul{list-style-type:disc;margin-top:1rem;padding-left:1.5rem}.project1-extra-section li{color:#666;font-size:.8rem;line-height:1.6;margin-bottom:.5rem}.project1-extra-section li:hover{color:#ff007f;cursor:pointer;transform:translateX(5px);transition:all .3s ease}.project1-extra-section h1{color:#ff007f;font-size:1.2rem}.image-container{cursor:zoom-in;display:inline-block;height:auto;overflow:hidden;position:relative;width:100%}.image-container img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.image-container.zoomed{cursor:zoom-out}.zoom-overlay{background-repeat:no-repeat;background-size:200%;height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:scale(1.5);transition:transform .2s ease;width:100%;z-index:10}.button-section{align-items:center;display:flex;justify-content:space-between;padding:20px}.left-link{align-items:center;display:inline-flex;padding:5px;text-decoration:none}.left-link__arrow{display:inline-flex;span{background:#bebdbe;border-radius:2px;height:2px;overflow:hidden;position:relative;width:14px;z-index:2;&:first-child{transform:rotate(45deg) translate3d(8px,-10px,0);transform-origin:left bottom}&:nth-child(2){transform:rotate(-45deg);transform-origin:left bottom}&:after{background:#ff007f;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}}}.left-link__line{background:#bebdbe;height:2px;margin-left:-14px;margin-right:21px;overflow:hidden;position:relative;width:150px;z-index:1;&:after{background:#ff007f;content:"";display:block;height:2px;left:80px;position:absolute;transition:left .3s ease;width:70px}}.left-link__text{color:#333;font-family:Oswald,sans-serif;font-size:15px;text-transform:uppercase}.left-link:hover .left-link__line:after{animation:animation-line 1.5s forwards}.left-link:hover .left-link__arrow span:after{animation:animation-arrow 1.5s forwards;animation-delay:1s}@keyframes animation-line{0%{left:80px}to{left:0}}@keyframes animation-arrow{0%{width:0}to{width:100%}}.right-link{align-items:center;display:inline-flex;padding:5px;text-decoration:none}.right-link__arrow{display:inline-flex;span{background:#bebdbe;border-radius:2px;height:2px;overflow:hidden;position:relative;width:14px;z-index:2;&:first-child{transform:rotate(-45deg) translate3d(6px,7px,0);transform-origin:right bottom}&:nth-child(2){transform:rotate(45deg) translate3d(-4px,5px,0);transform-origin:right bottom}&:after{background:#ff007f;content:"";display:block;height:2px;position:absolute;right:0;transition:width .3s ease;width:0}}}.right-link__line{background:#bebdbe;height:2px;margin-left:14px;margin-right:-21px;margin-top:2px;overflow:hidden;position:relative;width:150px;z-index:1;&:after{background:#ff007f;content:"";display:block;height:2px;left:0;position:absolute;right:80px;transition:left .3s ease;width:70px}}.right-link__text{color:#333;font-size:15px;text-transform:uppercase}.right-link:hover .right-link__line:after{animation:animation-line-right 1.5s forwards}.right-link:hover .right-link__arrow span:after{animation:animation-arrow-right 1.5s forwards;animation-delay:1s}@keyframes animation-line-right{0%{left:0}to{left:80px}}@keyframes animation-arrow-right{0%{width:0}to{width:100%}}.center-link{color:#333;font-size:15px;text-decoration:none;text-transform:uppercase}@media (max-width:768px){.intro,.intro1,.intro2,.intro3,.intro4,.intro5,.intro6,.intro7,.intro8{height:20vh}.button-section{align-items:center;display:flex;justify-content:space-between;padding:20px}.left-link{align-items:center;display:inline-flex;padding:5px;text-decoration:none}.left-link__arrow{display:inline-flex;span{background:#bebdbe;border-radius:2px;height:2px;overflow:hidden;position:relative;width:12px;z-index:2;&:first-child{transform:rotate(45deg) translate3d(6px,-8px,0);transform-origin:left bottom}&:nth-child(2){transform:rotate(-45deg);transform-origin:left bottom}&:after{background:#ff007f;content:"";display:block;height:2px;left:0;position:absolute;transition:width .3s ease;width:0}}}.left-link__line{background:#bebdbe;height:2px;margin-left:-10px;margin-right:15px;overflow:hidden;position:relative;width:100px;z-index:1;&:after{background:#ff007f;content:"";display:block;height:2px;left:60px;position:absolute;transition:left .3s ease;width:40px}}.left-link__text{color:#333;font-family:Oswald,sans-serif;font-size:12px;text-transform:uppercase}.right-link{align-items:center;display:inline-flex;padding:5px;text-decoration:none}.right-link__arrow{display:inline-flex;span{background:#bebdbe;border-radius:2px;height:2px;overflow:hidden;position:relative;width:12px;z-index:2;&:first-child{transform:rotate(-45deg) translate3d(4px,6px,0);transform-origin:right bottom}&:nth-child(2){transform:rotate(45deg) translate3d(-2px,6px,0);transform-origin:right bottom}&:after{background:#ff007f;content:"";display:block;height:2px;position:absolute;right:0;transition:width .3s ease;width:0}}}.right-link__line{background:#bebdbe;height:2px;margin-left:10px;margin-right:-15px;overflow:hidden;position:relative;width:100px;z-index:1;&:after{background:#ff007f;content:"";display:block;height:2px;position:absolute;right:60px;transition:left .3s ease;width:40px}}.center-link,.right-link__text{color:#333;font-size:12px;text-transform:uppercase}.center-link{text-decoration:none}@media (max-width:768px){.button-section{align-items:center;flex-direction:column;gap:10px}.left-link__line,.right-link__line{width:80px}.left-link__arrow span,.right-link__arrow span{width:10px}.center-link,.left-link__text,.right-link__text{font-size:10px}}}.body{-ms-overflow-style:none!important;scrollbar-width:none!important}body::-webkit-scrollbar{display:none}.muller-hero{background-color:#fff;background:url(/static/media/wall.c67deddc1a10b168b5f1.jpg)}.muller-hero,.muller-hero-2{align-items:center;background-repeat:no-repeat;background-size:130vh;display:flex;justify-content:center;min-height:100vh;padding:2rem 0;width:100%;z-index:1}.muller-hero-2,.muller-hero-3{background-color:#fff}.muller-hero-3{align-items:center;background-repeat:no-repeat;background-size:130vh;display:flex;justify-content:center;min-height:100vh;padding:2rem 0;width:100%;z-index:1}.muller-grid{display:grid;grid-template-columns:2fr 1fr;max-width:1200px;width:70%}.muller-column{border-right:1px solid #000;padding:2rem}.muller-column:last-child{border-right:none}.center-col,.left-col,.right-col{display:flex;flex-direction:column;justify-content:center}.center-col{align-items:center}.center-col .arrow{font-size:2rem;font-weight:700;margin-bottom:1rem}.center-col h1{color:#333;font-size:1.2rem;font-weight:100;text-transform:uppercase}.center-col h1,.center-col h2{letter-spacing:1px;margin:0;text-align:center}.center-col h2{color:#ff007f;font-size:2rem;font-weight:600}.muller-column h3{font-size:.9rem;font-weight:200;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}.muller-column p{color:#333;font-size:.7rem;line-height:1.6}@media (max-width:768px){.muller-grid{border:none;grid-template-columns:1fr;grid:80%}.muller-column{border-bottom:1px solid #000;border-right:none}.muller-column:last-child{border-bottom:none}.center-col{align-items:flex-start}.center-col h1{font-size:.6em;padding-top:90px;text-align:left}.muller-hero{align-items:center;background-color:#fff;background:url(/static/media/wall.c67deddc1a10b168b5f1.jpg);background-repeat:no-repeat;background-size:60vh;display:flex;justify-content:center;min-height:100vh;padding:2rem;width:110%;z-index:1}.muller-column h3{font-size:.5rem;font-weight:200;letter-spacing:1px;margin-bottom:1rem;text-transform:uppercase}}.projects-page-wiwo{display:flex;flex-direction:row;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;width:1100vw}.panel{flex-shrink:0;height:96vh;scroll-snap-align:start;width:100vw}.panel,.panel img{align-items:center;justify-content:center}.panel img{height:70%;margin-bottom:2em;margin-left:10em;margin-top:5em;object-fit:contain;width:70%}.section-wiwo{align-items:center;flex-shrink:0;height:96vh;justify-content:center;scroll-snap-align:start;width:100vw}@media (max-width:768px){.projects-page-wiwo{flex-direction:column;height:auto;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;width:100%}.panel{height:auto;scroll-snap-align:none;width:110%}.panel img{align-items:center;height:70%;justify-content:center;margin-bottom:2em;margin-left:0;margin-top:2em;object-fit:contain;width:70%}}.orb-container{align-items:center;height:70%;margin-left:5em;margin-top:3em;position:relative;width:70%;z-index:5}@media (max-width:768px){.orb-container{align-items:center;height:100%;margin-left:0;margin-top:-1.1em;position:relative;width:100%;z-index:5}}.click-spark{animation:fade-out .7s forwards;color:#ff007f;pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:999}@keyframes fade-out{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.7c3ffd9d.css.map*/