@font-face{font-family:Mori;src:url(/fonts/PPMori-Extralight.woff2)format("woff2");font-weight:lighter;font-style:normal}@font-face{font-family:Mori;src:url(/fonts/PPMori-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Mori;src:url(/fonts/PPMori-Semibold.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Mori;src:url(/fonts/PPMori-Black.woff2)format("woff2");font-weight:bolder;font-style:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,Mori,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}:root{--brand-accent:#2626ff;--brand-accent-hover:#2626ff;--text-dark:#2626ff;--text-light:#fff}@font-face{font-family:Mori;src:url(/fonts/PPMori-Extralight.woff2)format("woff2");font-weight:lighter;font-style:normal}@font-face{font-family:Mori;src:url(/fonts/PPMori-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Mori;src:url(/fonts/PPMori-Semibold.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Mori;src:url(/fonts/PPMori-Black.woff2)format("woff2");font-weight:bolder;font-style:normal}@font-face{font-family:Eiko;src:url(/fonts/PPEiko-LightItalic.woff2)format("woff2");font-weight:lighter;font-style:italic}@font-face{font-family:Eiko;src:url(/fonts/PPEiko-BlackItalic.woff2)format("woff2");font-weight:bolder;font-style:italic}@font-face{font-family:Eiko;src:url(/fonts/PPEiko-Medium.woff2)format("woff2");font-weight:medium;font-style:normal}.main-header{z-index:99;pointer-events:none;grid-template-columns:repeat(4,1fr);width:calc(100% - 120px);font-size:.7rem;font-style:italic;font-weight:lighter;display:grid;position:fixed;top:40px;left:60px}.nav-col{align-items:flex-start;display:flex}.nav-col:nth-child(2){justify-content:flex-start}.nav-col:nth-child(3){justify-content:center}.nav-col:nth-child(4){justify-content:flex-end}.nav-link{color:#2626ff;cursor:pointer;pointer-events:auto;opacity:0;font-family:Eiko,serif;font-size:1rem;font-weight:200;line-height:1.1;transition:all .4s cubic-bezier(.25,1,.5,1);transform:translateY(-10px)}.main-header.scrolled .nav-link{opacity:1;transform:translateY(0)}.main-header.scrolled .nav-col:nth-child(2) .nav-link{transition-delay:.1s}.main-header.scrolled .nav-col:nth-child(3) .nav-link{transition-delay:.15s}.main-header.scrolled .nav-col:nth-child(4) .nav-link{transition-delay:.2s}.nav-link:hover{opacity:.5}.btn-primary{cursor:pointer;color:var(--brand-accent);border:2px solid var(--brand-accent);background-color:#0000;border-radius:40px;padding:15px 40px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-primary:hover{color:#fff;background-color:#2626ff;transform:translateY(-5px)}.portfolio-wrapper{color:#f1f1f1;background:linear-gradient(135deg,#fff 0%,#2626ff 140%);width:100%;height:100vh;font-family:Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.hero-section{box-sizing:border-box;background:#fff;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100vh;padding-bottom:15vh;display:flex;position:relative}.hero-btn{color:#2626ff;cursor:pointer;z-index:10;background-color:#0000;border:2px solid #2626ff;border-radius:40px;padding:15px 40px;font-family:Mori;font-size:1.2rem;transition:all .3s}.hero-btn:hover{color:#fff;background-color:#2626ff;transform:translateY(-5px)}.site-title{z-index:100;pointer-events:none;color:#2626ff;letter-spacing:0;width:max-content;font-family:Eiko,serif;font-size:8rem;font-style:italic;font-weight:200;line-height:1.1;transition:top .8s cubic-bezier(.25,1,.5,1),left .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1),font-size .8s cubic-bezier(.25,1,.5,1);display:grid;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.site-title.scrolled{pointer-events:auto;cursor:pointer;letter-spacing:.3px;font-size:1.5rem;top:20px;left:60px;transform:translate(0)}.title-large,.title-small{font-size:inherit;grid-area:1/1;margin:0;transition:opacity .4s}.title-large{opacity:1;text-align:center}.title-small{opacity:0;text-align:left;white-space:nowrap}.site-title.scrolled .title-large{opacity:0}.site-title.scrolled .title-small{opacity:1}.portfolio-wrapper{color:#f1f1f1;background-color:#0f0f11;width:100%;height:100vh;position:relative;overflow:hidden}.carousel-container::-webkit-scrollbar{display:none}.carousel-container{scrollbar-width:none;scroll-snap-type:none;align-items:flex-start;gap:40px;height:100vh;padding:0 20vw;display:flex;overflow-x:scroll}.project-card{box-sizing:border-box;border:2px solid #0000;flex:none;transition:background-color .3s,border-color .3s,color .3s;position:relative}.project-card:nth-child(4n+1){width:350px;height:480px;margin-top:15vh}.project-card:nth-child(4n+2){width:280px;height:350px;margin-top:50vh;margin-left:-100px}.project-card:nth-child(4n+3){width:420px;height:300px;margin-top:10vh}.project-card:nth-child(4n+4){width:250px;height:400px;margin-top:40vh;margin-left:-50px}.project-card:nth-child(5n+1){z-index:1;width:320px;height:450px;margin-top:10vh}.project-card:nth-child(5n+2){z-index:2;width:400px;height:300px;margin-top:50vh;margin-left:-120px}.project-card:nth-child(5n+3){z-index:3;width:350px;height:520px;margin-top:25vh;margin-left:20px}.project-card:nth-child(5n+4){z-index:1;width:250px;height:350px;margin-top:5vh;margin-left:-80px}.project-card:nth-child(5n+5){z-index:2;width:380px;height:280px;margin-top:60vh;margin-left:-40px}.project-card.active{background-color:#fff;border:2px solid #2626ff}.project-details-fold{color:#0f0f11;box-sizing:border-box;background-color:#f1f1f1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px;display:flex}.details-content{text-align:center;max-width:800px;animation:.5s fadeIn}.details-content h2{letter-spacing:-1px;margin-bottom:20px;font-size:4rem}.details-content p{color:#555;margin-bottom:40px;font-size:1.5rem;line-height:1.6}.details-content button{color:#fff;cursor:pointer;background-color:#000;border:none;border-radius:30px;padding:15px 40px;font-size:1.2rem;transition:background-color .3s}.details-content button:hover{background-color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-details-fold{background-color:#f1f1f1;width:100%;min-height:100vh;position:relative}.filter-container{z-index:10;flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex;position:absolute;top:100px;right:55px}.filter-btn{padding:8px 16px;font-family:Mori;font-size:.85rem}.filter-btn.active{color:#2626ff;background-color:#fff;border-color:#2626ff}.hero-section,.portfolio-wrapper,.project-details-fold{background-color:#fff;min-height:100vh;position:sticky;top:0;box-shadow:0 -20px 50px #2626ff}.hero-section{z-index:1}.portfolio-wrapper{z-index:2;flex-direction:column;justify-content:center;padding-top:120px;display:flex}.project-details-fold{z-index:3;align-items:center;display:flex}.card-info{color:#0f0f11;opacity:0;pointer-events:none;background-color:#fff;border:2px solid #2626ff;border-radius:16px;width:260px;padding:20px;transition:opacity .3s,transform .3s;position:absolute;transform:translateY(10px);box-shadow:0 10px 30px #0000001a}.project-card.is-active .card-info{opacity:1;pointer-events:auto;transform:translateY(0)}.card-info h3{color:#2626ff;margin:0 0 10px;font-family:Eiko,serif;font-size:1.5rem;line-height:1.1}.card-info p{color:#555;margin-bottom:15px;font-size:.85rem;line-height:1.4}.project-card:nth-child(5n+1) .card-info{top:calc(0%-10px);left:110%}.project-card:nth-child(5n+2) .card-info{bottom:calc(100% + 35px);left:24%}.project-card:nth-child(5n+3) .card-info{top:0%;right:calc(100% + 40px)}.project-card:nth-child(5n+4) .card-info{top:56%;right:-135%}.project-card:nth-child(5n+5) .card-info{bottom:calc(100% + 20px);right:20%}.info-btn{color:#2626ff;cursor:pointer;background-color:#0000;border:1px solid #2626ff;border-radius:20px;padding:8px 20px;font-family:Mori,sans-serif;font-size:.9rem;transition:all .2s}.info-btn:hover{color:#fff;background-color:#2626ff}