/* Photo-led homepage pathways share the same coastal palette as the rest of
   BAS. Pictures carry the color; type, surfaces and controls stay consistent. */
.discover-pathways { padding-top:78px; padding-bottom:65px; }
.discover-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:46px; margin-bottom:38px; }
.discover-section-heading h2 { margin:13px 0 0; }
.discover-section-heading>p { max-width:36ch; margin:0 0 4px; font-size:.95rem; color:var(--muted); }
.discover-pathway-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.discover-pathway { min-width:0; }
.discover-pathway-image { position:relative; isolation:isolate; display:block; aspect-ratio:4/5; overflow:hidden; color:#fffdf7; text-decoration:none; background:var(--forest); }
.discover-pathway-image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.discover-pathway-image.forest img { object-position:54% center; }
.discover-pathway-image.birds img { object-position:60% center; }
.discover-pathway-image::after { content:""; position:absolute; inset:0; z-index:0; background:linear-gradient(0deg,#082c44ec 0%,#082c4480 32%,transparent 64%); pointer-events:none; }
.discover-pathway-image:hover img { transform:scale(1.025); }
.discover-pathway-image:hover { color:#fffdf7; }
.discover-pathway-image:focus-visible { outline:3px solid var(--coastal,#245b75); outline-offset:5px; }
.discover-pathway-copy { position:absolute; z-index:1; inset:auto 28px 26px; }
.discover-pathway-copy>span { display:block; font-size:.61rem; font-weight:600; letter-spacing:.13em; color:#dceaf0; margin-bottom:14px; }
.discover-pathway-copy h3 { font-family:var(--serif); font-size:clamp(2rem,3.1vw,3.25rem); font-weight:400; line-height:1.02; letter-spacing:-.025em; margin:0; max-width:10ch; padding-right:12px; }
.discover-pathway-copy>b { position:absolute; bottom:2px; right:0; font-size:1.5rem; font-weight:400; }
.discover-pathway>p { margin:21px 0 14px; font-size:.87rem; line-height:1.7; color:var(--muted); }
.discover-pathway-links { display:flex; flex-wrap:wrap; gap:2px 17px; }
.discover-pathway-links a { display:inline-flex; gap:7px; align-items:center; min-height:40px; font-size:.75rem; font-weight:600; text-decoration:none; border-bottom:1px solid var(--line); }
.discover-pathway-links a:hover { color:var(--coastal,#245b75); border-color:currentColor; }
/* The secondary rail keeps caves and the map one step away without introducing
   another batch of competing cards or another color theme. */
.discover-next-steps { display:grid; grid-template-columns:1fr 1fr; margin-top:36px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.discover-next-steps>a { position:relative; padding:24px 40px 24px 0; text-decoration:none; font-size:.9rem; font-weight:500; }
.discover-next-steps>a+ a { border-left:1px solid var(--line); padding-left:30px; }
.discover-next-steps span { display:block; font-size:.6rem; letter-spacing:.1em; font-weight:600; color:var(--muted); margin-bottom:6px; }
.discover-next-steps b { position:absolute; right:16px; bottom:25px; font-weight:400; font-size:1.2rem; }
.discover-photo-credit { margin:16px 0 0; font-size:.65rem; color:var(--muted); }
/* A single large player anchors the collection. All four film choices stay
   visible in normal document flow and accessible by keyboard. */
.discover-cinema { padding:72px 0 76px; background:var(--sand,#f5f2e9); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.discover-cinema-grid { display:grid; grid-template-columns:minmax(0,2.2fr) minmax(270px,1fr); gap:34px; align-items:start; }
.discover-cinema-feature { min-width:0; }
.discover-cinema .media-film { border-radius:0; border:0; background:var(--paper,#fffdf7); color:var(--ink); }
.discover-cinema .media-film-body { padding:27px 30px 25px; }
.discover-cinema .media-film h3 { font-size:clamp(2rem,3vw,3rem); }
.discover-cinema .media-film-play-disc { width:78px; height:78px; font-size:27px; background:#fffdf7eb; color:var(--forest); }
.discover-cinema .media-film-shade { background:linear-gradient(0deg,#082c4466,transparent 70%); }
.discover-film-place { display:flex; gap:20px; align-items:center; justify-content:space-between; padding:18px 0 4px; font-size:.82rem; font-weight:600; text-decoration:none; }
.discover-film-place span { font-size:1.2rem; }
.discover-playlist { min-width:0; }
.discover-playlist-label { display:flex; justify-content:space-between; gap:15px; font-size:.63rem; letter-spacing:.1em; font-weight:600; border-bottom:1px solid var(--line); padding-bottom:18px; margin:0; }
.discover-playlist-label>span { font-weight:400; }
.discover-playlist-item { border-bottom:1px solid var(--line); padding:14px 0 12px; }
.discover-playlist-item button { display:grid; grid-template-columns:84px minmax(0,1fr) 15px; gap:13px; align-items:center; width:100%; border:0; border-left:3px solid transparent; padding:9px 7px 9px 9px; background:transparent; color:var(--ink); text-align:left; }
.discover-playlist-item button:hover { background:#245b750c; }
.discover-playlist-item.is-selected button { background:var(--paper,#fffdf7); border-left-color:var(--coastal,#245b75); }
.discover-playlist-item button:focus-visible { outline:3px solid var(--coastal,#245b75); outline-offset:3px; }
.discover-playlist-item img { width:84px; height:58px; object-fit:cover; }
.discover-playlist-text { display:flex; flex-direction:column; gap:5px; }
.discover-playlist-text strong { font-size:.8rem; line-height:1.35; font-weight:600; }
.discover-playlist-text small { font-size:.66rem; color:var(--muted); }
.discover-playlist-text em { font-size:.59rem; font-style:normal; font-weight:600; color:var(--coastal,#245b75); }
.discover-playlist-arrow { font-size:.82rem; color:var(--coastal,#245b75); }
.discover-playlist-item>a { display:inline-flex; align-items:center; gap:8px; min-height:34px; margin-left:109px; font-size:.65rem; color:var(--muted); }
.discover-all-films { display:flex; justify-content:space-between; gap:15px; margin-top:22px; padding:12px 0; font-size:.77rem; font-weight:600; text-decoration:none; }
/* Screen-reader feedback does not move or interrupt the visitor's scroll. */
.discover-film-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1000px) {
    .discover-section-heading { gap:25px; }
    .discover-pathway-grid { gap:18px; }
    .discover-pathway-copy { inset:auto 19px 21px; }
    .discover-pathway-copy h3 { font-size:2.3rem; }
    .discover-cinema-grid { gap:22px; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); }
}
@media(max-width:900px) {
    .discover-cinema-grid { grid-template-columns:1fr; }
    .discover-playlist { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
    .discover-playlist-label,.discover-all-films { grid-column:1/-1; }
}
@media(max-width:700px) {
    .discover-pathways { padding-top:52px; padding-bottom:44px; }
    .discover-section-heading { display:block; margin-bottom:28px; }
    .discover-section-heading>p { max-width:48ch; margin-top:22px; }
    .discover-pathway-grid { grid-template-columns:1fr; gap:30px; }
    .discover-pathway-image { aspect-ratio:5/4; }
    .discover-pathway-copy { inset:auto 24px 24px; }
    .discover-pathway-copy h3 { font-size:clamp(2.4rem,9vw,3.8rem); max-width:11ch; }
    .discover-pathway>p { margin-top:17px; }
    .discover-pathway-links a { min-height:44px; }
    .discover-next-steps { grid-template-columns:1fr; margin-top:26px; }
    .discover-next-steps>a+ a { border-left:0; border-top:1px solid var(--line); padding-left:0; }
    .discover-next-steps>a { padding-top:20px; padding-bottom:20px; font-size:.84rem; }
    .discover-next-steps b { right:3px; }
    .discover-cinema { padding-top:50px; padding-bottom:45px; }
    .discover-cinema .media-film-body { padding:24px 21px; }
    .discover-cinema .media-film-play-disc { width:62px; height:62px; font-size:23px; }
}
@media(max-width:500px) {
    .discover-playlist { grid-template-columns:1fr; }
    .discover-playlist-item button { grid-template-columns:95px minmax(0,1fr) 15px; }
    .discover-playlist-item img { width:95px; height:62px; }
    .discover-playlist-text strong { font-size:.88rem; }
    .discover-playlist-item>a { margin-left:120px; min-height:40px; }
}
@media(prefers-reduced-motion:reduce) {
    .discover-pathway-image img { transition:none; }
    .discover-pathway-image:hover img { transform:none; }
}