@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-v38-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/fraunces-v38-latin-500italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v20-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v20-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #111418;
  --bg-dark: #0d0f12;
  --line: #2a2f36;
  --ink: #f5f2ed;
  --ink-muted: #9a9a9a;
  --orange: #e8734a;
  --sage: #7daf9a;
  --gap-lg: 120px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
h1, h2, h3 {
  margin: 0;
  font-family: Fraunces, Georgia, "Times New Roman", serif;
  font-weight: 600;
  line-height: 1.15;
}
a { color: inherit; text-decoration: none; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 0 32px; }
.label { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: var(--orange); }
.label.sage { color: var(--sage); }
::selection { background: var(--orange); color: #111; }
/* 
nav {
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  background: rgba(17, 20, 24, .94);
  backdrop-filter: blur(6px);
  z-index: 20;
} */
nav .wrap { display: flex; align-items: center; justify-content: space-between; padding: 20px 32px; }
.brand { font-family: Fraunces, Georgia, "Times New Roman", serif; font-size: 20px; font-weight: 600; }
.brand .dot { color: var(--orange); }
nav ul { list-style: none; display: flex; gap: 26px; margin: 0; padding: 0; }
nav ul a { font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-muted); }
nav ul a:hover { color: var(--ink); }
.btn { display: inline-block; padding: 12px 22px; font-size: 14px; font-weight: 500; border-radius: 0; }
.btn-orange { background: var(--orange); color: #fff; }
.btn-text { color: var(--orange); border-bottom: 1px solid var(--orange); padding: 0 0 2px; font-size: 14px; }

section { padding: var(--gap-lg) 0; border-bottom: 1px solid var(--line); }
footer { padding: 24px 0; text-align: center; color: var(--ink-muted); font-size: 12.5px; background: var(--bg-dark); }

@media (max-width: 800px) {
  :root { --gap-lg: 72px; }
  nav ul { display: none; }
}



.ref-image-row{display:flex;flex-direction:column;gap:32px;margin-top:24px;align-items:center;}
.ref-image-card{width:100%;max-width:640px;border:1px solid var(--line);cursor:pointer;background:var(--bg-dark,#0d0f12);}
.ref-image-card .img-wrap{max-height:520px;overflow:hidden;}
.ref-image-card .img-wrap img{width:100%;height:auto;display:block;object-fit:cover;object-position:top;}
.ref-image-card figcaption{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-top:1px solid var(--line);flex-wrap:wrap;gap:10px;}
.ref-caption-title{font-size:13.5px;color:var(--ink-muted);}
.select-ref-btn{background:none;border:none;color:var(--orange);font-size:13px;cursor:pointer;font-family:'Inter',sans-serif;padding:0;border-bottom:1px solid var(--orange);}

.lightbox-overlay{position:fixed;inset:0;background:rgba(10,12,15,0.92);display:none;align-items:center;justify-content:center;z-index:100;padding:20px;}
.lightbox-overlay.open{display:flex;}
.lightbox-box{width:80vw;height:80vh;max-width:1000px;background:var(--bg-dark,#0d0f12);border:1px solid var(--line);display:flex;flex-direction:column;position:relative;}
.lightbox-close{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--ink);font-size:28px;cursor:pointer;line-height:1;z-index:2;}
.lightbox-scroll{flex:1;overflow-y:auto;}
.lightbox-scroll img{width:100%;height:auto;display:block;}
.lightbox-footer{border-top:1px solid var(--line);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;}
#lightbox-caption{font-size:14px;color:var(--ink-muted);}

.ref-form{margin-top:22px;display:flex;flex-direction:column;gap:16px;}
.ref-form label{font-size:13px;color:var(--ink-muted);display:flex;flex-direction:column;gap:6px;}
.ref-form input,.ref-form textarea{background:var(--bg-dark,#0d0f12);border:1px solid var(--line);color:var(--ink);padding:10px 12px;font-family:'Inter',sans-serif;font-size:14.5px;border-radius:0;}
.ref-form input:focus,.ref-form textarea:focus{outline:1px solid var(--orange);}
.ref-form button{align-self:flex-start;margin-top:6px;}

@media (max-width:700px){
  .lightbox-box{width:95vw;height:90vh;}
}