<nav style="display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background-color:#1c1917;position:sticky;top:0;z-index:100;">
  <a href="#" style="font-family:'Playfair Display',serif;font-size:24px;color:#d4a574;text-decoration:none;font-weight:700;letter-spacing:1px;">Lens & Light Studio</a>
  <div style="display:flex;gap:32px;align-items:center;">
    <a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">Gallery</a>
    <a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">About</a>
    <a href="#" style="font-family:'Inter',sans-serif;font-size:14px;color:#fafaf9;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;">Contact</a>
  </div>
</nav>

<section style="padding:80px 60px;background-color:#1c1917;text-align:center;">
  <p style="font-family:'Inter',sans-serif;font-size:14px;color:#d4a574;text-transform:uppercase;letter-spacing:4px;margin-bottom:16px;">Our Work</p>
  <h1 style="font-family:'Playfair Display',serif;font-size:56px;color:#fafaf9;margin:0 0 16px 0;font-weight:700;">Portfolio</h1>
  <p style="font-family:'Inter',sans-serif;font-size:17px;color:#a8a29e;max-width:560px;margin:0 auto;line-height:1.7;">A curated selection of our favorite moments, captured across weddings, portraits, and editorial projects.</p>
</section>

<section style="padding:60px;background-color:#fafaf9;">
  <div style="max-width:1200px;margin:0 auto;columns:3;column-gap:20px;">
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1519741497674-611481863552?w=600" alt="Wedding couple at sunset" style="width:100%;display:block;height:450px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?w=600" alt="Portrait in natural light" style="width:100%;display:block;height:300px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1505939374277-2b0ecd010614?w=600" alt="Mountain landscape" style="width:100%;display:block;height:380px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=600" alt="Professional headshot" style="width:100%;display:block;height:340px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1537633552985-df8429e8048b?w=600" alt="Wedding ceremony details" style="width:100%;display:block;height:420px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=600" alt="Product photography" style="width:100%;display:block;height:280px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1511285560929-80b456fea0bc?w=600" alt="Wedding reception dance" style="width:100%;display:block;height:360px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=600" alt="Studio portrait" style="width:100%;display:block;height:440px;object-fit:cover;">
    </div>
    <div style="break-inside:avoid;margin-bottom:20px;">
      <img src="https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=600" alt="Golden hour landscape" style="width:100%;display:block;height:320px;object-fit:cover;">
    </div>
  </div>
</section>

<section style="padding:100px 60px;background-color:#1c1917;text-align:center;">
  <div style="max-width:600px;margin:0 auto;">
    <h2 style="font-family:'Playfair Display',serif;font-size:38px;color:#fafaf9;margin:0 0 16px 0;">Like What You See?</h2>
    <p style="font-family:'Inter',sans-serif;font-size:17px;color:#a8a29e;line-height:1.7;margin-bottom:36px;">We'd love to hear about your project. Let's discuss how we can create something extraordinary together.</p>
    <a href="#" style="display:inline-block;padding:16px 48px;background-color:#d4a574;color:#1c1917;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:2px;">Contact Us</a>
  </div>
</section>

<footer style="padding:48px 60px;background-color:#0c0a09;text-align:center;">
  <p style="font-family:'Playfair Display',serif;font-size:20px;color:#d4a574;margin:0 0 8px 0;">Lens & Light Studio</p>
  <p style="font-family:'Inter',sans-serif;font-size:14px;color:#78716c;margin:0 0 4px 0;">123 Artisan Way, Brooklyn, NY 11201</p>
  <p style="font-family:'Inter',sans-serif;font-size:13px;color:#57534e;margin:16px 0 0 0;">&copy; 2026 Lens & Light Studio. All rights reserved.</p>
</footer>