@import url('./r4-visuals.css');
.bt-portal-preview{--bpp-ink:#153e35;--bpp-paper:#f6f6ef;--bpp-line:#d4ded3;color:var(--bpp-ink);background:var(--bpp-paper);border:1px solid var(--bpp-line);border-radius:18px;overflow:hidden;width:100%;box-shadow:0 18px 55px #153e350a;font-family:DM,Arial,sans-serif}
.bt-portal-preview *,.bpp-dialog *{box-sizing:border-box}
.bpp-toolbar{padding:12px 20px;border-bottom:1px solid var(--bpp-line);background:#edf1e8}
.bpp-tabs{display:flex;gap:7px;justify-content:center}
.bpp-tab{appearance:none;font:500 14px/1.3 DM,Arial,sans-serif;color:#496459;background:transparent;border:0;border-radius:30px;min-height:44px;padding:11px 24px;cursor:pointer;transition:background .2s,color .2s}
.bpp-tab[aria-selected=true]{color:#fff;background:var(--bpp-ink);box-shadow:0 2px 5px #153e3515}
.bpp-tab:hover:not([aria-selected=true]){background:#dfe8da;color:var(--bpp-ink)}
.bpp-tab:focus-visible,.bpp-media:focus-visible,.bpp-closer:focus-visible,.bpp-cta:focus-visible,.bpp-panel:focus-visible,.bpp-close:focus-visible{outline:3px solid #1594a3;outline-offset:-4px}
.bpp-panel{outline-offset:-3px}
.bpp-media{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(270px,29vw,408px);border:0;border-bottom:1px solid var(--bpp-line);padding:18px 32px;background:radial-gradient(ellipse at 50% 40%,#fff 0,#eff4eb 90%);cursor:zoom-in;overflow:hidden}
.bpp-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 8px 16px #16362b10)}
.bpp-expand{position:absolute;right:18px;bottom:15px;display:grid;place-items:center;background:#f7f8f2e6;color:var(--bpp-ink);border:1px solid #cedaca;border-radius:50%;width:36px;height:36px;font:20px/1 DM,Arial,sans-serif}
.bpp-error{position:absolute;padding:25px;max-width:420px;background:#f6f6ef;color:#345347;font:15px/1.6 DM,Arial,sans-serif;text-align:center}
.bpp-error[hidden]{display:none}
.bpp-caption{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 30px}
.bpp-copy{min-width:0;max-width:580px}
.bt-portal-preview .bpp-heading{font:500 clamp(22px,2vw,29px)/1.14 DM,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 9px;color:var(--bpp-ink)}
.bt-portal-preview .bpp-description{font:400 14px/1.6 DM,Arial,sans-serif;letter-spacing:normal;margin:0;max-width:510px;color:#4c6859}
.bt-portal-preview .bpp-source{font:400 10px/1.5 DM,Arial,sans-serif;letter-spacing:.005em;color:#65796b;margin:10px 0 0}
.bpp-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}
.bpp-closer,.bpp-cta{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;white-space:nowrap;font:500 14px/1.3 DM,Arial,sans-serif;text-decoration:none;border:1px solid #b8c8b9;border-radius:28px;padding:12px 18px;cursor:pointer;background:transparent;color:var(--bpp-ink)}
.bpp-closer:hover{background:#e6ede1}.bpp-cta{background:var(--bpp-ink);color:#fff;border-color:var(--bpp-ink)}.bpp-cta:hover{background:#2c594b;color:#fff}
.bpp-closer:disabled,.bpp-media:disabled{cursor:default;opacity:.6}
.bpp-teaser .bpp-toolbar{padding:16px 22px}.bpp-teaser-name{font:500 11px/1.4 DM,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#4d6a5a}
.bpp-teaser .bpp-media{height:clamp(240px,25vw,340px)}
.bpp-teaser .bpp-caption{display:block;padding:22px}.bpp-teaser .bpp-actions{margin-top:18px}.bpp-teaser .bpp-heading{font-size:25px}
.bpp-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip:rect(0,0,0,0)!important;overflow:hidden!important;white-space:nowrap!important;border:0!important}
.bpp-dialog{--bpp-ink:#153e35;position:fixed;inset:0;margin:auto;padding:0;border:1px solid #d2dfd0;border-radius:16px;width:min(1240px,calc(100vw - 48px));max-width:none;height:fit-content;max-height:calc(100dvh - 48px);overflow:hidden;background:#f7f8f2;color:#153e35;box-shadow:0 25px 100px #071e19b3;font-family:DM,Arial,sans-serif}
.bpp-dialog::backdrop{background:#08281fce;backdrop-filter:blur(7px)}
.bpp-dialog[open]{display:flex;flex-direction:column;animation:bpp-open .18s ease-out}
.bpp-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid #d3ded1;flex-shrink:0}
.bpp-dialog-tools{display:flex;align-items:center;gap:13px;flex-shrink:0}.bpp-zoom{font:500 13px/1.3 DM,Arial,sans-serif;color:#153e35;border:1px solid #becfbe;border-radius:24px;background:transparent;min-height:44px;padding:10px 15px;cursor:pointer}.bpp-zoom:hover{background:#e5eddf}.bpp-zoom:focus-visible,.bpp-dialog-image-wrap:focus-visible{outline:3px solid #1594a3;outline-offset:-3px}
.bpp-dialog .bpp-dialog-title{font:500 21px/1.3 DM,Arial,sans-serif;letter-spacing:-.02em;margin:0}
.bpp-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid #bdcdbd;border-radius:50%;background:transparent;color:#153e35;font:400 27px/1 DM,Arial,sans-serif;cursor:pointer;flex-shrink:0}.bpp-close:hover{background:#e4ecdf}
.bpp-dialog-image-wrap{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;background:#fff;padding:16px}
.bpp-dialog-image{display:block;max-width:100%;width:auto;max-height:calc(100dvh - 248px);height:auto;object-fit:contain}
.bpp-dialog.bpp-zoomed .bpp-dialog-image-wrap{display:block;overflow:auto}.bpp-dialog.bpp-zoomed .bpp-dialog-image{width:var(--bpp-natural-width,1200px);max-width:none;max-height:none;height:auto}
.bpp-dialog-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:17px 22px;flex-shrink:0;background:#f1f4eb;border-top:1px solid #d3ded1}
.bpp-dialog .bpp-dialog-note{font:400 12px/1.6 DM,Arial,sans-serif;margin:0;color:#50695b;max-width:600px}
@keyframes bpp-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.bpp-caption{gap:20px;padding:23px}.bpp-actions{flex-direction:column;align-items:stretch}.bpp-closer,.bpp-cta{font-size:13px}}
@media(max-width:650px){.bt-portal-preview{border-radius:13px}.bpp-toolbar{padding:9px 7px}.bpp-tabs{gap:2px;justify-content:space-between}.bpp-tab{font-size:12px;min-height:44px;padding:9px 9px;flex:1}.bpp-media{height:228px;padding:12px 9px}.bpp-expand{width:31px;height:31px;right:10px;bottom:10px;font-size:18px}.bpp-caption{display:block;padding:19px 17px 20px}.bt-portal-preview .bpp-heading{font-size:23px;margin-bottom:7px}.bt-portal-preview .bpp-description{font-size:13px;line-height:1.55}.bt-portal-preview .bpp-source{font-size:10px;margin-top:9px}.bpp-actions{flex-direction:row;gap:8px;align-items:stretch;margin-top:16px}.bpp-closer,.bpp-cta{flex:1;font-size:12px;gap:8px;min-height:45px;padding:10px 10px;white-space:normal;text-align:center}.bpp-teaser .bpp-media{height:220px}.bpp-teaser .bpp-caption{padding:18px}.bpp-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.bpp-dialog-header{padding:11px 13px;gap:10px}.bpp-dialog .bpp-dialog-title{font-size:18px}.bpp-dialog-image-wrap{padding:8px}.bpp-dialog-image{max-height:calc(100dvh - 220px)}.bpp-dialog-footer{display:block;padding:13px}.bpp-dialog .bpp-dialog-note{font-size:11px}.bpp-dialog-cta{display:flex;margin-top:12px;min-height:44px}.bpp-close{height:44px;width:44px}}
@media(max-width:360px){.bpp-tab{padding:8px 5px}.bpp-media{height:202px}.bt-portal-preview .bpp-heading{font-size:21px}.bpp-caption{padding:17px 14px}.bpp-closer,.bpp-cta{font-size:12px}}
@media(max-width:650px){.bpp-dialog-tools{gap:7px}.bpp-zoom{font-size:11px;padding:8px 10px}.bpp-dialog .bpp-dialog-title{font-size:16px;max-width:130px}.bpp-dialog-header{gap:8px}}
@media(prefers-reduced-motion:reduce){.bpp-tab{transition:none}.bpp-dialog[open]{animation:none}}