/* Homepage layout only. Colours, paper, frames and controls come from the
   shared atlas styles so the collection remains part of the same website. */
.ts-home .header-shell { max-width:1280px; min-height:80px; padding-inline:32px; }
.ts-home .header-actions,.ts-home .header-cluster { gap:16px; }
.ts-home .header-shell::after,.ts-home .sticky-header::after { display:none; }
.ts-home .adventure-cover { min-height:540px; height:auto; }
.ts-home .adventure-scroll { display:none; }
.ts-home .adventure-copy { padding-block:72px; }
.ts-home .adventure-copy h1 { font-size:clamp(54px,6vw,82px) !important; line-height:1.02 !important; }
.ts-home .adventure-kicker { margin-bottom:24px; }
.ts-home .adventure-copy p { max-width:370px; font-size:15px; }
.ts-home .adventure-secondary { margin-top:20px; }
.ts-home main { max-width:1280px; padding-inline:32px; }
.ts-home #wandelingen { margin-top:0; padding-top:48px; }
.ts-home .atlas-card-contour { display:none; }
.ts-home .catalog-heading h2 { font-size:clamp(38px,4vw,52px) !important; }
.ts-home .distance-filters { gap:8px; flex-wrap:wrap; }
.ts-home #cardsGrid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 28px; }
.ts-home #cardsGrid .podcard { grid-column:auto; padding-top:0; display:flex; flex-direction:column; }
.ts-home #cardsGrid .podcard > a { padding:5px; border:1px solid #a88a4d66; background:#f1ead9; }
.ts-home #cardsGrid .podcard > a > img { height:230px; width:100%; object-fit:cover; border-radius:0; }
.ts-home #cardsGrid .podcard h2 { font-size:32px; padding-right:0; overflow-wrap:anywhere; }
.ts-home #cardsGrid .podcard > .p-5 { flex:1; display:flex; flex-direction:column; }
.ts-home #cardsGrid .podcard > .p-5 > .btn-primary { margin-top:auto; }
.ts-home .app-showcase { width:100%; margin-inline:0; }
@media(max-width:1000px) {
 .ts-home #cardsGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ts-home .header-actions,.ts-home .header-cluster { gap:8px; }
 .ts-home .header-actions .lang-switch { display:none; }
}
@media(max-width:760px) {
 .ts-home .header-shell { padding-inline:20px; min-height:72px; }
 .ts-home .adventure-cover { min-height:520px; }
 .ts-home .adventure-copy { padding:64px 24px 100px; }
 .ts-home main { padding-inline:20px; }
 .ts-home #wandelingen { padding-top:32px; }
}
@media(max-width:540px) {
 .ts-home #cardsGrid { grid-template-columns:1fr; gap:32px; }
 .ts-home .header-pill.primary { font-size:12px; }
 .ts-home .distance-filters button { font-size:12px; }
}

/* A compact cartographer's instrument; ornament is separate from live controls. */
body.ts-home #wandelingen {
 margin-top:28px; padding:22px 26px 18px;
 border:1px solid #a88a4d; border-radius:0;
 background:#f1ead9 url('/assets/atlas-art/finder-panel-v1.webp') center / 100% 100% no-repeat;
 box-shadow:0 3px 8px #203f2b12;
 scroll-margin-top:94px;
}
body.ts-home #wandelingen::before { display:none; }
body.ts-home #wandelingen .catalog-heading { margin:0 0 14px; gap:12px; }
body.ts-home #wandelingen .catalog-heading h2 { font-size:clamp(26px,3vw,36px) !important; }
body.ts-home #wandelingen :is(.btn-soft,.distance-filters button) {
 border-width:5px !important; border-image-width:5px !important;
 padding:3px 9px !important; min-height:44px; font-size:12px;
}
body.ts-home .finder-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,.65fr); gap:14px; align-items:end; }
body.ts-home .finder-controls > *,body.ts-home .finder-sort > div { min-width:0; }
body.ts-home .finder-sort { display:flex; align-items:end; gap:8px; }
body.ts-home .finder-sort > div { flex:1; }
body.ts-home #wandelingen label { display:block; margin:0 0 4px; font-size:12px; color:#46543f !important; }
body.ts-home #wandelingen :is(#zoekveld,#sorteer) {
 width:100%; min-width:0 !important; height:44px; min-height:44px;
 padding:8px 10px !important; font-size:16px; background:#fff9e8b3 !important;
 border:1px solid #9f895b !important; box-shadow:inset 0 2px 3px #203f2b0c;
}
body.ts-home #wandelingen :is(#zoekveld,#sorteer):focus-visible { outline:2px solid #79613a; outline-offset:2px; }
body.ts-home #wandelingen #resetFilters { flex:none; width:44px; padding:3px !important; }
body.ts-home #wandelingen .distance-filters { display:flex; gap:6px; margin:12px 0 0; padding:0; }
body.ts-home #wandelingen .distance-filters button { flex:0 1 auto; }
body.ts-home #wandelingen #resultCount { margin:8px 0 0; padding:0; font-size:12px; color:#46543f !important; }
@media(max-width:540px) {
 body.ts-home #wandelingen { padding:16px 14px; margin-top:20px; }
 body.ts-home .finder-controls { grid-template-columns:1fr; gap:10px; }
 body.ts-home #wandelingen .catalog-heading h2 { max-width:190px; }
 body.ts-home #wandelingen .distance-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
}

/* ImageGen maker's mark: one compact asset, live wordmark alongside it. */
body.ts-home .sticky-header .brand-mark {
 display:block; width:56px; height:56px; padding:0; flex:none;
 border:0; border-radius:0; box-shadow:none; background:none; transform:none;
}
body.ts-home .sticky-header .brand-mark img {
 display:block; width:100%; height:100%; object-fit:contain; border-radius:0;
}
@media(max-width:540px) {
 body.ts-home .sticky-header .brand-mark { width:44px; height:44px; }
 body.ts-home .brand-lockup { gap:8px; }
}

/* One reusable atlas plate frames each live walking card. */
body.ts-home #cardsGrid .podcard {
 border:14px solid transparent;
 border-image:url('/assets/atlas-art/walk-card-frame-v1.webp') 12% fill / 14px / 0 stretch;
 border-radius:0; background:#f1ead9; padding:5px;
 box-shadow:0 4px 12px #203f2b12 !important;
 min-width:0; isolation:isolate;
}
body.ts-home #cardsGrid .podcard > a {
 margin:0; padding:3px; border:1px solid #a88a4d80; background:#e7ddc5;
}
body.ts-home #cardsGrid .podcard > a > img {
 height:auto; aspect-ratio:4 / 3; width:100%; object-fit:cover;
}
body.ts-home #cardsGrid .podcard > .p-5 { padding:17px 6px 4px; }
body.ts-home #cardsGrid .podcard h2 { font-size:clamp(28px,2.7vw,34px); margin-bottom:10px; }
body.ts-home #cardsGrid .podcard .truncate2 { max-width:100%; margin-bottom:14px; font-size:13px; }
body.ts-home #cardsGrid .podcard-meta {
 border-top:1px solid #a88a4d55; padding-top:12px; gap:8px;
 margin-bottom:14px; align-items:center;
}
body.ts-home #cardsGrid .podcard-meta > span { margin-right:0; }
body.ts-home #cardsGrid .podcard > .p-5 > .btn-primary {
 border-width:6px !important; border-image-width:6px !important;
 min-height:46px; padding:5px 9px !important; font-size:12px;
}
@media(max-width:540px) {
 body.ts-home #cardsGrid { gap:22px; }
 body.ts-home #cardsGrid .podcard { border-width:12px; border-image-width:12px; }
}