.bf-digital { scroll-margin-top: 110px; }
.bf-digital__intro { display: grid; gap: 22px; margin-bottom: 48px; }
.bf-digital__intro p { max-width: 620px; line-height: 1.6; }
.bf-digital__intro a { justify-self: start; }
.wp-site-blocks .bf-digital__intro a.bf-action-link::before,
.wp-site-blocks .bf-digital__intro a.bf-action-link::after { content: none; }
.bf-digital__stage { display: grid; gap: 48px; }
.bf-digital .bf-digital__card { position: relative; width: min(100%,1150px); margin: 0 auto; border: 0; border-radius: 3px; background: transparent; box-shadow: none; }
.bf-digital__card img { display: block; width: 100%; height: auto; border-radius: inherit; }
.bf-digital__dim { display: none; }
.bf-digital [hidden] { display: none !important; }
.bf-digital__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.bf-digital[data-digital-mode="deck"] .bf-digital__stage { position: relative; display: block; width: var(--digital-card-width); height: var(--digital-stage-height); left: 50%; transform: translateX(-50%); }
.bf-digital[data-digital-mode="deck"] .bf-digital__card { position: absolute; top: var(--digital-peek); left: 0; width: var(--digital-card-width); height: var(--digital-card-height); margin: 0; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 16px; transform-origin: center top; visibility: hidden; pointer-events: none; box-shadow: 0 -2px 10px rgba(35,32,26,.055); }
.wp-site-blocks .bf-digital[data-digital-mode="deck"] .bf-digital__card img { width: 100%; height: 100% !important; max-width: 100% !important; max-height: none !important; object-fit: cover !important; }
.bf-digital[data-digital-mode="deck"] .bf-digital__dim { display: block; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to bottom,rgba(30,27,23,.22),rgba(30,27,23,.08) 32px,transparent 80px),#000; opacity: 0; pointer-events: none; }
.bf-digital .bf-digital__next { position: absolute; top: var(--digital-peek); left: 0; width: var(--digital-card-width); height: var(--digital-card-height); z-index: 200; padding: 0; margin: 0; border: 0; border-radius: 16px; background: transparent; box-shadow: none; appearance: none; cursor: pointer; touch-action: pan-y pinch-zoom; color: #24211d; font: inherit; }
.bf-digital__next:focus-visible { outline: 2px solid #524c42; outline-offset: 5px; }
.bf-digital__cursor { position: absolute; top: 0; left: 0; box-sizing: border-box; width: 88px; height: 88px; border: 1px solid rgba(255,255,255,.42); border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.22); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #24211d; font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: .025em; opacity: 0; pointer-events: none; }
@supports not ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
 .bf-digital__cursor { background: rgba(255,255,255,.62); }
}
.bf-digital__hint { margin: 16px 0 0; text-align: right; font-size: 11px; line-height: 1.4; letter-spacing: .08em; color: #69675f; }
@media (hover:hover) and (pointer:fine) {
 .bf-digital__hint { display: none; }
 .bf-digital[data-digital-hover="true"] .bf-digital__cursor { opacity: 1; }
}
@media (min-width:1024px) {
 .bf-digital[data-digital-mode="deck"] .bf-digital__card, .bf-digital .bf-digital__next { border-radius: 24px; }
}
@media (prefers-reduced-motion:reduce) {
 .bf-digital__cursor { transition: none; }
}