:root{--bg-color: #0a0a0a;--text-color: #ffffff;--accent-color: #ffffff;--font-main: "Outfit", sans-serif;--grid-gap: 8px}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}a,button{cursor:none}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.container{max-width:1400px;margin:0 auto;padding:0 20px}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.home-container{min-height:100vh;padding:80px 40px 40px;display:flex;justify-content:center;align-items:center}.masonry-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:450px;gap:16px;width:100%;max-width:1800px;grid-template-areas:"a a b" "c d e" "c f f"}.grid-item{position:relative;display:block;overflow:hidden;color:#fff;background:#111;transition:transform .6s cubic-bezier(.16,1,.3,1)}.grid-item:nth-child(1){grid-area:a}.grid-item:nth-child(2){grid-area:b}.grid-item:nth-child(3){grid-area:c}.grid-item:nth-child(4){grid-area:d}.grid-item:nth-child(6){grid-area:e}.grid-item:nth-child(5){grid-area:f}.image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1),filter .5s;filter:grayscale(100%) brightness(.7)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 60%);opacity:.6;transition:opacity .5s}.grid-item:hover .image-wrapper img{transform:scale(1.1);filter:grayscale(0%) brightness(1)}.grid-item:hover .overlay{opacity:.3}.content{position:absolute;bottom:0;left:0;width:100%;padding:40px;z-index:2;transform:translateY(20px);transition:transform .6s cubic-bezier(.16,1,.3,1)}.grid-item:hover .content{transform:translateY(0)}.no{font-size:10px;font-weight:200;display:block;margin-bottom:20px;opacity:.5;letter-spacing:-2px;line-height:1;transform:translateY(-20px);transition:transform .6s,opacity .6s;position:absolute;top:40px;right:40px}.grid-item:hover .no{transform:translateY(0);opacity:1;color:var(--accent-color)}.subtitle{font-size:.75rem;letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:8px;opacity:.7}h2{font-size:2.5rem;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:-1px;margin:0}.item-tall h2{font-size:3.5rem}.item-large h2{font-size:3rem}@media(max-width:1024px){.masonry-grid{grid-template-columns:repeat(2,1fr);grid-template-areas:"a a" "b c" "d c" "e f";grid-auto-rows:350px}}@media(max-width:600px){.home-container{padding:80px 10px 10px}.masonry-grid{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e" "f";grid-auto-rows:300px}.no{display:none}h2{font-size:1.8rem}}.page-detail{min-height:100vh;background:var(--bg-color);color:var(--text-color)}.hero-section{height:70vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.hero-content{position:relative;z-index:2;margin-top:40px}.hero-subtitle{display:block;font-size:.9rem;letter-spacing:6px;text-transform:uppercase;margin-bottom:24px;color:var(--accent-color);opacity:.8}.hero-title{font-size:4.5rem;margin:0;font-weight:200;letter-spacing:-2px;text-transform:uppercase;line-height:1}.detail-container{max-width:1200px;margin:0 auto;padding:100px 40px}.detail-grid{display:grid;grid-template-columns:300px 1fr;gap:80px}.section-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;opacity:.5;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.details-list{list-style:none;padding:0}.details-list li{margin-bottom:24px}.detail-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:4px}.detail-value{font-size:1.1rem;font-weight:400}.text-col p{font-size:1.25rem;line-height:1.6;font-weight:300;margin-bottom:30px;color:#ddd}.text-col p:first-of-type{font-size:1.5rem;color:#fff}.next-project-link{margin-top:100px;border-top:1px solid rgba(255,255,255,.1);padding-top:40px;display:flex;justify-content:flex-end;align-items:center;gap:20px;opacity:.5;transition:opacity .3s;cursor:none}.next-project-link:hover{opacity:1}.next-project-link span{text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.arrow-right{font-size:1.5rem}@media(max-width:900px){.detail-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:3rem}}.contact-page{min-height:100vh;padding-top:120px;padding-bottom:40px;background-color:var(--bg-color);color:#fff}.contact-container{max-width:1400px;margin:0 auto;padding:0 40px}.contact-header{margin-bottom:100px}.contact-header h1{font-size:6rem;font-weight:700;line-height:.9;letter-spacing:-2px;margin:20px 0}.hollow-text{-webkit-text-stroke:1px white;color:transparent}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-item{margin-bottom:60px}.info-item h3{font-size:.8rem;letter-spacing:2px;opacity:.5;margin-bottom:20px}.info-item p{font-size:1.5rem;font-weight:300;line-height:1.4}.contact-form{display:flex;flex-direction:column;gap:40px}.form-group input,.form-group textarea{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.2);padding:20px 0;color:#fff;font-family:var(--font-main);font-size:1.2rem;outline:none;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#fff}.submit-btn{align-self:flex-start;background:#fff;color:#000;border:none;padding:20px 60px;font-size:1rem;font-weight:600;letter-spacing:2px;cursor:none;transition:transform .3s}.submit-btn:hover{transform:scale(1.05)}@media(max-width:900px){.contact-header h1{font-size:3.5rem}.contact-grid{grid-template-columns:1fr;gap:60px}}.header{position:fixed;top:0;left:0;width:100%;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;z-index:2000;mix-blend-mode:difference;color:#fff}.logo{font-size:1.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;z-index:2001}.menu-toggle{background:none;border:none;color:#fff;display:flex;align-items:center;gap:16px;cursor:none;z-index:2001}.menu-text{font-size:.9rem;letter-spacing:2px;text-transform:uppercase}.hamburger{width:30px;height:12px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:1px;background:#fff;transition:transform .3s,opacity .3s}.hamburger.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.hamburger.open span:nth-child(2){transform:translateY(-5.5px) rotate(-45deg)}.fullscreen-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f0f0f;z-index:1999;display:flex;flex-direction:column;justify-content:center;padding:40px 100px;color:#fff}.menu-nav{display:flex;flex-direction:column;gap:10px}.menu-link{display:flex;align-items:baseline;gap:20px;text-decoration:none;color:#555;transition:color .3s;position:relative}.menu-link:hover{color:#fff}.link-text{font-size:4rem;font-weight:300;text-transform:uppercase;letter-spacing:-2px}.link-number{font-size:1rem;font-family:monospace;opacity:.5}.menu-footer{position:absolute;bottom:40px;left:100px;right:100px;display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:20px;font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px}.contact-info p{margin-bottom:5px}.socials span{margin-left:20px;cursor:none;transition:color .3s}.socials span:hover{color:#fff}@media(max-width:768px){.header{padding:20px}.fullscreen-menu{padding:40px 20px}.link-text{font-size:2.5rem}.menu-footer{left:20px;right:20px;flex-direction:column;gap:20px}.socials span{margin-left:0;margin-right:20px}}.footer{background-color:#080808;color:#888;padding:100px 40px 40px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-main);text-align:left}.footer-content{display:flex;justify-content:space-between;max-width:1600px;margin:0 auto;gap:60px;flex-wrap:wrap}.footer-column{flex:1;min-width:250px}.footer-column h3{color:#fff;font-size:.8rem;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase;font-weight:600;opacity:.4}.group-title a{text-decoration:none;color:#fff;opacity:1;display:inline-flex;align-items:center;gap:8px;transition:opacity .3s;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.group-title a:hover{opacity:.7;border-color:#fff}.external-arrow{font-size:1rem;transition:transform .3s}.group-title a:hover .external-arrow{transform:translate(3px,-3px)}.footer-column p{font-size:.9rem;line-height:1.8;font-weight:300;color:#aaa}.group-list{display:flex;flex-direction:column;gap:12px}.group-link{color:#666;text-decoration:none;font-size:.95rem;font-weight:300;letter-spacing:1px;transition:all .3s ease;display:flex;align-items:center;gap:10px;width:fit-content}.group-link:hover{color:#fff;transform:translate(5px)}.group-link.active{color:#fff;font-weight:500;cursor:default}.group-link.active:hover{transform:none}.indicator{font-size:.6rem;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1;text-shadow:0 0 5px white}to{opacity:.5}}.social-links{display:flex;flex-direction:column;gap:12px}.social-link{color:#888;font-size:.9rem;text-decoration:none;transition:color .3s;letter-spacing:1px;font-weight:300}.social-link:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);margin-top:80px;padding-top:30px;text-align:center;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.4}@media(max-width:768px){.footer{padding:60px 20px 20px}.footer-content{flex-direction:column;gap:40px}}