:root{color-scheme:dark;--gold:#efd18e;--ink:#120e09}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff6e2;font-family:Georgia,'Times New Roman',serif}main{max-width:1536px;margin:auto}.art{position:relative}.art img,.final-art{display:block;width:100%;height:auto}.art-button{position:absolute;left:23.4%;top:38%;width:49.2%;height:14%;border-radius:100px}.art-button:hover{box-shadow:0 0 24px #ffdd89a6}.art-button:focus-visible{outline:4px solid white;outline-offset:6px}.mobile-button{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.church{scroll-margin-top:12px}.details{max-width:850px;margin:auto;padding:56px 28px 44px;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.25em;color:var(--gold);font:13px system-ui,sans-serif}h1{font-size:clamp(36px,7vw,62px);font-weight:normal;margin:18px 0 30px}h1 span{display:block;text-transform:uppercase;font-size:.34em;letter-spacing:.23em;margin-top:8px}blockquote{margin:0 auto 42px;max-width:660px;font-size:clamp(19px,3vw,25px);line-height:1.55;color:#e6dac5}cite{display:block;font-size:15px;margin-top:16px;color:var(--gold);font-style:normal}h2{font-weight:normal;font-size:28px}.times{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #b38e4c;border-radius:15px;padding:24px 12px;margin:24px 0 30px;gap:18px}.times dt{font:13px system-ui,sans-serif;color:#dfcba6;margin-bottom:10px}.times dd{margin:0;font-size:25px;white-space:nowrap}address{font-style:normal;font-size:22px;line-height:1.5}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0}.links a,.mobile-button{border:1px solid #bb9654;border-radius:8px;padding:15px 18px;color:var(--gold);text-decoration:none;min-height:48px;font:15px system-ui,sans-serif}.links a:hover{background:#392912}a:focus-visible{outline:3px solid white;outline-offset:4px}.back{display:inline-block;padding:15px;color:#d8cbb5;font:14px system-ui,sans-serif}@media(max-width:600px){.opening{padding-bottom:18px}.mobile-button{display:flex;margin:18px 20px 0;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f5d99c,#cca251);color:#1a1208;font-size:17px;font-weight:650}.mobile-button span{font-size:13px}.details{padding:32px 20px}.times{grid-template-columns:repeat(2,1fr);padding:24px 14px;gap:28px 12px}.links{flex-direction:column}.links a{width:100%}.final-art{margin-top:0}blockquote{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Clickable church information replaces the verse area above the artwork. */
.church{background:radial-gradient(ellipse at top right,#65471e 0,#21180d 42%,#120e09 80%)}.church .details{padding-top:32px;padding-bottom:24px}.church h1{margin-bottom:20px}.church h2{margin-top:20px}.church-art{overflow:hidden}.church-art .final-art{margin-top:-21%;}.church .links{margin-top:22px}.church .back{margin-top:0}@media(max-width:600px){.church .details{padding:24px 20px 16px}.church .times{margin-top:18px;margin-bottom:22px}.church-art .final-art{margin-top:-21%}}

/* One illustrated invitation with readable, clickable information. */
.church{position:relative;isolation:isolate;background:#120e09;overflow:hidden}.church::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/sheep-final.png') center center/cover no-repeat}.church::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,10,7,.76),rgba(12,10,7,.96) 28%,rgba(12,10,7,.96) 72%,rgba(12,10,7,.76))}.church .details{max-width:850px;padding:42px 28px 32px}.church .times{background:rgba(14,10,5,.86)}.church .links a{background:rgba(14,10,5,.9)}.church .links a:hover{background:#493213}@media(max-width:600px){.church::after{background:rgba(12,10,7,.90)}.church .details{padding:28px 20px 24px}.church::before{background-position:30% center}}

.church::before{background-image:url('assets/sheep.png');background-position:65% bottom;background-size:auto 220%}.church::after{background:linear-gradient(90deg,rgba(12,10,7,.58),rgba(12,10,7,.82) 28%,rgba(12,10,7,.82) 72%,rgba(12,10,7,.58))}@media(max-width:600px){.church::before{background-position:62% bottom}.church::after{background:rgba(12,10,7,.74)}}