:root{--night:#06100f;--night-deep:#030706;--paper:#eeeae0;--paper-bright:#f6f3eb;--ink:#121614;--white:#f6f4ed;--white-soft:#f6f4edb8;--white-faint:#f6f4ed7a;--gold:#d2bd90;--serif:"Songti SC", "STSong", "Iowan Old Style", Baskerville, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--night-deep);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ffffff47 #08100f}body{min-width:320px;color:var(--white);background:var(--night-deep);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:inherit}img{max-width:100%;display:block}::selection{color:#111511;background:#d8c7a3}.site-shell{position:relative;overflow:clip}.skip-link{z-index:100;color:#111;background:#fff;border-radius:999px;padding:10px 14px;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.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}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(1.82)brightness(1.1)contrast(1.04);isolation:isolate;background:linear-gradient(#ffffff16,#ffffff06);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;width:min(520px,100% - 36px);min-height:50px;padding:6px 7px 6px 16px;transition:background .32s,box-shadow .32s;animation:.9s cubic-bezier(.22,.72,.2,1) both nav-arrive;display:flex;position:fixed;top:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px 1px #ffffff29,inset 0 -1px 1px #ffffff09,inset 10px 0 24px #a6dfda09,inset -12px 0 26px #d8beeb06,0 12px 36px #0000001c,0 2px 7px #0000000f}.site-header:before{content:"";z-index:0;border-radius:inherit;opacity:.72;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 16% -45%,#ffffff80,#0000 42%),radial-gradient(circle at 84% 145%,#b9dfe721,#0000 38%),linear-gradient(112deg,#ffffff26,#0000 25% 70%,#ffffff12);transition:opacity .45s,transform .7s cubic-bezier(.22,.72,.2,1);position:absolute;inset:1px;transform:translate(-1.5%)}.site-header:hover:before{opacity:.9;transform:translate(1.5%)scale(1.015)}.main-nav{z-index:3;justify-content:flex-start;align-items:center;gap:19px;display:flex;position:relative}.main-nav a{color:#ffffffc7;letter-spacing:.1em;text-shadow:0 1px 5px #00000057;font-size:11px;text-decoration:none;transition:color .26s,text-shadow .26s,background .18s,transform .18s}.main-nav a:hover,.main-nav a:focus-visible{color:#fff}.nav-audio{z-index:3;align-items:center;gap:7px;margin-left:auto;display:flex;position:relative}.sound-picker{align-items:center;display:flex;position:relative}.sound-picker:after{content:"⌄";color:#ffffff7a;pointer-events:none;font-size:12px;transition:color .26s;position:absolute;top:50%;right:11px;transform:translateY(-58%)}.sound-picker select{color:#ffffffc7;-webkit-backdrop-filter:blur(8px)saturate(1.5);min-width:92px;height:38px;font:10px var(--sans);letter-spacing:.08em;appearance:none;cursor:pointer;background:linear-gradient(#ffffff1a,#ffffff09);border:0;border-radius:999px;outline:none;padding:0 30px 0 13px;transition:color .26s,background .18s,box-shadow .26s;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff0a,0 4px 13px #0000000e}.sound-picker select:hover,.sound-picker select:focus-visible{background:linear-gradient(#ffffff2b,#ffffff0e)}.sound-picker option{color:#131817;background:#f1f0eb}.nav-play{color:#ffffffe6;-webkit-backdrop-filter:blur(9px)saturate(1.6)brightness(1.08);cursor:pointer;background:radial-gradient(circle at 34% 22%,#ffffff3d,#0000 38%),#ffffff13;border:0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;transition:color .26s,background .18s,box-shadow .26s,transform .18s;display:grid;box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -1px 1px #ffffff0b,0 7px 18px #00000013}.nav-play span{margin-left:2px;font-size:10px}.nav-play.is-playing span{letter-spacing:-.12em;margin-left:0}.nav-play:hover,.nav-play:focus-visible,.nav-play.is-playing{color:#17201d;background:radial-gradient(circle at 34% 20%,#fffffff2,#0000 42%),#f6f4eda3;transform:scale(1.035)}.site-header[data-tone=light]{background:linear-gradient(#ffffff26,#ffffff0b);box-shadow:inset 0 1px 1px #ffffff42,inset 0 -1px 1px #15221e06,inset 10px 0 24px #aad3c209,inset -12px 0 26px #b5a9d106,0 12px 34px #1b272217,0 2px 7px #1b27220b}.site-header[data-tone=light] .main-nav a{color:#0c1311c2;text-shadow:0 1px 4px #ffffff9e}.site-header[data-tone=light] .main-nav a:hover,.site-header[data-tone=light] .main-nav a:focus-visible{color:#080d0b}.site-header[data-tone=light] .sound-picker:after{color:#0c13117a}.site-header[data-tone=light] .sound-picker select{color:#0c1311c7;background:linear-gradient(#ffffff47,#ffffff14);box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #121e1a09,0 4px 13px #16221e0b}.site-header[data-tone=light] .nav-play{color:#0a110fd1;background:radial-gradient(circle at 34% 22%,#ffffffb8,#0000 40%),#ffffff29;box-shadow:inset 0 1px 1px #ffffff8f,inset 0 -1px 1px #121e1a09,0 7px 18px #16221e0e}.hero{isolation:isolate;background:#07101a url(/images/hero-night.jpg) 50%/cover no-repeat;align-items:center;min-height:100svh;padding:128px clamp(26px,7vw,116px) 110px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#03080bbd 0%,#04090c33 53%,#0206080f 100%),linear-gradient(#02050733,#0000 58%,#02050761);position:absolute;inset:0}.hero-shade{z-index:-1;filter:blur(70px);background:#040b0e7a;border-radius:50%;width:68vw;height:55vh;position:absolute;inset:auto auto -20vh -10vw}.hero-copy{width:min(700px,52vw);transform:translateY(-2vh)}.eyebrow{color:#ffffff94;letter-spacing:.27em;margin:0 0 24px;font-size:10px;font-weight:500}.hero h1,.scene-chapter h2,.sound-library h2,.principles h2,.finale h2{font-family:var(--serif);letter-spacing:-.055em;text-wrap:balance;margin:0;font-weight:400}.hero h1{text-shadow:0 20px 70px #00000040;flex-direction:column;gap:clamp(8px,1.2vw,18px);font-size:clamp(74px,10.5vw,164px);line-height:.9;display:flex}.hero-intro{color:var(--white-soft);margin:38px 0 0;font-size:clamp(14px,1.2vw,18px);line-height:1.9}.hero-actions{align-items:center;margin-top:36px;display:flex}.final-download>span:nth-child(2){flex-direction:column;font-size:16px;line-height:1.05;display:flex}.final-download small{opacity:.62;letter-spacing:.05em;margin-bottom:4px;font-size:9px}.quiet-link{color:#ffffff9e;letter-spacing:.1em;align-items:center;font-size:11px;text-decoration:none;display:inline-flex}.quiet-link span{margin-left:7px;animation:1.9s ease-in-out infinite drift-down;display:inline-block}.hero-facts{gap:clamp(28px,4vw,68px);margin:0;display:flex;position:absolute;bottom:42px;right:clamp(34px,6vw,96px)}.hero-facts div{flex-direction:column;display:flex}.hero-facts dt{font-family:var(--serif);font-size:29px}.hero-facts dd{color:var(--white-faint);letter-spacing:.14em;margin:2px 0 0;font-size:9px}.glass-panel{-webkit-backdrop-filter:blur(28px)saturate(1.18);background:linear-gradient(135deg,#131c1c80,#0d141538);border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff21,0 30px 90px #00000038}.mixer-head span{color:#ffffff75;letter-spacing:.18em;font-size:8px}.scene-chapter{isolation:isolate;align-items:center;min-height:108svh;padding:120px clamp(28px,8vw,130px) 80px;display:flex;position:relative;overflow:hidden}.scene-rain{background:#172a24 url(/images/scene-rain.jpg) 50%/cover no-repeat;justify-content:flex-end}.scene-mix{background:#1c1008 url(/images/mix-rainy-study.jpg) 50%/cover no-repeat;align-items:center}.scene-calm{background:#071722 url(/images/scene-forest.jpg) 50%/cover no-repeat;align-items:flex-end}.scene-vignette{z-index:-1;background:linear-gradient(90deg,#0108075c,#0000 50%,#0108072e),linear-gradient(#0105050f,#0000 47%,#0005057a);position:absolute;inset:0;box-shadow:inset 0 0 16vw #00000047}.scene-vignette-warm{background:linear-gradient(90deg,#090401ad 0%,#0904013d 52%,#04020138),linear-gradient(#0402011f,#0000 50%,#0402017a)}.chapter-copy{z-index:2;width:min(620px,46vw);position:relative}.chapter-copy-right{width:min(600px,43vw)}.chapter-copy-bottom{margin-bottom:1vh}.scene-chapter h2{font-size:clamp(48px,6vw,94px);line-height:.98}.chapter-copy>p:not(.eyebrow,.detail-line){max-width:38em;color:var(--white-soft);margin:28px 0 0;font-size:clamp(14px,1.16vw,17px);line-height:1.9}.chapter-number{color:#ffffff42;font-family:var(--serif);letter-spacing:.14em;font-size:13px;position:absolute;top:112px;left:clamp(28px,5vw,80px)}.scene-caption{color:#ffffff61;letter-spacing:.2em;writing-mode:vertical-rl;margin:0;font-size:8px;position:absolute;bottom:32px;right:clamp(24px,3vw,48px)}.sound-library{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 72% 28%, #b7cbbd59, transparent 26%), linear-gradient(135deg, var(--paper-bright), #e6e5dc 58%, #dfe6df);flex-direction:column;justify-content:flex-start;padding:clamp(78px,9svh,96px) clamp(26px,7vw,112px) clamp(24px,3svh,40px);display:flex}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.52fr);align-items:end;column-gap:8vw;width:min(1220px,100%);margin:0 auto clamp(28px,5svh,38px);display:grid}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:16px}.dark-eyebrow{color:#11161478}.sound-library h2{font-size:clamp(46px,5vw,78px);line-height:.92}.section-heading>p:last-child{color:#1217159e;margin:0 0 8px;font-size:14px;line-height:1.8}.scene-reel{gap:10px;width:min(1320px,100%);height:clamp(280px,58svh,520px);margin:0 auto;display:flex}.scene-card{background:#14201c;border-radius:28px;min-width:0;min-height:100%;margin:0;position:relative;overflow:hidden}.scene-card-content{position:absolute;inset:0}.reel-item{cursor:default;outline:none;flex:1 1 0;transition:flex-grow .7s cubic-bezier(.22,.75,.18,1),border-radius .5s,box-shadow .5s}:is(.scene-reel:has(.reel-item:hover) .reel-item:not(:hover),.scene-reel:has(.reel-item:focus-visible) .reel-item:not(:focus-visible)){flex-grow:.62}.reel-item:hover,.reel-item:focus-visible{border-radius:34px;flex-grow:4.8;box-shadow:0 24px 60px #16201c3d}.reel-item:focus-visible{outline-offset:4px;outline:2px solid #24352eb3}.scene-card img{object-fit:cover;width:100%;height:100%}.scene-card:after{content:"";background:linear-gradient(#0000 52%,#030807b3);position:absolute;inset:0}.scene-card.is-audible:before{content:"";z-index:3;background:#ffffffe0;border-radius:50%;width:7px;height:7px;position:absolute;top:20px;right:20px;box-shadow:0 0 0 5px #ffffff1a,0 0 24px #ffffff73}.scene-card figcaption{z-index:2;color:#fff;justify-content:space-between;align-items:end;display:flex;position:absolute;bottom:23px;left:20px;right:20px}.scene-card figcaption span{font-family:var(--serif);white-space:nowrap;font-size:clamp(18px,1.8vw,28px)}.scene-card figcaption small{color:#ffffff8f;letter-spacing:.16em;opacity:0;white-space:nowrap;max-width:0;font-size:8px;transition:max-width .4s .12s,opacity .3s .14s;overflow:hidden}.scene-card:hover figcaption small,.scene-card:focus-visible figcaption small{opacity:1;max-width:150px}.detail-line{color:#ffffff85;letter-spacing:.12em;margin:24px 0 0;font-size:10px}.mixer-panel{-webkit-backdrop-filter:blur(32px)saturate(1.22);background:linear-gradient(135deg,#2316104a,#0509091f);border-color:#ffffff17;border-radius:32px;width:min(430px,34vw);padding:26px;position:absolute;bottom:10vh;right:clamp(30px,7vw,110px);box-shadow:inset 0 1px #ffffff14,0 26px 80px #00000026}.mixer-head{justify-content:space-between;align-items:center;display:flex}.mixer-head>div{flex-direction:column;display:flex}.mixer-head strong{font-family:var(--serif);margin-top:7px;font-size:25px;font-weight:400}.track{color:#ffffffb8;grid-template-columns:56px 1fr 24px;align-items:center;gap:12px;margin-top:19px;font-size:11px;display:grid}.track i{background:#ffffff24;border-radius:99px;height:3px;display:block;overflow:hidden}.track b{border-radius:inherit;background:#ffffffad;height:100%;display:block}.track em{color:#fff6;text-align:right;font-size:9px;font-style:normal}.premium-mixes{margin-top:22px}.premium-mixes>p{color:#ffffff5c;letter-spacing:.18em;margin:0 0 10px;font-size:8px}.premium-mixes>div{flex-wrap:wrap;gap:7px;display:flex}.premium-mixes span{color:#ffffffa3;white-space:nowrap;background:#fff1;border-radius:999px;padding:7px 10px;font-size:9px;box-shadow:inset 0 1px #ffffff0e}.principles{color:var(--ink);background:var(--paper-bright);padding:clamp(110px,14vw,220px) clamp(28px,9vw,148px)}.principles>.eyebrow,.principles>h2,.principle-notes{width:min(1220px,100%);margin-left:auto;margin-right:auto}.principles h2{font-size:clamp(58px,8.4vw,132px);line-height:.95}.principles h2 span{color:#11161440}.principle-notes{border-top:1px solid #10151329;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:100px;padding-top:24px;display:grid}.principle-notes p{flex-direction:column;gap:10px;margin:0;display:flex}.principle-notes strong{font-family:var(--serif);font-size:22px;font-weight:400}.principle-notes span{color:#1116148f;font-size:12px;line-height:1.7}.finale{min-height:100svh;color:var(--ink);isolation:isolate;background:#e6e9e2 url(/images/hero-dawn.jpg) 50%/cover no-repeat;align-items:center;padding:120px clamp(28px,8vw,130px);display:flex;position:relative}.finale:before{content:"";z-index:-1;background:linear-gradient(90deg,#f5f2eab3,#f5f2ea29 58%,#f5f2ea08);position:absolute;inset:0}.finale-copy{width:min(680px,52vw)}.finale h2{font-size:clamp(62px,7.8vw,122px);line-height:.92}.finale-copy>p:not(.eyebrow,.wechat-note){color:#1116149e;margin:30px 0 0;font-size:15px}.final-download{color:#fff;-webkit-backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(135deg,#0a110fc7,#10181699);border:1px solid #ffffff94;border-radius:19px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-width:250px;margin-top:34px;padding:15px 18px;text-decoration:none;transition:transform .18s,background .18s;display:inline-grid;box-shadow:inset 0 1px #ffffff29,0 20px 60px #2d38312e}.final-download:hover,.final-download:focus-visible{background:#101815;transform:translateY(-2px)}.final-download>span:first-child{font-size:30px}.final-download i{opacity:.7;font-style:normal}.wechat-note{color:#1116147a;letter-spacing:.05em;margin:16px 0 0;font-size:10px}.site-footer{color:#0f141285;border-top:1px solid #0f141224;justify-content:space-between;align-items:center;padding-top:18px;font-size:9px;display:flex;position:absolute;bottom:28px;left:clamp(24px,4vw,70px);right:clamp(24px,4vw,70px)}.site-footer p{margin:0}.site-footer div{gap:20px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:#0b100e}@keyframes drift-down{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}@keyframes nav-arrive{0%{opacity:0;filter:blur(8px);transform:translate(-50%,-18px)scale(.965)}to{opacity:1;filter:blur();transform:translate(-50%)scale(1)}}.motion-ready [data-reveal]{--reveal-x:0px;--reveal-y:28px;--reveal-scale:.985;--reveal-blur:7px;--reveal-delay:0s;opacity:0;filter:blur(var(--reveal-blur));transform:translate3d(var(--reveal-x), var(--reveal-y), 0) scale(var(--reveal-scale));transition:opacity .72s cubic-bezier(.22,.72,.2,1),transform .94s cubic-bezier(.22,.72,.2,1),filter .72s cubic-bezier(.22,.72,.2,1);transition-delay:var(--reveal-delay);will-change:opacity, transform, filter}.motion-ready [data-reveal=copy-left]{--reveal-x:-30px;--reveal-y:12px}.motion-ready [data-reveal=copy-right]{--reveal-x:30px;--reveal-y:12px}.motion-ready [data-reveal=copy-up]{--reveal-y:34px}.motion-ready [data-reveal=title]{--reveal-y:38px;--reveal-scale:.975;--reveal-blur:10px}.motion-ready [data-reveal=fade]{--reveal-y:10px;--reveal-scale:1;--reveal-blur:3px}.motion-ready [data-reveal=glass]{--reveal-x:24px;--reveal-y:20px;--reveal-scale:.955;--reveal-blur:12px}.motion-ready [data-reveal][data-delay="1"]{--reveal-delay:80ms}.motion-ready [data-reveal][data-delay="2"]{--reveal-delay:.15s}.motion-ready [data-reveal][data-delay="3"]{--reveal-delay:.22s}.motion-ready [data-reveal][data-delay="4"]{--reveal-delay:.29s}.motion-ready [data-reveal][data-delay="5"]{--reveal-delay:.36s}.motion-ready [data-reveal].is-visible{opacity:1;filter:blur();transform:translate(0,0)scale(1)}.motion-ready [data-reveal].is-above:not(.is-visible){opacity:0;filter:blur(5px);transition-duration:.52s,.64s,.52s;transition-delay:0s;transform:translateY(-22px)scale(.99)}@media (width<=980px){.hero-copy,.chapter-copy,.chapter-copy-right,.finale-copy{width:min(700px,82vw)}.hero-facts{left:28px;right:auto}.scene-rain,.scene-mix{justify-content:flex-start;align-items:flex-start;padding-top:22vh}.mixer-panel{width:min(430px,55vw);bottom:7vh;right:28px}.section-heading{grid-template-columns:1fr;gap:28px}.principle-notes{gap:24px}}@media (height<=560px) and (width>=681px){.sound-library{padding-top:68px;padding-bottom:16px}.section-heading{margin-bottom:16px}.scene-reel{height:clamp(210px,44svh,250px)}}@media (width<=680px){.site-header{gap:10px;width:calc(100% - 16px);min-height:44px;padding:6px 7px 6px 14px;top:10px}.main-nav{justify-content:flex-start;gap:clamp(8px,3vw,14px);width:auto}.main-nav a{letter-spacing:.05em;font-size:9px}.nav-audio{gap:4px}.sound-picker select{width:72px;min-width:72px;height:34px;padding-left:10px;padding-right:24px;font-size:9px}.sound-picker:after{right:8px}.nav-play{flex-basis:34px;width:34px;height:34px}.hero{background-position:62%;align-items:flex-end;min-height:100svh;padding:116px 24px 155px}.hero:before{background:linear-gradient(#03080b1a 14%,#03080b52 50%,#03080bdb 100%)}.hero-copy,.chapter-copy,.chapter-copy-right,.finale-copy{width:100%}.hero h1{font-size:clamp(70px,24vw,108px)}.hero-intro br{display:none}.hero-actions{flex-wrap:wrap;gap:18px}.hero-facts{display:none}.scene-chapter{align-items:flex-end;min-height:100svh;padding:112px 24px 68px}.scene-rain{background-position:42%;justify-content:flex-start}.scene-mix{background-position:62%;align-items:flex-start;padding-top:18vh}.scene-calm{background-position:52%}.scene-chapter h2{font-size:clamp(46px,14vw,68px)}.chapter-copy>p:not(.eyebrow,.detail-line){font-size:13px;line-height:1.75}.chapter-number,.scene-caption{display:none}.sound-library,.principles{padding:96px 20px}.sound-library{min-height:100svh;padding:76px 20px 22px}.sound-library h2{font-size:clamp(42px,13vw,58px)}.section-heading{gap:12px;margin-bottom:20px}.scene-reel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;width:calc(100vw - 20px);height:clamp(240px,44svh,360px);margin-left:0;padding:4px 20px 12px 0;scroll-padding-left:20px;overflow-x:auto}.scene-reel::-webkit-scrollbar{display:none}.scene-reel .reel-item,.scene-reel .reel-item:hover,.scene-reel .reel-item:focus-visible{scroll-snap-align:start;border-radius:26px;flex:0 0 min(78vw,390px);min-height:100%}.scene-reel:has(.reel-item:hover) .reel-item:not(:hover){scroll-snap-align:start;border-radius:26px;flex:0 0 min(78vw,390px);min-height:100%}.scene-reel:has(.reel-item:focus-visible) .reel-item:not(:focus-visible){scroll-snap-align:start;border-radius:26px;flex:0 0 min(78vw,390px);min-height:100%}.mixer-panel{border-radius:26px;width:auto;padding:20px;bottom:24px;left:18px;right:18px}.scene-mix .chapter-copy>p:not(.eyebrow,.detail-line),.scene-mix .detail-line{display:none}.principles h2{font-size:clamp(52px,17vw,76px)}.principle-notes{grid-template-columns:1fr;gap:28px;margin-top:64px}.finale{background-position:62%;align-items:flex-end;padding:110px 24px 150px}.finale:before{background:linear-gradient(#f5f2ea0d,#f5f2ea33 42%,#f5f2eae6 78%)}.finale h2{font-size:clamp(58px,18vw,84px)}.site-footer{flex-direction:column;align-items:flex-start;gap:12px;bottom:18px;left:20px;right:20px}.site-footer div{flex-wrap:wrap;gap:9px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}