/* BGW Footer — editorial, palette-aware (uses --ftr-* dark anchor tokens).
   The footer is always the dark anchor, so its rules are a faint LIGHT line in both modes
   (not the page --divider token, which flips dark in light mode and vanishes here). */
.bgwf{--bgwf-rule:color-mix(in srgb,var(--ftr-head,#f6f2ea) 16%,transparent);width:100%;box-sizing:border-box;padding:0 6vw;background:var(--ftr-bg,#1a1714);color:var(--ftr-text,#cdc6ba);overflow:hidden}
/* gutter lives on the band; the inner is a clean 1180 cap so it lines up with every other section */
.bgwf-inner{max-width:1180px;margin:0 auto;padding:80px 0 30px}

/* top: brand block (left) + two link columns (right), divided by a full-height vertical rule.
   The bottom spacing lives INSIDE the columns (padding-bottom) so the vertical rule extends
   down and meets the horizontal rule of .bgwf-bottom — they connect, no gap. */
.bgwf-top{display:flex;align-items:stretch;position:relative}
.bgwf-brandcol{flex:0 1 42%;max-width:430px;min-width:0;padding-right:52px;padding-bottom:42px;box-sizing:border-box;position:relative;z-index:1}

/* photo floats left; the name and bio wrap beside it, then flow under it */
.bgwf-photo{float:left;width:88px;height:88px;object-fit:cover;border-radius:6px;margin:4px 18px 12px 0}
.bgwf-brand{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(1.25rem,1.7vw,1.55rem);letter-spacing:.01em;color:var(--ftr-head,#f6f2ea);line-height:1.12;margin:6px 0 0}
.bgwf-bio{font-family:'Inter',-apple-system,sans-serif;font-size:14px;line-height:1.75;color:var(--ftr-text,#cdc6ba);margin:10px 0 0;opacity:.9}
.bgwf-bio em{font-style:italic}

/* "More about Bill" — plain uppercase link + round arrow (no pill), clears below the bio */
.bgwf-more{clear:both;display:inline-flex;align-items:center;gap:12px;margin-top:26px;color:var(--ftr-head,#f6f2ea);text-decoration:none;font-family:'Inter',-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;transition:color .2s}
.bgwf-more:hover{color:var(--ftr-accent,#9b2f2c)}
.bgwf-more-i{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent,#9b2f2c);color:#fff;flex:none;transition:transform .2s}
.bgwf-more:hover .bgwf-more-i{transform:translateX(3px)}

/* link columns: vertical rule on their left edge, columns packed left */
.bgwf-cols{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto auto;justify-content:start;gap:72px;border-left:1px solid var(--bgwf-rule);padding-left:56px;padding-bottom:42px;position:relative;z-index:1}

/* artsy signature: absolute background watermark — resizing it never affects the layout. Position is admin-controlled. */
.bgwf-sig{position:absolute;z-index:0;pointer-events:none}
.bgwf-sig img{display:block;height:auto}
.bgwf-sig-cr{right:0;top:50%;transform:translateY(-50%)}
.bgwf-sig-tr{right:0;top:0}
.bgwf-sig-br{right:0;bottom:34px}
.bgwf-sig-cc{left:50%;top:50%;transform:translate(-50%,-50%)}
.bgwf-sig-bc{left:50%;bottom:34px;transform:translateX(-50%)}
.bgwf-sig-bl{left:0;bottom:34px}
.bgwf-col h4.bgwf-colhead{font-family:'Inter',-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:2.4px;text-transform:uppercase;color:color-mix(in srgb,var(--ftr-text,#cdc6ba) 62%,transparent);margin:4px 0 20px}
.bgwf-col ul{list-style:none;margin:0;padding:0}
.bgwf-col li{margin:0 0 14px}
.bgwf-col a{font-family:'Inter',-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;color:var(--ftr-text,#cdc6ba);transition:color .18s;display:inline-block}
.bgwf-col a:hover{color:var(--ftr-accent,#9b2f2c)}

/* bottom bar mirrors the top: copyright sits under the brand block (same 42%/430 width),
   the legal links + social start exactly where the link columns do (padding-left matches .bgwf-cols) */
.bgwf-bottom{display:flex;align-items:center;gap:14px 0;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--bgwf-rule)}
.bgwf-copy{flex:0 1 42%;max-width:430px;box-sizing:border-box;font-family:'Inter',-apple-system,sans-serif;font-size:11.5px;letter-spacing:.4px;color:var(--ftr-text,#cdc6ba);opacity:.5;margin:0}
.bgwf-botright{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;padding-left:57px}
.bgwf-legal{display:flex;flex-wrap:wrap;gap:8px 22px}
.bgwf-legal a{font-family:'Inter',-apple-system,sans-serif;font-size:12px;letter-spacing:.6px;text-decoration:none;color:var(--ftr-text,#cdc6ba);opacity:.78;transition:color .18s,opacity .18s}
.bgwf-legal a:hover{color:var(--ftr-accent,#9b2f2c);opacity:1}

.bgwf-social{display:flex;align-items:center;gap:20px}
.bgwf-social a{display:inline-flex;color:var(--ftr-text,#cdc6ba);opacity:.82;transition:color .18s,opacity .18s,transform .18s}
.bgwf-social a:hover{color:var(--ftr-accent,#9b2f2c);opacity:1;transform:translateY(-2px)}
.bgwf-social svg{display:block;width:19px;height:19px}

/* ---- tablet: brand stacks above the columns; vertical rule becomes a top rule ---- */
@media(max-width:860px){
	.bgwf{padding:0 7vw}
	.bgwf-inner{padding:60px 0 26px}
	.bgwf-top{flex-direction:column;padding-bottom:34px}
	.bgwf-brandcol{flex:none;max-width:none;padding-right:0;padding-bottom:34px}
	.bgwf-cols{border-left:0;padding-left:0;padding-top:34px;border-top:1px solid var(--bgwf-rule);grid-template-columns:1fr 1fr;justify-content:stretch;gap:28px}
	.bgwf-sig{display:none}
	.bgwf-copy{flex:0 1 auto;max-width:none}
	.bgwf-botright{padding-left:0}
}
/* ---- phone: stack the bottom bar; keep two compact link columns ---- */
@media(max-width:480px){
	.bgwf-photo{width:74px;height:74px;margin:2px 14px 10px 0}
	.bgwf-cols{gap:22px}
	.bgwf-bottom{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:16px}
	.bgwf-botright{flex-direction:column;align-items:flex-start;gap:14px;width:100%}
}