/* ── INNER PAGE SHARED STYLES ──────────────────────── */

.inner-container { max-width:1200px; margin:0 auto; padding:0 60px; }
.inner-section { padding:100px 0; }

/* PAGE HERO */
.page-hero {
  position:relative;
  height:60vh;
  min-height:400px;
  display:flex;
  align-items:flex-end;
  padding-bottom:72px;
  overflow:hidden;
}
.page-hero-bg {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:brightness(0.3);
  transform:scale(1.04);
  animation:heroZoom 8s ease forwards;
}
@keyframes heroZoom { to { transform:scale(1); } }
.page-hero-overlay {
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(8,8,8,0.9) 0%, rgba(8,8,8,0.2) 100%);
}
.page-hero-content {
  position:relative;
  z-index:1;
  padding:0 60px;
}
.page-hero-title {
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2.8rem,6vw,5.5rem);
  font-weight:300;
  line-height:1.05;
  margin-top:16px;
}
.page-hero-title em { font-style:italic; color:var(--gold); }

/* ABOUT SPLIT */
.split-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.split-img { position:relative; }
.split-img img { width:100%; height:480px; object-fit:cover; display:block; }
.split-img-accent {
  position:absolute;
  bottom:-20px; right:-20px;
  width:120px; height:120px;
  border:1px solid var(--gold-line);
  z-index:-1;
}

/* VALUES */
.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; }
.value-card {
  padding:48px 36px;
  border:1px solid var(--border);
  background:var(--surface);
  transition:border-color var(--trans), background var(--trans);
  text-align:center;
}
.value-card:hover { border-color:var(--gold-line); background:var(--surface2); }
.value-icon { width:48px; height:48px; margin:0 auto 24px; }
.value-icon svg { width:100%; height:100%; }
.value-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.4rem; font-weight:400; margin-bottom:14px; }
.value-card p { font-size:0.85rem; color:var(--muted); line-height:1.8; }

/* TEAM */
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.team-card {
  display:grid;
  grid-template-columns:80px 1fr;
  gap:20px;
  padding:28px;
  border:1px solid var(--border);
  background:var(--surface);
  align-items:start;
  transition:border-color var(--trans);
}
.team-card:hover { border-color:var(--gold-line); }
.avatar-placeholder {
  width:80px; height:80px;
  background:var(--gold-dim);
  border:1px solid var(--gold-line);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;
  color:var(--gold);
}
.team-info h3 { font-family:'Cormorant Garamond',serif; font-size:1.2rem; font-weight:400; }
.team-role { font-size:0.65rem; letter-spacing:0.16em; text-transform:uppercase; color:var(--gold); display:block; margin:4px 0 10px; }
.team-info p { font-size:0.82rem; color:var(--muted); line-height:1.7; }

/* ── PROJECTS PAGE ──────────────────────────────────── */
.projects-filters {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:52px;
}
.filter-btn {
  padding:8px 24px;
  font-size:0.68rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  background:transparent;
  border:1px solid var(--border);
  color:var(--muted);
  cursor:none;
  transition:all var(--trans);
  font-family:'Jost',sans-serif;
}
.filter-btn:hover, .filter-btn.active {
  border-color:var(--gold);
  color:var(--text);
  background:var(--gold-dim);
}

.projects-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2px; }
.proj-card {
  position:relative;
  height:440px;
  overflow:hidden;
  background:var(--surface);
  cursor:none;
}
.proj-card.wide { grid-column:1/-1; height:520px; }
.proj-bg {
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transition:transform 0.9s ease, filter 0.6s ease;
  filter:brightness(0.55);
}
.proj-card:hover .proj-bg { transform:scale(1.06); filter:brightness(0.35); }
.proj-info {
  position:absolute;
  bottom:0; left:0; right:0;
  padding:32px;
  background:linear-gradient(to top, rgba(8,8,8,0.95), transparent);
}
.proj-meta { font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); margin-bottom:8px; font-family:'Jost',sans-serif; }
.proj-info h3 { font-family:'Cormorant Garamond',serif; font-size:1.7rem; font-weight:400; margin-bottom:8px; }
.proj-info p { font-size:0.82rem; color:var(--muted); }
.proj-year { position:absolute; top:24px; right:24px; font-size:0.68rem; color:var(--muted); letter-spacing:0.1em; }

/* ── SERVICES PAGE ──────────────────────────────────── */
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:52px; }
.svc-card {
  padding:48px 36px;
  border:1px solid var(--border);
  background:var(--surface);
  position:relative;
  overflow:hidden;
  transition:border-color var(--trans), background var(--trans);
}
.svc-card::after {
  content:'';
  position:absolute;
  inset:0;
  background:var(--gold-dim);
  opacity:0;
  transition:opacity var(--trans);
}
.svc-card:hover { border-color:var(--gold); background:var(--surface2); }
.svc-card:hover::after { opacity:1; }
.svc-num {
  font-family:'Cormorant Garamond',serif;
  font-size:4rem;
  font-weight:300;
  color:var(--border);
  line-height:1;
  margin-bottom:28px;
  transition:color var(--trans);
}
.svc-card:hover .svc-num { color:rgba(200,169,110,0.25); }
.svc-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.5rem; font-weight:400; margin-bottom:16px; position:relative; z-index:1; }
.svc-card p { font-size:0.85rem; color:var(--muted); line-height:1.8; position:relative; z-index:1; }
.svc-card ul { list-style:none; margin-top:20px; position:relative; z-index:1; }
.svc-card ul li {
  font-size:0.82rem;
  color:var(--muted);
  padding:6px 0;
  border-bottom:1px solid var(--border);
  display:flex;
  align-items:center;
  gap:10px;
}
.svc-card ul li::before { content:'→'; color:var(--gold); font-size:0.75rem; }

/* ── CONTACT PAGE ───────────────────────────────────── */
.contact-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; align-items:start; }
.contact-info h2 { font-family:'Cormorant Garamond',serif; font-size:2.8rem; font-weight:300; margin-top:16px; }
.contact-info h2 em { font-style:italic; color:var(--gold); }
.contact-details { margin-top:40px; display:flex; flex-direction:column; gap:24px; }
.contact-item { display:flex; flex-direction:column; gap:4px; }
.contact-label { font-size:0.62rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); font-family:'Jost',sans-serif; }
.contact-value { font-size:0.95rem; color:var(--text); }
.contact-value a { color:var(--text); text-decoration:none; transition:color var(--trans); }
.contact-value a:hover { color:var(--gold); }

/* FORM */
.contact-form { display:flex; flex-direction:column; gap:24px; }
.form-group { display:flex; flex-direction:column; gap:8px; }
.form-group label { font-size:0.65rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); font-family:'Jost',sans-serif; }
.form-group input,
.form-group select,
.form-group textarea {
  background:var(--surface);
  border:none;
  border-bottom:1px solid var(--border);
  color:var(--text);
  padding:14px 0;
  font-family:'Jost',sans-serif;
  font-size:0.95rem;
  font-weight:300;
  outline:none;
  transition:border-color var(--trans);
  appearance:none;
  -webkit-appearance:none;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus { border-bottom-color:var(--gold); }
.form-group textarea { resize:vertical; min-height:120px; }
.form-group select { cursor:none; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; }

/* RESPONSIVE INNER */
@media(max-width:900px){
  .inner-container { padding:0 24px; }
  .page-hero-content { padding:0 24px; }
  .split-grid { grid-template-columns:1fr; gap:40px; }
  .values-grid { grid-template-columns:1fr; }
  .team-grid { grid-template-columns:1fr; }
  .projects-grid { grid-template-columns:1fr; }
  .proj-card.wide { grid-column:1; height:360px; }
  .services-grid { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; gap:48px; }
  .inner-section { padding:72px 0; }
  .form-row { grid-template-columns:1fr; }
}