:root[data-design]{--font-body:system-ui, sans-serif;--font-display:Georgia, serif;--hero-align:center;--hero-align-text:center;--hero-pad:2rem 1rem;--radius:.5rem;--anim:none}:root[data-design] body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-fg)}:root[data-design] h1,:root[data-design] h2{font-family:var(--font-display)}:root[data-design] main.design-main{align-items:var(--hero-align);text-align:var(--hero-align-text)}:root[data-design] .invite-hero{align-items:var(--hero-align);width:100%;padding:var(--hero-pad);border-radius:var(--radius);background:var(--hero-bg,transparent);border:var(--hero-border,none);animation:var(--anim);position:relative;overflow:hidden}:root[data-design] .invite-hero>*{position:relative}:root[data-design] .invite-hero h1{font-size:var(--title-size,2.25rem);color:var(--color-accent);line-height:1.1}:root[data-design] button,:root[data-design] input,:root[data-design] select,:root[data-design] textarea{border-radius:var(--radius);accent-color:var(--color-accent)}:root[data-design] a{color:var(--color-accent)}:root[data-design=a]{--font-body:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-display:"Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--radius:.25rem;--hero-border:1px solid color-mix(in srgb, var(--color-gold) 55%, transparent);--hero-pad:2.5rem 1rem 2rem;--title-size:2.5rem;--anim:design-fade 1.2s ease-out both}:root[data-design=a] .invite-hero h1{font-style:italic;font-weight:400}:root[data-design=a] h2{text-transform:uppercase;letter-spacing:.14em;font-weight:600}.paper-deco{display:none}:root[data-design=a] .paper-deco{display:block}:root[data-design=a]{--hero-border:none}:root[data-design=a] main.design-main{z-index:1;position:relative}:root[data-design=a] .paper-foliage{pointer-events:none;height:0;position:absolute;inset:0 0 auto}:root[data-design=a] .paper-foliage img{opacity:.95;height:auto;position:absolute;top:0}:root[data-design=a] .paper-foliage img:first-child{width:clamp(5.5rem,24vw,12rem);left:0}:root[data-design=a] .paper-foliage img:last-child{width:clamp(8rem,36vw,19rem);right:0}:root[data-design=a] header button{background:color-mix(in srgb, var(--color-bg) 92%, transparent);color:var(--color-accent);border-color:color-mix(in srgb, var(--color-gold) 70%, transparent)}:root[data-design=a] .paper-couple{width:100%;max-width:26rem;height:auto;margin:.5rem auto -.5rem}:root[data-design=a] .paper-footer{pointer-events:none;justify-content:flex-end;display:flex}:root[data-design=a] .paper-footer img{width:clamp(7rem,30vw,11rem);height:auto}:root[data-design=a] .invite-hero:after{content:"♡" / "";width:100%;max-width:16rem;color:var(--color-gold);text-align:center;background:linear-gradient(var(--color-gold), var(--color-gold)) left center / 38% 1px no-repeat, linear-gradient(var(--color-gold), var(--color-gold)) right center / 38% 1px no-repeat;margin:1.25rem auto 0;font-size:1.25rem;line-height:1;display:block}:root[data-design=b]{--color-bg:#f1f5ee;--color-fg:#1f2d24;--color-accent:#3f6b4f;--font-body:"Trebuchet MS", system-ui, sans-serif;--font-display:"Gill Sans", "Trebuchet MS", system-ui, sans-serif;--radius:1.25rem;--hero-align:flex-start;--hero-align-text:left;--hero-bg:linear-gradient(160deg, #dfeadb 0%, #f6efe2 100%);--hero-pad:2rem 1.25rem;--title-size:2.25rem}:root[data-design=b] .invite-hero:before{content:"";background:radial-gradient(circle,#b9d3b0 0%,#0000 70%);border-radius:50%;width:11rem;height:11rem;animation:9s ease-in-out infinite alternate design-drift;position:absolute;inset:auto -3rem -4rem auto}:root[data-design=c]{--color-bg:#121a2e;--color-fg:#eae6da;--color-accent:#e0b862;--font-display:"Didot", "Bodoni MT", Georgia, serif;--radius:.75rem;--hero-bg:radial-gradient(1.5px 1.5px at 20% 30%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 70% 20%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 85% 65%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 35% 80%, #fff 50%, transparent 51%), linear-gradient(#1a2542, #121a2e);--hero-pad:3.5rem 1rem;--title-size:2.75rem}:root[data-design=c] .invite-hero:before{content:"";background:radial-gradient(1.5px 1.5px at 50% 45%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 10% 70%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 92% 15%,#fff 50%,#0000 51%);animation:3.5s ease-in-out infinite alternate design-twinkle;position:absolute;inset:0}:root[data-design=c] input,:root[data-design=c] select,:root[data-design=c] textarea{color:var(--color-fg);background:#1c2744}.design-switcher{border-bottom:1px dashed color-mix(in srgb, currentColor 40%, transparent);flex-wrap:wrap;justify-content:center;gap:.25rem .75rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.design-switcher a{align-items:center;min-height:2.75rem;padding:0 .25rem;display:inline-flex}.design-switcher a[aria-current=true]{font-weight:700;text-decoration:underline}@keyframes design-fade{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@keyframes design-drift{to{transform:translate(-1.5rem,-1rem)scale(1.15)}}@keyframes design-twinkle{0%{opacity:.25}to{opacity:1}}@media (prefers-reduced-motion:reduce){:root[data-design] .invite-hero,:root[data-design] .invite-hero:before{animation:none!important}}