@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";: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}}.nav-menu .nav-item{position:relative;cursor:pointer;padding-bottom:5px}.nav-menu .nav-item:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#000;transition:width .3s ease,transform .3s ease}.nav-menu .nav-item:hover:after{width:100%;transform:translate(10px)}:root{--text-color: #191919;--accent-color: #191919;--panel-color: #E0E0E0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.mono{font-family:Space Mono,monospace;font-weight:400;letter-spacing:-.02em}.nav-header{position:fixed;top:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference;color:#fff}.nav-logo{font-size:1.2rem;font-weight:700;letter-spacing:.05em}.nav-menu{display:flex;gap:2rem}.nav-menu span{font-size:.85rem;cursor:pointer;letter-spacing:.05em}.progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:101}.progress-bar-inner{height:100%;width:0;background-color:var(--accent-color)}.creative-container{overflow-x:hidden}.timeline-section{height:100vh;width:100vw;position:relative;overflow:hidden}.timeline-container{display:flex;width:500%;height:100%}.timeline-panel{width:100vw;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--bg-color);margin:0 2vh}.timeline-content{position:relative;width:75vw;max-width:1200px;padding:4rem;z-index:2}.decorative-circle{position:absolute;width:35vw;height:35vw;border-radius:50%;background-color:var(--panel-color);top:50%;left:40%;transform:translate(-50%,-50%);z-index:-1;opacity:.2}.timeline-panel{--panel-color: #e0e0e0}.timeline-date{font-size:1rem;margin-bottom:1rem;color:var(--text-color);opacity:.6;text-transform:uppercase}.timeline-title{font-size:6vw;font-weight:500;line-height:1.1;margin-bottom:2rem;color:var(--text-color);max-width:60vw}.timeline-description{font-size:1.4rem;line-height:1.5;max-width:40vw;color:var(--text-color);opacity:.75}.contact-section{min-height:100vh;background-color:var(--text-color);color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8rem 2rem;text-align:center}.contact-heading{max-width:800px}.contact-heading h2,.contact-heading div{font-size:4rem;font-weight:500;margin-bottom:1.5rem;line-height:1.1}.contact-heading p{font-size:1.5rem;margin-bottom:3rem;opacity:.8}.contact-button{display:inline-block;padding:1rem 2.5rem;background-color:transparent;border:1px solid var(--bg-color);font-size:1rem;cursor:pointer;font-family:Space Mono,monospace;transition:all .3s ease}.contact-button:hover{background-color:var(--bg-color);color:var(--text-color)}.contact-footer{position:absolute;bottom:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;font-size:.85rem}.footer-socials{display:flex;gap:2rem}.footer-socials span{cursor:pointer;transition:opacity .3s ease}.footer-socials span:hover{opacity:.7}@media (max-width: 1024px){.timeline-title{font-size:8vw;max-width:80vw}.timeline-description{font-size:1.2rem;max-width:60vw}}@media (max-width: 768px){.timeline-content{width:85vw;padding:2rem}.timeline-title{font-size:10vw;max-width:100%}.timeline-description{font-size:1rem;max-width:100%}.contact-heading h2{font-size:3rem}.contact-heading p{font-size:1.2rem}.footer-socials{display:none}}.portfolio-showcase *,.portfolio-showcase *:before,.portfolio-showcase *:after{box-sizing:border-box}.portfolio-showcase{font-family:Inter,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-size:calc(100vw / 1728 * 10)}.portfolio-showcase img{max-width:100%;height:auto;object-fit:cover}.content-container{max-width:80rem;margin-inline:auto;padding-inline:2.4rem}.portfolio-showcase h1,.portfolio-showcase h2{font-size:7.5rem;font-weight:400;letter-spacing:-.03em;line-height:1;margin:0}.portfolio-showcase p{font-size:2rem;letter-spacing:-.03em;line-height:1.5;margin:0}.hero-section{position:relative;display:grid;place-items:center;height:70rem;background-color:#fff;overflow:hidden}.hero-title{text-align:center;max-width:10ch;z-index:2;mix-blend-mode:difference;color:#fff;position:relative}.hero-title div{display:flex;align-items:center;justify-content:center}.project-gallery{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.project-gallery img{position:absolute}.project-gallery img:nth-child(1){width:18.7rem;height:28.05rem;top:0;left:4rem}.project-gallery img:nth-child(2){width:12.05rem;height:auto;top:0;left:30.55rem}.project-gallery img:nth-child(3){width:17.55rem;height:auto;top:0;right:4rem}.project-gallery img:nth-child(4){width:18.7rem;height:27.95rem;top:8.4rem;right:23.9rem}.project-gallery img:nth-child(5){width:17.55rem;height:11.7rem;top:32.95rem;left:23.9rem}.project-gallery img:nth-child(6){width:auto;height:18.05rem;top:46.85rem;left:10.65rem}.project-gallery img:nth-child(7){width:31.95rem;height:21.25rem;top:40.75rem;right:4rem}.intro-section{margin-top:4rem;margin-bottom:4rem}.animated-text{position:relative}.text-reveal-overlay{display:block;position:absolute;height:101%;width:100%;top:0;left:0;background-color:#fff;opacity:.7;transform-origin:center right}.featured-project-container{position:relative;height:100vh;width:100%;overflow:hidden;clip-path:polygon(5% 10%,95% 10%,95% 90%,5% 90%)}.featured-project-image img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height:100%;width:100%}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:#000;opacity:0}.project-details{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;color:#fff}.project-details h2{font-size:6.4rem;margin-bottom:1.6rem}.project-details p{font-size:2.4rem;max-width:48ch}.contact-section{display:grid;place-items:center;padding:24rem 0}.contact-inner{display:grid;place-items:center}.contact-title{max-width:10ch;text-align:center;margin-bottom:4rem}.contact-description{opacity:.5;font-size:2.4rem;text-align:center;margin-bottom:6.4rem}.highlighted-text{display:inline-block;position:relative}.highlighted-text svg{position:absolute;bottom:-1rem;left:50%;width:100%;transform:translate(-50%)}.contact-button{border:none;background-color:#000;padding:1.6rem 4.8rem;font-size:2.4rem;color:#fff;border-radius:8px;font-family:inherit;letter-spacing:-.01em;cursor:pointer}.projet-page{font-family:Sora,sans-serif;text-align:center;padding:20px}.header{margin-bottom:40px}.project-image{width:100%;height:auto;margin-bottom:20px}.project-title{font-size:2rem;margin-bottom:10px}.project-description{font-size:1.2rem;margin-bottom:40px}.black-bar{width:100%;height:50px;background-color:#000;margin-bottom:40px}.content{display:flex;flex-direction:column;align-items:center}.additional-text{font-size:1rem;margin-bottom:40px}.cards{display:flex;justify-content:center;gap:20px}.card{border:1px solid #ccc;border-radius:8px;padding:20px;width:200px;box-shadow:0 2px 4px #0000001a}.card h2{font-size:1.5rem;margin-bottom:10px}.card p{font-size:1rem}.pixel-canvas{width:100%;height:100%;display:block}.pixel-card{height:400px;width:300px;position:relative;overflow:hidden;display:grid;place-items:center;aspect-ratio:4 / 5;border:1px solid #27272a;border-radius:25px;isolation:isolate;transition:border-color .2s cubic-bezier(.5,1,.89,1);-webkit-user-select:none;user-select:none}.pixel-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,#09090b,transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1)}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}.projects-section{padding:10vw 0;background-color:var(--bg-color);position:relative}.projects-header{padding:0 8vw;margin-bottom:15vh}.projects-title{font-size:5vw;font-weight:500;margin-bottom:1.5rem;line-height:1.1}.projects-subtitle{font-size:1.5rem;max-width:600px;opacity:.7}.projects-container{position:relative}.project-item{padding:8vw;position:relative;margin-bottom:15vh}.project-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--project-color);opacity:.1;z-index:0;transform-origin:center;transition:opacity .5s ease}.project-item:hover:before{opacity:.15}.project-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.project-left .project-content{grid-template-columns:1.2fr .8fr}.project-right .project-content{grid-template-columns:.8fr 1.2fr}.project-number{position:absolute;top:-6vw;left:0;font-size:12vw;font-weight:700;color:var(--text-color);opacity:.05;z-index:-1;line-height:1}.project-image-container{position:relative;overflow:hidden;border-radius:2px}.project-right .project-image-container,.project-left .project-info{order:2}.project-image-wrapper{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden}.project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.project-info{display:flex;flex-direction:column}.project-category{font-size:.85rem;margin-bottom:1rem;opacity:.6}.project-title{font-size:3.5vw;font-weight:500;margin-bottom:1rem;line-height:1.1}.project-year{font-size:.85rem;margin-bottom:2rem;opacity:.6}.project-description{font-size:1.1rem;line-height:1.6;opacity:.8;margin-bottom:3rem;max-width:90%}.project-link{font-size:.9rem;display:inline-flex;align-items:center;cursor:pointer;position:relative;padding-bottom:.5rem;align-self:flex-start;transition:opacity .3s ease}.project-link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--text-color);transform-origin:right;transform:scaleX(0);transition:transform .4s cubic-bezier(.76,0,.24,1)}.project-link:hover:after{transform-origin:left;transform:scaleX(1)}.arrow-icon{margin-left:.5rem;opacity:.7;transition:transform .3s ease,opacity .3s ease}.projects-footer{display:flex;justify-content:center;padding:5vh 0}.view-all-projects{font-size:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;opacity:.8;transition:opacity .3s ease}.arrow-down{margin-top:1rem;font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}.view-all-projects:hover{opacity:1}@media (max-width: 1024px){.project-content,.project-left .project-content,.project-right .project-content{grid-template-columns:1fr;gap:4vw}.project-right .project-image-container{order:1}.project-left .project-info{order:2}.project-title{font-size:6vw}.project-description{max-width:100%}.project-item{padding:10vw 6vw}}@media (max-width: 768px){.projects-title{font-size:8vw}.projects-subtitle{font-size:1.2rem}.project-title{font-size:8vw}.project-description{font-size:1rem}.project-item{padding:12vw 5vw;margin-bottom:10vh}.projects-header{padding:0 5vw;margin-bottom:10vh}}.portfolio-footer{background-color:var(--text-color);color:var(--bg-color);padding:10vw 8vw 5vw}.footer-main{display:grid;grid-template-columns:1.5fr 2fr 1.5fr;gap:5vw;margin-bottom:10vh}.footer-contact h3{font-size:2.5rem;font-weight:500;margin-bottom:2rem;line-height:1.2}.footer-email,.footer-phone{font-size:1rem;margin-bottom:1rem;opacity:.7}.footer-nav{display:flex;justify-content:space-between}.footer-nav-title{font-size:.85rem;margin-bottom:1.5rem;opacity:.5}.footer-nav-column ul{list-style:none}.footer-nav-column li{margin-bottom:.8rem;cursor:pointer;transition:opacity .3s ease}.footer-nav-column li:hover{opacity:.7}.footer-subscribe p{margin-bottom:1.5rem;opacity:.7;line-height:1.6}.subscribe-form{display:flex;border-bottom:1px solid rgba(255,255,255,.3)}.subscribe-form input{background:transparent;border:none;padding:.8rem 0;color:var(--bg-color);flex:1;font-family:Space Grotesk,sans-serif}.subscribe-form input::placeholder{color:#ffffff80}.subscribe-form input:focus{outline:none}.subscribe-form button{background:transparent;border:none;color:var(--bg-color);padding:.8rem;cursor:pointer;font-size:1.2rem;transition:transform .3s ease}.subscribe-form button:hover{transform:translate(5px)}.footer-bottom{display:flex;justify-content:space-between;padding-top:5vh;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.footer-legal{display:flex;gap:2rem}.footer-legal span{cursor:pointer;opacity:.6;transition:opacity .3s ease}.footer-legal span:hover{opacity:1}.footer-copyright{opacity:.6}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr 1fr;gap:5vh 5vw}.footer-contact{grid-column:1 / -1}}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:5vh}.footer-nav{flex-direction:column;gap:4vh}.footer-bottom{flex-direction:column;gap:2vh}.footer-legal{flex-direction:column;gap:1vh}}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.card{background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:20px;width:300px;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.3);transform:rotate(-5deg);transition:transform .3s}.card:hover{transform:rotate(0)}.card .icon{margin-bottom:10px}.card .icon img{width:40px;height:40px}.card h3{margin:10px 0;color:#333}.card p{color:#666;font-size:14px}.distortion-container{width:100%;height:100%;overflow:hidden}.scroll-reveal{margin:20px 0}.scroll-reveal-text{font-size:clamp(1.6rem,4vw,3rem);line-height:1.5;font-weight:600}.word{display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Sora,sans-serif;background-color:#fff}.section-container{padding:2rem;text-align:center}.header-banner{background-image:url(https://via.placeholder.com/800x200);background-size:cover;background-position:center;color:#fff;padding:4rem 2rem}.header-banner h1{font-size:3rem;margin:0}.header-banner p{font-size:1.2rem;margin-top:1rem}.project-section{background-color:#000;color:#fff;padding:4rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.project-text{flex:1;text-align:left;padding:1rem}.project-image{flex:1;display:flex;justify-content:center;padding:1rem}.project-section h2{font-size:3rem;margin:0 0 2rem}.project-section img{max-width:100%;height:auto;border-radius:8px}.skills-section{background-color:#f4f4f4;padding:4rem 2rem}.skills-section h1{font-size:3rem;margin:0}.skill-cards{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.skill-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:2rem;width:200px;height:300px}.text-black{color:#000}@media (max-width: 768px){.project-section{flex-direction:column}.project-text{text-align:center}}.flex-two-columns{display:flex}.text-column{flex:1;margin:0;padding:2rem;box-sizing:border-box}.double-text-section{padding:2rem}.double-text-section h2{font-size:2rem;margin-bottom:1rem}.double-text-section p{font-size:1.2rem;line-height:1.6}.black-split-section{width:100%;background-color:#000;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:4rem 2rem}.black-split-section.reverse{flex-direction:row-reverse}.black-split-text{flex:1;padding:2rem;font-size:1.2rem;line-height:1.6;max-width:600px}.black-split-image{flex:1;display:flex;justify-content:center;padding:2rem}.black-split-image img{max-width:35vw;height:auto;border-radius:12px}@media (max-width: 768px){.black-split-section,.black-split-section.reverse{flex-direction:column;text-align:center}.black-split-text,.black-split-image{padding:2rem}}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem;height:90vh}.bento-item{overflow:hidden}.bento-item img{width:100%;height:100%;object-fit:cover}.bento-vertical{grid-row:span 2}.bulletpoint-section{text-align:left;margin:0 auto}.bulletpoint-section h2{font-size:2rem;margin-bottom:1rem}.bulletpoint-section ul{list-style-type:disc;padding-left:2rem}.bulletpoint-section li{margin-bottom:.75rem;font-size:1.1rem;line-height:1.6;color:#333}.container2{display:flex;justify-content:center;justify-self:center;justify-items:center;align-items:center;align-self:center;align-content:center;width:100vw}.text-line{font-size:10vh;font-family:Sora,sans-serif}.text-line.small{font-size:1.8rem}.play-button{position:fixed;bottom:30px;right:30px;background:#333;border:1px solid #555;color:#f5f5f5;padding:15px 25px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-family:Sora,sans-serif}.play-button:hover{background:#444;border-color:#666;transform:translateY(-2px)}.play-button:active{transform:scale(.95)}.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}.tracking-in-contract-bck-bottom{-webkit-animation:tracking-in-contract-bck-bottom 1s cubic-bezier(.215,.61,.355,1) both;animation:tracking-in-contract-bck-bottom 1s cubic-bezier(.215,.61,.355,1) both}@-webkit-keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}@keyframes tracking-in-contract-bck-bottom{0%{letter-spacing:1em;-webkit-transform:translateZ(400px) translateY(300px);transform:translateZ(400px) translateY(300px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}}.fade-out{opacity:0!important;transition:opacity .3s ease}@media (max-width: 768px){.text-line{font-size:1.8rem}.text-line.small{font-size:1.4rem}.play-button{bottom:20px;right:20px;padding:12px 20px;font-size:.9rem}}.project-button{background:#333;border:1px solid #555;color:#f5f5f5;padding:15px 25px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease}.project-button:hover{background:#444;border-color:#666;transform:translateY(-2px)}.project-button:active{transform:scale(.95)}.about-page{font-family:Sora,Arial,sans-serif;line-height:1.9;color:#333;padding:80px 60px;margin:0 auto}.about-header{text-align:center;margin-bottom:80px}.about-header h1{font-size:4em;color:#111}.profile-container{display:flex;align-items:center;gap:40px;margin-bottom:60px}.profile-pic{width:40vh;height:40vh;object-fit:cover;border-radius:12px;border:3px solid #222}.profile-text p{font-size:1.3em;margin-bottom:20px}section h2{font-size:2.5em;margin-top:60px;margin-bottom:30px;color:#222}section p{font-size:1.2em;margin-bottom:25px}.timeline{position:relative;padding-left:30px;margin-bottom:60px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#333}.timeline-item{position:relative;padding-left:30px;margin-bottom:40px;opacity:0;transform:translateY(50px)}.timeline-item:before{content:"";position:absolute;left:-26px;top:0;width:16px;height:16px;background:#333;border-radius:50%}section{opacity:0;transform:translateY(60px);transition:all .6s ease-out}