/* Cinematic garden and engraved invitation details */
.hero{background:none;isolation:isolate;overflow:hidden}.garden-layer{position:absolute;inset:-3%;background:url('assets/garden.jpg') center/cover;z-index:-2;transform:scale(1.08);will-change:transform}.opened .garden-layer{animation:garden-breathe 24s ease-in-out infinite alternate}.hero:before{z-index:-1;background:radial-gradient(ellipse at 50% 46%,#fff9e6e8,#fff9e699 30%,transparent 63%)}.hero:after{content:'';position:absolute;inset:18px;border:1px solid #f2deb14a;border-radius:45% 45% 2px 2px;pointer-events:none}.rays{position:absolute;inset:-35%;background:conic-gradient(from 190deg at 75% 5%,transparent 0deg,#fff6d123 13deg,transparent 21deg,#fff7d820 32deg,transparent 44deg);mix-blend-mode:screen;pointer-events:none;animation:light-drift 18s ease-in-out infinite alternate}.petals{position:absolute;inset:0;overflow:hidden;pointer-events:none}.petal{position:absolute;top:-30px;left:var(--x);width:var(--size);height:calc(var(--size)*.65);border-radius:80% 15% 70% 20%;background:linear-gradient(125deg,#fffaf0,#e9cc9d);opacity:0;box-shadow:1px 2px 5px #a1885630;animation:petal-fall var(--duration) linear infinite;animation-delay:var(--delay)}.glow{position:absolute;width:4px;height:4px;left:var(--x);top:var(--y);background:#fff9d8;border-radius:50%;box-shadow:0 0 12px 4px #ffefb466;animation:glow-drift var(--duration) ease-in-out infinite alternate;animation-delay:var(--delay)}
.cover{background:transparent;perspective:1500px;transition:visibility 0s 2.1s}.cover:before{background:#241c13;transition:opacity 1.5s}.door{position:absolute;top:0;bottom:0;width:50.1%;background:linear-gradient(90deg,#20170a40,#78552b35),url('assets/garden.jpg');background-size:200% 100%;box-shadow:inset 0 0 80px #110c08c9;transition:transform 2s cubic-bezier(.3,.05,.22,1),filter 2s;backface-visibility:hidden}.door:after{content:'';position:absolute;inset:22px;border:1px solid #bea06d88;box-shadow:inset 0 0 0 8px #30221744,0 0 0 7px #30221744;outline:1px solid #bea06d44;outline-offset:7px}.door-left{left:0;background-position:left center;transform-origin:left center}.door-right{right:0;background-position:right center;transform-origin:right center}.cover-card{z-index:2;background:linear-gradient(145deg,#35291edb,#281f15e8);box-shadow:0 25px 100px #08050366;transition:opacity .55s,transform .8s;border-radius:160px 160px 3px 3px;padding-top:60px}.cover-card:before{content:'❧';display:block;font-size:40px;color:#c7aa74;margin-bottom:12px}.seal{animation:seal-breathe 3s ease-in-out infinite;position:relative}.seal:after{content:'';position:absolute;inset:7px;border:1px solid #ebd3a477;border-radius:50%}.opened .cover{opacity:1;visibility:hidden}.opened .cover:before{opacity:0}.opened .cover-card{opacity:0;transform:translateY(15px) scale(.92);pointer-events:none}.opened .door-left{transform:rotateY(-105deg);filter:brightness(.6)}.opened .door-right{transform:rotateY(105deg);filter:brightness(.6)}
.hero-copy>*{opacity:0;transform:translateY(17px);filter:blur(3px)}.opened .hero-copy>*{animation:copy-arrive 1.5s ease forwards;animation-delay:calc(1s + var(--order,0)*.18s)}.hero-copy>:nth-child(2){--order:1}.hero-copy>:nth-child(3){--order:2}.hero-copy>:nth-child(4){--order:3}.hero-copy>:nth-child(5){--order:4}.hero-copy>:nth-child(6){--order:5}.hero-copy>:nth-child(7){--order:6}.scroll span{animation:scroll-hint 2s ease-in-out infinite}.details{position:relative;background:radial-gradient(ellipse at top,#d8c8a03b,transparent 60%),repeating-linear-gradient(90deg,#aa906903 0 1px,transparent 1px 4px),#faf6ed}.details:before,.details:after{content:'';position:absolute;top:35px;bottom:25px;width:12px;border-block:1px solid #ad8b4d66;pointer-events:none}.details:before{left:13px;border-left:1px solid #ad8b4d44}.details:after{right:13px;border-right:1px solid #ad8b4d44}.botanical{display:block;width:160px;height:60px;margin:0 auto 15px;color:#a88c54;fill:none;stroke:currentColor;stroke-width:1}.countdown{gap:12px}.countdown>div{width:70px;padding:16px 4px 11px;border:1px solid #ae92503d;border-radius:38px 38px 3px 3px;background:linear-gradient(#fffaf2,#ece1cb44)}.countdown strong{color:#807046}.primary{background:linear-gradient(120deg,#6d7354,#4d573c);box-shadow:0 6px 18px #4653321a}.button{position:relative;overflow:hidden}.primary:after{content:'';position:absolute;inset:-100%;background:linear-gradient(100deg,transparent 45%,#ffffff1c 50%,transparent 55%);transform:translateX(-70%);animation:satin 7s ease-in-out infinite}.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:translateY(0)}.motion-toggle{position:fixed;bottom:16px;left:16px;z-index:8;border:1px solid #c6b18588;border-radius:50%;width:42px;height:42px;background:#faf4e4e6;color:#695733;box-shadow:0 2px 14px #241b1220;font:18px sans-serif;cursor:pointer;backdrop-filter:blur(8px)}body:not(.opened) .motion-toggle{visibility:hidden}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .hero-copy>*{opacity:1;transform:none;filter:none}.motion-paused .reveal{opacity:1;transform:none}
@keyframes garden-breathe{from{transform:scale(1.08) translateY(0)}to{transform:scale(1.015) translateY(1%)}}@keyframes light-drift{from{transform:rotate(-7deg);opacity:.4}to{transform:rotate(7deg);opacity:1}}@keyframes petal-fall{0%{transform:translate3d(0,-20px,0) rotate(0);opacity:0}10%{opacity:.7}85%{opacity:.5}100%{transform:translate3d(65px,1000px,0) rotate(300deg);opacity:0}}@keyframes glow-drift{from{transform:translate(0,0);opacity:.1}to{transform:translate(-20px,-45px);opacity:.8}}@keyframes seal-breathe{50%{box-shadow:0 0 0 10px #b8976011,0 5px 34px #e5bf6230}}@keyframes copy-arrive{to{opacity:1;transform:none;filter:blur(0)}}@keyframes scroll-hint{50%{transform:translateY(6px)}}@keyframes satin{0%,65%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy>*,.reveal{opacity:1;transform:none;filter:none}.petals,.rays{display:none}.motion-toggle{display:none}}
.garden-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.3s}.garden-video.ready{opacity:1}.hero.video-active .garden-layer{animation:none}.hero.video-active .petals{opacity:.25}.hero.video-active:before{background:radial-gradient(ellipse at 50% 46%,#fff9e6ed 0%,#fff9e6b8 34%,#fff9e629 66%,transparent 85%)}
.garden-video{z-index:-1}.hero:before{z-index:0;pointer-events:none}.hero-copy,.scroll{z-index:2}.hero.video-active .rays,.hero.video-active .petals{z-index:1}