/* Bacardi / Weddings. Reuses the gm-* components from glenmorangie.css; page-only pieces here.
   Per the MJ visual system, Bacardi red stays inside the artwork: the shell uses ink, paper and separators only. */
.bw-page{--gm:var(--ink)}

/* The three tiers, set big */
.bw-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px;list-style:none;margin:0;padding:0}
.bw-tiers>li{border-top:1px solid var(--line);padding-top:20px}
.bw-tiers strong{display:block;font-size:86px;font-weight:400;letter-spacing:-.07em;line-height:.9}
@media(max-width:1100px){.bw-tiers strong{font-size:68px}}
@media(max-width:760px){.bw-tiers strong{font-size:54px}}
.bw-tiers .gm-label{display:block;margin:18px 0 8px}
.bw-tiers h3{margin:0 0 10px!important;font-size:24px!important;letter-spacing:-.03em}
.strategy-editorial .bw-tiers p{font-size:16px;line-height:1.6;margin:0}

/* Matrices: functions by tier, deliverables by level */
.bw-matrix-wrap{margin-top:64px;overflow-x:auto}
.bw-matrix{width:100%;border-collapse:collapse;min-width:480px}
.bw-matrix caption{text-align:left;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:16px}
.bw-matrix th,.bw-matrix td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center;font-weight:400;font-size:16px}
.bw-matrix thead th{font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom-color:var(--ink)}
.bw-matrix th[scope=row],.bw-matrix thead th:first-child{text-align:left;padding-left:0}
.bw-matrix td.on::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ink)}
.bw-matrix td.off::before{content:"";display:inline-block;width:10px;height:1px;background:var(--line);vertical-align:middle}

.strategy-editorial .bw-status{grid-column:1/-1;justify-self:start;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;margin:0 0 40px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--ink);border-radius:var(--radius-pill);padding:8px 14px}
.bw-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}
.bw-page .se-wide img{border-radius:var(--radius-media)}

@media(max-width:900px){.bw-tiers{grid-template-columns:1fr;row-gap:36px}}
@media(max-width:600px){.bw-matrix-wrap{margin-top:44px}.bw-matrix th,.bw-matrix td{padding:12px 6px;font-size:16px}}

/* Signature moments: four across, tall images, tier tags */
.bw-moments{row-gap:56px}
.bw-page .bw-moments .gm-thumb{aspect-ratio:4/5;border-radius:var(--radius-media)}
.bw-moments .gm-label{display:block;margin-bottom:8px}
.bw-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:14px 0 0;padding:0}
.bw-tags li{border:1px solid var(--line);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.bw-moments .gm-slide-link{margin-top:14px}
/* Eight moments: four across on the 12-column grid (site-shell spans eight items at 4 by default) */
@media(min-width:1101px){.se-main ul.bw-moments.gm-cols>li{grid-column:span 3}}

/* ---- 12-column pass (desktop), matching site-shell.css ---- */
@media(min-width:1101px){
  /* tier and level cards: three sets of four columns on the standard gutter */
  .se-main .bw-tiers{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter,24px)}
  .se-main .bw-tiers>li{grid-column:span 4}
  /* tables: row label on columns 1-6 (under the section heading), one value per two columns on 7-12 (under the note) */
  .se-main .bw-matrix{display:block;min-width:0}
  .se-main .bw-matrix :is(thead,tbody){display:block}
  .se-main .bw-matrix caption{display:block}
  .se-main .bw-matrix tr{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter,24px);border-bottom:1px solid var(--line)}
  .se-main .bw-matrix thead tr{border-bottom-color:var(--ink)}
  .se-main .bw-matrix :is(th,td){border-bottom:0;padding-left:0;padding-right:0}
  .se-main .bw-matrix tr>:first-child{grid-column:1/7}
  .se-main .bw-matrix tr>:nth-child(2){grid-column:7/9}
  .se-main .bw-matrix tr>:nth-child(3){grid-column:9/11}
  .se-main .bw-matrix tr>:nth-child(4){grid-column:11/13}
  /* section-heading notes fill columns 7-12 (the sitewide 660px paragraph cap stops them short) */
  .se-main.bw-page .se-section-heading>p:last-child{max-width:none}
  /* closing line is the only item in its row: columns 1-6 */
  .se-main.bw-page .se-close-grid>p{grid-column:1/7;max-width:none!important}
  /* pull quote: columns 1-9 */
  .se-main .bw-page .gm-rule blockquote,.se-main.bw-page .gm-rule blockquote{max-width:calc((100% - 11*var(--gutter,24px))/12*9 + 8*var(--gutter,24px))}
}

/* Phones: the level cards already list every deliverable, so the table steps aside */
@media(max-width:760px){.bw-matrix-wrap.bw-levels-table{display:none}}
.strategy-editorial .bw-page .bw-brochure-link{margin:24px 0 0}