/* IVAE Studios — Canonical site footer (.colophon).
   Single source of truth for the site-wide footer.
   Loaded by all 5 service pages + blog. Mirrors index/about exactly.
   Extracted from luxury-family-photos.html (mirrors home v5 colophon). */

.colophon{
  background:var(--ink-4,#080d12);
  padding:clamp(60px,8vw,100px) clamp(24px,5vw,64px) 36px;
  border-top:1px solid rgba(201,165,78,0.22);
  color:rgba(250,248,245,0.72);
}
.colophon-mark{
  text-align:center;
  max-width:780px;
  margin:0 auto 56px;
}
.colophon-mark-name{
  display:inline-block;
  font-family:var(--font-sans,'Syne',sans-serif);
  font-size:13px;
  font-weight:700;
  letter-spacing:0.32em;
  text-transform:uppercase;
  color:#faf8f5;
}
.colophon-mark-name em{
  color:var(--gold,#c9a54e);
  font-style:normal;
}
.colophon-tag{
  display:block;
  margin-top:14px;
  font-family:var(--font-serif,'Cormorant Garamond',serif);
  font-size:14px;
  font-style:italic;
  color:rgba(250,248,245,0.62);
  line-height:1.5;
}
.colophon-tag em{
  color:var(--gold,#c9a54e);
}
.colophon-cols{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:36px;
  max-width:1280px;
  margin:0 auto 56px;
}
.col-h{
  font-family:var(--font-sans,'Syne',sans-serif);
  font-size:10px;
  font-weight:600;
  letter-spacing:0.32em;
  text-transform:uppercase;
  color:var(--gold,#c9a54e);
  margin-bottom:18px;
}
.colophon-cols p{
  font-family:var(--font-sans,'Syne',sans-serif);
  font-size:13px;
  line-height:1.75;
  color:rgba(250,248,245,0.62);
}
.colophon-cols ul{
  display:flex;
  flex-direction:column;
  gap:10px;
  list-style:none;
  padding:0;
  margin:0;
}
.colophon-cols ul a{
  font-family:var(--font-sans,'Syne',sans-serif);
  font-size:12.5px;
  color:rgba(250,248,245,0.78);
  text-decoration:none;
  transition:color 0.25s;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.colophon-cols ul a:hover,
.colophon-cols ul a:focus-visible{
  color:var(--gold,#c9a54e);
}
.colophon-bottom{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:18px;
  padding-top:28px;
  border-top:1px solid rgba(201,165,78,0.18);
  font-family:var(--font-sans,'Syne',sans-serif);
  font-size:11px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(250,248,245,0.42);
}
.colophon-bottom em{
  color:var(--gold,#c9a54e);
  font-style:italic;
  text-transform:none;
  letter-spacing:0.12em;
}
.colophon-bottom-rule{
  display:inline-block;
  width:24px;
  height:1px;
  background:rgba(201,165,78,0.42);
}
.colophon-bottom a{
  color:inherit;
  text-decoration:none;
  transition:color 0.25s;
}
.colophon-bottom a:hover,
.colophon-bottom a:focus-visible{
  color:var(--gold,#c9a54e);
}

/* Mobile breakpoints (matches the 4 standardized: 375/768/1024/1280). */
@media (max-width:1023px){
  .colophon-cols{grid-template-columns:1fr 1fr;}
}
@media (max-width:767px){
  .colophon-cols{grid-template-columns:1fr;gap:32px;}
  .colophon{padding:48px clamp(20px,5vw,32px) 28px;}
}

/* Reduced motion. */
@media (prefers-reduced-motion:reduce){
  .colophon-cols ul a,
  .colophon-bottom a{transition:none;}
}