/* RH-01.6a. One setting, four chapters. Text never belongs to a motion layer. */
.market-scene{position:relative;isolation:isolate;overflow:clip}
.market-scene .environment{inset:-104px 0 0;z-index:-3}
.market-scene .city{object-position:65% 52%;opacity:.68}
.market-scene .city-shade{background:linear-gradient(180deg,#101020e8 0,#10102080 19%,#10102012 48%,#1010208a 75%,#101020 98%),linear-gradient(90deg,#101020e8,#10102070 40%,#10102000 80%)}
.hero{isolation:auto;overflow:visible}
.hero-inner{z-index:2}
.architecture{position:absolute;inset:190px 0 50px;pointer-events:none;z-index:5}
.architecture-scroll{position:absolute;inset:0;transform-origin:100% 45%}
.glass-edge{position:absolute;right:-30px;top:0;bottom:0;width:160px;clip-path:polygon(28% 0,100% 3%,100% 100%,65% 100%,0 44%);background:linear-gradient(94deg,#080813e8 0,#353047ee 11%,#b9adcd90 12%,#161321ed 13%,#3b324a94 45%,#14121ee8 63%,#b0a7b544 65%,#11111bed 67%);box-shadow:inset 10px 0 20px #0008;transform:skewY(-12deg)}
.glass-edge i{position:absolute;inset:22% 0 auto;height:2px;background:linear-gradient(90deg,#b9adcd10,#b9adcd90,#1d192f);transform:rotate(-16deg)}
.glass-edge i:nth-child(2){top:49%}.glass-edge i:nth-child(3){top:73%}
.edge-reflection{position:absolute;left:0;right:0;top:69%;height:120px;background:linear-gradient(180deg,transparent,#e9d45b65,transparent);opacity:.5}
.trading-object{right:7px;top:206px;width:450px}
.candles-scroll{transform-origin:60% 75%}
.object-caption{left:-75px;bottom:65px}
.object-caption .caption-line{width:50px}
.film-episode{isolation:auto;overflow:visible;padding-bottom:30px}
.film-atmosphere{background:radial-gradient(ellipse at 70% 50%,#e9d45b0d,transparent 47%);z-index:-1}
.film-note{position:relative;z-index:3;padding-top:24px;gap:32px}
.film-note>p{max-width:440px;color:#d2cadf}
/* RH-01.6c: local falloff follows both reading fields, not the whole scene. */
@media(min-width:768px){
 .film-note>p,.film-note>span{position:relative;isolation:isolate}
 .film-note>p:before,.film-note>span:before{content:'';position:absolute;inset:-28px -42px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#101020f5 0%,#101020e6 45%,#1010209c 64%,#10102000 76%)}
}
.film-note>span{font-size:30px;max-width:370px}
.film-stage{z-index:4;margin-top:72px;margin-bottom:20px;filter:drop-shadow(0 16px 7px #0807129c)}
.trade-plane{position:absolute;top:-105px;right:12%;width:650px;pointer-events:none;z-index:1;perspective:1000px}
.plane-scroll{position:relative;transform:rotateX(24deg) rotateZ(-7deg);transform-origin:70% 40%}
.trade-plane svg{width:100%;height:auto}
.plane-contact{position:absolute;left:0;right:0;top:37%;height:30%;background:linear-gradient(180deg,transparent,#06050fb0 35%,transparent);transform:rotate(4deg);opacity:.65}
.plane-reflection{position:absolute;inset:30% 0 42%;background:linear-gradient(180deg,transparent,#e9d45b25,transparent);transform:rotate(4deg);opacity:.6}
.scene-handoff{position:relative;z-index:2;display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.05em;color:#c6bcd5;margin-top:55px}
.scene-handoff>span:last-child{margin-left:auto;color:var(--yellow)}
.handoff-line{width:80px;height:1px;background:linear-gradient(90deg,var(--yellow),#b7a0f455);transform-origin:0 50%}
.lesson{position:relative;padding-top:28px;padding-bottom:84px}
.lesson-heading{gap:60px;margin:30px 0 26px;grid-template-columns:1.15fr 1fr}
.lesson-heading h2{font-size:clamp(62px,6.1vw,88px)}
.lesson-intro p+p{margin-top:10px}
.chart-shell{border-radius:0;border-width:1px 0;background:linear-gradient(125deg,#25203870,#17162460);box-shadow:none;position:relative}
.chart-shell:before,.chart-shell:after{content:'';position:absolute;width:18px;height:18px;pointer-events:none;z-index:3;border-color:#b7a0f4;border-style:solid}
.chart-shell:before{top:0;left:0;border-width:1px 0 0 1px}.chart-shell:after{bottom:0;right:0;border-width:0 1px 1px 0}
.chart-toolbar{padding:22px 24px 0}
.metrics{padding:19px 28px 23px;gap:32px}
.metrics strong{font-variant-numeric:tabular-nums;font-size:38px;min-width:64px}
.metrics>.entry-metric strong{min-width:105px;justify-content:flex-end}
.lesson-bottom{margin-top:24px;padding-left:22px;border-left:2px solid var(--yellow);gap:36px}
.lesson-bottom>p:first-child{font-size:25px;max-width:610px}
.chapter-seam{position:absolute;top:-34px;left:0;right:0;height:35px;background:var(--paper);clip-path:polygon(0 34px,68% 34px,71% 0,100% 0,100% 100%,0 100%);overflow:hidden}
.chapter-seam span{position:absolute;left:71%;top:0;width:170px;height:2px;transform-origin:0 50%;background:var(--yellow)}
.story{padding-top:42px}
.story h2{margin:40px 0 38px}
.story-body{grid-template-columns:.8fr 1.12fr;gap:80px}
.story-margin{display:block;padding-top:0}
.story-margin>p{font-size:14px;line-height:1.5;margin:0 0 26px;color:#6a6077}
.story-years{list-style:none;padding:0;margin:0;position:relative}
.story-years:before{content:'';position:absolute;left:82px;top:8px;bottom:25px;width:1px;background:#9a8ea940}
.story-years li{display:flex;gap:38px;align-items:baseline;position:relative;padding:0 0 22px}
.story-years li:before{content:'';position:absolute;left:79px;top:13px;width:7px;height:7px;background:#8d7b9f;box-shadow:0 0 0 5px var(--paper)}
.story-years li>span{font:500 26px/1.2 var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;min-width:62px}
.story-years li>p{font-size:13px;line-height:1.4;margin:0;color:#6a6077}
.story-years li>p br{display:none}
.story-copy p{font-size:20px}
.story-end{margin-top:36px}
.header nav a,.hero-bottom a,.back-top,.monogram{transition:color 180ms ease}
.header nav a:hover,.hero-bottom a:hover,.back-top:hover{color:var(--yellow)}
.header nav a span,.hero-bottom a span{transition:transform 180ms ease}
.header nav a:hover span{transform:translate(2px,-2px)}
.hero-bottom a:hover span{transform:translateY(3px)}
.button{transition:background 180ms ease,box-shadow 180ms ease,transform 180ms ease}
.button:active{transform:translateY(2px);box-shadow:none}
.entry-controls button{transition:background 180ms ease,border-color 180ms ease,transform 180ms ease}
.entry-controls button:active{transform:translateY(1px)}
.market-scene[data-visible=false] .light-ambient{animation-play-state:paused}
body[data-qa=lights-off] :is(.light-ambient,.film-atmosphere,.plane-reflection,.edge-reflection){display:none}
@media(min-width:1100px){.chart-shell{display:grid;grid-template-columns:minmax(0,1fr) 225px}.chart-toolbar{grid-column:1/-1}.chart-frame{grid-column:1;padding:0 0 0 0}.metrics{grid-column:2;grid-row:2;display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:1px solid var(--line);margin:20px 0;padding:0 26px;gap:22px}.metrics>div{display:block}.metrics>div>span{max-width:none;display:block;font-size:12px;margin-bottom:8px}.metrics strong{justify-content:flex-start!important;font-size:37px}.metrics .entry-metric{padding-bottom:20px;border-bottom:1px solid var(--line)}.chart-frame text{font-size:16px}.chart-frame .axis-value{font-size:17px}.chart-label{font-size:10px}}
@media(min-width:1600px){.trading-object{right:10px;top:180px;width:490px}.trade-plane{right:16%}}
@media(min-width:768px) and (max-width:1099px){.trading-object{width:340px;right:0;top:270px}.trade-plane{right:9%;width:490px;top:-44px}.film-note>p{max-width:360px}.film-note>span{font-size:27px}.film-stage{margin-top:70px}.story-body{grid-template-columns:.7fr 1.2fr;gap:40px}.architecture{top:250px;bottom:60px}.glass-edge{width:82px;right:-37px}.story-years li{gap:30px}.story-years li>p br{display:block}}
@media(max-width:767px){
 .market-scene .environment{inset:-78px 0 0}.market-scene .city{height:80%;object-position:74% 55%;opacity:.58}.market-scene .city-shade{background:linear-gradient(180deg,#101020 0,#101020f0 28%,#10102066 53%,#10102080 77%,#101020 100%),linear-gradient(90deg,#10102080,transparent)}
 .hero-inner{min-height:724px;padding-bottom:14px}.hero-bottom{margin-top:39px}.trading-object{width:155px;right:-6px;top:auto;bottom:-28px;opacity:.92}.light-ambient{width:280px;height:330px;right:-85px;top:48%}
 .architecture{top:510px;bottom:82px}.glass-edge{right:-20px;width:46px;transform:skewY(-8deg)}.edge-reflection{top:70%;height:75px}
 .film-note{display:block;padding-top:25px}.film-note>span{font-size:24px}.film-note>p{font-size:15px;line-height:1.55;max-width:310px;margin-top:16px;padding-right:6px}
 .film-stage{margin-top:5px;margin-bottom:0;filter:drop-shadow(0 9px 5px #08071280)}
 .trade-plane{width:300px;right:8%;top:162px}.plane-scroll{transform:rotateX(16deg) rotateZ(-8deg)}.trade-plane svg{opacity:.72}.trade-plane svg text{display:none}
 .film-episode{padding-bottom:10px}.scene-handoff{margin-top:5px;gap:10px;font-size:10px}.handoff-line{width:34px}
 .lesson{padding-top:20px;padding-bottom:65px}.lesson-heading{margin:23px 0 20px;display:grid;grid-template-columns:1fr;gap:15px}.lesson-heading h2{font-size:clamp(42px,11.4vw,58px);line-height:.97}.lesson-heading h2 br{display:none}.lesson-intro{margin:0}.lesson-intro p{font-size:18px;line-height:1.45}.lesson-intro p br{display:none}.lesson-intro p+p{font-size:15px;margin-top:8px;max-width:340px}
 .chart-toolbar{padding:14px 10px 0}.metrics{padding:15px 15px 18px;gap:14px}.metrics strong{font-size:32px;margin-top:4px;min-width:0}.metrics>.entry-metric{padding-bottom:10px}.metrics>.entry-metric strong{font-size:25px}.metrics>div>span{min-height:28px}.lesson-bottom{padding-left:14px;margin-top:20px}.lesson-bottom>p:first-child{font-size:22px;line-height:1.35}.example-note{font-size:11px}
 .story{padding-top:24px}.chapter-seam{top:-22px;height:23px;clip-path:polygon(0 22px,62% 22px,68% 0,100% 0,100% 100%,0 100%)}.chapter-seam span{left:68%;width:90px}.story h2{font-size:42px;margin:30px 0 27px}.story-body{display:flex;gap:24px}.story-margin{display:block}.story-margin>p{display:none}.story-years{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px}.story-years:before{display:none}.story-years li{display:block;padding:0 0 0 15px;border-left:1px solid #9a8ea958}.story-years li:before{left:-3px;top:10px;width:5px;height:5px;box-shadow:0 0 0 3px var(--paper)}.story-years li>span{font-size:24px}.story-years li>p{font-size:14px;line-height:1.45;padding-top:8px;color:#5c5269}.story-years li>p br{display:block}.story-copy p{font-size:18px}.story-end{margin-top:22px}
}
@media(max-width:380px){.trading-object{width:142px;right:-6px}.hero-inner{min-height:728px}.film-note>p{max-width:295px}.story h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.city-scroll,.candles-scroll,.architecture-scroll,.plane-scroll,.handoff-line,.chapter-seam span{transform:none!important}.plane-scroll{transform:rotateZ(-5deg)!important}}

@media(max-width:767px){.chart-frame #mobile-chart .entry-axis{writing-mode:horizontal-tb;font:12px ui-monospace,SFMono-Regular,monospace;paint-order:stroke;stroke:var(--ink);stroke-width:4px}}

@media(min-width:768px) and (max-width:1099px){.chart-frame text{font-size:20px}.chart-frame .axis-value{font-size:21px}.chart-frame .entry-caption{font-size:14px}}