/* Two colour worlds: warm red / amber / olive, then cyan / yellow / night green. */
:root{--bg:#0a1512;--ink:#ead8b7;--yellow:#e8bd63;--red:#c44730}.colour-definitions{position:absolute;overflow:hidden;pointer-events:none}.film-grain{opacity:.12}.cover{background:#2d1012}.hero-image img{filter:url(#grade-mood) brightness(.85)}.hero-image:after{background:linear-gradient(90deg,#2d1012 0%,#2d1012a6 20%,#28100e00 60%),linear-gradient(0deg,#1f100ff7,transparent 48%,#481b0d22)}.cover:before{background:radial-gradient(ellipse at 7% 65%,#98302a33,transparent 65%)}.light-leak{background:linear-gradient(110deg,#ea932117,transparent 45%,#da292640 85%)}.vertical-title{color:#dc492a;text-shadow:0 0 25px #c1362555}.topbar{background:#100e0b}.hero-line{color:#e0c9a3}.hero-bottom strong{color:#d3bc91}.photo-card img{filter:url(#grade-mood) brightness(.92)}.photo-card:nth-child(even) img{filter:url(#grade-express) brightness(.9)}.photo-card:hover img{filter:url(#grade-mood) brightness(1.03)}.photo-card:nth-child(even):hover img{filter:url(#grade-express) brightness(1.03)}.sua-still img{filter:url(#grade-mood) brightness(.85)}.sua-section{background:#292012}.sua-still:after{background:linear-gradient(90deg,#292012 0%,#292012b3 22%,transparent 66%),linear-gradient(0deg,#21190ff5,transparent 50%)}
.chapter-map{padding-block:30px;display:flex;gap:55px;border-bottom:1px solid var(--line);align-items:center}.chapter-map>span{flex-shrink:0;font-size:11px;color:#a7a78b;line-height:2}.chapter-map>span em{font:italic 14px var(--serif);color:#cfb778}.chapter-map>div{display:flex;flex-wrap:wrap;gap:12px 24px}.chapter-map a{font-size:9px;color:#9eaa90;padding:6px 0}.chapter-map a:hover{color:var(--yellow)}
.ticket-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-block:30px 120px}.ticket-copy h2{font-size:37px;line-height:1.5}.ticket-copy p{font-size:13px;color:#a8aa8d;line-height:2.2}.love-ticket{display:flex;position:relative;min-width:0;transform:rotate(-4deg);color:#4d351b;background:#c9a456;box-shadow:0 12px 35px #0003;border:1px solid #deb86c4d;isolation:isolate}.love-ticket:after{content:'';position:absolute;inset:8px;border:1px solid #61412466;pointer-events:none;z-index:-1}.ticket-main{padding:33px 25px 30px;flex:1;min-width:0}.ticket-cinema{font-size:6px;letter-spacing:1.5px;color:#78502e}.ticket-main h3{font:500 27px/1.5 var(--serif);margin:20px 0 9px}.ticket-names{font-size:9px;color:#6d4725;display:block;line-height:2}.ticket-rule{height:1px;background:#7150254a;margin:22px 0}.ticket-main dl{display:flex;justify-content:space-between;gap:15px}.ticket-main dt{font:6px monospace;letter-spacing:.7px}.ticket-main dd{font:16px var(--serif);margin:10px 0 0}.ticket-main p{font:italic 12px/1.8 var(--serif);margin:22px 0 0}.ticket-stub{width:92px;display:flex;flex-direction:column;align-items:center;border-left:1px dashed #6d421d8c;padding:35px 10px 25px}.ticket-stub>span{font:7px monospace;letter-spacing:1px}.ticket-stub strong{font:45px/1.2 var(--serif);margin-top:22px}.ticket-stub small{font:13px monospace;margin-top:8px}.ticket-barcode{height:50px;width:45px;margin-top:25px;background:repeating-linear-gradient(90deg,#614225 0 1px,transparent 1px 3px,#614225 3px 5px,transparent 5px 9px);opacity:.8}
.red-room{position:relative;background:#4b1119;isolation:isolate;overflow:hidden}.wallpaper{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 5% 10%,#e0a13447,transparent 52%),radial-gradient(ellipse at 100% 80%,#160d08bd,transparent 70%),repeating-linear-gradient(90deg,#511019 0 50px,#611a24 50px 52px,#511019 52px 100px)}.wallpaper:after{content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse at center,#c57b3a33 0 1px,transparent 2px);background-size:17px 31px}.red-room-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:95px;padding-block:110px}.red-room-frame{position:relative;padding:12px;background:#180c0b;box-shadow:0 15px 60px #07000066}.frame-number{font:7px monospace;letter-spacing:1.5px;color:#ab8a56;padding:7px 3px 16px}.red-room-frame>img{display:block;width:100%;aspect-ratio:.88;object-fit:cover;filter:url(#grade-mood);position:relative}.photo-subtitle{display:block;text-align:center;color:#dfc074;font:italic 14px/1.9 var(--serif);padding:17px 6px 9px}.red-window{position:absolute;left:-30px;top:12%;height:75%;width:10px;background:#d69425;box-shadow:0 0 55px 13px #d58f2155;opacity:.35;transform:rotate(-3deg);pointer-events:none}.red-room-copy .scene-label{color:#e4ad60;font-size:8px}.red-room-copy h2{font-size:45px;line-height:1.35;color:#efd8b4}.red-room-copy h2 em{color:#e9ac4f}.red-room-copy>p{font-size:13px;line-height:2.3;color:#d8b398;margin-top:24px}.red-room-copy .room-last{font:italic 18px/1.9 var(--serif);color:#e6c183;margin-top:30px}
.colour-interlude{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:50px;border-bottom:1px solid var(--line)}.colour-interlude .scene-label{font-size:7px}.colour-interlude p{font:22px/1.6 var(--serif);margin:16px 0 0;color:#b8bc9a}.colour-interlude p em{color:var(--yellow)}.look-picker{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.look-picker button{display:flex;align-items:center;gap:8px;background:#ffffff03;border:1px solid #c5ab6e22;padding:13px 14px;color:#8c9c86;font-size:9px;transition:border-color .2s,color .2s}.look-picker button.active{border-color:#d8b25eaa;color:#ddc383}.swatch{width:12px;height:12px;border-radius:50%;display:inline-block}.swatch.mixed{background:linear-gradient(100deg,#a82f25 50%,#129c8f 50%)}.swatch.mood{background:linear-gradient(100deg,#af3028,#d7a528)}.swatch.express{background:linear-gradient(100deg,#07a9a5,#d5ce35)}
.night-city{min-height:860px;position:relative;background:#061f20;isolation:isolate;overflow:hidden}.city-photo{position:absolute;inset:0 0 0 20%;z-index:-3}.city-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 55%;filter:url(#grade-express) saturate(1.08) brightness(.8)}.city-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062020,#062020c4 22%,transparent 70%),linear-gradient(0deg,#031c1fe8,transparent 60%)}.neon-streaks{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.6}.neon-streaks i{position:absolute;top:0;left:84%;height:78%;width:3px;transform:rotate(24deg);background:#11d9ca;box-shadow:0 0 24px 6px #19bbba55;filter:blur(1px)}.neon-streaks i:nth-child(2){left:88%;top:20%;height:50%;background:#e6d84b;box-shadow:0 0 30px #e6d84b55;width:6px;filter:blur(3px)}.neon-streaks i:nth-child(3){left:95%;top:-25%;height:65%;background:#e34d1e;filter:blur(4px);width:8px}.neon-streaks i:nth-child(4){left:34%;top:72%;height:45%;background:#05a6a1;width:80px;filter:blur(35px);transform:rotate(70deg);opacity:.6}.neon-streaks i:nth-child(5){left:-15%;top:3%;width:160px;background:#bfc838;filter:blur(70px);transform:rotate(35deg);opacity:.25}.neon-lettering{position:absolute;right:5%;top:10%;writing-mode:vertical-rl;font:700 65px var(--chinese);letter-spacing:14px;color:#dbcf43;text-shadow:0 0 22px #c4c23b66;transform:rotate(3deg);opacity:.85}.city-copy{padding-top:115px;padding-bottom:100px}.city-copy>.scene-label{font-size:8px;color:#5ad4bd}.city-copy h2{font-size:51px;line-height:1.35;color:#c9ddc6}.city-copy h2 em{color:#e3d24e}.city-copy>p{font-size:13px;line-height:2.2;color:#a8c8b4;margin:27px 0}.city-caption{font:italic 20px/1.9 var(--serif);color:#e4d85e;margin-top:33px;max-width:500px}.city-endnote{position:absolute;bottom:25px;right:40px;color:#6ba194;font-size:7px;letter-spacing:1px}
.reel-section{padding-block:115px}.reel-heading .scene-label{font-size:8px}.reel-heading h2{font-size:40px}.reel-heading>p{font-size:13px;line-height:2;color:#8f9f89}.reel-projector{margin-top:40px;background:#030b08;border:1px solid #9ca86625}.reel-perforation{height:23px;background:repeating-linear-gradient(90deg,transparent 0 13px,#a1a68055 13px 23px,transparent 23px 38px);mask-image:linear-gradient(transparent 0 6px,#000 6px 17px,transparent 17px)}.reel-stage{background:#06100d}.reel-stage img{display:block;width:100%;height:510px;object-fit:contain;filter:url(#grade-mood)}.reel-subtitle{font:italic 22px/1.7 var(--serif);color:#edd16e;display:block;text-align:center;white-space:pre-line;padding:28px 22px 15px;min-height:115px;background:linear-gradient(#06100d,#030b08)}.reel-controls{display:flex;justify-content:center;align-items:center;gap:38px;padding:10px 20px 13px}.reel-controls button{width:45px;height:45px;border:1px solid #c3aa5e40;background:transparent;color:#d8bc6c;font-size:20px}.reel-controls button:hover{background:#d8bc6c12}.reel-controls>span{font:10px monospace;letter-spacing:3px;color:#9aab8b;min-width:90px;text-align:center}.reel-note{font-size:13px;line-height:2;color:#9ca68d;max-width:680px;margin:26px auto 0;text-align:center}
.quiet-notes{background:linear-gradient(120deg,#291313,#1c1611);border-block:1px solid #8c422b44}.quiet-inner{padding-block:100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.quiet-heading h2{font-size:36px;line-height:1.45}.quiet-heading p{font-size:13px;color:#b3967e;line-height:2.1}.quiet-heading>.scene-label{font-size:7px;color:#d9ad67}.notes-stack{padding-top:13px}.notes-stack details{border-block-end:1px solid #c4976135;padding:0 0 9px;margin-bottom:16px}.notes-stack summary{display:flex;align-items:center;gap:17px;list-style:none;cursor:pointer;min-height:58px;font:18px/1.6 var(--serif);color:#ddc6a2;padding-block:12px}.notes-stack summary::-webkit-details-marker{display:none}.notes-stack summary>span{font:8px monospace;color:#ae7352}.notes-stack summary>i{font:20px monospace;font-style:normal;margin-left:auto;color:#ab824f;transition:transform .2s}.notes-stack details[open] summary>i{transform:rotate(45deg)}.notes-stack p{font:14px/2.1 var(--serif);color:#bda488;margin:6px 0 20px;padding-left:32px}.notes-stack summary:focus-visible{outline:1px solid var(--yellow);outline-offset:5px}
.tomorrow{padding-top:20px;padding-bottom:115px}.tomorrow-title{max-width:650px;margin-bottom:48px}.tomorrow-title h2{font-size:42px}.tomorrow-title>p{font-size:13px;color:#91a08a;line-height:2}.future-shots{list-style:none;padding:0;margin:0}.future-shots li{border-top:1px solid var(--line);display:grid;grid-template-columns:190px 1fr 40px;gap:35px;padding:29px 0;align-items:start}.future-shots li:last-child{border-bottom:1px solid var(--line)}.future-shots li>span{font:8px/2 var(--sans);letter-spacing:1px;color:#91a280;padding-top:7px}.future-shots h3{font:400 26px/1.5 var(--serif);color:#d5c498;margin:0 0 10px}.future-shots p{font-size:13px;line-height:2;color:#929e88;max-width:650px;margin:0}.future-shots li>i{font:22px var(--serif);color:#b0a05d;text-align:right;font-style:normal;padding-top:5px}
.postcredits{padding-top:100px;padding-bottom:90px;text-align:center;min-height:580px;background:radial-gradient(ellipse at 50% 100%,#4e1b191c,transparent 70%)}.postcredits>.scene-label{font-size:7px;color:#a3935d}.postcredits-number{display:block;color:#902f25;font:80px/1 var(--serif);margin-top:30px}.postcredits h2{font-size:31px;margin-block:27px}.postcredits>p{font-size:13px;line-height:2.2;color:#8f9e86}.postcredits .play-button{margin-top:15px}.postcredits-back{display:block;margin-top:60px;font-size:7px;letter-spacing:1.7px;color:#849572}#last-line{margin-top:48px;scroll-margin-top:80px}#last-line p{font:36px/1.6 var(--serif);color:#d7c8a7}#last-line p em{color:#e3b761}#last-line>span{font:italic 25px var(--serif);color:#b64d36}#last-line small{display:block;margin-top:25px;font-size:11px;line-height:2.2;color:#a69d7e}
body[data-look=mood] .hero-image img,body[data-look=mood] .photo-card img,body[data-look=mood] .red-room-frame>img,body[data-look=mood] .city-photo img,body[data-look=mood] .sua-still img,body[data-look=mood] .reel-stage img{filter:url(#grade-mood)}body[data-look=express] .hero-image img,body[data-look=express] .photo-card img,body[data-look=express] .red-room-frame>img,body[data-look=express] .city-photo img,body[data-look=express] .sua-still img,body[data-look=express] .reel-stage img{filter:url(#grade-express)}body.original-photos .hero-image img,body.original-photos .photo-card img,body.original-photos .red-room-frame>img,body.original-photos .city-photo img,body.original-photos .sua-still img,body.original-photos .reel-stage img{filter:none}
@media(max-width:1050px){.chapter-map{gap:30px}.chapter-map a{font-size:8px}.chapter-map>div{gap:8px 16px}.ticket-section{gap:40px}.ticket-copy h2{font-size:31px}.ticket-main{padding:27px 21px}.ticket-main h3{font-size:23px}.ticket-stub{width:78px}.red-room-inner{gap:50px}.red-room-copy h2{font-size:37px}.colour-interlude{align-items:flex-start;gap:25px}.look-picker{max-width:360px}.look-picker button{font-size:8px;padding:11px}.city-copy h2{font-size:46px}.quiet-inner{gap:45px}.quiet-heading h2{font-size:31px}.notes-stack summary{font-size:16px}.future-shots li{grid-template-columns:155px 1fr 30px;gap:25px}}
@media(max-width:700px){.hero-image img{filter:url(#grade-mood);height:70%;mask-image:linear-gradient(#000 0%,#000 66%,transparent 100%)}.hero-image:after{background:linear-gradient(0deg,#2d1012 0%,#2d1012c9 33%,#2d101222 65%,#481b0d11)}.cover-copy{bottom:100px}.cover h1{font-size:56px}.vertical-title{color:#e94c2a}.sua-still img{filter:url(#grade-mood)}.sua-still:after{background:linear-gradient(0deg,#292012f7 0%,#29201266 57%,transparent 85%)}.chapter-map{display:block;padding-block:25px}.chapter-map>span{font-size:10px;display:block;margin-bottom:16px}.chapter-map>span br{display:none}.chapter-map>span em{font-size:13px;margin-left:6px}.chapter-map>div{flex-wrap:nowrap;overflow:auto;gap:20px;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:#7e693d transparent}.chapter-map a{font-size:8px;white-space:nowrap;min-height:35px;display:flex;align-items:center}.ticket-section{display:flex;flex-direction:column;gap:34px;padding-top:0;padding-bottom:80px;align-items:stretch}.ticket-copy h2{font-size:31px}.ticket-copy p{font-size:12px}.love-ticket{margin:4px 2px 0}.ticket-main{padding:27px 20px}.ticket-cinema{font-size:5px;letter-spacing:.8px}.ticket-main h3{font-size:22px}.ticket-names{font-size:8px}.ticket-main dl{gap:11px}.ticket-main dd{font-size:14px}.ticket-main p{font-size:11px}.ticket-stub{width:67px;padding-inline:6px}.ticket-stub strong{font-size:37px}.ticket-stub>span{font-size:6px}.ticket-barcode{width:34px}.red-room-inner{display:flex;flex-direction:column;padding-block:65px;gap:35px}.red-room-frame{width:100%;padding:10px}.red-room-frame>img{aspect-ratio:1.08;object-position:center 39%}.frame-number{font-size:6px;letter-spacing:1px;padding:5px 2px 12px}.photo-subtitle{font-size:13px;padding-top:14px}.red-window{left:-12px;height:70%;width:5px;box-shadow:0 0 35px 6px #d58f2155}.red-room-copy{width:100%}.red-room-copy>.scene-label{font-size:6px;letter-spacing:1.3px}.red-room-copy h2{font-size:36px;line-height:1.4}.red-room-copy>p{font-size:12px;margin-top:22px}.red-room-copy .room-last{font-size:17px}.colour-interlude{display:block;padding-block:35px}.colour-interlude p{font-size:21px;line-height:1.7}.look-picker{margin-top:23px;max-width:none;justify-content:flex-start;gap:8px}.look-picker button{font-size:8px;padding:12px 10px}.swatch{width:10px;height:10px}.night-city{min-height:975px}.city-photo{inset:0}.city-photo img{height:480px;object-position:center 40%;mask-image:linear-gradient(#000 0%,#000 58%,transparent 100%);filter:url(#grade-express)}.city-photo:after{background:linear-gradient(0deg,#061f20 0%,#061f2099 55%,transparent 85%)}.neon-lettering{top:30px;right:28px;font-size:39px;letter-spacing:8px}.neon-streaks i{left:91%;top:5%;height:45%}.neon-streaks i:nth-child(2){left:94%;top:10%;height:33%}.neon-streaks i:nth-child(3){left:100%}.neon-streaks i:nth-child(4){left:30%;top:40%;width:55px;opacity:.3}.city-copy{padding-top:380px;padding-bottom:85px}.city-copy>.scene-label{font-size:6px;letter-spacing:1.2px}.city-copy h2{font-size:37px;line-height:1.38}.city-copy>p{font-size:12px;line-height:2.2;margin-top:25px}.city-caption{font-size:17px;line-height:1.9}.city-endnote{font-size:5px;letter-spacing:.5px;right:25px;bottom:23px}.reel-section{padding-block:75px}.reel-heading>.scene-label{font-size:6px;letter-spacing:1.3px}.reel-heading h2{font-size:31px}.reel-heading>p{font-size:12px}.reel-projector{margin-top:28px;margin-inline:-10px}.reel-stage img{height:350px}.reel-subtitle{font-size:17px;line-height:1.8;padding:22px 15px 10px;min-height:100px}.reel-controls{gap:23px;padding-top:10px}.reel-controls>span{font-size:9px;min-width:80px}.reel-controls button{width:43px;height:43px;font-size:18px}.reel-perforation{height:20px;background-size:auto;mask-image:linear-gradient(transparent 0 5px,#000 5px 15px,transparent 15px)}.reel-note{font-size:12px;line-height:2.1;margin-top:24px}.quiet-inner{display:block;padding-block:70px}.quiet-heading h2{font-size:33px}.quiet-heading p{font-size:12px}.quiet-heading>.scene-label{font-size:6px;letter-spacing:1.2px}.notes-stack{padding-top:25px}.notes-stack summary{font-size:17px;gap:13px;min-height:60px}.notes-stack summary>span{font-size:7px}.notes-stack p{font-size:14px;padding-left:27px;line-height:2.15}.tomorrow{padding-top:5px;padding-bottom:75px}.tomorrow-title h2{font-size:32px}.tomorrow-title>p{font-size:12px}.tomorrow-title{margin-bottom:32px}.future-shots li{grid-template-columns:1fr 24px;gap:14px;padding-block:24px}.future-shots li>span{grid-column:1/-1;font-size:7px;padding-top:0}.future-shots h3{font-size:25px}.future-shots p{font-size:12px}.future-shots li>i{font-size:20px}.postcredits{padding-top:70px;padding-bottom:65px;min-height:530px}.postcredits>.scene-label{font-size:6px;line-height:2;letter-spacing:1px}.postcredits-number{font-size:70px}.postcredits h2{font-size:27px;line-height:1.6}.postcredits>p{font-size:12px}.postcredits-back{font-size:6px;letter-spacing:1px;margin-top:45px}#last-line p{font-size:28px;line-height:1.7}#last-line>span{font-size:23px}#last-line small{font-size:10px}.postcredits .play-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.look-picker button,.notes-stack summary>i{transition:none}}

/* Final light pass: coloured shadows and old tungsten highlights, with quieter skin tones. */
:root{--ink:#e3d7c0;--yellow:#d8be81;--red:#a9372d;--warm-film:url("#grade-mood") contrast(1.055);--cool-film:url("#grade-express") contrast(1.065)}
.film-grain{opacity:.085;mix-blend-mode:soft-light}.topbar{background:#090d0b}.cover{background:#1e0d11}.hero-border{inset:0;border:0;border-block:21px solid #080b09}.hero-image:after{background:linear-gradient(90deg,#1e0d11 0%,#1e0d11bb 20%,#1e0d1100 62%),linear-gradient(0deg,#090d0be6 0%,transparent 48%,#33211624 100%)}.cover:before{background:radial-gradient(ellipse at 7% 65%,#7f322b29,transparent 65%)}.light-leak{background:radial-gradient(ellipse at 100% 10%,#c8983c1a,transparent 55%);mix-blend-mode:screen}.vertical-title{font-size:43px;opacity:.42;color:#ab3a2b;letter-spacing:7px;text-shadow:none;top:15%}.hero-line{color:#d8ccb2}.hero-bottom strong{color:#b4b39a}.hero-bottom .film-caption{color:#bdac7a}
.red-room{background:#32131b}.wallpaper{background:radial-gradient(ellipse at 8% 8%,#c3954130,transparent 55%),linear-gradient(115deg,#421820,#220f16 75%,#140e0e)}.wallpaper:after{opacity:.35}.red-room-frame{background:#080a08;padding:9px;box-shadow:0 14px 40px #0003}.red-window{opacity:.18;filter:blur(3px);background:#bf9a55;box-shadow:0 0 42px 9px #bd8f3730}.red-room-copy h2{color:#e4d7c1}.red-room-copy h2 em,.photo-subtitle,.red-room-copy .room-last{color:#cfb677}.red-room-copy>p{color:#c0a991}
.night-city{background:#0a1c17}.city-photo img{object-position:50% 40%}.city-photo:after{background:linear-gradient(90deg,#0a1c17 0%,#0a1c17d9 20%,#0a1c1700 68%),linear-gradient(0deg,#07120fef 0%,transparent 65%)}.neon-lettering{display:none}.neon-streaks{opacity:.35;mix-blend-mode:screen}.neon-streaks i:first-child{left:auto;right:-25px;top:0;width:52px;height:70%;background:#82ad95;filter:blur(33px);box-shadow:none;transform:none}.neon-streaks i:nth-child(n+2){display:none}.city-copy h2{color:#d0d9c9}.city-copy h2 em{color:#d8c476}.city-copy>p{color:#aabbab}.city-caption{color:#cfbf7a}.city-endnote{color:#81937d}.sua-copy h2 em{color:#d2b97a}.album-foot{color:#a8ad97}
body[data-look=mixed]:not(.original-photos) .hero-image img,body[data-look=mixed]:not(.original-photos) .red-room-frame>img,body[data-look=mixed]:not(.original-photos) .sua-still img,body[data-look=mixed]:not(.original-photos) .reel-stage img,body[data-look=mixed]:not(.original-photos) .photo-card img{filter:var(--warm-film)}
body[data-look=mixed]:not(.original-photos) .city-photo img,body[data-look=mixed]:not(.original-photos) .photo-card:nth-child(even) img{filter:var(--cool-film)}
body[data-look=mood]:not(.original-photos) .hero-image img,body[data-look=mood]:not(.original-photos) .photo-card img,body[data-look=mood]:not(.original-photos) .red-room-frame>img,body[data-look=mood]:not(.original-photos) .city-photo img,body[data-look=mood]:not(.original-photos) .sua-still img,body[data-look=mood]:not(.original-photos) .reel-stage img{filter:var(--warm-film)}
body[data-look=express]:not(.original-photos) .hero-image img,body[data-look=express]:not(.original-photos) .photo-card img,body[data-look=express]:not(.original-photos) .red-room-frame>img,body[data-look=express]:not(.original-photos) .city-photo img,body[data-look=express]:not(.original-photos) .sua-still img,body[data-look=express]:not(.original-photos) .reel-stage img{filter:var(--cool-film)}
@media(max-width:700px){.hero-border{border-block-width:15px}.vertical-title{font-size:31px;right:22px;top:35px;opacity:.32}.hero-image:after{background:linear-gradient(0deg,#1e0d11 0%,#1e0d11d9 34%,#1e0d1120 66%,#33211610 100%)}.city-photo img{height:390px;object-fit:contain;object-position:top center;mask-image:linear-gradient(#000 0%,#000 73%,transparent 100%)}.city-photo:after{background:linear-gradient(0deg,#0a1c17 0%,#0a1c1780 57%,#0a1c1700 85%)}.city-copy{padding-top:325px}.city-copy h2{font-size:42px;line-height:1.4}.night-city{min-height:830px}.red-room-copy h2{font-size:35px}.red-room-frame{padding:8px}.neon-streaks i:first-child{right:-30px;width:50px;height:50%;filter:blur(30px)}}
/* Vietnamese subtitles sit with the original Chinese lettering. */
.vertical-title{writing-mode:horizontal-tb;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:.8;transform:none}.vertical-title>span{writing-mode:vertical-rl;opacity:.55}.vertical-title>small{font:10px/1.6 var(--sans);letter-spacing:.4px;color:#c4b18a;white-space:nowrap}.chinese-translation{display:block;margin-top:12px;font:11px/1.8 var(--sans);letter-spacing:.4px;color:#b2a487}.envelope-stamp{text-align:center;opacity:.9}.envelope-stamp>small{display:block;margin-top:7px;font:8px/1.65 var(--sans);letter-spacing:0;color:#c89d76}.neon-lettering>small{writing-mode:horizontal-tb;font:10px/1.6 var(--sans);letter-spacing:0}.end-translation{font-size:9px;line-height:1.9;letter-spacing:1.8px;color:#b2a078}
@media(max-width:700px){.vertical-title{gap:8px}.vertical-title>small{font-size:9px}.chinese-translation{font-size:10px;margin-top:10px}.envelope-stamp>small{font-size:8px}.end-translation{font-size:8px;letter-spacing:1.2px}}
/* An original fourteen-line love poem, kept readable on small screens. */
.letter-sonnet{margin:28px 0;padding:22px 0 22px 17px;border-left:1px solid #92603c66;color:#70442e;font:italic 15px/2.15 var(--serif)}.letter-sonnet>span{display:block}.letter-sonnet>span:nth-child(4),.letter-sonnet>span:nth-child(8),.letter-sonnet>span:nth-child(12){margin-bottom:14px}.letter-sonnet>span:nth-last-child(-n+2){color:#773a29}
@media(max-width:700px){.letter-sonnet{font-size:14px;padding-left:12px;line-height:2.1}.letter-paper{padding-inline:24px}}