/* ─── SITEMHAZIR GLOBAL STYLES ─── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --ink:    #0c0d0f;
  --ink2:   #131416;
  --ink3:   #1a1c1f;
  --ink4:   #222426;
  --gold:   #b8966a;
  --gold2:  #d4b48a;
  --paper:  #f2ede7;
  --muted:  #7a7872;
  --border: rgba(184,150,106,.18);
  --border2: rgba(255,255,255,.07);
  --serif:  'Cormorant Garamond', Georgia, serif;
  --sans:   'Outfit', sans-serif;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body { font-family:var(--sans); background:var(--ink); color:var(--paper); overflow-x:hidden; line-height:1.6; min-height:100vh; }

/* Grain */
body::after { content:''; position:fixed; inset:0; pointer-events:none; z-index:9999; opacity:.022; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E"); }

::-webkit-scrollbar { width:4px; }
::-webkit-scrollbar-track { background:var(--ink); }
::-webkit-scrollbar-thumb { background:var(--gold); }

/* ─── NAV ─── */
nav {
  position:fixed; top:0; left:0; right:0; z-index:500;
  height:72px; display:flex; align-items:center; justify-content:space-between;
  padding:0 6%;
  background:rgba(12,13,15,0);
  border-bottom:1px solid transparent;
  transition:background .4s, border-color .4s;
}
nav.scrolled { background:rgba(12,13,15,.95); border-bottom-color:var(--border); backdrop-filter:blur(16px); }
nav.solid { background:rgba(12,13,15,.97); border-bottom-color:var(--border); }
.nav-logo { font-family:var(--serif); font-size:1.45rem; font-weight:600; letter-spacing:.04em; color:var(--paper); text-decoration:none; }
.nav-logo em { font-style:normal; color:var(--gold); }
.nav-menu { display:flex; align-items:center; gap:2.6rem; list-style:none; }
.nav-menu a { font-size:.78rem; font-weight:400; letter-spacing:.1em; text-transform:uppercase; color:rgba(242,237,231,.5); text-decoration:none; transition:color .25s; white-space:nowrap; }
.nav-menu a:hover, .nav-menu a.active { color:var(--gold); }
.nav-btn { font-size:.75rem !important; font-weight:600 !important; color:var(--ink) !important; background:var(--gold); padding:.5rem 1.4rem; border-radius:2px; transition:background .25s !important; }
.nav-btn:hover { background:var(--gold2) !important; color:var(--ink) !important; }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.hamburger span { display:block; width:24px; height:1.5px; background:var(--paper); transition:.3s; }

/* ─── MOB MENU ─── */
.mob-menu { display:none; position:fixed; inset:0; z-index:490; background:rgba(8,9,11,.97); flex-direction:column; align-items:center; justify-content:center; gap:2rem; backdrop-filter:blur(12px); }
.mob-menu.open { display:flex; }
.mob-menu a { font-family:var(--serif); font-size:2rem; font-weight:300; color:var(--paper); text-decoration:none; transition:color .25s; }
.mob-menu a:hover { color:var(--gold); }
.mob-close { position:absolute; top:1.8rem; right:6%; font-size:.75rem; font-weight:500; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; color:var(--muted); background:none; border:none; font-family:var(--sans); }

/* ─── PAGE HEADER ─── */
.page-hero {
  min-height:42vh; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end;
  padding:0 6% 4rem; position:relative; overflow:hidden;
  border-bottom:1px solid var(--border2);
}
.page-hero-bg { position:absolute; inset:0; background:var(--ink2); }
.page-hero-grid { position:absolute; inset:0; background-image:linear-gradient(var(--border2) 1px,transparent 1px),linear-gradient(90deg,var(--border2) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,transparent,black 40%,black 70%,transparent); }
.page-hero-glow { position:absolute; inset:0; background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(184,150,106,.06),transparent 70%); }
.page-hero-content { position:relative; z-index:2; }
.ph-eyebrow { display:flex; align-items:center; gap:.9rem; margin-bottom:1.2rem; }
.ph-line { width:28px; height:1px; background:var(--gold); flex-shrink:0; }
.ph-tag { font-size:.7rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); }
.ph-title { font-family:var(--serif); font-size:clamp(2.8rem,5.5vw,5rem); font-weight:300; line-height:1.05; color:var(--paper); }
.ph-title strong { font-weight:600; }
.ph-title em { font-style:italic; color:var(--gold); }
.ph-sub { font-size:1rem; font-weight:300; color:var(--muted); max-width:500px; margin-top:1rem; line-height:1.75; }

/* ─── SECTION COMMONS ─── */
.section { padding:90px 6%; }
.section-alt { background:var(--ink2); }
.section-alt2 { background:var(--ink3); }

.s-eyebrow { display:flex; align-items:center; gap:.9rem; margin-bottom:1.2rem; }
.s-line { width:28px; height:1px; background:var(--gold); flex-shrink:0; }
.s-tag { font-size:.7rem; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); }

h2 { font-family:var(--serif); font-size:clamp(2rem,3.5vw,3rem); font-weight:300; line-height:1.1; color:var(--paper); margin-bottom:1rem; }
h2 strong { font-weight:600; }
h2 em { font-style:italic; color:var(--gold); font-weight:300; }
.s-lead { font-size:.93rem; font-weight:300; color:var(--muted); line-height:1.8; max-width:480px; }

.split-header { display:flex; justify-content:space-between; align-items:flex-end; gap:3rem; margin-bottom:4rem; flex-wrap:wrap; }

/* ─── BUTTONS ─── */
.btn-gold {
  display:inline-flex; align-items:center; gap:.75rem;
  background:var(--gold); color:var(--ink);
  padding:.8rem 2rem; border-radius:2px;
  font-size:.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  transition:background .25s, box-shadow .25s;
}
.btn-gold:hover { background:var(--gold2); box-shadow:0 8px 28px rgba(184,150,106,.22); }
.btn-gold svg { width:14px; height:14px; stroke:var(--ink); fill:none; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s; }
.btn-gold:hover svg { transform:translateX(3px); }
.btn-outline {
  display:inline-flex; align-items:center; gap:.75rem;
  border:1px solid var(--border); color:var(--paper);
  padding:.78rem 1.8rem; border-radius:2px;
  font-size:.78rem; font-weight:400; letter-spacing:.08em; text-transform:uppercase; text-decoration:none;
  transition:border-color .25s, color .25s, background .25s;
}
.btn-outline:hover { border-color:var(--gold); color:var(--gold); background:rgba(184,150,106,.05); }

/* ─── FOOTER ─── */
footer { background:#070809; border-top:1px solid var(--border2); padding:56px 6% 28px; }
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:4rem; padding-bottom:3rem; border-bottom:1px solid var(--border2); margin-bottom:1.8rem; }
.footer-logo { font-family:var(--serif); font-size:1.35rem; font-weight:600; color:var(--paper); text-decoration:none; display:block; margin-bottom:.9rem; }
.footer-logo em { font-style:normal; color:var(--gold); }
.footer-brand p { font-size:.8rem; font-weight:300; color:rgba(242,237,231,.3); line-height:1.75; margin-bottom:1.5rem; max-width:240px; }
.footer-socials { display:flex; gap:.55rem; }
.fs { width:34px; height:34px; border:1px solid var(--border2); display:flex; align-items:center; justify-content:center; text-decoration:none; transition:border-color .25s, background .25s; }
.fs:hover { border-color:var(--border); background:rgba(184,150,106,.07); }
.fs svg { width:14px; height:14px; fill:none; stroke:var(--muted); stroke-width:1.5; transition:stroke .25s; }
.fs:hover svg { stroke:var(--gold); }
.footer-col h5 { font-size:.68rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-bottom:1.2rem; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:.5rem; }
.footer-col ul li a { font-size:.8rem; font-weight:300; color:rgba(242,237,231,.3); text-decoration:none; transition:color .25s; }
.footer-col ul li a:hover { color:var(--paper); }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.footer-bottom p { font-size:.73rem; font-weight:300; color:rgba(242,237,231,.2); }
.footer-bottom span { color:var(--gold); }

/* ─── WA FLOAT ─── */
.wa { position:fixed; bottom:1.8rem; right:1.8rem; z-index:400; width:50px; height:50px; background:#25d366; border-radius:50%; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 18px rgba(37,211,102,.3); text-decoration:none; transition:transform .25s, box-shadow .25s; animation:waIn .5s 1s both; }
.wa:hover { transform:scale(1.08); }
.wa svg { width:22px; height:22px; fill:white; }
@keyframes waIn { from { opacity:0; transform:scale(.4); } to { opacity:1; transform:scale(1); } }

/* ─── REVEAL ─── */
.reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease, transform .65s ease; }
.reveal.in { opacity:1; transform:none; }
.reveal-d1 { transition-delay:.1s !important; }
.reveal-d2 { transition-delay:.2s !important; }
.reveal-d3 { transition-delay:.3s !important; }

/* ─── RESPONSIVE ─── */
@media(max-width:900px) {
  .footer-top { grid-template-columns:1fr 1fr; }
}
@media(max-width:768px) {
  .nav-menu { display:none; }
  .hamburger { display:flex; }
  nav { padding:0 5%; }
  .section { padding:70px 5%; }
  .page-hero { padding:0 5% 3rem; }
  .split-header { flex-direction:column; gap:1.5rem; }
  .footer-top { grid-template-columns:1fr; gap:2.5rem; }
}

.ai-img img { width: 100%; height: auto; }