.mp-bbc{box-sizing:border-box;width:100%;min-height:100svh;margin:0;padding:clamp(14px,2.4svh,32px) max(54px,calc((100vw - 1748px)/2));overflow:hidden;background:#fff;color:#292729;text-align:center;font-family:var(--font-body-family);display:grid;align-content:center}
.mp-bbc *{box-sizing:border-box}.mp-bbc__header p{margin:0 0 clamp(6px,1.2svh,12px);font-family:var(--font-heading-family);font-size:clamp(17px,min(2vw,3svh),30px);font-weight:900}.mp-bbc__header h2{margin:0;font-family:var(--font-heading-family);font-size:clamp(32px,min(4.7vw,7svh),76px);font-weight:900;line-height:1.02}.mp-bbc__header>a{display:inline-block;margin-top:clamp(10px,1.8svh,18px);color:inherit;font-size:clamp(14px,min(1.35vw,2.2svh),21px);font-weight:750;text-underline-offset:5px}
.mp-bbc__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3.2vw,64px);margin-top:clamp(12px,2svh,24px)}.mp-bbc__visual{position:relative;display:block;height:clamp(220px,calc(100svh - 520px),520px)}.mp-bbc__bg{position:absolute;z-index:0;left:50%;top:50%;width:112%;height:88%;object-fit:contain;transform:translate(-50%,-46%)}.mp-bbc__box{position:absolute;z-index:1;left:50%;bottom:0;width:auto;aspect-ratio:var(--box-ratio);height:96%;max-width:82%;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 18px 16px rgba(47,35,43,.17));transition:.25s}.mp-bbc__visual:hover .mp-bbc__box{transform:translateX(-50%) translateY(-8px) rotate(-1deg)}.mp-bbc__item--sugar .mp-bbc__box{height:94%;--box-ratio:881 / 1289}.mp-bbc__item--dream .mp-bbc__box{--box-ratio:896 / 1323}.mp-bbc h3{margin:clamp(6px,1svh,11px) 0 6px;font-family:var(--font-heading-family);font-size:clamp(23px,min(2.5vw,3.5svh),40px);font-weight:900;line-height:1}.mp-bbc__pill{display:inline-block;padding:clamp(4px,.7svh,6px) 22px;border-radius:999px;background:#ece3fb;color:#6848a1;font-size:clamp(10px,1.2svh,14px);font-weight:900;letter-spacing:.04em}.mp-bbc__item--sugar .mp-bbc__pill{background:#fde4e8;color:#963647}.mp-bbc__item--dream .mp-bbc__pill{background:#e2ecfb;color:#3e5d95}.mp-bbc__button{display:flex;width:min(78%,280px);min-height:clamp(38px,4.6svh,52px);margin:clamp(8px,1.3svh,14px) auto 0;align-items:center;justify-content:center;border:2px solid #3a3638;border-radius:12px;background:rgba(255,255,255,.58);color:#2d292b;font-size:clamp(12px,1.45svh,16px);font-weight:850;text-decoration:none}.mp-bbc__button:hover{background:#fff}
@media(max-width:900px){.mp-bbc{padding-inline:0}.mp-bbc__header{padding:0 20px}.mp-bbc__track{display:flex;gap:18px;overflow-x:auto;padding:0 max(20px,calc((100vw - min(82vw,390px))/2)) 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.mp-bbc__track::-webkit-scrollbar{display:none}.mp-bbc__item{flex:0 0 min(82vw,390px);scroll-snap-align:center}.mp-bbc__visual{height:clamp(220px,calc(100svh - 355px),430px)}}@media(max-width:520px){.mp-bbc{padding-block:clamp(16px,3svh,28px)}.mp-bbc__header p{font-size:17px;margin-bottom:7px}.mp-bbc__header h2{font-size:clamp(31px,9.5vw,40px)}.mp-bbc__header>a{margin-top:10px;font-size:14px}.mp-bbc__track{margin-top:14px}.mp-bbc h3{font-size:clamp(24px,4svh,31px)}}