/* The Bondgate Gazette — gazette de ville de marché : grès miel, bruyère, encre, parchemin, laiton */
:root{
  --bgz-paper:#f8f4ea;
  --bgz-paper2:#f1ead9;
  --bgz-ink:#23211c;
  --bgz-ink2:#4c4738;
  --bgz-stone:#b98d4f;
  --bgz-heather:#6b5a78;
  --bgz-moor:#42543e;
  --bgz-brass:#8f6f2a;
  --bgz-rule:#d8cdb4;
  --bgz-serif:Georgia,'Iowan Old Style','Times New Roman',serif;
  --bgz-sans:'Gill Sans','Segoe UI',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;background:var(--bgz-paper);color:var(--bgz-ink);font-family:var(--bgz-serif);line-height:1.62}
img{max-width:100%;height:auto;display:block}
a{color:var(--bgz-moor);text-decoration-color:var(--bgz-stone)}
a:hover{color:var(--bgz-brass)}
.bgz-wrap{max-width:72rem;margin:0 auto;padding:0 1.25rem}
.bgz-skip{position:absolute;left:-9999px}
.bgz-skip:focus{left:1rem;top:.5rem;background:#fff;padding:.4rem .8rem;z-index:9}

/* nameplate */
.bgz-mast{border-top:.45rem solid var(--bgz-ink);background:var(--bgz-paper)}
.bgz-mast__row{text-align:center;padding:1.6rem 1.25rem 0}
.bgz-mast__date{font-family:var(--bgz-sans);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--bgz-ink2)}
.bgz-mast__name{display:block;font-size:clamp(2rem,5.4vw,3.1rem);line-height:1.05;letter-spacing:.02em;color:var(--bgz-ink);text-decoration:none;font-weight:700;margin:.3rem 0 .15rem}
.bgz-mast__tag{font-style:italic;color:var(--bgz-ink2);font-size:.95rem}
.bgz-mast__rule{border:0;border-top:1px solid var(--bgz-ink);margin:1rem auto .22rem;max-width:46rem}
.bgz-mast__rule2{border:0;border-top:3px double var(--bgz-ink);margin:0 auto;max-width:46rem}

/* nav */
.bgz-nav{font-family:var(--bgz-sans);padding:.55rem 0 .7rem;border-bottom:1px solid var(--bgz-rule)}
.bgz-nav ul{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1.4rem;max-width:60rem}
.bgz-nav a{color:var(--bgz-ink2);text-decoration:none;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;padding:.25rem 0}
.bgz-nav a:hover{color:var(--bgz-brass)}
.bgz-nav a[aria-current="page"]{color:var(--bgz-ink);border-bottom:2px solid var(--bgz-brass)}
.bgz-nav__toggle,.bgz-nav__handle{display:none}
@media(max-width:44rem){
  .bgz-nav ul{display:none}
  .bgz-nav__handle{display:block;text-align:center;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bgz-ink);cursor:pointer;padding:.3rem}
  .bgz-nav__toggle:checked~ul{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding-top:.5rem}
}

/* crumbs */
.bgz-crumb{font-family:var(--bgz-sans);font-size:.75rem;padding:.9rem 0 0;color:var(--bgz-ink2)}
.bgz-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.bgz-crumb li+li:before{content:"›";margin-right:.35rem;color:var(--bgz-stone)}

/* hero home */
.bgz-hero{border-bottom:3px double var(--bgz-ink);padding:2rem 0 2.2rem}
.bgz-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
@media(max-width:54rem){.bgz-hero__grid{grid-template-columns:1fr}}
.bgz-hero__kicker{font-family:var(--bgz-sans);font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--bgz-heather);margin:0 0 .6rem}
.bgz-hero h1{font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.12;margin:.2rem 0 .7rem;font-weight:700}
.bgz-hero__deck{font-size:1.08rem;color:var(--bgz-ink2);font-style:italic;margin:0 0 1.2rem}
.bgz-hero figure{margin:0}
.bgz-hero figcaption,.bgz-article__hero figcaption{font-family:var(--bgz-sans);font-size:.74rem;color:var(--bgz-ink2);padding:.45rem 0 0;border-bottom:1px solid var(--bgz-rule)}
.bgz-btn{display:inline-block;font-family:var(--bgz-sans);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.55rem 1.1rem;text-decoration:none;border:1px solid var(--bgz-ink)}
.bgz-btn--solid{background:var(--bgz-ink);color:var(--bgz-paper)}
.bgz-btn--ghost{color:var(--bgz-ink);margin-left:.5rem}
.bgz-btn:hover{border-color:var(--bgz-brass);color:var(--bgz-brass)}
.bgz-btn--solid:hover{background:var(--bgz-brass);color:#fff}

/* bands + cards */
.bgz-band{padding:2.1rem 0;border-bottom:1px solid var(--bgz-rule)}
.bgz-band--tint{background:var(--bgz-paper2)}
.bgz-band--ink{background:var(--bgz-ink);color:var(--bgz-paper)}
.bgz-band--ink a{color:#e6d9b8}
.bgz-band--ink .bgz-kicker{color:var(--bgz-stone)}
.bgz-band--ink .bgz-standfirst{color:#cfc6ae}
.bgz-kicker{font-family:var(--bgz-sans);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--bgz-brass);margin:0 0 .4rem}
.bgz-band h2{font-size:1.55rem;margin:.1rem 0 .4rem}
.bgz-standfirst{font-style:italic;color:var(--bgz-ink2);margin:0 0 1.3rem;max-width:44rem}
.bgz-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.2rem}
.bgz-card{border:1px solid var(--bgz-rule);background:#fffdf7;display:flex;flex-direction:column}
.bgz-card__fig img{width:100%;aspect-ratio:8/5;object-fit:cover}
.bgz-card__body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem}
.bgz-card__tag{font-family:var(--bgz-sans);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bgz-heather);margin:0}
.bgz-card h3{margin:0;font-size:1.12rem;line-height:1.25}
.bgz-card h3 a{color:var(--bgz-ink);text-decoration:none}
.bgz-card h3 a:hover{color:var(--bgz-brass)}
.bgz-card__note{margin:0;font-size:.9rem;color:var(--bgz-ink2)}
.bgz-card__caption{margin:.2rem 0 0;font-size:.78rem;font-style:italic;color:var(--bgz-brass)}
.bgz-more{margin:1.2rem 0 0;font-family:var(--bgz-sans);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}

/* section tiles */
.bgz-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.2rem;counter-reset:tile}
.bgz-tile{border:1px solid var(--bgz-rule);background:#fffdf7;position:relative}
.bgz-tile__fig img{width:100%;aspect-ratio:8/5;object-fit:cover}
.bgz-tile>div{padding:1rem 1.1rem 1.2rem}
.bgz-tile__no{font-family:var(--bgz-sans);font-size:.7rem;letter-spacing:.2em;color:var(--bgz-brass)}
.bgz-tile h3{margin:.3rem 0 .4rem;font-size:1.25rem}
.bgz-tile h3 a{color:var(--bgz-ink);text-decoration:none}
.bgz-tile__note{margin:0;font-size:.88rem;color:var(--bgz-ink2)}
.bgz-tile__meta{font-family:var(--bgz-sans);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bgz-heather);margin:.6rem 0 0}
.bgz-v1 .bgz-tile__no,.bgz-v1 .bgz-card__tag{color:var(--bgz-heather)}
.bgz-v2 .bgz-tile__no,.bgz-v2 .bgz-card__tag{color:var(--bgz-stone)}
.bgz-v3 .bgz-tile__no,.bgz-v3 .bgz-card__tag{color:var(--bgz-moor)}

/* departs (archive) */
.bgz-departs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.9rem}
.bgz-depart{display:flex;gap:.9rem;border-left:3px solid var(--bgz-stone);background:#fffdf7;padding:.7rem .9rem}
.bgz-depart__tag{font-family:var(--bgz-sans);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bgz-brass);margin:.15rem 0 0;white-space:nowrap}
.bgz-depart h3{margin:0;font-size:1rem}
.bgz-depart h3 a{color:var(--bgz-ink);text-decoration:none}
.bgz-depart__amorce{margin:.15rem 0 0;font-size:.82rem;color:var(--bgz-ink2)}

/* article page */
.bgz-page{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2.4rem;padding-bottom:2.5rem}
@media(max-width:60rem){.bgz-page{grid-template-columns:1fr}}
.bgz-article{max-width:44rem}
.bgz-article h1{font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.15;margin:.15rem 0 .5rem}
.bgz-article__standfirst{font-size:1.05rem;font-style:italic;color:var(--bgz-ink2);margin:0 0 .7rem}
.bgz-article__meta{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin:0 0 1.1rem;padding:.5rem 0;border-top:1px solid var(--bgz-ink);border-bottom:1px solid var(--bgz-rule);font-family:var(--bgz-sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bgz-ink2)}
.bgz-article__hero{margin:0 0 1.4rem}
.bgz-article__hero img{width:100%;aspect-ratio:16/9;object-fit:cover}
.bgz-body h2{font-size:1.3rem;margin:1.7rem 0 .5rem;padding-top:.4rem;border-top:1px solid var(--bgz-rule)}
.bgz-body h2:first-child{border-top:0;padding-top:0;margin-top:1.2rem}
.bgz-body p{margin:.75rem 0}

/* sidebar */
.bgz-side{display:flex;flex-direction:column;gap:1.1rem;padding-top:.4rem}
.bgz-side__box{border:1px solid var(--bgz-rule);background:#fffdf7;padding:.9rem 1rem}
.bgz-side__box h2{font-family:var(--bgz-sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bgz-brass);margin:0 0 .6rem}
.bgz-side__box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.bgz-side__box a{color:var(--bgz-ink2);text-decoration:none;font-size:.9rem}
.bgz-side__box a:hover{color:var(--bgz-brass)}
.bgz-side__toc a{font-size:.84rem}

/* onward */
.bgz-onward{margin-top:2rem;border-top:3px double var(--bgz-ink);padding-top:1rem}
.bgz-onward h2{font-family:var(--bgz-sans);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bgz-heather);margin:0 0 .6rem}
.bgz-onward ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.bgz-onward a{color:var(--bgz-ink);text-decoration:none;font-size:1.02rem}
.bgz-onward a:hover{color:var(--bgz-brass)}

/* hub list */
.bgz-hublist{margin-top:2rem}

/* footer */
.bgz-foot{background:var(--bgz-ink);color:#cfc6ae;margin-top:0;padding:2rem 0 1.4rem;font-size:.92rem}
.bgz-foot a{color:#e6d9b8}
.bgz-foot__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.6rem}
.bgz-foot h2{font-family:var(--bgz-sans);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bgz-stone);margin:0 0 .6rem}
.bgz-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.bgz-foot__base{border-top:1px solid #4a453a;margin-top:1.6rem;padding-top:.9rem;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;font-family:var(--bgz-sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}

/* 404 */
.bgz-404{max-width:40rem;padding:3rem 0}
.bgz-404 h1{font-size:2rem}