@charset "UTF-8";
:root{--bg:#11101d;--bg2:#1b152b;--ink:#20182d;--cream:#f6f0e9;--paper:#fffaf5;--rose:#f2869c;--rose2:#d95c81;--plum:#5f456f;--gold:#ebc18d;--mute:#afa5b7;--line:rgba(255,255,255,.17);--max:1520px;--header:76px;--serif:"Noto Serif SC","Songti SC","SimSun",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header)}body{margin:0;background:var(--bg);color:#fff;font-family:var(--sans);overflow-x:hidden;font-size:16px;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button{border:0}::selection{background:var(--rose2);color:#fff}.skip-link{position:fixed;top:-100px;left:1rem;z-index:999;padding:12px;background:white;color:#111}.skip-link:focus{top:1rem}
.progress{height:3px;position:fixed;top:0;left:0;right:0;z-index:110;background:#342a44}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--rose),#e28efb);transition:width .16s}
.topbar{height:var(--header);padding:0 clamp(24px,4.6vw,88px);position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:30px;background:rgba(18,14,31,.82);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.wordmark{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;letter-spacing:.2em;margin-right:auto;white-space:nowrap}.wordmark small{display:block;letter-spacing:.32em;font-size:8px;color:var(--rose);font-weight:600;margin-top:4px}.logo-mark{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(145deg,#f29daf,#863e74);border:1px solid #fff3;color:#fff;font-family:var(--serif);font-size:25px;border-radius:12px;box-shadow:0 4px 20px #f2869c25}.desktop-nav{display:flex;align-items:center;gap:clamp(14px,2vw,36px)}.desktop-nav a{font-size:13px;color:#c2baca;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.current{color:var(--gold)}.head-actions{display:flex;align-items:center;gap:12px}.audio-toggle{border:1px solid #ffffff28;color:#d9cfdb;background:#ffffff0b;padding:10px 14px;border-radius:30px;font-size:11px;white-space:nowrap;letter-spacing:.06em}.motion-symbol{color:var(--gold);font-size:14px}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;background:none}.menu-toggle span{display:block;background:#fff;width:24px;height:2px;margin:auto}.mobile-nav{position:fixed;right:0;left:0;top:var(--header);z-index:99;background:#20182eea;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff36;padding:18px 24px 26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-nav[hidden]{display:none!important}.mobile-nav a{font-size:14px;padding:11px 9px;border-bottom:1px solid #ffffff1b;color:#f7e8eb}.side-rail{position:fixed;z-index:80;right:19px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px}.side-rail a{display:flex;align-items:center;justify-content:flex-end;gap:10px}.side-rail .rail-text{font-size:10px;opacity:0;transform:translateX(8px);transition:.25s;letter-spacing:.1em;color:#eee;white-space:nowrap}.side-rail a:hover .rail-text,.side-rail a.active .rail-text{opacity:1;transform:translateX(0)}.side-rail .rail-dot{width:7px;height:7px;border:1px solid #fff7;border-radius:50%;background:transparent;transition:.25s}.side-rail a.active .rail-dot{background:var(--rose);border-color:var(--rose);box-shadow:0 0 0 6px #ed7e9b24}.side-rail.dark-rail .rail-dot{border-color:#453348aa}.side-rail.dark-rail .rail-text{color:#34233b}
.scene{position:relative;min-height:100svh;display:flex;align-items:center;isolation:isolate;overflow:clip;padding:calc(var(--header) + 50px) clamp(36px,6vw,120px) 72px}.page-shell{position:relative;width:100%;max-width:var(--max);margin:0 auto;min-width:0}.scene-index{position:absolute;bottom:28px;right:clamp(36px,6vw,120px);color:#ffdaabbb;font:500 14px Georgia,serif;letter-spacing:.13em}.scene-index span{font-size:11px;color:#ffffff66}.ink-index{color:#9b6c77}.ink-index span{color:#654d5c}.micro{display:flex;align-items:center;gap:15px;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.micro-rule{display:block;width:30px;height:1px;background:var(--gold)}.dark-micro{color:#b35e78}.scene-heading{margin-bottom:clamp(30px,4.2vw,58px)}.scene-heading h2{font:700 clamp(35px,3.6vw,64px)/1.27 var(--serif);letter-spacing:.02em;margin:17px 0 16px}.scene-heading h2 em{font-style:normal;color:var(--rose)}.scene-heading>p{margin:0;color:#c5b9c9;line-height:1.9;font-size:clamp(14px,.95vw,16px);max-width:850px}.scene-cream .scene-heading>p,.scene-portraits .scene-heading>p,.scene-regions .scene-heading>p,.scene-research .scene-heading>p{color:#756978}.scene-cream,.scene-portraits,.scene-regions,.scene-research{color:var(--ink);background:var(--cream)}.scene-cream .scene-heading h2 em,.scene-portraits .scene-heading h2 em,.scene-regions .scene-heading h2 em,.scene-research .scene-heading h2 em{color:#b95877}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.16,.68,.1,1)}.reveal.in-view{opacity:1;transform:none}
/* 01 hero */
.scene-hero{background:radial-gradient(ellipse at 75% 42%,#5a3656 0%,#31203c 28%,transparent 58%),linear-gradient(130deg,#0c0d1d,#25172d 75%,#432640);padding-bottom:72px}.grain{position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.hero-orb{position:absolute;border:1px solid #ffc0c527;border-radius:50%;width:700px;height:700px;left:-520px;bottom:-340px;box-shadow:0 0 0 100px #db93a40a,0 0 0 210px #ffffff03}.hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);align-items:center;gap:clamp(30px,4vw,90px)}.hero-copy{position:relative;z-index:2;padding-top:20px}.hero-serial{color:#bdabbc;letter-spacing:.28em;font-size:12px;margin:30px 0 20px}.hero-copy h1{font-family:var(--serif);font-weight:700;margin:0;line-height:1.18}.hero-small{display:block;font-size:clamp(30px,2.65vw,52px);letter-spacing:.025em;color:#f7e5e9;font-weight:500}.hero-big{display:block;font-size:clamp(88px,7.65vw,145px);letter-spacing:-.08em;margin-left:-.05em;color:#fef4ee;white-space:nowrap}.hero-big span{color:var(--rose);text-shadow:0 0 55px #e465894a}.hero-tagline{font:600 clamp(22px,2vw,34px)/1.56 var(--serif);margin:22px 0 26px}.hero-tagline em{color:var(--gold);font-style:normal}.hero-intro{max-width:610px;line-height:2.02;font-size:clamp(14px,.98vw,17px);color:#bcb3c2}.hero-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border-radius:3px;padding:16px 25px;font-size:14px;letter-spacing:.06em;transition:transform .25s,background .25s}.primary-btn{background:linear-gradient(115deg,#e47a91,#c75880);color:#fff;box-shadow:0 10px 30px #bc496c4d}.ghost-btn{border:1px solid #fff5;color:#f8e6ed;background:transparent}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-3px)}.hero-bottomline{display:flex;justify-content:space-between;gap:16px;max-width:610px;border-top:1px solid #ffffff2e;color:#b0a2ad;font-size:10px;margin-top:clamp(30px,4vw,70px);padding-top:14px;letter-spacing:.12em}
.hero-art{position:relative;min-height:590px;display:grid;place-items:center}.orbit{position:absolute;inset:4% 5%;border-radius:50%;border:1px solid #f6baca40;transform:rotate(-25deg) scale(.95,.86)}.orbit-two{inset:14% 0;transform:rotate(25deg) scale(.96,.7);border-color:#ffcdac24}.star{position:absolute;color:#e8afaa}.star-a{left:12%;top:11%;font-size:50px}.star-b{right:10%;bottom:18%;font-size:74px;opacity:.65}.phone{width:min(370px,67%);aspect-ratio:420/670;position:relative;z-index:2;transform:rotate(6deg);filter:drop-shadow(15px 30px 35px #02020b80);animation:float 6s ease-in-out infinite}.phone-bezel{position:absolute;inset:0;border:9px solid #1e1329;box-shadow:inset 0 0 0 2px #edbeaf60,0 0 0 1px #efc9c550;border-radius:44px;background:#171427;overflow:hidden}.phone-camera{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);width:37%;height:21px;border-radius:20px;background:#191027}.phone-viewport{position:absolute;inset:3px;overflow:hidden;border-radius:30px}.phone-viewport svg{display:block;width:100%;height:100%}.phone-top,.phone-bottom{position:absolute;left:0;right:0;z-index:3;color:white;display:flex;justify-content:space-between}.phone-top{top:46px;padding:0 22px;font-size:12px;text-shadow:0 2px 8px #111}.phone-top span:last-child{color:#fff;background:#d65f7b;padding:4px 9px;border-radius:20px;font-size:9px}.phone-bottom{bottom:0;display:flex;flex-direction:column;gap:8px;padding:78px 24px 34px;background:linear-gradient(transparent,#171127c9)}.phone-bottom b{font-family:var(--serif);font-size:19px}.phone-bottom small{letter-spacing:.22em;font-size:8px}.art-caption{position:absolute;color:#e6b9b8;font-size:10px;letter-spacing:.2em;font-weight:700;z-index:4}.art-caption-top{top:8%;right:7%}.art-caption-bottom{bottom:9%;left:5%}.live-dot{display:inline-block;background:#ff8aa3;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 5px #ec729430}.float-note{position:absolute;z-index:5;background:#29192ee0;backdrop-filter:blur(12px);border:1px solid #d6b6a059;padding:17px 24px 17px 20px;display:flex;flex-direction:column;gap:7px;min-width:190px;box-shadow:0 12px 40px #1308195e}.float-note small{color:#c6a7ac;letter-spacing:.17em;font-size:10px}.float-note b{font-size:16px;color:#fef4e7}.float-note span{position:absolute;right:12px;top:13px;color:var(--gold)}.float-one{top:22%;left:0;transform:rotate(-5deg)}.float-two{bottom:21%;right:0;transform:rotate(3deg)}
/* 02 opening flow */
.spark-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(38px,6vw,105px);align-items:center}.spark-intro{position:relative;padding:20px 20px 25px 0}.oversize-number{font:700 clamp(160px,16vw,300px)/.72 Georgia,serif;letter-spacing:-.11em;color:#ecdcd7;display:block;margin-bottom:-15px}.spark-statement{position:relative;font:600 clamp(24px,2vw,38px)/1.55 var(--serif);max-width:540px;margin:4px 0 22px;color:#39293b}.spark-muted{font-size:15px;line-height:1.95;color:#807480;max-width:520px}.fine-rule{height:1px;background:#d8c9cb;margin-top:30px;max-width:480px}.source-inline{font-size:11px;color:#988a96;letter-spacing:.08em;margin-top:14px}.steps-wrap{border:1px solid #d7c6d3;padding:clamp(26px,3vw,54px);background:#fff9f5;box-shadow:14px 14px 0 #eee1e9}.steps-header,.chain-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#9e8798}.steps-header span:last-child{font-family:Georgia;color:#a45875}.step-tabs{display:flex;gap:8px;margin:25px 0 34px}.step-tab{background:#f2e8ea;border:1px solid #eadde1;padding:13px 19px;color:#655565;flex:1;white-space:nowrap;font-size:14px}.step-tab.active{color:#fff;background:#573d62;border-color:#573d62}.step-panel{min-height:210px;display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:start}.step-icon{width:87px;height:87px;border-radius:50%;background:radial-gradient(circle,#e593a2,#ad6179);display:grid;place-items:center;color:white;font-size:46px;font-family:Georgia}.step-panel small{font-size:11px;color:#b96a82;letter-spacing:.12em}.step-panel h3{margin:8px 0 10px;font:700 27px var(--serif)}.step-panel p{color:#796e78;font-size:15px;line-height:1.9;margin:0}.step-track{height:5px;background:#e7dfe7;overflow:hidden}.step-track span{display:block;height:100%;background:linear-gradient(90deg,#a6597f,#e98ea1);width:33.33%;transition:width .45s}.note{font-size:11px;line-height:1.65;color:#8a7f8b;margin:15px 0 0}
/* 03 data */
.scene-data{background:linear-gradient(135deg,#161225,#231832 65%,#2a1b3c)}.data-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 12%,#f38dac20,transparent 37%),radial-gradient(ellipse at 4% 100%,#966fb62c,transparent 42%);z-index:-1}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px}.metric{padding:27px 25px 23px;border:1px solid #ffffff24;background:linear-gradient(145deg,#ffffff0e,#ffffff05);min-width:0;position:relative;overflow:hidden}.metric::after{content:"";height:3px;position:absolute;top:0;left:0;width:45%;background:var(--rose)}.metric:nth-child(2)::after{background:var(--gold)}.metric:nth-child(3)::after{background:#b897e8}.metric:nth-child(4)::after{background:#ffa0b7}.metric small{color:#d3bfd1;font-size:12px;letter-spacing:.02em}.metric-value{display:flex;align-items:baseline;gap:5px;margin:16px 0}.metric-value strong{font:700 clamp(48px,4vw,76px)/1 Georgia,serif;color:#fff6f0;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.metric-value span{font-size:23px;color:var(--rose)}.metric-foot{border-top:1px solid #ffffff22;padding-top:12px;color:#998ca7;font-size:11px}.chart-card{background:#fffdf8;color:#291d31;border:1px solid #e6d6de;padding:clamp(22px,2.3vw,39px)}.chart-card-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.mini-kicker{font-size:10px;letter-spacing:.17em;color:#ae6384}.chart-card h3{font-size:24px;margin:7px 0}.chart-tabs{display:flex;gap:6px;background:#f1e8ec;padding:5px;flex-shrink:0}.chart-tab{font-size:12px;padding:10px 18px;background:transparent;color:#655267}.chart-tab.active{background:#5e4068;color:#fff;box-shadow:0 4px 12px #381d4330}.bar-chart{min-height:205px;padding:25px 0;display:flex;flex-direction:column;justify-content:center;gap:21px}.bar-row{display:grid;grid-template-columns:minmax(105px,1fr) 3.5fr 72px;align-items:center;gap:19px}.bar-name{font-size:13px;color:#554658}.bar-track{background:#f1e7eb;height:26px;border-radius:2px;overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,#654871,#e5839b);transition:width 1.05s cubic-bezier(.18,.69,.18,1);position:relative}.bar-fill::after{content:"";position:absolute;right:10px;top:0;bottom:0;width:2px;background:#ffffffc7}.bar-figure{font-weight:800;font-variant-numeric:tabular-nums;font-size:17px;color:#a65876}.chart-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #eadde2;padding-top:16px;font-size:11px;color:#81727e;line-height:1.7}.chart-footer a{color:#995a77;white-space:nowrap}
/* 04 portraits */
.scene-portraits{background:linear-gradient(150deg,#f7eee9,#f4e9e8)}.portrait-stage{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:20px;min-height:490px}.portrait-menu{display:grid;grid-template-rows:repeat(4,1fr);gap:11px}.portrait-btn{background:#fffaf7;border:1px solid #e4d5d6;text-align:left;padding:20px 21px;display:flex;align-items:center;gap:20px;color:#544455;transition:background .25s,border .25s}.portrait-btn:hover,.portrait-btn.active{background:#3c2b46;color:#fff;border-color:#3c2b46}.portrait-no{font:500 24px Georgia;color:#b77588}.portrait-btn.active .portrait-no{color:#f7b6c3}.portrait-btn b{display:block;font:700 21px var(--serif);margin-bottom:8px}.portrait-btn small{font-size:11px;letter-spacing:.08em;opacity:.72}.portrait-btn .arrow{margin-left:auto;font-size:22px}.portrait-feature{display:grid;grid-template-columns:.78fr 1fr;background:#32233f;min-width:0;color:white}.portrait-visual{position:relative;background:radial-gradient(ellipse at 30% 20%,#a85d7c,#604063 56%,#3b2a49);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:440px;transition:background .4s}.portrait-visual::before{content:"";width:74%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff35;position:absolute;box-shadow:0 0 0 25px #ffffff08,0 0 0 60px #ffffff04}.portrait-frame{position:relative;width:62%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#f2b0b6,#e4a4c1 50%,#d89790);box-shadow:inset 0 0 65px #8b467351,0 25px 65px #3014306d;transform:translateY(7px)}.portrait-frame span{font:700 clamp(100px,11vw,220px)/1 var(--serif);color:#ffffffc4;transform:translateY(-6px)}.portrait-watermark{position:absolute;bottom:21px;left:24px;font-size:9px;letter-spacing:.2em;color:#f4d1d5}.portrait-copy{padding:clamp(29px,3vw,55px);display:flex;flex-direction:column;justify-content:center}.portrait-copy h3{font:700 clamp(40px,3.1vw,57px) var(--serif);margin:17px 0 9px}.portrait-copy>p:first-of-type{font-size:19px;color:var(--rose);margin:0}.portrait-highlight{display:flex;align-items:baseline;gap:16px;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33;padding:22px 0;margin:30px 0 20px}.portrait-highlight strong{font:700 61px Georgia;color:#f4c597}.portrait-highlight span{font-size:12px;color:#cab9c9}.portrait-copy>p:nth-of-type(2){color:#d1c4d1;line-height:1.95;font-size:14px;margin:0 0 22px}.portrait-copy a{font-size:13px;color:#f3c9a1;align-self:flex-start;padding-bottom:8px;border-bottom:1px solid #dbb084}.under-note{font-size:11px;color:#847984;line-height:1.75;margin:18px 0 0}
/* 05 harvest */
.scene-harvest{background:radial-gradient(ellipse at 5% 95%,#6c3f53 0%,transparent 47%),linear-gradient(135deg,#2b182a,#3e263d 63%,#2d1e31)}.harvest-lines{position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(155deg,transparent 0 46px,#edb0a91b 47px 48px);mask-image:linear-gradient(90deg,#000,transparent 60%);z-index:-1}.harvest-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,100px);align-items:center}.harvest-figure{position:relative;min-height:430px;border-left:2px solid #e7a5a188;padding:20px 30px}.figure-kicker{color:var(--gold);font-size:12px;letter-spacing:.25em}.giant-unit{margin:40px 0 0;display:flex;align-items:baseline;gap:12px}.giant-unit b{font:700 clamp(128px,12vw,230px)/.96 Georgia,serif;letter-spacing:-.1em;color:#fff2e8}.giant-unit span{font:600 clamp(34px,3vw,58px) var(--serif);color:var(--rose)}.harvest-figure .line{width:100%;max-width:530px;height:1px;background:#fff4;margin:25px 0}.harvest-figure>p{font-size:14px;color:#cdb9c5;margin-bottom:28px}.harvest-bubble{display:inline-flex;flex-direction:column;margin:0 24px 18px 0;padding:17px 22px;min-width:182px;border:1px solid #ffffff33;background:#ffffff0a}.harvest-bubble small{font-size:11px;color:#c0b1bb}.harvest-bubble strong{font:700 29px var(--serif);color:#ffdfaf;margin:7px 0}.harvest-bubble span{font-size:11px;color:#c8bbc6}.harvest-bubble.light{background:#edb8ae19}.chain-panel{background:#f8eee7;color:#2e2134;padding:clamp(27px,3.4vw,58px);box-shadow:22px 22px 0 #5b3b4b55}.chain-items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:35px 0 27px}.chain-node{text-align:left;display:flex;flex-direction:column;gap:6px;padding:16px 12px;border:1px solid #ddc8cc;background:transparent;color:#8d7b85;min-width:0}.chain-node.active{background:#4e3858;color:#fff;border-color:#4e3858}.chain-node i{font-style:normal;font:500 16px Georgia}.chain-node b{font-size:17px}.chain-node span{color:#b77f92}.chain-description{min-height:205px;border-top:1px solid #dac8ce;padding-top:27px}.chain-description small{font-size:10px;color:#a46680;letter-spacing:.2em}.chain-description h3{font:700 25px var(--serif);margin:10px 0}.chain-description p{font-size:14px;color:#716575;line-height:1.95}
/* 06 regions */
.scene-regions{background:#f7f0e9}.region-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.region-card{min-height:410px;padding:27px 25px 25px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #e2d2d2;background:#fffbf7;transition:transform .3s,box-shadow .3s}.region-card:nth-child(2){background:#f4e3e6}.region-card:nth-child(3){background:#f7e9dc}.region-card:nth-child(4){background:#efe7ed}.region-card:hover{transform:translateY(-7px);box-shadow:0 20px 35px #4d35451e}.region-index{font:700 10px var(--sans);color:#ae7187;letter-spacing:.14em}.region-card h3{font:700 30px var(--serif);margin:40px 0 6px}.region-name{color:#a65b77;font-size:14px;margin:0 0 13px}.region-symbol{position:absolute;top:115px;right:-12px;font:700 160px var(--serif);opacity:.07;pointer-events:none}.region-card>p:last-of-type{font-size:14px;color:#736977;line-height:1.95;position:relative;margin-top:auto}.region-card a{font-size:12px;color:#ab6283;border-bottom:1px solid #c58ca0;align-self:flex-start;padding-bottom:6px;margin-top:22px}.region-footer{margin-top:20px;color:#958592;font-size:11px}
/* 07 shadows */
.scene-shadows{background:radial-gradient(ellipse at 80% 5%,#773a594a,transparent 53%),#16121e}.risk-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.risk-card{min-height:225px;padding:24px 22px;background:#ffffff0a;border:1px solid #ffffff26;color:#fff;text-align:left;display:flex;flex-direction:column;gap:17px;position:relative;overflow:hidden;transition:background .3s,border-color .3s}.risk-card:hover,.risk-card.active{background:linear-gradient(150deg,#67354f,#442a47);border-color:#dc93ab9e}.risk-card small{font-size:10px;color:#e6c1d0;letter-spacing:.14em}.risk-card b{font:700 clamp(22px,1.65vw,30px) var(--serif)}.risk-card span{font-size:12px;line-height:1.7;color:#cfc0cd;margin-top:auto}.risk-card i{position:absolute;right:16px;top:17px;font-style:normal;font-size:22px;color:var(--gold)}.risk-detail{padding:30px 36px;background:#f5ebe6;color:#34273a;display:grid;grid-template-columns:minmax(230px,.65fr) 1.35fr;align-items:center;gap:30px;min-height:185px}.risk-detail-name small{font-size:11px;color:#ba6f87;letter-spacing:.15em}.risk-detail-name h3{font:700 27px var(--serif);margin:12px 0}.risk-detail-text p{color:#6a6170;line-height:1.93;font-size:14px;margin:0 0 17px}.risk-detail-text a{font-size:13px;color:#a85b7b;border-bottom:1px solid #ca849a;padding-bottom:6px}
/* 08 research */
.scene-research{background:linear-gradient(125deg,#faf3ea,#efe5e5)}.research-grid{display:grid;grid-template-columns:minmax(330px,.8fr) 1.2fr;gap:clamp(35px,7vw,110px);align-items:center}.research-paper{position:relative;max-width:540px;background:#2c2338;color:#fff;box-shadow:24px 24px 0 #ded0d9;min-height:420px}.paper-edge{height:9px;background:linear-gradient(90deg,#d9758f 20%,#ebd3b1 20% 64%,#8a6da4 64%)}.paper-body{padding:clamp(29px,3vw,55px)}.paper-body small{letter-spacing:.17em;font-size:10px;color:#e9bead}.research-number{display:flex;align-items:baseline;gap:10px;margin:21px 0}.research-number b{font:700 135px/.95 Georgia;color:#f6c398}.research-number span{font:600 32px var(--serif)}.paper-body h3{font:600 26px/1.5 var(--serif);margin:0 0 15px}.paper-body p{line-height:1.95;font-size:13px;color:#cbbfce}.paper-body a{display:inline-block;margin-top:15px;font-size:12px;color:#f5caa6;border-bottom:1px solid #bc96a5;padding-bottom:7px}.thesis-eyebrow{font-size:11px;color:#b36786;letter-spacing:.18em;margin-bottom:15px}.thesis-item{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #d7c7d0}.thesis-item>b{font:700 27px Georgia;color:#ad748f}.thesis-item h3{font:700 21px var(--serif);margin:0 0 9px}.thesis-item p{line-height:1.8;color:#776c79;font-size:14px;margin:0}.research-thesis .note{margin-top:20px}
/* 09 path */
.scene-path{background:linear-gradient(140deg,#2c203c,#4b2949 68%,#603c54)}.path-layout{display:grid;grid-template-columns:minmax(275px,.78fr) minmax(0,1.22fr);gap:28px}.path-tabs{display:grid;gap:12px}.path-tab{padding:22px 25px;color:#efe0e8;background:#ffffff0a;border:1px solid #ffffff36;display:grid;grid-template-columns:36px 1fr 22px;align-items:center;gap:16px;text-align:left}.path-tab b{font:500 22px Georgia;color:#e9ae9e}.path-tab span{font:600 22px var(--serif)}.path-tab i{font-style:normal}.path-tab.active{background:#f2e6e2;border-color:#f2e6e2;color:#3b293e}.path-result{position:relative;background:#241b31;border:1px solid #ffffff27;min-height:400px;padding:clamp(35px,4vw,62px);overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.path-result>*:not(.path-watermark){position:relative;z-index:1}.path-watermark{position:absolute;right:-4%;top:-12%;font:700 360px var(--serif);opacity:.05;line-height:1}.path-result small{font-size:11px;color:var(--gold);letter-spacing:.2em}.path-result h3{font:700 clamp(29px,2.55vw,44px)/1.35 var(--serif);margin:22px 0}.path-result p{line-height:2;color:#d5c4d4;max-width:680px}.path-evidence{display:flex;align-items:center;gap:14px;margin-top:19px;font-size:12px;color:#d3bccb}.path-evidence b{color:#e4a8b8}.path-result a{font-size:13px;color:var(--gold);margin-top:20px;padding-bottom:7px;border-bottom:1px solid #d9b594}.path-footer{margin-top:20px;font:500 14px var(--serif);color:#d6becd}
/* 10 epilogue */
.scene-end{background:radial-gradient(ellipse at 5% 30%,#6a365473,transparent 50%),linear-gradient(145deg,#120f20,#2b1b35 74%,#20152a)}.end-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.87fr);align-items:center;gap:clamp(50px,7vw,110px)}.end-thought h2{font:700 clamp(50px,4.7vw,86px)/1.38 var(--serif);letter-spacing:.02em;margin:25px 0}.end-thought h2 em{font-style:normal;color:var(--rose)}.end-thought>p{font-size:17px;line-height:2.25;color:#c8b7cb;max-width:640px}.end-actions{margin-top:36px;display:flex;gap:16px;flex-wrap:wrap}.end-actions .ghost-btn{cursor:pointer}.copy-notice{height:20px;font-size:12px;color:var(--gold);margin-top:12px}.reference-board{padding:34px 35px;background:#f8eee8;color:#302236;box-shadow:18px 18px 0 #a4668855}.ref-title{display:flex;flex-direction:column;gap:8px}.ref-title span{color:#ad6a84;letter-spacing:.16em;font-size:10px}.ref-title b{font:700 25px var(--serif)}.reference-board>p{font-size:11px;color:#897883;line-height:1.7;margin:15px 0}.references a{display:flex;align-items:center;gap:12px;border-top:1px solid #e4d7d8;padding:12px 0;font-size:13px;color:#5e4b60}.references a:hover{color:#a04c72}.references a b{color:#b36b85;font:600 13px Georgia}.references a span{flex:1}.references a i{font-style:normal;color:#b36b85}.more-sources{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4d7d8;padding:14px 0 0;width:100%;background:none;color:#a55b7b;font-size:13px}.hidden-extra{margin-top:15px}.end-footer{position:absolute;bottom:22px;left:clamp(36px,6vw,120px);right:clamp(36px,6vw,120px);display:flex;gap:20px;justify-content:space-between;color:#a998ae;font-size:10px;letter-spacing:.05em}.chapter-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:#2a2239e9;color:#fff;z-index:200;font-size:12px;padding:12px 20px;border:1px solid #ffffff4b;border-radius:30px;pointer-events:none;opacity:0;transition:.3s}.chapter-toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes float{50%{transform:rotate(6deg) translateY(-12px)}}
@media(max-width:1380px){:root{--max:1180px}.scene{padding-inline:clamp(30px,5vw,70px)}.hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.93fr)}.hero-art{min-height:505px}.phone{width:min(312px,66%)}.float-note{min-width:160px;padding:15px}.float-note b{font-size:13px}.scene-heading h2{font-size:clamp(35px,3.6vw,51px)}.end-layout{grid-template-columns:1fr 1fr}.metric-value strong{font-size:59px}}
@media(max-width:1080px){.desktop-nav{gap:15px}.desktop-nav a{font-size:12px}.scene{padding:calc(var(--header) + 45px) 38px 70px}.side-rail{display:none}.hero-layout{grid-template-columns:1fr 1fr;gap:18px}.hero-big{font-size:clamp(78px,9vw,105px)}.hero-art{min-height:480px}.phone{width:min(285px,66%)}.float-one{left:-6px}.float-two{right:-6px}.spark-grid,.research-grid{gap:33px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:22px}.metric-value strong{font-size:61px}.region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.region-card{min-height:320px}.risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.risk-card{min-height:185px}.end-layout{grid-template-columns:1fr;gap:45px}.scene-end{padding-bottom:100px}.reference-board{max-width:800px}.end-footer{left:38px;right:38px}.scene-index{right:38px}}
@media(max-width:760px){:root{--header:66px}.topbar{padding:0 18px}.wordmark{font-size:16px;letter-spacing:.1em}.wordmark small{font-size:7px}.logo-mark{width:32px;height:32px;font-size:21px}.desktop-nav{display:none}.menu-toggle{display:flex}.audio-toggle{padding:8px;font-size:11px}.audio-toggle #motionLabel{display:none}.scene{min-height:100svh;padding:calc(var(--header) + 48px) 22px 75px;align-items:flex-start;overflow:hidden}.scene-index{right:23px;bottom:23px}.scene-heading{margin-bottom:32px}.scene-heading h2{font-size:clamp(32px,7.7vw,48px)}.scene-heading>p{font-size:14px}.micro{font-size:10px;letter-spacing:.13em}.hero-layout,.spark-grid,.harvest-layout,.portrait-stage,.research-grid,.path-layout,.end-layout{grid-template-columns:1fr}.scene-hero{padding-top:calc(var(--header) + 28px)}.hero-copy{padding-top:0}.hero-serial{margin:16px 0}.hero-small{font-size:clamp(25px,6vw,40px)}.hero-big{font-size:clamp(72px,15vw,125px)}.hero-tagline{font-size:23px;margin:13px 0}.hero-intro{font-size:13px;line-height:1.85}.hero-buttons{margin-top:21px}.hero-bottomline{margin-top:30px;font-size:9px}.hero-art{min-height:440px}.phone{width:min(260px,63%)}.float-note{min-width:125px;padding:11px 14px}.float-note small{font-size:8px}.float-note b{font-size:11px}.art-caption{font-size:8px}.float-one{left:-4px}.float-two{right:0}.spark-intro{padding:0}.oversize-number{font-size:145px;margin-bottom:-16px}.spark-statement{font-size:24px}.steps-wrap{padding:25px;box-shadow:9px 9px 0 #eee1e9}.step-tabs{gap:5px}.step-tab{padding:11px 7px;font-size:12px}.step-panel{grid-template-columns:64px 1fr;gap:14px;min-height:240px}.step-icon{width:60px;height:60px;font-size:33px}.step-panel h3{font-size:22px}.step-panel p{font-size:13px}.metric-grid{gap:9px}.metric{padding:17px 14px}.metric small{font-size:10px}.metric-value strong{font-size:clamp(37px,10vw,57px)}.metric-value span{font-size:17px}.metric-foot{font-size:9px}.chart-card{padding:20px 15px}.chart-card-head{display:block}.chart-card h3{font-size:20px}.chart-tabs{display:inline-flex;margin-top:16px}.bar-row{grid-template-columns:76px minmax(0,1fr) 60px;gap:8px}.bar-name{font-size:11px}.bar-figure{font-size:13px}.chart-footer{align-items:flex-start}.portrait-stage{gap:12px}.portrait-menu{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:8px}.portrait-btn{padding:13px 9px;gap:9px}.portrait-no{font-size:15px}.portrait-btn b{font-size:16px;margin-bottom:5px}.portrait-btn small{font-size:9px}.portrait-btn .arrow{font-size:15px}.portrait-feature{grid-template-columns:1fr}.portrait-visual{min-height:260px}.portrait-frame{width:170px}.portrait-frame span{font-size:120px}.portrait-copy{padding:25px}.portrait-copy h3{font-size:37px}.portrait-highlight{margin:15px 0}.portrait-highlight strong{font-size:49px}.harvest-figure{min-height:0;padding:10px 0 14px 23px}.giant-unit{margin:20px 0 0}.giant-unit b{font-size:clamp(110px,24vw,160px)}.giant-unit span{font-size:31px}.harvest-bubble{min-width:135px;padding:12px;margin:0 8px 10px 0}.harvest-bubble strong{font-size:22px}.chain-panel{padding:20px;box-shadow:8px 8px 0 #5b3b4b55}.chain-items{gap:5px;margin:21px 0}.chain-node{padding:10px 7px}.chain-node b{font-size:13px}.chain-description{min-height:185px}.chain-description h3{font-size:22px}.region-grid{gap:10px}.region-card{padding:20px 15px;min-height:300px}.region-card h3{font-size:23px;margin-top:35px}.region-card p{font-size:12px!important}.region-symbol{font-size:105px}.risk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.risk-card{min-height:158px;padding:17px 14px}.risk-card b{font-size:20px}.risk-card small{font-size:8px}.risk-card span{font-size:10px}.risk-card i{font-size:17px;right:10px;top:10px}.risk-detail{display:block;padding:24px 21px}.risk-detail-name h3{font-size:22px}.risk-detail-text p{font-size:12px}.research-paper{min-height:0;box-shadow:9px 9px 0 #ded0d9}.paper-body{padding:29px}.research-number b{font-size:112px}.thesis-item{grid-template-columns:36px 1fr;gap:10px}.thesis-item h3{font-size:18px}.thesis-item p{font-size:12px}.path-layout{gap:12px}.path-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.path-tab{padding:14px;grid-template-columns:24px 1fr;gap:8px}.path-tab b{font-size:15px}.path-tab span{font-size:15px}.path-tab i{display:none}.path-result{min-height:330px;padding:30px 24px}.path-result h3{font-size:26px}.path-result p{font-size:13px}.end-thought h2{font-size:clamp(45px,10vw,68px)}.end-thought>p{font-size:14px}.reference-board{padding:23px 20px;box-shadow:8px 8px 0 #a4668855}.end-footer{position:static;margin:35px 20px 0;display:block;line-height:1.8}.end-footer span{display:block;margin-bottom:5px}.scene-end .scene-index{bottom:16px}}
@media(max-width:390px){.scene{padding-inline:16px}.hero-big{font-size:69px}.hero-art{min-height:380px}.phone{width:222px}.float-note{min-width:120px}.metric-value strong{font-size:37px}.region-card h3{font-size:20px}.portrait-btn small{line-height:1.4}.risk-card b{font-size:18px}.path-tab span{font-size:14px}.chart-footer{flex-direction:column;gap:9px}.mobile-nav{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation:none!important;transition-duration:.01ms!important}html.reduce-motion .reveal{opacity:1!important;transform:none!important}