/* Shared full-screen chapter grammar with Meet MoYa. No change to other sections. */
.chapter-flow.editorial-section{height:calc(100svh - var(--local-nav-height));min-height:560px;padding:0;position:relative;scroll-margin-top:0}
.chapter-flow .chapter-stage{position:relative;width:100%;max-width:none;height:100%;margin:0;overflow:hidden;isolation:isolate;background:#10140f}
.chapter-flow .editorial-heading{position:absolute;z-index:4;left:50%;top:50%;width:min(1000px,calc(100% - 100px));max-width:none;margin:0;transform:translate(-50%,-50%);transition:opacity .55s ease,transform .8s cubic-bezier(.22,1,.36,1)}
.chapter-flow .editorial-heading .editorial-kicker{display:none}
.chapter-flow .editorial-heading h2{font-size:clamp(48px,7.2vw,108px);font-weight:600;line-height:1.05;letter-spacing:-.05em;margin:0 0 26px;text-wrap:balance}
.chapter-flow .editorial-intro{font-size:16px;line-height:1.6;color:#cad1c5}
.chapter-start{margin-top:30px;border:0;border-bottom:1px solid #95a28a;padding:10px 5px;background:none;color:#e8eee3;cursor:pointer;font-size:12px;letter-spacing:.02em}
.chapter-open .editorial-heading{opacity:0;transform:translate(-50%,calc(-50% - 32px));pointer-events:none}
.chapter-flow .chapter-progress{right:calc(clamp(24px,3vw,48px) - 25px);z-index:8;opacity:1;pointer-events:auto}
.chapter-position{position:absolute;left:6%;bottom:28px;color:#adb9a3;font-size:11px;letter-spacing:.12em;z-index:5}
.chapter-mobile-nav{display:none}
.chapter-flow .connection-photo{position:absolute;inset:0;height:100%;border-radius:0;z-index:0;opacity:.3;transition:opacity .65s ease}
.chapter-open .connection-photo{opacity:1}
.chapter-flow .connection-photo>img{object-position:center 50%;filter:saturate(.65) brightness(.65)}
.chapter-flow .connection-photo-shade{background:linear-gradient(90deg,#07100ce8 0%,#09110bc2 32%,#08100924 75%),linear-gradient(0deg,#080e0bb0,transparent 40%)}
.chapter-flow .connection-photo figcaption,.chapter-flow .science-note{display:none}
.chapter-flow .connection-principles{position:absolute;inset:0;margin:0;display:block;min-height:0;z-index:2;pointer-events:none}
.chapter-flow .connection-principle{position:absolute;top:50%;left:6%;width:min(440px,38vw);border:0;opacity:0;visibility:hidden;transform:translateY(calc(-50% + 18px));transition:opacity .55s ease,transform .65s ease,visibility .55s}
.chapter-flow .connection-principle.chapter-active{opacity:1;visibility:visible;transform:translateY(-50%)}
.chapter-flow .connection-principle h3 button{display:block;padding:0;color:#fff;font-size:clamp(34px,3.4vw,56px);line-height:1.04;font-weight:600;letter-spacing:-.045em;pointer-events:none}
.chapter-flow .principle-number{display:block;margin-bottom:20px;font-size:12px;letter-spacing:.14em;color:#c2ccba}
.chapter-flow .principle-toggle{display:none}
.chapter-flow .principle-copy{padding:0;margin-top:22px;animation:none}
.chapter-flow .principle-copy p{font-size:clamp(17px,1.35vw,21px);line-height:1.48;color:#e0e5db;max-width:390px}
.chapter-flow .material-showcase,.chapter-flow .movement-showcase,.chapter-flow .companion-feature,.chapter-flow .app-feature{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:40px 9% 65px 6%;border:0;min-height:0;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .55s ease,transform .65s ease,visibility .55s}
.chapter-flow .chapter-active{opacity:1;visibility:visible;transform:none}
.chapter-flow .story-copy{width:100%;max-width:440px;padding:0;z-index:2}
.chapter-flow .story-copy h3{font-size:clamp(34px,3.4vw,56px);font-weight:600;line-height:1.04;margin:20px 0 22px}
.chapter-flow .story-copy>p:not(.craft-label):not(.material-subtitle){font-size:clamp(16px,1.35vw,20px);line-height:1.5}
.chapter-flow .craft-label{font-size:12px;letter-spacing:.14em}
.chapter-flow .material-figure,.chapter-flow .movement-figure{height:100%;max-height:560px;min-height:0;grid-column:2;grid-row:1}
.chapter-flow .material-detail,.chapter-flow .movement-copy{grid-column:1;grid-row:1}
.chapter-flow .material-figure>img,.chapter-flow .movement-figure>img{height:90%;width:100%;object-fit:contain}
.chapter-flow .material-figure figcaption,.chapter-flow .movement-figure figcaption{position:absolute;bottom:0;font-size:9px;padding:0;letter-spacing:.06em}
.chapter-flow .material-detail h4{display:none}
.chapter-flow .companion-feature-photo{position:absolute;inset:0;height:100%;border-radius:0}
.chapter-flow .companion-feature-photo img{object-position:center 50%;filter:saturate(.6) brightness(.6)}
.chapter-flow .companion-feature-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09110de8,#09110d88 42%,transparent 78%)}
.chapter-flow .companion-feature-copy{grid-column:1}
.chapter-flow .app-feature-art{height:min(90%,500px);min-height:0;grid-column:2;border-radius:0;background:#171e14}
.chapter-flow .app-feature .app-preview-note{font-size:11px!important;line-height:1.6!important}
.chapter-flow .moya-phone{margin-top:100px}
@media(max-width:650px){
 .chapter-flow.editorial-section{height:calc(100svh - var(--local-nav-height));min-height:620px}
 .chapter-flow .editorial-heading{width:calc(100% - 48px)}
 .chapter-flow .editorial-heading h2{font-size:clamp(36px,10vw,48px);line-height:1.08}
 .chapter-flow .editorial-intro{font-size:13px}
 .chapter-flow .chapter-progress{top:auto;bottom:16px;left:24%;right:auto;width:52%;height:24px;transform:none}
 .chapter-position{left:20px;top:18px;bottom:auto;font-size:9px}
 .chapter-mobile-nav{display:flex}
 .chapter-mobile-nav span{visibility:hidden}
 .chapter-flow .connection-photo>img{object-position:42% center;filter:saturate(.65) brightness(.6)}
 .chapter-flow .connection-photo-shade{background:linear-gradient(0deg,#07100df2 2%,#07100da6 35%,#07100d1a 75%)}
 .chapter-flow .connection-principle{top:auto;bottom:110px;left:8%;width:84%;transform:translateY(18px);text-align:center}
 .chapter-flow .connection-principle.chapter-active{transform:none}
 .chapter-flow .connection-principle h3 button{font-size:32px;text-align:center}
 .chapter-flow .principle-number{font-size:9px;margin-bottom:15px}
 .chapter-flow .principle-copy{margin-top:18px}
 .chapter-flow .principle-copy p{font-size:13px;line-height:1.6;max-width:310px;margin:auto}
 .chapter-flow .material-showcase,.chapter-flow .movement-showcase,.chapter-flow .companion-feature,.chapter-flow .app-feature{grid-template-columns:1fr;grid-template-rows:minmax(180px,1fr) auto;gap:12px;padding:18px 24px 105px;text-align:center}
 .chapter-flow .material-figure,.chapter-flow .movement-figure{grid-column:1;grid-row:1;height:100%;width:100%;max-height:300px;align-self:center}
 .chapter-flow .material-detail,.chapter-flow .movement-copy,.chapter-flow .app-feature>.story-copy{grid-column:1;grid-row:2}
 .chapter-flow .story-copy{max-width:400px;margin:auto;padding:0}
 .chapter-flow .story-copy h3{font-size:30px;line-height:1.08;margin:12px 0}
 .chapter-flow .story-copy h3 br{display:initial}
 .chapter-flow .story-copy>p:not(.craft-label):not(.material-subtitle){font-size:12px;line-height:1.5}
 .chapter-flow .craft-label{font-size:9px}
 .chapter-flow .editorial-pill,.chapter-flow .editorial-text-link{margin-top:16px;padding:9px 16px;font-size:11px}
 .chapter-flow .material-figure figcaption,.chapter-flow .movement-figure figcaption{font-size:7px}
 .chapter-flow .companion-feature-copy{grid-row:2}
 .chapter-flow .companion-feature-photo img{object-position:42% center}
 .chapter-flow .companion-feature-photo::after{background:linear-gradient(0deg,#07100df5,#07100d99 40%,transparent 85%)}
 .chapter-flow .app-feature-art{height:100%;width:100%;max-height:300px;grid-column:1;grid-row:1}
 .chapter-flow .moya-phone{transform:scale(.7);transform-origin:top center;position:absolute;top:40px;margin:0}
 .chapter-flow .app-concept-label{font-size:7px;top:16px;left:16px}
 .chapter-flow .app-feature .app-preview-note{font-size:9px!important;margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.chapter-flow *{transition:none!important;animation:none!important}}