.manifest{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:calc(150px * var(--s)) calc(120px * var(--s))}
.manifest .crumb{margin-bottom:calc(40px * var(--s))}
.manifest__h{color:#fff;max-width:calc(900px * var(--s))}
.manifest__p{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:400;color:#fff;max-width:calc(1180px * var(--s));text-wrap:pretty}
.manifest__p span{display:inline}

.story{display:grid;grid-template-columns:calc(335px * var(--s)) 1fr;gap:calc(60px * var(--s)) calc(120px * var(--s));align-items:start}
.story__margin{position:sticky;top:calc(120px * var(--s));display:flex;flex-direction:column;gap:calc(28px * var(--s))}
.story__lead{max-width:calc(760px * var(--s))}
.story .columns{margin-top:calc(60px * var(--s))}
.story .columns .t-read+.t-read{margin-top:calc(20px * var(--s))}
.story .columns .pull{margin-block:calc(40px * var(--s)) calc(36px * var(--s))}
.story .columns .t-read strong{display:block;margin-bottom:calc(4px * var(--s))}
.story .dropcap::first-letter,.story .dropcap > strong:first-child::first-letter{float:left;font-size:calc(132px * var(--s));line-height:.78;padding:calc(8px * var(--s)) calc(16px * var(--s)) 0 0;color:var(--c-accent);font-weight:400}

.quote__side{grid-column:1/span 4}
.quote__side .quote__fig{grid-column:auto}

.vows{border-top:1px solid var(--t-line)}
.vow{position:relative;padding-block:calc(140px * var(--s));border-bottom:1px solid var(--t-line);overflow:hidden}
.vow .wm{left:max(var(--edge),calc((100% - var(--field)) / 2 - 16px));top:calc(40px * var(--s));font-size:calc(400px * var(--s))}
.vow:nth-child(even) .wm{left:auto;right:max(var(--edge),calc((100% - var(--field)) / 2 - 16px))}
.vow__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gut);align-items:center;position:relative;z-index:1}
.vow__fig{grid-column:1/span 5;aspect-ratio:.9;grid-row:1}
.vow__body{grid-column:7/span 6;grid-row:1;padding-top:calc(120px * var(--s))}
.vow:nth-child(even) .vow__fig{grid-column:8/span 5}
.vow:nth-child(even) .vow__body{grid-column:1/span 6}
.vow__body .t-read{max-width:calc(560px * var(--s))}

@media (max-width:980px){
  .quote__side{grid-column:1/span 5}
  .manifest{min-height:0;padding-block:calc(140px * var(--s)) calc(100px * var(--s))}
  .story{grid-template-columns:1fr;gap:calc(40px * var(--s))}
  .story__margin{position:static}
  .story__margin .media{width:calc(335px * var(--s));max-width:100%}
  .vow{padding-block:calc(90px * var(--s))}
  .vow .wm,.vow:nth-child(even) .wm{left:var(--edge);right:auto;top:calc(20px * var(--s));font-size:calc(220px * var(--s))}
  .vow__fig,.vow__body,.vow:nth-child(even) .vow__fig,.vow:nth-child(even) .vow__body{grid-column:1/span 12;grid-row:auto}
  .vow__body{padding-top:calc(24px * var(--s))}
  .vow__fig{aspect-ratio:1.4}
}
@media (max-width:640px){
  .quote__side{grid-column:1/span 12}
}