/* Photographic chapter openings and responsive, tactile reading. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:65;pointer-events:none}.reading-progress span{display:block;height:100%;background:#88bfd8;transform:scaleX(0);transform-origin:left}
.site-frame.cinematic .header{position:absolute;color:#fff;border:0;background:transparent;transition:background .3s,color .3s;z-index:45}.site-frame.cinematic .header .nav-cta{background:var(--jade);color:var(--pinyue-deep)}.site-frame.cinematic .header .menu-toggle{border-color:#ffffff80;color:white}.site-frame.cinematic .header .menu-toggle span{background:currentColor}.site-frame.cinematic .mobile-nav{z-index:46;color:var(--pinyue-deep)}
.site-frame.header-settled .header{position:fixed;top:0;height:78px;background:var(--jade);color:var(--pinyue-deep);border-bottom:1px solid var(--rule);animation:header-arrive .3s ease-out both}.site-frame.header-settled .header .menu-toggle{border-color:var(--pinyue-deep);color:var(--pinyue-deep)}.site-frame.header-settled .header .nav-cta{background:var(--pinyue);color:white}.site-frame.header-settled .mobile-nav{position:fixed;top:78px}
@keyframes header-arrive{from{transform:translateY(-12px);opacity:.4}to{transform:translateY(0);opacity:1}}
.chapter-hero{position:relative;min-height:700px;height:94svh;max-height:980px;overflow:hidden;background:#17352d;color:white;isolation:isolate}.chapter-media,.chapter-media picture{position:absolute;inset:0;display:block}.chapter-media img{width:100%;height:100%;object-fit:cover}.chapter-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,22,25,.55),rgba(8,22,25,.07) 32%,rgba(8,22,25,.32) 53%,rgba(8,22,25,.88));pointer-events:none}.chapter-copy{position:absolute;left:6%;right:6%;bottom:100px;max-width:960px}.chapter-label{font-size:17px;margin-bottom:24px;letter-spacing:.06em}.chapter-hero h1{font-family:var(--serif);font-size:clamp(48px,6.4vw,96px);line-height:1.28;letter-spacing:-.02em;text-wrap:balance;margin:0 0 22px}.chapter-deck{max-width:670px;font-size:18px;line-height:1.9;color:#f7faf7}.chapter-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.chapter-actions .pill{gap:40px}.hero-watch{color:white;background:none;display:flex;align-items:center;gap:12px;font-size:15px;padding:12px 0}.hero-watch>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff90;border-radius:50%;font-size:20px;transition:transform .3s}.hero-watch:hover>span{transform:scale(1.12)}.chapter-foot{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#f0f4f3;border-top:1px solid #ffffff40;padding-top:18px}
.english .chapter-hero h1{font-size:clamp(48px,6.5vw,96px);letter-spacing:-.035em;line-height:1.08;max-width:850px}.english .chapter-hero h1 br{display:initial}.english .chapter-deck{line-height:1.7;max-width:650px}.english .chapter-label{font-size:16px;letter-spacing:0}
.chapter-explore{padding:88px 6% 50px;max-width:1600px;margin:auto;scroll-margin-top:90px}.explore-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.explore-heading h2{font-size:clamp(30px,3vw,45px);line-height:1.25}.explore-heading p{color:var(--muted);font-size:15px}.chapter-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.chapter-card{display:block;min-width:0}.chapter-card-photo{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--moon)}.chapter-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.chapter-card-arrow{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;border-radius:50%;width:44px;height:44px;background:var(--jade);color:var(--pinyue-deep);font-size:22px;transition:transform .35s,background .35s,color .35s}.chapter-card h2{font:29px/1.4 var(--serif);margin:21px 0 9px;color:var(--pinyue-deep);letter-spacing:-.02em}.chapter-card p{font-size:15px;line-height:1.75;color:var(--muted);max-width:36ch}.chapter-card:hover .chapter-card-photo img{transform:scale(1.045)}.chapter-card:hover .chapter-card-arrow{transform:rotate(45deg);background:var(--pinyue);color:white}.explore-all{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding:20px 0;margin-top:40px;font-size:15px;color:var(--pinyue-deep)}.explore-all span{transition:transform .3s}.explore-all:hover span{transform:translateY(4px)}
.site-frame .reading-layout{grid-template-columns:200px minmax(0,850px);gap:6%;max-width:1480px;margin:0 auto;padding:70px 6% 80px;scroll-margin-top:90px}.site-frame .reading-toc{top:110px}.site-frame .reading-content{min-width:0}.site-frame .reading-section{margin-bottom:70px;padding-bottom:65px;scroll-margin-top:110px}.site-frame .reading-marker{display:none}.site-frame .reading-section h2{font-size:clamp(30px,3vw,44px);line-height:1.3;margin-top:0;text-wrap:balance}.site-frame .reading-section>.article-deck{font-size:20px;line-height:1.7;margin:15px 0 26px}.site-frame .cms-body{font-size:18px;line-height:1.95;display:flow-root}.site-frame .cms-body p,.site-frame .cms-body li{max-width:72ch;text-wrap:pretty}.site-frame .cms-body h3{font-size:25px;margin:30px 0 16px}.site-frame .cms-inline-photo{float:none;width:100%;margin:0 0 32px}.site-frame .cms-inline-photo img{height:auto;aspect-ratio:16/9;max-height:540px;width:100%;object-fit:cover}.site-frame .cms-quiet-photo{margin:32px 0;max-width:100%}.site-frame .cms-quiet-photo img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.site-frame .cms-extra-gallery{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin:35px 0 0}.site-frame .cms-extra-gallery figure:only-child{max-width:52%;grid-column:auto}.site-frame .cms-extra-gallery img{height:auto;aspect-ratio:4/3;object-fit:cover}.site-frame .community .cms-extra-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.site-frame .philosophy .cms-extra-gallery figure:only-child{max-width:none;width:100%;grid-column:1/-1}.site-frame .philosophy .cms-extra-gallery img{aspect-ratio:2.3;height:auto;object-position:center 58%}.site-frame .cms-extra-gallery figcaption,.site-frame .cms-inline-photo figcaption,.site-frame .cms-quiet-photo figcaption{font-size:13px;line-height:1.65;color:var(--muted);padding-top:10px}
.site-frame .reading-more{clear:both;margin-top:24px;border-top:1px solid var(--rule)}.reading-more>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 0;cursor:pointer;color:var(--pinyue-deep);font-size:15px}.reading-more>summary::-webkit-details-marker{display:none}.reading-more .less-label{display:none}.reading-more[open] .less-label{display:inline}.reading-more[open] .more-label{display:none}.more-symbol{font-size:24px;line-height:1;transition:transform .3s}.reading-more[open] .more-symbol{transform:rotate(45deg)}.reading-more>summary:hover{color:var(--pinyue)}.reading-more-content{padding:4px 0 18px}.reading-more-content p:first-child{margin-top:0}
.photo-open{position:relative;display:block;width:100%;padding:0;background:transparent;overflow:hidden;cursor:zoom-in;text-align:inherit}.photo-open img{transition:transform .75s cubic-bezier(.22,1,.36,1)}.photo-open:hover img{transform:scale(1.035)}.photo-open-mark{position:absolute;right:14px;bottom:14px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(248,247,240,.94);color:var(--pinyue-deep);font-size:21px;transition:transform .35s}.photo-open:hover .photo-open-mark{transform:rotate(45deg)}
#photo-dialog{width:min(1150px,94vw);max-width:none;max-height:92svh;border:0;padding:16px;background:#16282d;color:white;overflow:auto;border-radius:8px}#photo-dialog::backdrop{background:rgba(8,18,22,.88)}#photo-dialog figure{margin:0}#photo-dialog img{width:100%;height:auto;max-height:78svh;object-fit:contain}#photo-dialog figcaption{font-size:14px;line-height:1.7;padding:14px 45px 2px 4px;color:white}#photo-dialog .photo-close{position:absolute;right:22px;top:22px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--jade);color:var(--ink);font-size:28px;z-index:2}
.site-frame .pill{transition:background .25s,color .25s,box-shadow .25s}.site-frame .pill:hover{transform:none;box-shadow:0 4px 0 rgba(20,55,72,.15)}.site-frame .text-link{position:relative;transition:color .25s,gap .3s}.site-frame .text-link:hover{gap:40px;color:var(--pinyue)}.site-frame .desktop-nav a{transition:opacity .2s}.site-frame .desktop-nav:hover a:not(:hover){opacity:.68}.site-frame .path-card{transition:background .3s}.site-frame .path-card:hover .card-art{transform:translateY(-7px)}.site-frame .card-art{transition:transform .5s}.site-frame .faq summary{transition:color .2s}.site-frame .faq summary:hover{color:var(--pinyue)}.site-frame .faq summary span{transition:transform .3s}.site-frame .faq details[open] summary span{transform:rotate(45deg)}
@media(max-width:1050px){.site-frame .reading-layout{grid-template-columns:175px minmax(0,1fr);gap:35px;padding-left:4%;padding-right:4%}.chapter-copy{bottom:90px}.chapter-hero h1{font-size:clamp(48px,7vw,76px)}.chapter-cards{gap:20px}.chapter-card h2{font-size:25px}.explore-heading{align-items:start}.explore-heading p{max-width:220px}.site-frame .community .cms-extra-gallery{gap:15px}}
@media(max-width:760px){.chapter-hero{height:92svh;min-height:690px;max-height:900px}.chapter-copy{left:24px;right:24px;bottom:94px}.chapter-hero h1,.english .chapter-hero h1{font-size:clamp(38px,9.5vw,62px);line-height:1.22;margin-bottom:18px;letter-spacing:-.02em}.english .chapter-hero h1{line-height:1.08}.chapter-label,.english .chapter-label{font-size:14px;margin-bottom:19px}.chapter-deck,.english .chapter-deck{font-size:15px;line-height:1.8}.chapter-actions{gap:20px;margin-top:23px;flex-wrap:wrap}.chapter-actions .pill{font-size:14px;padding:11px 19px;gap:26px}.hero-watch{font-size:13px;padding:0}.hero-watch>span{width:30px;height:30px;font-size:18px}.chapter-foot{left:24px;right:24px;bottom:24px;font-size:10px;display:block;padding-top:13px}.chapter-foot span:last-child{display:none}.chapter-explore{padding:50px 24px 20px}.explore-heading{display:block;margin-bottom:26px}.explore-heading h2{font-size:30px;line-height:1.3}.explore-heading p{margin-top:13px;max-width:none}.chapter-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:var(--pinyue) var(--moon)}.chapter-card{flex:0 0 84%;scroll-snap-align:start}.chapter-card h2{font-size:26px;margin-top:17px}.chapter-card p{font-size:14px}.chapter-card-arrow{width:38px;height:38px;right:13px;bottom:13px}.explore-all{margin-top:20px}.site-frame .reading-layout{display:block;padding:25px 24px 50px}.site-frame .reading-toc{top:0;margin:15px 0 40px}.site-frame .reading-section{margin-bottom:48px;padding-bottom:42px}.site-frame .reading-section h2{font-size:30px}.site-frame .reading-section>.article-deck{font-size:18px;line-height:1.75}.site-frame .cms-inline-photo{margin-bottom:26px}.site-frame .cms-inline-photo img{aspect-ratio:4/3;max-height:440px}.site-frame .cms-body p,.site-frame .reading-section [data-cms-body]>p{font-size:17px;line-height:1.95}.site-frame .cms-extra-gallery{gap:14px}.site-frame .cms-extra-gallery figure:only-child{max-width:none;grid-column:1/-1}.site-frame .cms-extra-gallery img{aspect-ratio:4/3}.site-frame .community .cms-extra-gallery{grid-template-columns:1fr}.site-frame .philosophy .cms-extra-gallery img{aspect-ratio:4/3}.site-frame .cms-extra-gallery figcaption{font-size:12px}.site-frame .reading-more>summary{font-size:14px}.site-frame.header-settled .header{height:70px}.site-frame.header-settled .mobile-nav{top:70px}.reading-progress{height:2px}#photo-dialog{width:94vw;padding:10px;max-height:85svh}#photo-dialog img{max-height:68svh}#photo-dialog .photo-close{right:16px;top:16px;width:38px;height:38px}#photo-dialog figcaption{font-size:12px}.english .chapter-label{font-size:13px}.english .chapter-actions{gap:16px}.english .hero-watch{font-size:12px}.english .chapter-actions .pill{font-size:13px}.english .chapter-hero{min-height:720px}}
@media(prefers-reduced-motion:reduce){.site-frame *, .site-frame *::before,.site-frame *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.photo-open:hover img,.chapter-card:hover img,.hero-watch:hover>span,.site-frame .path-card:hover .card-art{transform:none!important}html{scroll-behavior:auto}}
@media print{.chapter-hero{height:400px;min-height:0}.reading-more:not([open])>.reading-more-content{display:block!important}.photo-open-mark,.reading-progress,.chapter-explore{display:none}}
@media(min-width:1100px){.chapter-hero[data-chapter=teacher] .chapter-copy{left:62%;right:4%;bottom:110px;max-width:520px}.chapter-hero[data-chapter=teacher] h1{font-size:clamp(48px,4.6vw,72px)}.chapter-hero[data-chapter=teacher] .chapter-shade{background:linear-gradient(180deg,rgba(8,22,25,.5),rgba(8,22,25,.03) 45%,rgba(8,22,25,.6)),linear-gradient(90deg,transparent 35%,rgba(8,22,25,.77))}.chapter-hero[data-chapter=teacher] .chapter-deck{font-size:16px}.english .chapter-hero[data-chapter=teacher] h1{font-size:clamp(45px,4.4vw,68px)}}