/* Overlapping Sections & Parallax Architecture Layout */
:root{--dark:#1A1A1A;--light:#FAFAFA;--gray:#888;--accent:#D4AF37;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--light);color:var(--dark);overflow-x:hidden;}

/* Header Overlay */
.header-overlay{position:fixed;top:0;left:0;right:0;padding:30px 60px;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:rgba(255,255,255,0);transition:background 0.3s;}
.header-overlay.scrolled{background:rgba(255,255,255,0.98);box-shadow:0 2px 20px rgba(0,0,0,0.05);}
.header-logo{font-size:2rem;font-weight:900;letter-spacing:-2px;color:#fff;transition:color 0.3s;}
.header-overlay.scrolled .header-logo{color:var(--dark);}
.header-nav{display:flex;gap:50px;}
.header-nav a{text-decoration:none;color:#fff;font-weight:600;transition:color 0.3s;}
.header-overlay.scrolled .header-nav a{color:var(--dark);}
.header-nav a:hover{color:var(--accent);}

/* Hero Parallax */
.hero-parallax{height:100vh;position:relative;overflow:hidden;}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center;will-change:transform;}
.hero-overlay{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);color:#fff;text-align:center;z-index:2;}
.hero-title{font-size:5.5rem;line-height:1.1;margin-bottom:20px;font-weight:300;letter-spacing:-2px;}
.hero-tagline{font-size:1.2rem;letter-spacing:4px;text-transform:uppercase;opacity:0.9;}
.scroll-down{position:absolute;bottom:40px;font-size:1rem;opacity:0.8;animation:float 2s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

/* Intro Overlap */
.intro-overlap{padding:0 60px;margin-top:-150px;position:relative;z-index:10;}
.intro-card{background:#fff;max-width:1200px;margin:0 auto;padding:80px;box-shadow:0 30px 80px rgba(0,0,0,0.15);border-radius:4px;}
.intro-label{display:block;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:0.85rem;margin-bottom:20px;}
.intro-content h2{font-size:3rem;line-height:1.3;margin-bottom:30px;font-weight:300;}
.intro-content p{font-size:1.2rem;line-height:1.8;color:var(--gray);margin-bottom:40px;}
.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:40px;border-top:1px solid #E5E5E5;}
.stat{text-align:center;}
.stat strong{display:block;font-size:3rem;color:var(--accent);margin-bottom:8px;}
.stat span{color:var(--gray);font-size:0.95rem;text-transform:uppercase;letter-spacing:1px;}

/* Projects Section - Stacked Cards */
.projects-section{padding:150px 60px;background:var(--light);}
.section-heading{text-align:center;margin-bottom:100px;}
.section-label{display:block;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:0.85rem;margin-bottom:15px;}
.section-heading h2{font-size:4rem;font-weight:300;}
.project-stack{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:120px;}
.project-card{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;opacity:0;transform:translateY(50px);transition:opacity 0.8s ease,transform 0.8s ease;}
.project-card.visible{opacity:1;transform:translateY(0);}
.project-card[data-index="2"],.project-card[data-index="4"]{grid-template-columns:1fr 1.2fr;}
.project-card[data-index="2"] .project-visual,.project-card[data-index="4"] .project-visual{order:2;}
.project-visual{border-radius:4px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.15);}
.project-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s ease;}
.project-card:hover .project-visual img{transform:scale(1.05);}
.project-meta{display:flex;gap:20px;margin-bottom:15px;}
.project-category{padding:6px 16px;background:var(--dark);color:#fff;font-size:0.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;}
.project-year{padding:6px 16px;background:#E5E5E5;color:var(--dark);font-size:0.75rem;font-weight:700;}
.project-title{font-size:2.5rem;margin-bottom:20px;font-weight:300;}
.project-description{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:30px;}
.project-details{display:flex;flex-direction:column;gap:10px;margin-bottom:30px;padding:20px 0;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.detail{font-size:0.95rem;color:var(--gray);}
.detail strong{color:var(--dark);margin-right:10px;}
.project-link{display:inline-flex;align-items:center;gap:8px;color:var(--dark);text-decoration:none;font-weight:700;border-bottom:2px solid var(--accent);padding-bottom:4px;transition:color 0.3s;}
.project-link:hover{color:var(--accent);}

/* Philosophy Parallax */
.philosophy-parallax{height:80vh;position:relative;overflow:hidden;margin:100px 0;}
.philosophy-bg{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center;will-change:transform;}
.philosophy-overlay{position:relative;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.7);color:#fff;z-index:2;}
.philosophy-content{max-width:1200px;padding:0 60px;}
.philosophy-content h2{font-size:4rem;margin-bottom:60px;font-weight:300;text-align:center;}
.philosophy-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;}
.principle{display:flex;gap:20px;}
.principle-icon{font-size:2rem;color:var(--accent);flex-shrink:0;}
.principle h4{font-size:1.5rem;margin-bottom:10px;font-weight:400;}
.principle p{line-height:1.8;opacity:0.95;}

/* Studio Section */
.studio-section{padding:150px 60px;background:#fff;}
.studio-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;}
.studio-image{border-radius:4px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.15);}
.studio-image img{width:100%;height:100%;object-fit:cover;display:block;}
.studio-content h2{font-size:3.5rem;margin-bottom:30px;font-weight:300;line-height:1.2;}
.studio-content p{font-size:1.1rem;line-height:1.8;color:var(--gray);margin-bottom:25px;}
.team-highlights{display:flex;gap:50px;margin:40px 0;padding:30px 0;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
.highlight{text-align:center;}
.highlight strong{display:block;font-size:2.5rem;color:var(--accent);margin-bottom:8px;}
.highlight span{color:var(--gray);font-size:0.9rem;text-transform:uppercase;}
.btn-studio{display:inline-block;margin-top:30px;padding:16px 40px;background:var(--dark);color:#fff;text-decoration:none;font-weight:700;transition:background 0.3s;}
.btn-studio:hover{background:var(--accent);}

/* Contact Section */
.contact-section{padding:100px 60px;background:var(--dark);color:#fff;}
.contact-wrapper{max-width:1400px;margin:0 auto;}
.contact-header{text-align:center;margin-bottom:80px;}
.contact-header h2{font-size:4.5rem;font-weight:300;margin-bottom:20px;line-height:1.2;}
.contact-header p{font-size:1.3rem;opacity:0.8;}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;}
.contact-col h3{font-size:1.8rem;margin-bottom:40px;font-weight:400;}
.contact-form-arch{display:flex;flex-direction:column;gap:30px;}
.input-wrapper{position:relative;}
.input-wrapper input,.input-wrapper textarea{width:100%;padding:16px 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;font-size:1rem;font-family:inherit;transition:border-color 0.3s;}
.input-wrapper input:focus,.input-wrapper textarea:focus{outline:none;border-color:var(--accent);}
.input-wrapper label{position:absolute;left:0;top:16px;color:rgba(255,255,255,0.5);transition:all 0.3s;pointer-events:none;}
.input-wrapper input:focus~label,.input-wrapper input:not(:placeholder-shown)~label,.input-wrapper textarea:focus~label,.input-wrapper textarea:not(:placeholder-shown)~label{top:-20px;font-size:0.85rem;color:var(--accent);}
.contact-form-arch button{padding:18px;background:var(--accent);color:var(--dark);border:none;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background 0.3s;}
.contact-form-arch button:hover{background:#fff;}
.contact-info-block p{margin-bottom:30px;line-height:1.8;opacity:0.9;}
.contact-info-block strong{display:block;margin-bottom:8px;color:var(--accent);}
.contact-info-block a{color:#fff;text-decoration:none;}
.contact-info-block a:hover{text-decoration:underline;}

/* Footer */
.footer-arch{background:#000;color:#fff;padding:80px 60px 40px;}
.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr;gap:100px;margin-bottom:60px;}
.footer-logo{font-size:2.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:20px;}
.footer-brand p{opacity:0.7;line-height:1.8;}
.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.footer-col h4{margin-bottom:20px;font-weight:400;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:12px;}
.footer-col a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s;}
.footer-col a:hover{color:var(--accent);}
.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1);opacity:0.5;}

@media (max-width:1024px){
.hero-title{font-size:4rem;}
.project-card{grid-template-columns:1fr!important;}
.project-card .project-visual{order:1!important;}
.philosophy-principles{grid-template-columns:1fr;}
.studio-grid{grid-template-columns:1fr;}
.contact-grid{grid-template-columns:1fr;}
.footer-container{grid-template-columns:1fr;}
}

@media (max-width:768px){
.header-nav{display:none;}
.hero-title{font-size:2.5rem;}
.intro-card{padding:40px 30px;}
.intro-stats{grid-template-columns:1fr;}
.section-heading h2{font-size:2.5rem;}
.project-title{font-size:2rem;}
.team-highlights{flex-direction:column;gap:30px;}
.footer-links-grid{grid-template-columns:1fr;}
}