/* Opt-in design kit. Load AFTER existing page styles, then add romantic-theme
   only to the approved content region. Never attach it to body/header/admin. */
@font-face{font-family:'Paula Romantic';src:url('/assets/fonts/paula-movimento.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.romantic-theme{--rom-olive:#343F29;--rom-gold:#B69A60;--rom-ivory:#F6F1E7;--rom-rose:#B98186;--rom-sage:#89977E;--rom-ink:#30372c;--rom-title:'Paula Romantic',Georgia,serif;--rom-subtitle:'Libre Caslon Display',Georgia,serif;--rom-body:var(--body,'DM Sans',Arial,sans-serif);color:var(--rom-ink);font-family:var(--rom-body);overflow-wrap:break-word}
.romantic-theme .romantic-title{font-family:var(--rom-title);font-style:normal;font-weight:400;font-size:clamp(2.8rem,6vw,6rem);line-height:1.13;letter-spacing:-.015em;color:var(--rom-olive);text-wrap:balance;margin:0 0 1.25rem}
.romantic-theme .romantic-title em{font:inherit;color:inherit}
.romantic-theme .romantic-subtitle{font-family:var(--rom-subtitle);font-size:clamp(1.65rem,3vw,2.6rem);font-style:normal;font-weight:400;line-height:1.25;letter-spacing:0;color:var(--rom-olive);margin:0 0 1rem;text-wrap:balance}
.romantic-theme .romantic-copy{font-family:var(--rom-body);font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.75;max-width:65ch;color:var(--rom-ink)}
.romantic-theme .romantic-eyebrow{font-family:var(--rom-body);font-size:.75rem;line-height:1.6;font-weight:500;letter-spacing:.12em;color:var(--rom-olive);text-transform:uppercase;margin:0 0 1rem}
.romantic-theme .romantic-surface{background:var(--rom-ivory);border:1px solid color-mix(in srgb,var(--rom-gold) 35%,transparent);border-radius:8px;padding:clamp(1.25rem,4vw,3rem);min-width:0}
.romantic-theme .romantic-heading{position:relative;isolation:isolate;padding-block:clamp(2rem,5vw,4rem);padding-inline-end:clamp(0rem,3vw,3rem)}
.romantic-theme .romantic-heading--botanical:after{content:'';display:block;position:absolute;right:0;top:0;width:clamp(70px,12vw,145px);height:clamp(100px,16vw,190px);background:url('/assets/ornaments/romantic-rose.svg') center/contain no-repeat;opacity:.14;z-index:-1;pointer-events:none}
.romantic-theme .romantic-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin-block:clamp(1.5rem,4vw,3rem);color:var(--rom-gold)}
.romantic-theme .romantic-divider:before,.romantic-theme .romantic-divider:after{content:'';height:1px;flex:1;max-width:180px;background:linear-gradient(90deg,transparent,var(--rom-gold));opacity:.55}
.romantic-theme .romantic-divider:after{transform:scaleX(-1)}
.romantic-theme .romantic-divider img{display:block;width:46px;height:64px;object-fit:contain;opacity:.65;flex:none}
.romantic-theme .romantic-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:44px;padding:.75rem 1.5rem;border:1px solid var(--rom-gold);border-radius:999px;background:var(--rom-olive);color:var(--rom-ivory);font:500 1rem/1.4 var(--rom-body);text-decoration:none;white-space:normal;text-align:center;max-width:100%;cursor:pointer;transition:transform .2s,box-shadow .2s}
.romantic-theme .romantic-button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #343f291f}
.romantic-theme .romantic-button:focus-visible,.romantic-theme .romantic-field:focus-visible{outline:3px solid var(--rom-olive);outline-offset:4px}
.romantic-theme .romantic-field{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid var(--rom-sage);border-radius:6px;background:#fff;color:var(--rom-ink);font:400 1rem/1.5 var(--rom-body);padding:.75rem 1rem}
.romantic-theme .romantic-label{display:block;font:500 1rem/1.5 var(--rom-body);color:var(--rom-olive);margin-bottom:.5rem}
@media(max-width:600px){.romantic-theme .romantic-heading{padding-inline-end:0}.romantic-theme .romantic-heading--botanical:after{opacity:.09}.romantic-theme .romantic-title{font-size:clamp(2.5rem,10vw,3.8rem)}.romantic-theme .romantic-divider img{width:34px;height:48px}}
@media(prefers-reduced-motion:reduce){.romantic-theme .romantic-button{transition:none}.romantic-theme .romantic-button:hover{transform:none}}
@media(forced-colors:active){.romantic-theme .romantic-heading--botanical:after{display:none}.romantic-theme .romantic-button{border:1px solid ButtonText}}
