/* Birdwatching follows the existing Didot typography and island palette. */
.birding{background:var(--paper-light);padding-block:clamp(70px,8vw,130px)}
.birding-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,6vw,95px);align-items:center}
.birding-copy .eyebrow{color:var(--blue);margin-bottom:25px}
.birding-copy h2{margin-bottom:28px}
.birding-copy>p:not(.eyebrow){max-width:460px;margin-top:20px;line-height:1.8}
.birding-copy .text-link{margin-top:28px}
.birding-lead img{width:100%;height:auto}

.birding-places{padding-block:64px 55px;scroll-margin-top:40px}
.birding-places-heading .eyebrow{color:var(--blue);margin-bottom:18px}
.birding-places-heading h3{font-size:clamp(32px,3vw,46px)}
.birding-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:34px}
.birding-routes article{border-top:1px solid var(--line);padding-top:23px}
.birding-routes .caption-number{display:block;font-size:.78rem;line-height:1.6;letter-spacing:.07em}
.birding-routes h3{font-size:29px;margin-top:15px}
.birding-routes p{color:var(--muted);margin-top:17px;line-height:1.75}

.birding-footnote{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-top:35px}
.birding-footnote p{max-width:690px;color:var(--muted)}
.birding-footnote .text-link{flex-shrink:0}
.birding-life-link{margin-top:20px}
@media(max-width:900px){.birding-intro{grid-template-columns:1fr 1fr;gap:30px}.birding-routes{gap:24px}.birding-footnote{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:620px){.birding-intro{grid-template-columns:1fr;gap:35px}.birding-copy h2 br{display:none}.birding-copy h2 em:before{content:" "}.birding-routes{grid-template-columns:1fr;gap:30px}.birding-places{padding-block:45px}.birding-footnote .text-link{max-width:100%;gap:18px}}

/* An open photo collage: natural image proportions, captions always visible. */
.bird-gallery{margin-top:clamp(48px,7vw,100px)}
.bird-gallery-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:36px}
.bird-gallery-heading .eyebrow{color:var(--blue)}
.bird-gallery-heading>p:last-child{color:var(--muted);font-style:italic}
.bird-collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(28px,4vw,64px) clamp(16px,2.5vw,40px);align-items:center}
.bird-collage-card{grid-column:span var(--bird-span);min-width:0;margin:0;opacity:1;transform:none;transition:opacity 800ms ease,transform 800ms cubic-bezier(.2,.65,.3,1)}
.bird-collage-card img{display:block;width:100%;height:auto;background:#e9e5db}
.bird-collage-card figcaption{margin-top:12px;color:var(--muted);font-size:.9rem;line-height:1.5}
.bird-collage-portrait{width:100%;max-width:250px;justify-self:center}
.bird-collage-card.bird-awaiting-reveal{opacity:0;transform:translateY(24px)}
@media(max-width:900px){.bird-gallery-heading{align-items:flex-start;flex-direction:column;gap:10px}.bird-collage-card{grid-column:span 6}.bird-collage-panorama{grid-column:1 / -1}.bird-collage-portrait{max-width:230px}}
@media(max-width:540px){.bird-gallery-heading{margin-bottom:26px}.bird-collage{gap:28px 14px}.bird-collage-card{grid-column:span 6}.bird-collage-card:nth-child(5n + 1),.bird-collage-panorama{grid-column:1 / -1}.bird-collage-card figcaption{font-size:.8rem;margin-top:9px}.bird-collage-portrait{max-width:170px}}
@media(prefers-reduced-motion:reduce){.bird-collage-card,.bird-collage-card.bird-awaiting-reveal{opacity:1;transform:none;transition:none}}
@media print{.bird-collage-card,.bird-collage-card.bird-awaiting-reveal{opacity:1;transform:none;transition:none;break-inside:avoid}}
