/* weddingbandsnearme — phase1 REWORK · resource-furniture subliminal (original jewelry trade dress) */
:root{
  --charcoal:#1a1a1a;
  --ink:#111111;
  --ivory:#f7f5f2;
  --paper:#fbfaf8;
  --gold:#b8956c;
  --gold-ink:#8a6a3e;
  --mute:#5c5c5c;
  --line:#e4e0da;
  --card:#ffffff;
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Source Sans 3","Helvetica Neue","Segoe UI",system-ui,-apple-system,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.65;
}
a{color:var(--charcoal);text-decoration:none}
a:hover{color:var(--gold-ink)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.5rem}
.skip{
  position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;
}
.skip:focus{
  position:fixed;left:1rem;top:1rem;z-index:100;
  width:auto;height:auto;padding:.75rem 1rem;
  background:var(--charcoal);color:#fff;border-radius:0;
  outline:3px solid var(--gold);font-weight:700;
}
.site-header{
  background:var(--charcoal);
  color:var(--ivory);
  position:sticky;top:0;z-index:30;
  border-bottom:1px solid #2a2a2a;
}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;flex-wrap:wrap}
.logo{
  font-weight:700;
  letter-spacing:.12em;
  text-transform:lowercase;
  font-size:.95rem;
  color:#fff;
}
.logo span{color:var(--gold);letter-spacing:.08em;text-transform:none;font-weight:600}
.nav{display:flex;flex-wrap:wrap;gap:.75rem 1rem;font-size:.9rem;align-items:center}
.nav a{color:#d8d4ce}
.nav a:hover,.nav a[aria-current="page"]{color:var(--gold)}
.cta{
  background:var(--gold);
  color:var(--ink)!important;
  padding:.55rem 1.15rem;
  border-radius:0;
  font-weight:700;
  min-height:44px;
  display:inline-flex;align-items:center;
  letter-spacing:.02em;
  border:1px solid var(--gold);
}
.cta:hover{background:var(--gold-ink);border-color:var(--gold-ink);color:#fff!important}
.menu-btn{
  display:none;
  background:transparent;
  border:1px solid rgba(247,245,242,.45);
  color:#fff;
  padding:.5rem .85rem;
  border-radius:0;
  min-height:44px;
  cursor:pointer;
}
.hero{
  background:var(--ivory);
  color:var(--ink);
  padding:4.75rem 1.5rem 3.5rem;
  border-bottom:1px solid var(--line);
}
.hero .kicker{
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.72rem;
  font-weight:700;
  color:var(--gold-ink);
  margin:0 0 .85rem;
}
.hero h1{
  font-size:clamp(2rem,4.2vw,3.15rem);
  line-height:1.15;
  font-weight:700;
  margin:0 0 1rem;
  letter-spacing:-.02em;
  max-width:18ch;
}
.hero .lede{
  max-width:42rem;
  color:var(--mute);
  font-size:1.05rem;
  margin:0 0 1.75rem;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}
.btn-secondary{
  display:inline-flex;align-items:center;min-height:44px;
  padding:.55rem 1.15rem;border:1px solid var(--charcoal);
  color:var(--charcoal)!important;background:transparent;font-weight:700;border-radius:0;
}
.btn-secondary:hover{background:var(--charcoal);color:#fff!important}
.band{padding:3.5rem 1.5rem}
.band.alt{background:var(--ivory);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band h2,.page-hero h1{
  font-size:clamp(1.45rem,2.4vw,1.85rem);
  line-height:1.25;margin:0 0 .85rem;letter-spacing:-.01em;
}
.intro{color:var(--mute);max-width:40rem;margin:0 0 1.75rem}
.grid{
  display:grid;gap:1.25rem;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.card{
  background:var(--card);
  border:1px solid var(--line);
  padding:1.35rem 1.25rem;
  border-radius:0;
}
.card h2{font-size:1.15rem;margin:0 0 .65rem}
.card p{color:var(--mute);margin:0 0 1rem}
.more{font-weight:700;color:var(--gold-ink);border-bottom:1px solid var(--gold);padding-bottom:2px}
.more:hover{color:var(--ink);border-color:var(--ink)}
.split{
  display:grid;gap:2rem;
  grid-template-columns:1.15fr .85fr;
  align-items:start;
}
.list-links{list-style:none;padding:0;margin:0}
.list-links li{margin:0 0 .65rem}
.list-links a{font-weight:700;border-bottom:1px solid var(--line)}
.list-links a:hover{border-color:var(--gold)}
.panel{
  background:var(--charcoal);
  color:var(--ivory);
  padding:1.5rem 1.35rem;
  border-radius:0;
}
.panel h2{color:#fff;margin:0 0 .75rem;font-size:1.2rem}
.panel p{color:#cfc9c0;margin:0 0 1rem}
.panel .cta{background:var(--gold);color:var(--ink)!important}
.mail-note{font-size:.9rem;color:var(--mute)}
.panel .mail-note{color:#b7b0a6}
.page-hero{
  background:var(--ivory);
  padding:2.75rem 1.5rem 1.75rem;
  border-bottom:1px solid var(--line);
}
.page-hero p{color:var(--mute);max-width:40rem}
form{display:grid;gap:.65rem;max-width:28rem}
label{font-weight:700;font-size:.9rem}
input,textarea,select,button[type=submit]{
  font:inherit;padding:.7rem .85rem;border:1px solid var(--line);
  border-radius:0;background:#fff;min-height:44px;
}
textarea{min-height:120px;resize:vertical}
button[type=submit]{
  background:var(--charcoal);color:#fff;border-color:var(--charcoal);
  font-weight:700;cursor:pointer;width:fit-content;padding:.7rem 1.25rem;
}
button[type=submit]:hover{background:var(--gold-ink);border-color:var(--gold-ink)}
.site-footer{
  background:var(--charcoal);color:#cfc9c0;padding:3rem 1.5rem 2rem;margin-top:2rem;
}
.site-footer a{color:#e8e2d8}
.site-footer a:hover{color:var(--gold)}
.site-footer h2{color:#fff;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .85rem}
.footer-grid{
  display:grid;gap:1.75rem;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  margin-bottom:1.75rem;
}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:0 0 .45rem}
.fine{font-size:.82rem;color:#9a948c;border-top:1px solid #2a2a2a;padding-top:1.25rem}
@media (max-width:820px){
  .split{grid-template-columns:1fr}
  .menu-btn{display:inline-flex;align-items:center}
  .nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-bottom:.5rem}
  .nav.is-open{display:flex}
}