/* Kiosk presentation; controls share the scanner rules above. */
body.page-template-kiosk {
    margin: 0;
}
.bw-page.bw-kiosk {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    overflow: clip;
    padding: clamp(3rem, 6.7vw, 6rem) 2rem clamp(4rem, 12vw, 12rem);
    background: #000;
    text-align: center;
    font-family: 'Satoshi', Arial, Helvetica, sans-serif;
}

.bw-page.bw-kiosk::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 20%;
    width: 4011.815px;
    height: 2358.427px;
    opacity: 0.4;
    background: url('images/Blackwall_background-pattern_13.jpg') center / cover
        no-repeat;
    transform: translate(-50%, -50%) rotate(30deg);
}

.bw-page.bw-kiosk h1 {
    margin: clamp(3rem, 8.34vw, 7.5rem) 0 1rem;
    font:
        500 clamp(2.5rem, 5.56vw, 5rem)/1.2 'Satoshi',
        Arial,
        Helvetica,
        sans-serif;
    letter-spacing: -0.02em;
}

:is(.bw-page, .bw-protected-integration)
    :is(#blackwall-kiosk-form, .bw-kiosk-form) {
    width: 100%;
    max-width: 840px;
    margin-inline: auto;
}