.marketing{--ds-font-heading:var(--font-marketing-display), Garamond, Georgia, serif;--ds-heading-weight:400;--ds-heading-case:none;--ds-heading-tracking:-.01em;--marketing-paper:color-mix(in oklab, var(--ds-color-secondary) 55%, var(--ds-color-background));--marketing-rose:color-mix(in oklab, color-mix(in oklab, var(--ds-color-accent) 65%, var(--ds-color-danger)) 85%, var(--ds-color-foreground));--marketing-rose-ink:color-mix(in oklab, var(--marketing-rose) 65%, var(--ds-color-foreground));--marketing-sage:color-mix(in oklab, var(--ds-color-success) 60%, var(--ds-color-background));isolation:isolate;position:relative}.marketing:before{content:"";z-index:60;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.marketing .bg-paper{background-color:var(--marketing-paper)}.marketing .text-rose{color:var(--marketing-rose)}.marketing .text-rose-ink{color:var(--marketing-rose-ink)}.marketing .text-sage{color:var(--marketing-sage)}.marketing .kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--marketing-rose-ink);align-items:center;gap:.625rem;font-size:.8125rem;font-weight:500;display:inline-flex}.marketing :is(.display-xl,.display-lg,.display-hero){font-weight:var(--marketing-display-weight,300)}.marketing .display-hero{font-size:calc(clamp(2.75rem, 6.4vw, 5.75rem) * var(--marketing-display-scale,1));line-height:.98}.marketing .display-xl{font-size:calc(clamp(2.75rem, 6.8vw, 6.25rem) * var(--marketing-display-scale,1));line-height:.98}.marketing .display-lg{font-size:calc(clamp(2.25rem, 4.6vw, 4rem) * var(--marketing-display-scale,1));line-height:1.04}.marketing .display-md{font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:500;line-height:1.1}.marketing .display-sm{font-family:var(--marketing-title-font,var(--ds-font-heading));font-weight:500;line-height:1.1}.marketing .display-final{font-size:clamp(1.375rem,3.6vw,3.25rem);font-weight:var(--marketing-display-weight,300);line-height:1.05}.marketing .display-em{font-style:var(--marketing-emphasis,italic);color:var(--marketing-rose)}.marketing:is(:lang(ar),:lang(ja),:lang(ko),:lang(zh)) :is(.display-em,.italic){font-style:normal}.marketing .lining{font-variant-numeric:lining-nums}.marketing .ornament{-webkit-mask:var(--ornament) center / contain no-repeat;mask:var(--ornament) center / contain no-repeat;background-color:currentColor;display:block}.marketing .floral{pointer-events:none;-webkit-user-select:none;user-select:none;height:auto}.marketing .plate{background:color-mix(in oklab, var(--ds-color-accent) 22%, white);position:relative;box-shadow:0 1.5rem 3rem -2rem #00000073;box-shadow:0 1.5rem 3rem -2rem lab(0% 0 0/.45)}.marketing .plate:before{content:"";border:1px solid color-mix(in oklab, var(--ds-color-accent) 75%, black);border-radius:inherit;opacity:.6;position:absolute;inset:.5rem}.marketing .hero-stage{aspect-ratio:74/86;width:100%;max-width:40rem;margin-inline:auto;position:relative}.hero-stage>*{position:absolute}.hero-stage .arch{inset-inline-start:19%;z-index:2;border-radius:var(--marketing-arch,50% 50% 0 0 / 34% 34% 0 0);background:var(--ds-color-secondary);width:59.5%;height:72%;color:var(--ds-color-secondary-foreground);box-shadow:0 40px 80px -40px color-mix(in oklab, var(--ds-color-foreground) 30%, transparent);top:11%;container-type:inline-size}.hero-stage .arch-in{text-align:center;border:1px solid color-mix(in oklab, var(--ds-color-accent) 55%, transparent);border-radius:var(--marketing-arch-in,50% 50% 0 0 / 33% 33% 0 0);flex-direction:column;align-items:center;gap:2.4cqw;padding-top:24cqw;display:flex;position:absolute;inset:3.2cqw}.hero-stage .arch-monogram{width:13cqw;height:13cqw;font-family:var(--marketing-title-font,var(--ds-font-heading));border:1px solid;border-radius:999px;place-items:center;font-size:max(.6875rem,4cqw);font-style:italic;display:grid}.hero-stage .arch-names{font-family:var(--ds-font-heading);margin-top:2cqw;font-size:11.5cqw;font-weight:300;line-height:1}.hero-stage .arch-date{font-family:var(--marketing-title-font,var(--ds-font-heading));font-variant-numeric:lining-nums;font-size:max(.75rem,5cqw);font-style:italic}.hero-stage .arch-schedule{text-align:start;grid-template-columns:auto auto;gap:1.2cqw 4cqw;margin-top:2cqw;font-size:max(.5625rem,3cqw);display:grid}.hero-stage .arch-rsvp{background:var(--marketing-rose);color:var(--ds-color-background);border-radius:999px;margin-top:3cqw;padding:2.6cqw 5.5cqw;font-size:max(.5625rem,3cqw);font-weight:500}.hero-stage .garland{inset-inline-start:.95%;z-index:1;width:51.22%;top:4.07%}.hero-stage .foot{inset-inline-start:70.27%;z-index:1;width:24.32%;top:54.19%}.hero-stage .in-front{z-index:3}.hero-stage .hero-note{z-index:6;background:var(--ds-color-surface);color:var(--ds-color-surface-foreground);box-shadow:0 24px 50px -20px color-mix(in oklab, var(--ds-color-foreground) 35%, transparent);border-radius:.875rem;align-items:center;gap:.75rem;display:flex}.hero-stage .note-rsvp{inset-inline-start:-1%;max-width:70%;padding:.75rem 1.125rem .75rem .75rem;top:82%}.hero-stage .note-countdown .heading-font{font-family:var(--marketing-title-font,var(--ds-font-heading))}.hero-stage .note-countdown{inset-inline-end:-2%;flex-direction:column;align-items:flex-start;gap:.125rem;max-width:34%;padding:.875rem 1.125rem;top:80%}@media not (min-width:40rem){.marketing .hero-stage{aspect-ratio:35/52}.hero-stage .arch{width:68.5%;height:73%;inset-inline-start:16%}.hero-stage .arch-schedule{display:none}.hero-stage .garland{inset-inline-start:-4.79%;width:58.97%;top:4.76%}.hero-stage .foot{inset-inline-start:75.02%;width:28%;top:58.05%}.hero-stage .note-rsvp{inset-inline-start:2%;max-width:92%;top:86%}.hero-stage .note-countdown{display:none}}.marketing .menu-card{position:relative}.marketing .menu-card:before{content:"";border:1px solid color-mix(in oklab, var(--ds-color-border) 70%, transparent);pointer-events:none;position:absolute;inset:.5625rem}.marketing .bg-sage{background-color:var(--marketing-sage)}.marketing .bg-rose{background-color:var(--marketing-rose)}.marketing .border-rose{border-color:var(--marketing-rose)}.marketing .vignette-on-rose{color:var(--ds-color-surface)}.marketing .vignette-paper{box-shadow:0 1.25rem 2.25rem -1.5rem #0006;box-shadow:0 1.25rem 2.25rem -1.5rem lab(0% 0 0/.4)}.marketing .vignette-ink{background:var(--ds-color-primary);color:var(--ds-color-primary-foreground)}.marketing .vignette-blush{background:var(--ds-color-secondary);color:var(--ds-color-secondary-foreground)}.marketing .vignette-sage{background:color-mix(in oklab, var(--marketing-sage) 55%, var(--ds-color-surface));color:var(--ds-color-foreground)}.marketing .vignette-picked{outline:1px solid var(--marketing-rose);outline-offset:.3125rem}.marketing :is(.envelope-back,.envelope-flap){background:color-mix(in oklab, var(--ds-color-secondary) 78%, var(--marketing-rose))}.marketing .envelope-flap{clip-path:polygon(0 100%,50% 0,100% 100%)}.marketing .envelope-front{background:var(--ds-color-secondary);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%)}.marketing .ink-arch{border-radius:var(--marketing-arch-section-sm,50% 50% 0 0 / 9rem 9rem 0 0)}@media (min-width:48rem){.marketing .ink-arch{border-radius:var(--marketing-arch-section,50% 50% 0 0 / 25rem 25rem 0 0)}}.marketing .on-ink{--marketing-ink-accent:color-mix(in oklab, var(--ds-color-accent) 60%, var(--ds-color-primary-foreground))}.marketing .on-ink .kicker,.marketing .text-ink-accent{color:var(--marketing-ink-accent)}.marketing .phone{background:color-mix(in oklab, var(--ds-color-foreground) 15%, black);box-shadow:0 40px 80px -30px #0009, inset 0 0 0 1px color-mix(in oklab, var(--ds-color-primary-foreground) 10%, transparent);border-radius:2.5rem;padding:.625rem}@supports (color:lab(0% 0 0)){.marketing .phone{box-shadow:0 40px 80px -30px lab(0% 0 0/.6), inset 0 0 0 1px color-mix(in oklab, var(--ds-color-primary-foreground) 10%, transparent)}}.marketing .phone-hero{border-radius:0 0 50% 50%/0 0 22% 22%}.marketing .petals{z-index:7;pointer-events:none;position:absolute;inset:0;overflow:hidden;container-type:size}.marketing .petal{top:-2.5rem;width:var(--petal-size);aspect-ratio:40/46;background:radial-gradient(circle at 42% 30%, color-mix(in oklab, var(--ds-color-accent) 45%, white), var(--ds-color-accent) 60%, var(--marketing-rose));opacity:.9;position:absolute;inset-inline-start:var(--petal-x);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 46'%3E%3Cpath d='M20 45C6 38 0 24 3 12C6 3 15 0 20 6C25 0 34 3 37 12C40 24 34 38 20 45Z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 46'%3E%3Cpath d='M20 45C6 38 0 24 3 12C6 3 15 0 20 6C25 0 34 3 37 12C40 24 34 38 20 45Z'/%3E%3C/svg%3E") 50%/contain no-repeat}.marketing .marquee-track{width:max-content;font-style:var(--marketing-emphasis,italic);display:flex}@keyframes marketing-marquee{to{translate:-50%}}@keyframes marketing-rise{0%{opacity:0;translate:0 2.5rem}}@keyframes marketing-sway{0%{rotate:-1.2deg}to{rotate:1.4deg}}@keyframes marketing-petal-fall{0%{translate:0;rotate:none}to{translate:var(--petal-drift) calc(100cqh + 5rem);rotate:var(--petal-spin)}}@keyframes marketing-petal-flutter{0%{transform:rotateX(0)rotateY(10deg)translate(-.875rem)}to{transform:rotateX(55deg)rotateY(-35deg)translate(.875rem)}}@media (prefers-reduced-motion:no-preference){.marketing .marquee-track{animation:48s linear infinite marketing-marquee}[dir=rtl] .marketing .marquee-track{animation-direction:reverse}.marketing .sway{transform-origin:50% 90%;animation:9s ease-in-out infinite alternate marketing-sway}.marketing .sway-late{transform-origin:50% 90%;animation:11s ease-in-out infinite alternate-reverse marketing-sway}.marketing .petal{animation:marketing-petal-fall var(--petal-duration) linear var(--petal-delay) infinite, marketing-petal-flutter calc(var(--petal-duration) / 4) ease-in-out var(--petal-delay) infinite alternate}@supports (animation-timeline:view()){.marketing .reveal{animation:linear both marketing-rise;animation-timeline:view();animation-range:entry entry 55%}}}@media (prefers-reduced-motion:reduce){.marketing .petals{display:none}}.marketing:not([data-decor=floral]){--marketing-rose:var(--ds-color-accent);--marketing-rose-ink:color-mix(in oklab, var(--ds-color-accent) 75%, var(--ds-color-foreground));--marketing-sage:color-mix(in oklab, var(--ds-color-primary) 70%, var(--ds-color-background))}.marketing:not([data-decor=floral]) :is(.floral,.petals,.decor-floral),.marketing[data-decor=floral] .decor-plain{display:none}.marketing[data-decor=none] :is(.ornament,.decor-ornament){visibility:hidden}.marketing[data-decor=none]:before{display:none}.marketing[data-decor=none] :is(a,button).rounded-full,.marketing[data-decor=none] .hero-stage :is(.hero-note,.arch-rsvp){border-radius:var(--ds-radius)}.marketing .decor-motif{pointer-events:none;color:color-mix(in oklab, var(--marketing-sage) 45%, var(--ds-color-background));-webkit-mask:var(--marketing-motif) var(--marketing-motif-position,top center) / contain no-repeat;mask:var(--marketing-motif) var(--marketing-motif-position,top center) / contain no-repeat;background-color:currentColor}.marketing:not([data-decor=ornaments]) .decor-motif,.marketing:not([data-decor=arches]) .decor-arches{display:none}.marketing .decor-arches{pointer-events:none;border-radius:var(--marketing-arch,999px 999px 0 0);box-shadow:0 0 0 var(--arches-step,1.25rem) color-mix(in oklab, var(--ds-color-accent) 28%, var(--ds-color-background)), 0 0 0 calc(var(--arches-step,1.25rem) * 2) color-mix(in oklab, var(--ds-color-secondary) 75%, var(--ds-color-background)), 0 0 0 calc(var(--arches-step,1.25rem) * 3) color-mix(in oklab, var(--ds-color-accent) 14%, var(--ds-color-background));clip-path:inset(-100% -100% 0)}.hero-stage .hero-motif{inset-inline-start:4%;z-index:1;width:92%;height:80%;top:0}.hero-stage .hero-arches{inset-inline-start:19%;z-index:1;width:59.5%;height:72%;top:11%}.marketing[data-decor=none] .hero-stage:before{content:"";inset-inline-start:25%;z-index:1;border:1px solid var(--marketing-rose);width:59.5%;height:72%;position:absolute;top:6%}.marketing .final-motif{inset:var(--marketing-motif-final,6%)}.marketing[data-decor=none] .final-stage{aspect-ratio:auto;padding-block:5rem}@media not (min-width:40rem){.marketing .hero-stage :is(.hero-arches,.hero-motif){width:68.5%;height:73%;inset-inline-start:16%}.marketing .hero-stage .hero-motif{width:96%;inset-inline-start:2%}.marketing[data-decor=none] .hero-stage:before{width:68.5%;height:73%;inset-inline-start:22%}}
