.our-story-page{background:var(--paper)}

.story-opening{width:min(760px,calc(100% - 56px));margin:clamp(78px,11vw,150px) auto clamp(84px,12vw,160px);text-align:center}
.story-opening .eyebrow,.story-copy .eyebrow{color:#78613e;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}
.story-opening h2,.story-copy h2{font:500 clamp(46px,6.2vw,76px)/.94 var(--serif);letter-spacing:-.055em;margin:0 auto 30px;color:var(--ink)}
.story-opening>p:not(.eyebrow),.story-copy>p:not(.eyebrow){font:500 19px/1.65 var(--serif);color:#535b57;margin:20px auto;max-width:700px}

.story-chapter{width:100%;min-width:0;padding:clamp(66px,8vw,112px) 0 clamp(76px,9vw,128px)}
.story-chapter--cream{background:var(--cream)}
.story-chapter--paper{background:var(--paper)}
.story-copy{width:min(760px,calc(100% - 56px));margin:0 auto 44px}
.story-copy h2{max-width:700px;margin-left:0;margin-right:0}
.story-copy>p:not(.eyebrow){margin-left:0;margin-right:0}

.story-collage{width:min(1120px,calc(100% - 64px));min-width:0;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(18px,2.2vw,30px)}
.story-photo{flex:0 0 auto;height:clamp(190px,21vw,260px);max-width:100%;min-width:0;margin:0;padding:9px 9px 15px;background:#fff;box-shadow:0 12px 30px rgba(32,37,37,.13);transform:rotate(-.7deg)}
.story-photo:nth-child(even){transform:rotate(.8deg) translateY(3px)}
.story-photo:nth-child(3n){transform:rotate(-.35deg) translateY(-2px)}
.story-photo img{display:block;width:auto;max-width:100%;height:100%;min-width:0;object-fit:cover;background:#e6e1d9}

.story-ending{width:min(660px,calc(100% - 56px));margin:clamp(76px,10vw,132px) auto 0;text-align:center}
.story-ending p{font:italic 500 clamp(22px,3vw,29px)/1.5 var(--serif);color:#535b57;margin:0 auto 28px}
.story-ending-link{display:inline-flex;align-items:center;gap:24px;padding:13px 0;border-bottom:1px solid var(--gold);font:600 10px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.story-ending-link span{font-size:16px;transition:transform .2s ease}
.story-ending-link:hover span,.story-ending-link:focus-visible span{transform:translateX(4px)}

@media(max-width:760px){
  .story-opening{width:calc(100% - 44px);margin-top:76px;margin-bottom:82px;text-align:left}
  .story-opening h2,.story-copy h2{font-size:clamp(43px,12vw,60px)}
  .story-opening>p:not(.eyebrow),.story-copy>p:not(.eyebrow){font-size:18px}
  .story-chapter{padding:68px 0 78px}
  .story-copy{width:calc(100% - 44px);margin-bottom:34px}
  .story-collage{width:calc(100% - 34px);gap:14px}
  .story-photo{height:clamp(150px,42vw,190px);padding:6px 6px 11px;transform:rotate(-.35deg)}
  .story-photo:nth-child(even){transform:rotate(.4deg) translateY(2px)}
  .story-photo:nth-child(3n){transform:rotate(-.2deg) translateY(-1px)}
  .story-ending{width:calc(100% - 44px);margin-top:74px}
}

@media(prefers-reduced-motion:reduce){.story-ending-link span{transition:none}}