/* A continuous bamboo ground, with different paces for contemplation and reading. */
.culture-scroll{--garden-ground:linear-gradient(#f1f3e7d9,#f1f3e7ed),url('assets/culture-bamboo.webp') center/cover fixed}
.culture-scroll:before{background:var(--garden-ground)}
.philosophy-scroll{background:transparent;padding-top:95px}
.garden-thoughts{position:relative;max-width:1280px;padding:35px 6% 95px;grid-template-columns:1.08fr .92fr;column-gap:9%;row-gap:25px;align-items:start}
.thoughts-invitation{padding-top:30px;position:relative;z-index:1}
.garden-thoughts h2{font-size:clamp(38px,4.5vw,65px);line-height:1.5;letter-spacing:6px;margin-bottom:20px;color:#243f32}
.thoughts-invitation>p:last-child{max-width:420px;font-size:15px;line-height:2.3}
.thoughts-garden{grid-column:2;grid-row:1/3;align-self:center;margin:0;position:relative;transform:translateY(-10px)}
.thoughts-garden img{width:100%;height:520px;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 45%,transparent 74%)}
.thoughts-garden figcaption{text-align:center;font-family:var(--serif);font-size:12px;letter-spacing:5px;color:#66745b;margin-top:-45px}
.thoughts-interaction{grid-column:1;max-width:440px;padding-left:24px;border-left:1px solid #9dac8a}
.thoughts-interaction [role=tabpanel]{min-height:180px}.thoughts-interaction h3{font-size:25px;line-height:1.6}.thoughts-interaction p{font-size:14px;color:#42583e}
.culture-longroll{padding-top:0}
.garden-chapter{position:relative;column-gap:9%;padding:70px 0;min-height:650px}
.garden-chapter .chapter-number{font-size:12px;letter-spacing:5px}
.garden-chapter .chapter-copy h2{line-height:1.35;margin-bottom:20px}
.garden-chapter .chapter-copy>p:not(.chapter-subtitle){max-width:480px;color:#42583e}
.garden-chapter:nth-child(3n+1){grid-template-columns:.9fr 1.25fr}
.garden-chapter:nth-child(3n+1) .chapter-picture img{height:510px;border-radius:48% 48% 5% 5% / 30% 30% 5% 5%}
.garden-chapter:nth-child(3n+2){grid-template-columns:1.18fr 1fr;align-items:center}
.garden-chapter:nth-child(3n+2) .chapter-copy{order:2;padding-top:55px}
.garden-chapter:nth-child(3n+2) .chapter-picture{order:1;align-self:start;margin-top:30px}
.garden-chapter:nth-child(3n+2) .chapter-picture img{height:390px;border-radius:6% 38% 6% 6% / 6% 25% 6% 6%}
.garden-chapter:nth-child(3n) .chapter-picture img{height:440px;aspect-ratio:1;max-width:440px;border-radius:50%;box-shadow:none}
.garden-chapter:nth-child(3n) .chapter-copy{padding-top:0}
.chapter-copy .method-meaning{max-width:420px!important;margin-top:28px;padding-left:20px;border-left:2px solid #839376;font-size:15px}
.philosophy-intro{max-width:1200px;grid-template-columns:1fr .85fr;column-gap:12%;margin-bottom:30px}
.philosophy-intro h2{font-size:clamp(44px,4.8vw,67px)}
.philosophy-reading{padding-right:13%;padding-left:3%}
.philosophy-chapter{min-height:75svh;position:relative}
.philosophy-chapter:nth-child(even){padding-left:35px}
.philosophy-chapter h3{line-height:1.5;font-size:clamp(32px,3.3vw,46px)}
.philosophy-chapter p{color:#42583e}
.philosophy-chapter .philosophy-observe{padding-left:18px;border-left:1px solid #93a181;max-width:330px}
.philosophy-nav button{color:#5c7051}
.culture-closing{padding-top:70px}
/* Opening: a tall inscription, drifting ink, then wider compositions. */
.ink-opening{--ink-paper:#f4f5ec}
.ink-copy{margin-left:7.5%;width:31%;max-width:410px;padding-top:clamp(100px,16vh,155px)}
.ink-copy h1{font-size:clamp(64px,7vw,100px);line-height:1.05;letter-spacing:12px;margin:10px 0 22px}
.ink-copy h2{font-size:clamp(45px,5.2vw,72px);letter-spacing:7px;line-height:1.45}
.ink-description{max-width:335px;font-size:15px;line-height:2.1;color:#455b49}
.ink-detail{color:#5c6d56;font-size:12px;line-height:2;max-width:330px}
.ink-art-0{width:83%;right:-9%;height:105%;top:-2%;transition:transform 1.2s ease;transform:translate3d(calc(var(--ink-x)*-23px),calc(var(--ink-y)*-12px),0) scale(calc(1 + var(--detail-turn,0)*.012))}
.ink-landscape[data-chapter='0'] .ink-art-2{left:24%;width:43%;height:49%;bottom:-10%}
.ink-landscape[data-chapter='1'] .ink-art-0{right:-2%;width:75%;top:7%;height:87%}
.ink-landscape[data-chapter='2'] .ink-art-0{right:-16%;width:87%}
.ink-landscape[data-chapter='3'] .ink-art-0{width:70%;right:0;top:1%;height:95%}
.ink-landscape[data-chapter='3'] .ink-art-2{left:29%;bottom:-7%;height:48%;width:40%}
.ink-landscape[data-chapter='4'] .ink-copy{padding-top:clamp(125px,22vh,210px)}
.ink-landscape[data-chapter='5'] .ink-art-0{width:80%;right:-4%;height:94%;top:5%}
.ink-specimens{gap:7px 18px;margin-top:24px;max-width:345px}
.ink-specimens button[aria-pressed=true]{color:#253e2d;border-bottom-color:#506d48}
.ink-controls{background:transparent}
.ink-hint{color:#5e7057}
@media(max-height:800px) and (min-width:761px){.ink-copy{padding-top:85px}.ink-copy h1{font-size:72px}.ink-copy h2{font-size:54px}.ink-chapter-title{margin:8px 0 12px}.ink-description{font-size:14px}.ink-specimens{margin-top:15px}.ink-landscape[data-chapter='4'] .ink-copy{padding-top:100px}}
@media(max-width:760px){
 .garden-thoughts{display:grid;grid-template-columns:1fr;padding:0 7% 50px;gap:0}.thoughts-invitation{padding-top:10px}.garden-thoughts h2{font-size:39px}.thoughts-invitation>p:last-child{font-size:14px}.thoughts-garden{grid-row:2;grid-column:1;transform:none;margin:-8px 0 -15px}.thoughts-garden img{height:245px}.thoughts-garden figcaption{margin-top:-25px;font-size:10px}.thoughts-interaction{grid-column:1;grid-row:3;margin-top:20px;padding-left:18px}.thoughts-interaction [role=tabpanel]{min-height:175px}
 .garden-chapter,.garden-chapter:nth-child(3n+1),.garden-chapter:nth-child(3n+2){display:grid;grid-template-columns:1fr;gap:24px;padding:40px 0;min-height:0}.garden-chapter .chapter-copy,.garden-chapter:nth-child(3n+2) .chapter-copy{order:0;padding-top:0}.garden-chapter .chapter-picture,.garden-chapter:nth-child(3n+2) .chapter-picture{order:1;margin-top:0}.garden-chapter:nth-child(3n+1) .chapter-picture img{height:350px}.garden-chapter:nth-child(3n+2) .chapter-picture img{height:270px}.garden-chapter:nth-child(3n) .chapter-picture img{height:310px;max-width:310px;display:block;margin:auto}.chapter-copy .method-meaning{font-size:14px}
 .philosophy-scroll{padding-top:45px}.philosophy-intro h2{font-size:40px}.philosophy-scene{background:var(--garden-ground);backdrop-filter:none}.philosophy-chapter:nth-child(even){padding-left:0}.philosophy-chapter{min-height:65svh}.culture-closing{padding-top:30px}
 .ink-opening{min-height:740px}.ink-copy,.ink-landscape[data-chapter='4'] .ink-copy{margin-left:7%;padding-top:65px;width:86%;max-width:none}.ink-copy h1{font-size:54px;line-height:1.2;letter-spacing:8px;margin:5px 0 8px}.ink-copy h1 br{display:none}.ink-copy h2{font-size:40px;letter-spacing:5px}.ink-description{font-size:13px;max-width:100%;line-height:1.95}.ink-detail{font-size:11px;max-width:100%;min-height:58px}.ink-specimens{gap:5px 18px;margin:15px 0 10px}.ink-paintings{top:330px;bottom:-5px}.ink-landscape .ink-art-0{width:115%!important;height:100%!important;right:-12%!important;top:0!important}.ink-landscape .ink-art-2{left:-10%!important;width:58%!important;height:55%!important;bottom:-8%!important}.ink-controls{gap:10px}.ink-hint{letter-spacing:1px}
}
@media(prefers-reduced-motion:reduce){.ink-art-0{transition:none;transform:none}.garden-chapter .chapter-picture{transition:none}}