body[data-design]{background-image:radial-gradient(ellipse at 90% 10%,color-mix(in srgb,var(--accent),transparent 85%),transparent 55%)}
[data-design] .demo-hero{min-height:760px;gap:65px}
[data-design] .hero-art{min-height:490px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;padding:35px;background:color-mix(in srgb,var(--accent),var(--paper) 88%);transform:none;border-radius:240px 240px 4px 4px;text-align:center}
.art-label{font-size:10px;letter-spacing:.25em}.event-motif{font:clamp(64px,8vw,128px)/.95 Georgia,serif;white-space:pre-line;letter-spacing:-.06em;position:relative;z-index:1}.art-line{height:50px;width:1px;background:var(--accent)}
.event-meta{display:flex;justify-content:space-around;gap:20px;max-width:1160px;margin:auto;padding:25px;border-block:1px solid var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
[data-design] .tagline{font:italic 25px/1.35 Georgia,serif}.signature-section{text-align:center;border-block:1px solid var(--accent);background:color-mix(in srgb,var(--accent),transparent 92%)}.signature-section .primary{margin:8px}.signature-status{min-height:2em;max-width:600px;margin:25px auto;font:italic 23px/1.5 Georgia,serif}.calendar-tools{margin-top:22px}.calendar-tools button{font-size:11px}.invitation-nav{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:30px;border:1px solid var(--accent);background:var(--paper);padding:12px 28px;border-radius:40px;z-index:10;box-shadow:0 5px 30px #0002;font-size:12px}body[data-design] footer{padding-bottom:95px}
[data-design=first-promise] .hero-art{outline:1px solid var(--accent);outline-offset:10px;background:repeating-linear-gradient(90deg,transparent 0 35px,#a46e530b 35px 36px)}
[data-design=still-us] .hero-art{border-radius:0;background:radial-gradient(circle,var(--accent) 0 1px,transparent 2px) 0 0/30px 30px}.event-motif{animation:appear .8s ease both}
[data-design=dear-bride] .hero-art{border-radius:48% 48% 8px 8px;border:8px double var(--accent);transform:rotate(3deg)}[data-design=dear-bride] .event-motif{font-style:italic}
[data-design=little-crescent] .hero-art{border-radius:50% 50% 0 0;background:repeating-linear-gradient(45deg,transparent 0 28px,#c9a65f12 28px 29px)}[data-design=little-crescent] .event-motif{font-size:200px;color:var(--accent)}
[data-design=first-blessing] .hero-art{border-radius:45% 45% 45% 45%;border:12px double var(--accent)}
[data-design=hello-little-one] .hero-art{border-radius:45% 55% 35% 45%;background:radial-gradient(circle at 30% 25%,#fff8 0 40px,transparent 41px),color-mix(in srgb,var(--accent),var(--paper) 80%)}[data-design=hello-little-one] .event-motif{font-size:70px;font-style:italic}
[data-design=little-surprise] .hero-art{border-radius:50%;background:linear-gradient(135deg,#d9e6ff 50%,#f9dcdf 50%)}[data-design=little-surprise] .event-motif{font-size:220px}
[data-design=welcome-world] .demo-hero{grid-template-columns:1fr;text-align:center;gap:35px}[data-design=welcome-world] .hero-copy{max-width:800px;margin:auto}[data-design=welcome-world] .tagline{margin-inline:auto}[data-design=welcome-world] .hero-art{width:100%;min-height:310px;border-radius:10px;border:1px dashed var(--accent)}[data-design=welcome-world] .guest{border:0}
[data-design=one-derful] .hero-art{border-radius:48% 48% 15px 15px;background:repeating-conic-gradient(from 0deg at 50% 70%,#dd9e6122 0deg 15deg,transparent 15deg 30deg)}
[data-design=confetti-club] .hero-art{border-radius:30px;transform:rotate(-3deg);box-shadow:14px 14px 0 var(--accent);background:radial-gradient(circle,#ed795b55 4px,transparent 5px) 0 0/40px 40px}[data-design=confetti-club] h1,[data-design=confetti-club] .event-motif{font-family:'Segoe UI',sans-serif;font-weight:900}
[data-design=seventeen-glow] .hero-art{border-radius:180px 180px 180px 180px;background:radial-gradient(ellipse,#be72a977,transparent 70%);box-shadow:inset 0 0 60px #e999db33,0 0 60px #e999db22}[data-design=seventeen-glow] .event-motif{color:var(--accent);font-style:italic}
[data-design=next-chapter] .hero-art{border-radius:0;border:10px double var(--accent);background:linear-gradient(150deg,transparent 65%,#b2904c30 65%)}[data-design=next-chapter] .event-motif{writing-mode:vertical-rl;font-size:105px}
[data-design=a-lasting-legacy] .hero-art{border-radius:0;box-shadow:14px 14px 0 #8c755222}[data-design=a-lasting-legacy] .event-motif{font-size:72px;letter-spacing:.04em}
[data-design=open-house] .hero-art{border-radius:0;clip-path:polygon(50% 0,100% 20%,100% 100%,0 100%,0 20%);padding-top:115px;background:color-mix(in srgb,var(--accent),var(--paper) 78%)}
[data-design=faith-in-bloom] .hero-art{border-radius:50% 50% 0 0;border:10px double var(--accent);background:conic-gradient(from 30deg,#b780781a,transparent,#b7807830,transparent)}[data-design=faith-in-bloom] .event-motif{font-size:190px}
[data-design=back-together] .hero-art{border-radius:0;transform:rotate(-4deg);border:14px solid #fff9;box-shadow:0 15px 30px #0002}[data-design=back-together] .event-motif{font-family:monospace;font-size:80px;letter-spacing:-.08em}
[data-design=our-family-table] .hero-art{border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 29px,#a48d5422 30px 31px),repeating-linear-gradient(90deg,transparent 0 29px,#a48d5422 30px 31px)}[data-design=our-family-table] .event-motif{font-size:65px;font-style:italic}
[data-design=common-ground] .hero-art{border-radius:0 100px 0 100px;background:var(--ink);color:var(--paper)}[data-design=common-ground] .event-motif{font:900 65px/.95 'Segoe UI',sans-serif;letter-spacing:-.07em;transform:rotate(-7deg)}[data-design=common-ground] h1{font-family:'Segoe UI',sans-serif;font-weight:900;letter-spacing:-.06em}
[data-design=executive-forum] .hero-art{border-radius:0;background:repeating-linear-gradient(120deg,transparent 0 25px,#65c5c31a 26px 27px)}[data-design=executive-forum] .event-motif{font:700 80px/.95 'Segoe UI',sans-serif;color:var(--accent)}
@keyframes appear{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){[data-design] .demo-hero{min-height:0;grid-template-columns:1fr;gap:50px}[data-design] .hero-art{min-height:390px;width:100%;padding:28px;max-width:370px}[data-design] h1{font-size:clamp(42px,12vw,65px)}.event-meta{flex-direction:column;text-align:center;gap:12px}.event-motif{font-size:80px}[data-design=open-house] .hero-art{padding-top:100px}[data-design=our-family-table] .event-motif{font-size:52px}[data-design=common-ground] .event-motif{font-size:55px}[data-design=executive-forum] .event-motif{font-size:65px}.invitation-nav{gap:25px;white-space:nowrap}.calendar-tools .primary{gap:10px}}
@media(prefers-reduced-motion:reduce){.event-motif{animation:none}}