.adoc-couple {
	--adoc-primary: #8f9278;
	--adoc-secondary: #faf9f6;
	--adoc-text: #2e2a27;
	--adoc-heading-font: Baskerville, Georgia, serif;
	--adoc-script-font: "Brush Script MT", "Segoe Script", cursive;
	--adoc-body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--adoc-background: none;
	position: relative;
	isolation: isolate;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	color: var(--adoc-text);
	font-family: var(--adoc-body-font);
	background: var(--adoc-secondary);
	overflow: hidden;
}

.adoc-couple *, .adoc-couple *::before, .adoc-couple *::after { box-sizing: border-box; }
.adoc-backdrop { position: absolute; inset: 0; z-index: -2; background-image: var(--adoc-background); background-position: center; background-size: cover; opacity: .055; }
.adoc-backdrop::after { content: ""; position: absolute; inset: 0; background: rgba(255,255,255,.78); }
.adoc-container { width: 100%; margin-inline: auto; }
.adoc-couple h2, .adoc-couple h3, .adoc-couple h4 { margin-top: 0; color: var(--adoc-text); font-family: var(--adoc-heading-font); }

/* Editorial introduction based on the supplied reference. */
.adoc-editorial-intro {
	position: relative;
	min-height: clamp(410px, 43vw, 630px);
	padding: clamp(38px, 5.2vw, 78px) clamp(24px, 5vw, 78px) clamp(46px, 5.5vw, 86px);
	border-bottom: 1px solid rgba(46,42,39,.16);
	background: rgba(255,255,255,.88);
}
.adoc-editorial-title {
	position: relative;
	z-index: 4;
	max-width: 500px;
	margin: 0 auto clamp(22px, 2.8vw, 42px);
	color: var(--adoc-text);
	font-family: var(--adoc-script-font);
	font-size: clamp(28px, 3.1vw, 48px);
	font-weight: 400;
	line-height: 1.15;
	text-align: center;
}
.adoc-editorial-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(220px, 1fr) minmax(330px, 1.14fr) minmax(220px, 1fr);
	align-items: center;
	gap: clamp(20px, 3.5vw, 58px);
	width: min(1280px, 100%);
	margin-inline: auto;
}
.adoc-editorial-grid.without-portraits { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); width: min(880px, 100%); gap: clamp(46px, 9vw, 120px); }
.adoc-person-copy { position: relative; z-index: 3; max-width: 330px; }
.adoc-person-copy.is-bride { justify-self: start; text-align: left; }
.adoc-person-copy.is-groom { justify-self: end; text-align: right; }
.adoc-person-copy h2 {
	margin: 0 0 15px;
	color: var(--adoc-primary);
	font-family: var(--adoc-script-font);
	font-size: clamp(31px, 3.3vw, 50px);
	font-weight: 400;
	line-height: 1;
}
.adoc-person-copy p { margin: 0; color: rgba(46,42,39,.77); font-size: clamp(13px, 1.15vw, 16px); line-height: 1.78; }
.adoc-socials { display: flex; gap: 12px; margin-top: 20px; }
.adoc-person-copy.is-groom .adoc-socials { justify-content: flex-end; }
.adoc-socials a { display: grid; place-items: center; width: 24px; height: 24px; color: var(--adoc-text); opacity: .78; transition: opacity .2s ease, transform .2s ease; }
.adoc-socials a:hover, .adoc-socials a:focus-visible { opacity: 1; transform: translateY(-2px); }
.adoc-socials svg { width: 14px; height: 14px; fill: currentColor; stroke: currentColor; stroke-width: 1.5; }
.adoc-socials svg rect, .adoc-socials svg circle:not(.adoc-icon-fill) { fill: none; }
.adoc-socials .adoc-icon-fill { stroke: none; }

.adoc-portraits { position: relative; justify-self: center; width: clamp(330px, 33vw, 490px); height: clamp(210px, 23vw, 342px); }
.adoc-portrait { position: absolute; top: 50%; width: clamp(210px, 22vw, 322px); aspect-ratio: 1; overflow: hidden; border: 2px solid var(--adoc-text); border-radius: 50%; background: #ecebe6; box-shadow: 0 8px 24px rgba(20,18,16,.10); transform: translateY(-50%); }
.adoc-portrait::after { content: ""; position: absolute; inset: 7px; pointer-events: none; border: 1px solid rgba(255,255,255,.86); border-radius: inherit; }
.adoc-portrait-bride { left: 0; z-index: 2; }
.adoc-portrait-groom { right: 0; z-index: 1; }
.adoc-portrait-image, .adoc-portrait > .adoc-image-placeholder { width: 100%; height: 100%; object-fit: cover; }
.adoc-portrait-bride .adoc-portrait-image { object-position: center 22%; }
.adoc-portrait-groom .adoc-portrait-image { object-position: center 24%; }
.adoc-image-placeholder { display: grid; place-items: center; background: radial-gradient(circle at 36% 25%, #fff, #dedfd5); color: var(--adoc-primary); }
.adoc-image-placeholder span { font-size: clamp(42px, 6vw, 78px); opacity: .38; }

.adoc-botanical { position: absolute; top: 0; z-index: 1; width: clamp(58px, 7vw, 105px); color: var(--adoc-primary); opacity: .27; }
.adoc-botanical svg { display: block; width: 100%; height: auto; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.adoc-botanical-left { left: clamp(10px, 2.2vw, 34px); }
.adoc-botanical-right { right: clamp(10px, 2.2vw, 34px); transform: scaleX(-1); }

.adoc-couple-photo { width: min(1120px, calc(100% - 40px)); margin: clamp(48px, 7vw, 90px) auto 0; }
.adoc-couple-photo-image { display: block; width: 100%; max-height: 680px; border-radius: 2px; object-fit: cover; box-shadow: 0 22px 50px rgba(28,24,21,.12); }

.adoc-quote { position: relative; width: min(810px, calc(100% - 40px)); margin: clamp(55px, 8vw, 105px) auto; padding: 6px 30px; border: 0; color: var(--adoc-primary); text-align: center; font-family: var(--adoc-script-font); font-size: clamp(28px, 4vw, 52px); font-style: normal; line-height: 1.35; }
.adoc-quote span { opacity: .35; }

.adoc-section-kicker { margin: 0 0 13px; color: var(--adoc-primary); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-align: center; text-transform: uppercase; }
.adoc-story { width: min(930px, calc(100% - 40px)); margin: clamp(50px, 7vw, 92px) auto; padding: clamp(30px, 5vw, 64px); border-top: 1px solid rgba(46,42,39,.13); border-bottom: 1px solid rgba(46,42,39,.13); background: rgba(255,255,255,.56); }
.adoc-story h3, .adoc-timeline > h3 { margin: 0 0 25px; text-align: center; font-size: clamp(29px, 4.4vw, 48px); font-weight: 400; }
.adoc-richtext { font-size: clamp(15px, 1.6vw, 18px); line-height: 1.9; text-align: center; }
.adoc-richtext > :first-child { margin-top: 0; }
.adoc-richtext > :last-child { margin-bottom: 0; }

.adoc-dates-wrap { width: min(1120px, calc(100% - 40px)); margin: clamp(55px, 8vw, 100px) auto; }
.adoc-dates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 22px; border-top: 1px solid rgba(46,42,39,.15); border-bottom: 1px solid rgba(46,42,39,.15); }
.adoc-date-card { position: relative; display: flex; flex-direction: column; align-items: center; min-height: 170px; justify-content: center; padding: 28px 22px; text-align: center; }
.adoc-date-card + .adoc-date-card { border-left: 1px solid rgba(46,42,39,.15); }
.adoc-date-icon { margin-bottom: 13px; color: rgba(46,42,39,.34); font-family: var(--adoc-heading-font); font-size: 13px; letter-spacing: .13em; }
.adoc-date-card strong { margin-bottom: 8px; color: var(--adoc-primary); font-family: var(--adoc-heading-font); font-size: clamp(17px, 1.7vw, 22px); font-weight: 400; }
.adoc-date-card time { font-size: 13px; letter-spacing: .04em; }

.adoc-timeline { width: min(1080px, calc(100% - 40px)); margin: clamp(65px, 9vw, 115px) auto 50px; }
.adoc-timeline-list { position: relative; padding: 24px 0; }
.adoc-timeline-list::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; transform: translateX(-50%); background: rgba(46,42,39,.22); }
.adoc-timeline-item { position: relative; display: grid; grid-template-columns: 1fr 70px 1fr; margin-bottom: 28px; }
.adoc-timeline-item.is-left .adoc-timeline-card { grid-column: 1; }
.adoc-timeline-item.is-right .adoc-timeline-card { grid-column: 3; }
.adoc-timeline-dot { position: absolute; left: 50%; top: 35px; z-index: 2; width: 11px; height: 11px; transform: translateX(-50%); border: 3px solid var(--adoc-secondary); border-radius: 50%; background: var(--adoc-primary); box-shadow: 0 0 0 1px var(--adoc-primary); }
.adoc-timeline-card { padding: 22px; border: 1px solid rgba(46,42,39,.12); background: rgba(255,255,255,.72); }
.adoc-timeline-image { width: 100%; aspect-ratio: 16 / 10; margin-bottom: 16px; object-fit: cover; }
.adoc-timeline-card time { color: var(--adoc-primary); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.adoc-timeline-card h4 { margin: 7px 0 8px; font-size: 25px; font-weight: 400; }
.adoc-timeline-card p { margin: 0; line-height: 1.7; }

.adoc-layout-classic .adoc-editorial-intro { background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)); }
.adoc-layout-split .adoc-editorial-intro { background: rgba(255,255,255,.94); }
.adoc-layout-split .adoc-editorial-grid { grid-template-columns: minmax(190px, .8fr) minmax(400px, 1.4fr) minmax(190px, .8fr); }
.adoc-layout-minimal { --adoc-secondary: #fff; }
.adoc-layout-minimal .adoc-editorial-intro, .adoc-layout-minimal .adoc-story, .adoc-layout-minimal .adoc-timeline-card { background: #fff; }
.adoc-layout-minimal .adoc-portrait { box-shadow: none; }

.adoc-animate-enabled .adoc-reveal { opacity: 0; transform: translateY(18px); transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1); }
.adoc-animate-enabled .adoc-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 980px) {
	.adoc-editorial-intro { min-height: 0; }
	.adoc-editorial-grid, .adoc-layout-split .adoc-editorial-grid { grid-template-columns: 1fr minmax(300px, 380px) 1fr; gap: 18px; }
	.adoc-person-copy { max-width: 235px; }
	.adoc-person-copy p { font-size: 13px; }
	.adoc-portraits { width: 350px; height: 245px; }
	.adoc-portrait { width: 235px; }
}

@media (max-width: 760px) {
	.adoc-editorial-intro { padding: 42px 22px 52px; }
	.adoc-editorial-title { margin-bottom: 30px; }
	.adoc-editorial-grid, .adoc-layout-split .adoc-editorial-grid { grid-template-columns: 1fr; gap: 25px; }
	.adoc-editorial-grid.without-portraits { grid-template-columns: 1fr; gap: 30px; }
	.adoc-person-copy, .adoc-person-copy.is-bride, .adoc-person-copy.is-groom { justify-self: center; order: 2; max-width: 520px; text-align: center; }
	.adoc-person-copy.is-bride { order: 2; }
	.adoc-person-copy.is-groom { order: 3; }
	.adoc-portraits { order: 1; width: min(420px, 88vw); height: min(290px, 61vw); margin-bottom: 6px; }
	.adoc-portrait { width: min(280px, 59vw); }
	.adoc-socials, .adoc-person-copy.is-groom .adoc-socials { justify-content: center; }
	.adoc-botanical { width: 68px; opacity: .20; }
	.adoc-dates { grid-template-columns: 1fr; }
	.adoc-date-card + .adoc-date-card { border-top: 1px solid rgba(46,42,39,.15); border-left: 0; }
	.adoc-date-card { min-height: 145px; }
	.adoc-timeline-list::before { left: 12px; }
	.adoc-timeline-item { display: block; padding-left: 38px; margin-bottom: 18px; }
	.adoc-timeline-dot { left: 12px; top: 28px; }
}

@media (max-width: 430px) {
	.adoc-editorial-intro { padding-inline: 16px; }
	.adoc-portraits { width: 310px; height: 214px; }
	.adoc-portrait { width: 205px; }
	.adoc-person-copy h2 { font-size: 34px; }
	.adoc-story, .adoc-dates-wrap, .adoc-timeline, .adoc-quote, .adoc-couple-photo { width: calc(100% - 28px); }
	.adoc-story { padding: 28px 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.adoc-animate-enabled .adoc-reveal { opacity: 1; transform: none; transition: none; }
	.adoc-socials a { transition: none; }
}