.generator-experience{--side:clamp(22px, 4.8vw, 90px);min-height:100svh;position:relative}.fact-machine{z-index:1;background:#080809;position:fixed;inset:0;overflow:hidden}.generator-coming-soon{min-height:100svh;padding:max(32px, env(safe-area-inset-top)) var(--side);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.generator-coming-soon p{color:#aaa49c;letter-spacing:.18em;margin:0 0 18px;font:10px/1.5 monospace}.generator-coming-soon h2{letter-spacing:-.035em;margin:0;font-size:clamp(23px,1.7vw,29px);font-weight:400;line-height:1.35}.generator-coming-soon button{color:#c2bfb8;margin-top:32px;padding:12px 0;font-size:12px;transition:color .18s}.generator-coming-soon button:hover,.generator-coming-soon button:focus-visible{color:#f1f0ed}.fact-film{object-fit:cover;width:100%;height:100%;display:block}.fact-holding-frame{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.generator-experience[data-phase=page] .fact-machine{visibility:hidden}.fact-back{top:max(24px, env(safe-area-inset-top));right:var(--side);color:#c2bfb8;padding:12px 0;font-size:12px;position:absolute}.fact-back span{margin-left:16px;font-size:18px}.fact-audio{top:max(24px, env(safe-area-inset-top));left:var(--side);color:#c2bfb8;place-items:center;width:44px;height:44px;display:grid;position:absolute}.fact-audio:hover{color:#f1f0ed}.fact-audio svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fact-controls{bottom:max(32px, env(safe-area-inset-bottom));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.fact-generate{letter-spacing:.26em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08080970;border:1px solid #fff4;border-radius:2px;padding:14px 22px;font:10px/1.5 monospace}.fact-generate:disabled{opacity:.4}.fact-status{color:#c2bfb8;width:260px;font-size:12px}.generator-doors{z-index:4;pointer-events:none;position:fixed;inset:0}.generator-door{will-change:transform;position:absolute;inset:0;overflow:hidden}.generator-door-left{clip-path:inset(0 50% 0 0)}.generator-door-right{clip-path:inset(0 0 0 50%)}.generator-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.generator-page{z-index:2;background:var(--background);min-height:100svh;position:relative}.generator-page[aria-hidden=true] .portfolio-intro{visibility:hidden;transition:none}[data-generator-frozen] *,.generator-doors *{animation-play-state:paused!important}.generator-media,.generator-result-layer{position:absolute;inset:0}.fact-film,.fact-holding-frame,.generator-result{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.generator-result-layer,.generator-result{pointer-events:none}.generator-result{background:0 0;transition:none}.generator-replay{color:#ffffffa6;letter-spacing:.12em;background:#08080947;border-radius:3px;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font:10px/1.5 monospace;transition:background .18s,color .18s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.generator-replay span{font-size:18px}.generator-replay:hover,.generator-replay:focus-visible{color:#ffffffe6;background:#0808097a}