/* Homepage editorial layout; uses the existing Inter and navy/yellow palette. */
.bgw-home { --home-ink:var(--bgw-navy); --home-gold:var(--bgw-yellow); }
.bgw-home *, .bgw-home *::before, .bgw-home *::after { box-sizing:border-box; }
.bgw-home a { text-decoration:none; }
.bgw-home a:focus-visible { outline:3px solid var(--home-gold); outline-offset:5px; }
.bgw-home .bgw-eyebrow { font-size:.69rem; line-height:1.5; font-weight:750; letter-spacing:.15em; text-transform:uppercase; margin:0 0 16px; }
.bgw-featured { padding:32px 0 56px; }
.bgw-section-line { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:18px; color:var(--color-text-muted); font-size:.75rem; }
.bgw-section-line .bgw-eyebrow { margin:0; color:var(--color-primary); }
.bgw-feature-grid { display:grid; grid-template-columns:1.5fr 1fr; grid-template-rows:repeat(2,minmax(220px,auto)); gap:20px; }
.bgw-feature-card { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; border-radius:20px; padding:30px; background:var(--bgw-navy-ink); color:#fff; border:1px solid var(--bgw-navy-slate); }
.bgw-feature-card--main { grid-row:span 2; min-height:510px; padding:40px; background:radial-gradient(ellipse at 100% 0%,var(--bgw-navy-steel),transparent 65%),var(--bgw-navy); }
.bgw-feature-card--side:last-child { background:var(--bgw-tint-grey-1); color:var(--bgw-navy); border-color:var(--bgw-tint-blue-2); }
.bgw-feature-copy { position:relative; z-index:2; max-width:570px; }
.bgw-home .bgw-feature-copy h2 { color:inherit; font-size:clamp(1.35rem,2.1vw,1.85rem); line-height:1.17; letter-spacing:-.035em; margin:12px 0; }
.bgw-home .bgw-feature-card--main h2 { font-size:clamp(1.9rem,3.2vw,3rem); max-width:510px; }
.bgw-feature-copy p { color:inherit; opacity:.82; font-size:.86rem; line-height:1.65; margin:0 0 18px; max-width:470px; }
.bgw-feature-label { display:inline-block; font-size:.64rem; letter-spacing:.12em; text-transform:uppercase; font-weight:750; padding:6px 9px; border:1px solid currentColor; border-radius:5px; }
.bgw-feature-read { display:flex; align-items:center; justify-content:space-between; font-weight:650; font-size:.78rem; padding-top:12px; border-top:1px solid #ffffff35; }
.bgw-feature-read span { font-size:1.3rem; transition:transform .2s; }
.bgw-feature-card:hover .bgw-feature-read span { transform:translate(3px,-3px); }
.bgw-feature-number { position:absolute; right:25px; top:16px; opacity:.13; font-size:4.5rem; line-height:1; font-weight:800; }
.bgw-power-art { position:absolute; width:65%; right:-5%; top:2%; color:var(--bgw-sky); opacity:.6; z-index:0; }
.bgw-feature-card--main:not(.has-image) .bgw-feature-copy { margin-top:150px; }
.bgw-feature-image, .bgw-feature-image::after { position:absolute; inset:0; z-index:-1; }
.bgw-feature-image img { width:100%; height:100%; object-fit:cover; }
.bgw-feature-image::after { content:''; background:linear-gradient(180deg,var(--bgw-ink-shadow-soft),var(--bgw-ink-overlay) 80%); z-index:1; }
.bgw-feature-card.has-image { color:#fff; }
.bgw-feature-card--side:last-child:not(.has-image) .bgw-feature-read { border-color:var(--bgw-navy-a19); }
.bgw-introduction { padding:64px 0; background:var(--color-bg-alt); border-block:1px solid var(--color-border); }
.bgw-introduction-grid { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); gap:clamp(30px,6vw,100px); align-items:center; }
.bgw-home h1 { font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.16; letter-spacing:-.04em; margin:0 0 22px; color:var(--color-primary); }
.bgw-intro-description { font-size:1rem; line-height:1.8; color:var(--color-text-secondary); max-width:660px; }
.bgw-publisher { margin:22px 0 0; font-size:.78rem; color:var(--color-text-muted); }
.bgw-publisher a { display:inline; color:var(--color-primary); font-weight:650; border-bottom:1px solid var(--home-gold); }
.bgw-stats { border-left:1px solid var(--color-border-strong); padding-left:34px; }
.bgw-stats>div { display:flex; align-items:center; gap:22px; padding:18px 0; border-bottom:1px solid var(--color-border); }
.bgw-stats>div:last-child { border:0; padding-bottom:0; }
.bgw-stats strong { min-width:115px; font-size:2.7rem; line-height:1; letter-spacing:-.06em; color:var(--color-primary); font-variant-numeric:tabular-nums; }
.bgw-stats strong span { color:var(--bgw-gold-dark); font-weight:400; }
.bgw-stats>div>span { font-size:.8rem; line-height:1.5; color:var(--color-text-secondary); }
.bgw-latest { padding:64px 0; }
.bgw-section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:25px; }
.bgw-section-heading h2 { font-size:clamp(1.5rem,2.5vw,2rem); margin:0; letter-spacing:-.035em; }
.bgw-section-heading>p { max-width:260px; font-size:.85rem; color:var(--color-text-muted); }
.bgw-empty-journal { display:flex; align-items:center; gap:22px; padding:28px; border:1px solid var(--color-border); background:var(--color-bg-alt); border-radius:16px; }
.bgw-empty-mark { display:grid; place-items:center; width:48px; height:48px; flex-shrink:0; border-radius:50%; background:var(--home-gold); color:var(--bgw-navy); font-size:1.5rem; }
.bgw-empty-journal h3 { font-size:1rem; margin:0 0 8px; }
.bgw-empty-journal p { margin:0; max-width:590px; font-size:.85rem; color:var(--color-text-secondary); }
.bgw-empty-journal>a { margin-left:auto; white-space:nowrap; font-size:.8rem; font-weight:700; color:var(--color-primary); }
.bgw-latest-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bgw-latest-grid article { border:1px solid var(--color-border); padding:20px; border-radius:16px; }
.bgw-latest-grid img { aspect-ratio:16/10; object-fit:cover; width:100%; border-radius:10px; }
.bgw-latest-grid h3 { font-size:1.15rem; margin:18px 0 12px; }
.bgw-latest-grid p { font-size:.85rem; color:var(--color-text-secondary); }
.bgw-team { padding:0 0 72px; }
.bgw-team-grid { display:grid; grid-template-columns:1fr 1.12fr; border:1px solid var(--color-border); border-radius:24px; overflow:hidden; }
.bgw-team-intro { padding:clamp(28px,4vw,54px); background:radial-gradient(ellipse at bottom left,var(--bgw-navy-soft),transparent 80%),var(--bgw-navy); color:#fff; }
.bgw-team-intro .bgw-eyebrow { color:var(--bgw-yellow-soft); }
.bgw-home .bgw-team-intro h2 { color:#fff; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.14; letter-spacing:-.04em; margin:22px 0; }
.bgw-team-intro h2>span { color:var(--bgw-yellow); }
.bgw-team-intro>p:not(.bgw-eyebrow) { color:var(--bgw-tint-blue-3); line-height:1.8; font-size:.9rem; }
.bgw-team-button { display:inline-flex; gap:25px; align-items:center; padding:13px 18px; background:var(--bgw-yellow); color:var(--bgw-navy); border-radius:8px; font-size:.82rem; font-weight:750; margin-top:20px; }
.bgw-team-button:hover { background:var(--bgw-yellow-bright); color:var(--bgw-navy); }
.bgw-team-intro .bgw-team-note { margin:22px 0 0; font-size:.7rem!important; }
.bgw-team-information { display:grid; grid-template-rows:repeat(3,1fr); background:var(--color-surface); }
.bgw-team-info { padding:30px; display:flex; gap:22px; border-bottom:1px solid var(--color-border); align-items:start; }
.bgw-team-info:last-child { border:0; }
.bgw-info-number { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; background:var(--color-bg-alt); color:var(--color-primary); border:1px solid var(--color-border); border-radius:10px; font-size:.78rem; font-weight:750; }
.bgw-team-info .bgw-eyebrow { color:var(--color-text-muted); margin:0 0 6px; font-size:.62rem; }
.bgw-team-info h3 { font-size:1.12rem; margin:0 0 10px; letter-spacing:-.02em; }
.bgw-team-info h3 a { color:var(--color-primary); }
.bgw-team-info h3 a span { margin-left:6px; font-weight:400; }
.bgw-team-info p:last-child { font-size:.83rem; line-height:1.7; margin:0; color:var(--color-text-secondary); }
@media(max-width:1000px) { .bgw-feature-grid { grid-template-columns:1.2fr 1fr; }.bgw-feature-card,.bgw-feature-card--main { padding:26px; }.bgw-team-grid { grid-template-columns:1fr 1fr; }.bgw-team-info { padding:24px; gap:14px; }.bgw-introduction-grid { gap:32px; }.bgw-stats { padding-left:24px; } }
@media(max-width:760px) { .bgw-feature-grid,.bgw-introduction-grid,.bgw-team-grid { grid-template-columns:1fr; }.bgw-feature-card--main { grid-row:auto; min-height:430px; }.bgw-feature-card--side { min-height:240px; }.bgw-featured { padding:24px 0 36px; }.bgw-section-line>span:last-child { display:none; }.bgw-introduction,.bgw-latest { padding:40px 0; }.bgw-stats { padding:24px 0 0; border-left:0; border-top:1px solid var(--color-border); }.bgw-stats strong { min-width:130px; }.bgw-empty-journal { flex-wrap:wrap; padding:22px; }.bgw-empty-journal>div { flex:1; min-width:180px; }.bgw-empty-journal>a { margin:0; }.bgw-section-heading { display:block; }.bgw-section-heading>p { max-width:none; }.bgw-latest-grid { grid-template-columns:1fr; }.bgw-team { padding-bottom:40px; }.bgw-team-info { padding:26px; }.bgw-feature-copy h2 { overflow-wrap:anywhere; } }
@media(prefers-reduced-motion:reduce) { .bgw-feature-read span { transition:none; } }

/* Product fallback images (no featured image): show the whole product on white, like Related cards. */
.bgw-feature-image:has(.bgw-product-img) { background:#fff; }
.bgw-feature-image .bgw-product-img { object-fit:contain; padding:24px 24px 38%; box-sizing:border-box; }
.bgw-latest-grid .bgw-product-img { object-fit:contain; background:#fff; padding:12px; box-sizing:border-box; }

/* Keep feature artwork intact: image and editorial copy occupy separate areas. */
.bgw-feature-grid { grid-template-columns:1.25fr 1fr; grid-template-rows:repeat(2,auto); gap:24px; align-items:stretch; }
.bgw-feature-card,
.bgw-feature-card--main,
.bgw-feature-card--side:last-child { padding:0; min-height:0; background:var(--color-surface); color:var(--color-text); border:1px solid var(--color-border); }
.bgw-feature-card { justify-content:flex-start; transition:border-color .2s; }
.bgw-feature-card:hover { border-color:var(--color-primary); }
.bgw-feature-image { position:relative; inset:auto; z-index:auto; flex-shrink:0; background:var(--color-bg-alt); }
.bgw-feature-image::after { display:none; }
.bgw-feature-image img,
.bgw-feature-image .bgw-product-img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; padding:0; }
.bgw-feature-image .bgw-product-img { padding:16px; background:#fff; }
.bgw-feature-card.has-image { color:var(--color-text); }
.bgw-feature-copy { padding:26px; max-width:none; }
.bgw-feature-card--main:not(.has-image) .bgw-feature-copy { margin-top:0; }
.bgw-feature-copy h2,
.bgw-home .bgw-feature-card--main h2 { font-size:clamp(1.4rem,2.1vw,2rem); line-height:1.25; max-width:none; letter-spacing:-.025em; }
.bgw-feature-copy p { color:var(--color-text-secondary); opacity:1; }
.bgw-feature-label { color:var(--color-primary); background:var(--color-bg-alt); border:0; }
.bgw-feature-read,
.bgw-feature-card--side:last-child:not(.has-image) .bgw-feature-read { color:var(--color-primary); border-color:var(--color-border); }
.bgw-feature-number { display:none; }
.bgw-feature-card--side { display:grid; grid-template-columns:44% minmax(0,1fr); align-items:center; }
.bgw-feature-card--side .bgw-feature-copy { padding:22px; }
.bgw-home .bgw-feature-card--side h2 { font-size:clamp(1.1rem,1.6vw,1.45rem); line-height:1.3; }
.bgw-feature-card--side .bgw-feature-copy p { display:none; }
.bgw-feature-placeholder { background:var(--color-bg-alt); }
.bgw-feature-placeholder img { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; }
.bgw-products,.bgw-power-match { padding:64px 0; }
.bgw-products { border-bottom:1px solid var(--color-border); }
.bgw-section-heading>p { line-height:1.7; }
.bgw-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.bgw-product-card { display:flex; flex-direction:column; min-width:0; border:1px solid var(--color-border); border-radius:18px; overflow:hidden; background:var(--color-surface); }
.bgw-product-visual,.bgw-guide-visual { position:relative; background:var(--bgw-tint-grey-0); }
.bgw-product-visual img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; padding:10px; }
.bgw-product-card:nth-child(2) .bgw-product-visual { background:var(--bgw-tint-green-1); }
.bgw-product-card:nth-child(3) .bgw-product-visual { background:var(--bgw-cream); }
.bgw-product-card:nth-child(4) .bgw-product-visual { background:var(--bgw-tint-blue-1); }
.bgw-card-badge { display:inline-flex; align-items:center; background:#fff; color:var(--bgw-slate); border:1px solid var(--bgw-tint-grey-3); border-radius:5px; padding:4px 8px; font-size:.65rem; line-height:1.4; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.bgw-product-visual>.bgw-card-badge,.bgw-guide-visual>.bgw-card-badge { position:absolute; top:14px; left:14px; }
.bgw-product-copy { padding:22px; display:flex; flex-direction:column; flex:1; }
.bgw-card-kicker { margin:0 0 10px; font-size:.66rem; line-height:1.6; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--color-text-muted); }
.bgw-product-copy h3 { font-size:1.15rem; line-height:1.35; margin:0 0 12px; letter-spacing:-.02em; }
.bgw-product-copy h3 a { color:var(--color-primary); }
.bgw-product-copy>p:not(.bgw-card-kicker),.bgw-match-copy>p { color:var(--color-text-secondary); font-size:.85rem; line-height:1.75; margin:0 0 20px; }
.bgw-card-status { display:block; margin-top:auto; padding-top:14px; border-top:1px solid var(--color-border); font-size:.72rem; line-height:1.6; color:var(--color-text-muted); }
.bgw-card-action { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-top:auto; padding:14px 0 4px; border-top:1px solid var(--color-border); font-size:.8rem; line-height:1.6; font-weight:700; color:var(--color-primary); }
.bgw-card-action:hover { text-decoration:underline; text-underline-offset:4px; }
.bgw-latest-grid article { padding:0 0 22px; overflow:hidden; display:flex; flex-direction:column; background:var(--color-surface); }
.bgw-latest-grid article>a { display:block; }
.bgw-latest-grid img { display:block; height:auto; aspect-ratio:16/9; object-fit:contain; border-radius:0; background:var(--color-bg-alt); }
.bgw-latest-grid h3 { margin:20px 22px 12px; line-height:1.4; }
.bgw-latest-grid article>p { margin:0 22px 20px; line-height:1.75; }
.bgw-latest-grid article>.bgw-card-status { margin:auto 22px 0; }
.bgw-guide-visual img { padding:16px; background:transparent; }
.bgw-power-match { background:var(--color-bg-alt); border-block:1px solid var(--color-border); margin-bottom:64px; }
.bgw-match-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bgw-match-card { border:1px solid var(--color-border); border-radius:18px; overflow:hidden; background:var(--color-surface); display:flex; flex-direction:column; }
.bgw-match-visual { background:var(--bgw-tint-grey-2); }
.bgw-match-card:nth-child(2) .bgw-match-visual { background:var(--bgw-tint-green-2); }
.bgw-match-card:nth-child(3) .bgw-match-visual { background:var(--bgw-cream-soft); }
.bgw-match-visual img { display:block; width:100%; height:170px; object-fit:contain; padding:8px; }
.bgw-match-copy { padding:24px; display:flex; flex-direction:column; flex:1; }
.bgw-match-copy>.bgw-card-badge { align-self:flex-start; margin-bottom:10px; }
.bgw-match-copy h3 { font-size:1.3rem; margin:0 0 12px; letter-spacing:-.02em; line-height:1.3; }
@media(max-width:1000px) {
  .bgw-feature-grid { grid-template-columns:1.1fr 1fr; }
  .bgw-feature-card--side { grid-template-columns:1fr; }
  .bgw-feature-card--side .bgw-feature-image img,.bgw-feature-card--side .bgw-feature-placeholder img { max-height:150px; }
  .bgw-feature-card--side .bgw-feature-copy { padding:18px; }
  .bgw-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bgw-match-grid { gap:16px; }
  .bgw-match-copy { padding:20px; }
}
@media(max-width:760px) {
  .bgw-feature-grid { grid-template-columns:1fr; }
  .bgw-feature-card--main { grid-row:auto; }
  .bgw-feature-card--side { grid-template-columns:40% minmax(0,1fr); }
  .bgw-feature-card--side .bgw-feature-image img { max-height:none; }
  .bgw-feature-copy { padding:22px; }
  .bgw-feature-label { font-size:.58rem; letter-spacing:.07em; }
  .bgw-products,.bgw-power-match { padding:40px 0; }
  .bgw-power-match { margin-bottom:40px; }
  .bgw-match-grid { grid-template-columns:1fr; }
  .bgw-match-card { display:grid; grid-template-columns:34% minmax(0,1fr); }
  .bgw-match-visual { display:flex; align-items:center; }
  .bgw-match-visual img { height:auto; padding:0; }
}
@media(max-width:480px) {
  .bgw-product-grid { grid-template-columns:1fr; }
  .bgw-product-visual img { max-height:220px; }
  .bgw-feature-card--side .bgw-feature-copy { padding:16px; }
}
@media(prefers-reduced-motion:reduce) { .bgw-feature-card { transition:none; } }

/* Hero v3 (2026-10-13): the feature image already carries the H1 and the article-type kicker, so image cards
   show the artwork whole and keep the title for screen readers only; side cards are image + one compact bar. */
.bgw-sr { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.bgw-feature-grid { grid-template-columns:1.6fr 1fr; }
.bgw-feature-card { display:flex; flex-direction:column; }
.bgw-feature-card--main .bgw-feature-copy { display:flex; flex-direction:column; flex:1; padding:22px 26px; }
.bgw-feature-card--main.has-image .bgw-feature-copy p { font-size:.95rem; line-height:1.7; margin:12px 0 16px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.bgw-feature-card--main .bgw-feature-read { margin-top:auto; }
.bgw-feature-card .bgw-feature-label { align-self:flex-start; }
.bgw-feature-card--side { display:flex; grid-template-columns:none; }
.bgw-feature-card--side.has-image .bgw-feature-copy { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; flex:1; width:100%; }
.bgw-feature-card--side.has-image .bgw-feature-label { align-self:center; }
.bgw-feature-card--side.has-image .bgw-feature-read { border:0; padding:0; gap:10px; }
.bgw-feature-card--side .bgw-feature-image img { max-height:none; }
@media(max-width:1000px) { .bgw-feature-grid { grid-template-columns:1.3fr 1fr; } }
@media(max-width:760px) {
  .bgw-feature-grid { grid-template-columns:1fr; }
  .bgw-feature-card--side { display:flex; }
  .bgw-feature-card--main .bgw-feature-copy { padding:18px 20px; }
}
.bgw-match-visual.has-photo img { padding:16px; mix-blend-mode:multiply; }

/* Journal – card 1 dark excerpt panel (owner 2026-10-13). The image stays as generated; side cards unchanged.
   ".has-image" on the excerpt rule outranks the hero v3 clamp rule above. */
.bgw-feature-card--main{background:var(--bgw-navy);border-color:var(--bgw-navy);transition:box-shadow .25s ease,transform .25s ease}
.bgw-feature-card--main:hover{border-color:var(--bgw-navy);transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(var(--bgw-navy-rgb), .55)}
.bgw-feature-card--main .bgw-feature-copy{background:linear-gradient(180deg,var(--bgw-navy-mid) 0%,var(--bgw-navy-deep) 100%);color:#fff;padding:24px 28px 22px;flex:1}
.bgw-feature-card--main .bgw-feature-label{display:none}
.bgw-feature-card--main .bgw-feature-copy p,.bgw-feature-card--main.has-image .bgw-feature-copy p{color:rgba(255,255,255,.86);font-size:16.5px;line-height:1.7;margin:0;padding-left:16px;border-left:3px solid var(--bgw-gold-deep)}
.bgw-feature-card--main .bgw-feature-read{color:var(--bgw-gold);border-top-color:rgba(255,255,255,.14);margin-top:18px;padding-top:14px;font-size:13.5px}
.bgw-feature-card--main .bgw-feature-read span{color:var(--bgw-gold);transition:transform .25s ease}
.bgw-feature-card--main:hover .bgw-feature-read span{transform:translate(3px,-3px)}
.bgw-feature-card--main:focus-visible{outline:3px solid var(--bgw-gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.bgw-feature-card--main,.bgw-feature-card--main *{transition:none!important;transform:none!important}}
.bgw-feature-card--main .bgw-feature-copy p,.bgw-feature-card--main.has-image .bgw-feature-copy p{max-width:none}
/* Side cards: same navy bar as card 1 (owner 2026-10-13) */
.bgw-feature-card--side.has-image{background:var(--bgw-navy);border-color:var(--bgw-navy);transition:box-shadow .25s ease,transform .25s ease}
.bgw-feature-card--side.has-image:hover{border-color:var(--bgw-navy);transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(var(--bgw-navy-rgb), .55)}
.bgw-feature-card--side.has-image .bgw-feature-copy{background:linear-gradient(180deg,var(--bgw-navy-mid) 0%,var(--bgw-navy-deep) 100%);color:#fff}
.bgw-feature-card--side.has-image .bgw-feature-label{background:rgba(255,255,255,.1);color:var(--bgw-gold)}
.bgw-feature-card--side.has-image .bgw-feature-read,.bgw-feature-card--side.has-image .bgw-feature-read span{color:var(--bgw-gold)}
.bgw-feature-card--side.has-image .bgw-feature-read span{transition:transform .25s ease}
.bgw-feature-card--side.has-image:hover .bgw-feature-read span{transform:translate(3px,-3px)}
.bgw-feature-card--side:focus-visible{outline:3px solid var(--bgw-gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.bgw-feature-card--side,.bgw-feature-card--side *{transition:none!important;transform:none!important}}

/* Journal v4 (owner 2026-10-13): card 1 full width, artwork left 60% + navy excerpt panel right; cards 2-4 in a row. */
.bgw-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:24px}
.bgw-feature-card--main{grid-column:1/-1;grid-row:auto}
.bgw-feature-card--main.has-image{display:grid;grid-template-columns:3fr 2fr}
.bgw-feature-card--main.has-image .bgw-feature-image{display:flex;align-items:center;background:var(--bgw-navy)}   /* artwork never cropped (it carries the H1) */
.bgw-feature-card--main.has-image .bgw-feature-copy{justify-content:center;padding:32px 34px}
.bgw-feature-card--main.has-image .bgw-feature-copy p{-webkit-line-clamp:6}
.bgw-feature-card--main.has-image .bgw-feature-read{margin-top:24px}
.bgw-latest-grid article>a{flex:1}
@media(max-width:1000px){.bgw-feature-card--main.has-image{grid-template-columns:1fr 1fr}.bgw-feature-card--main.has-image .bgw-feature-copy{padding:24px}}
@media(max-width:760px){.bgw-feature-grid{grid-template-columns:1fr}.bgw-feature-card--main.has-image{grid-template-columns:1fr}.bgw-feature-card--main.has-image .bgw-feature-copy{padding:22px}}

/* Latest reviews & guides: navy title band with gold titles, matching the journal cards (owner 2026-10-13).
   Solid navy: 60% navy on white gives yellow text only 2.5:1 contrast; solid navy is 8.8:1+. */
.bgw-latest-grid article:not(.bgw-guide-demo){background:linear-gradient(180deg,var(--bgw-navy-mid) 0%,var(--bgw-navy-deep) 100%);border-color:var(--bgw-navy);transition:box-shadow .25s ease,transform .25s ease}
.bgw-latest-grid article:not(.bgw-guide-demo):hover{transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(var(--bgw-navy-rgb), .55)}
.bgw-home .bgw-latest-grid article:not(.bgw-guide-demo) h3{color:var(--bgw-gold)}
.bgw-latest-grid article:not(.bgw-guide-demo) a:hover h3{text-decoration:underline;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){.bgw-latest-grid article{transition:none!important;transform:none!important}}
/* Owner 2026-10-13: latest card titles 20% smaller; section side notes run wide to the right instead of a narrow column. */
.bgw-home .bgw-latest-grid h3{font-size:.92rem}
.bgw-section-heading>p{max-width:520px;text-align:right;margin:0}
@media(max-width:760px){.bgw-section-heading>p{text-align:left;margin-top:8px}}
.bgw-latest-grid article:not(.bgw-guide-demo){padding-bottom:18px}.bgw-home .bgw-latest-grid article:not(.bgw-guide-demo) h3{margin:16px 22px 0}
/* Latest reviews & guides: 4 columns (owner 2026-10-13), 2 on tablets, 1 on phones. */
.bgw-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bgw-home .bgw-latest-grid article:not(.bgw-guide-demo) h3{margin:14px 18px 0}
@media(max-width:1000px){.bgw-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.bgw-latest-grid{grid-template-columns:1fr}}
/* Discover more (journal pagination): rows may end short, cards stay left-aligned by the grid. */
.bgw-discover-wrap{display:flex;justify-content:center;margin-top:28px}
.bgw-discover{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;border:1px solid var(--bgw-navy);background:var(--bgw-navy);color:var(--bgw-gold);font:inherit;font-size:.85rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.bgw-discover:hover{transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(var(--bgw-navy-rgb), .6)}
.bgw-discover:focus-visible{outline:3px solid var(--bgw-gold);outline-offset:3px}
.bgw-discover[disabled]{opacity:.6;cursor:progress}
@media (prefers-reduced-motion:reduce){.bgw-discover{transition:none}}

/* Preserve the uploaded artwork composition and colors. */
.bgw-match-visual.has-artwork { background:transparent; }
.bgw-match-visual.has-artwork img { height:auto; aspect-ratio:4/3; object-fit:contain; padding:0; mix-blend-mode:normal; }

/* Compact power-match cards (2026-10-19): the whole card is the link, 16:9 artwork in a thin frame, short copy. */
.bgw-power-match { padding:48px 0; }
.bgw-match-grid { gap:16px; }
.bgw-match-card { padding:6px; border-radius:14px; }
a.bgw-match-card { color:inherit; text-decoration:none; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
a.bgw-match-card:hover { border-color:var(--color-primary); box-shadow:0 10px 24px -16px rgba(var(--bgw-navy-rgb), .45); transform:translateY(-2px); }
a.bgw-match-card:focus-visible { outline:3px solid var(--color-primary); outline-offset:3px; }
.bgw-match-card .bgw-match-visual,.bgw-match-card:nth-child(n) .bgw-match-visual.has-artwork { border-radius:10px; overflow:hidden; }
.bgw-match-card:nth-child(n) .bgw-match-visual.has-artwork { background:transparent; }
.bgw-match-visual img { height:auto; aspect-ratio:16/9; }
.bgw-match-visual.has-artwork img { aspect-ratio:16/9; object-fit:cover; }
.bgw-match-copy { padding:12px 10px 8px; }
.bgw-match-copy h3 { display:flex; justify-content:space-between; align-items:baseline; gap:8px; font-size:1.05rem; margin:0 0 4px; }
.bgw-match-arrow { color:var(--color-primary); font-size:.85rem; }
.bgw-match-copy>p { margin:0; font-size:.8rem; line-height:1.55; }
@media(max-width:760px) {
  .bgw-power-match { padding:32px 0; }
  .bgw-match-grid { gap:10px; }
  .bgw-match-card { grid-template-columns:38% minmax(0,1fr); align-items:center; gap:12px; }
  .bgw-match-visual { display:block; }
  .bgw-match-copy { padding:2px 6px 2px 0; }
  .bgw-match-copy h3 { font-size:1rem; }
  .bgw-match-copy>p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
}
@media (prefers-reduced-motion:reduce) { a.bgw-match-card { transition:none; } a.bgw-match-card:hover { transform:none; } }