.bfilm .wp-block-column { flex-direction: column; }.bfilm .bfilm-fig { margin: 0 auto 1.75rem; width: 100%; max-width: 340px; }.bfilm .bfilm-fig img, .bfilm .bfilm-fig svg { display: block; width: 100%; height: auto; }.bfilm .bfilm-fig img { aspect-ratio: 396 / 509; }@media (max-width: 781px) { .bfilm .bfilm-fig { max-width: 300px; } }main .entry-content > section.bre-hero { margin-block-start: 0 !important; }.bf-pre:not(.bf-spent) header.wp-block-template-part,.bf-pre:not(.bf-spent) .wp-site-blocks > footer,.bf-pre:not(.bf-spent) main .entry-content > :not(.bfilm) { display: none !important; }.bf-pre:not(.bf-spent) main, .bf-pre:not(.bf-spent) main .entry-content { padding-bottom: 0 !important; margin-bottom: 0 !important; }.bf-pre .bfilm {height: calc(100svh * 12.25); padding: 0 !important; margin-block-start: 0 !important;background:repeating-linear-gradient(to right, rgba(226, 230, 240, 0.045) 0 1px, transparent 1px 24px),repeating-linear-gradient(to bottom, rgba(226, 230, 240, 0.045) 0 1px, transparent 1px 24px),#2D3142 !important;}.bf-pre .bfilm > .wp-block-columns { display: none !important; }.bf-pre .bfilm .bf-intro {box-sizing: border-box; height: 100svh; width: 100%; max-width: none !important; margin: 0 !important;display: flex; flex-direction: column; align-items: center; justify-content: center;padding: 0 6vw; text-align: center; z-index: 4;}.bf-pre .bfilm .bf-intro > p:first-of-type { display: none !important; }.bf-wheel-wrap { display: none; }.bf-pre .bfilm .bf-intro > .bf-wheel-wrap { display: block; width: clamp(120px, 17vh, 180px); margin: 0 auto 2.8rem !important; }.bf-wheel { display: block; width: 100%; height: auto; will-change: transform; }.bf-dark { position: fixed; inset: 0; background: #0E1016; z-index: 100010; opacity: 0; transition: opacity 0.55s ease; pointer-events: none; }.bf-pre .bfilm .bf-intro h2 { font-size: clamp(3rem, 6.2vw, 6.6rem) !important; line-height: 1.02 !important; letter-spacing: -0.025em; max-width: 15ch; margin: 0 0 2.2rem !important; }.bf-pre .bfilm .bf-intro h2 strong { color: #EF8354; }.bf-pre .bfilm .bf-intro > p:last-child { font-size: clamp(1.1rem, 1.35vw, 1.35rem) !important; max-width: 46ch; margin: 0 !important; color: #BFC0C0 !important; }.bf-on main header.bf-hdr { max-width: none !important; margin-top: 0 !important; margin-bottom: 0 !important; }.bf-on main section.bre-hero { min-height: calc(100svh - var(--bf-hdr, 0px)) !important; }.bfilm-on .bf-stage {background: linear-gradient(to right, rgba(226, 230, 240, 0.045) 0 1px, transparent 1px) 0 var(--bf-gy, 0px) / 24px 24px, linear-gradient(to bottom, rgba(226, 230, 240, 0.045) 0 1px, transparent 1px) 0 var(--bf-gy, 0px) / 24px 24px, #2D3142;position: sticky; top: 0; height: 100svh; width: 100%; max-width: none !important; margin: 0 !important; overflow: clip; isolation: isolate; }.bfilm-on .bf-stage > * { position: absolute; margin: 0 !important; max-width: none !important; }.bfilm-on .bf-stage > .bf-intro { inset: 0; }.bfilm-on .b2b-reveal { opacity: 1 !important; transform: none !important; }.bfilm-on .bf-cue { left: 0; right: 0; bottom: 5svh; text-align: center; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: #BFC0C0; z-index: 4; }.bfilm-on .bf-word { left: 3.5vw; top: 9svh; z-index: 1; will-change: transform, opacity; }.bfilm-on .bf-word :is(h2, h3) {margin: 0 !important; font-size: clamp(8rem, 19vw, 22rem) !important; line-height: 0.86 !important;letter-spacing: -0.045em; color: #EF8354 !important; font-weight: 700 !important; white-space: normal; max-width: 93vw;overflow: clip; padding-bottom: 0.06em;}.bfilm-on .bf-word .l { display: inline-block; will-change: transform; }.bfilm-on .bf-cam { right: 4vw; top: 7svh; height: 84svh; z-index: 2; }.bfilm-on .bf-cam svg { display: block; height: 100%; width: auto; }.bfilm-on .bf-copy { left: 3.5vw; bottom: 13svh; width: min(30ch, 38vw); z-index: 3; }.bfilm-on .bf-copy > * { will-change: transform, opacity; }.bfilm-on .bf-copy .bre-flow-num { font-size: 1.05rem !important; margin: 0 0 1rem !important; }.bfilm-on .bf-copy p.bfilm-read { font-size: clamp(1.35rem, 1.85vw, 1.9rem) !important; line-height: 1.38 !important; color: #FFFFFF !important; margin: 0 !important; text-shadow: 0 0 18px #2D3142, 0 0 6px #2D3142; }.bfilm-on .bfilm-read .w { opacity: clamp(0.14, calc(var(--a, 1) * var(--n) - var(--i)), 1); }.bfilm.bf-done { display: none !important; }.bf-pre .bfilm.bf-leaving { position: fixed !important; inset: 0; margin: 0 !important; width: 100% !important; max-width: none !important; height: 100svh; z-index: 100000; transition: opacity 0.7s ease; }.bf-skip, .bf-replay {font: inherit; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;color: #BFC0C0; background: none; border: 0; padding: 0.6rem 0; cursor: pointer;}.bf-skip:hover, .bf-replay:hover, .bf-skip:focus-visible, .bf-replay:focus-visible { color: #FFFFFF; }.bfilm-on .bf-stage > .bf-skip { right: 3.5vw; bottom: calc(5svh - 0.6rem); z-index: 5; }.bf-replay { display: none; }.bf-spent main section.bre-hero > .bf-replay { display: block; position: absolute; left: max(2rem, calc(50% - 540px)); bottom: 1.6rem; z-index: 2; }.bf-rail { display: none; }.bfilm-on .bf-rail { left: 3.5vw; width: min(60vw, 880px); bottom: 5svh; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; z-index: 3; }.bf-rail span { position: relative; display: block; padding-top: 0.8rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #BFC0C0; }.bf-rail span::before, .bf-rail i { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; }.bf-rail span::before { background: rgba(239, 131, 84, 0.22); }.bf-rail i { background: #EF8354; transform-origin: left; transform: scaleX(0); }.bf-rail span.on { color: #FFFFFF; }.bfilm:not(.bfilm-on) .bf-intro { margin-block-end: 3rem; }.bf-pre .bfilm:not(.bfilm-on) .bf-intro { margin-block-end: 0; }.bf-on main section.bre-hero .b2b-reveal, .bf-on header.bf-hdr .b2b-reveal, .bf-on header.bf-hdr.b2b-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }.bf-pre.bf-end:not(.bf-spent) main .entry-content > header.bf-hdr { display: block !important; position: fixed !important; top: var(--bf-y0, 0px) !important; left: 0; right: 0; width: auto !important; margin: 0 !important; z-index: 100002; pointer-events: none; }.bf-pre.bf-end:not(.bf-spent) main .entry-content > section.bre-hero { display: flex !important; position: fixed !important; top: calc(var(--bf-y0, 0px) + var(--bf-hdr, 0px)) !important; left: 0; right: 0; width: auto !important; margin: 0 !important; z-index: 100001; pointer-events: none; }.bf-end:not(.bf-spent) main section.bre-hero .bre-mh-fig { visibility: hidden; }.bf-steam { position: fixed; z-index: 100003; margin: 0; pointer-events: none; transform-origin: 0 0; }.bf-steam svg { display: block; width: 100%; height: auto; }.bf-spent main section.bre-hero > .bf-replay { animation: bf-in 0.6s ease 0.6s both; }@keyframes bf-in { from { opacity: 0; } to { opacity: 1; } }.bfilm-on .bf-word .wd { display: inline-block; overflow: clip; padding-bottom: 0.06em; vertical-align: top; white-space: nowrap; }.bf-pre .bfilm .bf-intro > .bf-wheel-wrap { position: relative; aspect-ratio: 536 / 535.47; }.bf-logo { position: absolute; left: 0; top: 0; width: calc(100% * 1532.92 / 536); height: auto; overflow: visible; }.bf-logo .mk, .bf-logo .lt { fill: #EF8354; }.bf-pre:not(.bf-on) .bf-logo, .bf-pre:not(.bf-on) .bfilm .bf-intro h2 { visibility: hidden; }.bfilm-on .bf-intro h2, .bfilm-on .bf-intro > p { visibility: hidden !important; }.bf-wheel-wrap.bf-fly { display: block; position: fixed; z-index: 100004; margin: 0; aspect-ratio: 536 / 535.47; pointer-events: none; }.bfilm-on .bf-stage > .bf-skip { right: calc(3.5vw + 64px); }.bfilm-on .bf-word :is(h2, h3) { overflow: visible !important; }.bfilm-on .bf-word .wd { padding-bottom: 0.22em; margin-bottom: -0.16em; }html:not(.bf-pre) .bfilm .bf-intro { display: none !important; }.bfilm .bfilm-fig[data-m="steam"] img { aspect-ratio: 360 / 412; }html:not(.bf-pre) .bfilm {background:linear-gradient(to right, rgba(226, 230, 240, 0.045) 0 1px, transparent 1px) 0 0 / 24px 24px,linear-gradient(to bottom, rgba(226, 230, 240, 0.045) 0 1px, transparent 1px) 0 0 / 24px 24px,#2D3142 !important;}