@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.6rem var(--perimeter-margin);pointer-events:none;background-color:#191919;color:#f4f4f0}.header a{color:#f4f4f0}.header-left,.header-center,.header-right{pointer-events:auto}.logo{height:64px;width:auto;display:block;transition:opacity .3s var(--transition-smooth)}.logo:hover{opacity:.7}.header-left a:after{display:none}.header-center{display:flex;gap:4vw}.header-center a{position:relative;display:inline-block;font-size:15px;letter-spacing:.12em}.header-center a:after{display:none}.header-center a:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0;height:100%;padding:4px 0;transform:scaleX(0);transform-origin:left;background:#f4f4f0;transition:transform .4s var(--transition-smooth);z-index:-1;clip-path:polygon(1% 4%,99% 1%,98% 97%,2% 99%)}.header-center a.active:before{transform:scaleX(1)}.header-center a.active{color:#191919;z-index:1}.header-center a:not(.active):hover:before{transform:scaleX(1)}.header-center a:not(.active):hover{color:#191919;position:relative;z-index:1}.header-right{display:flex;align-items:center}.header-right a:not(:last-child){margin-right:1.5rem}.header-right svg{transition:opacity .3s var(--transition-smooth)}.header-right a:hover svg{opacity:.6}.header-right a:after{display:none}.hamburger{display:none;flex-direction:column;gap:6px;background:transparent;border:none;cursor:none;padding:0;position:fixed;top:var(--perimeter-margin);right:var(--perimeter-margin);z-index:10000;pointer-events:auto}.hamburger span{width:28px;height:2px;background:#f4f4f0;transition:all .3s var(--transition-smooth);transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#191919;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;transition:right .5s cubic-bezier(.77,0,.175,1)}.mobile-menu.open{right:0}.close-menu-btn{position:absolute;top:var(--perimeter-margin);right:var(--perimeter-margin);background:transparent;border:2px solid var(--bg-color);color:var(--bg-color);width:50px;height:50px;font-size:32px;font-weight:300;cursor:none;display:flex;align-items:center;justify-content:center;transition:all .3s var(--transition-smooth);clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%)}.close-menu-btn:hover{background:var(--bg-color);color:var(--text-color);transform:rotate(90deg)}.mobile-nav{display:flex;flex-direction:column;gap:2rem;align-items:center}.mobile-nav a{font-size:2rem;color:var(--bg-color);opacity:0;transform:translateY(30px);transition:all .5s var(--transition-smooth);position:relative;display:inline-block}.mobile-nav a:after{display:none}.mobile-nav a:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0;height:100%;padding:4px 0;transform:scaleX(0);transform-origin:left;background:var(--bg-color);transition:transform .4s var(--transition-smooth);z-index:-1;clip-path:polygon(1% 4%,99% 1%,98% 97%,2% 99%)}.mobile-nav a.active:before{transform:scaleX(1)}.mobile-nav a.active{color:var(--text-color);z-index:1}.mobile-nav a:not(.active):hover:before{transform:scaleX(1)}.mobile-nav a:not(.active):hover{color:var(--text-color);z-index:1}.mobile-menu.open .mobile-nav a{opacity:1;transform:translateY(0)}.mobile-menu.open .mobile-nav a:nth-child(1){transition-delay:.1s}.mobile-menu.open .mobile-nav a:nth-child(2){transition-delay:.2s}.mobile-menu.open .mobile-nav a:nth-child(3){transition-delay:.3s}.mobile-social{display:flex;gap:2rem;opacity:0;transform:translateY(20px);transition:all .5s var(--transition-smooth) .4s}.mobile-menu.open .mobile-social{opacity:1;transform:translateY(0)}.mobile-social a{color:var(--bg-color);font-size:1rem}.mobile-social a:after{display:none}@media (max-width: 768px){.header{padding:4vw}.logo{height:32px}.header-center,.header-right{display:none}.hamburger{display:flex}}.footer{background-color:var(--footer-bg);color:var(--bg-color);padding:4rem 6vw 3rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.footer-social{position:relative;z-index:10;display:flex;gap:2rem;justify-content:center}.footer-social a{transition:opacity .3s var(--transition-smooth)}.footer-social a:hover{opacity:.6}.footer-social a:after{display:none}.footer-text{text-align:center;max-width:600px;margin:0 auto}.footer-text p{line-height:1.6;opacity:.9}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:9px;opacity:.7;padding-top:2rem;border-top:1px solid rgba(244,244,240,.1)}.footer-legal{display:flex;gap:1rem;align-items:center}.footer-legal a:hover{opacity:.6}@media (max-width: 768px){.footer{padding:3rem 5vw 2rem}.footer-content{gap:2rem}.footer-social{gap:1.5rem}.footer-text p{font-size:10px}.footer-bottom{font-size:8px}}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;z-index:100;background:var(--text-color);color:var(--bg-color);border:none;cursor:none;font-size:2.5rem;line-height:1;display:flex;align-items:center;justify-content:center;clip-path:polygon(2% 0%,98% 1%,99% 99%,1% 100%);transition:all .3s cubic-bezier(.19,1,.22,1);animation:fadeIn .3s ease-in-out}.back-to-top .arrow-icon{width:28px;height:28px;color:var(--bg-color)}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0a0a0a4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.back-to-top{bottom:1.5rem;right:1.5rem;width:50px;height:50px;font-size:1.5rem}.back-to-top .arrow-icon{width:22px;height:22px}}.home-page{position:relative;width:100%;opacity:0;animation:fadeInPage .4s ease-out .1s forwards}.hero-section{position:relative;width:100%;height:100vh;overflow:hidden}.graphic-icon{position:absolute;height:auto;opacity:1;pointer-events:none;z-index:5}.icon-1{width:75px;top:15%;left:10%;animation:float1 8s ease-in-out infinite}.icon-2{width:85px;top:25%;right:15%;animation:float2 10s ease-in-out infinite}.icon-3{width:65px;bottom:30%;left:8%;animation:float3 9s ease-in-out infinite}.icon-4{width:60px;bottom:20%;right:12%;animation:float4 11s ease-in-out infinite}.icon-5{width:70px;top:50%;right:5%;animation:float5 7s ease-in-out infinite}.icon-6{width:95px;top:10%;left:5%;animation:float6 9s ease-in-out infinite}.icon-7{width:80px;top:20%;right:8%;animation:float7 8s ease-in-out infinite}.icon-8{width:75px;bottom:25%;left:10%;animation:float8 10s ease-in-out infinite}.icon-9{width:100px;bottom:15%;right:6%;animation:float9 11s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(15px,-25px) rotate(8deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(-20px,-30px) rotate(8deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(10px,-20px) rotate(8deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(-15px,-35px) rotate(8deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(25px,-15px) rotate(8deg)}}@keyframes float6{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(-18px,-28px) rotate(8deg)}}@keyframes float7{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(12px,-22px) rotate(8deg)}}@keyframes float8{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(-25px,-18px) rotate(8deg)}}@keyframes float9{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(20px,-30px) rotate(8deg)}}.hero-container{position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:3rem}.title-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem}.main-title{font-family:var(--font-swiss);font-size:min(16vw,28vh);font-weight:800;letter-spacing:-.05em;line-height:.8;margin:0;color:#191919;white-space:nowrap;display:flex;justify-content:center}.badges-row{display:flex;justify-content:space-between;width:100%;align-items:center}.main-title .letter{display:inline-block;animation:letterWiggle 3s ease-in-out infinite}.main-title .letter:nth-child(1){animation-delay:0s}.main-title .letter:nth-child(2){animation-delay:.2s}.main-title .letter:nth-child(3){animation-delay:.4s}.main-title .letter:nth-child(4){animation-delay:.6s}.main-title .letter:nth-child(5){animation-delay:.8s}@keyframes letterWiggle{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(2deg)}}.cutout-badge{position:relative;background-color:#191919;color:var(--bg-color);padding:8px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;white-space:nowrap;clip-path:polygon(1% 4%,99% 1%,98% 97%,2% 99%)}.badge-role{transform:rotate(-2deg)}.badge-location{transform:rotate(2deg);clip-path:polygon(2% 1%,98% 3%,100% 98%,0% 96%)}.mascot-container{margin-top:2rem}.mascot-hero{max-width:300px;height:auto;display:block;animation:float6 8s ease-in-out infinite}.mascot-whoiam{max-width:350px;height:auto;display:block;margin:0 auto;animation:float7 7s ease-in-out infinite}.scroll-indicator{position:absolute;bottom:var(--perimeter-margin);left:50%;transform:translate(-50%);z-index:10;background:#191919;color:var(--bg-color);border:none;padding:.75rem 1.5rem;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:none;display:flex;flex-direction:column;align-items:center;gap:.3rem;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);animation:bounce 2s ease-in-out infinite;transition:all .3s var(--transition-smooth)}.scroll-text{font-size:11px}.scroll-arrow{width:20px;height:20px;color:var(--bg-color)}.scroll-indicator:hover{transform:translate(-50%) translateY(-3px);box-shadow:0 8px 20px #0a0a0a33}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.about-preview{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem var(--perimeter-margin);background:var(--bg-color)}.about-preview-content{position:relative;z-index:20;max-width:800px;text-align:center;animation:fadeInUp 1s var(--transition-smooth)}.about-preview-title{font-family:var(--font-swiss);font-size:5vw;font-weight:800;letter-spacing:-.03em;margin-bottom:3rem;text-transform:uppercase}.about-preview-text{font-family:var(--font-swiss);font-size:1.5rem;line-height:1.8;text-transform:none;letter-spacing:0;margin-bottom:3rem;opacity:.9}.mascot-about{margin:3rem 0}.mascot-about .mascot-placeholder{width:250px;height:250px;margin:0 auto}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.5rem 4rem;background:#191919;color:var(--bg-color);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);transition:transform .3s var(--transition-smooth),box-shadow .3s var(--transition-smooth);animation:float8 6s ease-in-out infinite}.cta-text{font-size:12px}.cta-arrow{font-size:20px;line-height:1;display:flex;align-items:center}.cta-button:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0a0a0a4d}.cta-button:after{display:none}@media (max-width: 768px){.main-title{font-size:20vw}.cutout-badge{font-size:8px;padding:6px 12px}.graphic-icon{width:60px}.mascot-hero{max-width:200px}.mascot-whoiam{max-width:250px}.about-preview{padding:4rem 5vw}.about-preview-title{font-size:10vw;margin-bottom:2rem}.about-preview-text{font-size:1.1rem;margin-bottom:2rem}.cta-button{padding:1.2rem 3rem;font-size:11px}}@keyframes float6{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-18px,-28px) rotate(-3deg)}}@keyframes float7{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(12px,-22px) rotate(2deg)}}.marquee-band{position:relative;z-index:15;width:100%;background:#191919;color:var(--bg-color, #F4F4F0);overflow:hidden;padding:1.2rem 0;display:flex}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 28s linear infinite}.marquee-band:hover .marquee-track{animation-play-state:paused}.marquee-content{display:flex;align-items:center;flex-shrink:0}.marquee-item{font-family:var(--font-mono, "Space Mono", monospace);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;padding:0 1.5rem}.marquee-star{font-size:1rem;opacity:.9;display:inline-flex;align-items:center}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.marquee-item{font-size:.9rem;letter-spacing:.1em;padding:0 1rem}.marquee-band{padding:1rem 0}.marquee-track{animation-duration:20s}}.works-page{position:relative;min-height:100vh;padding:calc(var(--perimeter-margin) * 3) var(--perimeter-margin) 4rem;animation:fadeInUp .8s var(--transition-smooth)}.works-header{position:relative;z-index:10;max-width:1400px;margin:0 auto 4rem}.works-title{font-family:var(--font-swiss);font-size:6vw;font-weight:800;letter-spacing:-.03em;margin-bottom:3rem;text-align:center;color:#191919}.filters{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:.75rem 1.5rem;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;cursor:none;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);transition:all .3s var(--transition-smooth)}.filter-btn:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-2px)}.filter-btn.active{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.projects-grid{position:relative;z-index:10;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.project-card{opacity:0;animation:fadeInUp .6s var(--transition-smooth) forwards;transition:transform .3s var(--transition-smooth)}.project-card:after{display:none}.project-card:hover{transform:translateY(-8px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.project-image{position:relative;width:100%;padding-top:66.67%;background:var(--text-color);overflow:hidden;margin-bottom:1rem}.project-card:nth-child(4n+1) .project-image{clip-path:polygon(1% 0%,99% 0%,100% 99%,0% 100%)}.project-card:nth-child(4n+2) .project-image{clip-path:polygon(0% 1%,100% 0%,99% 100%,1% 99%)}.project-card:nth-child(4n+3) .project-image{clip-path:polygon(1% 1%,99% 0%,100% 98%,0% 100%)}.project-card:nth-child(4n+4) .project-image{clip-path:polygon(0% 0%,100% 1%,98% 99%,2% 100%)}.project-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}.project-card:hover .project-image img{transform:scale(1.08)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0acc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--transition-smooth)}.project-card:hover .project-overlay{opacity:1}.view-project{color:var(--bg-color);font-size:12px;letter-spacing:.1em}.project-info{display:flex;flex-direction:column;gap:.5rem}.project-title{font-family:var(--font-swiss);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-transform:none}.project-meta{display:flex;gap:.75rem;font-size:10px;opacity:.7}.project-categories{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.category-tag{font-size:8px;padding:4px 8px;border:1px solid var(--text-color);opacity:.6}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.works-page{padding:calc(64px + 3rem) 5vw 3rem}.works-title{font-size:10vw;margin-bottom:2rem}.filters{gap:1rem}.filter-btn{padding:.6rem 1.2rem;font-size:9px}.projects-grid{grid-template-columns:1fr;gap:2.5rem}}.works-message{grid-column:1 / -1;text-align:center;padding:6rem 2rem;font-family:var(--font-mono, "Space Mono", monospace);font-size:1rem;opacity:.6;position:relative;z-index:10}.project-detail{position:relative;min-height:100vh;padding-top:calc(var(--perimeter-margin) * 2.5)}.project-detail-content{opacity:0;animation:fadeInContent .4s ease-out .1s forwards}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-hero{position:relative;z-index:10;width:100%;height:70vh;overflow:hidden;margin-bottom:4rem}.project-hero img{width:100%;height:100%;object-fit:cover}.project-header{position:relative;z-index:10;max-width:900px;margin:0 auto 6rem;padding:0 var(--perimeter-margin)}.project-detail-title{font-family:var(--font-swiss);font-size:5vw;font-weight:800;letter-spacing:-.03em;margin-bottom:2rem;text-transform:none}.project-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;padding:2rem 0;border-top:1px solid rgba(10,10,10,.1);border-bottom:1px solid rgba(10,10,10,.1)}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:9px;opacity:.5}.meta-value{font-size:11px;text-transform:none}.project-description{font-family:var(--font-swiss);font-size:1.4rem;line-height:1.8;text-transform:none;letter-spacing:0;opacity:.9}.project-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 var(--perimeter-margin)}.content-block{margin-bottom:4rem;opacity:0;transform:translateY(40px);transition:opacity .8s var(--transition-smooth),transform .8s var(--transition-smooth)}.content-block.visible{opacity:1;transform:translateY(0)}.content-image img{width:100%;height:auto;display:block}.image-caption{font-size:10px;margin-top:1rem;opacity:.6;text-align:center}.content-text{max-width:700px;margin-left:auto;margin-right:auto}.content-text h3{font-family:var(--font-swiss);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-transform:none}.content-text p{font-family:var(--font-swiss);font-size:1.2rem;line-height:1.8;text-transform:none;letter-spacing:0;opacity:.85}.content-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.content-gallery img{width:100%;height:auto}.project-navigation{max-width:1200px;margin:6rem auto 4rem;padding:0 var(--perimeter-margin);display:flex;justify-content:space-between;gap:2rem;border-top:1px solid rgba(10,10,10,.1);padding-top:3rem}.nav-btn{display:flex;align-items:center;gap:1.5rem;transition:transform .3s var(--transition-smooth);flex:1;max-width:400px}.nav-btn:after{display:none}.nav-btn:hover{transform:translate(0)}.nav-btn.prev:hover{transform:translate(-10px)}.nav-btn.next{justify-content:flex-end;margin-left:auto}.nav-btn.next:hover{transform:translate(10px)}.nav-arrow{font-size:32px;line-height:1;display:flex;align-items:center}.nav-preview{width:140px;height:100px;overflow:hidden;flex-shrink:0;transition:transform .3s var(--transition-smooth)}.nav-btn.prev .nav-preview{clip-path:polygon(0% 12%,6% 0%,94% 0%,100% 15%,100% 88%,97% 100%,3% 100%,0% 85%)}.nav-btn.next .nav-preview{clip-path:polygon(0% 10%,3% 0%,97% 0%,100% 18%,100% 92%,94% 100%,6% 100%,0% 88%)}.nav-preview img{width:100%;height:100%;object-fit:cover;display:block}.nav-btn:hover .nav-preview{transform:scale(1.05) rotate(2deg)}.nav-info{display:flex;flex-direction:column;gap:.5rem}.nav-btn.next .nav-info{align-items:flex-end;text-align:right}.nav-label{font-size:9px;opacity:.5}.nav-title{font-family:var(--font-swiss);font-size:1.2rem;font-weight:700;text-transform:none}.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:var(--perimeter-margin)}.not-found h1{font-family:var(--font-swiss);font-size:3rem}@media (max-width: 768px){.project-detail{padding-top:calc(var(--perimeter-margin) * 3)}.project-hero{height:50vh;margin-bottom:3rem}.project-header{margin-bottom:4rem}.project-detail-title{font-size:10vw}.project-detail-meta{grid-template-columns:1fr;gap:1rem}.content-gallery{grid-template-columns:1fr}.project-navigation{flex-direction:column;gap:2rem}.nav-btn{max-width:100%}.nav-btn.next{margin-left:0;justify-content:flex-start}.nav-preview{display:none}}.about-page{position:relative;width:100%;background:var(--bg-color);opacity:0;animation:fadeInPage .4s ease-out .1s forwards}.about-section{position:relative;width:100%;padding:8rem var(--perimeter-margin)}.section-content{position:relative;z-index:10;max-width:1400px;margin:0 auto}.grid-white{background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(244,244,240,.12) 49px,rgba(244,244,240,.12) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(244,244,240,.12) 49px,rgba(244,244,240,.12) 50px)}.section-intro{background:var(--bg-color);clip-path:polygon(0 0,100% 0,100% 97%,0 100%);padding-top:calc(var(--perimeter-margin) * 3);padding-bottom:10rem}.section-title{font-family:var(--font-mono);font-size:6vw;font-weight:800;letter-spacing:-.03em;margin-bottom:4rem;text-align:center;color:#191919;text-transform:uppercase}.intro-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:start}.intro-text{font-family:var(--font-swiss);font-size:1.4rem;line-height:1.7;text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-color)}.intro-text em{font-style:italic}.photo-container{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 95%,85% 100%,0 100%)}.about-photo{width:100%;height:100%;object-fit:cover}.section-what{background:#191919;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);padding:10rem var(--perimeter-margin)}.section-title-dark{font-family:var(--font-mono);font-size:4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:5rem;text-align:center;color:var(--bg-color);text-transform:uppercase}.section-title-light{font-family:var(--font-mono);font-size:4rem;font-weight:800;letter-spacing:-.02em;margin-bottom:5rem;text-align:center;color:#191919;text-transform:uppercase}.letter.space{width:.3em}.badge-grid{display:flex;flex-wrap:wrap;gap:2rem;max-width:1200px;margin:0 auto;justify-content:center}.skill-badge{background:var(--bg-color);color:#191919;padding:1.5rem 2.5rem;font-family:var(--font-mono);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;text-align:center;white-space:nowrap;clip-path:polygon(1% 5%,99% 2%,98% 96%,2% 98%);transition:transform .3s var(--transition-smooth);cursor:default}.skill-badge:hover{transform:rotate(3deg) scale(1.02)}.skill-badge:nth-child(2n):hover{transform:rotate(-3deg) scale(1.02)}.section-tools{background:var(--bg-color);clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);padding:10rem var(--perimeter-margin)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:800px;margin:0 auto;align-items:center;justify-items:center}.tool-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.tool-icon{width:80px;height:80px;object-fit:contain;transition:transform .3s var(--transition-smooth)}.tool-wrapper:nth-child(1) .tool-icon{animation:iconWiggle1 4s ease-in-out infinite}.tool-wrapper:nth-child(2) .tool-icon{animation:iconWiggle2 4.5s ease-in-out infinite}.tool-wrapper:nth-child(3) .tool-icon{animation:iconWiggle3 3.8s ease-in-out infinite}.tool-wrapper:nth-child(4) .tool-icon{animation:iconWiggle4 4.2s ease-in-out infinite}.tool-wrapper:nth-child(5) .tool-icon{animation:iconWiggle5 3.5s ease-in-out infinite}.tool-wrapper:nth-child(6) .tool-icon{animation:iconWiggle6 4.3s ease-in-out infinite}.tool-wrapper:nth-child(7) .tool-icon{animation:iconWiggle7 3.9s ease-in-out infinite}.tool-wrapper:nth-child(8) .tool-icon{animation:iconWiggle8 4.1s ease-in-out infinite}@keyframes iconWiggle1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,-3px) rotate(-2deg)}}@keyframes iconWiggle2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-3px,2px) rotate(2deg)}}@keyframes iconWiggle3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(3px,-2px) rotate(-1deg)}}@keyframes iconWiggle4{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2px,-3px) rotate(2deg)}}@keyframes iconWiggle5{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,3px) rotate(-2deg)}}@keyframes iconWiggle6{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-3px,-2px) rotate(1deg)}}@keyframes iconWiggle7{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(3px,2px) rotate(-1deg)}}@keyframes iconWiggle8{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2px,3px) rotate(2deg)}}.tool-wrapper:hover .tool-icon{transform:scale(1.1)}.tool-badge{position:absolute;top:90px;left:50%;transform:translate(-50%) translateY(10px);opacity:0;pointer-events:none;background:#191919;color:var(--bg-color);padding:.5rem 1.2rem;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);transition:all .3s var(--transition-smooth);z-index:1000}.tool-wrapper:hover .tool-badge{opacity:1;transform:translate(-50%) translateY(0)}.section-approach{background:#191919;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);padding:10rem var(--perimeter-margin)}.approach-text{font-family:var(--font-swiss);font-size:1.8rem;line-height:1.7;text-align:center;max-width:1000px;margin:0 auto;color:var(--bg-color);font-weight:400}.section-collab{background:var(--bg-color);clip-path:polygon(0 3%,100% 0,100% 100%,0 100%);padding:10rem var(--perimeter-margin) 6rem}.section-collab .section-content{text-align:center}.collab-text{font-family:var(--font-swiss);font-size:1.6rem;line-height:1.7;text-align:center;max-width:900px;margin:0 auto 3rem;color:var(--text-color);font-weight:400}.contact-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.5rem 4rem;background:#191919;color:var(--bg-color);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);transition:transform .3s var(--transition-smooth);animation:float8 6s ease-in-out infinite}.contact-button:hover{transform:translateY(-5px)}@media (max-width: 768px){.about-section{padding:6rem 5vw}.section-title{font-size:10vw;margin-bottom:3rem}.section-title-dark,.section-title-light{font-size:10vw;margin-bottom:4rem}.section-title-dark,.section-title-light{flex-wrap:wrap;max-width:100%}.section-intro{padding-top:calc(64px + 3rem);padding-bottom:8rem}.intro-layout{grid-template-columns:1fr;gap:3rem}.intro-photo{order:-1}.intro-text{font-size:1.1rem}.section-what{padding:8rem 5vw}.badge-grid{flex-direction:column;align-items:center;gap:1.5rem}.skill-badge{font-size:11px;padding:1.2rem 2rem;width:auto;max-width:100%;white-space:normal}.section-tools{padding:8rem 5vw}.tools-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem}.tool-icon{width:60px;height:60px}.tool-badge{font-size:9px;padding:.4rem 1rem}.section-approach{padding:8rem 5vw}.approach-text{font-size:1.2rem}.section-collab{padding:8rem 5vw 5rem}.collab-text{font-size:1.1rem}}.contact-page{position:relative;min-height:100vh;padding:calc(var(--perimeter-margin) * 3) var(--perimeter-margin) 4rem;animation:fadeInUp .8s var(--transition-smooth)}.contact-container{max-width:1200px;margin:0 auto}.contact-title{font-family:var(--font-swiss);font-size:6vw;font-weight:800;letter-spacing:-.03em;margin-bottom:4rem;text-align:center;color:#191919}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:3rem}.info-section h2{font-family:var(--font-swiss);font-size:1.8rem;font-weight:700;margin-bottom:1rem;text-transform:none}.info-section h3{font-size:10px;margin-bottom:.75rem;opacity:.5}.info-section p{font-family:var(--font-swiss);font-size:1rem;line-height:1.7;text-transform:none;letter-spacing:0;opacity:.85}.info-link{font-family:var(--font-swiss);font-size:1.2rem;text-transform:none;letter-spacing:0;display:inline-block;position:relative;transition:color .4s var(--transition-smooth)}.info-link:after{display:none}.info-link:before{content:"";position:absolute;left:-8px;width:calc(100% + 16px);top:0;bottom:0;height:100%;padding:4px 0;transform:scaleX(0);transform-origin:left;background:var(--text-color);transition:transform .4s var(--transition-smooth);z-index:-1;clip-path:polygon(2% 1%,98% 3%,100% 98%,0% 96%)}.info-link:hover:before{transform:scaleX(1)}.info-link:hover{color:var(--bg-color);z-index:1}.social-links{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.social-links a{font-family:var(--font-swiss);font-size:1rem;text-transform:none;letter-spacing:0;position:relative;display:inline-block;transition:color .4s var(--transition-smooth)}.social-links a:after{display:none}.social-links a:before{content:"";position:absolute;left:-8px;right:-8px;top:0;bottom:0;height:100%;padding:4px 0;transform:scaleX(0);transform-origin:left;background:var(--text-color);transition:transform .4s var(--transition-smooth);z-index:-1;clip-path:polygon(1% 4%,99% 1%,98% 97%,2% 99%)}.social-links a:hover:before{transform:scaleX(1)}.social-links a:hover{color:var(--bg-color);z-index:1}.contact-form{display:flex;flex-direction:column;gap:2rem;animation:fadeInUp .8s var(--transition-smooth) .2s backwards;background:#191919;color:var(--bg-color);padding:3rem;clip-path:polygon(1% 0%,99% 0%,100% 99%,0% 100%);border:1px solid var(--text-color);position:relative;z-index:50;isolation:isolate}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-size:10px;opacity:.7;color:var(--bg-color)}.form-group input,.form-group textarea{background:transparent;border:none;border-bottom:1px solid var(--bg-color);padding:1rem 0;font-family:var(--font-swiss);font-size:1rem;color:var(--bg-color);text-transform:none;letter-spacing:0;transition:border-color .3s var(--transition-smooth)}.form-group input::placeholder,.form-group textarea::placeholder{color:#fafafa80}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--bg-color);border-bottom-width:2px}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{background-color:#f4f4f0!important;color:#0a0a0a!important;border:2px solid #F4F4F0!important;padding:1.25rem 3rem;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:none;align-self:flex-start;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);transition:all .3s var(--transition-smooth);opacity:1!important;position:relative;z-index:100;box-shadow:0 0 0 1px #f4f4f0}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #fafafa4d}@media (max-width: 968px){.contact-layout{grid-template-columns:1fr;gap:4rem}}@media (max-width: 768px){.contact-page{padding:calc(64px + 3rem) 5vw 3rem}.contact-title{font-size:10vw;margin-bottom:3rem}.contact-info{gap:2rem}.info-section h2{font-size:1.5rem}.submit-btn{width:100%}}.form-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;min-height:300px}.feedback-mark{width:64px;height:64px;border:2px solid var(--text-color, #191919);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;animation:feedbackPop .4s ease-out}@keyframes feedbackPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.form-feedback h3{font-family:var(--font-mono, "Space Mono", monospace);font-size:1.4rem;text-transform:uppercase;letter-spacing:.05em}.form-feedback p{opacity:.7;max-width:320px}.form-error{background:#c0392b;color:#fff;padding:.8rem 1rem;font-family:var(--font-mono, "Space Mono", monospace);font-size:.85rem;margin-bottom:1rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.notfound-page{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:var(--perimeter-margin);opacity:0;animation:fadeInPage .4s ease-out .1s forwards}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.blueprint-grid{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;background-image:repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(10,10,10,.03) 49px,rgba(10,10,10,.03) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(10,10,10,.03) 49px,rgba(10,10,10,.03) 50px);background-size:50px 50px;pointer-events:none}.notfound-content{position:relative;z-index:10;text-align:center;max-width:600px}.error-code{font-family:var(--font-mono);font-size:12rem;font-weight:800;letter-spacing:-.05em;color:var(--text-color);margin-bottom:2rem;line-height:1;opacity:.1}.error-message{margin-bottom:3rem}.error-message h1{font-family:var(--font-mono);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:1.5rem;color:var(--text-color)}.error-message p{font-family:var(--font-swiss);font-size:1.2rem;line-height:1.7;color:var(--text-color);opacity:.7}.home-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.5rem 4rem;background:#191919;color:var(--bg-color);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;clip-path:polygon(2% 0%,98% 1%,99% 100%,1% 99%);transition:transform .3s var(--transition-smooth);animation:float8 6s ease-in-out infinite}.home-button:hover{transform:translateY(-5px)}.button-text{font-size:12px}.button-arrow{width:20px;height:20px;fill:currentColor}@keyframes float8{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(8px,-12px) rotate(1deg)}}@media (max-width: 768px){.notfound-page{padding:calc(var(--perimeter-margin) * 3) 5vw}.error-code{font-size:8rem}.error-message h1{font-size:1.8rem}.error-message p{font-size:1rem}.home-button{padding:1.2rem 3rem;font-size:11px}}:root{--bg-color: #F4F4F0;--text-color: #0A0A0A;--footer-bg: #1A1A1A;--grid-color: rgba(10, 10, 10, .08);--font-mono: "Space Mono", "Courier New", Courier, monospace;--font-swiss: "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--grid-size: 8.3333vw;--perimeter-margin: 4.1666vw;--transition-smooth: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;cursor:none}.custom-cursor{position:fixed;pointer-events:none;z-index:9999}.cursor-dot{width:8px;height:8px;background:#505050;border-radius:50%;position:fixed;transform:translate(-50%,-50%);transition:transform .15s ease-out,width .3s ease,height .3s ease;z-index:10000;pointer-events:none}.cursor-ring{width:40px;height:40px;border:2px solid #505050;border-radius:50%;position:fixed;transform:translate(-50%,-50%);transition:transform .2s ease-out,width .3s ease,height .3s ease,opacity .3s ease;opacity:.6;z-index:9999;pointer-events:none}.cursor-dot.hover{width:16px;height:16px}.cursor-ring.hover{width:60px;height:60px;opacity:.8}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1}a{color:inherit;text-decoration:none;position:relative;display:inline-block;cursor:none}button{cursor:none}a:after{content:"";position:absolute;width:100%;height:1px;background:currentColor;bottom:-2px;left:0;transform:scaleX(0);transform-origin:right;transition:transform .3s var(--transition-smooth)}a:hover:after{transform:scaleX(1);transform-origin:left}.blueprint-grid{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);z-index:1;pointer-events:none}@keyframes wiggle-1{0%,to{transform:translate(-50%,-50%) rotate(-15deg)}50%{transform:translate(-40%,-60%) rotate(-25deg)}}@keyframes wiggle-2{0%,to{transform:translate(50%,-50%) rotate(0)}50%{transform:translate(60%,-40%) rotate(8deg)}}@keyframes wiggle-3{0%,to{transform:translate(-50%,50%) rotate(10deg)}50%{transform:translate(-40%,60%) rotate(-5deg)}}@keyframes wiggle-4{0%,to{transform:translate(50%,50%) rotate(45deg)}50%{transform:translate(58%,42%) rotate(35deg)}}@media (max-width: 768px){:root{--perimeter-margin: 5vw;--grid-size: 12vw}body{font-size:10px;cursor:auto}.custom-cursor,.cursor-dot,.cursor-ring{display:none}}