:root{color-scheme:dark;font-family:Inter,SF Pro Display,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;background:#070407;color:#fff5eb;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--page-pad: clamp(20px, 5vw, 72px);--rail-right: clamp(16px, 3vw, 44px);--photo-w: clamp(250px, 28vw, 430px);--photo-radius: 7px;--stage-split: 48vw}*{box-sizing:border-box}html{min-height:100%;background:#070407;scroll-behavior:smooth;scroll-snap-type:y proximity}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 75% 42%,rgba(185,41,32,.26),transparent 34vw),linear-gradient(90deg,#090507,#0a0507 44%,#060305)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";background:radial-gradient(circle at 10% 12%,rgba(247,178,103,.12),transparent 22vw),radial-gradient(circle at 86% 12%,rgba(117,161,255,.12),transparent 16vw),linear-gradient(180deg,#0000003d,#000000b8)}a{color:inherit}main{position:relative}.app-shell .scene-background,.app-shell .stage-canvas,.app-shell .story-flow,.app-shell .scene-rail{transition:opacity .72s cubic-bezier(.2,.72,.14,1),filter .72s cubic-bezier(.2,.72,.14,1)}.app-shell.is-booting .scene-background,.app-shell.is-booting .stage-canvas,.app-shell.is-booting .story-flow,.app-shell.is-booting .scene-rail{opacity:0;filter:blur(8px)}.app-shell.is-ready .scene-background,.app-shell.is-ready .stage-canvas,.app-shell.is-ready .story-flow,.app-shell.is-ready .scene-rail{opacity:1;filter:blur(0)}.loading-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden;pointer-events:auto;background:linear-gradient(90deg,#050204fa,#0d0507f0 46%,#050305fa),radial-gradient(ellipse at 70% 56%,rgba(255,70,54,.22),transparent 42vw),radial-gradient(ellipse at 28% 30%,rgba(104,146,198,.16),transparent 30vw);transition:opacity .78s cubic-bezier(.2,.72,.14,1),visibility 0s linear .78s}.loading-screen:before,.loading-screen:after{position:absolute;inset:0;z-index:0;pointer-events:none;content:""}.loading-screen:before{background:linear-gradient(180deg,#00000014,#00000085),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 84px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 84%,transparent 100%)}.loading-screen:after{background:linear-gradient(90deg,#ff6d4900,#ff6d493d,#ff6d4900),linear-gradient(180deg,transparent 0%,rgba(255,222,188,.08) 52%,transparent 100%);opacity:.34;transform:translate(-38%);animation:loadingSweep 2.4s cubic-bezier(.22,.72,.16,1) infinite}.loading-screen.is-leaving{visibility:hidden;opacity:0;pointer-events:none}.loading-scene{position:relative;z-index:1;width:min(74vw,860px);height:min(54svh,520px)}.loading-photo-stack{position:absolute;top:16%;left:5%;width:clamp(142px,20vw,246px);aspect-ratio:3 / 4;transform:rotate(-2deg)}.loading-photo-stack span{position:absolute;inset:0;border:8px solid rgba(244,224,197,.78);border-radius:7px;background:linear-gradient(180deg,#fff1da47,#fff1da14),linear-gradient(135deg,#ffbe7d85,#6892c638 48%,#1c0e10c7);box-shadow:0 26px 66px #0000007a}.loading-photo-stack span:nth-child(1){opacity:.28;transform:translate(-52px,30px) rotate(-12deg)}.loading-photo-stack span:nth-child(2){opacity:.42;transform:translate(-28px,14px) rotate(-7deg)}.loading-photo-stack span:nth-child(3){animation:loadingPhotoBreath 1.8s ease-in-out infinite}.loading-stage{position:absolute;right:2%;bottom:7%;width:min(55vw,560px);height:min(42svh,390px)}.loading-beam{position:absolute;top:0;left:48%;width:27%;height:78%;background:linear-gradient(180deg,rgba(204,229,255,.46),rgba(204,229,255,.12) 48%,transparent 100%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);filter:blur(1px);transform:translate(-50%);animation:loadingBeam 1.9s ease-in-out infinite}.loading-platform{position:absolute;right:4%;bottom:0;width:78%;height:24%;border:1px solid rgba(255,190,132,.42);border-radius:50%;background:linear-gradient(180deg,#fff5e638,#31110ead),linear-gradient(90deg,#ff533d42,#ffd2ac2e,#ff533d42);box-shadow:0 20px 48px #0000007a,0 0 28px #ff503a3d inset}.loading-toy{position:absolute;left:48%;bottom:17%;width:clamp(42px,6vw,68px);height:clamp(88px,13vw,146px);border-radius:44% 44% 36% 36%;background:radial-gradient(circle at 50% 17%,rgba(255,226,202,.96) 0 17%,transparent 18%),linear-gradient(180deg,transparent 0 26%,rgba(24,18,20,.96) 27% 100%);filter:drop-shadow(0 20px 26px rgba(0,0,0,.42));transform:translate(-50%);animation:loadingToy 1.8s ease-in-out infinite}.loading-toy:before,.loading-toy:after{position:absolute;bottom:-9%;width:25%;height:16%;content:"";border-radius:999px;background:#0d0a0cf5}.loading-toy:before{left:18%}.loading-toy:after{right:18%}.loading-bulb{position:absolute;bottom:8%;width:clamp(18px,3.2vw,34px);height:clamp(8px,1.1vw,12px);border-radius:999px;background:#ffd4a4eb;box-shadow:0 0 18px #ff603db8,0 0 42px #ff603d52;animation:loadingLamp 1.5s ease-in-out infinite}.loading-bulb-one{left:18%}.loading-bulb-two{left:48%;animation-delay:.18s}.loading-bulb-three{right:4%;animation-delay:.36s}.loading-copy{position:absolute;left:var(--page-pad);bottom:clamp(40px,9vh,92px);z-index:2}.loading-kicker{margin:0 0 12px;color:#ffd6ae9e;font-size:.78rem;font-weight:760;letter-spacing:.22em}.loading-title{margin:0;color:#fff4ea;font-size:clamp(1.58rem,3.8vw,3.8rem);font-weight:780;letter-spacing:0;line-height:1.04;text-shadow:0 18px 52px rgba(0,0,0,.56)}.scene-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#070407}.scene-background-layer{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .9s cubic-bezier(.2,.72,.14,1);background:radial-gradient(circle at 72% 44%,color-mix(in srgb,var(--scene-accent) 26%,transparent),transparent 36vw),radial-gradient(circle at 16% 76%,rgba(255,186,122,.1),transparent 30vw),linear-gradient(90deg,#090507,#0a0507 44%,#060305)}.scene-background-layer.is-active{opacity:1}.scene-background-layer.is-exiting{opacity:0}.scene-background-layer:before,.scene-background-layer:after{position:absolute;inset:0;pointer-events:none;content:""}.scene-background-layer:before{background-image:var(--scene-bg-image);background-position:var(--scene-bg-position);background-size:cover;opacity:var(--scene-bg-opacity);filter:saturate(1.05) contrast(1.04);transform:scale(1.01)}.scene-background-layer:after{background:linear-gradient(180deg,#00000042,#0000000f 48%,#00000047),linear-gradient(90deg,rgba(7,4,7,var(--scene-bg-mask-left, .48)),rgba(7,4,7,var(--scene-bg-mask-mid, .08)) 54%,rgba(7,4,7,var(--scene-bg-mask-right, .18)))}.scene-background-layer.stage-red-wheat-concert{background:radial-gradient(circle at 18% 70%,rgba(239,55,42,.34),transparent 38vw),radial-gradient(circle at 74% 45%,rgba(255,84,58,.24),transparent 34vw),linear-gradient(180deg,#050204,#110506 48%,#050203)}.scene-background-layer.stage-red-wheat-concert:after{background:linear-gradient(90deg,#05020499,#06030457 28%,#0502040f 62%,#0000001a),radial-gradient(ellipse at 24% 52%,rgba(255,78,54,.18),transparent 38%),linear-gradient(180deg,#00000047,#00000005 42%,#0003)}.stage-canvas{position:fixed;inset:0 0 0 auto;z-index:1;width:min(68vw,1120px);min-width:680px;pointer-events:none}.stage-canvas canvas{display:block;width:100%;height:100%}.story-flow{position:relative;z-index:2}.story-section{position:relative;display:grid;grid-template-columns:minmax(220px,.38fr) minmax(360px,1.12fr);min-height:100svh;padding:clamp(36px,7vh,88px) var(--page-pad);scroll-snap-align:start}.story-section:before{position:absolute;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(7,4,7,var(--copy-mask-start, .86)),rgba(7,4,7,var(--copy-mask-mid, .52)) 34%,rgba(7,4,7,var(--copy-mask-end, .08)) 72%),radial-gradient(circle at 18% 78%,rgba(255,191,128,.12),transparent 28vw)}.story-copy{align-self:end;max-width:360px;padding-bottom:clamp(20px,8vh,96px);opacity:.46;transform:translateY(18px);transition:opacity .62s ease,transform .76s cubic-bezier(.2,.75,.12,1)}.story-section.is-active .story-copy{opacity:1;transform:translateY(0)}.story-copy>*{transform:translateY(10px);transition:opacity .62s ease,transform .76s cubic-bezier(.2,.75,.12,1)}.story-section.is-active .story-copy>*{transform:translateY(0)}.story-copy>:nth-child(2){transition-delay:60ms}.story-copy>:nth-child(3){transition-delay:.1s}.story-copy>:nth-child(4){transition-delay:.14s}.scene-count{margin:0 0 18px;color:#ffe8d185;font-size:.78rem;font-weight:700;letter-spacing:.22em}h2{margin:0;color:#fff5ed;font-size:clamp(3rem,8vw,6.8rem);font-weight:760;line-height:.92;letter-spacing:0}.period{margin:16px 0 0;color:#f5bc8d;font-size:clamp(1rem,1.4vw,1.22rem);font-weight:650;line-height:1.4}.sentence{max-width:36ch;margin:18px 0 0;color:#fff1e5c2;font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.78}.photo-stack{position:sticky;top:clamp(32px,9vh,86px);align-self:start;width:var(--photo-scene-w, var(--photo-w));margin:0 0 0 var(--photo-margin-left, clamp(8px, 1.2vw, 20px));transform:translate(var(--photo-desktop-x, 0px),var(--photo-inactive-y, 28px)) rotate(var(--photo-rotate, -1deg)) scale(.985);opacity:.48;transition:opacity .7s ease,transform .85s cubic-bezier(.2,.75,.12,1)}.story-section.is-active .photo-stack{transform:translate(var(--photo-desktop-x, 0px),var(--photo-active-y, 0px)) rotate(var(--photo-active-rotate, -1.2deg)) scale(1);opacity:1}.photo-stack img{position:relative;z-index:2;display:block;width:100%;max-height:var(--photo-max-height, min(66svh, 680px));object-fit:cover;border:10px solid rgba(245,225,198,.92);border-radius:var(--photo-radius);box-shadow:0 28px 70px #0000008f,0 0 0 1px #ffffff14 inset;filter:saturate(.94) contrast(1.04)}.photo-stack:after{position:absolute;inset:11px;z-index:3;pointer-events:none;content:"";border:1px solid rgba(58,36,24,.22);border-radius:3px}.photo-shadow{position:absolute;inset:4%;z-index:0;display:block;border:8px solid rgba(221,210,194,.32);border-radius:var(--photo-radius);background:linear-gradient(135deg,#d8d3cc33,#1a191bd6),radial-gradient(circle at 38% 24%,rgba(255,255,255,.16),transparent 36%);box-shadow:0 26px 54px #00000085,0 0 0 1px #fff5e814 inset;filter:grayscale(1) brightness(.64)}.photo-shadow-one{opacity:.82;transform:translate(var(--photo-shadow-one-x, -42px),18px) rotate(-8deg)}.photo-shadow-two{opacity:.56;transform:translate(var(--photo-shadow-two-x, -68px),var(--photo-shadow-two-y, 34px)) rotate(-13deg)}@media(min-width:901px){.story-section.stage-red-wheat-concert:before{background:linear-gradient(90deg,rgba(6,3,5,var(--copy-mask-start, .68)),rgba(6,3,5,var(--copy-mask-mid, .38)) 28%,rgba(6,3,5,var(--copy-mask-end, .08)) 68%,#06030500),radial-gradient(circle at 18% 78%,rgba(255,135,86,.14),transparent 30vw)}}.scene-rail{position:fixed;top:50%;right:var(--rail-right);z-index:5;display:grid;gap:18px;padding:16px 11px;border:1px solid rgba(255,214,174,.18);border-radius:999px;background:#0c070857;box-shadow:0 12px 36px #00000047;transform:translateY(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scene-rail a{display:block;width:9px;height:9px;border:1px solid rgba(255,197,151,.72);border-radius:999px;background:#ffebd92e;transition:transform .24s ease,background .24s ease,box-shadow .24s ease}.scene-rail a.active{background:#ff4d43;box-shadow:0 0 22px #ff4439f2;transform:scale(1.35)}.scene-rail .heart-dot{border-color:#f3a0a0;border-radius:48% 48% 54% 54%;transform:rotate(45deg)}.scene-rail .heart-dot.active{transform:rotate(45deg) scale(1.25)}.scene-rail .heart-dot:before,.scene-rail .heart-dot:after{position:absolute;width:9px;height:9px;content:"";border-radius:999px;background:inherit}.letter-section,.wall-section{position:relative;z-index:1;min-height:100svh;padding:clamp(56px,10vh,110px) var(--page-pad);scroll-snap-align:start;background:radial-gradient(circle at 75% 26%,rgba(255,67,58,.16),transparent 30vw),linear-gradient(180deg,#070407c7,#070407f0)}.letter-inner{max-width:760px;margin:0 auto;padding-top:clamp(76px,18vh,160px)}.letter-inner h2,.wall-heading h2{font-size:clamp(2.8rem,8vw,7rem)}.letter-inner p:not(.scene-count),.wall-heading p:not(.scene-count){max-width:58ch;color:#fff1e4c7;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.9}.wall-heading{max-width:720px;margin-bottom:clamp(32px,6vw,72px)}.photo-wall{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:clamp(10px,1.2vw,18px)}.photo-wall figure{min-width:0;margin:0;transform:translateY(var(--lift, 0))}.photo-wall figure:nth-child(2n){--lift: 38px}.photo-wall figure:nth-child(3n){--lift: -20px}.photo-wall img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;border:8px solid rgba(243,224,199,.9);border-radius:6px;box-shadow:0 20px 44px #0000006b}.photo-wall figcaption{margin-top:10px;color:#ffecdaad;font-size:.9rem;text-align:center}@media(max-width:900px){:root{--page-pad: clamp(18px, 6vw, 34px);--photo-w: min(72vw, 360px)}html{scroll-snap-type:y proximity}body{background:radial-gradient(circle at 50% 58%,rgba(185,41,32,.25),transparent 58vw),linear-gradient(180deg,#070407,#0b0507 60%,#060304)}.stage-canvas{inset:auto 0 0;width:100vw;min-width:0;height:58svh}.loading-scene{width:100vw;height:62svh}.loading-photo-stack{top:10%;left:12%;width:min(42vw,176px)}.loading-stage{right:-8%;bottom:0;width:76vw;height:42svh}.loading-copy{bottom:84px}.scene-background-layer:before{background-position:var(--scene-bg-mobile-position)}.story-section{grid-template-columns:1fr;min-height:100svh;padding-top:24px;padding-bottom:42svh}.story-section:before{background:linear-gradient(180deg,rgba(7,4,7,var(--copy-mask-mobile-start, .98)),rgba(7,4,7,var(--copy-mask-mobile-mid, .62)) 43%,rgba(7,4,7,var(--copy-mask-mobile-end, .18))),radial-gradient(circle at 50% 58%,rgba(255,92,69,.14),transparent 54vw)}.story-copy{order:2;align-self:start;padding-bottom:0}h2{font-size:clamp(2.7rem,17vw,4.7rem)}.sentence{max-width:30ch;line-height:1.68}#sence5 .sentence{max-width:22ch}.photo-stack{position:relative;top:auto;order:1;margin:0 0 24px clamp(10px,7vw,48px);transform:translate(var(--photo-mobile-x, 0px),18px) rotate(-1.8deg) scale(.985)}.story-section.is-active .photo-stack{transform:translate(var(--photo-mobile-x, 0px)) rotate(-1.2deg) scale(1)}.photo-stack img{max-height:42svh;border-width:8px}.scene-rail{top:auto;right:50%;bottom:6px;grid-auto-flow:column;gap:12px;padding:9px 10px;transform:translate(50%);background:#0c070842}.scene-rail a{width:8px;height:8px}.letter-section,.wall-section{padding-bottom:96px}.letter-inner{margin:0;padding-top:72px}.photo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.photo-wall figure:nth-child(n){--lift: 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@keyframes loadingSweep{0%{transform:translate(-42%)}52%{transform:translate(38%)}to{transform:translate(42%)}}@keyframes loadingPhotoBreath{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(-.4deg)}}@keyframes loadingBeam{0%,to{opacity:.72;transform:translate(-50%) scaleX(.92)}50%{opacity:1;transform:translate(-50%) scaleX(1.06)}}@keyframes loadingToy{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-4px)}}@keyframes loadingLamp{0%,to{opacity:.62;transform:scaleX(.9)}50%{opacity:1;transform:scaleX(1.08)}}