/* Keep the reading layout compact; motion is focused on selected scenes. */
.era-media{inset:0;opacity:.88}
.era-shade{background:linear-gradient(90deg,#111719 0%,#111719d9 20%,#11171980 48%,#11171908 90%),linear-gradient(0deg,#111719,transparent 24%,transparent 82%,#1117198c)}
.era-scene .era-title{text-shadow:0 2px 22px #06111480}
.static-art>.motion-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.practice-body{position:relative;isolation:isolate}
.practice-body>.shell{position:relative;z-index:1}
.practice-body .atmosphere-practice{top:0;opacity:.2}
.belief-interpretation:after{transform:none}
.growth-stage{min-height:0;padding:50px 0 45px}
.growth-composition{display:block;margin-top:40px}
.growth-illustrated-quote{grid-template-columns:minmax(0,1fr) 180px;align-items:center;border:0;padding-bottom:0;max-width:940px}
.growth-composition h2{font-size:clamp(36px,4.5vw,62px)}
.growth-composition h2>span{transition:none}
.motif-growth{width:180px;height:260px;margin:0}
.growth-explanations{margin-top:40px}
.atmosphere-belief{opacity:.09}
.atmosphere-ownership{opacity:.3}
.chapter-menu{display:none}
html[data-motion-enabled="false"]{scroll-behavior:auto}

@media(min-width:761px){
 .growth-explanations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
 .growth-explanations article{margin:0;padding-top:24px;border-top:1px solid var(--line)}
 .growth-number{font-size:24px;line-height:1.4;color:#857965}
 .growth-explanations h3{font-size:25px;line-height:1.6;margin-top:12px}
 .growth-explanations p{font-size:15px;line-height:2;margin-top:18px}
}

@media(max-width:760px){
 .era-media{inset:20% -50% 0 -5%;opacity:.86}
 .era-shade{background:linear-gradient(90deg,#111719d4,#1117197d 70%,#11171928),linear-gradient(0deg,#111719,transparent 24%,transparent 62%,#111719c7)}
 .header{gap:12px}
 .header>nav{margin-left:0;gap:0}
 .header>nav .motion-control{display:none}
 .header .nav-invite{margin-left:0}
 .chapter-menu{display:block;margin-left:auto;color:var(--paper)}
 .chapter-menu>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;font-size:12px;cursor:pointer;list-style:none}
 .chapter-menu>summary::-webkit-details-marker{display:none}
 .chapter-menu>summary>span{font-size:15px;line-height:1}
 .chapter-menu[open]>summary>span{transform:rotate(45deg)}
 .chapter-menu-panel{position:absolute;top:calc(100% - 1px);left:16px;right:16px;background:#171512;color:var(--paper);border:1px solid #b6a98d45;box-shadow:0 16px 30px #0003;padding:14px 20px 10px;max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain}
 .header .chapter-menu .chapter-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;font-size:13px}
 .header .chapter-menu .chapter-links a{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid #b6a98d25}
 .chapter-links a>span{color:#a79d8b;font-size:10px}
 .header .chapter-menu .motion-control{display:block;border:0;min-height:44px;padding:8px 0;margin-top:6px;font-size:12px}
 .header .chapter-menu .motion-control[hidden]{display:none}
 .growth-stage{padding:35px 0}
 .growth-composition{margin-top:30px}
 .growth-illustrated-quote{grid-template-columns:minmax(0,1fr) 115px;gap:4px}
 .growth-composition h2{font-size:clamp(30px,8.6vw,46px);line-height:1.75}
 .motif-growth{width:115px;height:220px}
 .growth-explanations{margin-top:28px}
 .natural-content{padding-top:28px}
 .practice-body .atmosphere-practice{opacity:.16}
}
@media(max-width:360px){
 .header{padding-left:20px;padding-right:20px;gap:10px}
 .header .brand{font-size:15px;gap:7px}
 .header .nav-invite{font-size:10px}
 .header .nav-invite span{margin-left:5px}
 .chapter-menu-panel{left:12px;right:12px;padding-left:16px;padding-right:16px}
 .growth-illustrated-quote{grid-template-columns:minmax(0,1fr) 100px}
 .motif-growth{width:100px;height:210px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}