.b2p-dj-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.b2p-dj-card[hidden]{display:none!important}

.b2p-slider{position:relative}
.b2p-dj-grid--slider{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 24px)/3);
  grid-template-columns:none;
  gap:12px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:inline mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:2px 0 6px;
}
.b2p-dj-grid--slider::-webkit-scrollbar{display:none}
.b2p-dj-grid--slider .b2p-dj-card{scroll-snap-align:start}

.b2p-slider__arrow{
  position:absolute;
  top:50%;
  z-index:7;
  width:42px;
  height:42px;
  margin-top:-21px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  background:rgba(8,8,12,.78);
  color:#fff;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:.2s ease;
}
.b2p-slider__arrow:hover{background:#ff1271;border-color:#ff1271}
.b2p-slider__arrow:disabled{opacity:.25;cursor:default}
.b2p-slider__arrow--prev{left:-20px}
.b2p-slider__arrow--next{right:-20px}

.b2p-dj-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  border:1px solid #2c2c35;
  border-radius:15px;
  background:#101015;
  box-shadow:0 14px 38px rgba(0,0,0,.14);
}
.b2p-dj-card__quick{
  appearance:none;
  display:block;
  width:100%;
  padding:0;
  border:0;
  background:#101015;
  position:relative;
  aspect-ratio:1.55/1;
  overflow:hidden;
  cursor:pointer;
}
.b2p-dj-card__image,.b2p-dj-card__placeholder{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .42s cubic-bezier(.2,.7,.2,1),filter .3s ease;
  filter:saturate(.72) contrast(1.04);
}
.b2p-dj-card__placeholder{
  display:grid;
  place-items:center;
  color:#45454f;
  font-size:3rem;
  font-weight:700;
}
.b2p-dj-card__quick:hover .b2p-dj-card__image{
  transform:scale(1.03);
  filter:saturate(.92) contrast(1.05);
}
.b2p-dj-card__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.03) 69%);
}
.b2p-dj-card__content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  padding:18px 18px 16px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  pointer-events:none;
}
.b2p-dj-card__text{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.b2p-dj-card__text strong{
  color:#fff;
  font-size:1.12rem;
  font-weight:600;
  line-height:1.12;
}
.b2p-dj-card__text small{
  color:#d0d0d6;
  font-size:.76rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.b2p-dj-card__text em{
  color:#9696a0;
  font-size:.71rem;
  font-style:normal;
}
.b2p-dj-card__more{
  pointer-events:auto;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.53);
  border-radius:999px;
  background:rgba(7,7,10,.48);
  color:#fff;
  text-decoration:none;
  font-size:.72rem;
  font-weight:600;
  backdrop-filter:blur(6px);
  transition:.2s ease;
}
.b2p-dj-card__more:hover{background:#ff1271;border-color:#ff1271}

.b2p-filters{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr auto;
  gap:10px;
  margin:0 0 24px;
}
.b2p-filters input,.b2p-filters select,.b2p-filter-reset{
  width:100%;
  min-height:48px;
  border:1px solid #31313a;
  border-radius:9px;
  background:#111116;
  color:white;
  padding:0 14px;
}
.b2p-filter-reset{cursor:pointer;width:auto}

.b2p-search-panel{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  gap:12px;
  align-items:end;
}
.b2p-search-panel label{display:block}
.b2p-search-panel label>span{
  display:block;
  margin:0 0 6px 10px;
  color:#8f8f99;
  font-size:.66rem;
  font-weight:500;
}
.b2p-search-panel select{
  width:100%;
  height:54px;
  padding:0 40px 0 14px;
  border:1px solid #292932;
  border-radius:8px;
  background:#131318;
  color:#fff;
  outline:none;
}
.b2p-search-panel select:focus{border-color:#4a4a58}
.b2p-search-panel__button{
  min-width:160px;
  height:54px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid #ff1271;
  border-radius:8px;
  background:#ff1271;
  color:#fff;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(255,18,113,.22);
}

/* Modal */
html.b2p-modal-open{overflow:hidden}
.b2p-modal[hidden]{display:none}
.b2p-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  transition:opacity .18s ease;
}
.b2p-modal.is-open{opacity:1}
.b2p-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(10px);
}
.b2p-modal__dialog{
  position:relative;
  width:min(1120px,96vw);
  max-height:90vh;
  overflow:auto;
  border-radius:24px;
  background:#0b0b0f;
  border:1px solid rgba(255,31,120,.58);
  box-shadow:0 35px 120px rgba(0,0,0,.62);
}
.b2p-modal__close{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid #44444d;
  background:rgba(8,8,10,.76);
  color:white;
  cursor:pointer;
  font-size:1.7rem;
}
.b2p-modal__loading{padding:70px;color:#a9a9b2;text-align:center}
.b2p-modal__grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px}
.b2p-modal__media{background:#111116;min-height:620px}
.b2p-modal__media img,.b2p-modal__placeholder{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:620px;
}
.b2p-modal__placeholder{display:grid;place-items:center;color:#41414a;font-size:4rem;font-weight:700}
.b2p-modal__content{padding:58px 56px}
.b2p-modal__eyebrow{margin:0 0 10px;color:#ff1f78;font-size:.72rem;font-weight:600;letter-spacing:.18em}
.b2p-modal__content h2{margin:0 0 10px;color:#fff;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.92;letter-spacing:-.055em}
.b2p-modal__location{color:#c4c4cb}
.b2p-modal__tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.b2p-modal__tags span{padding:7px 12px;border:1px solid rgba(255,31,120,.65);border-radius:999px;font-size:.8rem}
.b2p-modal__lead{color:#e0e0e5;font-size:1.04rem}
.b2p-modal__bio{color:#b9b9c1;font-size:.96rem;max-height:210px;overflow:auto}
.b2p-modal__socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.b2p-modal__socials a{padding:8px 12px;color:#e5e5e8;text-decoration:none;border:1px solid #34343e;border-radius:9px}
.b2p-modal__actions{margin-top:28px}
.b2p-modal__primary{
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  background:#ff1f78;
  color:white;
  text-decoration:none;
  border-radius:10px;
  font-weight:600;
}
.b2p-empty{color:#9e9ea8}

@media(max-width:980px){
  .b2p-dj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2p-dj-grid--slider{grid-auto-columns:calc((100% - 12px)/2)}
  .b2p-slider__arrow--prev{left:-12px}
  .b2p-slider__arrow--next{right:-12px}
  .b2p-search-panel{grid-template-columns:1fr 1fr}
  .b2p-search-panel__button{width:100%}
  .b2p-filters{grid-template-columns:1fr 1fr}
  .b2p-modal{padding:10px}
  .b2p-modal__dialog{width:100%;max-height:96vh}
  .b2p-modal__grid{grid-template-columns:1fr}
  .b2p-modal__media,.b2p-modal__media img,.b2p-modal__placeholder{min-height:400px;max-height:54vh}
  .b2p-modal__content{padding:34px 24px}
}
@media(max-width:680px){
  .b2p-dj-grid{grid-template-columns:1fr 1fr;gap:9px}
  .b2p-dj-grid--slider{
    grid-auto-columns:84%;
    gap:10px;
    padding-right:14%;
  }
  .b2p-slider__arrow{display:none}
  .b2p-dj-card__quick{aspect-ratio:1.18/1}
  .b2p-dj-card__content{padding:15px}
  .b2p-dj-card__text strong{font-size:1rem}
  .b2p-dj-card__text em{display:none}
  .b2p-dj-card__more{min-height:34px;padding:0 10px}
  .b2p-search-panel,.b2p-filters{grid-template-columns:1fr}
  .b2p-search-panel select,.b2p-search-panel__button{height:52px}
}


/* DEMO IMAGE PLACEHOLDER — v0.2.1 */
.b2p-dj-card__placeholder{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:
    radial-gradient(circle at 70% 22%, rgba(255,18,113,.24), transparent 26%),
    radial-gradient(circle at 28% 70%, rgba(105,62,255,.14), transparent 30%),
    linear-gradient(145deg,#17171d,#08080b 72%);
  color:#fff;
}
.b2p-dj-card__placeholder::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.025) 35.5%,transparent 36%);
  pointer-events:none;
}
.b2p-dj-card__placeholder b{
  position:relative;
  font-size:clamp(2.4rem,5vw,4.4rem);
  line-height:1;
  font-weight:600;
  letter-spacing:-.06em;
}
.b2p-dj-card__placeholder small{
  position:relative;
  color:#9c9ca6;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.58rem;
}


/* SHOWREEL — external video only */
.b2p-showreel{
  position:relative;
  overflow:hidden;
  min-height:300px;
  aspect-ratio:16/9;
  border:1px solid #383843;
  border-radius:8px;
  background:
    radial-gradient(circle at 65% 20%,rgba(255,18,113,.22),transparent 32%),
    #101015;
}
.b2p-showreel>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.b2p-showreel__shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.34));
}
.b2p-showreel__label,
.b2p-showreel__duration,
.b2p-showreel__caption{
  position:absolute;
  z-index:2;
  color:#eeeef2;
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.12em;
}
.b2p-showreel__label{top:18px;left:22px}
.b2p-showreel__duration{top:18px;right:22px}
.b2p-showreel__caption{
  left:22px;
  bottom:20px;
  letter-spacing:.22em;
}
.b2p-showreel__caption::before{
  content:"";
  display:inline-block;
  width:36px;
  height:2px;
  margin-right:12px;
  vertical-align:middle;
  background:#ff1271;
}
.b2p-showreel__play{
  position:absolute;
  z-index:3;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  padding-left:5px;
  border:2px solid rgba(255,255,255,.88);
  border-radius:50%;
  background:rgba(6,6,10,.63);
  color:#fff;
  font-size:1.55rem;
  cursor:pointer;
  backdrop-filter:blur(6px);
  transition:.2s ease;
}
.b2p-showreel__play:hover{
  transform:translate(-50%,-50%) scale(1.04);
  background:#ff1271;
  border-color:#ff1271;
}
.b2p-showreel--empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px;
  text-align:center;
  color:#9898a2;
}
.b2p-showreel--empty span{
  color:#fff;
  font-weight:600;
  letter-spacing:.18em;
  font-size:.68rem;
}

.b2p-video-lightbox{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:30px;
  background:rgba(0,0,0,.90);
  backdrop-filter:blur(12px);
}
.b2p-video-lightbox__content{
  width:min(1100px,94vw);
}
.b2p-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}
.b2p-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.b2p-video-lightbox__close{
  position:fixed;
  top:22px;
  right:22px;
  width:46px;
  height:46px;
  border:1px solid #4a4a54;
  border-radius:50%;
  background:#111116;
  color:#fff;
  font-size:1.6rem;
  cursor:pointer;
}

/* Testimonials */
.b2p-testimonial-slider{
  min-width:0;
  position:relative;
}
.b2p-testimonial-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:100%;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}
.b2p-testimonial-track::-webkit-scrollbar{display:none}
.b2p-testimonial{
  position:relative;
  min-height:100px;
  padding:18px 78px 18px 44px;
  scroll-snap-align:start;
  border:1px solid #24242c;
  border-radius:7px;
  background:linear-gradient(145deg,#141419,#101014);
}
.b2p-testimonial__quote{
  position:absolute;
  top:12px;
  left:18px;
  color:#ff1271;
  font-size:2rem;
  line-height:1;
  font-weight:700;
}
.b2p-testimonial blockquote{
  margin:0;
  color:#d0d0d6;
  font-size:.74rem;
  line-height:1.5;
}
.b2p-testimonial blockquote p{margin:0}
.b2p-testimonial>span{
  display:block;
  margin-top:8px;
  color:#8d8d97;
  font-size:.62rem;
}
.b2p-testimonial-controls{
  position:absolute;
  right:12px;
  bottom:12px;
  display:flex;
  gap:7px;
}
.b2p-testimonial-controls button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #44444e;
  border-radius:50%;
  background:#16161c;
  color:#cfcfd6;
  cursor:pointer;
}
.b2p-testimonial-controls button:hover{
  border-color:#ff1271;
  color:#ff1271;
}
.b2p-testimonial--sample{
  padding-right:24px;
}

@media(max-width:680px){
  .b2p-showreel{
    min-height:220px;
  }
  .b2p-showreel__play{
    width:62px;
    height:62px;
  }
  .b2p-video-lightbox{
    padding:12px;
  }
  .b2p-testimonial{
    padding:18px 58px 18px 38px;
  }
}


/* ==========================================================
   DJ QUICK VIEW — FINAL PREMIUM MODAL — v1.1.2
   ========================================================== */
.b2p-modal{
  padding:18px;
}
.b2p-modal__backdrop{
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(13px);
}
.b2p-modal__dialog{
  width:min(1000px,94vw);
  max-height:min(88vh,760px);
  overflow:auto;
  border:1px solid rgba(255,15,114,.86);
  border-radius:18px;
  background:
    radial-gradient(circle at 78% 10%,rgba(255,15,114,.06),transparent 24%),
    linear-gradient(145deg,#090c10,#07090c 68%,#0b0d11);
  box-shadow:
    0 28px 90px rgba(0,0,0,.72),
    0 0 34px rgba(255,15,114,.20),
    inset 0 1px 0 rgba(255,255,255,.025);
}
.b2p-modal__close{
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-color:#49515b;
  background:rgba(8,11,15,.82);
  font-size:1.35rem;
  line-height:1;
  transition:.2s ease;
}
.b2p-modal__close:hover{
  color:#fff;
  border-color:var(--pink,#ff1271);
  background:#ff1271;
}
.b2p-modal__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  min-height:610px;
  padding:22px 22px 44px;
  gap:28px;
}
.b2p-modal__media{
  position:relative;
  min-height:540px;
  overflow:hidden;
  border:1px solid #2c323b;
  border-radius:7px;
  background:#0b0e12;
}
.b2p-modal__media>img,
.b2p-modal__placeholder{
  width:100%;
  height:100%;
  min-height:540px;
  object-fit:cover;
  object-position:center top;
}
.b2p-modal__media-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.02) 52%,rgba(0,0,0,.73)),
    linear-gradient(90deg,rgba(0,0,0,.13),transparent 42%);
  pointer-events:none;
}
.b2p-modal__placeholder{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:
    radial-gradient(circle at 65% 22%,rgba(255,15,114,.20),transparent 25%),
    linear-gradient(145deg,#151922,#080a0e 72%);
  color:#fff;
}
.b2p-modal__placeholder strong{font-size:4rem;letter-spacing:-.06em}
.b2p-modal__placeholder small{color:#8e96a0;letter-spacing:.2em;text-transform:uppercase;font-size:.56rem}
.b2p-modal__media-brand{
  position:absolute;
  z-index:2;
  top:34px;
  left:30px;
  color:#d9dde2;
  font-size:.58rem;
  line-height:1.65;
  letter-spacing:.42em;
  font-weight:600;
}
.b2p-modal__media-brand span{
  display:block;
  width:32px;
  height:2px;
  margin-top:14px;
  background:#ff1271;
}
.b2p-modal__media-script{
  position:absolute;
  z-index:2;
  left:28px;
  bottom:34px;
  color:#fff;
  font-family:"Segoe Script","Brush Script MT",cursive;
  font-size:1.55rem;
  line-height:1.08;
  transform:rotate(-6deg);
  text-shadow:0 4px 20px rgba(0,0,0,.65);
}
.b2p-modal__media-script span{
  display:block;
  width:80px;
  height:2px;
  margin:12px 0 0 14px;
  background:#ff1271;
}
.b2p-modal__content{
  min-width:0;
  padding:18px 0 6px!important;
  display:flex;
  flex-direction:column;
}
.b2p-modal__artist-head{padding-right:42px}
.b2p-modal__eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 6px;
  color:#c6cbd2;
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.17em;
}
.b2p-modal__eyebrow>span{
  width:28px;
  height:2px;
  background:#ff1271;
}
.b2p-modal__content h2{
  margin:0 0 8px;
  color:#fff;
  font-size:clamp(2.7rem,4.1vw,4.25rem);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:650;
}
.b2p-modal__location{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  color:#c1c6cd;
  font-size:.78rem;
}
.b2p-modal__location svg{
  width:16px;
  height:16px;
  color:#ff1271;
  flex:0 0 auto;
}
.b2p-modal__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:13px 0 0;
}
.b2p-modal__tags span{
  min-width:72px;
  padding:6px 11px;
  border:1px solid #ff1271;
  border-radius:999px;
  color:#f0f1f3;
  background:rgba(255,15,114,.025);
  text-align:center;
  font-size:.65rem;
}
.b2p-modal__copy{
  margin-top:18px;
}
.b2p-modal__lead,
.b2p-modal__bio{
  margin:0;
  color:#bbc1c8;
  font-size:.76rem;
  line-height:1.48;
}
.b2p-modal__lead{
  margin-bottom:10px;
  color:#d6d9dd;
  font-size:.79rem;
}
.b2p-modal__bio{
  max-height:none;
  overflow:visible;
}
.b2p-modal__socials{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:15px;
}
.b2p-modal__social{
  width:34px;
  height:34px;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:1px solid #ff1271!important;
  border-radius:6px!important;
  background:rgba(255,15,114,.07)!important;
  color:#fff!important;
}
.b2p-modal__social svg{width:18px;height:18px}
.b2p-modal__social span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.b2p-modal__social:hover{background:#ff1271!important}
.b2p-modal__music{
  margin-top:15px;
  min-height:152px;
  overflow:hidden;
  border:1px solid #343a43;
  border-radius:9px;
  background:#111419;
}
.b2p-modal__music iframe{
  display:block;
  width:100%;
  height:152px;
  border:0;
}
.b2p-modal__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:auto;
  padding-top:15px;
}
.b2p-modal__book,
.b2p-modal__profile{
  min-height:47px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border-radius:7px;
  text-decoration:none;
  font-size:.72rem;
  font-weight:650;
  transition:.2s ease;
}
.b2p-modal__book{
  border:1px solid #ff1271;
  background:#ff1271;
  color:#fff;
  box-shadow:0 8px 22px rgba(255,15,114,.20);
}
.b2p-modal__profile{
  border:1px solid #ff1271;
  background:transparent;
  color:#fff;
}
.b2p-modal__book svg,
.b2p-modal__profile svg{width:15px;height:15px}
.b2p-modal__book:hover{background:#e70b65;border-color:#e70b65;transform:translateY(-1px)}
.b2p-modal__profile:hover{background:rgba(255,15,114,.09);transform:translateY(-1px)}
.b2p-modal__footer-brand{
  position:absolute;
  left:22px;
  bottom:16px;
  color:#8b929c;
  font-size:.48rem;
  letter-spacing:.35em;
  text-transform:uppercase;
}
.b2p-modal__footer-brand span{margin-left:10px;color:#b8bec5}

@media(min-width:981px) and (max-height:820px){
  .b2p-modal__dialog{max-height:92vh}
  .b2p-modal__grid{min-height:560px;padding:18px 18px 38px;gap:24px}
  .b2p-modal__media,.b2p-modal__media>img,.b2p-modal__placeholder{min-height:500px}
  .b2p-modal__content h2{font-size:3rem}
  .b2p-modal__copy{margin-top:14px}
  .b2p-modal__lead,.b2p-modal__bio{font-size:.70rem;line-height:1.42}
  .b2p-modal__music,.b2p-modal__music iframe{height:132px;min-height:132px}
  .b2p-modal__actions{padding-top:12px}
}
@media(max-width:980px){
  .b2p-modal{padding:9px}
  .b2p-modal__dialog{width:100%;max-height:96vh;border-radius:15px}
  .b2p-modal__grid{grid-template-columns:1fr;min-height:0;padding:16px 16px 40px;gap:0}
  .b2p-modal__media{min-height:360px;max-height:56vh}
  .b2p-modal__media>img,.b2p-modal__placeholder{min-height:360px;max-height:56vh}
  .b2p-modal__content{padding:24px 4px 6px!important}
  .b2p-modal__artist-head{padding-right:0}
  .b2p-modal__content h2{font-size:2.75rem}
  .b2p-modal__footer-brand{left:20px;bottom:14px}
}
@media(max-width:620px){
  .b2p-modal__dialog{border-radius:13px}
  .b2p-modal__grid{padding:12px 12px 36px}
  .b2p-modal__media{min-height:330px;max-height:47vh}
  .b2p-modal__media>img,.b2p-modal__placeholder{min-height:330px;max-height:47vh}
  .b2p-modal__media-brand{top:22px;left:20px;font-size:.50rem}
  .b2p-modal__media-script{left:18px;bottom:24px;font-size:1.25rem}
  .b2p-modal__content{padding-top:20px!important}
  .b2p-modal__content h2{font-size:2.35rem}
  .b2p-modal__location{font-size:.72rem}
  .b2p-modal__tags span{min-width:0;font-size:.61rem;padding:5px 9px}
  .b2p-modal__lead,.b2p-modal__bio{font-size:.72rem;line-height:1.48}
  .b2p-modal__music,.b2p-modal__music iframe{height:152px;min-height:152px}
  .b2p-modal__actions{grid-template-columns:1fr}
  .b2p-modal__book,.b2p-modal__profile{width:100%}
  .b2p-modal__footer-brand{font-size:.42rem;letter-spacing:.26em}
}