.invitation-screen{box-sizing:border-box;height:100%;padding:20% 9% 10%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5%;background:#f4e9dd;color:#282323;text-align:center;container-type:inline-size;font-family:Georgia,serif}.invitation-mark{width:21%;height:auto}.invitation-brand{font-size:11cqw;white-space:nowrap;font-style:italic}.invitation-rule{width:55%;height:1px;background:#a98054}.invitation-qr{width:100%;background:#fff;line-height:0}.invitation-qr svg{display:block;width:100%;height:auto}.invitation-screen strong{font-weight:400;font-size:14cqw;line-height:1.12}.invitation-screen p{font:7.5cqw/1.4 'Avenir Next','Segoe UI',sans-serif;margin:0}.invitation-screen small{font:6.5cqw/1.4 'Avenir Next','Segoe UI',sans-serif}.invitation-party{background:#251537;color:#fff1e5}.invitation-party .invitation-rule{background:#e3b1ea}.invitation-jga{background:#eed2ce;color:#40202f}.invitation-mottoparty{background:#142532;color:#f0e9de;font-family:'Avenir Next','Segoe UI',sans-serif}.invitation-mottoparty .invitation-brand{font-style:normal}.v2-invitation-device .v2-device-screen{background:#f4e9dd}.homepage-hero-v2 .ambient-media img{object-fit:cover}
.v2-invitation-stand{position:relative;display:block;width:clamp(170px,22vw,265px);aspect-ratio:1224/1285;filter:drop-shadow(0 14px 20px #0008)}
.v2-invitation-stand>img{display:block;width:100%;height:100%;object-fit:contain}
.v2-stand-qr{position:absolute;left:31.8%;top:25.2%;width:37.2%;aspect-ratio:1;line-height:0;transform:rotate(-.5deg)}
.v2-stand-qr svg{display:block;width:100%;height:100%}
@media(max-width:650px){.v2-invitation-stand{width:clamp(150px,40vw,200px)}}
/* Equal full-bleed heroes, with the photographer kept visible on portrait screens. */
html.sales-page[data-marketing=true][data-home-theme] #start .homepage-hero-v2{width:calc(100vw - var(--v2-scrollbar-width,0px));max-width:none;left:50%;margin-left:calc((var(--v2-scrollbar-width,0px) - 100vw)/2);background-size:cover}
html.sales-page[data-marketing=true][data-home-theme] #start .ambient-media :is(img,video){width:100%;height:100%;object-fit:cover;object-position:center 48%}
@media(max-width:760px){html.sales-page[data-marketing=true][data-home-theme] #start .ambient-media :is(img,video){object-position:68% center}html.sales-page[data-marketing=true][data-home-theme] #start .ambient-shade{background:linear-gradient(180deg,#090e19d9 0%,#090e1970 44%,#090e192b 73%,#090e19ba 100%)}}

/* A shared light rhythm carries the occasion through the entire homepage. */
html.sales-page[data-public-page=home]{--page-light-warm:#c68d55;--page-light-cool:#5c7c92;--page-light-cycle:9s}
html.sales-page[data-public-page=home][data-home-theme=party]{--page-light-warm:#c968a9;--page-light-cool:#686bd2;--page-light-cycle:12s}
html.sales-page[data-public-page=home][data-home-theme=jga]{--page-light-warm:#df82ac;--page-light-cool:#56a1bd;--page-light-cycle:12s}
html.sales-page[data-public-page=home][data-home-theme=mottoparty]{--page-light-warm:#c59467;--page-light-cool:#4f7d91;--page-light-cycle:16s}
html.sales-page[data-public-page=home] body{isolation:isolate}
html.sales-page[data-public-page=home] body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 56% at 97% 72%,color-mix(in srgb,var(--page-light-warm) 24%,transparent),transparent 80%),radial-gradient(ellipse 40% 68% at 0% 35%,color-mix(in srgb,var(--page-light-cool) 15%,transparent),transparent 85%);animation:inviting-light var(--page-light-cycle) ease-in-out infinite alternate;transform-origin:center}
@keyframes inviting-light{0%,100%{opacity:.4;transform:scale(1)}24%{opacity:.67}42%{opacity:.9;transform:scale(1.04)}59%{opacity:.55}74%{opacity:.83}}
html.sales-page[data-public-page=home][data-home-theme=hochzeit] #start .ambient-light{animation:inviting-light 9s ease-in-out infinite alternate;background:radial-gradient(ellipse 15% 30% at 78% 78%,#f1bc6869,transparent 75%),radial-gradient(ellipse 10% 22% at 95% 69%,#e9a95f73,transparent 80%),radial-gradient(ellipse 32% 24% at 55% 83%,#d38d3438,transparent 80%)}
html.sales-page[data-public-page=home][data-marketing=true]:is([data-home-theme=party],[data-home-theme=jga]) #start .ambient-light{background:conic-gradient(from -30deg at 80% 12%,transparent 0deg 17deg,#eca1d244 20deg,transparent 29deg 58deg,#83d0db40 61deg,transparent 69deg),radial-gradient(ellipse 36% 25% at 80% 24%,#dc89cb46,transparent 85%);mix-blend-mode:screen;animation:celebration-beams 12s ease-in-out infinite;transform-origin:80% 12%}
@keyframes celebration-beams{0%,100%{opacity:.12;transform:rotate(-9deg)}24%{opacity:.38}30%{opacity:.12}35%{opacity:.48}42%{opacity:.18}67%{opacity:.42;transform:rotate(11deg)}75%{opacity:.12}82%{opacity:.5}}
html.sales-page[data-public-page=home] #start .homepage-hero-v2 .is-flight-ready .v2-flight-photo{animation-name:inviting-photo-arrival}
@keyframes inviting-photo-arrival{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--flight-rotation)) scale(.7)}22%{opacity:.43}75%{opacity:.38}100%{opacity:0;transform:translate3d(var(--flight-dx),var(--flight-dy),0) rotate(0) scale(.18)}}
html.sales-page[data-page-hidden=true] body::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){html.sales-page[data-public-page=home] body::before,html.sales-page[data-public-page=home] #start .ambient-light{animation:none!important;opacity:.2}html.sales-page[data-public-page=home] #start .v2-flight-photo{animation:none!important;opacity:0}}

html.sales-page[data-marketing=true][data-home-theme] #start .homepage-hero-v2 .v2-phone-anchor{left:auto;right:max(22px,calc((100% - 1050px)/2));top:50%;transform:translateY(-50%)}
@media(max-width:760px){html.sales-page[data-marketing=true][data-home-theme] #start .homepage-hero-v2{height:560px;min-height:560px}html.sales-page[data-marketing=true][data-home-theme] #start .ambient-media :is(img,video){object-position:center center}html.sales-page[data-marketing=true][data-home-theme] #start .homepage-hero-v2 .v2-device{width:110px}html.sales-page[data-marketing=true][data-home-theme] #start .homepage-hero-v2 .v2-phone-anchor{left:auto;right:18px;bottom:66px;top:auto;transform:none}html.sales-page[data-marketing=true][data-home-theme] #start .v2-arrival-stage{height:100%;inset:0}}
