/* Shared stationery structure, with Botanical Sage's own garden composition. */
:root { --paper: #f5f6ee; --ink: #304a38; --muted: #5c705b; --line: #c7d2bf; --accent: #3f6048; --gold: #7c956f; }
body { background-color: #edf1e8; background-image: url('../minimal-ivory/paper.svg'), radial-gradient(ellipse at 0 20%, #c5d5bb66, transparent 55%), radial-gradient(ellipse at 100% 80%, #d6dfc966, transparent 55%); }
.cover-screen { overflow: hidden; background: radial-gradient(ellipse at 50% 35%, #fafbf2, #dce6d5); }
.cover-inner { width: min(100%, 640px); background: #f8f9f0d9; border: 0; border-radius: 46% 46% 8px 8px; padding-top: 48px; box-shadow: 0 20px 70px #3b533519; }
.cover-inner::before { inset: 12px; border-color: #a2b49680; border-radius: 46% 46% 3px 3px; }
.cover-inner::after { inset: 0 -40px; background: url('branch.svg') left bottom / 190px 305px no-repeat; opacity: .8; }
.edition { font-size: 9px; letter-spacing: .23em; }
.edition::after { display: none; }
.botanical-caption { display: block; font: italic 17px Georgia, serif; color: var(--muted); margin-top: 15px; }
.monogram { border: 0; border-radius: 0; background: none; box-shadow: none; width: 92px; height: 78px; margin: 18px auto; font-size: 25px; }
.monogram::before { inset: -14px; border: 0; border-radius: 0; background: url('wreath.svg') center / contain no-repeat; }
.monogram::after { display: none; }
.guest { max-width: 340px; border-color: #bdcbb280; }
.cover-footnote { color: var(--muted); letter-spacing: .22em; }
.cover-footnote::before { background: url('wreath.svg') center / contain no-repeat; height: 28px; width: 70px; }
.button { border-radius: 999px; padding-inline: 28px; }
.masthead { max-width: 1100px; border-color: #b6c4ae70; }
.hero { min-height: 90svh; overflow: hidden; background: radial-gradient(ellipse at center, #fafbf2d9, #dae4d24d); }
.hero::before { inset: 35px max(28px, 22%); border-radius: 50% 50% 4px 4px; border-color: #95ab8880; }
.hero::after { display: none; }
.hero h2 { font-style: italic; font-size: clamp(62px, 9vw, 105px); }
.hero-seal { background: url('wreath.svg') center / contain no-repeat; width: 115px; height: 115px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 24px; margin: 14px auto; color: var(--ink); }
.hero-seal i { margin: 0; }
.content-active .hero-seal::after { display: none; }
.garden-label { text-transform: uppercase; letter-spacing: .25em; font-size: 9px; color: var(--muted); }
.garden-branch { position: absolute; width: clamp(210px, 30vw, 390px); height: 95%; bottom: -50px; background: url('branch.svg') center bottom / contain no-repeat; z-index: -1; opacity: .8; transform-origin: bottom center; }
.garden-branch-left { left: -55px; --lean: -12deg; }
.garden-branch-right { right: -55px; scale: -1 1; --lean: -9deg; }
.content-active .hero .garden-branch { animation: sage-sway 9s ease-in-out infinite alternate; }
.section { border-top: 0; padding-block: 85px; }
.section::before { background: url('wreath.svg') center / contain no-repeat; width: 85px; height: 60px; top: -16px; }
.couple-initial { width: 100px; height: 115px; border: 0; outline: 0; background: url('wreath.svg') center / contain no-repeat; border-radius: 0; color: var(--accent); font-size: 38px; }
.couple-grid article + article { border-color: #bdcbb280; }
blockquote { border: 0; border-radius: 100px 100px 8px 8px; padding: 48px 32px; background: #e2e9da99; }
.quote-mark { color: #829776; }
#events { background: #e0e8d773; max-width: 1100px; border-radius: 24px; }
.event-card { background: #fbfcf5; border-color: #b7c8ac; border-radius: 110px 110px 10px 10px; padding-top: 58px; box-shadow: 0 12px 30px #415a3210; }
.event-card::before { content: ''; display: block; width: 70px; height: 46px; background: url('wreath.svg') center / contain no-repeat; margin: -25px auto 12px; }
.bank { border-radius: 16px; outline: 0; background: #edf2e5; }
input, select, textarea { background: #fafcf5b3; border-radius: 8px; }
.closing { background: linear-gradient(180deg, #edf1e800, #d5e1cb); overflow: hidden; }
.closing::after { background: url('wreath.svg') center / contain no-repeat; height: 90px; width: 120px; }
.music-control { border-radius: 999px; }
.botanical-leaves span { border-radius: 80% 10% 80% 10%; border-color: #728b6540; background: linear-gradient(135deg, #c3d2af, #829c75); width: 12px; height: 23px; box-shadow: inset 1px 1px 3px #f9fff540; }
.botanical-leaves span::after { content: ''; position: absolute; width: 1px; height: 80%; background: #e2ead580; top: 10%; left: 50%; rotate: 25deg; }
@keyframes sage-sway { from { transform: rotate(var(--lean)) translateY(0); } to { transform: rotate(calc(var(--lean) + 5deg)) translateY(-6px); } }
@media (min-width: 541px) and (max-height: 850px) {
    .cover-inner { padding-top: 36px; }
    .monogram { width: 76px; height: 64px; margin: 14px auto; }
    .botanical-caption { margin-top: 10px; font-size: 15px; }
}
@media (max-width: 540px) {
    .cover-inner { padding: 42px 24px 28px; }
    .cover-inner::after { inset: 0 -14px; background-size: 125px 200px; opacity: .6; }
    .cover-inner h1 { font-size: 48px; }
    .botanical-caption { font-size: 15px; }
    .monogram { margin: 14px auto; }
    .hero { min-height: 85svh; padding: 65px 24px; }
    .hero::before { inset: 24px 30px; }
    .garden-branch { width: 175px; height: 75%; opacity: .6; bottom: -30px; }
    .garden-branch-left { left: -60px; }
    .garden-branch-right { right: -60px; }
    .section { padding: 65px 24px; }
    #events { margin-inline: 14px; padding-inline: 20px; }
    .closing { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .content-active .hero .garden-branch { animation: none; transform: rotate(var(--lean)); }
}