:root { --ink:#f3f0ea; --muted:#aaa9a5; --night:#0d0e10; --panel:#15171a; --line:#2a2c2f; --gold:#d5b27a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--night); color:var(--ink); font-family:"DM Sans",sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; }
.wrap { width:min(1160px,calc(100% - 40px)); margin:auto; }
.nav { padding:24px 0; border-bottom:1px solid var(--line); }
.nav .wrap,.navlinks { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:600; letter-spacing:.03em; }
.mark { width:34px; height:34px; border:1px solid rgba(255,255,255,.5); display:grid; place-items:center; font-size:13px; }
.navlinks { font-size:14px; }
.navlinks a:hover,.back:hover,.other-work a:hover { color:var(--gold); }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:0 20px; border:1px solid var(--gold); background:var(--gold); color:#141414; font-weight:600; }
.button:hover { background:#e5c58f; }
.back { display:inline-block; margin-top:65px; color:var(--muted); font-size:14px; }
.intro { display:flex; justify-content:space-between; align-items:end; gap:32px; padding:48px 0 44px; }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:600; }
h1,h2,p { margin:0; }
h1 { margin-top:14px; font:400 clamp(54px,8vw,100px)/1 "Manrope",sans-serif; letter-spacing:-.055em; }
.intro p { max-width:300px; color:var(--muted); }
.gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding-bottom:100px; }
.gallery-heading { grid-column:1/-1; margin:32px 0 2px; padding-top:20px; border-top:1px solid var(--line); color:var(--ink); font:500 22px/1.2 "Manrope",sans-serif; }
.gallery-heading:first-child { margin-top:0; padding-top:0; border-top:0; }
.gallery-heading { grid-column:1/-1; margin:32px 0 2px; padding-top:20px; border-top:1px solid var(--line); color:var(--ink); font:500 22px/1.2 "Manrope",sans-serif; }
.gallery-heading:first-child { margin-top:0; padding-top:0; border-top:0; }
figure { margin:0; background:var(--panel); }
figure img { aspect-ratio:4/3; height:auto; object-fit:cover; }
figcaption { padding:15px 18px; color:var(--muted); font-size:14px; }
.other-work { border-top:1px solid var(--line); padding:34px 0 70px; display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.other-work span { color:var(--muted); margin-right:8px; }
footer { border-top:1px solid var(--line); padding:30px 0; color:#858684; font-size:13px; }
footer .wrap { display:flex; justify-content:space-between; gap:20px; }
footer a:hover { color:var(--gold); }
@media (max-width:700px) {
  .wrap { width:min(100% - 28px,1160px); }
  .brand { font-size:12px; }
  .navlinks a:not(.button) { display:none; }
  .navlinks .button { min-height:40px; padding:0 12px; }
  .back { margin-top:42px; }
  .intro { display:block; padding:32px 0; }
  .intro p { margin-top:20px; }
  .gallery { grid-template-columns:1fr; padding-bottom:65px; }
  footer .wrap { flex-direction:column; }
}