@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,500;0,600;1,500&family=Oswald:wght@500;600&display=swap');
:root{--accent:#d6b881;--bg:#10100f;--paper:#f2eee6;--serif:'Bodoni Moda',Georgia,serif}body{background:var(--bg)}header.cinema-nav{position:absolute;top:0;left:0;width:100%;height:94px;background:transparent;border:0;padding:0 4vw;z-index:25}.cinema-nav .wordmark{color:#f2eee6;font-size:31px}.cinema-nav nav{border:1px solid #ffffff29;padding:11px 26px;border-radius:30px;background:#24221e38;backdrop-filter:blur(18px);font-size:14px;gap:28px}.cinema-nav .contact-nav{font-size:13px}.cinema{height:290svh;position:relative;background:#15130f}.cinema-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;isolation:isolate}.cinema-art{z-index:-3;position:absolute;inset:0;transform:none!important}.cinema-art>img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;animation:none;filter:none;opacity:1;position:absolute;inset:0}.cinema-art canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s}.cinema-art canvas.ready{opacity:1}.cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,9,.82),rgba(9,10,9,.38) 38%,rgba(9,10,9,.03) 65%),linear-gradient(0deg,#10100fcc,transparent 25%,transparent 85%,#10100f66);z-index:-1}.film-edge{position:absolute;inset:110px 28px 25px;border:1px solid #f2eee61c;pointer-events:none;z-index:2}.cinema-intro{position:absolute;left:8vw;top:25%;max-width:650px;will-change:transform,opacity}.cinema-intro>.eyebrow{font-size:12px;letter-spacing:.18em;color:#dfd4bb}.cinema-intro h1{font-family:var(--serif);font-weight:500;font-size:clamp(64px,7.2vw,125px);line-height:1.04;letter-spacing:-.055em;margin:30px 0}.cinema-intro h1 i{font-weight:500;color:#ecd7a6}.cinema-intro>p{font-size:16px;color:#e8e2d6;line-height:1.7}.cinema-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #a79f8f;padding:12px 0;margin-top:28px;font-size:13px;text-transform:uppercase}.cinema-link span{font-size:22px;transition:transform .4s}.cinema-link:hover span{transform:rotate(90deg)}.cinema-meta{position:absolute;top:133px;left:8vw;right:5vw;display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:#eee2ce}.cinema-bottom{position:absolute;bottom:55px;left:8vw;right:5vw;display:flex;align-items:end;justify-content:space-between;font-family:var(--mono);font-size:12px;line-height:1.6;letter-spacing:.1em}.cinema-scroll{display:flex;gap:22px;align-items:center}.cinema-scroll>span{font-size:36px;color:var(--accent);animation:scroll-glow 2s infinite}.watch-film{background:transparent;border:0;display:flex;align-items:center;gap:25px;font-family:var(--mono);font-size:14px;letter-spacing:.08em;padding:0}.watch-film b{border:1px solid #ffffff66;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;font-size:14px;font-weight:400;transition:background .3s}.watch-film:hover b{background:#d6b881;color:#111}.rising-type{position:absolute;left:0;top:27%;width:100%;text-align:center;opacity:0;pointer-events:none;font-family:'Oswald',Impact,sans-serif;font-weight:600;font-size:clamp(65px,12vw,205px);line-height:1.03;letter-spacing:-.055em;will-change:transform,opacity;text-shadow:0 4px 60px #0009}.rising-type span{display:block}.rising-type i{font-family:var(--serif);font-weight:500;color:#ecd7a6}.scene-index{position:absolute;right:5vw;top:45%;display:flex;align-items:baseline;gap:8px;font-family:var(--mono);opacity:.8}.scene-index>span:first-child{font-size:34px}.scene-index>span:last-child{font-size:13px}.frame-journey{height:190svh;background:#10100f;position:relative}.frame-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;display:grid;place-items:center}.frame-heading{position:absolute;top:50px;width:100%;text-align:center;z-index:1}.frame-heading .eyebrow{letter-spacing:.15em;font-size:12px;color:#c9b995}.frame-heading h2{font-family:var(--serif);font-size:clamp(36px,4vw,64px);letter-spacing:-.045em;line-height:1.08;margin-top:16px}.frame-heading h2 i{color:#d6b881}.diamond-gallery{position:relative;width:390px;height:390px;transform:translateY(65px)}.diamond{position:absolute;width:185px;height:185px;border:0;padding:0;background:#28221b;overflow:hidden;transform:rotate(45deg);box-shadow:0 10px 60px #0005;will-change:transform;cursor:pointer}.diamond img{height:145%;width:145%;max-width:none;position:absolute;left:-22.5%;top:-22.5%;object-fit:cover;transform:rotate(-45deg);transition:filter .4s;filter:saturate(.8)}.diamond:hover img{filter:saturate(1.1)}.d1{top:-43px;left:103px}.d2{top:103px;left:-43px}.d3{top:103px;left:249px}.d4{top:249px;left:103px}.frame-foot{position:absolute;bottom:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.09em}.frame-foot button{border:0;border-bottom:1px solid #888;background:none;padding:12px 0;font-size:15px}.frame-foot button span{margin-left:22px;font-size:11px}.film-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding-block:110px;background:#d8c9ae;color:#201d17}.film-copy .eyebrow{font-size:12px;letter-spacing:.15em}.film-copy h2{font-family:var(--serif);font-size:clamp(50px,6.5vw,100px);font-weight:500;letter-spacing:-.055em;margin:30px 0}.film-copy h2 i{color:#796347}.film-copy p{font-size:17px;line-height:1.7;max-width:390px;margin-top:18px}.film-copy .button{margin-top:30px;background:#201d17;color:#fff}.film-screen{position:relative;width:min(100%,500px);aspect-ratio:4/5;overflow:hidden;box-shadow:0 30px 90px #2b21142b}.film-screen video{width:100%;height:100%;object-fit:cover}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff9;width:72px;height:72px;border-radius:50%;background:#0003;backdrop-filter:blur(10px);font-size:18px}.film-play:hover{background:#0008}.film-screen>span{position:absolute;bottom:20px;left:20px;color:white;font-family:var(--mono);font-size:12px;letter-spacing:.12em}.about{background:#d9d6cc}.about em{color:#8b6c3f}.contact.lunar-contact{color:#f2eee6;background:#090e10;position:relative;isolation:isolate;overflow:hidden;min-height:900px;padding-top:80px;display:flex;flex-direction:column}.contact-moon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}.lunar-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080d11c9,transparent 70%),linear-gradient(0deg,#080d11,transparent 45%)}.lunar-contact .section-top{margin-bottom:65px}.lunar-contact h2{font-size:clamp(58px,7.5vw,125px);font-family:var(--serif);line-height:1.02;letter-spacing:-.045em}.lunar-contact h2 i{color:#c5c8c5}.lunar-contact .contact-bottom{margin-top:auto;padding-top:120px}.lunar-contact .email{font-size:clamp(22px,3vw,42px);border-color:#aaa}.lunar-contact .contact-links button{border-color:#888}.lunar-contact .contact-links{color:#d4d7d7}.lunar-contact .button{background:#f2eee6;color:#151515}#film-dialog{width:min(620px,96vw);background:#070707}#full-film{display:block;max-height:78svh;width:100%;object-fit:contain;background:#070707}.motion-paused .cinema{height:100svh;min-height:720px}.motion-paused .frame-journey{height:900px}.motion-paused .frame-stage{position:relative;height:900px}.motion-paused .cinema-intro{opacity:1!important;transform:none!important}.motion-paused .rising-type{display:none}.motion-paused .diamond{transform:rotate(45deg)!important}.motion-paused .scene-index{display:none}@keyframes scroll-glow{50%{opacity:.3;transform:translateY(8px)}}
@media(max-width:900px){.cinema-intro{left:6vw;top:30%}.cinema-intro h1{font-size:9vw}.cinema-vignette{background:linear-gradient(90deg,#090a09c9,#090a0922 80%),linear-gradient(0deg,#10100fcc,transparent 40%)}.film-feature{gap:6vw}.scene-index{display:none}.lunar-contact{min-height:820px!important}.contact-moon{object-position:60% center}.lunar-contact .contact-bottom{padding-top:200px}.diamond-gallery{transform:translateY(65px) scale(.83)}}
@media(max-width:600px){header.cinema-nav{padding:0 22px;height:76px}.cinema-nav nav{padding:8px 16px;gap:18px;font-size:12px}.cinema-nav .contact-nav{font-size:12px}.cinema-nav .wordmark{font-size:27px}.film-edge{inset:86px 12px 15px}.cinema{height:235svh}.cinema-stage{min-height:680px}.cinema-meta{top:106px;left:28px;right:28px;font-size:10px;letter-spacing:.06em}.cinema-intro{left:28px;right:24px;top:27%;max-width:none}.cinema-intro>.eyebrow{font-size:10px;letter-spacing:.1em}.cinema-intro h1{font-size:clamp(54px,12vw,75px);margin:18px 0;max-width:350px}.cinema-intro>p{font-size:14px}.cinema-link{font-size:12px;margin-top:18px;gap:40px}.cinema-bottom{left:28px;right:28px;bottom:35px;font-size:10px;gap:16px}.cinema-bottom>span:first-child{max-width:145px}.cinema-scroll{display:none}.watch-film{font-size:11px;gap:12px}.watch-film b{width:44px;height:44px;font-size:12px}.rising-type{top:32%;font-size:14vw;line-height:1.2}.frame-journey{height:170svh}.frame-stage{min-height:680px}.frame-heading{top:40px}.frame-heading h2{font-size:42px}.diamond-gallery{transform:translateY(35px) scale(.59)}.frame-foot{bottom:25px;left:24px;right:24px;flex-wrap:wrap;gap:14px;font-size:10px}.frame-foot>span:last-child{display:none}.frame-foot button{font-size:14px}.film-feature{grid-template-columns:1fr;padding:60px 25px;gap:38px}.film-copy h2{font-size:60px}.film-copy h2 br:last-of-type{display:none}.film-copy p{font-size:16px}.film-screen{max-width:100%;margin:auto}.lunar-contact{min-height:870px!important;padding-top:55px!important}.lunar-contact h2{font-size:59px}.lunar-contact .section-top{margin-bottom:45px}.contact-moon{object-position:61% center}.lunar-shade{background:linear-gradient(0deg,#080d11 4%,transparent 55%,#080d1177),linear-gradient(90deg,#080d1177,transparent)}.lunar-contact .contact-bottom{padding-top:270px}.lunar-contact .email{font-size:6vw}.lunar-contact .contact-links{font-size:13px;gap:18px}.motion-paused .frame-journey,.motion-paused .frame-stage{height:740px}}
@media(prefers-reduced-motion:reduce){.cinema{height:100svh;min-height:720px}.cinema-intro{opacity:1!important;transform:none!important}.rising-type{display:none}.frame-journey{height:900px}.frame-stage{position:relative;height:900px}.diamond{transform:rotate(45deg)!important}.scene-index{display:none}}
