/* 3D Breakout Ad: Custom CSS field. Everything is scoped to .bko, the theme is not touched. */
.bko{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.bko[hidden]{display:none}
.bko-shade{position:absolute;inset:0;background:radial-gradient(ellipse 70% 65% at 50% 42%,rgba(18,12,6,0) 35%,rgba(18,12,6,.55) 100%);opacity:0;transition:opacity .7s ease;pointer-events:auto}
.bko-burst .bko-shade,.bko-show .bko-shade{opacity:1}
.bko-stage,.bko-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.bko-card{position:absolute;left:50%;bottom:max(18px,5vh);box-sizing:border-box;width:min(460px,calc(100% - 36px));padding:20px 24px 22px;border-radius:18px;background:#fff;color:#1c271d;box-shadow:0 30px 70px -18px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.12);text-align:left;pointer-events:auto;opacity:0;transform:translate(-50%,28px) scale(.96);transition:opacity .45s ease,transform .6s cubic-bezier(.2,1.4,.4,1)}
.bko-show .bko-card{opacity:1;transform:translate(-50%,0) scale(1)}
.bko-flat .bko-card{transform-origin:50% 100%;transform:translate(-50%,0) perspective(900px) rotateX(75deg)}
.bko-flat.bko-show .bko-card{transform:translate(-50%,0) perspective(900px) rotateX(0)}
.bko-static .bko-card,.bko-static .bko-shade{transition:none}
.bko-close{position:absolute;top:-16px;right:-12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:3px solid #fff;border-radius:50%;background:#1c271d;color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.bko-close:focus-visible,.bko-cta:focus-visible{outline:3px solid var(--bko-accent,#2e7d32);outline-offset:3px}
.bko-kicker{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--bko-accent,#2e7d32)}
.bko-title{margin:0;font-size:clamp(24px,4.2vw,32px);line-height:1.08;font-weight:800;letter-spacing:-.01em;color:#1c271d}
.bko-text{margin:6px 0 16px;font-size:15px;line-height:1.45;color:#4b574d}
.bko-cta{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:var(--bko-accent,#2e7d32);color:#fff;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.bko-cta:hover{filter:brightness(1.08)}
@media (prefers-reduced-motion:reduce){.bko-card,.bko-shade{transition:none}}