:root{
  --ink:#0b0b0c; --paper:#f7f4ed; --white:#fff; --gold:#a57a24;
  --gold2:#d2ae62; --muted:#6d6a63; --line:rgba(165,122,36,.25);
  --shadow:0 18px 55px rgba(0,0,0,.12);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin:0 0 .8rem}
h1{font-size:clamp(2.7rem,7vw,6rem);font-weight:500;letter-spacing:-.035em}
h2{font-size:clamp(2rem,4vw,3.8rem);font-weight:500}
h3{font-size:1.45rem}
p{margin:.2rem 0 1rem}.container{width:min(1180px,92%);margin:auto}
.eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
.topbar{background:#000;color:#ddd;font-size:.78rem;padding:.45rem 0}.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar a{color:#ddd;text-decoration:none}
header{position:sticky;top:0;z-index:30;background:rgba(8,8,9,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:#fff}
.brand img{width:54px;height:54px;object-fit:contain;border-radius:50%}
.brand strong{font-family:Georgia,serif;font-size:1.14rem;letter-spacing:.04em}
.navlinks{display:flex;gap:1.5rem;align-items:center}.navlinks a{color:#eee;text-decoration:none;font-size:.92rem}
.navlinks a:hover{color:var(--gold2)}.menu{display:none;background:none;border:0;color:white;font-size:1.7rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.25rem;border:1px solid var(--gold);background:var(--gold);color:#090909;text-decoration:none;font-weight:700;font-size:.88rem;letter-spacing:.03em;transition:.2s}
.btn:hover{transform:translateY(-2px);background:var(--gold2)}.btn.outline{background:transparent;color:#fff}.btn.dark{background:#111;color:#fff}
.hero{min-height:78vh;display:grid;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.52)),url('assets/office-entry.jpeg') center/cover;color:white}
.hero-inner{padding:7rem 0}.hero p{max-width:700px;font-size:1.1rem;color:#dedbd4}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.section{padding:6rem 0}.section.dark{background:#0b0b0c;color:#fff}.section.white{background:white}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}
.photo-frame{position:relative}.photo-frame img{width:100%;display:block;box-shadow:var(--shadow);min-height:420px;object-fit:cover}
.photo-frame:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold);z-index:-1}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.stat{padding:1.25rem;border-top:1px solid var(--line)}.stat b{font:500 2rem Georgia;color:var(--gold)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{background:white;padding:2rem;border:1px solid #e7e0d3;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--gold)}
.card .num{font-family:Georgia;color:var(--gold);font-size:1.1rem}.dark .card{background:#141416;border-color:#29292d}.dark .card p{color:#bbb}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.member{background:#fff;border:1px solid #e7e0d3}.member img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}.member-body{padding:1.3rem}.member small{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:280px 280px;gap:1rem}.gallery img{width:100%;height:100%;object-fit:cover}.gallery img:first-child{grid-row:1/3}
.locations{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.location{padding:1.5rem;border-left:2px solid var(--gold);background:white}.location a{color:inherit}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}.form{background:white;padding:2rem;box-shadow:var(--shadow)}.field{display:grid;gap:.4rem;margin-bottom:1rem}.field input,.field select,.field textarea{width:100%;padding:.9rem;border:1px solid #d7d0c4;background:#fcfbf8;font:inherit}.field textarea{min-height:130px;resize:vertical}.form-actions{display:flex;gap:.8rem;flex-wrap:wrap}
.map{width:100%;height:380px;border:0}
.page-hero{padding:7rem 0 4rem;background:#0b0b0c;color:#fff}.page-hero p{max-width:720px;color:#ccc}
.notice{padding:1rem 1.2rem;background:#f1eadb;border-left:3px solid var(--gold);font-size:.9rem}
footer{background:#050506;color:#aaa;padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer-grid a{display:block;color:#bbb;text-decoration:none;margin:.4rem 0}.footer-bottom{border-top:1px solid #27272a;margin-top:2.5rem;padding-top:1.2rem;font-size:.78rem}
.float-wa{position:fixed;right:18px;bottom:18px;z-index:40;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.25)}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0b0c;padding:1.2rem 4%;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.menu{display:block}.split,.contact-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.locations{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px}.gallery img:first-child{grid-row:auto}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.grid,.team-grid,.locations,.stats{grid-template-columns:1fr}.gallery{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery img{height:250px}.topbar{display:none}.hero{min-height:72vh}.section{padding:4rem 0}.brand strong{font-size:.96rem}}