/* All entrance effects settle to ordinary document flow. */
.photo-feedback{padding:32px;text-align:center;max-width:420px;font-size:14px;line-height:1.7}
.photo-feedback button{margin-top:20px}
.story-feedback{margin:16px 6px;font-size:12px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:12px}
.lightbox-tools button:disabled,.lightbox-prev:disabled,.lightbox-next:disabled{opacity:.35;cursor:default}
@media(min-width:851px){.mobile-nav{display:none}}
main{overflow-x:clip}
[data-motion]{transform-origin:50% 80%}
.photo-grid figure{content-visibility:visible;position:relative}
.photo-grid{isolation:isolate}
.story-image img{animation:none}
.story-image .photo-outgoing{position:absolute;inset:0;pointer-events:none;z-index:1}
.story-image .expand-icon{z-index:3}
.story-image{isolation:isolate}
.photo-button{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.photo-button .expand-icon{transition:transform .35s,background-color .35s}
.photo-button:hover .expand-icon{transform:rotate(45deg);background:#fff8ed}
.photo-button:active{transform:scale(.985)}
.primary span,.quote-button .quote-icon,.text-button span{display:inline-block;transition:transform .25s}
.primary:hover span,.quote-button:hover .quote-icon,.text-button:hover span{transform:translate(3px,-3px)}
.story-dots a:after{transition:transform .4s,background-color .4s}
.story-dots a.active:after{transform:scaleX(1.35)}
.aviation-card{transition:transform .45s,box-shadow .45s}
/* A small, reversible drift follows scrolling throughout each photo's visit. */
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .photo-grid .photo-button img,.chapter-mobile-image img,.aviation-hero img,.location-photo img{
      animation:photo-scroll-drift 1s linear both;
      animation-timeline:view();
      animation-range:entry 0% exit 100%;
    }
  }
}
@keyframes photo-scroll-drift{
  from{transform:translate3d(0,3%,0) scale(1.08)}
  to{transform:translate3d(0,-3%,0) scale(1.08)}
}
@media(hover:hover) and (pointer:fine){
  .photo-grid .photo-button:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 22px 35px #5a372025}
  .aviation-card:hover{transform:translateY(-6px);box-shadow:0 25px 45px #5a372018,inset 0 1px 0 white}
}
@media(prefers-reduced-motion:reduce){
  [data-motion],.photo-button,.photo-button:hover,.aviation-card:hover,.photo-button .expand-icon,.primary span,.quote-button span,.text-button span{transform:none!important}
}