/* ABC Painting — supplied gold/black logo + finished-project visual refinements */
:root { --brand-gold:#d9b33e; --brand-black:#040809; }
.topbar { background:#040809; color:#d9b33e; }
.topbar a { color:#e6cc7b; }
.site-header { background:rgba(4,8,9,.98); border-bottom:1px solid rgba(217,179,62,.28); backdrop-filter:blur(14px); }
.site-header.scrolled { box-shadow:0 7px 24px rgba(0,0,0,.25); }
.site-header .header-inner { min-height:86px; }
.site-header .brand { gap:12px; }
.site-header .brand-symbol { width:83px; height:58px; max-width:83px; object-fit:contain; border:0; flex:none; }
.site-header .brand-copy { padding-top:0; gap:6px; }
.site-header .brand-copy strong { color:#e0bd4e; font-weight:800; font-size:15px; letter-spacing:.03em; }
.site-header .brand-copy>span { color:#c9b784; font-size:8px; letter-spacing:.07em; font-weight:600; line-height:1.4; }
.site-header .nav-link { color:#f2eee2; }
.site-header .nav-link:hover { color:#e0bd4e; }
.site-header .header-cta { background:var(--brand-gold); color:#111714; border-color:var(--brand-gold); font-weight:800; }
.site-header .header-cta:hover { background:#e8c961; border-color:#e8c961; }
.site-header .menu-toggle { border-color:rgba(217,179,62,.75); }
.site-header .menu-toggle span { background:var(--brand-gold); }
.site-footer { background:#040809; }
.site-footer .footer-main { align-items:start; }
.site-footer .brand-logo-full { display:block; width:min(198px,100%); height:auto; object-fit:contain; }
.site-footer .brand-footer { display:block; }
.site-footer .footer-brand p { margin-top:10px; max-width:310px; }
.site-footer .footer-links strong { color:#e8cb76; }
.site-footer .footer-links a:hover { color:#e8cb76; }
.site-footer .footer-bottom { border-top-color:#2c3329; }
.site-footer .footer-bottom strong { color:#e3c05b; }
.work-section { scroll-margin-top:90px; }
.gallery-grid { margin-top:14px; }
.gallery-item img { object-fit:cover; }
.gallery-item .gallery-label small { letter-spacing:.14em; }
.photo-note { background:#080c0d; color:#e8d594; }
.photo-note strong { color:#fff; }
.photo-note-icon { color:#d9b33e; }
.hero-bottom-line span:first-child { background:#d9b33e; }
.hero-bottom-line span:nth-child(2) { background:#e4c76a; }
@media(max-width:1150px) {
  .site-header .header-inner { gap:18px; }
  .site-header .main-nav { gap:17px; }
  .site-header .brand-symbol { width:70px; height:52px; }
  .site-header .brand-copy strong { font-size:13px; }
  .site-header .brand-copy>span { max-width:170px; font-size:7px; letter-spacing:0; }
}
@media(max-width:900px) {
  .site-header .main-nav { background:#090d0c; border-top:1px solid #67572c; box-shadow:0 12px 26px rgba(0,0,0,.3); }
  .site-header .main-nav a { color:#f2ece0; border-bottom-color:#34352c; }
  .site-header .main-nav a:hover { color:#e5c256; }
  .site-header .menu-toggle { border-color:#8e743a; }
}
@media(max-width:650px) {
  .site-header .header-inner { min-height:72px; gap:10px; }
  .site-header .brand { gap:7px; min-width:0; }
  .site-header .brand-symbol { width:63px; height:50px; flex:0 0 63px; }
  .site-header .brand-copy strong { font-size:12px; letter-spacing:.015em; }
  .site-header .brand-copy>span { font-size:6.8px; line-height:1.45; max-width:155px; letter-spacing:0; }
  .site-header .menu-toggle { margin-left:auto; flex:0 0 43px; }
  .site-footer .brand-logo-full { width:160px; }
  .site-footer .footer-brand p { margin-top:8px; }
}
@media(max-width:360px) {
  .site-header .brand-symbol { width:55px; height:45px; flex-basis:55px; }
  .site-header .brand-copy strong { font-size:11px; }
  .site-header .brand-copy>span { font-size:6.2px; }
}

/* Keep the featured completed-project image in its own grid row on phones. */
@media(max-width:650px) {
  .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; align-items:stretch; }
  .gallery-item-large { grid-column:1/-1; grid-row:auto; height:270px; min-height:270px; }
  .gallery-item:not(.gallery-item-large) { grid-row:auto; height:210px; min-height:210px; }
  .gallery-item:last-child:not(.gallery-item-large) { grid-column:1/-1; height:230px; min-height:230px; }
}
@media(max-width:390px) {
  .gallery-item-large { height:245px; min-height:245px; }
  .gallery-item:not(.gallery-item-large) { height:190px; min-height:190px; }
  .gallery-item:last-child:not(.gallery-item-large) { height:210px; min-height:210px; }
}