:is(.memory-scene,.memory-dialog,.chapter-footer-memory){--green:#234d40;--ivory:#f1ede3;--gold:#a08a5b;--serif:'Songti SC','STSong',serif}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) *{box-sizing:border-box}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) body{margin:0;background:var(--ivory);color:var(--green);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) a{color:inherit;text-decoration:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) button{font:inherit;cursor:pointer}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) a:focus-visible,:is(.memory-scene,.memory-dialog,.chapter-footer-memory) button:focus-visible{outline:2px solid #a58e58;outline-offset:5px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.8%;border-bottom:1px solid #214b4517}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .brand{display:flex;align-items:center;gap:14px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .seal{font:29px var(--serif);border:1px solid #a18a59;color:#8a7145;width:42px;height:45px;display:grid;place-items:center}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .brand strong{display:block;width:136px;height:42px;font-size:0;background:var(--green);mask:url('assets/lettering.png') center/contain no-repeat;-webkit-mask:url('assets/lettering.png') center/contain no-repeat}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .brand small{display:block;font-size:8px;letter-spacing:3px;color:#78847a}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav{height:100%;display:flex;align-items:center;gap:30px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav a{position:relative;display:flex;height:100%;align-items:center;font-size:12px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:21px;height:2px;background:#a18a59}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav a:hover{color:#a1844f}
.memory-scene{height:calc(100svh - 186px);min-height:570px;position:relative;isolation:isolate;overflow:hidden;background:#e9e1cd;color:#234d40}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .studio-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .silk-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f0e8d9d9 0%,#f0e8d9ad 29%,transparent 52%);pointer-events:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .cover-copy{position:relative;width:45%;height:100%;padding:32px 0 40px 6.2%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:2.5px;margin:0 0 21px;color:#6b7b62}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow>span{font:20px var(--serif);color:#a18a59;letter-spacing:0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow i{width:25px;height:1px;background:#a18a5980}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1{display:flex;gap:16px;width:min(100%,430px);margin:0 0 27px -7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1 img{display:block;width:calc(50% - 8px);height:auto}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .subtitle{font:30px/1.5 var(--serif);letter-spacing:3px;color:#6d7050;margin:0 0 17px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description{font:14px/2 var(--serif);letter-spacing:2px;margin:0 0 29px;color:#6e7c65}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary{display:flex;align-items:center;gap:12px;padding:0 21px;background:#254e40;color:#f1e8d2;min-height:54px;min-width:240px;font-size:12px;letter-spacing:2px;transition:background .2s,transform .2s}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary:hover{background:#163e31;transform:translateY(-2px)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary b{margin-left:auto;font:25px var(--serif);font-weight:400}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .shutter-icon{display:block;width:18px;height:18px;border:1px solid #d8c69d;border-radius:50%;position:relative}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .shutter-icon:after{content:'';position:absolute;inset:3px;border:1px solid #d8c69d;border-radius:50%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-trigger{display:flex;align-items:center;justify-content:space-between;gap:28px;background:none;border:0;padding:0;color:#627760;margin-top:18px;font-size:10px;letter-spacing:1.5px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-trigger>span{font-size:21px;font-weight:300;color:#9f8957}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps{display:flex;gap:13px;align-items:center;font-size:9px;letter-spacing:1px;color:#7d8568;margin-top:47px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps>span{white-space:nowrap}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps small{font:12px var(--serif);color:#a28e5f;margin-right:7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps>i{width:18px;height:1px;background:#9c9d7877}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-stack{position:absolute;inset:0 0 0 43%;perspective:1800px;pointer-events:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .memory-print{position:absolute;margin:0;background:#f7f0df;padding:11px;box-shadow:1px 17px 40px #28463838;transform-origin:50% 55%;border:1px solid #fffffe88}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .memory-print>img{display:block;width:100%;height:calc(100% - 37px);object-fit:cover}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .memory-print>figcaption{font:10px var(--serif);letter-spacing:1px;padding-top:11px;color:#6a755a}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-back{width:230px;height:370px;left:7%;top:29%;transform:rotate(-12deg);z-index:1}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-side{width:235px;height:395px;right:5%;top:9%;transform:rotate(10deg);z-index:2}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main{width:340px;left:29%;top:50%;transform:translateY(-50%) rotate(-3deg);z-index:3;box-shadow:2px 26px 55px #12372f55}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-window{position:relative;aspect-ratio:2/2.45;overflow:hidden;background:#a6b8a4}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-window>img{display:block;width:100%;height:100%;object-fit:cover}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#143a3226,transparent 40%);pointer-events:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main figcaption{padding:15px 9px 6px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-label{display:block;font:7px sans-serif;letter-spacing:1.2px;color:#9b8b64}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main strong{display:block;font:21px var(--serif);font-weight:400;letter-spacing:2px;margin:13px 0 15px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#7d866d}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-bottom i{font:12px/1.15 var(--serif);font-style:normal;border:1px solid #a38c61;padding:4px 5px;color:#987a50}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-index{position:absolute;top:14px;right:13px;font-size:7px;color:#f7f0d7;letter-spacing:2px;text-shadow:0 1px 3px #0006}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder{position:absolute;left:11%;top:17%;width:44%;height:47%;color:#fff5d5;display:flex;align-items:flex-end;justify-content:center;padding-bottom:13px;z-index:1}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder i{position:absolute;width:16px;height:16px;border-color:#fff3d6aa;border-style:solid}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder>span{font:11px var(--serif);letter-spacing:2px;text-shadow:0 2px 6px #263a2b99}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note{position:absolute;right:5%;bottom:26px;display:flex;align-items:center;gap:10px;color:#5c725c}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note>span{width:25px;height:1px;background:#a28b59}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note p{font:12px var(--serif);letter-spacing:2px;margin:0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note small{display:block;font:7px sans-serif;letter-spacing:1px;color:#869078;margin-top:7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .vertical-note{position:absolute;right:24px;top:30px;font-size:7px;writing-mode:vertical-rl;letter-spacing:2.2px;color:#a8b6a0;margin:0}
.chapter-footer-memory{height:98px;position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4.8%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .previous{display:flex;align-items:center;gap:20px;color:#7a8c7b}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .previous>span{font:28px var(--serif);color:#9c8452}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .previous small{font-size:10px;letter-spacing:2px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .footer-note{display:flex;align-items:center;gap:14px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .circle-mark{width:30px;height:30px;border:1px solid #ab9463;border-radius:50%;position:relative}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .circle-mark:after{content:'';position:absolute;inset:5px;border:1px solid #ab9463;border-radius:50%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .footer-note p{font:16px var(--serif);letter-spacing:2px;margin:0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .footer-note small{display:block;font:8px sans-serif;letter-spacing:2px;color:#84927e;margin-top:8px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next{display:flex;align-items:center;gap:40px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next small{display:block;font-size:8px;letter-spacing:2px;color:#a08d62}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next strong{display:block;font:20px var(--serif);letter-spacing:3px;font-weight:400;margin-top:7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next b{font:28px var(--serif);color:#a88c55}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#dedbcf}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .progress span{display:block;height:100%;width:calc(100% / 6);margin-left:calc(500% / 6);background:#a88c55}
.memory-dialog{width:min(950px,calc(100% - 34px));max-height:88svh;overflow:auto;background:#f1ede3;color:#234d40;border:1px solid #af976a;padding:27px;box-shadow:0 30px 100px #1b342b66}
.memory-dialog::backdrop{background:#102d2ba8;backdrop-filter:blur(7px)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-heading small{font-size:8px;letter-spacing:2px;color:#a08a5b}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-heading h2{font:29px var(--serif);font-weight:400;letter-spacing:2px;margin:11px 0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-heading>button{border:1px solid #a99f7c;background:none;color:#6b7556;width:35px;height:35px;font:26px var(--serif)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .intro{font-size:10px;letter-spacing:1px;color:#7b8369;line-height:1.8;margin:9px 0 22px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice{padding:7px;border:1px solid #c5c8ae;background:#e8e6d6;text-align:left;color:#234d40;min-width:0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice:hover,:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice[aria-pressed=true]{border-color:#9b8151;background:#f5e9cb}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice img{display:block;width:100%;aspect-ratio:2/2.7;object-fit:cover}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice strong{display:block;font:14px/1.5 var(--serif);font-weight:400;letter-spacing:.5px;margin:11px 4px 6px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice small{font-size:8px;letter-spacing:1px;display:block;margin:0 4px 5px;color:#839070}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-enter{display:inline-flex;align-items:center;border-bottom:1px solid #a28b59;font-size:11px;letter-spacing:1px;padding-bottom:8px;margin-top:26px}
@media(max-width:1100px){:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav{gap:20px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .cover-copy{padding-left:5%;width:47%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow{font-size:7px;letter-spacing:1.5px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1{gap:10px;width:100%;max-width:365px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1 img{width:calc(50% - 5px)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .subtitle{font-size:25px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description{font-size:12px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps{font-size:8px;gap:8px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps>i{width:12px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main{width:280px;left:27%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-back{width:200px;height:330px;left:4%;top:31%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-side{width:195px;height:340px;right:3%;top:11%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main strong{font-size:18px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-label{font-size:6px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-bottom{font-size:8px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .previous small{display:none}}
@media(max-height:780px) and (min-width:801px){.memory-scene{min-height:460px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .cover-copy{padding-top:22px;padding-bottom:26px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow{margin-bottom:17px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1{max-width:365px;margin-bottom:19px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .subtitle{font-size:25px;margin-bottom:13px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description{font-size:12px;margin-bottom:20px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary{min-height:47px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-trigger{margin-top:12px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps{margin-top:28px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main{width:280px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-back{width:200px;height:325px;top:29%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-side{width:200px;height:335px;top:10%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main strong{font-size:18px;margin:9px 0 10px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main figcaption{padding-top:11px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note{bottom:19px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-bottom{font-size:8px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-label{font-size:6px}}
@media(max-width:800px){:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .site-header{height:121px;padding:16px 22px 9px;display:block}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .brand{gap:10px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .seal{width:31px;height:34px;font-size:23px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .brand strong{width:108px;height:34px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .brand small{font-size:7px;letter-spacing:2px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav{height:31px;justify-content:space-between;gap:10px;margin-top:13px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav a{font-size:9px;letter-spacing:0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) nav a[aria-current]:after{bottom:0}
.memory-scene{height:calc(100svh - 207px);min-height:660px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .studio-art{object-position:62% center}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .silk-shade{background:linear-gradient(180deg,#f0e8d9f5 0%,#f0e8d9ee 36%,#f0e8d955 61%,transparent)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .cover-copy{width:100%;height:auto;padding:25px 25px 0;display:block}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow{font-size:6px;letter-spacing:1.7px;gap:10px;margin-bottom:16px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow>span{font-size:16px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow i{width:18px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1{width:100%;max-width:340px;margin:0 0 14px -4px;gap:11px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1 img{width:calc(50% - 5.5px)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .subtitle{font-size:21px;letter-spacing:2px;margin-bottom:10px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description{font-size:11px;letter-spacing:1px;line-height:1.8;margin-bottom:17px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description br{display:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary{min-height:44px;min-width:209px;width:209px;padding:0 15px;font-size:11px;gap:10px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary b{font-size:22px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .shutter-icon{width:16px;height:16px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-trigger{margin-top:10px;font-size:8px;gap:21px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-trigger>span{font-size:17px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .moment-steps{display:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-stack{inset:auto 0 0;height:315px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main{width:198px;left:30%;top:48%;padding:7px;transform:translateY(-50%) rotate(-4deg)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main figcaption{padding:9px 5px 4px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-window{aspect-ratio:2/2.1}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main strong{font-size:13px;letter-spacing:1px;margin:8px 0}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-label{font-size:4.7px;letter-spacing:.7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-bottom{font-size:6px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-bottom i{font-size:8px;padding:3px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-side{width:145px;height:242px;right:4%;top:3%;padding:7px;transform:rotate(10deg)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-back{width:148px;height:244px;left:5%;top:10%;padding:7px;transform:rotate(-13deg)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .memory-print>figcaption{font-size:7px;padding-top:8px;letter-spacing:.5px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .memory-print>img{height:calc(100% - 24px)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder{padding-bottom:8px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder i{width:10px;height:10px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .viewfinder>span{font-size:7px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-index{font-size:5px;right:8px;top:9px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .vertical-note,:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note{display:none}
.chapter-footer-memory{height:86px;padding:0 23px;gap:18px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .previous{display:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .footer-note{gap:9px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .circle-mark{width:23px;height:23px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .circle-mark:after{inset:4px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .footer-note p{font-size:10px;letter-spacing:.5px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .footer-note small{font-size:6px;letter-spacing:.8px;margin-top:7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next{gap:15px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next small{font-size:6px;letter-spacing:.8px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next strong{font-size:15px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .next b{font-size:22px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-heading h2{font-size:22px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-heading small{font-size:6px}
.memory-dialog{padding:20px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .intro{font-size:9px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice strong{font-size:12px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-choice small{font-size:7px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .dialog-enter{font-size:10px;line-height:1.8}}
@media(min-width:651px) and (max-width:800px){.memory-scene{min-height:470px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .silk-shade{background:linear-gradient(90deg,#f0e8d9f0 0%,#f0e8d9c9 37%,transparent 60%)}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .cover-copy{width:48%;padding:33px 0 0 5%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .eyebrow{font-size:6px;letter-spacing:1px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) h1{max-width:310px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .subtitle{font-size:20px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description{font-size:10px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .description br{display:block}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-stack{inset:0 0 0 44%;height:auto}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main{width:220px;left:26%;top:50%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-main strong{font-size:14px}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-back{width:158px;height:260px;left:0;top:37%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-side{width:150px;height:250px;right:2%;top:13%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .photo-window{aspect-ratio:2/2.45}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .primary{transition:none}}
@media(min-width:801px){:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .print-side{right:8%}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .vertical-note{display:none}
:is(.memory-scene,.memory-dialog,.chapter-footer-memory) .art-note{color:#314f3f}}
@media(max-width:650px){.memory-scene{min-height:630px}}
.memory-scene{height:100%;min-height:0;flex:0 0 100%;margin:0;border:0;width:100%;padding:0;display:block;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.memory-scene::before,.memory-scene::after{content:none}
.memory-dialog{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.page-shell.is-memory-chapter{--topbar:88px;--bottombar:98px}
.is-memory-chapter .site-header{padding:0 4.8%;gap:30px}
.is-memory-chapter .brand-seal{width:42px;height:45px;font-size:29px;box-shadow:none}
.is-memory-chapter .header-marker{display:none}
.is-memory-chapter .chapter-nav{gap:30px}
.is-memory-chapter .chapter-nav button{font:12px/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:1px;color:#214b45}
.chapter-footer-memory{display:none;height:100%}
.is-memory-chapter .site-footer{display:block;padding:0;border-top:0;background:#f1ede3}
.is-memory-chapter .site-footer>:not(.chapter-footer-memory){display:none}
.is-memory-chapter .chapter-footer-memory{display:flex;height:100%}
@media(max-width:1100px){.is-memory-chapter .chapter-nav{gap:19px}}
@media(max-width:800px){
 .page-shell.is-memory-chapter{--topbar:121px;--bottombar:86px}
 .is-memory-chapter .site-header{padding:16px 22px 9px;gap:11px 20px}
 .is-memory-chapter .brand-seal{width:31px;height:34px;font-size:23px}
 .is-memory-chapter .chapter-nav{gap:10px;justify-content:space-between;flex-basis:100%;height:31px;margin-top:0}
 .is-memory-chapter .chapter-nav button{font-size:9px;letter-spacing:0;height:31px;min-height:0;padding:0}
 .memory-scene{height:100%;min-height:0}
}
@media(max-width:650px) and (max-height:780px){
 .memory-scene .cover-copy{padding-top:17px}
 .memory-scene .eyebrow{margin-bottom:12px}
 .memory-scene h1{max-width:290px;margin-bottom:10px}
 .memory-scene .subtitle{font-size:18px;margin-bottom:8px}
 .memory-scene .description{font-size:10px;margin-bottom:12px}
 .memory-scene .primary{min-height:40px}
 .memory-scene .scene-trigger{margin-top:6px}
 .memory-scene .photo-stack{height:245px}
 .memory-scene .print-main{width:160px;left:31%;top:50%}
 .memory-scene .print-main strong{font-size:11px;margin:7px 0}
 .memory-scene .print-label{font-size:4px;letter-spacing:.4px}
 .memory-scene .print-bottom{font-size:5px}
 .memory-scene .print-side{width:118px;height:199px;right:7%;top:5%}
 .memory-scene .print-back{width:120px;height:200px;left:7%;top:12%}
}
@media(max-width:650px) and (max-height:700px){
 .memory-scene h1{max-width:248px}
 .memory-scene .eyebrow{margin-bottom:10px}
 .memory-scene .subtitle{font-size:17px}
 .memory-scene .description{font-size:9px;letter-spacing:.5px}
 .memory-scene .photo-stack{height:205px}
 .memory-scene .print-main{width:136px;left:33%}
 .memory-scene .print-main figcaption{padding-top:6px}
 .memory-scene .print-main strong{font-size:10px;margin:6px 0}
 .memory-scene .print-label{font-size:3.4px}
 .memory-scene .print-bottom{font-size:4.5px}
 .memory-scene .print-bottom i{font-size:6px;padding:2px}
 .memory-scene .print-side{width:102px;height:174px}
 .memory-scene .print-back{width:104px;height:175px;left:10%}
}