/* Maker's Mark / Bourbon Passport. Reuses the gm-* components from glenmorangie.css; page-only pieces here. */
.bp-red{--gm:#c4121f;--bp-cream:#f1ece3}
.bp-red .gm-steps .gm-tag.is-open{border-color:var(--gm);color:var(--gm)}

/* Insight: the three contradictions + two photographs */
.bp-yet{list-style:none;margin:56px 0 0;padding:0;border-top:1px solid var(--line)}
.bp-yet li{font-size:clamp(30px,4.2vw,64px);letter-spacing:-.05em;line-height:1.05;padding:18px 0;border-bottom:1px solid var(--line)}
.bp-yet span{font-family:Caveat,'Bradley Hand',cursive;color:var(--gm);letter-spacing:0;font-size:.78em;padding:0 .12em}
.bp-insight-media{display:grid;grid-template-columns:1.62fr 1fr;gap:16px;margin:48px 0 0}
.bp-insight-media img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;max-height:560px}
.bp-insight-media figcaption{grid-column:1/-1}

/* The passport, drawn in HTML */
.bp-passport-fig{margin:56px 0 0}
.bp-passport{display:grid;grid-template-columns:1fr 1fr;max-width:1080px;margin:0 auto;background:var(--bp-cream);border-radius:10px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 60px -30px rgba(60,20,10,.35);position:relative;color:var(--gm);overflow:hidden}
.bp-passport::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(120,40,30,.18);box-shadow:-14px 0 28px rgba(80,30,20,.07),14px 0 28px rgba(80,30,20,.07)}
.bp-page{aspect-ratio:5/6;padding:clamp(22px,3.6vw,48px);position:relative}
.bp-page-title{display:flex;flex-direction:column}
.bp-page-title::before{content:"";position:absolute;left:0;right:0;bottom:0;height:18px;background:repeating-linear-gradient(90deg,var(--gm) 0 18px,transparent 18px 36px)}
.strategy-editorial .bp-pp-brands{font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--gm)}
.bp-pp-brands span{opacity:.6;padding:0 4px}
.strategy-editorial .bp-pp-script{font-family:Caveat,'Bradley Hand',cursive;font-size:clamp(22px,2.3vw,32px);margin:auto 0 0;line-height:1;color:var(--gm)}
.strategy-editorial .bp-pp-name{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(40px,5.6vw,82px);line-height:.88;letter-spacing:-.045em;margin:6px 0 18px;text-transform:uppercase;color:var(--gm)}
.strategy-editorial .bp-pp-meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.6;margin:0 0 auto;color:var(--gm)}
.bp-pp-holder{margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bp-pp-holder dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.7;margin-bottom:4px}
.bp-pp-holder dd{margin:0;font-family:Caveat,'Bradley Hand',cursive;font-size:clamp(18px,1.8vw,24px);border-bottom:1px solid rgba(196,18,31,.35);padding-bottom:2px;color:#3a2a22}
.bp-page-stamps{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:clamp(8px,1.4vw,18px);align-items:center;justify-items:center;background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(196,18,31,.05) 27px 28px)}
.bp-stamp{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--gm);border:2px solid currentColor;outline:1px solid currentColor;outline-offset:3px;padding:10px 12px;width:min(100%,180px);aspect-ratio:1/1;border-radius:50%;mix-blend-mode:multiply;opacity:.88;font-family:Georgia,'Times New Roman',serif;box-sizing:border-box}
.bp-stamp b{font-size:clamp(11px,1.15vw,16px);text-transform:uppercase;letter-spacing:.04em;line-height:1.05}
.bp-stamp i{font-style:normal;font-family:Caveat,'Bradley Hand',cursive;font-size:clamp(16px,1.6vw,22px);line-height:1;margin:4px 0 2px}
.bp-stamp small{font-family:Arial,Helvetica,sans-serif;font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;max-width:85%}
.bp-s1{transform:rotate(-9deg)}
.bp-s2{border-radius:6px;aspect-ratio:4/3;transform:rotate(6deg);color:#1d1d1b}
.bp-s3{border-radius:6px;aspect-ratio:5/4;transform:rotate(-4deg)}
.bp-s4{transform:rotate(11deg);border-style:dashed;color:#9a5a12}
.bp-s5{border-radius:40% 40% 8px 8px;transform:rotate(-12deg)}
.bp-s6{transform:rotate(3deg)}
.bp-stamp.is-empty{border:1.5px dashed rgba(196,18,31,.45);outline:0;opacity:1;color:rgba(196,18,31,.6)}
.bp-passport-fig figcaption{max-width:1080px;margin:16px auto 0}

/* Brand roles */
.strategy-editorial .bp-pano img{aspect-ratio:auto;object-fit:cover;max-height:420px}
.bp-roles{margin-top:48px}
.bp-red .bp-roles img{aspect-ratio:4/3}
.strategy-editorial .bp-why{border-left:2px solid var(--gm);padding-left:14px}
.bp-alts{margin-top:64px}
.bp-alts .se-kicker{margin-bottom:18px}
.bp-alts .gm-slide-link{margin-top:12px}

/* Finale */
.bp-red .bp-finale img{aspect-ratio:16/11;margin-bottom:22px}
.bp-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:16/11;margin-bottom:22px}
.bp-red .bp-finale .bp-duo img{aspect-ratio:auto;height:100%;margin:0;min-height:0}
.strategy-editorial .bp-ref-note{grid-column:1/-1;font-size:12px;color:var(--muted);margin:40px 0 0}

@media(max-width:900px){.bp-insight-media{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.bp-passport{grid-template-columns:1fr}.bp-passport::after{display:none}.bp-page{aspect-ratio:auto;min-height:420px}.bp-page-stamps{border-top:1px solid rgba(120,40,30,.18);min-height:520px}.strategy-editorial .bp-pp-script{margin-top:48px}.strategy-editorial .bp-pp-meta{margin-bottom:40px}}
@media(max-width:600px){.bp-insight-media{grid-template-columns:1fr}.bp-insight-media img{max-height:420px}.bp-yet{margin-top:40px}.bp-alts{margin-top:44px}}
/* strategy-page.css forces text to var(--ink) with !important; the passport is printed matter, so it keeps its own inks */
body.strategy-editorial .bp-passport :is(p,dt,small){color:var(--gm)!important}
body.strategy-editorial .bp-passport dd{color:#3a2a22!important}
body.strategy-editorial .bp-passport .bp-s2 small{color:#1d1d1b!important}
body.strategy-editorial .bp-passport .bp-s4 small{color:#9a5a12!important}
body.strategy-editorial .bp-passport .is-empty small{color:rgba(196,18,31,.6)!important}
.strategy-editorial .bp-red .gm-tables+.gm-rule{margin-top:64px}
@media(max-width:600px){.strategy-editorial .bp-red .gm-tables+.gm-rule{margin-top:44px}}