.h4-fieldnotes-page{--ink:#152018;--pine:#173d29;--acid:#dceb94;--paper:#f5f2e8;background:var(--paper);color:var(--ink);font-family:"Poppins","Segoe UI",sans-serif}
.h4-fieldnotes-hero{padding:clamp(4.5rem,9vw,8rem) 1.25rem;background:linear-gradient(120deg,#102d20 0%,#24553a 63%,#8ba257 100%);color:#fff;overflow:hidden;position:relative}
.h4-fieldnotes-hero:after{content:"FIELD NOTES";position:absolute;right:-.03em;bottom:-.22em;font-size:clamp(5rem,18vw,15rem);font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.055);white-space:nowrap}
.h4-fieldnotes-hero__inner,.h4-fieldnotes-archive{width:min(1160px,100%);margin:0 auto;position:relative;z-index:1}
.h4-fieldnotes-hero .h4-eyebrow,.h4-fieldnotes-page .h4-eyebrow,.h4-article .h4-eyebrow{font:800 .78rem/1.2 "Poppins","Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#dceb94;margin:0 0 1rem}
.h4-fieldnotes-hero h1{color:#fff;font-family:"Alegreya",Georgia,serif;font-size:clamp(3rem,8vw,6.8rem);font-weight:800;letter-spacing:-.055em;line-height:.9;max-width:900px;margin:0 0 1.5rem}
.h4-fieldnotes-hero p:last-child{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;max-width:700px}
.h4-fieldnotes-page__content{padding:clamp(3rem,7vw,6.5rem) 1.25rem}
.h4-fieldnotes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}
.h4-fieldnotes-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(23,61,41,.1);border-radius:1.15rem;overflow:hidden;box-shadow:0 14px 38px rgba(24,49,32,.08)}
.h4-fieldnotes-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#244e36,#a6bc72)}
.h4-fieldnotes-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.h4-fieldnotes-card:hover .h4-fieldnotes-card__image{transform:scale(1.035)}
.h4-fieldnotes-card__placeholder{display:block;width:100%;height:100%;background:radial-gradient(circle at 75% 20%,rgba(220,235,148,.7),transparent 35%),linear-gradient(145deg,#173d29,#718d54)}
.h4-fieldnotes-card__body{padding:1.35rem;display:flex;flex:1;flex-direction:column}
.h4-fieldnotes-card__meta{display:flex;justify-content:space-between;gap:.8rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#617061}
.h4-fieldnotes-card h2{font-family:"Poppins","Segoe UI",sans-serif;font-size:1.45rem;line-height:1.12;margin:.8rem 0}
.h4-fieldnotes-card h2 a,.h4-fieldnotes-card__link{color:#173d29;text-decoration:none}
.h4-fieldnotes-card__body>p{color:#536056;font-family:"Alegreya",Georgia,serif;font-size:1.1rem;line-height:1.62}
.h4-fieldnotes-card__link{font-weight:850;margin-top:auto;padding-top:.7rem}
.h4-fieldnotes-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;margin-top:3rem}
.h4-fieldnotes-pagination .page-numbers{display:grid;place-items:center;min-width:2.7rem;height:2.7rem;padding:0 .8rem;border-radius:999px;background:#fff;color:#173d29;text-decoration:none;font-weight:800}
.h4-fieldnotes-pagination .current{background:#173d29;color:#fff}
.h4-fieldnotes-empty{background:#fff;border-left:4px solid #173d29;padding:1.25rem}
.h4-article{--ink:#172118;--pine:#173d29;--leaf:#dceb94;--paper:#f6f3e9;background:var(--paper);color:var(--ink);font-family:"Alegreya",Georgia,serif;padding:clamp(2rem,6vw,5.5rem) 1.25rem}
.h4-article__shell{width:min(920px,100%);margin:0 auto}
.h4-article__crumbs{display:flex;gap:.55rem;align-items:center;font-family:"Poppins","Segoe UI",sans-serif;font-size:.88rem;margin-bottom:clamp(2rem,5vw,4rem)}
.h4-article__crumbs a{color:#45604d;text-decoration:none;font-weight:750}
.h4-article__header{text-align:center}
.h4-article__header .h4-eyebrow{color:#5d792f}
.h4-article h1{font-family:"Alegreya",Georgia,serif;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:800;line-height:.95;letter-spacing:-.045em;margin:.4rem auto 1.3rem;max-width:980px}
.h4-article__meta{display:flex;justify-content:center;gap:1rem;color:#687369;font-family:"Poppins","Segoe UI",sans-serif;font-size:.92rem}
.h4-article__hero{margin:clamp(2.2rem,5vw,4rem) 0;border-radius:1.4rem;overflow:hidden;box-shadow:0 22px 65px rgba(24,47,31,.17)}
.h4-article__hero img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}
.h4-article__content{font-size:clamp(1.08rem,1.7vw,1.22rem);line-height:1.8;color:#334037;width:min(760px,100%);margin:0 auto}
.h4-article__content h2{font-family:"Poppins","Segoe UI",sans-serif;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.08;color:#173d29;margin:2.6rem 0 .8rem}
.h4-article__content h3{font-family:"Poppins","Segoe UI",sans-serif;font-size:1.45rem;color:#244c35;margin-top:2rem}
.h4-article__content a{color:#2f642f;font-weight:800}
.h4-article__content img{max-width:100%;height:auto;border-radius:1rem}
.h4-article__cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#173d29;color:#fff;padding:clamp(1.7rem,4vw,3rem);border-radius:1.4rem;margin:clamp(3rem,7vw,6rem) 0}
.h4-article__cta h2{color:#fff;font-family:"Poppins","Segoe UI",sans-serif;font-size:clamp(1.7rem,3vw,2.5rem);margin:.2rem 0 .7rem}
.h4-article__cta p{max-width:590px;line-height:1.6}
.h4-article__cta>a{flex:none;background:#dceb94;color:#173d29;padding:.9rem 1.2rem;border-radius:999px;text-decoration:none;font-family:"Poppins","Segoe UI",sans-serif;font-weight:850}
.h4-related{border-top:1px solid rgba(23,61,41,.18);padding-top:3rem}
.h4-related>.h4-eyebrow{color:#5d792f}
.h4-related>h2{font-family:"Poppins","Segoe UI",sans-serif;font-size:clamp(1.8rem,4vw,2.7rem)}
.h4-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.h4-related__grid article{background:#fff;padding:1.25rem;border-radius:1rem}
.h4-related__grid h3{font-family:"Poppins","Segoe UI",sans-serif;font-size:1.12rem;line-height:1.2;margin:0}
.h4-related__grid a{color:#173d29;text-decoration:none}
.h4-related__grid p{color:#5a665d;line-height:1.5}
@media(max-width:900px){.h4-fieldnotes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.h4-article__cta{align-items:flex-start;flex-direction:column}.h4-related__grid{grid-template-columns:1fr}.h4-article__meta{flex-direction:column;gap:.25rem}}
@media(max-width:620px){.h4-fieldnotes-grid{grid-template-columns:1fr}.h4-fieldnotes-hero{padding-top:4rem}.h4-fieldnotes-hero h1{font-size:clamp(2.75rem,14vw,4.6rem)}}