:root {
  --ink: #0F172A;
  --paper: #FAF8F6;
  --clay: #EADBC8;
  --sage: #D8E2D0;
  --rust: #B5724A;
  --radius: 18px;
	.buy-form { margin-top: 0.5rem; }
.buy-btn {
  background: #5a4d3d;
  color: #fff;
  border: 0;
  padding: 0.5rem 0.8rem;
  border-radius: 6px;
  cursor: pointer;
  font: inherit;
}
.buy-btn:hover { background: #7a6a54; }

}
*{ box-sizing: border-box;}
html,body{ margin:0; padding:0;}
body{
  background: var(--paper);
  color: var(--ink);
  font-family: "Work Sans", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height:1.6;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;  /* or 600 if you want slightly lighter */
}
.wrap{ width:min(1200px,92%); margin:0 auto; }

.site-header{
  position: sticky; top:0; z-index:50;
  backdrop-filter: blur(8px);
  background: rgba(255,255,255,0.7);
  border-bottom:1px solid rgba(15,23,42,0.15);
}
.nav-wrap{ display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:16px;}
.brand{ font-weight:600; text-decoration:none; color:var(--ink); font-size:1.15rem;}
.nav{ list-style:none; display:flex; gap:18px; margin:0; padding:0;}
.nav a{ color:var(--ink); text-decoration:none; opacity:.85;}
.nav a:hover,.nav a:focus{ opacity:1; text-decoration:underline; text-underline-offset:3px;}

.site-footer{ border-top:1px solid rgba(15,23,42,0.15); background:var(--paper); padding:36px 0; margin-top:64px;}
.footer-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
@media (max-width:720px){ .footer-grid{ grid-template-columns:1fr; } }

.hero{ padding:48px 0 24px;}
.hero-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:center;}
@media (max-width:900px){ .hero-grid{ grid-template-columns:1fr; } }
.hero-art img{ width:100%; height:auto; display:block; border-radius:var(--radius); box-shadow:0 10px 30px rgba(15,23,42,.15); background:var(--clay);}

.prose{ padding:36px 0;}
.section-title{ margin:0 0 12px; font-size:1.4rem;}
.strip{ padding:24px 0 12px;}
.strip.alt{ background:var(--clay);}

.cta-row{ display:flex; gap:12px; flex-wrap:wrap; margin-top:12px;}
.btn{ display:inline-block; border-radius:var(--radius); padding:10px 16px; text-decoration:none; border:1px solid transparent; font-weight:600;}
.btn-primary{ background:var(--rust); color:white;}
.btn-primary:hover,.btn-primary:focus{ filter:brightness(.95);}
.btn-secondary{ background:transparent; border-color:rgba(15,23,42,.2); color:var(--ink);}
.btn-secondary:hover,.btn-secondary:focus{ background:white;}
.btn-link{ color:var(--rust); text-decoration:none;}
.btn-link:hover{ text-decoration:underline; text-underline-offset:3px;}

.embed-card{ background:white; border:1px solid rgba(15,23,42,.12); padding:12px; border-radius:var(--radius); box-shadow:0 4px 20px rgba(15,23,42,.08);}

.gallery-strip{ display:grid; grid-auto-flow:column; grid-auto-columns:160px; gap:12px; overflow-x:auto; padding-bottom:6px;}
.thumb img{ width:100%; height:120px; object-fit:cover; display:block; border-radius:12px; background:var(--clay);}

.gallery-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:8px auto 36px;}
@media (max-width:900px){ .gallery-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .gallery-grid{ grid-template-columns:1fr;} }
.tile img{ width:100%; height:auto; display:block; border-radius:12px; background:var(--clay);}
.tile figcaption{ font-size:.9rem; opacity:.8; margin-top:6px;}

.card-grid.two{ display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
@media (max-width:720px){ .card-grid.two{ grid-template-columns:1fr;} }
.card{ background:white; border:1px solid rgba(15,23,42,.12); padding:16px; border-radius:var(--radius); box-shadow:0 4px 20px rgba(15,23,42,.08);}

.contact-form{ padding:24px 0 48px;}
.form-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.form-grid .full{ grid-column:1 / -1;}
@media (max-width:900px){ .form-grid{ grid-template-columns:1fr;} }
input,select,textarea{
  width:100%; padding:10px 12px; border-radius:12px;
  border:1px solid rgba(15,23,42,.2);
  background:white; color:var(--ink);
}
label{ display:grid; gap:6px; font-weight:600;}
.help{ font-size:.9rem; opacity:.8;}

.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
/* --- Lightbox overlay --- */
..lightbox-backdrop {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(15,23,42,.85);
  overflow: auto;                 /* enables scroll when needed */
  padding: 32px;
  display: block;                 /* no flex centering when scrolling */
}

.lightbox-content {
  outline: none;
  margin: 0 auto;                 /* center horizontally */
  max-width: 1600px;              /* optional cap */
}

.lightbox-content img {
  width: auto; height: auto;
  max-width: 100%;
  /* No max-height: image can be taller and page will scroll */
  display: block;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,.5);
}