/* Article template (single.php) — Latest Updates / Eventspiration.
   Built from the Barmotion design system (style.css :root): dark teal page (--bg), off-white headings (--ink), muted body copy (--ink-muted), lime accent (--accent),
   Oswald uppercase headings at weight 300 with one optional bold phrase, Open Sans body. The visual summary strip is the one light (off-white) band.
   A light version of the same layout (white page, dark teal text) is available as Customizer > Articles > Style; it only changes the colour tokens below.
   Structure: .bm-art-hero · .bm-art-sumwrap (optional) · .bm-art-body (rows: copy 45% | images 55%) · .bm-art-related · (standard CTA band from barmotion-news.css). */

.bm-art{
	--art-bg:var(--bg); --art-head:var(--ink); --art-text:var(--ink-muted); --art-strong:var(--ink); --art-muted:var(--ink-faint);
	--art-rule:var(--rule); --art-accent:var(--accent); --art-mark:var(--accent);
	--art-strip-bg:var(--bg-panel); --art-strip-ink:var(--ink-muted); --art-strip-num:var(--accent); --art-strip-rule:var(--rule);
	--art-fade:13,26,31;
	--art-gutter:max(var(--gutter,5%), calc((100% - var(--maxw,1440px)) / 2));
	background:var(--art-bg); color:var(--art-text); font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:16px; line-height:1.55;
}
.bm-art--light{
	--art-bg:#ffffff; --art-head:#0d1a1f; --art-text:#1d2d33; --art-strong:#0d1a1f; --art-muted:#4b5b60;
	--art-rule:rgba(13,26,31,.14); --art-mark:rgba(148,201,63,.55);
	--art-strip-bg:#f3f4ef; --art-strip-ink:#0d1a1f; --art-strip-num:#0d1a1f; --art-strip-rule:rgba(13,26,31,.28); --art-fade:255,255,255;
}

/* headings: the site's own heading style (Oswald, uppercase, weight 300, a bold phrase for emphasis). The bold phrase is lime on dark, a lime underline on light. */
.bm-art h1, .bm-art h2, .bm-art h3{ color:var(--art-head); }
.bm-art h1 b, .bm-art h2 b, .bm-art h3 b{ font-weight:700; color:var(--art-accent); }
.bm-art--light h1 b, .bm-art--light h2 b, .bm-art--light h3 b{ color:var(--art-head); box-shadow:inset 0 -.2em 0 var(--art-mark); }

/* ---- hero: article information left, picture right ---- */
.bm-art-hero{ position:relative; overflow:hidden; display:flex; align-items:center; min-height:380px; padding:0 var(--art-gutter); background:var(--art-bg); }
.bm-art-hero__text{ position:relative; z-index:2; width:46%; max-width:620px; padding:26px 0 30px; }
.bm-art-crumbs{ display:flex; flex-wrap:wrap; gap:4px 12px; margin:0 0 20px; font-size:11.5px; line-height:1.4; color:var(--art-text); }
.bm-art-crumbs a, .bm-art-crumbs span{ position:relative; text-decoration:none; color:inherit; }
.bm-art-crumbs > *:not(:last-child)::after{ content:"\203A"; margin-left:12px; color:var(--art-muted); }
.bm-art-crumbs [aria-current]{ font-weight:700; color:var(--art-strong); }
.bm-art-crumbs a:hover{ color:var(--art-accent); }
.bm-art-hero__eyebrow{ display:block; margin:0 0 6px; font-family:'Oswald',sans-serif; font-size:15px; font-weight:400; letter-spacing:.08em; text-transform:uppercase; color:var(--art-accent); }
.bm-art--light .bm-art-hero__eyebrow{ color:var(--art-head); }
.bm-art-hero h1{ margin:0 0 14px; font-size:clamp(2.2rem,4vw,3.2rem); line-height:.9; }
.bm-art-hero__meta{ margin:0 0 14px; font-size:15px; color:var(--art-strong); }
.bm-art-hero__meta span[aria-hidden]{ margin:0 8px; }
.bm-art-hero__intro{ margin:0; max-width:520px; font-size:15px; line-height:1.55; color:var(--art-text); }
.bm-art-hero__pic{ position:absolute; top:0; right:0; bottom:0; width:56%; z-index:1; }
.bm-art-hero__pic img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; margin:0; border-radius:0; }
.bm-art-hero__pic::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(var(--art-fade),1) 0%, rgba(var(--art-fade),.55) 14%, rgba(var(--art-fade),0) 40%); pointer-events:none; }
.bm-art-hero--text .bm-art-hero__text{ width:100%; max-width:760px; }

/* ---- visual summary strip (optional) ---- */
.bm-art-sumwrap{ padding:30px var(--art-gutter) 0; background:var(--art-bg); }
.bm-art-sum{ display:grid; grid-template-columns:repeat(var(--n,3), minmax(0,1fr)); background:var(--art-strip-bg); margin:0; padding:30px 0; }
.bm-art-sum__item{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2px 24px; }
.bm-art-sum__item + .bm-art-sum__item{ border-left:1px solid var(--art-strip-rule); }
.bm-art-sum__main{ font-family:'Oswald',sans-serif; font-weight:700; font-size:38px; line-height:1.05; color:var(--art-strip-num); }
.bm-art-sum__label{ margin-top:8px; font-family:'Oswald',sans-serif; font-weight:400; font-size:13px; line-height:1.3; letter-spacing:.08em; text-transform:uppercase; color:var(--art-strip-ink); }

/* ---- article: copy always left (45%), images always right (55%) ---- */
.bm-art-body{ padding:30px var(--art-gutter); background:var(--art-bg); }
.bm-art-row{ display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); gap:50px; align-items:start; padding:30px 0; }
.bm-art-row--text-only{ grid-template-columns:minmax(0,760px); }
.bm-art-copy{ min-width:0; padding-right:10px; }
.bm-art-copy > :first-child{ margin-top:0; }
.bm-art-copy h2{ margin:0 0 16px; font-size:clamp(1.7rem,2.6vw,2.2rem); line-height:.9; }
.bm-art-copy h2::before{ content:""; display:block; width:24px; height:2px; background:var(--accent); margin:0 0 14px; }
.bm-art-copy h3{ margin:0 0 12px; font-size:1.25rem; line-height:1; }
.bm-art-copy h2 + h3{ margin-top:-4px; }
.bm-art-copy p{ margin:0 0 16px; max-width:none; color:var(--art-text); }
.bm-art-copy ul, .bm-art-copy ol{ margin:0 0 16px; padding-left:22px; }
.bm-art-copy li{ margin:0 0 6px; }
.bm-art-copy li::marker{ color:var(--accent); }
.bm-art-copy a{ color:var(--art-strong); text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:2px; text-underline-offset:3px; }
.bm-art-copy a:hover{ color:var(--accent); }
.bm-art--light .bm-art-copy a:hover{ background:rgba(148,201,63,.18); color:var(--art-head); }
.bm-art-copy blockquote{ margin:0 0 18px; padding:2px 0 2px 18px; border-left:2px solid var(--accent); font-size:18px; line-height:1.5; color:var(--art-strong); }
.bm-art-copy blockquote p{ margin:0 0 8px; color:inherit; }
.bm-art-copy strong{ font-weight:700; color:var(--art-strong); }

/* images (always the right-hand column; natural proportions, one consistent gap) */
.bm-art-imgs{ min-width:0; display:grid; gap:12px; align-content:start; margin:0; }
.bm-art-imgs figure{ margin:0; min-width:0; }
.bm-art-imgs img{ display:block; width:100%; height:auto; border:0; border-radius:0; margin:0; }
.bm-art-imgs figcaption{ margin-top:6px; font-size:12.5px; line-height:1.4; color:var(--art-muted); }
.bm-art-imgs--landscape, .bm-art-imgs--portrait{ grid-template-columns:minmax(0,1fr); }
.bm-art-imgs--portrait{ justify-items:start; }
.bm-art-imgs--portrait figure{ width:100%; max-width:540px; }
.bm-art-imgs--two{ grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.bm-art-imgs--large-two{ grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
.bm-art-imgs--large-two figure:first-child{ grid-column:1 / -1; }
.bm-art-imgs--gallery{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.bm-art-imgs--gallery.bm-art-imgs--cols-3{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.bm-art-imgs--gallery img{ aspect-ratio:4 / 3; object-fit:cover; }
.bm-art-imgs--gallery.bm-art-imgs--cols-3 img{ aspect-ratio:1 / 1; }
.bm-art-imgs--gallery.bm-art-imgs--odd figure:first-child{ grid-column:1 / -1; }
.bm-art-imgs--gallery.bm-art-imgs--odd figure:first-child img{ aspect-ratio:16 / 9; }

/* ---- related articles ---- */
.bm-art-related{ padding:30px var(--art-gutter); background:var(--art-bg); }
.bm-art-related__head{ display:flex; align-items:baseline; justify-content:space-between; gap:20px; border-top:1px solid var(--art-rule); padding-top:20px; margin-bottom:20px; }
.bm-art-related h2{ margin:0; font-size:1.5rem; line-height:.9; }
.bm-art-related__all{ font-family:'Oswald',sans-serif; font-size:13px; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; color:var(--art-strong); border-bottom:2px solid var(--accent); padding-bottom:2px; white-space:nowrap; }
.bm-art-related__all:hover{ color:var(--accent); }
.bm-art-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.bm-art-card{ display:flex; flex-direction:column; min-width:0; text-decoration:none; }
.bm-art-card__photo{ display:block; aspect-ratio:16 / 8; overflow:hidden; background:var(--bg-panel); }
.bm-art-card__photo img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.bm-art-card:hover .bm-art-card__photo img{ transform:scale(1.04); }
.bm-art-card__meta{ margin:10px 0 4px; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--art-muted); }
.bm-art-card__title{ margin:0 0 6px; font-family:'Oswald',sans-serif; font-weight:400; font-size:1.2rem; line-height:1.15; letter-spacing:.01em; text-transform:uppercase; color:var(--art-head); }
.bm-art-card:hover .bm-art-card__title{ color:var(--accent); }
.bm-art--light .bm-art-card:hover .bm-art-card__title{ color:var(--art-head); }
.bm-art-card__text{ margin:0 0 12px; font-size:14px; line-height:1.45; color:var(--art-text); }
.bm-art-card__more{ margin-top:auto; align-self:flex-start; font-family:'Oswald',sans-serif; font-size:13px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--art-strong); border-bottom:2px solid var(--accent); padding-bottom:2px; }

/* ---- tablet / mobile: stack. Each section keeps its own copy then its own images ---- */
@media (max-width:1000px){
	.bm-art-hero{ display:block; min-height:0; padding-bottom:0; }
	.bm-art-hero__text{ width:100%; max-width:none; padding:22px 0 24px; }
	.bm-art-hero__pic{ position:relative; width:auto; height:auto; margin:0 calc(var(--art-gutter) * -1); aspect-ratio:16 / 10; }
	.bm-art-hero__pic::after{ background:linear-gradient(180deg, rgba(var(--art-fade),1) 0%, rgba(var(--art-fade),0) 24%); }
	.bm-art-row{ grid-template-columns:minmax(0,1fr); gap:20px; padding:20px 0; }
	.bm-art-row--text-only{ grid-template-columns:minmax(0,1fr); }
	.bm-art-copy{ padding-right:0; }
	.bm-art-cards{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:640px){
	.bm-art-sum{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 0; }
	.bm-art-sum__item:nth-child(odd){ border-left:0; }
	.bm-art-sum__main{ font-size:30px; }
	.bm-art-imgs--gallery.bm-art-imgs--cols-3{ grid-template-columns:repeat(2,minmax(0,1fr)); }
	.bm-art-cards{ grid-template-columns:minmax(0,1fr); }
	.bm-art-related__head{ flex-wrap:wrap; }
}