Archix | High-End Architectural Studio<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['\"Plus Jakarta Sans\"', 'sans-serif'] },\r\n colors: {\r\n gold: '#C5A059',\r\n zinc: { 950: '#09090b', 900: '#121214', 800: '#1c1c1f' }\r\n },\r\n animation: {\r\n 'ken-burns': 'kenburns 20s ease infinite alternate',\r\n 'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n },\r\n keyframes: {\r\n kenburns: {\r\n '0%': { transform: 'scale(1)' },\r\n '100%': { transform: 'scale(1.15)' },\r\n },\r\n fadeInUp: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n \r\n \/* Custom scroll snap for the gallery *\/\r\n .snap-x { scroll-snap-type: x mandatory; }\r\n .snap-center { scroll-snap-align: center; }\r\n\r\n \/* Glassmorphism utility *\/\r\n .glass {\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .text-outline {\r\n -webkit-text-stroke: 1px rgba(255,255,255,0.1);\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-zinc-950 text-zinc-400 font-sans selection:bg-gold selection:text-black\">\r\n\r\n \r\n <nav id=\"navbar\" class=\"fixed top-0 w-full z-50 transition-all duration-500 py-8\">\r\n <div class=\"max-w-7xl mx-auto px-8 flex justify-between items-center\">\r\n <a href=\"#\" class=\"text-2xl font-bold tracking-tighter text-white\">\r\n ARCHI<span class=\"text-gold\">X<\/span>\r\n <\/a>\r\n \r\n <div class=\"hidden md:flex items-center space-x-10 text-[11px] uppercase tracking-[0.3em] font-medium text-zinc-400\">\r\n <a href=\"#home\" class=\"hover:text-white transition-colors\">Home<\/a>\r\n <a href=\"#about\" class=\"hover:text-white transition-colors\">Studio<\/a>\r\n <a href=\"#services\" class=\"hover:text-white transition-colors\">Expertise<\/a>\r\n <a href=\"#designs\" class=\"hover:text-white transition-colors\">Concepts<\/a>\r\n <a href=\"#projects\" class=\"hover:text-white transition-colors\">Works<\/a>\r\n <a href=\"#contact\" class=\"px-5 py-2.5 border border-zinc-800 hover:border-white hover:text-white transition-all rounded-full\">Contact<\/a>\r\n <\/div>\r\n\r\n <button id=\"mobile-toggle\" class=\"md:hidden text-white\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 16h16\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-zinc-950 z-[60] flex flex-col items-center justify-center space-y-8 opacity-0 pointer-events-none transition-opacity duration-300\">\r\n <button id=\"close-menu\" class=\"absolute top-10 right-10 text-white text-4xl\">×<\/button>\r\n <a href=\"#home\" class=\"text-3xl text-white font-light\">Home<\/a>\r\n <a href=\"#about\" class=\"text-3xl text-white font-light\">Studio<\/a>\r\n <a href=\"#services\" class=\"text-3xl text-white font-light\">Expertise<\/a>\r\n <a href=\"#designs\" class=\"text-3xl text-white font-light\">Concepts<\/a>\r\n <a href=\"#projects\" class=\"text-3xl text-white font-light\">Works<\/a>\r\n <\/div>\r\n\r\n \r\n <section id=\"home\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/Archix-VD-Fallback.jpg\" \r\n class=\"w-full h-full object-cover animate-ken-burns scale-110\" \r\n alt=\"Architectural Feature\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-zinc-950\/80 via-zinc-950\/40 to-zinc-950\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 text-center px-6 animate-fade-in-up\">\r\n <span class=\"text-gold uppercase tracking-[0.5em] text-xs font-semibold mb-6 block\">Established MMXXIV<\/span>\r\n <h1 class=\"text-5xl md:text-8xl font-light text-white leading-tight mb-8\">\r\n Spaces that <br\/> <span class=\"italic font-serif\">Breathe.<\/span>\r\n <\/h1>\r\n <p class=\"text-zinc-400 max-w-xl mx-auto text-lg font-light mb-10 leading-relaxed\">\r\n Archix is a boutique design firm specializing in minimalist luxury and sustainable urban development.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-5 justify-center\">\r\n <a href=\"#projects\" class=\"bg-white text-black px-10 py-4 rounded-full text-xs uppercase tracking-widest font-bold hover:bg-gold hover:text-white transition-all duration-300\">View Projects<\/a>\r\n <a href=\"#about\" class=\"glass text-white px-10 py-4 rounded-full text-xs uppercase tracking-widest font-bold hover:bg-white\/10 transition-all border border-white\/10\">The Studio<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-3\">\r\n <div class=\"w-[1px] h-12 bg-gradient-to-b from-transparent to-gold\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"py-32 bg-zinc-950\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-24 items-center\">\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/modern-architecture-of-office-reception.jpg\" class=\"w-full h-80 object-cover rounded-2xl mt-12\" alt=\"Office\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/architecture-8.jpg\" class=\"w-full h-80 object-cover rounded-2xl\" alt=\"Exterior\">\r\n <\/div>\r\n <div>\r\n <h2 class=\"text-4xl md:text-5xl font-light text-white mb-8 leading-tight\">We define the <span class=\"text-gold\">modern edge<\/span> of architecture.<\/h2>\r\n <p class=\"text-lg font-light leading-relaxed mb-8\">\r\n Our philosophy is simple: architecture should be a dialogue between the environment and its inhabitants. We remove the noise, focusing on light, material, and geometry.\r\n <\/p>\r\n <div class=\"grid grid-cols-2 gap-8 border-t border-zinc-900 pt-8\">\r\n <div>\r\n <span class=\"text-white text-3xl font-light\">120+<\/span>\r\n <p class=\"text-xs uppercase tracking-widest mt-2 text-zinc-500\">Global Awards<\/p>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white text-3xl font-light\">15yrs<\/span>\r\n <p class=\"text-xs uppercase tracking-widest mt-2 text-zinc-500\">Innovation<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"py-32 bg-zinc-900\/50\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-20\">\r\n <div class=\"max-w-2xl\">\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block\">Expertise<\/span>\r\n <h2 class=\"text-4xl md:text-5xl text-white font-light\">Comprehensive Design Solutions<\/h2>\r\n <\/div>\r\n <p class=\"text-zinc-500 max-w-xs mt-6 md:mt-0 text-sm leading-relaxed\">From blueprint to reality, we manage every facet of the spatial experience.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-1\">\r\n <div class=\"p-12 bg-zinc-900 border border-zinc-800 hover:border-gold transition-colors group\">\r\n <div class=\"w-12 h-12 mb-8 text-gold\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-xl text-white mb-4 font-light\">Urban Planning<\/h4>\r\n <p class=\"text-sm leading-relaxed text-zinc-500 group-hover:text-zinc-300 transition-colors\">Large-scale developments that harmonize with the existing urban fabric.<\/p>\r\n <\/div>\r\n <div class=\"p-12 bg-zinc-900 border border-zinc-800 hover:border-gold transition-colors group\">\r\n <div class=\"w-12 h-12 mb-8 text-gold\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-xl text-white mb-4 font-light\">Residential Design<\/h4>\r\n <p class=\"text-sm leading-relaxed text-zinc-500 group-hover:text-zinc-300 transition-colors\">Bespoke living spaces tailored to the unique rhythms of personal life.<\/p>\r\n <\/div>\r\n <div class=\"p-12 bg-zinc-900 border border-zinc-800 hover:border-gold transition-colors group\">\r\n <div class=\"w-12 h-12 mb-8 text-gold\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-xl text-white mb-4 font-light\">Interior Architecture<\/h4>\r\n <p class=\"text-sm leading-relaxed text-zinc-500 group-hover:text-zinc-300 transition-colors\">Curated materials and lighting that define the soul of a building.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 bg-zinc-950 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block text-center\">How we work<\/span>\r\n <h2 class=\"text-4xl md:text-5xl text-white font-light text-center mb-24\">Our Strategic Process<\/h2>\r\n \r\n <div class=\"relative\">\r\n <div class=\"absolute top-0 left-0 w-full h-full flex items-center justify-center opacity-[0.03] select-none pointer-events-none\">\r\n <span class=\"text-[20vw] font-bold uppercase tracking-tighter\">PROCESS<\/span>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-4 gap-12 relative z-10\">\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">01<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Discovery<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Understanding the site, context, and client aspirations.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">02<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Concept<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Sketching the soul of the project through form and light.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">03<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Refinement<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Technical precision meets aesthetic perfection.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">04<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Execution<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Overseeing construction to ensure absolute quality.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"designs\" class=\"py-32 bg-zinc-900 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-8 mb-16 flex justify-between items-end\">\r\n <div>\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block\">Design Concepts<\/span>\r\n <h2 class=\"text-4xl text-white font-light\">Visual Explorations<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-4\">\r\n <button onclick=\"scrollGallery(-400)\" class=\"p-4 border border-zinc-800 rounded-full hover:border-white text-white transition-all\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M15 19l-7-7 7-7\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/button>\r\n <button onclick=\"scrollGallery(400)\" class=\"p-4 border border-zinc-800 rounded-full hover:border-white text-white transition-all\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"gallery-container\" class=\"flex gap-8 px-8 overflow-x-auto snap-x no-scrollbar pb-10\">\r\n \r\n <div class=\"min-w-[300px] md:min-w-[450px] aspect-[4\/5] snap-center overflow-hidden rounded-3xl relative group\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/mesmerizing-architecture-of-the-ceiling-of-mosque-cathedral-of-cordoba-in-spain.jpg\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-700\" alt=\"Detail 1\">\r\n <div class=\"absolute inset-0 bg-black\/40 p-10 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity\">\r\n <h4 class=\"text-white text-xl font-light\">Geometrical Mastery<\/h4>\r\n <p class=\"text-gold text-sm uppercase tracking-widest mt-2\">Study #042<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"min-w-[300px] md:min-w-[450px] aspect-[4\/5] snap-center overflow-hidden rounded-3xl relative group\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/modern-buildings-in-gae-aulenti-square-milan.jpg\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-700\" alt=\"Detail 2\">\r\n <div class=\"absolute inset-0 bg-black\/40 p-10 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity\">\r\n <h4 class=\"text-white text-xl font-light\">Vertical Fluidity<\/h4>\r\n <p class=\"text-gold text-sm uppercase tracking-widest mt-2\">Study #089<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"min-w-[300px] md:min-w-[450px] aspect-[4\/5] snap-center overflow-hidden rounded-3xl relative group\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/arches-architecture-mystery-museum-light-history.jpg\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-700\" alt=\"Detail 3\">\r\n <div class=\"absolute inset-0 bg-black\/40 p-10 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity\">\r\n <h4 class=\"text-white text-xl font-light\">Shadow Rituals<\/h4>\r\n <p class=\"text-gold text-sm uppercase tracking-widest mt-2\">Study #101<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"projects\" class=\"py-32 bg-zinc-950\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"text-center mb-24\">\r\n <span class=\"text-gold uppercase tracking-[0.4em] text-[10px] font-bold mb-4 block\">Portfolio<\/span>\r\n <h2 class=\"text-4xl md:text-6xl text-white font-light\">Iconic Commissions<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-12\">\r\n \r\n <div class=\"group\">\r\n <div class=\"aspect-video overflow-hidden rounded-2xl mb-6 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/modern-architecture-of-valencia-1.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000\" alt=\"Project\">\r\n <div class=\"absolute inset-0 bg-zinc-950\/20 group-hover:bg-transparent transition-all\"><\/div>\r\n <\/div>\r\n <div class=\"flex justify-between items-start\">\r\n <div>\r\n <h3 class=\"text-2xl text-white font-light\">The Valencia Axis<\/h3>\r\n <p class=\"text-zinc-500 text-sm mt-1 uppercase tracking-widest\">Public Space \/ 2023<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"text-white p-3 border border-zinc-800 rounded-full group-hover:bg-white group-hover:text-black transition-all\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17 8l4 4m0 0l-4 4m4-4H3\" stroke-width=\"2\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"group mt-0 md:mt-24\">\r\n <div class=\"aspect-video overflow-hidden rounded-2xl mb-6 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/condo-loft-3.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000\" alt=\"Project\">\r\n <div class=\"absolute inset-0 bg-zinc-950\/20 group-hover:bg-transparent transition-all\"><\/div>\r\n <\/div>\r\n <div class=\"flex justify-between items-start\">\r\n <div>\r\n <h3 class=\"text-2xl text-white font-light\">Skyline Residence<\/h3>\r\n <p class=\"text-zinc-500 text-sm mt-1 uppercase tracking-widest\">Interior \/ 2024<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"text-white p-3 border border-zinc-800 rounded-full group-hover:bg-white group-hover:text-black transition-all\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17 8l4 4m0 0l-4 4m4-4H3\" stroke-width=\"2\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 bg-zinc-900\">\r\n <div class=\"max-w-5xl mx-auto px-8\">\r\n <div class=\"relative\">\r\n <div class=\"text-6xl font-serif text-gold opacity-20 absolute -top-10 -left-10\">\u201c<\/div>\r\n <div class=\"text-center\">\r\n <p class=\"text-2xl md:text-3xl font-light text-white leading-relaxed mb-12 italic\">\r\n Archix didn't just build us a headquarters; they created a landmark that redefined our corporate culture. Their attention to lighting and spatial flow is simply unparalleled in the industry.\r\n <\/p>\r\n <div class=\"flex items-center justify-center gap-4\">\r\n <div class=\"w-12 h-[1px] bg-gold\"><\/div>\r\n <div>\r\n <h6 class=\"text-white text-sm uppercase tracking-widest font-bold\">Jonathan Vance<\/h6>\r\n <p class=\"text-xs text-zinc-500 mt-1 uppercase tracking-tighter\">CEO, Nexa Global<\/p>\r\n <\/div>\r\n <div class=\"w-12 h-[1px] bg-gold\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 bg-zinc-950\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-24 items-center\">\r\n <div>\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block\">Global Presence<\/span>\r\n <h2 class=\"text-4xl text-white font-light mb-8\">Architecting the world's most vibrant cities.<\/h2>\r\n <ul class=\"space-y-6\">\r\n <li class=\"flex items-center gap-4 border-b border-zinc-900 pb-4\">\r\n <span class=\"text-gold text-lg\">01<\/span>\r\n <span class=\"text-white font-light tracking-widest\">NEW YORK<\/span>\r\n <span class=\"ml-auto text-xs text-zinc-600\">Main Studio<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-4 border-b border-zinc-900 pb-4\">\r\n <span class=\"text-gold text-lg\">02<\/span>\r\n <span class=\"text-white font-light tracking-widest\">MILAN<\/span>\r\n <span class=\"ml-auto text-xs text-zinc-600\">Design Hub<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-4 border-b border-zinc-900 pb-4\">\r\n <span class=\"text-gold text-lg\">03<\/span>\r\n <span class=\"text-white font-light tracking-widest\">TOKYO<\/span>\r\n <span class=\"ml-auto text-xs text-zinc-600\">Tech Lab<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"aspect-square bg-zinc-900 rounded-full flex items-center justify-center border border-zinc-800\">\r\n <div class=\"text-center\">\r\n <h3 class=\"text-white text-6xl font-light mb-2\">14<\/h3>\r\n <p class=\"text-gold text-xs uppercase tracking-widest\">Countries Reached<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute top-10 right-10 w-3 h-3 bg-gold rounded-full animate-pulse\"><\/div>\r\n <div class=\"absolute bottom-20 left-10 w-2 h-2 bg-white\/20 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-32 bg-zinc-900\">\r\n <div class=\"max-w-4xl mx-auto px-8 text-center\">\r\n <h2 class=\"text-5xl md:text-7xl font-light text-white mb-10 leading-tight\">Your vision, <span class=\"italic serif font-serif\">engineered.<\/span><\/h2>\r\n <p class=\"text-xl text-zinc-400 font-light mb-12\">We are currently accepting a limited number of new commissions for 2025.<\/p>\r\n <a href=\"mailto:hello@archix.studio\" class=\"inline-block px-12 py-6 bg-gold text-white text-xs uppercase tracking-widest font-bold rounded-full hover:scale-105 transition-transform\">\r\n Start a Conversation\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"py-12 bg-zinc-950 border-t border-zinc-900\">\r\n <div class=\"max-w-7xl mx-auto px-8 flex flex-col md:flex-row justify-between items-center text-xs uppercase tracking-[0.2em]\">\r\n <p class=\"text-zinc-600\">© 2024 Archix International Studio<\/p>\r\n <div class=\"flex gap-10 mt-6 md:mt-0 text-zinc-500\">\r\n <a href=\"#\" class=\"hover:text-white\">Instagram<\/a>\r\n <a href=\"#\" class=\"hover:text-white\">LinkedIn<\/a>\r\n <a href=\"#\" class=\"hover:text-white\">Legal<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n window.addEventListener('scroll', () => {\r\n const nav = document.getElementById('navbar');\r\n if (window.scrollY > 100) {\r\n nav.classList.add('bg-zinc-950\/80', 'backdrop-blur-xl', 'py-4', 'border-b', 'border-white\/5');\r\n nav.classList.remove('py-8');\r\n } else {\r\n nav.classList.remove('bg-zinc-950\/80', 'backdrop-blur-xl', 'py-4', 'border-b', 'border-white\/5');\r\n nav.classList.add('py-8');\r\n }\r\n });\r\n\r\n function scrollGallery(amount) {\r\n const container = document.getElementById('gallery-container');\r\n container.scrollBy({ left: amount, behavior: 'smooth' });\r\n }\r\n\r\n const menu = document.getElementById('mobile-menu');\r\n const toggle = document.getElementById('mobile-toggle');\r\n const close = document.getElementById('close-menu');\r\n\r\n toggle.addEventListener('click', () => {\r\n menu.classList.remove('opacity-0', 'pointer-events-none');\r\n menu.classList.add('opacity-100', 'pointer-events-auto');\r\n });\r\n\r\n close.addEventListener('click', () => {\r\n menu.classList.add('opacity-0', 'pointer-events-none');\r\n menu.classList.remove('opacity-100', 'pointer-events-auto');\r\n });\r\n\r\n document.querySelectorAll('#mobile-menu a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n menu.classList.add('opacity-0', 'pointer-events-none');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Archix | High-End Architectural Studio ARCHIX Home Studio Expertise Concepts Works Contact × Home Studio Expertise Concepts Works Established MMXXIV Spaces that Breathe. Archix is a boutique design firm specializing in minimalist luxury and sustainable urban development. View Projects The Studio We define the modern edge of architecture. Our philosophy is simple: architecture should be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Archix | High-End Architectural Studio<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: { sans: ['\"Plus Jakarta Sans\"', 'sans-serif'] },\r\n colors: {\r\n gold: '#C5A059',\r\n zinc: { 950: '#09090b', 900: '#121214', 800: '#1c1c1f' }\r\n },\r\n animation: {\r\n 'ken-burns': 'kenburns 20s ease infinite alternate',\r\n 'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n },\r\n keyframes: {\r\n kenburns: {\r\n '0%': { transform: 'scale(1)' },\r\n '100%': { transform: 'scale(1.15)' },\r\n },\r\n fadeInUp: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n .no-scrollbar::-webkit-scrollbar { display: none; }\r\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n \r\n \/* Custom scroll snap for the gallery *\/\r\n .snap-x { scroll-snap-type: x mandatory; }\r\n .snap-center { scroll-snap-align: center; }\r\n\r\n \/* Glassmorphism utility *\/\r\n .glass {\r\n background: rgba(255, 255, 255, 0.03);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .text-outline {\r\n -webkit-text-stroke: 1px rgba(255,255,255,0.1);\r\n color: transparent;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-zinc-950 text-zinc-400 font-sans selection:bg-gold selection:text-black\">\r\n\r\n \r\n <nav id=\"navbar\" class=\"fixed top-0 w-full z-50 transition-all duration-500 py-8\">\r\n <div class=\"max-w-7xl mx-auto px-8 flex justify-between items-center\">\r\n <a href=\"#\" class=\"text-2xl font-bold tracking-tighter text-white\">\r\n ARCHI<span class=\"text-gold\">X<\/span>\r\n <\/a>\r\n \r\n <div class=\"hidden md:flex items-center space-x-10 text-[11px] uppercase tracking-[0.3em] font-medium text-zinc-400\">\r\n <a href=\"#home\" class=\"hover:text-white transition-colors\">Home<\/a>\r\n <a href=\"#about\" class=\"hover:text-white transition-colors\">Studio<\/a>\r\n <a href=\"#services\" class=\"hover:text-white transition-colors\">Expertise<\/a>\r\n <a href=\"#designs\" class=\"hover:text-white transition-colors\">Concepts<\/a>\r\n <a href=\"#projects\" class=\"hover:text-white transition-colors\">Works<\/a>\r\n <a href=\"#contact\" class=\"px-5 py-2.5 border border-zinc-800 hover:border-white hover:text-white transition-all rounded-full\">Contact<\/a>\r\n <\/div>\r\n\r\n <button id=\"mobile-toggle\" class=\"md:hidden text-white\">\r\n <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M4 8h16M4 16h16\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-zinc-950 z-[60] flex flex-col items-center justify-center space-y-8 opacity-0 pointer-events-none transition-opacity duration-300\">\r\n <button id=\"close-menu\" class=\"absolute top-10 right-10 text-white text-4xl\">×<\/button>\r\n <a href=\"#home\" class=\"text-3xl text-white font-light\">Home<\/a>\r\n <a href=\"#about\" class=\"text-3xl text-white font-light\">Studio<\/a>\r\n <a href=\"#services\" class=\"text-3xl text-white font-light\">Expertise<\/a>\r\n <a href=\"#designs\" class=\"text-3xl text-white font-light\">Concepts<\/a>\r\n <a href=\"#projects\" class=\"text-3xl text-white font-light\">Works<\/a>\r\n <\/div>\r\n\r\n \r\n <section id=\"home\" class=\"relative h-screen flex items-center justify-center overflow-hidden\">\r\n <div class=\"absolute inset-0 overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/Archix-VD-Fallback.jpg\" \r\n class=\"w-full h-full object-cover animate-ken-burns scale-110\" \r\n alt=\"Architectural Feature\">\r\n <div class=\"absolute inset-0 bg-gradient-to-b from-zinc-950\/80 via-zinc-950\/40 to-zinc-950\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"relative z-10 text-center px-6 animate-fade-in-up\">\r\n <span class=\"text-gold uppercase tracking-[0.5em] text-xs font-semibold mb-6 block\">Established MMXXIV<\/span>\r\n <h1 class=\"text-5xl md:text-8xl font-light text-white leading-tight mb-8\">\r\n Spaces that <br\/> <span class=\"italic font-serif\">Breathe.<\/span>\r\n <\/h1>\r\n <p class=\"text-zinc-400 max-w-xl mx-auto text-lg font-light mb-10 leading-relaxed\">\r\n Archix is a boutique design firm specializing in minimalist luxury and sustainable urban development.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row gap-5 justify-center\">\r\n <a href=\"#projects\" class=\"bg-white text-black px-10 py-4 rounded-full text-xs uppercase tracking-widest font-bold hover:bg-gold hover:text-white transition-all duration-300\">View Projects<\/a>\r\n <a href=\"#about\" class=\"glass text-white px-10 py-4 rounded-full text-xs uppercase tracking-widest font-bold hover:bg-white\/10 transition-all border border-white\/10\">The Studio<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-10 left-1\/2 -translate-x-1\/2 flex flex-col items-center gap-3\">\r\n <div class=\"w-[1px] h-12 bg-gradient-to-b from-transparent to-gold\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"py-32 bg-zinc-950\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-24 items-center\">\r\n <div class=\"grid grid-cols-2 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/modern-architecture-of-office-reception.jpg\" class=\"w-full h-80 object-cover rounded-2xl mt-12\" alt=\"Office\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/architecture-8.jpg\" class=\"w-full h-80 object-cover rounded-2xl\" alt=\"Exterior\">\r\n <\/div>\r\n <div>\r\n <h2 class=\"text-4xl md:text-5xl font-light text-white mb-8 leading-tight\">We define the <span class=\"text-gold\">modern edge<\/span> of architecture.<\/h2>\r\n <p class=\"text-lg font-light leading-relaxed mb-8\">\r\n Our philosophy is simple: architecture should be a dialogue between the environment and its inhabitants. We remove the noise, focusing on light, material, and geometry.\r\n <\/p>\r\n <div class=\"grid grid-cols-2 gap-8 border-t border-zinc-900 pt-8\">\r\n <div>\r\n <span class=\"text-white text-3xl font-light\">120+<\/span>\r\n <p class=\"text-xs uppercase tracking-widest mt-2 text-zinc-500\">Global Awards<\/p>\r\n <\/div>\r\n <div>\r\n <span class=\"text-white text-3xl font-light\">15yrs<\/span>\r\n <p class=\"text-xs uppercase tracking-widest mt-2 text-zinc-500\">Innovation<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"py-32 bg-zinc-900\/50\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-20\">\r\n <div class=\"max-w-2xl\">\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block\">Expertise<\/span>\r\n <h2 class=\"text-4xl md:text-5xl text-white font-light\">Comprehensive Design Solutions<\/h2>\r\n <\/div>\r\n <p class=\"text-zinc-500 max-w-xs mt-6 md:mt-0 text-sm leading-relaxed\">From blueprint to reality, we manage every facet of the spatial experience.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-3 gap-1\">\r\n <div class=\"p-12 bg-zinc-900 border border-zinc-800 hover:border-gold transition-colors group\">\r\n <div class=\"w-12 h-12 mb-8 text-gold\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-xl text-white mb-4 font-light\">Urban Planning<\/h4>\r\n <p class=\"text-sm leading-relaxed text-zinc-500 group-hover:text-zinc-300 transition-colors\">Large-scale developments that harmonize with the existing urban fabric.<\/p>\r\n <\/div>\r\n <div class=\"p-12 bg-zinc-900 border border-zinc-800 hover:border-gold transition-colors group\">\r\n <div class=\"w-12 h-12 mb-8 text-gold\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-xl text-white mb-4 font-light\">Residential Design<\/h4>\r\n <p class=\"text-sm leading-relaxed text-zinc-500 group-hover:text-zinc-300 transition-colors\">Bespoke living spaces tailored to the unique rhythms of personal life.<\/p>\r\n <\/div>\r\n <div class=\"p-12 bg-zinc-900 border border-zinc-800 hover:border-gold transition-colors group\">\r\n <div class=\"w-12 h-12 mb-8 text-gold\">\r\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/div>\r\n <h4 class=\"text-xl text-white mb-4 font-light\">Interior Architecture<\/h4>\r\n <p class=\"text-sm leading-relaxed text-zinc-500 group-hover:text-zinc-300 transition-colors\">Curated materials and lighting that define the soul of a building.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 bg-zinc-950 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block text-center\">How we work<\/span>\r\n <h2 class=\"text-4xl md:text-5xl text-white font-light text-center mb-24\">Our Strategic Process<\/h2>\r\n \r\n <div class=\"relative\">\r\n <div class=\"absolute top-0 left-0 w-full h-full flex items-center justify-center opacity-[0.03] select-none pointer-events-none\">\r\n <span class=\"text-[20vw] font-bold uppercase tracking-tighter\">PROCESS<\/span>\r\n <\/div>\r\n \r\n <div class=\"grid md:grid-cols-4 gap-12 relative z-10\">\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">01<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Discovery<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Understanding the site, context, and client aspirations.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">02<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Concept<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Sketching the soul of the project through form and light.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">03<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Refinement<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Technical precision meets aesthetic perfection.<\/p>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <span class=\"text-outline text-7xl font-bold block mb-4\">04<\/span>\r\n <h5 class=\"text-white text-lg mb-2\">Execution<\/h5>\r\n <p class=\"text-xs text-zinc-500 leading-relaxed\">Overseeing construction to ensure absolute quality.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"designs\" class=\"py-32 bg-zinc-900 overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-8 mb-16 flex justify-between items-end\">\r\n <div>\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block\">Design Concepts<\/span>\r\n <h2 class=\"text-4xl text-white font-light\">Visual Explorations<\/h2>\r\n <\/div>\r\n <div class=\"flex gap-4\">\r\n <button onclick=\"scrollGallery(-400)\" class=\"p-4 border border-zinc-800 rounded-full hover:border-white text-white transition-all\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M15 19l-7-7 7-7\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/button>\r\n <button onclick=\"scrollGallery(400)\" class=\"p-4 border border-zinc-800 rounded-full hover:border-white text-white transition-all\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\" stroke-width=\"1.5\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"gallery-container\" class=\"flex gap-8 px-8 overflow-x-auto snap-x no-scrollbar pb-10\">\r\n \r\n <div class=\"min-w-[300px] md:min-w-[450px] aspect-[4\/5] snap-center overflow-hidden rounded-3xl relative group\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/mesmerizing-architecture-of-the-ceiling-of-mosque-cathedral-of-cordoba-in-spain.jpg\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-700\" alt=\"Detail 1\">\r\n <div class=\"absolute inset-0 bg-black\/40 p-10 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity\">\r\n <h4 class=\"text-white text-xl font-light\">Geometrical Mastery<\/h4>\r\n <p class=\"text-gold text-sm uppercase tracking-widest mt-2\">Study #042<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"min-w-[300px] md:min-w-[450px] aspect-[4\/5] snap-center overflow-hidden rounded-3xl relative group\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/modern-buildings-in-gae-aulenti-square-milan.jpg\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-700\" alt=\"Detail 2\">\r\n <div class=\"absolute inset-0 bg-black\/40 p-10 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity\">\r\n <h4 class=\"text-white text-xl font-light\">Vertical Fluidity<\/h4>\r\n <p class=\"text-gold text-sm uppercase tracking-widest mt-2\">Study #089<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"min-w-[300px] md:min-w-[450px] aspect-[4\/5] snap-center overflow-hidden rounded-3xl relative group\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/arches-architecture-mystery-museum-light-history.jpg\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-700\" alt=\"Detail 3\">\r\n <div class=\"absolute inset-0 bg-black\/40 p-10 flex flex-col justify-end opacity-0 group-hover:opacity-100 transition-opacity\">\r\n <h4 class=\"text-white text-xl font-light\">Shadow Rituals<\/h4>\r\n <p class=\"text-gold text-sm uppercase tracking-widest mt-2\">Study #101<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"projects\" class=\"py-32 bg-zinc-950\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"text-center mb-24\">\r\n <span class=\"text-gold uppercase tracking-[0.4em] text-[10px] font-bold mb-4 block\">Portfolio<\/span>\r\n <h2 class=\"text-4xl md:text-6xl text-white font-light\">Iconic Commissions<\/h2>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-12\">\r\n \r\n <div class=\"group\">\r\n <div class=\"aspect-video overflow-hidden rounded-2xl mb-6 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/modern-architecture-of-valencia-1.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000\" alt=\"Project\">\r\n <div class=\"absolute inset-0 bg-zinc-950\/20 group-hover:bg-transparent transition-all\"><\/div>\r\n <\/div>\r\n <div class=\"flex justify-between items-start\">\r\n <div>\r\n <h3 class=\"text-2xl text-white font-light\">The Valencia Axis<\/h3>\r\n <p class=\"text-zinc-500 text-sm mt-1 uppercase tracking-widest\">Public Space \/ 2023<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"text-white p-3 border border-zinc-800 rounded-full group-hover:bg-white group-hover:text-black transition-all\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17 8l4 4m0 0l-4 4m4-4H3\" stroke-width=\"2\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"group mt-0 md:mt-24\">\r\n <div class=\"aspect-video overflow-hidden rounded-2xl mb-6 relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.archix.oxacor.com\/wp-content\/uploads\/condo-loft-3.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-1000\" alt=\"Project\">\r\n <div class=\"absolute inset-0 bg-zinc-950\/20 group-hover:bg-transparent transition-all\"><\/div>\r\n <\/div>\r\n <div class=\"flex justify-between items-start\">\r\n <div>\r\n <h3 class=\"text-2xl text-white font-light\">Skyline Residence<\/h3>\r\n <p class=\"text-zinc-500 text-sm mt-1 uppercase tracking-widest\">Interior \/ 2024<\/p>\r\n <\/div>\r\n <a href=\"#\" class=\"text-white p-3 border border-zinc-800 rounded-full group-hover:bg-white group-hover:text-black transition-all\">\r\n <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17 8l4 4m0 0l-4 4m4-4H3\" stroke-width=\"2\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 bg-zinc-900\">\r\n <div class=\"max-w-5xl mx-auto px-8\">\r\n <div class=\"relative\">\r\n <div class=\"text-6xl font-serif text-gold opacity-20 absolute -top-10 -left-10\">\u201c<\/div>\r\n <div class=\"text-center\">\r\n <p class=\"text-2xl md:text-3xl font-light text-white leading-relaxed mb-12 italic\">\r\n Archix didn't just build us a headquarters; they created a landmark that redefined our corporate culture. Their attention to lighting and spatial flow is simply unparalleled in the industry.\r\n <\/p>\r\n <div class=\"flex items-center justify-center gap-4\">\r\n <div class=\"w-12 h-[1px] bg-gold\"><\/div>\r\n <div>\r\n <h6 class=\"text-white text-sm uppercase tracking-widest font-bold\">Jonathan Vance<\/h6>\r\n <p class=\"text-xs text-zinc-500 mt-1 uppercase tracking-tighter\">CEO, Nexa Global<\/p>\r\n <\/div>\r\n <div class=\"w-12 h-[1px] bg-gold\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section class=\"py-32 bg-zinc-950\">\r\n <div class=\"max-w-7xl mx-auto px-8\">\r\n <div class=\"grid lg:grid-cols-2 gap-24 items-center\">\r\n <div>\r\n <span class=\"text-gold uppercase tracking-[0.3em] text-[10px] font-bold mb-3 block\">Global Presence<\/span>\r\n <h2 class=\"text-4xl text-white font-light mb-8\">Architecting the world's most vibrant cities.<\/h2>\r\n <ul class=\"space-y-6\">\r\n <li class=\"flex items-center gap-4 border-b border-zinc-900 pb-4\">\r\n <span class=\"text-gold text-lg\">01<\/span>\r\n <span class=\"text-white font-light tracking-widest\">NEW YORK<\/span>\r\n <span class=\"ml-auto text-xs text-zinc-600\">Main Studio<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-4 border-b border-zinc-900 pb-4\">\r\n <span class=\"text-gold text-lg\">02<\/span>\r\n <span class=\"text-white font-light tracking-widest\">MILAN<\/span>\r\n <span class=\"ml-auto text-xs text-zinc-600\">Design Hub<\/span>\r\n <\/li>\r\n <li class=\"flex items-center gap-4 border-b border-zinc-900 pb-4\">\r\n <span class=\"text-gold text-lg\">03<\/span>\r\n <span class=\"text-white font-light tracking-widest\">TOKYO<\/span>\r\n <span class=\"ml-auto text-xs text-zinc-600\">Tech Lab<\/span>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"relative\">\r\n <div class=\"aspect-square bg-zinc-900 rounded-full flex items-center justify-center border border-zinc-800\">\r\n <div class=\"text-center\">\r\n <h3 class=\"text-white text-6xl font-light mb-2\">14<\/h3>\r\n <p class=\"text-gold text-xs uppercase tracking-widest\">Countries Reached<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"absolute top-10 right-10 w-3 h-3 bg-gold rounded-full animate-pulse\"><\/div>\r\n <div class=\"absolute bottom-20 left-10 w-2 h-2 bg-white\/20 rounded-full\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"py-32 bg-zinc-900\">\r\n <div class=\"max-w-4xl mx-auto px-8 text-center\">\r\n <h2 class=\"text-5xl md:text-7xl font-light text-white mb-10 leading-tight\">Your vision, <span class=\"italic serif font-serif\">engineered.<\/span><\/h2>\r\n <p class=\"text-xl text-zinc-400 font-light mb-12\">We are currently accepting a limited number of new commissions for 2025.<\/p>\r\n <a href=\"mailto:hello@archix.studio\" class=\"inline-block px-12 py-6 bg-gold text-white text-xs uppercase tracking-widest font-bold rounded-full hover:scale-105 transition-transform\">\r\n Start a Conversation\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"py-12 bg-zinc-950 border-t border-zinc-900\">\r\n <div class=\"max-w-7xl mx-auto px-8 flex flex-col md:flex-row justify-between items-center text-xs uppercase tracking-[0.2em]\">\r\n <p class=\"text-zinc-600\">© 2024 Archix International Studio<\/p>\r\n <div class=\"flex gap-10 mt-6 md:mt-0 text-zinc-500\">\r\n <a href=\"#\" class=\"hover:text-white\">Instagram<\/a>\r\n <a href=\"#\" class=\"hover:text-white\">LinkedIn<\/a>\r\n <a href=\"#\" class=\"hover:text-white\">Legal<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n window.addEventListener('scroll', () => {\r\n const nav = document.getElementById('navbar');\r\n if (window.scrollY > 100) {\r\n nav.classList.add('bg-zinc-950\/80', 'backdrop-blur-xl', 'py-4', 'border-b', 'border-white\/5');\r\n nav.classList.remove('py-8');\r\n } else {\r\n nav.classList.remove('bg-zinc-950\/80', 'backdrop-blur-xl', 'py-4', 'border-b', 'border-white\/5');\r\n nav.classList.add('py-8');\r\n }\r\n });\r\n\r\n function scrollGallery(amount) {\r\n const container = document.getElementById('gallery-container');\r\n container.scrollBy({ left: amount, behavior: 'smooth' });\r\n }\r\n\r\n const menu = document.getElementById('mobile-menu');\r\n const toggle = document.getElementById('mobile-toggle');\r\n const close = document.getElementById('close-menu');\r\n\r\n toggle.addEventListener('click', () => {\r\n menu.classList.remove('opacity-0', 'pointer-events-none');\r\n menu.classList.add('opacity-100', 'pointer-events-auto');\r\n });\r\n\r\n close.addEventListener('click', () => {\r\n menu.classList.add('opacity-0', 'pointer-events-none');\r\n menu.classList.remove('opacity-100', 'pointer-events-auto');\r\n });\r\n\r\n document.querySelectorAll('#mobile-menu a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n menu.classList.add('opacity-0', 'pointer-events-none');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Archix | High-End Architectural Studio ARCHIX Home Studio Expertise Concepts Works Contact × Home Studio Expertise Concepts Works Established MMXXIV Spaces that Breathe. Archix is a boutique design firm specializing in minimalist luxury and sustainable urban development. View Projects The Studio We define the modern edge of architecture. Our philosophy is simple: architecture should be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":4,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":14,"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/14"}],"wp:attachment":[{"href":"https:\/\/stage.aizanali.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}