/* Homepage collections (safaris, stays, field notes).
   - Field notes now centres fewer than three cards, like the safari and stay collections already do.
   - Tablets and desktops show one still row of three cards. On phones each collection is a horizontal row that glides
     by itself in an endless loop and can be swiped (glide-rows.js, the same as the guest-notes row).
   - When more exist, a "View all" panel under the row says how many there are and links to them. */
.journal-section .card-grid-few{grid-template-columns:repeat(auto-fit,minmax(0,calc((100% - 50px)/3)));justify-content:center}
@media(min-width:601px){.home-capped>.experience-card:nth-child(n+4){display:none}}
.home-more{display:none;flex-direction:column;align-items:center;gap:22px;margin-top:clamp(40px,5vw,64px);text-align:center}
.home-more.more-wide{display:flex}
.home-more-count{display:flex;align-items:center;gap:16px;width:min(100%,560px);margin:0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.home-more-count::before,.home-more-count::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#1b2a1e40)}
.home-more-count::after{background:linear-gradient(90deg,#1b2a1e40,transparent)}
.home-more-count>span::before{content:"✳";margin-right:10px;color:var(--orange);letter-spacing:0}
.home-more-count .count-narrow{display:none}
.home-more-links{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 22px}
.home-more-link{position:relative;display:inline-flex;align-items:center;gap:16px;padding:14px 16px 14px 26px;border:1px solid var(--forest);border-radius:2px;background:var(--orange);color:var(--forest);font-size:14px;font-weight:600;letter-spacing:.02em;box-shadow:5px 5px 0 var(--forest);overflow:hidden;isolation:isolate;transition:translate .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1),color .25s}
.home-more-link::before{content:"";position:absolute;inset:0;z-index:-1;background:#fffdf8;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.home-more-link:hover,.home-more-link:focus-visible{color:var(--forest);translate:-2px -2px;box-shadow:7px 7px 0 var(--forest)}
.home-more-link:hover::before,.home-more-link:focus-visible::before{transform:scaleX(1)}
.home-more-link:active{translate:2px 2px;box-shadow:2px 2px 0 var(--forest)}
.home-more-link:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.home-more-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;background:#fffdf880;border-radius:50%;font-size:13px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.home-more-link:hover .home-more-arrow,.home-more-link:focus-visible .home-more-arrow{transform:rotate(45deg)}
.home-more-link.is-secondary{background:#fffdf8;color:var(--forest);box-shadow:5px 5px 0 var(--orange)}
.home-more-link.is-secondary::before{background:var(--orange)}
.home-more-link.is-secondary:hover,.home-more-link.is-secondary:focus-visible{box-shadow:7px 7px 0 var(--forest)}
@media(max-width:600px){
  .home-capped[data-glide]{display:flex;gap:16px;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .home-capped[data-glide]::-webkit-scrollbar{display:none}
  /* Fewer than three cards: start-aligned like the others. Centring (the still grid's "few cards" look) would push
     half of the loop past the left edge, where a scrolling row cannot reach, and the swipe got stuck. */
  .home-capped[data-glide],.home-capped[data-glide].card-grid-few{justify-content:flex-start}
  .home-capped[data-glide]>.experience-card{display:block;flex:0 0 84%;min-width:0;scroll-snap-align:center}
  .home-capped.is-gliding{scroll-snap-type:none;scroll-behavior:auto}
  .home-capped.is-gliding>*{translate:calc(var(--glide-x,0px) * -1) 0;will-change:translate}
  .home-more.more-wide{display:none}
  .home-more.more-narrow{display:flex}
  .home-more-count .count-wide{display:none}
  .home-more-count .count-narrow{display:inline}
  .home-more-count{gap:12px;font-size:10px;letter-spacing:.12em}
  .home-more-links{flex-direction:column;align-items:stretch;width:100%;gap:16px}
  .home-more-link{justify-content:space-between;box-shadow:4px 4px 0 var(--forest)}
  .home-more-link.is-secondary{box-shadow:4px 4px 0 var(--orange)}
}
@media(prefers-reduced-motion:reduce){.home-more-link,.home-more-link::before,.home-more-arrow{transition:none}}