.bp-bag-intro{position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:40px 40px 36px 10px;border:0;border-radius:22px;background:#fff;color:#191919;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 100px #0003;text-align:left}
.bp-bag-intro:not([open]){display:none}
.bp-bag-intro[open]{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;animation:bp-intro-appear .35s cubic-bezier(.2,.8,.2,1)}
.bp-bag-intro::backdrop{background:rgb(0 0 0/.38);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.bp-bag-intro button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bp-bag-intro button:focus-visible{outline:2px solid #8b7443;outline-offset:4px}
.bp-bag-intro__close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:32px;height:32px;padding:0;background:#f0f0ee;color:#77746d;border:0;border-radius:50%}
.bp-bag-intro__close svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.bp-bag-intro__visual{min-width:0;aspect-ratio:1;display:grid;align-items:center}
.bp-bag-intro__visual>svg{display:block;width:100%;height:auto}
.bp-bag-intro__engraving{font:400 44px 'STIX Two Text',Georgia,serif;fill:#b7a365;paint-order:stroke fill;stroke:#30251b;stroke-width:.4px}
.bp-bag-intro__copy{padding:16px 0 10px;min-width:0}
.bp-bag-intro__eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:500;line-height:1.5;color:#8a7a5f;margin:0 0 14px}
.bp-bag-intro h2{font:400 40px/1.04 'STIX Two Text',Georgia,serif;letter-spacing:-1px;margin:0 0 20px;color:#171717}
.bp-bag-intro__copy>p:not(.bp-bag-intro__eyebrow){font-size:13px;line-height:1.65;color:#6d6962;margin:0 0 16px}
.bp-bag-intro__copy strong{font-weight:500;color:#34312c}
.bp-bag-intro__copy>.bp-bag-intro__how{font-size:11px!important;color:#8a857c!important;margin:0 0 26px!important}
.bp-bag-intro__how span{white-space:nowrap;color:#5a554d}
.bp-bag-intro__continue{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border:1px solid #181818;border-radius:9px;background:#181818;color:#fff;font-size:12px!important;line-height:1.4;transition:background .2s}
.bp-bag-intro__continue:hover{background:#383631}
.bp-bag-intro__continue svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
:root:has(.bp-bag-intro[open]){overflow:hidden}
@keyframes bp-intro-appear{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:599px){
 .bp-bag-intro{width:min(380px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:26px 26px 28px;border-radius:20px;text-align:center}
 .bp-bag-intro[open]{grid-template-columns:1fr;gap:0}
 .bp-bag-intro__visual{width:220px;max-width:100%;margin:0 auto 5px}
 .bp-bag-intro__copy{padding:0}.bp-bag-intro__eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:11px}
 .bp-bag-intro h2{font-size:32px;line-height:1.05;margin-bottom:14px}
 .bp-bag-intro__copy>p:not(.bp-bag-intro__eyebrow){font-size:12px;line-height:1.6;margin-bottom:12px}
 .bp-bag-intro__copy>.bp-bag-intro__how{font-size:10px!important;margin-bottom:20px!important}
 .bp-bag-intro__continue{font-size:12px!important;padding:14px 16px}
}
@media(max-width:599px) and (max-height:700px){.bp-bag-intro__visual{width:175px}.bp-bag-intro{padding-top:18px;padding-bottom:20px}.bp-bag-intro h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.bp-bag-intro[open]{animation:none}.bp-bag-intro__continue{transition:none}}
@media print{.bp-bag-intro{display:none!important}}