.encounters{padding:80px max(24px,4vw) 26px;background:#20221e;color:#f4f0e6;scroll-margin-top:20px}.encounters-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;max-width:1400px;margin:0 auto 40px}.encounters-heading h2{font-size:clamp(54px,6vw,90px);line-height:.96;margin:20px 0 0}.encounters-heading h2 em{color:#e98b4b}.encounters-heading>p{font-size:14px;line-height:1.8;color:#e4dfd3;margin-bottom:4px}.encounters-heading>p span{font-size:11px;color:#bdb9ae}.photo-collage{max-width:1600px;margin:auto;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-flow:dense;gap:5px}.photo-tile{position:relative;display:block;padding:0;border:0;background:#333630;aspect-ratio:1.12;overflow:hidden;cursor:zoom-in}.photo-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:transform .3s ease}.photo-tile.photo-wide{grid-column:span 2;aspect-ratio:2.28}.photo-tile span{position:absolute;bottom:10px;right:10px;background:#20221ebd;color:#fff;border:1px solid #fff8;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:16px;opacity:0;transition:opacity .2s}.photo-tile:hover img{transform:scale(1.025)}.photo-tile:hover span,.photo-tile:focus-visible span{opacity:1}.collage-caption{max-width:1600px;margin:20px auto 0;display:flex;justify-content:space-between;color:#bdb9ae;font-size:9px;letter-spacing:1.3px}.gallery-controls{display:flex;align-items:center;gap:6px}.gallery-controls[hidden]{display:none}.art-dialog.gallery-view{width:min(1200px,96vw);background:#171916;color:#fff}.gallery-view .art-toolbar{background:#20221e;color:#fff}.gallery-view .art-toolbar button{border-color:#ffffff65;color:#fff}.gallery-view .art-scroll{padding:12px;display:flex;align-items:center;justify-content:center;height:calc(90dvh - 80px)}.gallery-view .art-scroll img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.gallery-status{font-size:11px;white-space:nowrap;min-width:54px;text-align:center}.gallery-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:9px;color:#c6c6bc;pointer-events:none}.gallery-view .art-scroll{position:relative;padding-bottom:26px}@media(min-width:1500px){.photo-collage{grid-template-columns:repeat(9,minmax(0,1fr))}}@media(min-width:801px) and (max-width:1100px){.photo-collage{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:800px){.encounters{padding:55px 18px 24px}.encounters-heading{display:block;margin-bottom:28px}.encounters-heading>p{margin-top:25px}.photo-collage{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.photo-tile span{opacity:1;width:22px;height:22px;font-size:12px;bottom:6px;right:6px}}@media(max-width:520px){.photo-collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.encounters{padding-left:8px;padding-right:8px}.encounters-heading{padding:0 14px}.photo-tile{aspect-ratio:1}.photo-tile.photo-wide{aspect-ratio:2.04}.collage-caption{font-size:7px;letter-spacing:.7px;padding:0 5px}.gallery-view .art-toolbar{flex-wrap:wrap;gap:10px}.gallery-view .art-toolbar h2{width:calc(100% - 90px);font-size:12px}.gallery-controls{order:3;width:100%;justify-content:center}.gallery-view .art-scroll{height:calc(88dvh - 120px)}}@media(prefers-reduced-motion:reduce){.photo-tile img{transition:none}}
.photo-name{position:absolute;left:0;bottom:0;width:100%;padding:26px 9px 9px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(12px,1.1vw,18px);font-weight:600;line-height:1.1;letter-spacing:.65px;text-transform:uppercase;text-align:center;pointer-events:none}.photo-tile:has(.photo-name)>span{bottom:auto;top:7px}@media(max-width:520px){.photo-name{font-size:12px;letter-spacing:.3px;padding:22px 6px 7px}}