.skip {position:absolute;top:0;left:0;transform:translateY(-120%);background:#fff;padding:12px;z-index:5}
.skip:focus {transform:none}
.introduction {max-width:1500px;margin:auto;padding-bottom:0}
.introduction > p:not(.label) {max-width:38rem}
.story-links {display:flex;flex-wrap:wrap;gap:.6rem 1.7rem;border-top:1px solid #cfc7ba;border-bottom:1px solid #cfc7ba;padding-block:1.3rem;margin-top:2.2rem}
.story-links a {text-decoration:underline;text-underline-offset:.3em;text-decoration-color:#b7a48a}
.collection {max-width:1500px;margin:0 auto;padding-block:clamp(3rem,7vw,6rem) 1.7rem;scroll-margin-top:1rem}
.collection:last-of-type {padding-bottom:5rem}
.collection-title {display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem 2rem;margin-bottom:2rem}
.collection-title h2 {margin:0}
.collection-title p {max-width:36rem;color:#55554c}
.frames {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,3rem);align-items:center}
.frames figure {display:flex;justify-content:center}
.frames a {display:block;width:100%}
.frames img {display:block;width:100%;height:auto}
.frames .portrait a {max-width:clamp(17rem,34vw,32rem)}
.frames figure:last-child:nth-child(odd) {grid-column:1/-1}
.frames figure:last-child:nth-child(odd) a {max-width:min(46rem,100%)}
.frames figure.portrait:last-child:nth-child(odd) a {max-width:clamp(17rem,34vw,32rem)}
main > section:nth-last-child(2) {padding-bottom:5rem}
@media(max-width:680px){
 .story-links {gap:.85rem 1.3rem}
 .frames {grid-template-columns:1fr;gap:1.55rem}
 .frames .portrait a,.frames figure.portrait:last-child:nth-child(odd) a {max-width:82%}
 .collection-title {display:block}
 .collection-title p {margin-top:.7rem}
}