/* One photograph at a time: broad scenes, intact postures, room to read. */
.site-frame .hero,.site-frame .chapter-hero{height:88svh;min-height:680px;max-height:1050px}
.site-frame .hero h1{font-size:clamp(64px,7.2vw,96px);letter-spacing:-.025em}
.site-frame .film-link{top:120px;bottom:auto}
.site-frame .chapter-media img,.site-frame .hero-image{object-position:center center}
.site-frame .hero-shade{background:linear-gradient(180deg,#07192066,transparent 35%,#07192022 50%,#071920e8)}
.site-frame .chapter-shade{background:linear-gradient(180deg,#07192099,transparent 35%,#07192040 48%,#071920ef)}
.site-frame .chapter-copy{bottom:90px}.site-frame .chapter-hero h1{font-size:clamp(45px,5.5vw,78px)}
.site-frame .chapter-label{margin-bottom:16px}.site-frame .chapter-actions{margin-top:22px}
.site-frame .chapter-explore{padding:70px 6% 40px;max-width:1560px}
.site-frame .chapter-cards{display:flex;flex-wrap:wrap;gap:0;overflow:visible;padding:0;scroll-snap-type:none;border-top:1px solid var(--rule)}
.site-frame .chapter-card{position:relative;flex:1 1 30%;padding:30px 55px 30px 0;margin-right:30px;border-bottom:1px solid var(--rule);transition:color .3s}
.site-frame .chapter-card:last-child{margin-right:0}.site-frame .chapter-card h2{margin:0 0 12px;font-size:27px;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.site-frame .chapter-card p{margin:0;font-size:15px;max-width:30ch}.site-frame .chapter-card-arrow{right:0;top:30px;bottom:auto;background:transparent;border:1px solid var(--rule)}
.site-frame .chapter-card:hover h2{transform:translateX(7px)}.site-frame .chapter-card:hover .chapter-card-arrow{background:var(--pinyue);color:white}
.site-frame .explore-all{border-top:0;margin-top:10px}
.site-frame .reading-layout{display:block;max-width:1560px;padding:30px 6% 90px}
.site-frame .reading-toc{position:relative;top:auto;width:100%;max-width:none;margin:10px 0 75px;padding:24px 0;border-block:1px solid var(--rule)}
.site-frame .reading-toc>details>summary{display:flex;justify-content:space-between;cursor:pointer;padding-bottom:0;font-size:17px}
.site-frame .reading-toc>details>summary span{display:block}.site-frame .reading-toc nav{display:flex;flex-wrap:wrap;gap:8px 30px;padding-top:24px}
.site-frame .reading-toc nav a{border:0;max-width:30ch;font-size:15px;padding:10px 0}.site-frame .reading-toc nav a span{display:none}.site-frame .reading-toc>.text-link{display:none}
.site-frame .reading-content{width:100%}.site-frame .reading-section{padding-bottom:90px;margin-bottom:90px;overflow:visible}
.site-frame .reading-section>h2,.site-frame .reading-section>.article-deck{max-width:780px;margin-left:auto;margin-right:auto}
.site-frame .reading-section>.article-deck{margin-bottom:38px}
.site-frame .cms-body{overflow:visible}.site-frame .cms-body>p,.site-frame .cms-body>h3,.site-frame .cms-body>h4,.site-frame .cms-body>ul,.site-frame .cms-body>ol,.site-frame .cms-body>blockquote,.site-frame .cms-body>details,.site-frame .cms-body>table{max-width:780px;margin-left:auto;margin-right:auto}
.site-frame .cms-body>ul,.site-frame .cms-body>ol{padding-left:25px}
.site-frame .cms-extra-gallery,.site-frame .community .cms-extra-gallery{display:block;margin:50px 0 0}
.site-frame .cms-extra-gallery figure,.site-frame .cms-extra-gallery figure:only-child{max-width:none;width:100%;margin:0 0 50px}
.site-frame .wide-scene{float:none;width:100%;max-width:none;margin:0 0 44px;overflow:hidden}
.site-frame .wide-scene img,.site-frame .cms-extra-gallery img,.site-frame .cms-inline-photo img,.site-frame .cms-quiet-photo img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.site-frame .portrait-scene,.site-frame .cms-extra-gallery .portrait-scene{width:min(100%,780px);max-width:780px;margin:45px auto}
.site-frame .portrait-scene img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.site-frame .wide-scene figcaption{padding:14px 0 0;line-height:1.7;font-size:14px;text-align:left;color:var(--muted)}
.site-frame .photo-open{border-radius:0}.site-frame .photo-open-mark{width:48px;height:48px;right:22px;bottom:22px}
.site-frame .intro-layout,.site-frame.english .intro-layout{display:block;max-width:1400px;margin:auto}.site-frame .intro-layout>.eyebrow{display:none}
.site-frame .intro-layout>div{max-width:780px;margin:0 auto 50px}.site-frame .intro-photo,.site-frame .intro-photo img{width:100%;height:auto;max-height:none;aspect-ratio:auto}
.site-frame .intro-photo{transform:none;padding-top:0}.site-frame .intro-photo.portrait-scene{max-width:780px;margin:55px auto 0}
.site-frame .teaching-layout{display:block}.site-frame .teaching-layout>div:first-child{width:100%;margin-bottom:45px}.site-frame .video-cover{width:100%;max-width:780px;display:block;margin:0 auto}.site-frame .video-cover img{height:auto;width:100%;aspect-ratio:auto;object-fit:contain}
.site-frame .teaching .caption{max-width:780px;margin:14px auto 40px}.site-frame .observation{max-width:780px;margin:auto}
.site-frame .story{display:flex;flex-direction:column;max-width:1560px;margin:90px auto;padding:0 6%;background:transparent}
.site-frame .story-image{height:auto;min-height:0;margin:0 auto}.site-frame .story-image img{position:static;height:auto;width:100%;object-fit:contain}.site-frame .story-image .image-label{bottom:20px;left:24px}
.site-frame .story-copy{max-width:780px;margin:50px auto 0;padding:0;width:100%}.site-frame .story-copy h2{font-size:clamp(36px,4vw,62px)}
.site-frame .community-photo{height:auto;position:relative}.site-frame .community-photo img{width:100%;height:auto;object-fit:contain}.site-frame .community-photo>span{background:#102630cc;padding:16px 24px;bottom:24px;left:24px}
.site-frame .practice-gallery{display:block}.site-frame .practice-gallery figure{width:100%;max-width:780px;margin:40px auto}.site-frame .practice-gallery img{width:100%;height:auto;object-fit:contain}
.site-frame .practice-film{padding:70px 6%;background:var(--pinyue-deep);color:var(--jade);margin:45px 0 75px}
.film-heading{max-width:1300px;margin:0 auto 40px;display:flex;gap:30px;justify-content:space-between;align-items:end}.film-heading h2{font:clamp(32px,4vw,56px)/1.25 var(--serif);max-width:700px}.film-heading p{max-width:360px;font-size:16px;line-height:1.8;color:var(--jade)}
.practice-film video{display:block;width:100%;height:min(85svh,900px);max-width:1400px;object-fit:contain;background:#10212a;margin:auto}
.site-frame .reading-more{width:100%}.site-frame .reading-end{max-width:780px;margin:auto}
.site-frame .path-card:hover{background:var(--pinyue-deep);color:var(--jade)}.site-frame .path-card:hover p,.site-frame .path-card:hover a{color:var(--jade)}
.site-frame .desktop-nav a{position:relative}.site-frame .desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:-7px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.site-frame .desktop-nav a:hover:after{transform:scaleX(1)}
@media(min-width:1100px){.site-frame .chapter-hero[data-chapter=teacher] .chapter-copy{left:65%;right:4%;max-width:480px}.site-frame .chapter-hero[data-chapter=teacher] h1{font-size:clamp(42px,4vw,65px)}.site-frame .chapter-hero[data-chapter=teacher] .chapter-shade{background:linear-gradient(180deg,#07192088,transparent 35%,#07192055),linear-gradient(90deg,transparent 43%,#071920dd 100%)}}
@media(max-width:760px){
 .site-frame .hero,.site-frame .chapter-hero{height:94svh;min-height:710px;max-height:980px}.site-frame.english .chapter-hero{min-height:760px}
 .site-frame .chapter-hero h1{font-size:clamp(36px,9vw,62px)}.site-frame .hero h1{font-size:clamp(58px,14vw,96px)}.site-frame .chapter-copy{bottom:86px}
 .site-frame .chapter-explore{padding:46px 24px 20px}.site-frame .chapter-cards{display:block}.site-frame .chapter-card{padding:24px 55px 24px 0;margin:0}.site-frame .chapter-card h2{font-size:25px}.site-frame .chapter-card p{max-width:none}.site-frame .chapter-card-arrow{top:28px}
 .site-frame .reading-layout{padding:20px 24px 60px}.site-frame .reading-toc{margin-bottom:50px}.site-frame .reading-toc nav{display:block}.site-frame .reading-toc nav a{max-width:none}
 .site-frame .reading-section{margin-bottom:55px;padding-bottom:50px}.site-frame .wide-scene,.site-frame .cms-extra-gallery figure,.site-frame .cms-extra-gallery figure:only-child{width:calc(100% + 48px);max-width:none;margin-left:-24px;margin-right:-24px}
 .site-frame .portrait-scene,.site-frame .intro-photo.portrait-scene{width:calc(100% + 48px);max-width:none;margin:36px -24px}.site-frame .wide-scene figcaption{padding-left:24px;padding-right:24px;font-size:12px}
 .site-frame .intro-layout>div{margin-bottom:35px}.site-frame .video-cover{max-width:none;margin:0 -24px;width:calc(100% + 48px)}
 .site-frame .story{display:block;margin:50px auto;padding:0 24px}.site-frame .story-image{width:calc(100% + 48px);margin:0 -24px}.site-frame .story-copy{margin-top:35px}.site-frame .community-photo{width:calc(100% + 48px);margin:0 -24px 40px}.site-frame .community-photo>span{position:static;display:block;background:transparent;color:var(--ink);padding:14px 24px;font-size:14px}
 .site-frame .practice-gallery figure{max-width:none;width:100%;margin:35px 0}.site-frame .practice-film{padding:45px 24px;margin:30px 0 45px}.film-heading{display:block;margin-bottom:25px}.film-heading p{margin-top:20px}.practice-film video{height:75svh;max-height:760px}
 .site-frame .photo-open-mark{width:38px;height:38px;right:16px;bottom:16px}.site-frame .chapter-deck{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.site-frame .chapter-card:hover h2{transform:none;transition:none}.site-frame .desktop-nav a:after{transition:none}}