.intro{background-color:var(--color-cream);padding:clamp(3rem,6vw,8rem) 0}.intro-container{margin:0 auto;max-width:1280px;padding:0 clamp(1rem,3vw,2.5rem);position:relative}.toggle-wrapper{display:flex;justify-content:center;margin-bottom:clamp(2rem,5vw,4rem);pointer-events:none;position:sticky;top:clamp(1rem,3vh,2rem);z-index:10}.segmented-control{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--color-beige);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);display:flex;padding:.25rem;pointer-events:auto;position:relative}.control-btn{background:transparent;border:none;color:var(--color-brown);cursor:pointer;font-size:clamp(.9rem,.85rem + .2vw,1.05rem);font-weight:600;outline:none;padding:clamp(.4rem,1vh,.6rem) 0;position:relative;transition:color var(--duration-fast) var(--ease-brand);width:clamp(5.5rem,12vw,7.5rem);z-index:2}.control-btn.active{color:var(--color-white)}.active-bg{background:var(--color-brown);border-radius:calc(var(--radius-md) - .2rem);height:calc(100% - .5rem);left:0;pointer-events:none;position:absolute;top:.25rem;will-change:transform,width;z-index:1}.intro-content-wrapper{display:flex;flex-direction:column;gap:clamp(2.5rem,6vw,5rem)}.lang-block{opacity:.95;transition:opacity var(--duration-normal) ease}.lang-block.reading-focus{opacity:1}.intro-title{color:var(--color-brown);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:.05rem;margin-bottom:2.5rem}.intro-subtitle{color:rgba(64,34,15,.7);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:400;margin-bottom:3rem;margin-top:-1.8rem}.intro-subtitle,.lang-block.zh .intro-title{text-align:center}.lang-block.en .intro-subtitle{text-align:left}.lang-block.zh .intro-text p:not(.author){text-align:justify;text-justify:inter-ideograph}.lang-block.en .intro-text p:not(.author),.lang-block.zh .intro-text p:not(.author){color:#4a4a4a;font-size:clamp(1rem,.95rem + .2vw,1.15rem);line-height:clamp(1.7,1.6 + .3vw,1.9);margin-bottom:clamp(1rem,2.5vw,1.6rem);overflow-wrap:break-word;text-wrap:pretty}.lang-block.en .intro-text p:not(.author){text-align:left}.intro-text p.author{color:var(--color-brown-light);font-weight:600;margin-top:2rem;text-align:right}.lang-divider{background:linear-gradient(to right,transparent,var(--color-beige),transparent);border:none;height:1px;margin:0}.gatha-box{border-radius:1.5rem;box-shadow:inset 0 0 30px rgba(64,34,15,.01);box-sizing:border-box;margin:clamp(2.5rem,5vw,4rem) auto;max-width:900px;padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,3vw,3rem)}.en-gatha,.zh-gatha{background-color:rgba(64,34,15,.02);border:1px solid rgba(64,34,15,.1)}.lang-block.zh .intro-text .gatha-box h3{color:var(--color-brown);font-size:clamp(1.6rem,1.3rem + 1.2vw,2.5rem);font-weight:700;margin-bottom:1.5rem;text-align:center}.lang-block.zh .intro-text .gatha-box p{color:var(--color-brown);font-size:clamp(1.3rem,1.1rem + 1vw,2rem);font-weight:500;line-height:2;margin-bottom:.8rem;text-align:center}.gatha-box h3{color:var(--color-brown);font-size:clamp(1.3rem,1.1rem + .6vw,1.8rem);font-weight:700;letter-spacing:.15rem;margin-bottom:1.8rem}.en-gatha .gatha-lines p{color:var(--color-brown);font-size:clamp(1.05rem,1rem + .2vw,1.25rem);font-style:italic;font-weight:500;line-height:1.9;margin-bottom:1.5rem}@media (max-width:64rem) or (orientation:portrait){.intro-container{padding:0 1.25rem}.toggle-wrapper{top:1rem}.gatha-box{padding:2.5rem 1.25rem}}