:root{--accent:#ddfc8c;--paper:#f6f3e9;--ink:#111;--modal-bg:#101113;--modal-fg:#f4f1e8;--modal-line:#343538;--modal-hover:#252629}.screening{background:#0d0f12;color:#f4f1e8;font-family:'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}.cinema-header{position:fixed;z-index:30;top:0;left:0;width:100%;padding:28px 4vw 24px;display:flex;align-items:center;gap:55px;background:linear-gradient(#0d0f12c9,transparent);color:#fff}.cinema-name{font-size:26px;letter-spacing:-1px;display:flex;align-items:baseline;gap:9px}.name-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block}.cinema-descriptor{opacity:.65;font-size:9px;line-height:1.6}.cinema-header nav{margin-left:auto;display:flex;align-items:center;gap:35px;font-size:12px}.cinema-index{display:flex;align-items:center;gap:9px}.cinema-index sup{font-family:monospace;font-size:8px;align-self:flex-start}.index-glyph{display:grid;grid-template-columns:4px 4px;gap:3px;margin-left:12px}.index-glyph i{display:block;width:4px;height:4px;background:currentColor}.film-section{height:145svh;position:relative;background:#0d0f12}.screen-frame{height:100svh;min-height:680px;position:sticky;top:0;overflow:hidden;isolation:isolate}.hero-film{position:absolute;inset:0;z-index:-3;transform:scale(calc(1.025 + var(--scene-progress,0) * .06))}.hero-film video{width:100%;height:100%;object-fit:cover;object-position:62% 44%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(10,13,27,.6),transparent 68%),linear-gradient(0deg,#0d0f12 2%,#0d0f12a6 18%,transparent 58%)}.scene-overline{position:absolute;top:17%;left:4vw;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.09em}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px #ddfc8c55}.scene-title{position:absolute;z-index:2;transform:translateY(calc(var(--scene-progress,0) * -22px));pointer-events:none}.scene-title button{pointer-events:auto}.scene-title h1,.scene-title h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(68px,8.4vw,142px);font-weight:400;line-height:.91;letter-spacing:-.065em;margin:0}.scene-title em{font-weight:400}.hero-title{left:4vw;bottom:27%}.hero-title>p{margin:0 0 26px;opacity:.8}.hero-title h1{font-size:clamp(85px,9.15vw,156px)}.watch-ring{position:absolute;right:7vw;bottom:27%;height:128px;width:128px;border:1px solid #ffffff75;border-radius:50%;background:#0b0d171f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff;transition:background .3s,transform .3s,border-color .3s;font-size:10px}.watch-ring .play-mark{border-left-width:12px;border-top-width:7px;border-bottom-width:7px;transform:translateX(2px)}.watch-ring:hover{background:var(--accent);color:#111;border-color:var(--accent);transform:scale(1.06)}.scene-caption{position:absolute;bottom:153px;left:4vw;right:4vw;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.scene-caption .mono{font-size:9px}.scene-caption p{font-size:12px;line-height:1.5;margin:9px 0 0;opacity:.66}.caption-right{text-align:right;opacity:.7}.scroll-cue{position:absolute;right:4vw;top:17%;display:flex;align-items:center;gap:24px;font-size:9px;color:#fff9}.scroll-cue span{font-size:20px;color:var(--accent)}.text-link{background:none;border:0;border-bottom:1px solid #ffffff55;padding:12px 0;color:inherit;display:inline-flex;gap:30px;font-size:11px;align-items:center}.text-link:hover{color:var(--accent)}.text-link span{font-size:18px}.scene-ghost{position:absolute;left:3vw;top:10vh;font-size:42vw;font-weight:300;letter-spacing:-.08em;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff09;pointer-events:none}.coffee-scene{background:#10211f}.coffee-scene .screen-frame{background:radial-gradient(ellipse at 70% 30%,#173f38,#0c1917 80%)}.coffee-stage{position:absolute;right:4vw;top:22%;width:62vw;aspect-ratio:16/9;box-shadow:0 20px 90px #0005;transform:translateY(calc(var(--scene-progress,0) * -30px))}.coffee-stage video{width:100%;height:100%;object-fit:cover}.coffee-title{left:4vw;top:26%}.coffee-title h2{font-size:clamp(75px,8.3vw,130px);text-shadow:0 2px 25px #0003}.print-shelf{position:absolute;left:4vw;bottom:24%;display:flex;align-items:flex-end;gap:10px;z-index:3}.print-ticket{width:70px;box-shadow:0 6px 25px #0003;transition:transform .3s}.print-ticket:hover{transform:translateY(-12px)}.print-ticket img{width:100%}.print-shelf>span{font-size:8px;line-height:1.8;margin:0 0 0 12px;color:#fff9}.coffee-scene .watch-ring{right:7vw;bottom:28%;width:100px;height:100px;background:#0f221f55}.fresh-wide{position:absolute;inset:0;z-index:-3}.fresh-wide video{height:100%;width:100%;object-fit:cover;object-position:65% 50%;transform:scale(calc(1 + var(--scene-progress,0) * .05))}.fresh-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#101b18ba,transparent 80%),linear-gradient(0deg,#0d0f12 2%,#0d0f12b8 23%,transparent 80%)}.fresh-title{left:4vw;top:28%}.fresh-title h2{font-size:clamp(70px,7.8vw,130px)}.home-inset{position:absolute;right:7vw;top:21%;width:24vw;padding:7px;background:#ebecdf;color:#121b15;border:0;box-shadow:0 10px 60px #0005;transform:translateY(calc(var(--scene-progress,0) * 35px));text-align:left}.home-inset video{width:100%;aspect-ratio:16/9;object-fit:cover}.home-inset span{font-size:8px;display:flex;justify-content:space-between;padding:10px 5px 5px}.fresh-scene .watch-ring{right:11vw;bottom:28%;height:105px;width:105px}.dexcom-scene .screen-frame{background:#10201d}.dexcom-title{left:4vw;top:29%}.dexcom-title h2{font-size:clamp(65px,6.7vw,110px)}.dexcom-title>p{font-size:13px;line-height:1.5;opacity:.65;margin:25px 0}.dexcom-pair{position:absolute;right:5vw;top:20%;width:53vw;height:55%;display:flex;align-items:center;gap:22px}.dex-print{height:100%;flex:1}.dex-print img{height:100%;width:100%;object-fit:contain}.dex-film{width:42%;display:flex;flex-direction:column;gap:13px;align-self:flex-end;margin-bottom:2%}.dex-film video{aspect-ratio:4/5;object-fit:contain;width:100%;background:#fff}.dex-film span{align-self:flex-start;font-size:8px}.glass-scene .screen-frame{background:#17191e}.glass-main{position:absolute;right:5vw;top:19%;width:66vw;aspect-ratio:16/9}.glass-main video{width:100%;height:100%;object-fit:cover}.glass-shade{position:absolute;inset:0;background:linear-gradient(90deg,#15171b 1%,#15171b20 65%,transparent),linear-gradient(0deg,#15171b 2%,transparent 70%);z-index:0;pointer-events:none}.glass-title{left:4vw;top:31%}.glass-stills{position:absolute;right:6vw;bottom:23%;display:flex;gap:15px}.glass-stills button{width:15vw;text-align:left}.glass-stills img{width:100%;aspect-ratio:16/9;object-fit:cover;border:4px solid #17191e}.glass-stills span{font-size:8px;display:block;margin-top:7px}.glass-scene .watch-ring{width:96px;height:96px;right:8vw;top:24%;bottom:auto}.window-main{position:absolute;inset:0;z-index:-3}.window-main video{height:100%;width:100%;object-fit:cover;object-position:65% 30%}.window-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#08131cbf,transparent 85%),linear-gradient(0deg,#0d0f12 6%,#0d0f12cc 26%,transparent 80%)}.window-title{left:4vw;top:30%}.window-title h2{font-size:clamp(90px,10vw,160px)}.scene-rail{position:fixed;bottom:20px;left:4vw;right:4vw;z-index:25;transition:opacity .3s,transform .4s;color:#f4f1e8}.scene-rail.hidden{opacity:0;transform:translateY(120%);pointer-events:none}.rail-top{display:flex;justify-content:space-between;padding-bottom:12px;align-items:center}.rail-top .mono{font-size:8px}.rail-counter{margin-left:20px;color:#fff6}.rail-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#0d0f12cb;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid #ffffff30}.rail-item{position:relative;padding:15px 12px 12px 0;display:flex;align-items:center;gap:12px;color:#fff7;transition:color .3s;overflow:hidden}.rail-item .rail-num{font-size:9px;color:#fff5}.rail-item img{width:45px;height:30px;object-fit:cover;filter:saturate(.4);opacity:.4;transition:opacity .3s,filter .3s}.rail-label{font-size:10px;line-height:1.3}.rail-fill{position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}.rail-item.active{color:#fff}.rail-item.active img{filter:none;opacity:1}.rail-item.active .rail-num{color:var(--accent)}.rail-item.active .rail-fill{transform:scaleX(var(--rail-progress,.1))}.rail-item:hover{color:var(--accent)}.rail-item:hover img{opacity:1}.rail-dot{display:none}.cinema-outro{min-height:95svh;padding:17vh 6vw 0;background:#101214;position:relative;z-index:3}.cinema-outro>p{color:#fff6}.cinema-outro h2{font-family:Georgia,serif;font-size:clamp(70px,9vw,150px);font-weight:400;letter-spacing:-.065em;line-height:.96;margin:35px 0 50px}.cinema-outro h2 em{color:var(--accent)}.outro-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:90px}.outro-bottom p{font-size:15px;line-height:1.65;color:#fff9}.outro-bottom button{background:none;color:inherit}.cinema-outro footer{border-top:1px solid #fff3;display:flex;justify-content:space-between;gap:20px;padding:30px 0;color:#fff6}.screening .project-heading h2,.screening .about-body h2{font-family:Georgia,serif}.screening .project-heading h2{letter-spacing:-.055em}
@media(min-width:1700px){.scene-caption{bottom:165px}.print-ticket{width:90px}}
@media(max-height:780px) and (min-width:851px){.screen-frame{min-height:600px}.scene-overline,.scroll-cue{top:16%}.scene-caption{bottom:135px}.hero-title{bottom:29%}.hero-title h1{font-size:8.5vw}.print-ticket{width:53px}.print-shelf{bottom:25%}.scene-title h2{font-size:7.5vw}.watch-ring{width:105px;height:105px}.rail-top{padding-bottom:7px}.rail-item{padding-top:10px}.dexcom-pair{height:53%;top:19%}.coffee-stage{top:20%;width:55vw}.glass-main{width:59vw}.glass-stills{bottom:25%;right:8vw}.glass-stills button{width:12vw}}
@media(max-width:850px){.cinema-header{padding:23px 22px;gap:0}.cinema-name{font-size:23px}.cinema-descriptor{display:none}.cinema-header nav{gap:22px;font-size:11px}.index-glyph{margin-left:3px}.film-section{height:120svh}.screen-frame{min-height:670px}.scene-overline{left:24px;top:15%;max-width:70%;font-size:8px}.scroll-cue{display:none}.hero-film video{object-position:60% 50%}.hero-shade{background:linear-gradient(0deg,#0d0f12 8%,#0d0f1288 35%,transparent 95%),linear-gradient(90deg,#0d0f122a,transparent)}.hero-title{left:24px;bottom:32%}.hero-title h1{font-size:clamp(67px,12vw,110px)}.hero-title>p{font-size:8px;margin-bottom:17px;max-width:250px}.scene-caption{bottom:130px;left:24px;right:24px;align-items:flex-start;gap:10px}.scene-caption .mono{font-size:8px}.scene-caption p{font-size:10px;max-width:210px}.caption-right{display:none}.scene-caption .text-link{font-size:9px;gap:12px;padding:0 0 8px;max-width:120px;line-height:1.6}.watch-ring{width:84px;height:84px;right:25px;bottom:22%;gap:12px;font-size:8px}.watch-ring .play-mark{border-left-width:9px;border-top-width:5px;border-bottom-width:5px}.scene-rail{left:22px;right:22px;bottom:13px}.rail-top{padding-bottom:11px}.rail-top>.mono{font-size:7px}.rail-counter{margin-left:10px}.rail-items{gap:6px}.rail-item{padding:12px 2px 7px;flex-direction:column;gap:6px;align-items:flex-start}.rail-item img{width:100%;height:30px}.rail-label{display:none}.rail-item .rail-num{font-size:8px}.rail-top .motion-toggle{font-size:7px}.coffee-stage{left:18%;right:auto;top:23%;width:82%;aspect-ratio:16/9}.coffee-title{left:24px;top:46%}.coffee-title h2{font-size:clamp(60px,10vw,84px)}.print-shelf{left:24px;bottom:24%;gap:7px}.print-ticket{width:44px}.print-shelf>span{display:none}.coffee-scene .watch-ring{width:82px;height:82px;right:26px;bottom:25%}.coffee-scene .scene-caption>button{display:none}.fresh-title{left:24px;top:49%}.fresh-title h2{font-size:clamp(58px,10vw,85px)}.home-inset{right:24px;top:23%;width:44%;padding:4px}.home-inset span{font-size:6px;padding:6px 1px 2px}.fresh-wide video{object-position:63%}.fresh-shade{background:linear-gradient(0deg,#0d0f12 7%,#0d0f12ba 37%,#0d0f1240 95%)}.fresh-scene .watch-ring{width:76px;height:76px;right:26px;bottom:25%}.fresh-scene .scene-caption button{display:none}.fresh-scene .scene-caption>div{max-width:85%}.fresh-scene .scene-caption .mono{line-height:1.65;display:block}.dexcom-title{left:24px;top:19%}.dexcom-title h2{font-size:clamp(60px,10.5vw,84px)}.dexcom-title>p,.dexcom-title>.text-link{display:none}.dexcom-pair{left:25px;right:25px;top:41%;width:auto;height:34%;gap:18px}.dex-print{flex:1.1}.dex-film{width:40%;align-self:center;margin:0;gap:8px}.dex-film span{font-size:7px}.glass-main{left:20%;right:auto;top:22%;width:95%}.glass-title{left:24px;top:48%}.glass-title h2{font-size:clamp(66px,12vw,91px)}.glass-stills{right:24px;bottom:25%;gap:8px}.glass-stills button{width:23vw}.glass-stills span{font-size:6px}.glass-stills img{border-width:2px}.glass-scene .watch-ring{width:74px;height:74px;top:24%;right:23px}.glass-shade{background:linear-gradient(0deg,#17191e 10%,#17191e60 60%,transparent)}.glass-scene .scene-caption button{display:none}.window-main video{object-position:50% 50%}.window-title{top:43%;left:24px}.window-title h2{font-size:clamp(85px,15vw,115px)}.window-scene .watch-ring{bottom:24%}.window-scene .scene-caption button{display:none}.window-shade{background:linear-gradient(0deg,#0d0f12 8%,#0d0f1299 45%,#0d0f1211 90%)}.cinema-outro{padding:18vh 24px 0;min-height:90svh}.cinema-outro h2{font-size:clamp(55px,11vw,85px);margin-bottom:35px}.outro-bottom{display:block;margin-bottom:60px}.outro-bottom p{font-size:13px;margin-bottom:30px}.cinema-outro footer{flex-wrap:wrap;font-size:8px;gap:18px}.cinema-outro .preview-corner{font-size:8px}}
@media(max-width:390px){.hero-title h1{font-size:64px}.hero-title{bottom:33%}.scene-title h2{font-size:60px}.window-title h2{font-size:79px}.scene-caption{bottom:132px}.fresh-title{top:49%}.dexcom-title h2{font-size:57px}.screen-frame{min-height:660px}}
@media(prefers-reduced-motion:reduce){.film-section{height:100svh;min-height:680px}.screen-frame{position:relative}.scene-title,.coffee-stage,.home-inset,.hero-film,.fresh-wide video{transform:none!important}}
.scene-overline,.scene-caption,.scroll-cue{z-index:4}