/* SoilJournal introduction: a field journal beside the actual land. */
.home .site-header { position: relative; color: #163e31; border-color: #163e3126; }
.home .site-header .wordmark { font-size: 1.5rem; }
.home .site-header .wordmark small { font-size: .75rem; letter-spacing: .07em; }
.home .site-header nav a { font-size: .875rem; text-transform: none; letter-spacing: 0; }
.home .site-header nav a:hover { color: #765020; }
.sj-home-dot { color: #af642f; }
.sj-home-intro { display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: clamp(2rem,5vw,5rem); width: min(calc(100% - 3rem),1280px); margin: auto; padding: 5rem 0 4.5rem; }
.sj-home-pitch { scroll-margin-top: 2rem; }
.sj-home-pitch .eyebrow { font-size: .875rem; letter-spacing: .1em; color: #526b50; }
.sj-home-pitch h1 { font: 400 clamp(3.5rem,6.5vw,6.7rem)/.99 Georgia,serif; letter-spacing: -.055em; margin: 1.5rem 0 2rem; color: #163e31; }
.sj-home-pitch h1 em { font-weight: 400; color: #697c3a; }
.sj-home-pitch > p:not(.eyebrow) { max-width: 500px; color: #506053; font-size: 1.06rem; }
.sj-home-pitch > .sj-home-lead { font-size: 1.35rem !important; line-height: 1.5; color: #213c2d !important; }
.sj-home-pitch .hero-actions { align-items: center; gap: 1rem 1.5rem; margin-top: 2rem; }
.home .sj-home-pitch .button-primary { background: #244b36; border-color: #244b36; color: #fff; font-size: 1rem; text-transform: none; letter-spacing: 0; }
.home .sj-home-pitch .button-primary:hover { background: #356747; }
.sj-home-text-link { font-size: 1rem; text-underline-offset: .35em; }
.sj-home-origin { display: inline-flex; align-items: center; gap: 1.5rem; margin-top: 3rem; font-size: .875rem; text-decoration: none; color: #52654e; }
.sj-home-journal { margin: 0; border: 1px solid #c5ccba; background: #fffef8; box-shadow: 12px 16px 0 #e4e7d8; border-radius: 5px; overflow: hidden; min-width: 0; }
.sj-home-journal-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; padding: 1rem 1.35rem; font-size: .875rem; color: #3a553b; border-bottom: 1px solid #c5ccba; }
.sj-home-journal-heading span:first-child { font-weight: 650; }
.sj-home-journal > img { width: 100%; height: auto; aspect-ratio: 1.9; object-fit: cover; display: block; }
.sj-home-journal figcaption { padding: 1.3rem 1.35rem 1rem; font: 400 1.7rem/1.2 Georgia,serif; }
.sj-home-journal figcaption small { display: block; font: .75rem/1.5 system-ui,sans-serif; color: #5c6959; margin-top: .65rem; }
.sj-home-records { padding: 0 1.35rem .5rem; }
.sj-home-records a { display: grid; grid-template-columns: 2rem 1fr auto; align-items: center; gap: .7rem; border-top: 1px solid #dbe0d1; padding: 1rem 0; text-decoration: none; }
.sj-home-records a:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.sj-home-record-number { color: #6f7e58; font: italic 1.1rem Georgia,serif; }
.sj-home-records strong { display: block; font-size: 1rem; font-weight: 600; }
.sj-home-records small { display: block; margin-top: .2rem; color: #596654; font-size: .875rem; }
.sj-home-case { background: #e5e9d9; border-block: 1px solid #c6cfb9; padding: 4.5rem max(1.5rem,calc((100% - 1280px)/2)); display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(2rem,7vw,7rem); }
.sj-home-case-heading > p { max-width: 470px; font-size: 1.06rem; }
.sj-home-case-heading .eyebrow { font-size: .875rem; color: #4a6343; }
.home .sj-home-case h2 { font-size: clamp(2.8rem,4vw,4.5rem); }
.sj-home-case-note { font-size: .875rem !important; color: #56664f; }
.sj-home-workflows article { border-top: 1px solid #aeba9f; padding: 1.4rem 0; }
.sj-home-workflows article:first-child { padding-top: 0; border: 0; }
.sj-home-workflows article > span { font-size: .875rem; color: #506846; }
.sj-home-workflows h3 { font: 400 1.8rem/1.2 Georgia,serif; letter-spacing: -.025em; margin: .65rem 0; }
.sj-home-workflows p { color: #46583f; margin: .6rem 0; }
.sj-home-workflows a { font-size: .875rem; text-underline-offset: .3em; font-weight: 600; }
.home .hero .farm-story-title { font: 400 clamp(4rem,7.5vw,8rem)/.98 Georgia,serif; max-width: 850px; letter-spacing: -.05em; margin: 0; }
@media(max-width:1000px) { .home .site-header { flex-wrap: wrap; gap: 1rem; } .sj-home-intro { gap: 2rem; } }
@media(max-width:780px) {
 .sj-home-intro { grid-template-columns: 1fr; padding: 2.5rem 0 3rem; gap: 2.5rem; }
 .sj-home-pitch h1 { font-size: clamp(3rem,12vw,5rem); }
 .sj-home-pitch > p:not(.eyebrow) { max-width: none; }
 .sj-home-origin { margin-top: 2rem; }
 .sj-home-journal { box-shadow: 6px 8px 0 #e4e7d8; }
 .sj-home-case { grid-template-columns: 1fr; padding-block: 3rem; gap: 2.5rem; }
 .home .hero .farm-story-title { font-size: clamp(3rem,10vw,5rem); }
}
/* The opening returns to the landscape, with a tangible notebook excerpt. */
.home .site-header { position: absolute; color: #fff9e6; border-color: #ffffff4a; }
.home .site-header nav a:hover { color: #f1cf80; }
.home .sj-home-dot { color: #efc06d; }
.sj-home-intro { position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: min(950px,100svh); padding: 10rem max(1.5rem,calc((100% - 1280px)/2)) 6rem; grid-template-columns: 1.4fr .8fr; gap: 4rem; background: #173e2b; color: #fff8e8; }
.sj-home-landscape { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 55% 50%; }
.sj-home-intro::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#0b241bed 0%,#0b241b95 53%,#0b241b24),linear-gradient(0deg,#0b241baa,transparent 50%,#0b241b66); }
.sj-home-pitch .eyebrow { color: #f0d79f; }
.sj-home-pitch h1 { font-size: clamp(3.4rem,6.1vw,6.4rem); color: #fff9e9; }
.sj-home-pitch h1 em { color: #f0ce7e; }
.sj-home-pitch > p:not(.eyebrow) { color: #e7eddf; }
.sj-home-pitch > .sj-home-lead { color: #fff8e8 !important; font-size: 1.45rem !important; }
.home .sj-home-pitch .button-primary { color: #173c2b; background: #edcc80; border-color: #edcc80; }
.home .sj-home-pitch .button-primary:hover { background: #ffe2a0; }
.sj-home-origin { color: #eee5ce; line-height: 1.6; }
.sj-home-journal { background: #f5e5b7; color: #294331; border-color: #efdcaa; box-shadow: 8px 12px 0 #10281940; transform: none; }
.sj-home-journal-heading { border-color: #b3a778; padding: 1rem 1.5rem; color: #556040; font-size: .75rem; }
.sj-home-note { padding: 1.5rem 1.75rem 1.75rem; }
.sj-home-note .eyebrow { font-size: .875rem; letter-spacing: .1em; }
.home .sj-home-note h2 { font: 400 clamp(1.8rem,2.5vw,2.7rem)/1.15 Georgia,serif; margin: 1rem 0; }
.sj-home-note p { line-height: 1.65; }
.sj-home-note dl { margin: 1.5rem 0; }
.sj-home-note dl > div { padding: .65rem 0; border-top: 1px solid #9d9e744f; }
.sj-home-note dt { font-size: .875rem; color: #61704c; }
.sj-home-note dd { margin: .35rem 0 0; font-size: 1rem; }
.sj-home-note a { font-weight: 650; text-underline-offset: .3em; }
.sj-home-note > small { display: block; margin-top: 1rem; font-size: .75rem; color: #5e6748; }
.sj-home-photo-credit { position: absolute; bottom: 1rem; left: max(1.5rem,calc((100% - 1280px)/2)); margin: 0; font-size: .75rem; color: #eee5ce; }
.sj-home-case { background: #f5f1e2; }
@media(max-width:1000px) { .sj-home-intro { gap: 2rem; padding-top: 11rem; } }
@media(max-width:780px) {
 .sj-home-intro { grid-template-columns: 1fr; min-height: 0; padding-top: 11rem; padding-bottom: 4.5rem; gap: 3rem; }
 .sj-home-pitch h1 { font-size: clamp(3rem,11vw,5rem); }
 .sj-home-landscape { object-position: 65% center; }
 .sj-home-journal { width: min(100%,450px); justify-self: center; transform: none; }
 .sj-home-photo-credit { right: 1.5rem; }
}

.sj-demo-badge { display: inline-block; padding: .3rem .65rem; border: 1px solid #bcc6ac; border-radius: 999px; color: #526446; background: #e6eadb; font-size: .8125rem; line-height: 1.4; }

.sj-case-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 1.75rem; }
.sj-case-actions .home-link, .sj-case-actions .home-link + .home-link { margin-top: 0; padding-block: .25rem; line-height: 1.5; }
