:root{--bg-color:#0a0a0a;--text-primary:#fff;--text-secondary:#aaa;--accent:#4a4a4a;--font-main:"Poppins", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);scroll-behavior:smooth;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;width:100vw;min-height:100vh;font-weight:300;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}ul{list-style:none}.container{max-width:1600px;margin:0 auto;padding:0 5vw}.grid{gap:2rem;display:grid}.text-subtle{color:var(--text-secondary)}.full-height{flex-direction:column;min-height:100vh;display:flex}.page-wrapper{width:100%;min-height:100vh;padding-top:100px}::selection{background:var(--text-primary);color:var(--bg-color)}.navbar{z-index:1000;background:0 0;width:100%;padding:2rem 5vw;transition:all .4s;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ad9;border-bottom:1px solid #ffffff0d;padding:1.2rem 5vw}.navbar-container{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.logo a{letter-spacing:.15em;text-transform:uppercase;font-size:1.1rem;font-weight:500}.desktop-nav{gap:2.5rem;display:flex}.desktop-nav a{letter-spacing:.05em;color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;font-weight:300;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text-primary);opacity:1}.desktop-nav a.active:after{content:"";background:var(--text-primary);width:100%;height:1px;position:absolute;bottom:-4px;left:0}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.mobile-menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#050505fa;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;position:absolute;top:2rem;right:5vw}.mobile-nav-links{text-align:center;flex-direction:column;gap:2rem;display:flex}.mobile-nav-links a{letter-spacing:.1em;color:#888;text-transform:uppercase;font-size:2rem;font-weight:300;text-decoration:none;transition:color .3s}.mobile-nav-links a:hover,.mobile-nav-links a.active{color:#fff}.mobile-menu-footer{letter-spacing:.1em;text-transform:uppercase;opacity:.5;font-size:.7rem;position:absolute;bottom:3rem}@media (width<=768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.logo a{font-size:.9rem}}.global-footer{background-color:#000;border-top:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-top:auto;padding:4rem 5vw 3rem;display:flex}.footer-line{letter-spacing:.1em;text-transform:uppercase;text-align:center;margin-bottom:.5rem;font-size:.85rem}.footer-socials{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.footer-socials a{color:#888;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;transition:color .3s}.footer-socials a:hover{color:#fff}.footer-admin-link{margin-top:2rem}.footer-admin-link a{text-transform:uppercase;letter-spacing:.1em;color:#ffffff26;cursor:pointer;font-size:.65rem;text-decoration:none;transition:color .3s}.footer-admin-link a:hover{color:#ffffff80}.hero-section{text-align:center;background-image:linear-gradient(#0a0a0a99 0%,#0a0a0a 100%),url(/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;padding:0 5vw;display:flex}.hero-content h1{letter-spacing:-.03em;background:linear-gradient(#fff 0%,#fff6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:1.1}.hero-content p{letter-spacing:.1em;text-transform:uppercase;font-size:1.1rem}.intro-section{max-width:1000px;padding:15vh 5vw}.intro-text h2{margin-bottom:2rem;font-size:clamp(2rem,4vw,3.5rem);font-weight:300;line-height:1.3}.intro-text p{max-width:600px;font-size:clamp(1rem,2vw,1.25rem)}.featured-projects{padding:10vh 5vw 20vh}.section-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1rem;display:flex}.section-header h3{text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;font-weight:300}.explore-link{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:3rem;display:grid}.project-card{cursor:pointer}.project-image-placeholder{aspect-ratio:4/5;background:linear-gradient(145deg,#111 0%,#080808 100%);border:1px solid #ffffff0d;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;transition:transform .6s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.project-card:hover .project-image-placeholder{border-color:#ffffff26;transform:scale(1.02)}.project-info h4{margin-bottom:.5rem;font-size:1.2rem;font-weight:400}.project-info p{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.portfolio-container{padding-top:5vh;padding-bottom:20vh}.portfolio-header{margin-bottom:4rem}.portfolio-header h1{text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;font-size:2rem;font-weight:300}.portfolio-filters{flex-wrap:wrap;gap:1.5rem;display:flex}.filter-btn{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;transition:color .3s}.filter-btn:hover{color:var(--text-primary)}.masonry-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-flow:dense;gap:1rem;display:grid}.masonry-item:nth-child(3n){grid-row:span 2}.masonry-item:nth-child(5n){grid-area:span 2/span 2}.masonry-image{background:linear-gradient(145deg,#111 0%,#050505 100%);justify-content:center;align-items:center;width:100%;height:100%;min-height:300px;display:flex;position:relative;overflow:hidden}.masonry-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;opacity:0;background:#000c;justify-content:center;align-items:center;padding:2rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.masonry-image:hover .masonry-overlay{opacity:1}.masonry-overlay h4{margin-bottom:.5rem;font-size:1.5rem;font-weight:400;transition:transform .4s;transform:translateY(10px)}.masonry-overlay p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;transition:transform .4s 50ms;transform:translateY(10px)}.masonry-image:hover .masonry-overlay h4,.masonry-image:hover .masonry-overlay p{transform:translateY(0)}.page-header{max-width:800px;margin-bottom:4rem}.page-header h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:300;line-height:1.1}.page-header p{color:var(--text-secondary);font-size:1.25rem}.content-section{border-top:1px solid #ffffff1a;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:8rem;padding-top:2rem;display:grid}.content-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.85rem}.content-body h3{margin-bottom:1rem;font-size:2rem;font-weight:300}.content-body p{color:#ccc;margin-bottom:1.5rem;font-size:1.1rem}.portrait-container{aspect-ratio:3/4;background:linear-gradient(#111 0%,#050505 100%);justify-content:center;align-items:center;width:100%;margin-bottom:4rem;display:flex}.contact-form{flex-direction:column;gap:2rem;max-width:600px;display:flex}.form-group input,.form-group textarea{width:100%;color:var(--text-primary);background:0 0;border:none;border-bottom:1px solid #fff3;outline:none;padding:1rem 0;font-family:inherit;font-size:1.2rem;transition:border-color .3s}.form-group textarea{resize:vertical;min-height:150px}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--text-primary)}.submit-btn{background:var(--text-primary);color:var(--bg-color);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;align-self:flex-start;padding:1.2rem 2.5rem;font-family:inherit;font-size:.9rem;transition:opacity .3s}.submit-btn:hover{opacity:.8}@media (width<=768px){.content-section{grid-template-columns:1fr;gap:2rem}}.admin-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:4rem;padding-top:2rem;display:grid}.admin-form-container,.admin-list-container{background:#1919194d;border:1px solid #ffffff0d;border-radius:4px;padding:2rem}.admin-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{gap:1rem;display:flex}.form-group-admin{flex-direction:column;flex:1;gap:.5rem;display:flex}.form-group-admin label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-size:.8rem}.form-group-admin input,.form-group-admin select,.form-group-admin textarea{color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:2px;outline:none;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group-admin input:focus,.form-group-admin select:focus,.form-group-admin textarea:focus{border-color:var(--text-primary)}.file-upload-box{color:var(--text-secondary);cursor:pointer;background:#0000004d;border:1px dashed #fff3;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:2rem;transition:all .3s;display:flex}.file-upload-box:hover{border-color:var(--text-primary);background:#ffffff0d}.submit-btn-admin{background:var(--text-primary);color:var(--bg-color);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem 2rem;font-family:inherit;font-weight:500;transition:opacity .3s;display:flex}.submit-btn-admin:hover{opacity:.8}.admin-item-list{flex-direction:column;gap:1rem;max-height:600px;padding-right:.5rem;display:flex;overflow-y:auto}.admin-item-list::-webkit-scrollbar{width:4px}.admin-item-list::-webkit-scrollbar-thumb{background:#fff3}.admin-list-item{background:#00000080;border:1px solid #ffffff0d;border-radius:2px;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-item-image{background:#111;flex-shrink:0;width:60px;height:60px;overflow:hidden}.admin-item-image img{object-fit:cover;width:100%;height:100%}.admin-item-info{flex:1}.admin-item-info h4{font-weight:400}.del-btn{color:#ff4a4a;cursor:pointer;background:0 0;border:none;padding:.5rem;transition:color .3s}.del-btn:hover{color:#ff8a8a}.login-container{justify-content:center;align-items:center;min-height:80vh;padding:0 5vw;display:flex}.login-box{background:#1919194d;border:1px solid #ffffff0d;border-radius:4px;width:100%;max-width:500px;padding:3rem 4rem}.login-box input{text-align:center;letter-spacing:.2em}.logout-btn{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;transition:all .3s}.logout-btn:hover{color:#fff;border-color:#ffffff80}.tab-btn{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.75rem;transition:all .3s;display:flex}.tab-btn:hover,.tab-btn.active{color:#fff;background:#ffffff1a}@media (width<=900px){.admin-grid{grid-template-columns:1fr;gap:2rem}}.block-editor-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:1rem;padding:1rem;transition:border-color .3s}.block-editor-item:hover{border-color:#fff3}.block-editor-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.block-type-badge{text-transform:uppercase;letter-spacing:.1em;color:#000;background:#fff;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:500}.block-actions{gap:.5rem;display:flex}.block-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem}.block-actions button:hover{color:#fff;background:#ffffff1a}.block-adder{text-align:center;background:#ffffff05;border:1px dashed #fff3;border-radius:6px;margin-top:2rem;padding:1.5rem}.add-block-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.add-block-buttons button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;transition:all .3s}.add-block-buttons button:hover{background:#ffffff1a;border-color:#ffffff80}.project-detail-wrapper{width:100%;padding-bottom:20vh}.back-link{z-index:10;text-transform:uppercase;letter-spacing:.1em;mix-blend-mode:difference;align-items:center;gap:.5rem;font-size:.8rem;display:flex;position:absolute;top:120px;left:5vw}.back-link:hover{opacity:.7}.project-hero{background:#050505;width:100%;height:80vh;position:relative;overflow:hidden}.project-hero img{object-fit:cover;width:100%;height:100%}.project-hero-placeholder{width:100%;height:100%;color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;justify-content:center;align-items:center;font-weight:300;display:flex}.project-content-container{max-width:1200px;margin-top:6rem}.project-title-area{text-align:center;margin-bottom:5rem}.project-title-area h1{margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300}.project-meta{text-transform:uppercase;letter-spacing:.1em;justify-content:center;gap:1rem;margin-bottom:3rem;font-size:.85rem;display:flex}.project-meta .dot-separator{opacity:.5}.project-statement{max-width:800px;margin:0 auto;font-size:1.5rem;line-height:1.6}.project-research-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr;gap:4rem;padding-top:4rem;display:grid}@media (width>=768px){.project-research-grid{grid-template-columns:1fr 1fr}}.research-section{flex-direction:column;gap:1rem;display:flex}.research-label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.85rem}.research-section p{color:#ccc;white-space:pre-wrap;font-size:1.1rem;line-height:1.8}.lightbox-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;cursor:zoom-out;background:#050505f2;justify-content:center;align-items:center;width:100vw;height:100vh;padding:5vw;display:flex;position:fixed;top:0;left:0}.lightbox-img{object-fit:contain;cursor:default;max-width:100%;max-height:90vh;box-shadow:0 20px 50px #00000080}.lightbox-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{color:#fff}
