/* Reading positions follow the paintings, leaving their main subjects clear. */
.farm-scene[data-place]{--reading-x:calc(100% - 130px);--reading-y:330px}
.farm-scene[data-place] .farm-story{top:135px;bottom:auto;right:38px;left:auto;width:350px;max-height:calc(100svh - 165px);padding:14px 8px 18px 20px;text-shadow:0 1px 9px #f6f2e8bd}
.farm-scene[data-place] .farm-story>.eyebrow{font-size:9px;margin-bottom:17px;line-height:1.7}
.farm-scene[data-place] .farm-story h2{font-size:clamp(37px,3.5vw,49px);line-height:1.05;margin-bottom:21px;max-width:340px}
.farm-scene[data-place] .farm-story p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:16px}
.farm-scene[data-place] .farm-tabs{gap:19px;margin-bottom:20px}
.farm-scene[data-place] .farm-shade{background:linear-gradient(180deg,#f6f2e8ed,#f6f2e836 17%,transparent 30%),radial-gradient(ellipse 440px 390px at var(--reading-x) var(--reading-y),#f6f2e8fa 0%,#f6f2e8dc 42%,#f6f2e86b 70%,transparent 100%)}
.farm-scene:is([data-place=event],[data-place=land],[data-place=plaza]){--reading-x:135px}
.farm-scene:is([data-place=event],[data-place=land],[data-place=plaza]) .farm-story{left:38px;right:auto;padding-left:8px;padding-right:20px}
.farm-scene:is([data-place=plaza],[data-place=river]){--reading-y:calc(100% - 180px)}
.farm-scene:is([data-place=plaza],[data-place=river]) .farm-story{top:auto;bottom:35px}
@media(min-width:1600px){
 .farm-scene[data-place] .farm-story{width:390px;right:55px;top:150px}
 .farm-scene[data-place] .farm-story p:not(.eyebrow){font-size:14px}
 .farm-scene:is([data-place=event],[data-place=land],[data-place=plaza]) .farm-story{left:55px;right:auto}
 .farm-scene:is([data-place=plaza],[data-place=river]) .farm-story{top:auto;bottom:50px}
}
@media(max-height:650px) and (min-width:761px){
 .farm-scene[data-place] .farm-story{top:110px;max-height:calc(100svh - 130px);width:330px}
 .farm-scene[data-place] .farm-story h2{font-size:36px;margin-bottom:15px}
 .farm-scene[data-place] .farm-story p:not(.eyebrow){font-size:12px;line-height:1.7}
 .farm-scene:is([data-place=plaza],[data-place=river]) .farm-story{top:auto;bottom:20px}
}
@media(max-width:760px){
 .farm-scene[data-place] .farm-image{height:60svh;mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 100%)}
 .farm-scene[data-place] .farm-shade{background:linear-gradient(180deg,#f6f2e8ee,transparent 24%),linear-gradient(0deg,var(--paper) 0,var(--paper) 42%,transparent 60%)}
 .farm-scene[data-place] .farm-story{top:auto;bottom:0;left:0;right:0;width:100%;max-height:49svh;padding:20px 25px 25px;text-shadow:none;background:none}
 .farm-scene[data-place] .farm-story h2{font-size:34px;max-width:100%;margin-bottom:17px}
 .farm-scene[data-place] .farm-story>.eyebrow{font-size:8px;margin-bottom:14px}
 .farm-scene[data-place] .farm-story p:not(.eyebrow){font-size:12px;line-height:1.75;margin-bottom:14px}
 .farm-scene[data-place] .farm-tabs{gap:20px;margin-bottom:17px}
}