.cinema{--unfold:0;height:190vh;min-height:1100px;background:#242820;color:#f4f2ec}.cinema-stage{height:100vh;min-height:650px;max-height:1100px;position:sticky;top:0;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:7vw 6vw;gap:6vw}.cinema-heading{position:relative;z-index:3}.cinema-heading .eyebrow{color:#bcc4b0;font-size:9px;letter-spacing:.08em}.cinema-heading h2{margin:28px 0;font-size:clamp(50px,6.2vw,95px)}.cinema-heading>p:last-child{font-size:13px;line-height:1.8;color:#bac0b0}.layer-world{height:380px;position:relative;perspective:1200px}.build-layer{position:absolute;left:0;right:0;top:0;height:350px;border-radius:6px;padding:22px;box-shadow:0 15px 45px #0002;transform-origin:50% 50%;will-change:transform}.build-layer>span{font-size:8px;letter-spacing:.1em;display:block}.layer-back{background:#343f32;color:#dce3d2;border:1px solid #63705b;transform:translate(calc(var(--unfold)*95px),calc(var(--unfold)*-125px)) rotate(calc(7deg + var(--unfold)*7deg));z-index:1}.code-art{font:13px/1.8 monospace;padding-top:24px;color:#b2c696}.code-art b{font-weight:400;color:#edf1e7}.layer-middle{background:#e5e7d9;color:#293322;transform:translate(calc(var(--unfold)*10px),calc(var(--unfold)*20px)) rotate(calc(-4deg + var(--unfold)*1deg));z-index:2}.layer-ui{padding-top:20px}.ui-nav{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.ui-nav>span{font-size:7px;font-weight:400}.layer-ui h3{font-size:43px;line-height:.95;margin-top:30px}.layer-ui h3 em{font-family:Instrument,Georgia,serif}.ui-visual{position:absolute;width:110px;height:110px;right:45px;bottom:65px;border-radius:50% 50% 0 50%;background:var(--orange);transform:rotate(-25deg)}.layer-front{background:#f1e9d7;color:#342f23;transform:translate(calc(var(--unfold)*-100px),calc(var(--unfold)*160px)) rotate(calc(-11deg - var(--unfold)*6deg));z-index:3}.idea-note{font-size:60px;letter-spacing:-.05em;line-height:1.0;margin-top:45px;position:relative}.idea-note em{font-family:Instrument,Georgia,serif}.idea-asterisk{position:absolute;right:8px;top:15px;color:var(--orange);font-size:75px;animation:turn 40s linear infinite}.idea-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.idea-tags span{border:1px solid #cfc6b0;padding:7px 10px;border-radius:20px;font-size:8px}.cinema-footer{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.1em;color:#bdc4b2;gap:30px}.cinema-progress{height:1px;background:#555c4d;flex:1;max-width:180px}.cinema-progress i{height:1px;width:100%;background:var(--orange);display:block;transform:scaleX(var(--unfold));transform-origin:left}.motion-paused .cinema{height:auto;min-height:0}.motion-paused .cinema-stage{position:relative}.motion-paused .cinema{--unfold:.45!important}@media(max-width:1050px){.build-layer{height:310px;padding:20px}.idea-note{font-size:48px}.idea-asterisk{font-size:56px}.layer-world{height:310px}.cinema-stage{gap:4vw}.code-art{font-size:10px}.ui-visual{width:80px;height:80px;right:30px}.layer-front{transform:translate(calc(var(--unfold)*-35px),calc(var(--unfold)*145px)) rotate(calc(-11deg - var(--unfold)*6deg))}.layer-back{transform:translate(calc(var(--unfold)*25px),calc(var(--unfold)*-115px)) rotate(calc(7deg + var(--unfold)*7deg))}}@media(max-width:760px){.cinema{height:auto;min-height:0;--unfold:.45!important}.cinema-stage{height:auto;min-height:0;max-height:none;position:relative;display:block;padding:60px 6vw 70px}.cinema-heading h2{font-size:53px;margin:20px 0}.cinema-heading>p:last-child{font-size:12px}.layer-world{height:340px;margin:100px 25px 45px;max-width:420px}.build-layer{height:280px;padding:18px}.idea-note{font-size:46px;margin-top:30px}.idea-asterisk{font-size:55px}.idea-tags{margin-top:25px}.idea-tags span{font-size:7px}.layer-front{transform:translate(-12px,65px) rotate(-12deg)}.layer-back{transform:translate(10px,-50px) rotate(10deg)}.layer-middle{transform:rotate(-3deg)}.cinema-footer{font-size:6px;bottom:25px}.cinema-footer>span:last-child{display:none}.cinema-progress{max-width:90px}.cinema-progress i{transform:scaleX(1)}.code-art{font-size:10px}.layer-ui h3{font-size:38px}.ui-visual{height:70px;width:70px;bottom:65px;right:30px}}@media(prefers-reduced-motion:reduce){.cinema{height:auto;min-height:0;--unfold:.45!important}.cinema-stage{position:relative}.build-layer{will-change:auto}}