.wildlife-collection{--lime:#bb262d}
.wildlife-collection .collection-header{color:#171714}
.wildlife-collection .collection-header nav a::after{background:#171714}
.wildlife-collection .collection-header nav span{border-color:rgba(23,23,20,.35)}
.wildlife-collection .collection-hero{color:#171714;background:#eef0ed}
.wildlife-collection .collection-hero__veil{background:linear-gradient(90deg,rgba(242,243,240,.34),transparent 48%),linear-gradient(0deg,rgba(240,241,238,.18),transparent 42%)}
.wildlife-collection .collection-hero__copy{top:48%}
.wildlife-collection .collection-hero h1{font-size:clamp(72px,10.4vw,160px);line-height:.75}
.wildlife-collection .collection-hero h1 em{color:#a62329}

.wildlife-gallery{padding-top:clamp(125px,14vw,215px);padding-bottom:clamp(180px,22vw,340px)}
.field-marker{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:18px;margin:0 clamp(0px,5vw,75px) clamp(90px,10vw,155px);font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.field-marker span{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(23,23,20,.48);border-radius:50%;font-variant-numeric:tabular-nums}
.field-marker p,.field-marker i{margin:0;font-style:normal}.field-marker i{color:#66685f}
.field-marker--second{margin-top:clamp(115px,14vw,220px)}

.wildlife-frame{margin-top:clamp(140px,18vw,280px);margin-bottom:clamp(140px,18vw,280px)}
.wildlife-frame--jay{width:min(88%,1390px);margin-left:auto;margin-right:0}
.wildlife-frame--squirrel{width:min(72%,1100px);margin-left:clamp(0px,5vw,80px);margin-right:auto}
.wildlife-frame--ground-pair{width:min(84%,1320px);margin-left:auto;margin-right:clamp(0px,3vw,48px)}
.wildlife-frame--seals{width:100%;margin-left:0;margin-right:0}
.wildlife-frame--final{width:min(78%,1220px);margin-left:clamp(0px,7vw,110px);margin-right:auto;margin-bottom:0}
.wildlife-frame .photo-meta{margin-top:14px}

.wildlife-interlude{text-align:left;padding:clamp(70px,9vw,140px) clamp(0px,8vw,125px) clamp(30px,4vw,65px)}
.wildlife-interlude h2{font-size:clamp(62px,8.5vw,132px);line-height:.8}
.wildlife-interlude h2 em{color:#777970;margin-left:clamp(25px,8vw,125px)}
.wildlife-scroll-bridge{--bridge-progress:0;position:relative;height:clamp(520px,64vw,880px);display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(20px,4vw,65px);overflow:hidden}
.wildlife-scroll-bridge__cue{z-index:2;flex:0 0 clamp(78px,9vw,120px);width:min(84vw,1320px);display:flex;gap:18px;align-items:center;margin:0;font-size:10px;letter-spacing:.19em;text-transform:uppercase;opacity:calc(1 - var(--bridge-progress) * 1.8)}
.wildlife-scroll-bridge__cue::after{content:"↓";font-size:18px;transform:translateY(calc(var(--bridge-progress) * 7px))}
.wildlife-scroll-bridge__cue i{font-style:normal;color:#6a6c64}
.wildlife-scroll-bridge figure{width:min(84vw,1320px);margin:0;transform:scale(calc(.13 + var(--bridge-progress) * .87));transform-origin:center top;will-change:transform;box-shadow:0 calc(18px - var(--bridge-progress) * 18px) 55px rgba(23,23,20,calc(.16 - var(--bridge-progress) * .12))}
.wildlife-scroll-bridge img{width:100%;height:auto}
.wildlife-scroll-bridge .photo-meta{display:flex;justify-content:space-between;margin-top:14px}
.wildlife-outro{background:#cfd2cc}
.wildlife-outro .eyebrow{color:#982229}
.wildlife-outro blockquote{max-width:930px}

@media(max-width:760px){
  .wildlife-collection .collection-header{background:#eef0ed;color:#171714}
  .wildlife-collection .collection-hero__copy{background:#eef0ed}
  .wildlife-collection .collection-hero h1{font-size:18vw}
  .wildlife-gallery{padding-top:72px;padding-bottom:100px}
  .field-marker{grid-template-columns:40px 1fr;margin-left:6px;margin-bottom:52px}
  .field-marker i{grid-column:2}
  .field-marker--second{margin-top:64px}
  .wildlife-frame,.wildlife-frame--jay,.wildlife-frame--squirrel,.wildlife-frame--ground-pair,.wildlife-frame--seals,.wildlife-frame--final{width:100%;margin:52px 0}
  .wildlife-frame--final{margin-bottom:0}
  .wildlife-interlude{padding:46px 4px 26px}
  .wildlife-interlude h2{font-size:17vw}
  .wildlife-interlude h2 em{margin-left:0}
  .wildlife-scroll-bridge{height:clamp(350px,52vh,430px);min-height:0;margin-bottom:16px}
  .wildlife-scroll-bridge__cue{width:100%;padding-left:8px;box-sizing:border-box}.wildlife-scroll-bridge__cue i{display:none}
  .wildlife-scroll-bridge figure{width:100%}
}

@media(min-width:761px){
  .field-marker--second{margin-top:clamp(75px,9vw,145px)}
  .wildlife-frame{margin-top:clamp(85px,11vw,170px);margin-bottom:clamp(85px,11vw,170px)}
  .wildlife-frame--final{margin-bottom:0}
  .wildlife-interlude{padding-top:clamp(50px,7vw,100px);padding-bottom:clamp(25px,3vw,50px)}
}

@media(prefers-reduced-motion:reduce){
  .wildlife-scroll-bridge{height:auto;display:block;padding:55px 0}
  .wildlife-scroll-bridge__cue{width:min(84vw,1320px);min-height:auto;margin:0 auto 28px;opacity:1}
  .wildlife-scroll-bridge figure{transform:none;width:min(84vw,1320px);margin:auto;box-shadow:none}
}