.tpl-hong-an .inv-stage{background:radial-gradient(120% 40% at 50% 0%,color-mix(in srgb,var(--t-accent) 30%,transparent),transparent 70%),var(--t-bg)}.tpl-hong-an .inv-cover{background:radial-gradient(70% 45% at 50% 38%,color-mix(in srgb,var(--t-surface) 90%,transparent),transparent 75%),radial-gradient(90% 50% at 50% 100%,color-mix(in srgb,var(--t-primary) 16%,transparent),transparent 70%)}.ha-sprig{position:absolute;width:190px;color:var(--t-primary);opacity:.75;pointer-events:none;z-index:0}.ha-sprig svg{display:block;width:100%;height:auto;overflow:visible}.ha-sprig--tl{top:-6px;left:-10px;animation:ha-sway 7s ease-in-out infinite;transform-origin:0 0}.ha-sprig--br{right:-10px;bottom:-6px;transform:rotate(180deg);animation:ha-sway-r 8s ease-in-out infinite}.ha-sprig--side{width:150px;right:-34px;top:8px;opacity:.35;transform:rotate(18deg)}.ha-sprig--foot{position:relative;width:130px;margin:0 auto 6px;opacity:.7}.tpl-hong-an .inv-cover>*:not(.ha-sprig):not(.inv-cover__scroll){position:relative;z-index:1}@keyframes ha-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}@keyframes ha-sway-r{0%,to{transform:rotate(178deg)}50%{transform:rotate(182.5deg)}}.tpl-hong-an .inv-sec--event,.tpl-hong-an .inv-sec--album,.tpl-hong-an .inv-sec--guestbook{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--t-primary) 7%,transparent) 30%,color-mix(in srgb,var(--t-primary) 7%,transparent) 70%,transparent)}.tpl-hong-an .inv-cover__photo{box-shadow:0 30px 50px -34px color-mix(in srgb,var(--t-primary) 70%,transparent)}.tpl-hong-an .inv-sec--invite .inv-text{font-family:var(--t-font-display);font-style:italic;font-size:16px;color:var(--t-ink);max-width:30ch}@property --ha-hole{syntax: "<length>"; inherits: true; initial-value: 0px;}.ha-open{--ha-y: 55%;display:block;background:none}.ha-open:before,.ha-open:after{content:"";position:absolute;top:0;bottom:0;width:calc(50% - min(50%,var(--stage) / 2));background:var(--t-backdrop)}.ha-open:before{left:0}.ha-open:after{right:0}.ha-open__stage{position:absolute;top:0;bottom:0;left:50%;width:min(100%,var(--stage));margin-left:calc(min(100%,var(--stage))/-2);overflow:hidden}.ha-open__sheet{position:absolute;inset:0;background:radial-gradient(120% 40% at 50% 0%,color-mix(in srgb,var(--t-accent) 34%,transparent),transparent 70%),radial-gradient(90% 46% at 50% 100%,color-mix(in srgb,var(--t-primary) 18%,transparent),transparent 70%),var(--t-bg);-webkit-mask-image:radial-gradient(circle at 50% var(--ha-y),transparent calc(var(--ha-hole) - 1px),#000 var(--ha-hole));mask-image:radial-gradient(circle at 50% var(--ha-y),transparent calc(var(--ha-hole) - 1px),#000 var(--ha-hole))}.ha-open__sheet:before{content:"";position:absolute;inset:14px;border:1px solid var(--t-line);outline:1px solid color-mix(in srgb,var(--t-accent) 60%,transparent);outline-offset:-6px;pointer-events:none}.ha-open__sheet:after{content:"";position:absolute;inset:0;background:linear-gradient(65deg,transparent 32%,rgba(255,255,255,.5) 50%,transparent 68%);translate:-130% 0;pointer-events:none}.ha-open.is-opening .ha-open__sheet{animation:ha-hole 2.3s linear 1.75s both}.ha-open.is-opening .ha-open__sheet:after{animation:ha-sweep 1s ease 1.3s both}@keyframes ha-sweep{to{translate:130% 0}}@keyframes ha-hole{0%{--ha-hole: 0px}16%{--ha-hole: 75px;animation-timing-function:cubic-bezier(.6,0,.3,1)}to{--ha-hole: 1035px}}.ha-open__wreath{position:absolute;top:var(--ha-y);left:50%;width:216px;height:216px;margin:-108px 0 0 -108px;color:var(--t-primary);pointer-events:none;transition:opacity .6s ease 3.4s}.ha-open__wreath svg{display:block;width:100%;height:100%;overflow:visible}.ha-open__ring{fill:none;stroke:var(--t-accent);stroke-width:1.6;vector-effect:non-scaling-stroke}.ha-open__leaves{transform-origin:150px 150px;animation:ha-breathe 7s ease-in-out infinite}.ha-open__blooms{color:var(--t-accent)}.ha-bloom{transform-box:fill-box;transform-origin:center}@keyframes ha-breathe{50%{transform:rotate(2.4deg)}}.ha-open__flow path{fill:none;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}.ha-open__flow-halo{stroke:color-mix(in srgb,var(--t-accent) 80%,#b4561e);stroke-width:9;opacity:.85}.ha-open__flow-core{stroke:#fffbef;stroke-width:2.6}.ha-open__orbit{transform-box:view-box;transform-origin:150px 150px;opacity:0}.ha-open__orbit circle{fill:#fffdf4}.ha-open__orbit .ha-open__orbit-glow{fill:color-mix(in srgb,var(--t-accent) 80%,#b4561e)}.ha-open.is-opening .ha-open__flow path{animation:ha-flow 1.3s cubic-bezier(.45,.05,.4,1) .3s both}.ha-open.is-opening .ha-open__flow{animation:ha-fade .4s ease 1.85s forwards}.ha-open.is-opening .ha-open__orbit{animation:ha-orbit 1.3s cubic-bezier(.45,.05,.4,1) .3s both}@keyframes ha-flow{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ha-orbit{0%{rotate:0deg;opacity:0}8%,88%{opacity:1}to{rotate:360deg;opacity:0}}@keyframes ha-fade{to{opacity:0}}.ha-open.is-opening .ha-bloom{animation:ha-pop .6s cubic-bezier(.3,1.8,.4,1) both;animation-delay:calc(.3s + var(--p) * 1.3s)}.ha-open.is-opening .ha-open__leaves{animation:ha-lit .6s ease 1.4s both}@keyframes ha-lit{to{filter:brightness(1.25) drop-shadow(0 0 5px color-mix(in srgb,var(--t-accent) 70%,#fff))}}.ha-open__core{position:absolute;top:var(--ha-y);left:50%;width:260px;height:260px;margin:-130px 0 0 -130px;border-radius:50%;background:radial-gradient(circle,#fffef6 0 30%,color-mix(in srgb,var(--t-accent) 40%,rgba(255,255,255,.6)) 48%,transparent 70%);opacity:0;scale:.4;pointer-events:none}.ha-open.is-opening .ha-open__core{animation:ha-core 1.1s ease 1.4s both}@keyframes ha-core{0%{opacity:0;scale:.4}45%{opacity:1;scale:.85}to{opacity:0;scale:2.4}}@keyframes ha-pop{0%{scale:1}40%{scale:1.55}to{scale:1}}.ha-open.is-opening .ha-open__wreath{opacity:0;animation:ha-bloom 2.3s linear 1.75s both}@keyframes ha-bloom{0%{scale:1;rotate:0deg}16%{scale:1;rotate:0deg;animation-timing-function:cubic-bezier(.6,0,.3,1)}to{scale:13.8;rotate:26deg}}.ha-open__seal{position:absolute;top:var(--ha-y);left:50%;display:grid;place-items:center;width:96px;height:96px;margin:-48px 0 0 -48px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--t-accent) 78%,#fff),var(--t-accent) 55%,color-mix(in srgb,var(--t-accent) 68%,#000));box-shadow:0 8px 18px -6px color-mix(in srgb,var(--t-shade) 60%,transparent),inset 0 0 0 4px #ffffff4d,inset 0 0 0 5px color-mix(in srgb,var(--t-accent) 60%,#000);font-family:var(--t-font-display);font-size:22px;font-weight:600;letter-spacing:.04em;color:#4a2f2a;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:scale .6s cubic-bezier(.5,0,.2,1),opacity .5s ease .1s}.ha-open__seal:before,.ha-open__seal:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--t-accent);animation:inv-ping 2.4s ease-out infinite;pointer-events:none}.ha-open__seal:after{animation-delay:1.2s}.ha-open__seal:focus-visible{outline:2px solid var(--t-primary);outline-offset:6px}.ha-open.is-opening .ha-open__seal{scale:.55;opacity:0;pointer-events:none}.ha-open.is-opening .ha-open__seal:before,.ha-open.is-opening .ha-open__seal:after{animation:none;opacity:0}.ha-open__text{position:absolute;top:11%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 34px;text-align:center}.ha-open .inv-open__names{padding:0;font-size:48px;line-height:1.26}.ha-open__bottom{position:absolute;left:0;right:0;bottom:max(30px,calc(env(safe-area-inset-bottom) + 12px));display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.ha-open__date{font-family:var(--t-font-display);font-size:18px;font-weight:500;letter-spacing:.14em;color:var(--t-primary)}.ha-open .inv-btn{margin:0}.ha-open__text,.ha-open__bottom{transition:opacity .45s ease,translate .45s ease}.ha-open.is-opening .ha-open__text,.ha-open.is-opening .ha-open__bottom{opacity:0;translate:0 -8px;pointer-events:none}@media(max-height:720px){.ha-open{--ha-y: 57%}.ha-open__text{top:8%;gap:4px}.ha-open .inv-open__names{font-size:38px}.ha-open__wreath{scale:.88}.ha-open__date{display:none}}@media(prefers-reduced-motion:reduce){.ha-open.is-opening .ha-open__sheet,.ha-open.is-opening .ha-open__sheet:after,.ha-open.is-opening .ha-open__wreath,.ha-open.is-opening .ha-bloom,.ha-open.is-opening .ha-open__flow path,.ha-open.is-opening .ha-open__orbit,.ha-open.is-opening .ha-open__core{animation:none}}
