/* ============================================
   BC Accordion Module – Front Styles
   Standalone module extracted from BC The Edit v4.21.0
   ============================================ */

/* ── Accordion ── */
.bcacc-accordion{display:flex;width:100%;box-sizing:border-box}
.bcacc-panel{position:relative;overflow:hidden;cursor:pointer;flex:var(--bcacc-fc,0.6);transition:flex .7s cubic-bezier(.25,.8,.25,1)}
.bcacc-panel.bcacc-active{flex:var(--bcacc-fe,5)}
.bcacc-panel-img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center;max-width:none!important;max-height:none!important;min-width:100%!important;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transition:transform .7s cubic-bezier(.25,.8,.25,1),opacity .5s ease}
/* Open + open-hover use CONTAIN so the full image fits without cropping faces/heads. Closed (narrow strip) keeps COVER. */
.bcacc-panel.bcacc-active .bcacc-panel-img-open,
.bcacc-panel.bcacc-active .bcacc-panel-img-open-hover{object-fit:contain!important;min-width:0!important;min-height:0!important;background:var(--bcacc-img-bg,#000)}
.bcacc-panel:not(.bcacc-active) .bcacc-panel-img{transform:scale(1.05)}
.bcacc-panel.bcacc-active .bcacc-panel-img{transform:scale(1)}
/* Multi-state image stack: closed / open / open+hover */
.bcacc-panel-img-open,.bcacc-panel-img-open-hover{opacity:0;transition:opacity .5s ease,transform .7s cubic-bezier(.25,.8,.25,1)}
.bcacc-panel.bcacc-active .bcacc-panel-img-open{opacity:1}
.bcacc-panel.bcacc-active .bcacc-panel-img-closed{opacity:0}
.bcacc-panel.bcacc-active:hover .bcacc-panel-img-open-hover{opacity:1}
.bcacc-panel.bcacc-active:hover .bcacc-panel-img-open{opacity:0}
/* ── Blur fill background ── */
.bcacc-panel-img-blur{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;z-index:0;filter:blur(var(--bcacc-blur,30px)) saturate(1.1);transform:scale(1.15);transition:opacity .5s ease;opacity:0;pointer-events:none}
.bcacc-blur-fill .bcacc-panel-img-blur-closed{opacity:1}
.bcacc-blur-fill.bcacc-active .bcacc-panel-img-blur-closed{opacity:0}
.bcacc-blur-fill.bcacc-active .bcacc-panel-img-blur-open{opacity:1}
.bcacc-blur-fill.bcacc-active:hover .bcacc-panel-img-blur-open{opacity:0}
.bcacc-blur-fill.bcacc-active:hover .bcacc-panel-img-blur-open-hover{opacity:1}
.bcacc-blur-fill .bcacc-panel.bcacc-active .bcacc-panel-img-open,
.bcacc-blur-fill .bcacc-panel.bcacc-active .bcacc-panel-img-open-hover,
.bcacc-blur-fill.bcacc-active .bcacc-panel-img-open,
.bcacc-blur-fill.bcacc-active .bcacc-panel-img-open-hover{background:transparent!important;z-index:1}

.bcacc-overlay-dark{position:absolute;inset:0;background:var(--bcacc-oc,#000);opacity:0;transition:opacity .5s;z-index:1}
.bcacc-panel:not(.bcacc-active) .bcacc-overlay-dark{opacity:var(--bcacc-oo,.4)}
.bcacc-vtitle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.bcacc-panel.bcacc-active .bcacc-vtitle{display:none}
.bcacc-vtitle span{writing-mode:vertical-lr;transform:rotate(180deg);color:#fff;font-family:var(--bcacc-fh);font-size:16px;letter-spacing:.15em;white-space:nowrap;text-transform:uppercase;opacity:.9}
.bcacc-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .5s;z-index:3}
.bcacc-panel.bcacc-active:hover .bcacc-info{opacity:1;pointer-events:auto}
.bcacc-info-inner{background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 60%,transparent 100%);padding:32px;padding-top:120px}
.bcacc-badge{display:inline-block;background:rgba(255,255,255,.15);color:#fff;font-family:var(--bcacc-fb);font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:4px 12px;margin-bottom:12px;backdrop-filter:blur(4px)}
.bcacc-title{font-family:var(--bcacc-fh);color:#fff;font-size:clamp(22px,3vw,38px);font-weight:300;font-style:italic;margin:0 0 6px}
.bcacc-desc{font-family:var(--bcacc-fb);color:rgba(255,255,255,.8);font-size:14px;margin:0 0 4px}
.bcacc-price{font-family:var(--bcacc-fb);color:#fff;font-size:17px;letter-spacing:.05em;margin:0 0 20px}
.bcacc-ctas{display:flex;gap:12px;flex-wrap:wrap}
.bcacc-cta{display:inline-block;font-family:var(--bcacc-fb);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:10px 28px;text-decoration:none;transition:all .3s}
.bcacc-cta-primary{border:1px solid #fff;color:#fff}
.bcacc-cta-primary:hover{background:#fff;color:#000}
.bcacc-cta-secondary{border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.8)}
.bcacc-cta-secondary:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.1)}
