.soil-story{background:#f4efe3;padding:54px max(5.2vw,32px) 112px;color:#292b27}
.soil-story-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:clamp(40px,5.5vw,90px);row-gap:36px;align-items:start}
.soil-kicker{grid-column:1/-1;font:500 10px/1.6 var(--body);letter-spacing:.11em;text-transform:uppercase;color:#5b634a;display:flex;gap:13px;align-items:center}
.soil-kicker>span{width:6px;height:6px;border-radius:50%;background:#aa842b}
.soil-figure{margin:0}
.soil-figure>img{width:100%;height:640px;object-fit:cover;object-position:64% center}
.soil-figure figcaption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #354a3540;padding:16px 0;font:400 10px/1.6 var(--body);color:#5b634a}
.soil-figure figcaption>span:last-child{text-align:right}
.soil-copy h2{font:400 clamp(36px,3.3vw,54px)/1.13 var(--serif);letter-spacing:-.042em;color:#292b27;margin:0}
.soil-copy h2 em{color:#8c6b24;font-weight:400}
.soil-copy .soil-lead{font:400 16px/1.65 var(--body);color:#374634;max-width:470px;margin:24px 0 28px;text-wrap:pretty}
.soil-principle{display:grid;grid-template-columns:24px minmax(0,1fr);gap:18px;padding:19px 0 14px;border-top:1px solid #354a3540}
.soil-principle:last-child{border-bottom:1px solid #354a3540}
.soil-number{font:400 10px/1.6 var(--body);color:#788168;padding-top:4px}
.soil-principle h3{font:400 21px/1.35 var(--serif);letter-spacing:-.028em;color:#2c432e;margin:0 0 9px}
.soil-principle p{font:400 13px/1.65 var(--body);color:#4e5d43;max-width:420px;margin:0}
.soil-principle a{display:flex;align-items:center;gap:24px;min-height:44px;font:400 11px/1.5 var(--body);color:#344b35;width:fit-content}
.soil-principle a>span{color:#65774e}
.soil-principle a:hover{color:#167536}
.soil-principle a:focus-visible{outline:2px solid #285c3b;outline-offset:3px}
@media(min-width:761px) and (max-width:1150px){.soil-story{padding-inline:40px}.soil-story-shell{column-gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.soil-figure>img{height:650px}.soil-copy h2{font-size:35px}.soil-copy .soil-lead{font-size:15px}.soil-principle{gap:10px}.soil-principle h3{font-size:19px}}
@media(min-width:1800px){.soil-figure>img{height:690px}.soil-copy .soil-lead{max-width:540px}}
@media(max-width:760px){.soil-story{padding:30px 20px 60px}.soil-story-shell{display:flex;flex-direction:column;gap:28px}.soil-kicker{font-size:9px;letter-spacing:.09em}.soil-figure{width:100%}.soil-figure>img{height:350px;object-position:64% center}.soil-figure figcaption{font-size:9px;gap:15px;padding:13px 0}.soil-copy{width:100%}.soil-copy h2{font-size:36px;line-height:1.14;letter-spacing:-.047em}.soil-copy .soil-lead{font-size:15px;margin:22px 0 25px}.soil-principle{grid-template-columns:20px minmax(0,1fr);gap:13px;padding-top:20px}.soil-principle h3{font-size:20px}.soil-principle p{font-size:13px}}

/* Documentary photograph and a single route from the explanation. */
.soil-figure figcaption>a{text-align:right;color:#5b634a}
.soil-figure figcaption>a:hover{color:#167536}
.soil-principle{padding-top:22px;padding-bottom:23px}
.soil-principle p{font-size:14px;line-height:1.65}
.soil-next{display:inline-flex;align-items:center;gap:28px;min-height:48px;margin-top:16px;font:400 12px/1.6 var(--body);color:#344b35}
.soil-next:hover{color:#167536}
.soil-next:focus-visible{outline:2px solid #285c3b;outline-offset:4px}
@media(max-width:760px){.soil-principle p{font-size:13px}.soil-next{font-size:11px}}