@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f2eee6;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#11120f;font-family:DM Sans Variable,Helvetica Neue,PingFang SC,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:7px;outline:1px solid #fff}h1,h2,p{margin:0}::selection{color:#222;background:#eee7d4}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#151815;padding:12px;position:fixed;top:-70px;left:25px}.skip-link:focus{top:20px}.film-shell{--progress:0}.film-screen{background:#141410;position:fixed;inset:0;overflow:hidden}.film-screen canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.film-screen canvas.unavailable{display:none}.film-fallback{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.film-fallback.is-visible{opacity:1}.film-shading{pointer-events:none;background:linear-gradient(#0005 0%,#0000 18% 67%,#0007 100%);position:absolute;inset:0}.loading-screen{z-index:6;background:#11130f;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity 1.1s,visibility 1.1s;display:flex;position:absolute;inset:0}.loading-screen span{letter-spacing:-.04em;font:italic 28px Georgia,serif}.loading-screen i{transform-origin:0;background:#adac91;width:40px;height:1px;animation:1.5s infinite alternate loading}.is-ready .loading-screen{opacity:0;visibility:hidden;pointer-events:none}@keyframes loading{0%{opacity:.3;transform:scaleX(.15)}to{opacity:.8;transform:scaleX(1)}}.film-header{z-index:20;pointer-events:none;text-shadow:0 1px 14px #0008;justify-content:space-between;align-items:center;width:100%;padding:30px 4%;display:flex;position:fixed;top:0;left:0}.film-header button{pointer-events:auto}.brand{letter-spacing:-1px;padding:0;font-family:Georgia,serif;font-size:24px;font-weight:400}.journey-button{letter-spacing:.2em;align-items:center;gap:17px;padding:8px 0;font-size:10px;display:flex}.journey-button i{flex-direction:column;gap:5px;width:19px;display:flex}.journey-button b{background:#fff9;width:100%;height:1px}.journey-button b:last-child{width:12px;margin-left:auto}.opening-words{z-index:5;text-shadow:0 2px 20px #0009;will-change:opacity;position:fixed;bottom:16%;left:6%}.date{letter-spacing:.28em;opacity:.8;margin-bottom:14px;font-size:10px;display:block}.opening-words h1{letter-spacing:.18em;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(20px,1.8vw,29px);font-weight:400;line-height:1.5}.scroll-cue{letter-spacing:.17em;opacity:.7;flex-direction:column;align-items:center;gap:14px;padding:10px;font-size:9px;display:flex;position:fixed;bottom:17%;left:50%;transform:translate(-50%)}.scroll-cue i{transform-origin:top;background:linear-gradient(#f2eee6a0,#0000);width:1px;height:34px;animation:2.5s ease-in-out infinite scrollhint}@keyframes scrollhint{0%,to{opacity:.45;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.place-title{z-index:5;opacity:0;pointer-events:none;text-shadow:0 2px 25px #0009;will-change:opacity;position:fixed;top:21%;left:6%}.place-title>span{letter-spacing:.32em;opacity:.75;margin-bottom:17px;font-size:9px;display:block}.place-title h2{letter-spacing:.27em;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(32px,3vw,48px);font-weight:400;line-height:1.3}.film-controls{z-index:20;text-shadow:0 1px 12px #0009;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:27px;left:4%;right:4%}.current-place{letter-spacing:.18em;opacity:.7;align-items:center;gap:13px;min-width:190px;font-size:8px;display:flex}.current-place>span{letter-spacing:.04em;font-size:9px}.current-place>i{background:#eee8;width:20px;height:1px}.chapter-navigation{align-items:center;gap:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chapter-navigation button{align-items:center;width:37px;height:27px;padding:0;display:flex;position:relative}.chapter-navigation button i{background:#fff5;width:100%;height:1px;transition:background .4s,height .4s;display:block}.chapter-navigation button.active i{background:#eee9;height:2px}.chapter-navigation button>span{letter-spacing:.15em;white-space:nowrap;opacity:0;font-size:9px;transition:opacity .25s,transform .25s;position:absolute;bottom:34px;left:50%;transform:translate(-50%)translateY(5px)}.chapter-navigation button:hover>span,.chapter-navigation button:focus-visible>span{opacity:1;transform:translate(-50%)translateY(0)}.control-right{text-align:right;min-width:190px}.signature{letter-spacing:.2em;opacity:.55;font-size:8px}.motion-toggle{opacity:.7;min-width:28px;font-size:18px}.film-progress{z-index:30;width:100%;height:1px;transform:scaleX(var(--progress));transform-origin:0;opacity:.7;background:#dfd6bd;position:fixed;bottom:0;left:0}.ending-words{z-index:8;opacity:0;pointer-events:none;text-shadow:0 3px 30px #0004;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.end-kicker{letter-spacing:.28em;opacity:.65;margin-bottom:25px;font-size:9px}.ending-words h2{letter-spacing:-.08em;font-family:Georgia,serif;font-size:clamp(90px,10vw,145px);font-weight:400;line-height:1}.ending-words h2 span{letter-spacing:-.04em;opacity:.8;margin-left:18px;font-size:clamp(24px,2.4vw,36px);font-style:italic}.ending-words p{letter-spacing:.2em;margin-top:30px;font-family:Songti SC,STSong,serif;font-size:16px}.ending-words>button{letter-spacing:.16em;opacity:.65;border-bottom:1px solid #eee5;align-items:center;gap:30px;margin-top:47px;padding:9px 0;font-size:9px;display:flex}.ending-words>button:hover{opacity:1}.scroll-track{pointer-events:none;width:100%;position:relative}.chapter-marker,.shot-marker{pointer-events:none;width:1px;height:1px;position:absolute;left:0}.journey-menu{z-index:50;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#111610e8;grid-template-columns:.9fr 1.1fr;align-content:center;gap:10%;padding:100px 14%;display:grid;position:fixed;inset:0;overflow-y:auto}.close-menu{letter-spacing:.15em;align-items:center;gap:20px;font-size:10px;display:flex;position:absolute;top:31px;right:4%}.close-menu>span{font-size:25px;font-weight:300}.menu-heading{align-self:center}.menu-heading>span{letter-spacing:.25em;color:#d1d0b4;font-size:9px}.menu-heading p{letter-spacing:.13em;margin-top:25px;font-family:Songti SC,STSong,serif;font-size:clamp(25px,3.2vw,48px);font-weight:400}.journey-menu nav>button{text-align:left;border-top:1px solid #e8e1c624;align-items:center;width:100%;padding:22px 0;display:flex}.journey-menu nav>button:last-child{border-bottom:1px solid #e8e1c624}.menu-number{opacity:.4;align-self:flex-start;width:45px;margin-top:5px;font-size:9px}.menu-name{letter-spacing:.1em;font-family:Songti SC,STSong,serif;font-size:25px}.menu-name small{letter-spacing:.2em;opacity:.4;margin-top:9px;font-family:DM Sans Variable,sans-serif;font-size:8px;display:block}.menu-arrow{opacity:.4;margin-left:auto;font-size:20px;transition:opacity .3s,transform .3s}.journey-menu nav>button:hover .menu-arrow{opacity:1;transform:translate(3px,-3px)}@media (width<=650px){.film-header{padding:23px 7%}.brand{font-size:22px}.journey-button{gap:12px;font-size:9px}.opening-words{bottom:19%;left:8%}.opening-words h1{letter-spacing:.12em;font-size:20px}.date{letter-spacing:.2em;font-size:9px}.scroll-cue{bottom:16%;left:auto;right:5%;transform:none}.scroll-cue span{display:none}.scroll-cue i{height:40px}.place-title{top:19%;left:8%}.place-title h2{letter-spacing:.18em;font-size:34px}.place-title>span{letter-spacing:.2em;font-size:8px}.film-controls{bottom:24px;left:7%;right:7%}.current-place{letter-spacing:.12em;gap:8px;min-width:0;font-size:7px}.current-place>i{width:12px}.current-place>span{font-size:8px}.chapter-navigation{gap:6px;left:auto;right:0;transform:none}.chapter-navigation button{width:22px}.chapter-navigation button>span{font-size:8px}.control-right{min-width:0;position:absolute;bottom:40px;right:0}.signature{display:none}.ending-words h2{font-size:100px}.ending-words p{letter-spacing:.12em;font-size:13px}.ending-words>button{font-size:9px}.journey-menu{grid-template-columns:1fr;gap:40px;padding:100px 11% 80px}.menu-heading p{margin-top:15px;font-size:25px}.journey-menu nav>button{padding:18px 0}.menu-name{font-size:23px}.menu-name small{font-size:7px}.close-menu{top:23px;right:7%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.film-screen canvas[hidden]{display:none}.film-fallback{object-fit:contain;background:#11120f}.sequence-stage,.sequence{position:absolute;inset:0;overflow:hidden}.sequence{will-change:opacity,transform;background:#10110f}.scene-atmosphere{object-fit:cover;opacity:.28;filter:saturate(.72)brightness(.7);will-change:transform;width:100%;height:100%;position:absolute;inset:0}.scene-matte{background:radial-gradient(at 50% 45%,#0000 25%,#090c0c80 100%);position:absolute;inset:0}.scene-frame{will-change:transform,opacity;justify-content:center;align-items:center;height:86%;padding:0 5px;display:flex;position:absolute;top:7%}.scene-frame img{object-fit:contain;width:100%;height:100%;filter:var(--photo-grade);display:block}.sequence.tone-moon{--photo-grade:saturate(.92) contrast(1.015);background:#111116}.sequence.tone-island{--photo-grade:saturate(.94);background:#111712}.sequence.tone-newlight{--photo-grade:saturate(1.02);background:#111619}.sequence.tone-alive{--photo-grade:saturate(.94);background:#101413}.sequence.tone-monsoon{--photo-grade:saturate(.91) contrast(1.025);background:#141312}.layout-opening .scene-frame{height:94%;top:3%;width:70%!important;left:23%!important}.layout-water .scene-frame,.layout-together .scene-frame{height:94%;top:3%}.layout-water .scene-atmosphere,.layout-together .scene-atmosphere{opacity:.36}.scene-video{object-fit:contain;width:100%;height:90%;position:absolute;inset:5% 0}.scene-light{pointer-events:none;opacity:var(--light,0);mix-blend-mode:screen;background:radial-gradient(at 50% 45%,#eac8a5,#0000 65%);position:absolute;inset:0}.place-title{top:12%;left:5%}.place-title>span{margin-bottom:10px;font-size:8px}.opening-words{max-width:25%;bottom:22%;left:5%}.opening-words h1{font-size:clamp(17px,1.5vw,25px)}.scroll-cue{bottom:10%}.film-header{padding-top:20px}.film-controls{bottom:18px}@media (width<=650px){.scene-frame{height:80%;padding:0 12px;top:10%}.layout-opening .scene-frame{height:76%;top:10%;width:100%!important;left:0!important}.layout-water .scene-frame,.layout-together .scene-frame{height:84%;top:8%}.opening-words{max-width:90%;bottom:7%;left:7%}.opening-words h1{font-size:17px}.date{margin-bottom:6px}.opening-words .scroll-cue{display:none}.film-controls{bottom:16px}.place-title{top:9%;left:7%}.place-title h2{font-size:24px}.scene-video{height:84%;inset:8% 0}.scene-atmosphere{opacity:.2}}.scene-atmosphere{opacity:.22;-webkit-mask-image:linear-gradient(90deg,#000,#0000 34% 66%,#000);mask-image:linear-gradient(90deg,#000,#0000 34% 66%,#000)}.layout-opening .scene-frame{width:100%!important;left:0!important}.layout-opening .scene-atmosphere,.layout-water .scene-atmosphere,.layout-together .scene-atmosphere{opacity:.22}.sequence-stage:after{content:"";z-index:4;opacity:calc(var(--end-opacity,0)*.5);pointer-events:none;background:#090e12;position:absolute;inset:0}.overture{z-index:6;pointer-events:none;background:#0a0d0b;position:absolute;inset:0;overflow:hidden}.opening-space{position:absolute;inset:0;overflow:hidden}.o-shot{will-change:transform,opacity,clip-path;display:block;position:absolute;inset:0}.o-shot img{object-fit:cover;object-position:50% 50%;width:100%;height:100%;display:block}.o-table{filter:brightness(.94)saturate(.88)}.o-dusk{filter:saturate(.79)brightness(.88)}.o-shade{pointer-events:none;background:linear-gradient(90deg,#050b0c70,#0000 45%),linear-gradient(#080b0c33,#0000 15% 76%,#080b0c77);position:absolute;inset:0}.o-title{color:#f3eddf;will-change:transform,opacity;position:absolute;top:24%;left:6%}.o-date{letter-spacing:.3em;opacity:.8;margin-bottom:30px;font-size:9px;display:block}.o-title h1{letter-spacing:-.065em;margin:0;font:400 clamp(70px,8vw,144px)/.84 Georgia,Times New Roman,serif}.o-title h1 em{font-weight:400}.o-title p{letter-spacing:.22em;opacity:.85;margin:32px 0 0;font:13px Songti SC,STSong,serif}.o-invitation{letter-spacing:.15em;color:#eee8;align-items:center;gap:15px;font-size:9px;display:flex;position:absolute;bottom:8%;left:6%}.o-invitation i{background:#eee8;width:38px;height:1px}.o-light{mix-blend-mode:screen;opacity:0;background:radial-gradient(at 56% 52%,#f2bb7e,#0000 60%);position:absolute;inset:0}.o-orbit{opacity:0;border:1px solid #ead8b2;border-radius:50%;width:40vh;height:40vh;position:absolute;top:54%;left:50%;box-shadow:0 0 0 9px #ead8b20a,0 0 0 25px #ead8b208}.o-place{opacity:0;color:#f7ece4;position:absolute;bottom:18%;left:7%}.o-place span{letter-spacing:.35em;font-size:10px}.o-place p{letter-spacing:.16em;margin:18px 0 0;font:25px Songti SC,STSong,serif}.opening-words{display:none}.film-shell.is-overture .place-title{visibility:hidden}.film-shell.is-overture .film-controls{opacity:0;pointer-events:none}.film-header{padding:25px 4%}.version-link{pointer-events:auto;letter-spacing:.1em;opacity:.55;margin-left:auto;margin-right:30px;font-size:9px}.version-link:hover{opacity:1}@media (aspect-ratio>=19/10){.o-shot img{object-fit:contain;background:#0b0d0a}.o-title{top:25%;left:7%}}@media (width<=1000px) and (width>=651px){.o-title{top:14%;left:5%}.o-title h1{font-size:72px}.o-title p{font-size:11px}.o-date{margin-bottom:22px}.o-shot img{object-fit:cover}}@media (width<=650px){.o-shot img{object-fit:contain;background:#0b0d0a}.o-title{top:auto;bottom:8%;left:8%}.o-title h1{font-size:58px;line-height:.85}.o-title h1 br{display:none}.o-title h1 em{margin-left:10px}.o-date{margin-bottom:14px;font-size:8px}.o-title p{margin-top:18px;font-size:10px}.o-invitation{display:none}.o-place{bottom:12%;left:8%}.o-place p{font-size:19px}.o-orbit{width:35vw;height:35vw}.version-link{margin-right:18px;font-size:8px}.film-header{padding:24px 7%}}.o-record{filter:brightness(.9)saturate(.94)}.o-orbit{display:none}.o-table{will-change:mask-image,transform}.o-title{color:#fff5df;text-shadow:0 2px 30px #23180330}.film-shell.is-overture .film-controls{visibility:hidden}.o-record{transform-origin:50% 54%}.o-table{transform-origin:56% 53%}@media (width<=650px) and (height<=740px){.o-record{height:65%;top:8%}.o-title{bottom:7%}.o-title h1{font-size:48px}.o-date{margin-bottom:10px}.o-title p{margin-top:13px}}.vinyl-label{pointer-events:none;border-radius:50%;position:absolute;-webkit-mask-image:radial-gradient(#000 85%,#0000 99%);mask-image:radial-gradient(#000 85%,#0000 99%)}.o-dusk{filter:none;background:#e5dfd0}.directed-film{background:#0c1010}.film-filter-defs{width:0;height:0;position:absolute;overflow:hidden}.film-scene,.cinema-frame,.plate-camera,.plate-base,.plate-effect,.plate-shade{position:absolute;inset:0}.film-scene{will-change:opacity,transform;background:#0b1011;overflow:hidden}.cinema-frame{background:var(--scene-colour,#10130f);will-change:opacity;isolation:isolate;overflow:hidden}.plate-camera{will-change:transform}.plate-base{display:block}.plate-base img,.plate-effect>img{object-fit:contain;width:100%;height:100%;display:block}.has-extension .plate-base img,.has-extension .plate-effect>img{object-fit:cover}.protected-original{width:calc(100svh * var(--ratio));object-fit:fill;z-index:2;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000);mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000)}.plate-effect{pointer-events:none;z-index:3;opacity:0;mix-blend-mode:screen;filter:brightness(.6)contrast(1.4);-webkit-mask-image:radial-gradient(ellipse 32% 33% at var(--light-x,50%) var(--light-y,45%),#000,transparent);mask-image:radial-gradient(ellipse 32% 33% at var(--light-x,50%) var(--light-y,45%),#000,transparent);will-change:opacity}.plate-effect .mobile-effect-copy{display:none}.plate-shade{pointer-events:none;z-index:4;background:linear-gradient(#0002,#0000 10% 87%,#0003)}.tone-moon .plate-camera{filter:saturate(.91)}.tone-island .plate-camera{filter:saturate(.96)}.tone-newlight .plate-camera{filter:saturate(1.02)}.tone-alive .plate-camera{filter:saturate(.93)}.tone-monsoon .plate-camera{filter:saturate(.92)}.effect-water .plate-effect,.effect-cascade .plate-effect,.effect-boat .plate-effect{mix-blend-mode:normal;filter:url(#water-drift);-webkit-mask-image:linear-gradient(transparent calc(var(--water-top) - 3%),black calc(var(--water-top) + 3%),black);mask-image:linear-gradient(transparent calc(var(--water-top) - 3%),black calc(var(--water-top) + 3%),black)}.effect-boat .plate-effect{-webkit-mask-image:radial-gradient(21% 11% at 16% 57%,#000,#0000),radial-gradient(21% 11% at 85% 57%,#000,#0000);mask-image:radial-gradient(21% 11% at 16% 57%,#000,#0000),radial-gradient(21% 11% at 85% 57%,#000,#0000)}.effect-cascade .plate-effect{-webkit-mask-image:radial-gradient(13% 32% at 48% 55%,#000,#0000);mask-image:radial-gradient(13% 32% at 48% 55%,#000,#0000)}.effect-stars .plate-effect{filter:contrast(7)brightness(.85);-webkit-mask-image:linear-gradient(black,black calc(var(--sky-bottom) - 8%),transparent var(--sky-bottom));mask-image:linear-gradient(black,black calc(var(--sky-bottom) - 8%),transparent var(--sky-bottom))}.effect-cloud .plate-effect,.effect-sky .plate-effect{mix-blend-mode:soft-light;filter:none;-webkit-mask-image:linear-gradient(black,black calc(var(--sky-bottom,42%) - 10%),transparent var(--sky-bottom,42%));mask-image:linear-gradient(black,black calc(var(--sky-bottom,42%) - 10%),transparent var(--sky-bottom,42%))}.effect-ember .plate-effect{filter:brightness(1.1)saturate(1.25);-webkit-mask-image:radial-gradient(ellipse 10% 9% at var(--light-x) var(--light-y),black,transparent);mask-image:radial-gradient(ellipse 10% 9% at var(--light-x) var(--light-y),black,transparent)}.effect-neon .plate-effect{filter:contrast(2.2)brightness(.7);-webkit-mask-image:radial-gradient(ellipse 27% 32% at var(--light-x) var(--light-y),black,transparent);mask-image:radial-gradient(ellipse 27% 32% at var(--light-x) var(--light-y),black,transparent)}.effect-rays .plate-effect{mix-blend-mode:screen}.directed-video{object-fit:contain;z-index:4;background:#0a0f10;width:100%;height:100%;position:absolute;inset:0}.transition-light{z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:0;background:radial-gradient(at 52% 48%,#e6ad70,#0000 75%);position:absolute;inset:0}.film-controls{opacity:.35;transition:opacity .35s}.film-controls:hover,.film-controls:focus-within{opacity:1}.place-title{top:auto;bottom:14%;left:6%}.place-title h2{font-size:clamp(28px,3vw,45px)}.film-shading{background:linear-gradient(#0002,#0000 10% 90%,#0002)}@media (aspect-ratio>=19/10){.has-extension .plate-base img,.has-extension .plate-effect>img{object-fit:contain}.protected-original{height:min(100svh,56.25vw);width:calc(min(100svh,56.25vw) * var(--ratio));top:50%;transform:translate(-50%,-50%)}}@media (width<=650px){.has-extension .plate-base img,.has-extension .plate-effect>img{object-fit:contain}.protected-original,.has-extension .plate-effect>img:first-child{display:none}.has-extension .plate-effect .mobile-effect-copy{display:block}.plate-shade{background:linear-gradient(#0002,#0000 12% 88%,#0003)}.place-title{top:auto;bottom:13%;left:8%}.film-controls{opacity:.55}}@media (prefers-reduced-motion:reduce){.plate-effect{display:none!important}.plate-camera{will-change:auto}}.protected-original{-webkit-mask-image:radial-gradient(130% 70% at 50% 66%,#000 50%,#0000 85%),linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:radial-gradient(130% 70% at 50% 66%,#000 50%,#0000 85%),linear-gradient(90deg,#0000,#000 18% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.effect-window .plate-effect{-webkit-mask-image:radial-gradient(ellipse 18% 24% at var(--light-x) var(--light-y),black,transparent);mask-image:radial-gradient(ellipse 18% 24% at var(--light-x) var(--light-y),black,transparent)}.effect-lantern .plate-effect{-webkit-mask-image:radial-gradient(ellipse 10% 15% at var(--light-x) var(--light-y),black,transparent);mask-image:radial-gradient(ellipse 10% 15% at var(--light-x) var(--light-y),black,transparent)}.depth-plane{z-index:3;pointer-events:none;transform-origin:50% 65%;will-change:transform;position:absolute;inset:0}.depth-plane img{object-fit:contain;width:100%;height:100%}.has-extension .depth-plane img{object-fit:cover}.depth-bow{-webkit-mask-image:linear-gradient(#0000 47%,#000 58%);mask-image:linear-gradient(#0000 47%,#000 58%)}.depth-canopy{-webkit-mask-image:linear-gradient(90deg,#000,#000 12%,#0000 32% 69%,#000 90%,#000);mask-image:linear-gradient(90deg,#000,#000 12%,#0000 32% 69%,#000 90%,#000)}.depth-road{-webkit-mask-image:linear-gradient(#0000 66%,#000 83%);mask-image:linear-gradient(#0000 66%,#000 83%)}.depth-window{-webkit-mask-image:linear-gradient(#000,#0000 22% 62%,#000 88%),linear-gradient(90deg,#000,#0000 20% 85%,#000);mask-image:linear-gradient(#000,#0000 22% 62%,#000 88%),linear-gradient(90deg,#000,#0000 20% 85%,#000)}.depth-ridge{-webkit-mask-image:linear-gradient(#0000 55%,#000 68%);mask-image:linear-gradient(#0000 55%,#000 68%)}.depth-embrace{-webkit-mask-image:linear-gradient(#0000 52%,#000 64%);mask-image:linear-gradient(#0000 52%,#000 64%)}.depth-street{-webkit-mask-image:linear-gradient(90deg,#000,#0000 25% 80%,#000);mask-image:linear-gradient(90deg,#000,#0000 25% 80%,#000)}.depth-table{-webkit-mask-image:linear-gradient(#0000 62%,#000 80%);mask-image:linear-gradient(#0000 62%,#000 80%)}@media (width<=650px){.depth-plane{display:none}}@media (prefers-reduced-motion:reduce){.depth-plane{display:none}}@media (aspect-ratio>=19/10){.has-extension .depth-plane img{object-fit:contain}}.memory-clean{object-fit:cover;z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(32% 65% at 50% 100%,#000 80%,#0000 95%);mask-image:radial-gradient(32% 65% at 50% 100%,#000 80%,#0000 95%)}@media (width<=650px){.memory-clean{display:none}}.art-scene{background:var(--scene-colour)}.art-scene .plate-camera{filter:none}.art-scene .plate-base img{object-fit:cover}.art-scene .plate-shade{background:0 0}.art-scene .plate-base{background-image:var(--art-image);background-position:50%;background-size:cover}.art-original{object-fit:contain;z-index:2;width:auto;max-width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.art-drawing{pointer-events:none;z-index:4;color:#b49b67;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.art-drawing path{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:var(--draw,1);stroke-linecap:round}.palette-night .art-drawing{color:#ebc99e;mix-blend-mode:screen}.art-scene.effect-water .plate-effect{opacity:.35;-webkit-mask-image:linear-gradient(#0000 56%,#000 68%);mask-image:linear-gradient(#0000 56%,#000 68%)}.art-scene[data-photo=bintan-boat] .plate-effect{-webkit-mask-image:linear-gradient(90deg,#000,#000 18%,#0000 32% 68%,#000 84%,#000);mask-image:linear-gradient(90deg,#000,#000 18%,#0000 32% 68%,#000 84%,#000)}.art-scene[data-photo=bintan-bottle] .plate-effect{-webkit-mask-image:radial-gradient(12% 20% at 50% 43%,#000,#0000);mask-image:radial-gradient(12% 20% at 50% 43%,#000,#0000)}.art-scene[data-photo=hk-drinks] .plate-effect{-webkit-mask-image:radial-gradient(15% 21% at 36% 47%,#000,#0000);mask-image:radial-gradient(15% 21% at 36% 47%,#000,#0000)}.art-scene[data-photo=cx-heater] .plate-effect{-webkit-mask-image:radial-gradient(9% 12% at 52% 57%,#000,#0000);mask-image:radial-gradient(9% 12% at 52% 57%,#000,#0000)}.art-scene .plate-effect{z-index:3}@media (aspect-ratio>=2){.art-scene .plate-base img{object-fit:contain}.art-scene .plate-base{background-size:cover}.art-original{height:100%}}@media (width<=650px){.art-scene .plate-base img{object-fit:contain;background:0 0}.art-scene .plate-base{background-image:linear-gradient(#eeead722,#eeead722),var(--art-image);background-size:cover}.art-original,.art-scene .plate-effect{display:none}.art-drawing{opacity:0!important}}@media (prefers-reduced-motion:reduce){.art-drawing{display:none}}.directed-film,.film-scene{background:#e5dfd0}.film-header,.film-controls{mix-blend-mode:difference;color:#fff}.art-original,.o-shot .opening-original{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='.065' stop-color='white'/%3E%3Cstop offset='.935' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-.1' width='1.2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.023 .045' numOctaves='3' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='30' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='600' height='900' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='g'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='.065' stop-color='white'/%3E%3Cstop offset='.935' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-.1' width='1.2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.023 .045' numOctaves='3' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='30' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='600' height='900' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}.art-atmosphere{pointer-events:none;z-index:4;mix-blend-mode:screen;opacity:.5;width:100%;height:100%;position:absolute;inset:0}.art-atmosphere path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-dasharray:.18 .82;stroke-dashoffset:var(--travel,0);filter:blur(2px);opacity:.55}.atmosphere-beam path{stroke-width:22px;filter:blur(17px);stroke-dasharray:none;opacity:.08}.atmosphere-glint path{stroke-width:4px;filter:blur(4px);opacity:.45}.atmosphere-refraction path{stroke-width:9px;filter:blur(8px);opacity:.24}.atmosphere-filament path{stroke-width:1px;filter:blur(.6px);opacity:.38}@media (width<=650px),(prefers-reduced-motion:reduce){.art-atmosphere{display:none!important}}.art-scene .plate-effect>img.original-effect{object-fit:contain}.palette-earth .plate-base{filter:saturate(.76)contrast(.98)}.palette-green .plate-base{filter:saturate(.88)}.palette-warm .plate-base,.palette-gold .plate-base{filter:saturate(.84)}.palette-night .plate-base{filter:saturate(.86)}@media (width<=650px){.art-scene .plate-base{background-position:0}}.directed-video{background-color:#0000;background-position:50%;background-size:cover}@media (width<=650px){.directed-video{background-position:0}.art-scene .plate-base img{object-fit:contain;width:100%;height:auto;max-height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='.025' stop-color='white'/%3E%3Cstop offset='.975' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-.1' y='-.1' width='1.2' height='1.2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' seed='8' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='24' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='-20' width='640' height='900' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='900'%3E%3Cdefs%3E%3ClinearGradient id='g' x2='0' y2='1'%3E%3Cstop stop-color='white' stop-opacity='0'/%3E%3Cstop offset='.025' stop-color='white'/%3E%3Cstop offset='.975' stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-.1' y='-.1' width='1.2' height='1.2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' seed='8' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='24' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='-20' width='640' height='900' fill='url(%23g)' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%}}.memory-bridge{z-index:5;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.memory-bridge path{fill:none;stroke-width:1.5px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.memory-bridge{display:none}}@media (width<=650px){.art-scene[style*=--mobile-art] .plate-base{background-image:var(--mobile-art);background-position:50%}.o-dusk{background-image:url(/media/art-v11/sg-sunset.webp);background-position:50%;background-size:cover}.o-dusk>img{object-fit:contain;background:0 0;width:100%;height:auto;max-height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(#0000,#000 3% 97%,#0000);mask-image:linear-gradient(#0000,#000 3% 97%,#0000)}}.night-stars{z-index:3;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.night-stars{display:none!important}}@media (width<=650px){.repaired-art .plate-base img{-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.repaired-art .plate-base{filter:none}}.music-toggle{font:inherit;letter-spacing:.08em;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;margin-left:auto;padding:12px 14px;font-size:11px}.film-header .version-link{margin-left:20px}.scene-copy{z-index:12;pointer-events:none;color:#fff8e9;text-shadow:0 2px 24px #0008;max-width:42%;position:absolute;bottom:17%;left:7%}.scene-copy.top{top:17%;bottom:auto}.scene-copy.dark{color:#233531;text-shadow:0 1px 18px #fff8}.scene-copy span{letter-spacing:.23em;margin-bottom:18px;font-size:10px;line-height:1.8;display:block}.scene-copy p{letter-spacing:.025em;white-space:pre-line;text-wrap:balance;margin:0;font-family:Georgia,Songti SC,Noto Serif SC,serif;font-size:clamp(22px,3.3vw,53px);font-weight:400;line-height:1.4}.scene-copy[data-copy-for=cx-us]{top:16%;left:10%}.scene-copy[data-copy-for=cx-img_3484]{top:16%;left:8%}.scene-copy[data-copy-for=hk-img_0877]{max-width:26%;bottom:20%;left:6%}.scene-copy[data-copy-for=sg-fireworks] p,.scene-copy[data-copy-for=bintan-stars] p,.scene-copy[data-copy-for=hk-img_0877] p{font-size:clamp(20px,2.1vw,34px)}.ending-words{color:#273c43!important;text-shadow:0 1px 28px #fff9!important}.ending-words p{letter-spacing:.14em;font-family:Georgia,Songti SC,serif}.o-title p{letter-spacing:.3em;font-size:11px}.o-place p{font-family:Georgia,serif;font-size:clamp(30px,4vw,64px);line-height:1.08}.place-title{display:none}@media (width<=650px){.film-header .version-link{display:none}.music-toggle{margin-left:auto;padding:10px;font-size:10px}.scene-copy{max-width:82%;bottom:18%;left:8%}.scene-copy.top{top:19%}.scene-copy p{font-size:27px}.scene-copy span{margin-bottom:12px;font-size:8px}.scene-copy[data-copy-for=hk-img_0877]{max-width:82%;bottom:15%}.scene-copy[data-copy-for=cx-us]{top:18%}.ending-words p{max-width:80%;font-size:16px;line-height:1.9}}.scene-copy[data-copy-for=sh-tower],.scene-copy[data-copy-for=bintan-walk]{color:#263c35;text-shadow:0 1px 18px #fff8}.scene-copy[data-copy-for=hk-img_3386]{bottom:18%;left:24%}.scene-copy[data-copy-for=bintan-boat]{text-align:center;max-width:70%;top:17%;left:50%;transform:translate(-50%)}.scene-copy[data-copy-for=bintan-boat] span{letter-spacing:.28em;font-size:13px}@media (width<=650px){.scene-copy[data-copy-for=hk-img_3386]{bottom:18%;left:8%}.scene-copy[data-copy-for=bintan-boat]{width:80%;top:18%}.scene-copy[data-copy-for=bintan-boat] span{font-size:10px}}.sequence-stage:after{opacity:calc(var(--end-opacity,0)*.22);background:#fff4d8}.ending-words{justify-content:flex-start;padding-top:19vh}.ending-words h2{margin:0}.ending-words p{margin-top:22px}.ending-words>button{color:inherit;border-bottom-color:#273c4355;margin-top:25px}.end-kicker{opacity:.85;margin-bottom:18px}@media (width<=650px){.ending-words{padding-top:23vh}.ending-words p{max-width:75%}.scene-copy[data-copy-for=sh-tower]{bottom:10%}}.chapter-copy h2{letter-spacing:.1em;margin:0 0 25px;font-family:Songti SC,STSong,Georgia,serif;font-size:clamp(48px,6vw,90px);font-weight:400;line-height:1.15}.chapter-copy p{font-size:clamp(20px,2.2vw,32px);line-height:1.5}.chapter-copy span{letter-spacing:.24em;font-size:12px}.scene-copy.chapter-copy[data-copy-for=hk-img_0877]{max-width:40%;bottom:15%}.scene-copy.chapter-copy[data-copy-for=cx-img_0074]{text-shadow:0 2px 15px #000b;bottom:16%;left:7%}.opening-location{letter-spacing:.18em;margin:18px 0 22px;font-family:Songti SC,STSong,serif;font-size:30px;font-weight:400}.o-title{top:19%}@media (width<=650px){.chapter-copy h2{margin-bottom:18px;font-size:46px}.chapter-copy p{font-size:23px}.chapter-copy span{font-size:10px}.scene-copy.chapter-copy[data-copy-for=hk-img_0877]{max-width:85%}.opening-location{margin:10px 0;font-size:23px}.o-title{top:auto}.o-title h1{font-size:45px}.scene-copy.chapter-copy[data-copy-for=sh-tower] p{font-size:20px}.scene-copy.chapter-copy[data-copy-for=bintan-walk]{background:radial-gradient(at 0,#f2eddf 25%,#f2eddfd9 55%,#0000 75%);width:84%;max-width:84%;padding:16px 0;bottom:8%}.scene-copy.chapter-copy[data-copy-for=bintan-walk] h2{margin-bottom:10px;font-size:38px}.scene-copy.chapter-copy[data-copy-for=bintan-walk] p{white-space:normal;font-size:18px}.scene-copy.chapter-copy[data-copy-for=sh-tower]{bottom:7%}.scene-copy.chapter-copy[data-copy-for=sh-tower] h2{margin-bottom:10px;font-size:38px}.scene-copy.chapter-copy[data-copy-for=sh-tower] p{white-space:normal}.opening-location{font-size:26px}}.scene-copy.chapter-copy[data-copy-for=hk-img_3386]{text-shadow:0 2px 22px #000b;max-width:46%;bottom:16%;left:24%}.scene-copy[data-copy-for=cx-blue]{max-width:64%}.scene-copy[data-copy-for=cx-blue] p{font-size:clamp(32px,4.5vw,68px);line-height:1.2}.scene-copy[data-copy-for=cx-blue] span:empty{display:none}@media (width<=650px){.scene-copy.chapter-copy[data-copy-for=hk-img_3386]{max-width:84%;bottom:14%;left:8%}.scene-copy[data-copy-for=cx-blue]{max-width:84%}.scene-copy[data-copy-for=cx-blue] p{font-size:36px}}