html,body,#root{color:#c9c9c9;scroll-behavior:smooth;background-color:#020202;width:100%;margin:0;padding:0;font-family:Inter,monospace;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020202}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.portfolio-content{width:100%;position:relative}.hero-section{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}.canvas-wrapper{z-index:5;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.canvas-wrapper canvas{object-fit:contain;width:100%;height:100%}.silk-wrapper{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.content-section{z-index:10;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;min-height:70vh;display:flex;position:relative;overflow:hidden}.content-section:before{content:"";opacity:.03;mix-blend-mode:normal;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");position:absolute;inset:0}.section-container{text-align:center;width:90%;max-width:1200px;padding:4rem 0}.section-container h2{letter-spacing:.2rem;color:#fff;margin-bottom:1.5rem;font-family:Inter,monospace;font-size:2rem;font-weight:900}.section-container p{color:#fff9;max-width:600px;margin:0 auto;font-family:Inter,sans-serif;font-size:1rem;line-height:1.6}.scroll-indicator{z-index:20;opacity:0;flex-direction:column;align-items:center;animation:2s 1s forwards fadeIn;display:flex;position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-text{letter-spacing:.3em;color:#ffffff80;margin-bottom:.8rem;font-size:.65rem;font-weight:600}.scroll-arrow{background:linear-gradient(#ffffff80,#0000);width:1px;height:40px;animation:2s cubic-bezier(.65,0,.35,1) infinite scrollDrop}@keyframes fadeIn{to{opacity:1}}@keyframes scrollDrop{0%{transform-origin:top;opacity:0;transform:translateY(-20px)scaleY(0)}50%{transform-origin:top;opacity:1;transform:translateY(0)scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;opacity:0;transform:translateY(20px)scaleY(0)}}.lower-content-wrapper{z-index:15;background:radial-gradient(circle at 50% 0,#0a0a0c 0%,#020202 70%);border-top:1px solid #ffffff08;width:100%;position:relative}.lower-content-wrapper:before{content:"";opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");position:absolute;inset:0}.bg-typography-container{z-index:1;pointer-events:none;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.bg-text{color:#fff;white-space:pre-wrap;letter-spacing:-.04em;text-align:center;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;will-change:transform, opacity;justify-content:center;align-items:center;max-width:95vw;height:1em;font-family:Inter,monospace;font-size:clamp(1.5rem,6.5vw,7rem);font-weight:900;line-height:1.1;display:flex;position:absolute;top:50%;left:50%}.global-navbar{z-index:100;box-sizing:border-box;mix-blend-mode:difference;pointer-events:auto;justify-content:space-between;align-items:center;width:100vw;padding:2rem 4rem;font-family:Inter,monospace;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0}.global-navbar.scrolled{-webkit-backdrop-filter:blur(20px);mix-blend-mode:normal;background:#0a0a0a33;border-bottom:1px solid #ffffff0d}.brand-logo{letter-spacing:.2rem;color:#fff;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:900}.nav-links{gap:3rem;margin:0;padding:0;list-style:none;display:flex}.nav-links div{color:#ffffffb3;letter-spacing:.1em;font-size:.85rem;font-weight:500;transition:color .3s,letter-spacing .3s}.nav-links li:hover div{color:#fff;letter-spacing:.15em}.nav-links li a{color:#ffffffb3;letter-spacing:.1em;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s,letter-spacing .3s}.nav-links li a:hover{color:#fff;letter-spacing:.15em}@media (width<=768px){.global-navbar{padding:1.5rem 2rem}.nav-brand{display:none!important}.nav-links{gap:1.5rem}.nav-links li a{font-size:.75rem}}.work-timeline-container{z-index:10;width:100%;max-width:1400px;margin:0 auto;padding:8rem 2rem;position:relative}.timeline-dimmer{pointer-events:none;z-index:-1;background:0 0;width:100vw;height:100vh;transition:background .8s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.work-timeline-container.is-dimmed .timeline-dimmer{background:#0009}.timeline-header{text-align:center;margin-bottom:6rem}.timeline-header h2{letter-spacing:-.02em;color:#fff;text-transform:uppercase;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:3rem;font-weight:900}.timeline-header p{color:#888;max-width:600px;margin:0 auto;font-size:1.1rem}.golden-ratio-wrapper{aspect-ratio:1.61803;width:100%;box-shadow:none;cursor:crosshair;background:0 0;border:none;transition:all .8s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.golden-box{box-sizing:border-box;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:flex-end;padding:2rem;transition:background 1s cubic-bezier(.16,1,.3,1),border-color 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),opacity 1s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.3,1),border-radius 0s linear 1.6s;display:flex;position:absolute;overflow:hidden}.golden-spiral-arc{pointer-events:none;z-index:2;box-sizing:border-box;background:#d4af370d;border:1px solid #d4af3733;transition:opacity 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.golden-box.overshadowed{opacity:.3;filter:blur(2px);transform:scale(.98)}.golden-box:hover,.golden-box.highlighted{z-index:10;background:0 0;border-color:#ffffff1a;transition:background 1s cubic-bezier(.16,1,.3,1),border-color 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),opacity 1s cubic-bezier(.16,1,.3,1),box-shadow 1s cubic-bezier(.16,1,.3,1),border-radius linear;border-radius:0!important}.golden-box:hover .golden-spiral-arc,.golden-box.highlighted .golden-spiral-arc{opacity:0}.golden-box-bg{z-index:0;opacity:0;width:100%;height:100%;transition:all 1.6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scale(1)}.golden-box-bg img{object-fit:cover;filter:grayscale()brightness(.4);width:100%;height:100%;transition:all 1.6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.golden-box-bg img.primary-img{transform:translate(0)rotateY(0)}.golden-box-bg img.drawer-img{transform:translate(-100%)rotateY(30deg)}.golden-box-overlay{background:linear-gradient(#0006 0%,#000000e6 100%);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.golden-box:hover .golden-box-bg,.golden-box.highlighted .golden-box-bg{opacity:1;transform:scale(1.05)}.golden-box:hover .golden-box-bg img,.golden-box.highlighted .golden-box-bg img{filter:grayscale(0%)brightness()}@keyframes slidePrimary{0%,36%{transform:translate(0)rotateY(0)}50%,86%{transform:translate(100%)rotateY(-30deg)}to{transform:translate(0)rotateY(0)}}@keyframes slideDrawer{0%,36%{transform:translate(-100%)rotateY(30deg)}50%,86%{transform:translate(0)rotateY(0)}to{transform:translate(-100%)rotateY(30deg)}}.golden-box:hover .golden-box-bg img.primary-img.has-drawer,.golden-box.highlighted .golden-box-bg img.primary-img.has-drawer{animation:4.4s cubic-bezier(.16,1,.3,1) infinite slidePrimary}.golden-box:hover .golden-box-bg img.drawer-img,.golden-box.highlighted .golden-box-bg img.drawer-img{animation:4.4s cubic-bezier(.16,1,.3,1) infinite slideDrawer}.golden-box:hover .golden-box-overlay,.golden-box.highlighted .golden-box-overlay{background:linear-gradient(#d4af371a 0%,#000c 100%)}.seq-img{object-fit:cover;opacity:0;filter:grayscale()brightness(.4);width:100%;height:100%;transition:all 1.6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0}.golden-box:hover .seq-img,.golden-box.highlighted .seq-img{filter:grayscale(0%)brightness()}.golden-box:hover .seq-img-1,.golden-box.highlighted .seq-img-1{animation:8s infinite cycleImg1}.golden-box:hover .seq-img-2,.golden-box.highlighted .seq-img-2{animation:8s infinite cycleImg2}.golden-box:hover .seq-img-3,.golden-box.highlighted .seq-img-3{animation:8s infinite cycleImg3}.golden-box:hover .seq-img-4,.golden-box.highlighted .seq-img-4{animation:8s infinite cycleImg4}@keyframes cycleImg1{0%,20%{opacity:1;transform:scale(1)}25%,95%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes cycleImg2{0%,20%{opacity:0;transform:scale(.95)}25%,45%{opacity:1;transform:scale(1)}50%,to{opacity:0;transform:scale(1.05)}}@keyframes cycleImg3{0%,45%{opacity:0;transform:scale(.95)}50%,70%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(1.05)}}@keyframes cycleImg4{0%,70%{opacity:0;transform:scale(.95)}75%,95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.golden-box:hover .seq-img-1:nth-last-child(2),.golden-box:hover .seq-img-1:first-child:nth-last-child(2),.golden-box.highlighted .seq-img-1:nth-last-child(2){animation:4s infinite cycle2Img1}.golden-box:hover .seq-img-2:last-child:nth-child(2),.golden-box.highlighted .seq-img-2:last-child:nth-child(2){animation:4s infinite cycle2Img2}@keyframes cycle2Img1{0%,45%{opacity:1;transform:scale(1)}50%,95%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes cycle2Img2{0%,45%{opacity:0;transform:scale(.95)}50%,95%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.project-link{color:inherit;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.project-link:hover{color:#d4af37;text-shadow:0 0 15px #d4af3766}.link-icon{opacity:.7;font-size:1.2rem;transition:transform .3s}.project-link:hover .link-icon{opacity:1;transform:translate(3px,-3px)}.golden-box-content{z-index:3;color:#fff;opacity:.8;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)}.golden-box:hover .golden-box-content{opacity:1;transform:translateY(0)}.golden-date{letter-spacing:.1em;color:#d4af37;text-transform:uppercase;margin-bottom:.5rem;font-family:Inter,monospace;font-size:.8rem;display:block}.golden-title{letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px #000c;margin-bottom:1rem;font-size:2.5rem;font-weight:800;line-height:1.1}.golden-description{color:#fffffff2;text-shadow:0 2px 8px #000c;max-width:80%;font-size:1rem;font-weight:500;line-height:1.6}.box-1{border-top-left-radius:100%;width:61.8034%;height:100%;padding:4rem;top:0%;left:0%}.box-1 .golden-title{font-size:4rem}.box-1 .golden-spiral-arc{border-top:3px solid #d4af37;border-left:3px solid #d4af37;border-top-left-radius:100%}.box-2{border-top-right-radius:100%;width:38.1966%;height:61.8034%;padding:3rem;top:0%;left:61.8034%}.box-2 .golden-title{font-size:2.5rem}.box-2 .golden-spiral-arc{border-top:3px solid #d4af37;border-right:3px solid #d4af37;border-top-right-radius:100%}.box-3{border-bottom-right-radius:100%;width:23.6068%;height:38.1966%;padding:2rem 3rem 2rem 2rem;top:61.8034%;left:76.3932%}.box-3 .golden-title{font-size:1.4rem}.box-3 .golden-spiral-arc{border-bottom:3px solid #d4af37;border-right:3px solid #d4af37;border-bottom-right-radius:100%}.box-4{border-bottom-left-radius:100%;width:14.5898%;height:23.6068%;padding:1.5rem;top:76.3932%;left:61.8034%}.box-4 .golden-spiral-arc{border-bottom:3px solid #d4af37;border-left:3px solid #d4af37;border-bottom-left-radius:100%}.box-5{border-top-left-radius:100%;width:9.0169%;height:14.5898%;padding:.5rem .8rem 2rem;top:61.8034%;left:61.8034%}.box-5 .golden-title{margin-bottom:.2rem;font-size:.9rem;line-height:1.1}.box-5 .golden-date{margin-bottom:.1rem;font-size:.55rem}.box-5 .project-link{gap:.2rem}.box-5 .link-icon{font-size:.7rem}.box-5 .golden-spiral-arc{border-top:3px solid #d4af37;border-left:3px solid #d4af37;border-top-left-radius:100%}.box-6{border-top-right-radius:100%;width:5.5729%;height:9.0169%;padding:.5rem;top:61.8034%;left:70.8203%}.box-6 .golden-spiral-arc{border-top:3px solid #d4af37;border-right:3px solid #d4af37;border-top-right-radius:100%}.box-7{border-bottom-right-radius:100%;width:5.5729%;height:5.5729%;padding:0;top:70.8203%;left:70.8203%}.box-7 .golden-spiral-arc{border-bottom:3px solid #d4af37;border-right:3px solid #d4af37;border-bottom-right-radius:100%}.decorative-box{text-align:center;background:0 0;justify-content:center;align-items:center}.decorative-title{color:#666;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;display:block}.decorative-value{color:#d4af37;margin-top:.2rem;font-size:1.2rem;font-weight:700;display:block}.box-5 .decorative-value{font-size:.9rem}.box-6 .golden-box-content{display:none}@media (width<=1024px){.work-timeline-container{padding:6rem 1.5rem}.timeline-header h2{font-size:2.2rem}.golden-ratio-wrapper{aspect-ratio:auto;box-shadow:none;background:0 0;border:none;flex-direction:column;gap:2rem;display:flex}.golden-box{border:1px solid #ffffff1a;border-radius:12px;position:relative;width:100%!important;height:450px!important;padding:2rem!important;top:0!important;left:0!important}.golden-spiral-arc,.decorative-box{display:none}.golden-box-bg{opacity:1!important}.golden-box-bg img{filter:grayscale(0%)brightness(.6)!important}.golden-box-content{opacity:1!important;transform:translateY(0)!important}.seq-img{filter:grayscale(0%)brightness(.6)!important}.golden-box-overlay{background:linear-gradient(#d4af3733 0%,#000000e6 100%)!important}}@media (width<=768px){.work-timeline-container{padding:4rem 1rem}.timeline-header h2{font-size:1.8rem}.timeline-header p{font-size:.95rem}.golden-box{height:350px!important;padding:1.5rem!important}.golden-title,.box-1 .golden-title,.box-2 .golden-title,.box-3 .golden-title{margin-bottom:.5rem;font-size:1.5rem!important}.golden-description{max-width:100%;font-size:.85rem}}.about-section{z-index:10;justify-content:center;align-items:center;width:100%;padding:8rem 0;display:flex;position:relative}.about-container{width:90%;max-width:1200px;margin:0 auto}.about-header{margin-bottom:4rem}.about-header h2{letter-spacing:.3rem;color:#fff;text-transform:uppercase;margin-bottom:1rem;font-family:Inter,monospace;font-size:2.5rem;font-weight:900}.about-line{opacity:.5;background:#fff;width:60px;height:2px}.about-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-text-column{flex-direction:column;gap:2rem;display:flex}.about-lead{color:#fff;letter-spacing:.05rem;font-size:1.5rem;font-weight:300;line-height:1.4}.about-body{color:#ffffff80;font-size:1rem;line-height:1.8}.about-stats{gap:3rem;margin-top:1rem;display:flex}.stat-item{flex-direction:column;gap:.5rem;display:flex}.stat-value{color:#fff;font-family:Inter,monospace;font-size:2rem;font-weight:700}.stat-label{color:#fff6;letter-spacing:.1rem;font-size:.75rem}.about-visual-column{justify-content:center;align-items:center;display:flex}.about-ascii-art pre{color:#fff3;-webkit-user-select:none;user-select:none;font-family:monospace;font-size:1.2rem;line-height:1.2;transition:color .5s}.about-visual-column:hover .about-ascii-art pre{color:#fffc;text-shadow:0 0 20px #fff3}@media (width<=900px){.about-content{grid-template-columns:1fr;gap:3rem}}.contact-section{z-index:10;justify-content:center;align-items:center;width:100%;min-height:80vh;padding:4rem 0;display:flex;position:relative}.contact-container{text-align:center;flex-direction:column;align-items:center;width:90%;max-width:1200px;display:flex}.contact-preheader{letter-spacing:.2rem;color:#fff6;gap:1rem;margin-bottom:3rem;font-family:Inter,monospace;font-size:.8rem;display:flex}.contact-main{margin-bottom:6rem;position:relative}.contact-email-container{align-items:flex-end;gap:1.5rem;text-decoration:none;display:flex;position:relative}.contact-text-group{display:inline-block;position:relative}.contact-email-outline{letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #fff3;font-family:Inter,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:900;line-height:1}.contact-email-fill{color:#fff;letter-spacing:-.02em;white-space:nowrap;height:100%;font-family:Inter,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:900;line-height:1;position:absolute;top:0;left:0;overflow:hidden}.contact-on{color:#888;padding-bottom:.5rem;font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800}.contact-footer{flex-direction:column;align-items:center;gap:2rem;width:100%;display:flex}.contact-links{gap:3rem;display:flex}.contact-link{letter-spacing:.15rem;color:#fff;padding-bottom:.2rem;font-family:Inter,monospace;font-size:.85rem;text-decoration:none;position:relative}.contact-link:after{content:"";transform-origin:100%;background:#fff;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.contact-link:hover:after{transform-origin:0;transform:scaleX(1)}.contact-copyright{color:#ffffff4d;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.75rem}@media (width<=768px){.contact-links{flex-direction:column;gap:1.5rem}}