.btla-roll{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:26px;max-width:850px;margin:32px 0;padding:26px;border:1px solid #c7d9d2;border-radius:14px;background:#eef4ee;color:#003c43;box-sizing:border-box;overflow:hidden}
.btla-roll *{box-sizing:border-box}.btla-roll .btla-roll__media,.btla-roll .btla-roll__copy{min-width:0}
.btla-roll .btla-roll__load{position:relative;display:block;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;background:#003c43;color:#fff;cursor:pointer;font:inherit}
.btla-roll .btla-roll__load[hidden]{display:none}.btla-roll .btla-roll__load img{display:block;width:100%;height:auto;margin:0;aspect-ratio:3/2}
.btla-roll .btla-roll__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;transform:translate(-50%,-65%);width:64px;height:64px;border-radius:50%;background:#003c43;color:#dce682;font-size:28px;line-height:1;padding-left:4px;box-shadow:0 2px 16px #003c4340}
.btla-roll .btla-roll__load-label{display:block;padding:12px 14px;background:#003c43;color:#fff;font-size:16px;font-weight:700}
.btla-roll .btla-roll__load:focus-visible{outline:3px solid #006d77;outline-offset:4px}.btla-roll .btla-roll__load:hover .btla-roll__play{background:#005c65}
.btla-roll .btla-roll__eyebrow{margin:0 0 10px;font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.12em}
.btla-roll .btla-roll__copy h2{margin:0 0 14px;font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.025em}
.btla-roll .btla-roll__copy p{margin:12px 0;font-size:16px;line-height:1.65}.btla-roll .btla-roll__copy .btla-roll__privacy{font-size:13px;color:#4b6869}
.btla-roll .btla-roll__copy .btla-roll__status{font-size:14px}.btla-roll .btla-roll__status:empty{display:none}
.btla-roll a{color:#005e68;text-underline-offset:4px;overflow-wrap:anywhere}.btla-roll .btla-roll__media--loaded{aspect-ratio:9/16;width:100%;max-width:360px;margin:auto;background:#111;border-radius:10px;overflow:hidden}
.btla-roll .btla-roll__media--loaded iframe{display:block;width:100%;height:100%;border:0;margin:0}
@media(max-width:640px){.btla-roll{grid-template-columns:minmax(0,1fr);gap:20px;padding:20px;margin:26px 0}.btla-roll .btla-roll__media{width:100%;max-width:360px;margin:auto}.btla-roll .btla-roll__copy h2{font-size:26px}}

/* 1.1.0: use real cover art without clipping faces or cover text. */
.btla-roll .btla-roll__load img{aspect-ratio:3/4;object-fit:contain;background:#fff}.btla-roll .btla-roll__media{max-width:285px;margin-inline:auto;width:100%}.btla-roll .btla-roll__media--loaded{max-width:360px}.btla-roll .btla-roll__note{font-size:13px;line-height:1.65}
