/* Dimensions, fonts and layered photo frames from the original invitation. */
#SECTION28.wedding-story{height:auto!important;min-height:1069.8px;background:linear-gradient(265deg,#ecdbd4,#fff);padding:36px 0 70px;overflow:hidden;box-sizing:border-box}
#SECTION28.wedding-story>.ladi-container{height:auto!important;width:min(960px,100%)!important;margin:0 auto!important;padding:0;left:0!important;transform:none!important;box-sizing:border-box}
.wedding-story h2{font-family:MjEtTEUSCEYXJjZXkgTxpdmVyLnRZg,sans-serif;font-weight:400;font-size:121px;line-height:1.6;text-align:center;margin:0 auto;width:min(628px,100%);background:linear-gradient(#352001,#ffa601);background-clip:text;-webkit-background-clip:text;color:transparent}
.wedding-story p{color:#ac7134;font-family:Philosopher,sans-serif;font-style:italic;font-size:16px;line-height:1.6;overflow-wrap:anywhere;text-align:center}
.wedding-story .story-intro{width:min(455px,90%);margin:-9.6px auto 78px}
.story-rows{display:grid;gap:0}
.story-row{display:grid;grid-template-columns:minmax(0,466.05fr) minmax(0,466.05fr);gap:27.9px;align-items:start}
.story-row p{margin:0;max-width:455px;justify-self:center}
.story-photo{position:relative;isolation:isolate;width:100%;aspect-ratio:466.05/310.7}
.story-photo:before,.story-photo:after{content:'';position:absolute;inset:0;border:2px solid #fff;border-radius:15px;transform:rotate(-3deg);z-index:-1;box-sizing:border-box;opacity:.65}
.story-photo:after{transform:rotate(-8deg);opacity:.4}
.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border:2px solid white;border-radius:15px;box-sizing:border-box}
.story-row:nth-child(even) .story-photo{grid-column:2;grid-row:1}
.story-row:nth-child(even) p{grid-column:1;grid-row:1;padding-top:84.7px}
.story-row+.story-row{margin-top:24px}
html[data-ui=mobile] #SECTION28.wedding-story{padding:24.069px 0 52px;min-height:1240.6px}
html[data-ui=mobile] #SECTION28.wedding-story>.ladi-container{width:min(420px,100%)!important}
html[data-ui=mobile] .wedding-story h2{font-size:102.6px;width:100%;line-height:1.6}
html[data-ui=mobile] .wedding-story p{font-size:14px;line-height:1.6}
html[data-ui=mobile] .wedding-story .story-intro{width:80%;margin:-14.87px auto 22px}
html[data-ui=mobile] .story-row{display:flex;flex-direction:column;align-items:center;gap:38.9px}
html[data-ui=mobile] .story-photo{width:87.27%;aspect-ratio:366.533/244.85}
html[data-ui=mobile] .story-row p{width:85%;padding:0}
html[data-ui=mobile] .story-row+.story-row{margin-top:58px}
/* Original desktop stagger, with extra text space preventing overlap on long stories. */
html[data-ui=desktop] .story-row:nth-child(odd) p{padding-bottom:35px}
html[data-ui=desktop] .story-row:nth-child(even){margin-top:-34.814px}