.beat{width:var(--col);min-height:var(--beat);padding-block:var(--beat-pad);align-content:center;margin-inline:auto;display:grid}.beat--greeting{min-height:54svh;padding-block:92px var(--s-4);grid-template-rows:auto 1fr;align-content:stretch}.beat--key{width:min(100%, var(--canvas))}.beat--close{text-align:center;padding-bottom:max(var(--s-10), calc(env(safe-area-inset-bottom) + var(--s-9)));justify-items:center}.plate{margin-block:var(--plate-gap);background:var(--surface);position:relative;overflow:hidden}.plate picture{width:100%;height:100%;display:block}.plate img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.plate--hero{margin-inline:calc(var(--rail) * -1);aspect-ratio:4/5}.plate--left{width:80%;margin-left:calc(var(--rail) * -1);aspect-ratio:4/5}.plate--right{width:74%;margin-right:calc(var(--rail) * -1);aspect-ratio:4/5;margin-left:auto}.plate--wide{margin-inline:calc(var(--rail) * -1);aspect-ratio:4/3}#s1-invitation{margin-bottom:var(--s-7)}#s1-greeting{align-self:end}#s1-greeting .line+.line{margin-top:.06em}#s1-greeting .line:first-child{margin-bottom:.3em}#s2-p4-key{margin-block:.18em .22em}#s2-p4-key .accent{padding-left:1.1em;display:block}#s2-cta{width:min(100%,340px);margin-top:var(--s-8)}@media (min-width:768px){.beat--greeting{min-height:50svh;padding-block:76px var(--s-4)}.beat--start{margin-left:4%}.beat--end{margin-right:4%}.beat--key{width:min(100%,880px)}.plate{border-radius:var(--radius-card)}.plate--hero{aspect-ratio:16/10;max-height:88svh;margin-inline:0}.plate--left{width:min(42%,480px);margin-left:6%}.plate--right{width:min(46%,520px);margin-right:2%}.plate--wide{aspect-ratio:16/9;width:86%;margin-left:auto;margin-right:0}#s1-invitation{margin-bottom:var(--s-8)}#s2-cta{margin-top:var(--s-9)}}.scroll-hint{bottom:max(var(--s-6), calc(env(safe-area-inset-bottom) + var(--s-4)));z-index:2;justify-items:center;row-gap:var(--s-2);color:var(--fg);pointer-events:none;transition:color .3s var(--ease), opacity .6s var(--ease), visibility 0s linear 0s;display:grid;position:fixed;left:50%;transform:translate(-50%)}.scroll-hint[data-tone=light]{color:var(--bg);filter:drop-shadow(0 1px 6px #00000073)}.scroll-hint[data-hidden=true]{visibility:hidden;opacity:0;transition:opacity .6s var(--ease), visibility 0s linear .6s}.scroll-hint__label{color:inherit;font-size:var(--fs-label);font-weight:500}.scroll-hint__chevron{width:16px;height:10px;animation:scroll-hint-bob 2.2s var(--ease) infinite;overflow:visible}.scroll-hint__chevron path{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}@keyframes scroll-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.scroll-hint__chevron{animation:none}}