#process{position:relative;isolation:isolate;overflow:hidden;background:#100c18}
#process> :not(.process-film){position:relative;z-index:1}
#process .revealitem{opacity:1;transform:none}
.process-film{margin:0;position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;background:#100c18}
.process-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#100c18bb,#100c1870 55%,#100c18aa),linear-gradient(0deg,#100c18ee,transparent 35%,#100c1877);pointer-events:none}
.process-film video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.34);opacity:.28;filter:saturate(.65);background:#100d17}
.process-film figcaption{position:absolute;bottom:16px;right:20px;z-index:2;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.process-film .film-label{display:none}
.process-film .film-label,.process-film button{color:#fff;background:#130d20cc;border:1px solid #e6e6fa55;border-radius:30px;padding:10px 16px;font-size:11px;backdrop-filter:blur(10px)}
.process-film button{pointer-events:auto;min-width:100px;min-height:44px}
.process-film button:focus-visible{outline:2px solid #e6e6fa;outline-offset:3px}
html[data-theme=light] #process{background:#f0e8f5}
html[data-theme=light] .process-film{background:#f0e8f5}
html[data-theme=light] .process-film:after{background:linear-gradient(90deg,#f0e8f5dd,#f0e8f5aa 55%,#f0e8f5dd),linear-gradient(0deg,#f0e8f5,transparent 45%,#f0e8f599)}
html[data-theme=light] .process-film video{opacity:.25}
@media(max-width:600px){.process-film video{opacity:.23}.process-film figcaption{bottom:8px;right:10px}.process-film button{padding:7px 10px;font-size:10px;min-height:38px;min-width:80px}}