/* Approved B: the same material, proportions and fixed vertical axis. */
.sequence.b-experience{position:relative;padding:0;background:#0B0E10;isolation:isolate}
.b-stage{position:sticky;top:0;height:100svh;height:100dvh;overflow:clip;isolation:isolate}
.b-film-space{position:absolute;inset:0;perspective:1400px;perspective-origin:54% 50%;transform-style:preserve-3d;pointer-events:none}
.b-film{position:absolute;left:56%;top:50%;width:min(89vw,1440px);height:0;transform-style:preserve-3d;will-change:transform}
.b-frame,.b-film-extension{position:absolute;left:0;top:0;width:100%;height:var(--b-frame-height);transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden}
.b-frame{pointer-events:auto;will-change:transform}
.b-film-extension{pointer-events:none}
.b-stock{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.b-aperture{position:absolute;left:11%;right:11%;top:10px;bottom:10px;border-radius:5px;overflow:hidden;background:#050708;box-shadow:0 0 0 1px #c6a98a22,inset 0 0 0 1px #050708}
.b-aperture>.media{width:100%;height:100%;min-height:0;aspect-ratio:auto}
.b-aperture img,.b-aperture video{display:block;width:100%;height:100%;object-fit:cover}
.b-frame-label{position:absolute;bottom:20px;left:calc(11% + 14px);font:9px/1.5 Inter;letter-spacing:.06em;padding:5px 8px;background:#0b0e10b3;max-width:75%;pointer-events:auto}
.b-intro{position:absolute;left:3.5%;top:12%;width:90%;height:75%;display:flex;flex-direction:column;align-items:start;pointer-events:none}
.b-eyebrow{font:9px/1.65 Inter;letter-spacing:.16em;color:#9AA0A6;margin:0}
.b-intro h2{font:700 clamp(125px,14.8vw,280px)/.85 Barlow;letter-spacing:-.035em;margin:20px 0;text-shadow:0 2px 18px #0b0e1066;white-space:normal}
.b-intro h2>span{display:inline-block;width:.105em;height:.105em;margin-left:.035em;background:#F5928F;color:transparent;overflow:hidden;vertical-align:baseline}
.b-copy{margin: auto 0 0;max-width:28ch;font:12px/1.65 Inter;color:#c1c4c7;padding:10px 12px 10px 0;background:linear-gradient(90deg,#0b0e10ee,#0b0e10aa 80%,transparent)}
.b-transport{position:absolute;bottom:34px;left:3.5%;display:flex;gap:7px;align-items:center;font:10px/1.5 Inter;z-index:6;max-width:calc(100% - 260px)}
.b-transport output{font-variant-numeric:tabular-nums;margin-right:12px;color:#F5928F;white-space:nowrap}
.b-transport button{font:10px Inter;border:1px solid #59606380;background:#0b0e10e8;min-height:44px;min-width:44px;padding:10px 14px;cursor:pointer}
.b-transport button[data-film-prev],.b-transport button[data-film-next]{font-size:17px}
.b-transport a{margin-left:12px;border-bottom:1px solid #9AA0A6;min-height:44px;display:flex;align-items:center;background:#0b0e10d9}
.b-private-mode{position:absolute;right:3.5%;bottom:34px;z-index:6;display:flex;background:#0B0E10;padding:3px;border:1px solid #2A2F33}
.b-private-mode button{border:0;font:10px Inter;min-height:44px;padding:10px 14px}
.b-private-mode button[aria-pressed=true]{background:#F5928F;color:#0B0E10}
.b-edit-hit{display:none;position:absolute;inset:0;z-index:3;align-items:end;padding:24px;background:linear-gradient(transparent 70%,#0b0e10c9);font:12px Inter}
[data-film-mode=edit] .b-frame[data-film-active=true] .b-edit-hit{display:flex}
.b-experience[data-film-preview] .b-transport,.b-experience[data-film-preview] .b-private-mode{bottom:66px}
.b-transport :is(a,button):focus-visible,.b-private-mode button:focus-visible,.b-edit-hit:focus-visible{outline:2px solid #F5928F;outline-offset:4px}
.b-transport button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){
 .b-film{left:50%;width:99vw;top:48%}
 .b-film-space{perspective:900px;perspective-origin:50% 48%;clip-path:inset(194px 0 160px 0)}
 .b-intro{top:86px;left:20px;width:calc(100% - 40px);height:calc(100% - 290px)}
 .b-intro h2{font-size:31vw;margin:10px 0}
 .b-eyebrow{font-size:8px}
 .b-copy{position:absolute;bottom:-70px;margin:0;max-width:100%;font-size:12px;background:#0b0e10ee;padding:10px 0}
 .b-aperture{left:9%;right:9%;top:7px;bottom:7px;border-radius:3px}
 .b-frame-label{font-size:7px;left:calc(9% + 6px);bottom:13px}
 .b-transport{bottom:82px;left:20px;right:20px;max-width:none;gap:5px;justify-content:space-between;background:#0b0e10f2;padding:4px}
 .b-transport output{margin-right:0;font-size:10px}
 .b-transport button{padding:8px;min-width:38px}
 .b-transport a{margin-left:0;font-size:9px}
 .b-transport button[data-film-sound]{font-size:9px}
 .b-private-mode{bottom:18px;right:20px}
 .b-experience[data-film-preview] .b-transport{bottom:114px}
 .b-experience[data-film-preview] .b-private-mode{bottom:50px}
}
@media(max-height:650px) and (min-width:701px){.b-copy{max-width:40ch}.b-transport,.b-private-mode{bottom:16px}}
@media(prefers-reduced-motion:reduce){.b-frame,.b-film{will-change:auto}}