/* Quiet depth lets the real landscape carry the experience. */
.notebook-hero-image { transform:translate3d(0,var(--scene-depth,0px),0) scale(1.04); }
.river-controls { display:flex; align-items:center; gap:1rem; margin-top:1.5rem; flex-wrap:wrap; }
.river-controls button { min-height:44px; border:1px solid #dce9dd80; border-radius:30px; padding:.7rem 1.15rem; background:#092e29db; color:#f7fff8; font:500 .875rem/1.4 system-ui,sans-serif; cursor:pointer; }
.river-controls button:hover { background:#215448; }
.river-controls button:focus-visible { outline:3px solid #ebd68f; outline-offset:4px; }
.river-controls span { color:#e1ebdf; font:400 .875rem/1.5 system-ui,sans-serif; }
.river-controls [hidden] { display:none; }
.nature-river::before { pointer-events:none; background:linear-gradient(90deg,#031c19d9,#031c1960 50%,#031c190a),linear-gradient(0deg,#031c1940,transparent 60%); }
.river-light { display:none; }
.nature-river { min-height:800px; }
.hero-bird img { animation:none; }
.hero-bird { width:clamp(300px,34vw,540px); right:0; bottom:-4%; }
.home .hero:has(.hero-field-note) .hero-copy { padding-bottom:25rem; }
.nature-field-note { box-shadow:0 12px 35px #00110c1f; }
.nature-motion-toggle { min-height:44px; font-size:.8125rem; }
.nature-scroll { font-size:.8125rem; letter-spacing:.07em; }
.river-region { border-radius:16px; }
.river-region .eyebrow { font-size:.75rem; }
.river-region a { font-size:.875rem; }
.dairy-photo { margin:2.5rem 0; overflow:hidden; border-radius:18px; background:#153c32; }
.dairy-photo img { width:100%; height:auto; display:block; }
.dairy-photo figcaption { padding:.8rem 1.2rem; color:#d4e4d7; font-size:.8125rem; line-height:1.5; }
.dairy-products { display:flex; gap:.8rem; flex-wrap:wrap; margin:1.5rem 0; }
.dairy-products span { padding:.5rem .9rem; border:1px solid #b8d0bb; border-radius:30px; color:#24523d; font-size:.875rem; }
.home-land .dairy-products span { color:#e5efd9; border-color:#e5efd950; }
.opportunity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:2rem 0; }
.opportunity-card { padding:1.75rem; border:1px solid #c8dcd2; border-radius:16px; background:#f6faf7; display:flex; flex-direction:column; }
.opportunity-card .eyebrow { color:#487259; font-size:.75rem; }
.opportunity-card h3 { margin:.5rem 0 1rem; font-size:1.6rem; }
.opportunity-card p { color:#526a61; line-height:1.7; }
.opportunity-card a { color:#087768; text-underline-offset:.25em; margin-top:auto; padding-top:.8rem; font-size:1rem; }
.opportunity-invitation { padding:3rem; margin:3rem 0; border-radius:18px; background:#153c32; color:#fff9e7; }
.opportunity-invitation p { color:#dce9dd; max-width:650px; }
.opportunity-invitation .button { margin-top:1rem; }
.release-chapters { list-style:none; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.release-chapters li { padding:1.6rem; border:1px solid #c8dcd2; border-radius:16px; }
.release-chapters span { font-size:.875rem; color:#087768; }
.release-chapters h3 { margin:.8rem 0; }
.release-chapters p { line-height:1.7; color:#526a61; }
.notebook-nav { gap:1.1rem; }
.notebook-nav a { font-size:.875rem; }
.journal-card h3 { font-size:1.25rem; }
@media(max-width:700px) {
  .home .hero:has(.hero-field-note) .hero-copy { padding-bottom:0; }
  .hero-bird { width:280px; bottom:-10px; right:-25px; }
  .nature-field-note.hero-field-note { margin-bottom:20rem; }
  .nature-scroll { bottom:16rem; }
  .nature-river,.nature-inset.nature-river { min-height:720px; }
  .nature-river h2 { font-size:clamp(3.7rem,14vw,5rem); }
  .opportunity-grid,.release-chapters { grid-template-columns:1fr; }
  .opportunity-invitation { padding:1.5rem; }
  .river-region { margin-top:2rem; }
}
@media(prefers-reduced-motion:reduce) { .notebook-hero-image { transform:none; } }