:root{--black:#0b0c0b;--paper:#e8e6df;--orange:#ed6a39;--muted:#9a9e95;--font:Arial,'Noto Sans Arabic',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--paper);font-family:var(--font)}body{overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{background:none;color:inherit;border:0;cursor:pointer;font:inherit}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:6px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.grain{position:fixed;inset:0;width:100%;height:100%;opacity:.035;mix-blend-mode:screen;pointer-events:none;z-index:50}#shutter{position:fixed;inset:0;background:#080908;z-index:60;pointer-events:none;transform:scaleY(0);transform-origin:center}.site-header{position:absolute;z-index:30;top:0;right:0;left:0;padding:30px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-header a{font-size:22px;font-weight:bold}.site-header a span{font:8px Arial;display:block;letter-spacing:3px;direction:ltr;margin-top:8px}.top-tools{display:flex;gap:35px;align-items:center;font-size:12px}.top-tools button{display:flex;gap:12px;align-items:center}.sound-bars{display:flex;gap:3px;align-items:center;height:15px;direction:ltr}.sound-bars i{width:2px;height:4px;background:currentColor}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.overline{font-size:12px;line-height:1.8;letter-spacing:.02em}.tiny-square{display:inline-block;width:5px;height:5px;background:var(--orange);vertical-align:middle;margin-left:13px}.opening,.experience,.ending{position:relative;min-height:800px;height:100svh;overflow:hidden}.opening-image{position:absolute;inset:0 27% 0 0;overflow:hidden}.opening-image img{width:100%;height:100%;object-fit:cover;object-position:48% 50%;filter:brightness(.65);transform:scale(1.06)}.opening-shade{position:absolute;inset:0;background:linear-gradient(270deg,#0b0c0b 0%,#0b0c0be8 25%,#0b0c0b10 63%,#0b0c0b28 100%),linear-gradient(0deg,#0b0c0b 0%,transparent 38%)}.opening-copy{position:absolute;top:21%;right:10%;z-index:3}.opening h1{font-size:clamp(95px,12vw,182px);line-height:1.12;margin:28px 0 18px;font-weight:700}.title-line{display:block}.period{color:var(--orange)}.opening-sub{font-size:20px;color:#b9bcb1;margin-right:6px}.opening-bottom{position:absolute;bottom:7%;right:10%;left:6%;display:flex;align-items:center;justify-content:space-between;gap:50px}.enter{display:flex;align-items:center;gap:24px;text-align:right;font-size:22px}.enter small{display:block;font-size:12px;margin-top:13px;color:#969c90;font-weight:normal}.circle-arrow{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border:1px solid #737a6d;border-radius:50%;font-size:30px;transition:background .25s,border-color .25s,transform .25s}.enter:hover .circle-arrow{background:var(--orange);border-color:var(--orange);color:#111;transform:rotate(-35deg)}.opening-note{font-size:10px;line-height:1.8;color:#969c90;max-width:230px;text-align:left}.opening-note span{font-size:8px;letter-spacing:2px}.film-edge{position:absolute;left:2.4%;top:38%;writing-mode:vertical-rl;direction:ltr;letter-spacing:4px;font:8px Arial;color:#b0b2a5}.opening-caption{position:absolute;left:13%;top:50%;font-size:10px;color:#c0c3b8;transform:rotate(-90deg);transform-origin:left}.scene-image{position:absolute;inset:0;overflow:hidden}.scene-image img{height:100%;width:100%;object-fit:cover;object-position:center;filter:brightness(.64)}.scene-shade{position:absolute;inset:0;background:linear-gradient(270deg,#080908f5 0%,#080908aa 31%,#08090820 75%),linear-gradient(0deg,#080908 0%,transparent 30%,transparent 75%,#08090890)}.image-detail{position:absolute;width:20vw;height:54vh;left:6%;top:22%;overflow:hidden;clip-path:inset(0 0 0 0);opacity:.35;mix-blend-mode:screen;border-left:1px solid #ffffff30}.image-detail img{width:240%;height:150%;object-fit:cover;object-position:center;transform:translate(20%,-14%);filter:contrast(1.2)}.scene-type{position:absolute;bottom:0;left:7%;font-size:clamp(80px,16vw,245px);font-weight:bold;color:#ffffff07;white-space:nowrap;line-height:1.2;pointer-events:none}.scene-index{position:absolute;left:4.5%;top:145px;display:flex;align-items:center;gap:18px;font:10px Arial;letter-spacing:2px;direction:ltr}.progress{display:flex;gap:5px}.progress i{height:1px;width:24px;background:#ffffff35}.progress i.past{background:#ffffff90}.progress i.current{background:var(--orange);height:2px}.scene-label{position:absolute;left:8%;bottom:14%;display:flex;flex-direction:column;gap:12px;max-width:230px;font-size:12px}.scene-label span:first-child{font-size:25px}.scene-label span:last-child{color:#a8aea0}.interface{position:absolute;right:10%;top:50%;width:380px;transform:translateY(-45%);z-index:5;filter:drop-shadow(0 30px 40px #0008)}.phone{border:1px solid #73796c;border-radius:38px;background:#e1e2dc;color:#20251f;overflow:hidden;box-shadow:inset 0 0 0 5px #151914;padding:7px;direction:rtl}.phone-inner{border-radius:30px;overflow:hidden;min-height:490px;display:flex;flex-direction:column;background:#e4e6df}.phone-status{height:38px;padding:12px 22px 4px;display:flex;justify-content:space-between;font:10px Arial;direction:ltr;background:#eef0e9}.phone-status .island{background:#1a2019;width:82px;height:15px;border-radius:20px;position:absolute;left:50%;transform:translateX(-50%);top:10px}.chat-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid #bfc5b8;padding:18px;background:#eef0e9}.avatar{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d0d5ca;font-size:17px}.contact{flex:1;font-size:17px;font-weight:bold}.contact small{display:block;font-size:9px;color:#747e6b;font-weight:normal;margin-top:4px}.chat-body{min-height:180px;padding:22px 20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;flex:1}.date-label{align-self:center;font-size:9px;color:#8c9683;margin-bottom:30px}.draft-hint{font-size:10px;color:#7d8773;margin-bottom:12px}.bubble{background:#c7cebf;border-radius:15px 15px 4px 15px;padding:17px 20px;font-size:21px;line-height:1.6;max-width:100%;text-align:right;position:relative}.bubble.pending{color:#636d5a}.delivery{font-size:10px;color:#747e6a;min-height:18px;margin:9px 0 2px;align-self:flex-start}.delivery.fail{color:#a54e33}.delivery.success{color:#416541}.chat-composer{display:flex;padding:10px 12px;gap:9px;align-items:center;border-top:1px solid #c1c8b8;background:#e9ece4}.compose-text{background:#f3f4ef;border:1px solid #c9d0c0;border-radius:18px;padding:11px 13px;flex:1;font-size:13px;line-height:1.5;color:#3e4835;min-height:39px}.send{background:#252e20;color:#f0f2eb;width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;transition:background .2s}.send:hover{background:#4b5b40}.keyboard{padding:10px 7px 14px;background:#c0c5ba;direction:rtl;user-select:none}.key-row{display:flex;justify-content:center;gap:4px;margin-bottom:5px}.key-row span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ecede7;color:#444d3d;border-radius:4px;font-size:13px;box-shadow:0 1px 1px #0003}.key-row .space{width:170px;font-size:9px}.gesture-bar{height:4px;width:100px;border-radius:10px;background:#262f20;margin:5px auto}.scene-instruction{position:absolute;right:10%;bottom:7%;width:380px;text-align:center;font-size:12px;color:#a0a794;z-index:8}.scene-status{position:absolute;left:8%;bottom:8%;font-size:12px;color:var(--orange);max-width:35%}.scene-back{position:absolute;right:4.5%;bottom:7%;font-size:24px;color:#929c86}.skip-film{position:absolute;left:4.5%;bottom:3%;font-size:10px;color:#8a9380}.interface.mail-view{width:560px;right:7%}.mail{background:#e7e8e0;color:#293323;border:1px solid #a5af98;direction:rtl}.windowbar{background:#ced3c5;padding:12px 18px;font-size:10px;display:flex;justify-content:space-between;border-bottom:1px solid #b0b9a3}.windowdots{display:flex;gap:6px}.windowdots i{width:7px;height:7px;border-radius:50%;background:#8a957d}.mail-title{padding:20px 25px;font-size:22px;border-bottom:1px solid #c9d0bd}.mail-row{padding:13px 25px;border-bottom:1px solid #c9d0bd;font-size:12px}.mail-row span{display:inline-block;color:#7a876b;min-width:55px}.mail-copy{direction:ltr;text-align:left;padding:38px 28px;min-height:200px;font-family:Arial;font-size:25px;line-height:1.55}.mail-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-top:1px solid #c9d0bd}.mail-send{background:#303c26;color:#f1f2ed;padding:12px 25px;font-size:14px}.mail-status{font-size:10px;color:#a54e33}.interface.discord-view{width:510px;right:8%}.discord{background:#262925;color:#d3d7cd;border:1px solid #5d6854;direction:rtl}.discord-top{background:#1d211b;padding:18px 25px;font-size:14px;border-bottom:1px solid #404a36;display:flex;gap:15px}.discord-side{background:#181c15;width:45px;position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;flex-direction:column;padding-top:20px;gap:15px}.discord-side span{width:24px;height:24px;background:#454d3c;border-radius:50%;display:block}.discord-inner{padding-left:45px}.discord-body{min-height:220px;padding:30px 24px}.discord-member{font-size:10px;color:#aeb8a2;margin:20px 0}.discord-draft{font-size:24px;line-height:1.7}.discord-input{margin:0 20px 20px;padding:16px;background:#363d2e;display:flex;align-items:center;gap:20px;font-size:12px;justify-content:space-between}.discord-input button{font-size:12px;border:1px solid #8a977d;padding:9px 12px;white-space:nowrap}.discord-status{font-size:10px;color:#c08a72;min-height:20px;padding:0 24px 12px}.wave-card{background:#cbd1c2;border-radius:12px;display:flex;align-items:center;gap:12px;padding:16px 12px;width:100%;direction:ltr}.play-voice{border:1px solid #8d987e;border-radius:50%;width:32px;height:32px;font-size:15px;flex-shrink:0}.wave{display:flex;align-items:center;justify-content:space-between;height:35px;gap:3px;flex:1}.wave i{background:#7b886b;width:3px;border-radius:5px}.wave.playing i{animation:pulse .7s ease-in-out infinite alternate}.wave.playing i:nth-child(3n){animation-delay:.3s}.voice-duration{font:9px Arial;color:#7b886b}.voice-caption{font-size:14px;line-height:1.8;color:#68765a;padding:12px 0 0}.voice-tag{font-size:9px;color:#7a876a;margin-bottom:12px}.voice-controls{padding:16px;display:flex;justify-content:space-between;align-items:center;min-height:80px;background:#dbe0d2}.trash{border:1px solid #a2ac95;color:#434f36;border-radius:50%;width:40px;height:40px;font-size:17px}.trash.ready{border-color:#ae6148;color:#ae6148;box-shadow:0 0 0 6px #ae614810}.voice-note{font-size:10px;color:#6f7d60;max-width:160px;text-align:center}.ending{min-height:850px}.end-photo{position:absolute;inset:0 0 0 35%;overflow:hidden}.end-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.35)}.end-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0c0b 12%,#0b0c0ba0 55%,#0b0c0b55),linear-gradient(0deg,#0b0c0b 0%,transparent 70%)}.end-content{position:relative;padding:19vh 10% 8vh;z-index:2}.ending h2{font-size:clamp(56px,7.4vw,108px);line-height:1.35;margin:25px 0;font-weight:bold}.ending h2 em{font-style:normal;color:var(--orange)}.end-sub{font-size:22px;color:#a6af9c}.watch-film{display:flex;gap:25px;align-items:center;margin:40px 0;font-size:24px;text-align:right}.watch-film>span:first-child{border:1px solid #818e75;width:75px;height:75px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:30px}.watch-film:hover>span:first-child{background:var(--orange);color:#111;border-color:var(--orange)}.watch-film small{display:block;letter-spacing:3px;font:8px Arial;margin-top:10px;color:#97a289}.end-footer{border-top:1px solid #394331;padding-top:25px;display:flex;align-items:center;gap:35px;font-size:13px}.end-footer small{display:block;font-size:10px;color:#849177;line-height:1.8;margin-top:8px}.end-footer>span{margin-left:auto}#share-status{font-size:11px;color:#aab59e;min-height:15px}dialog{background:#171c13;color:#e2e8da;border:1px solid #536047;padding:55px;width:min(680px,92vw);max-height:88vh;overflow:auto}dialog::backdrop{background:#050704e8;backdrop-filter:blur(10px)}dialog h2{font-size:42px;line-height:1.45}dialog p{font-size:16px;line-height:1.9;color:#a7b19b}dialog .fine{font-size:12px;border-top:1px solid #3f4b33;padding-top:20px}.close{position:absolute;top:15px;left:17px;font-size:27px}.quiet{font-size:12px;border-bottom:1px solid #8b9a7c;padding:12px 0}.movie-dialog{width:min(1150px,95vw);padding:55px 30px;background:#050705;text-align:center}.movie-dialog video{width:100%;max-height:75vh}.movie-dialog h2{font-size:65px}.movie-dialog h2 span{color:#a2ae94}#production-dialog label{display:block;margin:24px 0;font-size:14px}#production-dialog input{display:block;font:12px Arial;margin-top:12px;max-width:100%;direction:ltr}@keyframes pulse{to{transform:scaleY(.4)}}
@media(min-width:1600px){.interface{right:16%}.scene-instruction{right:16%}.opening-copy{right:15%}.opening-bottom{right:15%}}
@media(max-height:800px) and (min-width:761px){.opening,.experience{min-height:740px}.opening-copy{top:18%}.opening h1{font-size:130px}.interface{transform:translateY(-42%)}.phone-inner{min-height:450px}.chat-body{min-height:145px}.scene-instruction{bottom:5%}.opening-bottom{bottom:6%}}
@media(max-width:1000px) and (min-width:761px){.interface{right:7%;width:350px}.scene-instruction{right:7%;width:350px}.interface.mail-view{width:480px}.interface.discord-view{width:450px}.scene-label{left:5%;max-width:180px}.scene-label span:first-child{font-size:20px}}
@media(max-width:760px){.site-header{padding:24px 6%;gap:12px}.site-header a{font-size:18px}.site-header a span{font-size:6px;letter-spacing:2px}.top-tools{gap:18px;font-size:10px}.top-tools button{gap:7px}.opening{min-height:740px}.opening-image{inset:0}.opening-image img{object-position:45% 50%;filter:brightness(.54)}.opening-shade{background:linear-gradient(0deg,#0b0c0b 0%,#0b0c0b55 45%,#0b0c0b20 75%,#0b0c0b80)}.opening-copy{right:8%;top:21%}.opening h1{font-size:clamp(100px,22vw,160px);margin:20px 0}.opening-sub{font-size:17px}.opening-copy .overline{font-size:10px}.opening-bottom{right:8%;left:8%;bottom:5%;display:block}.enter{font-size:19px;gap:17px}.circle-arrow{height:62px;width:62px}.enter small{font-size:10px;max-width:230px;line-height:1.8;margin-top:8px}.opening-note{margin-top:25px;text-align:right;max-width:none;font-size:9px}.opening-note span{display:none}.opening-caption{display:none}.film-edge{left:4%;top:30%;font-size:6px}.experience{height:auto;min-height:940px}.scene-image{height:450px;inset:0 0 auto}.scene-image img{object-position:center 50%;filter:brightness(.6)}.scene-shade{background:linear-gradient(0deg,#0b0c0b 0%,#0b0c0b 43%,#0b0c0b00 80%,#0b0c0b99)}.image-detail{display:none}.scene-index{top:110px;left:6%;font-size:9px}.progress i{width:17px}.scene-label{top:165px;right:7%;left:auto;bottom:auto;gap:6px;text-shadow:0 2px 10px #000}.scene-label span:first-child{font-size:22px}.scene-label span:last-child{font-size:10px}.scene-type{font-size:110px;top:190px;left:5%;bottom:auto;color:#ffffff0a}.interface,.interface.mail-view,.interface.discord-view{position:relative;top:auto;right:auto;width:calc(100% - 46px);max-width:390px;margin:280px auto 100px;transform:none}.phone{border-radius:30px}.phone-inner{border-radius:23px;min-height:450px}.phone-status .island{top:10px}.chat-body{min-height:150px}.scene-instruction{right:8%;bottom:45px;width:84%;font-size:11px}.scene-status{left:8%;bottom:73px;max-width:84%;font-size:10px}.scene-back{right:6%;bottom:14px;font-size:21px}.skip-film{left:6%;bottom:20px}.interface.mail-view{margin-top:310px}.mail-copy{font-size:21px;padding:30px 22px;min-height:210px}.mail-title{font-size:20px}.mail-row{font-size:11px;padding:13px 20px}.interface.discord-view{margin-top:310px}.discord-draft{font-size:22px}.discord-body{padding:25px 18px;min-height:220px}.discord-input{margin:0 12px 15px;padding:12px;gap:8px;font-size:10px}.discord-input button{font-size:10px;padding:8px}.discord-side{width:35px}.discord-inner{padding-left:35px}.discord-side span{width:20px;height:20px}.ending{height:auto;min-height:900px}.end-photo{inset:0;height:500px}.end-shade{background:linear-gradient(0deg,#0b0c0b 30%,#0b0c0b60 70%,#0b0c0b99)}.end-content{padding:180px 8% 60px}.ending h2{font-size:clamp(39px,9vw,65px);line-height:1.5}.end-sub{font-size:19px}.end-footer{flex-wrap:wrap;gap:22px}.end-footer>span{width:100%}.watch-film{font-size:22px;margin:35px 0}.watch-film>span:first-child{width:60px;height:60px}.ending .overline{font-size:10px}dialog{padding:50px 25px}dialog h2{font-size:31px}.movie-dialog h2{font-size:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.interface{filter:grayscale(1) drop-shadow(0 30px 40px #0008)}

/* One full-bleed shot and one interactive surface per scene. */
.site-header { padding-block: 26px; }
.site-header a { font-size: 17px; }
.site-header a span { font-size: 7px; }
.top-tools { gap: 20px; }
.opening,.experience,.ending { min-height: 640px; }
.opening-image { inset: 0; }
.opening-image img { filter: brightness(.82); object-position: 47% 47%; }
.opening-shade { background: linear-gradient(270deg,#090909f5 0%,#090909b8 30%,#09090918 65%),linear-gradient(0deg,#090909ed,transparent 36%,transparent 85%,#09090980); }
.opening h1 { font-size: clamp(88px,11vw,160px); }
.opening-copy { top: 24%; }
.opening-bottom { bottom: 8%; }
.circle-arrow { background: var(--orange); border-color: var(--orange); color: #121212; width: 62px; height: 62px; }
.enter:hover .circle-arrow { background: var(--paper); border-color: var(--paper); }
.scene-image img { filter: grayscale(1) brightness(.88); object-position: 52% 50%; }
.experience[data-scene="voice"] .scene-image img { object-position: 50% 39%; }
.scene-shade { background: linear-gradient(270deg,#080808e8 0%,#0808088c 27%,#08080800 66%),linear-gradient(0deg,#080808d0,transparent 24%,transparent 83%,#0808088c); }
.scene-index { top: auto; bottom: 7%; left: 5%; color: #ddd; }
.interface,.interface.mail-view,.interface.discord-view { right: 8%; top: 52%; transform: translateY(-50%); filter: drop-shadow(0 22px 55px #000a); }
.interface { width: min(395px,38vw); }
.interface.mail-view,.interface.discord-view { width: min(490px,45vw); }
.phone { padding: 0; border-radius: 23px; background: #141414; border: 1px solid #737373; box-shadow: none; color: #f2f1ee; }
.phone-inner { border-radius: inherit; min-height: 0; background: #151515; }
.chat-head { background: #191919; border-color: #343434; padding: 16px 19px; }
.avatar { background: #313131; width: 34px; height: 34px; }
.contact { font-size: 16px; }
.contact small { color: #aaa; }
.chat-body { min-height: 0; padding: 0; }
.experience:not([data-scene="voice"]) .chat-body { display: none; }
.chat-composer { border: 0; background: #151515; padding: 23px 19px 12px; align-items: flex-end; gap: 14px; }
.compose-text { border: 0; background: #242424; color: #f5f3ee; border-radius: 16px; padding: 16px; font-size: clamp(20px,2.05vw,28px); line-height: 1.45; }
.send { background: #eceae3; color: #171717; width: 46px; height: 46px; }
.send:hover,.mail-send:hover { background: var(--orange); color: #121212; }
.delivery { color: #c0c0c0; min-height: 16px; margin: 0; padding: 0 20px 12px; font-size: 11px; }
.delivery.fail,.mail-status,.discord-status { color: #f0a087; }
.delivery.success { color: #ededda; }
.waiting .compose-text,.waiting .mail-copy,.waiting .discord-draft { opacity: .58; transition: opacity .3s; }
.mail { background: #e8e6e1; color: #171717; border-color: #b7b6b2; border-radius: 15px; overflow: hidden; }
.windowbar { background: #d8d7d2; border-color: #c1c0bc; padding: 14px 22px; font-size: 12px; }
.mail-row { border-color: #cccac4; padding: 11px 22px; }
.mail-row span { color: #555; }
.mail-copy { min-height: 0; padding: 30px 25px; font-size: 23px; }
.mail-bottom { border-color: #cccac4; padding: 13px 20px; }
.mail-send { background: #262626; color: #f1f1ee; border-radius: 8px; }
.mail-status { color: #9c3c23; }
.discord { background: #171717; color: #f0efed; border-color: #656565; border-radius: 15px; overflow: hidden; }
.discord-inner { padding: 0; }
.discord-top { background: #202020; border-color: #424242; }
.discord-body { min-height: 0; padding: 30px 25px 20px; }
.discord-draft { font-size: 25px; }
.discord-input { background: none; padding: 0; margin: 0 25px 12px; }
.discord-input button { background: #ededeb; color: #1b1b1b; border: 0; border-radius: 7px; }
.discord-status { min-height: 24px; }
.experience[data-scene="voice"] .chat-body { padding: 22px 19px 4px; }
.wave-card { background: #2a2a2a; color: #fff; padding: 13px 12px; }
.wave i { background: #8e8e8e; }
.wave.playing i { background: var(--orange); }
.play-voice { background: #e8e6e1; color: #141414; border: 0; width: 39px; height: 39px; }
.voice-tag,.voice-caption,.voice-note { color: #bcbcbc; }
.voice-caption { font-size: 15px; }
.voice-controls { background: #191919; border-top: 1px solid #343434; padding: 13px 18px; min-height: 0; }
.voice-controls .trash { color: #dedede; border-color: #696969; width: 44px; height: 44px; }
.voice-controls .trash.ready { color: #ff9973; border-color: #ff9973; }
.experience[data-scene="voice"] .delivery { padding: 10px 0; }
.scene-instruction { right: 8%; bottom: 12%; width: min(490px,45vw); color: #d2d2d2; }
.scene-back { right: 5%; bottom: 5%; }
.skip-film { left: 5%; bottom: 3%; }
.ending { min-height: 680px; }
.end-content { padding-top: 20vh; }
.end-photo { inset: 0; }
.end-photo img { filter: brightness(.62); object-position: center 41%; }
.end-shade { background: linear-gradient(270deg,#0b0b0bf2,#0b0b0b88 46%,#0b0b0b22),linear-gradient(0deg,#0b0b0b,transparent 43%); }
@media(max-width:760px) {
  .opening { min-height: 640px; }
  .opening-copy { top: 21%; }
  .opening h1 { font-size: clamp(78px,21vw,132px); }
  .opening-bottom { bottom: 5%; }
  .opening-image img { object-position: 44% 50%; filter: brightness(.6); }
  .opening-shade { background: linear-gradient(0deg,#080808,transparent 64%,#08080880); }
  .experience { height: 100svh; min-height: 650px; }
  .scene-image { height: 100%; }
  .scene-image img { object-position: 48% 38%; filter: grayscale(1) brightness(.66); }
  .scene-shade { background: linear-gradient(0deg,#080808 0%,#08080880 40%,transparent 78%,#08080888); }
  .interface,.interface.mail-view,.interface.discord-view { position: absolute; right: 6%; left: 6%; bottom: 17%; top: auto; margin: 0 auto; width: auto; transform: none; }
  .scene-index { bottom: 6%; left: 6%; }
  .scene-instruction { bottom: 9%; right: 6%; width: 88%; }
  .scene-back { bottom: 4%; right: 6%; }
  .skip-film { left: 6%; bottom: 2.2%; }
  .compose-text { font-size: 23px; }
  .mail-copy { font-size: 20px; padding: 20px; }
  .discord-draft { font-size: 22px; }
  .end-photo { height: 100%; }
  .end-content { padding-top: 24vh; }
}

/* The scene cuts through black. The interface stays fixed during the send. */
#shutter { transform: none; opacity: 0; }
#send:disabled { opacity: 1; cursor: default; }
#interface.waiting #send { opacity: .4; transition: opacity .2s; }
#interface.waiting .compose-text,
#interface.waiting .mail-copy,
#interface.waiting .discord-draft { opacity: .88; }
#delivery:empty { visibility: hidden; }